@charset "UTF-8";
/*************************/
/* Variables */
/*************************/
/*************************/
/* Functions */
/*************************/
/*************************/
/* Mixins */
/*************************/
.btn {
  position: relative;
  overflow: hidden;
  display: inline-flex;
  gap: 2px;
  justify-content: center;
  align-items: center;
  text-align: center;
  border-radius: 24px;
  min-height: 48px;
  width: auto;
  background-color: transparent;
  border: 1px solid transparent;
  transition: background-color 0.25s ease-in-out, border 0.25s ease-in-out, color 0.25s ease-in-out;
  color: #ffffff;
  text-decoration: none;
  cursor: pointer;
  padding: 5px 20px;
}
@media only screen and (min-width: 992px) {
  .btn {
    gap: 4px;
    min-height: 48px;
    border-radius: 24px;
    padding: 5px 33px;
  }
}
.btn:focus-visible {
  outline: none;
}
.btn span {
  display: block;
  font-family: "Anek Latin", Arial, sans-serif;
  font-size: 10px;
  font-weight: 600;
  line-height: 1;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  pointer-events: none;
}
@media only screen and (min-width: 992px) {
  .btn span {
    font-size: 12px;
  }
}
.btn span strong {
  color: currentColor;
}
.btn .icon {
  flex-shrink: 0;
}
.btn .icon--close {
  display: block;
  width: 17px;
  height: 17px;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: cover;
  mask-size: contain;
  -webkit-mask-image: url("../images/svg/icons/icon-close.svg");
  mask-image: url("../images/svg/icons/icon-close.svg");
  background-color: currentColor;
  pointer-events: none;
  transition: background-color 0.25s ease-in-out;
}
@media only screen and (min-width: 992px) {
  .btn .icon--close {
    width: 24px;
    height: 24px;
  }
}
.btn .icon--chevron-down {
  display: block;
  width: 14px;
  height: 14px;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: cover;
  mask-size: contain;
  -webkit-mask-image: url("../images/svg/icons/icon-chevron-down.svg");
  mask-image: url("../images/svg/icons/icon-chevron-down.svg");
  background-color: currentColor;
  pointer-events: none;
  transition: background-color 0.25s ease-in-out;
}
.btn .icon--chevron-left {
  display: block;
  width: 14px;
  height: 14px;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: cover;
  mask-size: contain;
  -webkit-mask-image: url("../images/svg/icons/icon-chevron-left.svg");
  mask-image: url("../images/svg/icons/icon-chevron-left.svg");
  background-color: currentColor;
  pointer-events: none;
  transition: background-color 0.25s ease-in-out;
}
.btn .icon--menu-burger {
  display: block;
  width: 18px;
  height: 18px;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: cover;
  mask-size: contain;
  -webkit-mask-image: url("../images/svg/icons/icon-menu-burger.svg");
  mask-image: url("../images/svg/icons/icon-menu-burger.svg");
  background-color: currentColor;
  pointer-events: none;
  transition: background-color 0.25s ease-in-out;
}
.btn .icon--pen {
  display: block;
  width: 18px;
  height: 18px;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: cover;
  mask-size: contain;
  -webkit-mask-image: url("../images/svg/icons/icon-edit.svg");
  mask-image: url("../images/svg/icons/icon-edit.svg");
  background-color: currentColor;
  pointer-events: none;
  transition: background-color 0.25s ease-in-out;
}
.btn-solid-primary {
  background: #555F42;
  color: #ffffff;
}
.btn-solid-primary::before {
  content: "";
  position: absolute;
  left: 16px;
  top: 50%;
  transform: translateY(-50%);
  opacity: 1;
  display: block;
  width: 16px;
  height: 16px;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: cover;
  mask-size: contain;
  -webkit-mask-image: url("../images/svg/icons/icon-fa-reg-arrow-right.svg");
  mask-image: url("../images/svg/icons/icon-fa-reg-arrow-right.svg");
  background-color: currentColor;
  pointer-events: none;
  transition: background-color 0.25s ease-in-out;
  transition: left 0.3s ease-out, opacity 0.1s;
}
.btn-solid-primary::after {
  content: "";
  position: absolute;
  right: -26px;
  top: 50%;
  transform: translateY(-50%);
  opacity: 0;
  display: block;
  width: 16px;
  height: 16px;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: cover;
  mask-size: contain;
  -webkit-mask-image: url("../images/svg/icons/icon-fa-reg-arrow-right.svg");
  mask-image: url("../images/svg/icons/icon-fa-reg-arrow-right.svg");
  background-color: currentColor;
  pointer-events: none;
  transition: background-color 0.25s ease-in-out;
  transition: right 0.3s ease-out, opacity 0.1s linear 0.25s;
}
.btn-solid-primary span {
  position: relative;
  padding: 0px 0px 0px 20px;
  transition: padding 0.3s ease-out;
}
@media only screen and (min-width: 992px) {
  .btn-solid-primary::before {
    left: 26px;
  }
  .btn-solid-primary::after {
    right: -30px;
  }
}
html:not(.touchevents) .btn-solid-primary:hover, html:not(.touchevents) .btn-solid-primary:focus-visible {
  color: #ffffff;
}
html:not(.touchevents) .btn-solid-primary:hover::before, html:not(.touchevents) .btn-solid-primary:focus-visible::before {
  left: -26px;
  opacity: 0;
  transition: left 0.3s ease-out, opacity 0.1s linear 0.25s;
}
html:not(.touchevents) .btn-solid-primary:hover::after, html:not(.touchevents) .btn-solid-primary:focus-visible::after {
  right: 16px;
  opacity: 1;
  transition: right 0.3s ease-out, opacity 0.1s;
}
html:not(.touchevents) .btn-solid-primary:hover span, html:not(.touchevents) .btn-solid-primary:focus-visible span {
  padding: 0px 20px 0px 0px;
}
@media only screen and (min-width: 992px) {
  html:not(.touchevents) .btn-solid-primary:hover::before, html:not(.touchevents) .btn-solid-primary:focus-visible::before {
    left: -30px;
  }
  html:not(.touchevents) .btn-solid-primary:hover::after, html:not(.touchevents) .btn-solid-primary:focus-visible::after {
    right: 26px;
  }
}
.btn-solid-primary--ocre {
  background-color: #C8A864;
}
.btn-solid-primary--gray {
  background-color: rgba(0, 0, 0, 0.1);
  color: #000000;
  backdrop-filter: blur(20px);
}
html:not(.touchevents) .btn-solid-primary--gray:hover, html:not(.touchevents) .btn-solid-primary--gray:focus-visible {
  color: #000000;
}
.btn-solid-primary--white {
  background-color: rgba(255, 255, 255, 0.2);
  backdrop-filter: blur(20px);
}
.btn-outline-primary {
  border: 1px solid #555F42;
}
@media only screen and (min-width: 992px) {
  .btn-outline-primary:hover {
    border: 1px solid transparent;
    color: #ffffff;
    background: #3a412d;
  }
}
.btn-underline {
  color: inherit;
  font-weight: 500;
  font-size: 16px;
  line-height: 1.2;
  padding: 8px 0;
  border-radius: 0px;
  text-transform: none;
  min-height: 40px;
  gap: 8px;
}
@media only screen and (min-width: 992px) {
  .btn-underline {
    min-height: 40px;
  }
}
.btn-underline::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  height: 2px;
  width: 100%;
  background-color: #C8A864;
  transition: height 0.25s;
}
html:not(.touchevents) .btn-underline:hover::before, html:not(.touchevents) .btn-underline:focus-visible::before {
  height: 4px;
}
.btn-underline span {
  text-transform: none;
  font-weight: 500;
  font-size: 16px;
  letter-spacing: 0;
}
@media only screen and (min-width: 992px) {
  .btn-underline span {
    font-size: 16px;
  }
}
.btn-underline[target=_blank]::after {
  content: "";
  display: block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 12px;
  height: 12px;
  background-image: url("../images/svg/icons/icon-external-link.svg");
  pointer-events: none;
}
.btn-icon {
  padding-inline: 0;
  width: 48px;
}
@media only screen and (min-width: 992px) {
  .btn-icon {
    width: 48px;
  }
}
.btn-secondary {
  padding-inline: 8px;
  border: none;
  position: relative;
  gap: 4px;
}
.btn-secondary.selected::before, .btn-secondary.active::before {
  left: 0;
  right: 0;
}
@media only screen and (min-width: 992px) {
  .btn-secondary {
    gap: 8px;
    padding-inline: 16px;
  }
  .btn-secondary:hover {
    background-color: transparent;
  }
  .btn-secondary:hover::before {
    left: 0;
    right: 0;
  }
}
.btn-secondary.selected, .btn-secondary.active {
  color: #555F42;
}
.btn-secondary::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 51%;
  right: 51%;
  height: 2px;
  border-radius: 4px;
  background-color: currentColor;
  transition: left 0.25s ease-in-out, right 0.25s ease-in-out;
}
@media only screen and (min-width: 992px) {
  .btn-secondary::before {
    height: 4px;
  }
}
.btn-group {
  display: flex;
  flex-direction: row;
  gap: 8px;
}
@media only screen and (min-width: 992px) {
  .btn-group {
    gap: 32px;
  }
}
.btn-gift {
  display: block;
  height: 40px;
  width: 40px;
  font-size: 1px;
  padding: 0;
  background: #555F42;
  color: #ffffff;
}
@media only screen and (min-width: 992px) {
  .btn-gift {
    width: 48px;
  }
}
.btn-gift::before, .btn-gift::after {
  content: "";
  position: absolute;
  display: block;
  width: 17px;
  height: 17px;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: cover;
  mask-size: contain;
  -webkit-mask-image: url("../images/svg/icons/icon-gift.svg");
  mask-image: url("../images/svg/icons/icon-gift.svg");
  background-color: currentColor;
  pointer-events: none;
  transition: background-color 0.25s ease-in-out;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  transition: left 0.3s ease-out;
}
.btn-gift::after {
  left: -150%;
}
.btn-gift span {
  display: none;
}
html:not(.touchevents) .btn-gift:hover::before, html:not(.touchevents) .btn-gift:focus-visible::before {
  left: 150%;
}
html:not(.touchevents) .btn-gift:hover::after, html:not(.touchevents) .btn-gift:focus-visible::after {
  left: 50%;
}
.btn-close {
  background: #555F42;
  padding: 0;
  border-radius: 50%;
  width: 40px;
  min-height: 40px;
}
html:not(.touchevents) .btn-close:hover, html:not(.touchevents) .btn-close:focus-visible {
  background: #3a412d;
}
@media only screen and (min-width: 992px) {
  .btn-close {
    width: 56px;
    height: 56px;
  }
}

.diadao-button-close {
  position: relative;
  overflow: hidden;
  display: inline-flex;
  gap: 2px;
  justify-content: center;
  align-items: center;
  text-align: center;
  border-radius: 24px;
  min-height: 48px;
  width: auto;
  background-color: transparent;
  border: 1px solid transparent;
  transition: background-color 0.25s ease-in-out, border 0.25s ease-in-out, color 0.25s ease-in-out;
  color: #ffffff;
  text-decoration: none;
  cursor: pointer;
  padding: 5px 20px;
  padding-inline: 0;
  width: 48px;
  background: #555F42;
  color: #ffffff;
  position: absolute;
  top: 16px;
  right: 16px;
  z-index: 10;
  margin: 0;
}
@media only screen and (min-width: 992px) {
  .diadao-button-close {
    gap: 4px;
    min-height: 48px;
    border-radius: 24px;
    padding: 5px 33px;
  }
}
.diadao-button-close:focus-visible {
  outline: none;
}
.diadao-button-close span {
  display: block;
  font-family: "Anek Latin", Arial, sans-serif;
  font-size: 10px;
  font-weight: 600;
  line-height: 1;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  pointer-events: none;
}
@media only screen and (min-width: 992px) {
  .diadao-button-close span {
    font-size: 12px;
  }
}
.diadao-button-close span strong {
  color: currentColor;
}
.diadao-button-close .icon {
  flex-shrink: 0;
}
.diadao-button-close .icon--close {
  display: block;
  width: 17px;
  height: 17px;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: cover;
  mask-size: contain;
  -webkit-mask-image: url("../images/svg/icons/icon-close.svg");
  mask-image: url("../images/svg/icons/icon-close.svg");
  background-color: currentColor;
  pointer-events: none;
  transition: background-color 0.25s ease-in-out;
}
@media only screen and (min-width: 992px) {
  .diadao-button-close .icon--close {
    width: 24px;
    height: 24px;
  }
}
.diadao-button-close .icon--chevron-down {
  display: block;
  width: 14px;
  height: 14px;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: cover;
  mask-size: contain;
  -webkit-mask-image: url("../images/svg/icons/icon-chevron-down.svg");
  mask-image: url("../images/svg/icons/icon-chevron-down.svg");
  background-color: currentColor;
  pointer-events: none;
  transition: background-color 0.25s ease-in-out;
}
.diadao-button-close .icon--chevron-left {
  display: block;
  width: 14px;
  height: 14px;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: cover;
  mask-size: contain;
  -webkit-mask-image: url("../images/svg/icons/icon-chevron-left.svg");
  mask-image: url("../images/svg/icons/icon-chevron-left.svg");
  background-color: currentColor;
  pointer-events: none;
  transition: background-color 0.25s ease-in-out;
}
.diadao-button-close .icon--menu-burger {
  display: block;
  width: 18px;
  height: 18px;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: cover;
  mask-size: contain;
  -webkit-mask-image: url("../images/svg/icons/icon-menu-burger.svg");
  mask-image: url("../images/svg/icons/icon-menu-burger.svg");
  background-color: currentColor;
  pointer-events: none;
  transition: background-color 0.25s ease-in-out;
}
.diadao-button-close .icon--pen {
  display: block;
  width: 18px;
  height: 18px;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: cover;
  mask-size: contain;
  -webkit-mask-image: url("../images/svg/icons/icon-edit.svg");
  mask-image: url("../images/svg/icons/icon-edit.svg");
  background-color: currentColor;
  pointer-events: none;
  transition: background-color 0.25s ease-in-out;
}
@media only screen and (min-width: 992px) {
  .diadao-button-close {
    width: 48px;
  }
}
.diadao-button-close::before {
  content: "";
  position: absolute;
  left: 16px;
  top: 50%;
  transform: translateY(-50%);
  opacity: 1;
  display: block;
  width: 16px;
  height: 16px;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: cover;
  mask-size: contain;
  -webkit-mask-image: url("../images/svg/icons/icon-fa-reg-arrow-right.svg");
  mask-image: url("../images/svg/icons/icon-fa-reg-arrow-right.svg");
  background-color: currentColor;
  pointer-events: none;
  transition: background-color 0.25s ease-in-out;
  transition: left 0.3s ease-out, opacity 0.1s;
}
.diadao-button-close::after {
  content: "";
  position: absolute;
  right: -26px;
  top: 50%;
  transform: translateY(-50%);
  opacity: 0;
  display: block;
  width: 16px;
  height: 16px;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: cover;
  mask-size: contain;
  -webkit-mask-image: url("../images/svg/icons/icon-fa-reg-arrow-right.svg");
  mask-image: url("../images/svg/icons/icon-fa-reg-arrow-right.svg");
  background-color: currentColor;
  pointer-events: none;
  transition: background-color 0.25s ease-in-out;
  transition: right 0.3s ease-out, opacity 0.1s linear 0.25s;
}
.diadao-button-close span {
  position: relative;
  padding: 0px 0px 0px 20px;
  transition: padding 0.3s ease-out;
}
@media only screen and (min-width: 992px) {
  .diadao-button-close::before {
    left: 26px;
  }
  .diadao-button-close::after {
    right: -30px;
  }
}
html:not(.touchevents) .diadao-button-close:hover, html:not(.touchevents) .diadao-button-close:focus-visible {
  color: #ffffff;
}
html:not(.touchevents) .diadao-button-close:hover::before, html:not(.touchevents) .diadao-button-close:focus-visible::before {
  left: -26px;
  opacity: 0;
  transition: left 0.3s ease-out, opacity 0.1s linear 0.25s;
}
html:not(.touchevents) .diadao-button-close:hover::after, html:not(.touchevents) .diadao-button-close:focus-visible::after {
  right: 16px;
  opacity: 1;
  transition: right 0.3s ease-out, opacity 0.1s;
}
html:not(.touchevents) .diadao-button-close:hover span, html:not(.touchevents) .diadao-button-close:focus-visible span {
  padding: 0px 20px 0px 0px;
}
@media only screen and (min-width: 992px) {
  html:not(.touchevents) .diadao-button-close:hover::before, html:not(.touchevents) .diadao-button-close:focus-visible::before {
    left: -30px;
  }
  html:not(.touchevents) .diadao-button-close:hover::after, html:not(.touchevents) .diadao-button-close:focus-visible::after {
    right: 26px;
  }
}
.diadao-button-close::after, .diadao-button-close::before {
  display: none;
}
.diadao-button-close svg {
  width: 16px;
  height: 16px;
}

.containbtn1 {
  position: relative;
  display: flex;
  flex-direction: row;
  gap: 16px;
  flex-wrap: wrap;
}
@media only screen and (min-width: 992px) {
  .containbtn1 {
    gap: 24px;
  }
}
.containbtn1.centered {
  justify-content: center;
}
.containbtn1.centeredmobile {
  justify-content: center;
}
@media only screen and (min-width: 992px) {
  .containbtn1.centeredmobile {
    justify-content: flex-start;
  }
}

html {
  font-family: "Anek Latin", Arial, sans-serif;
  font-size: 16px;
  line-height: 1.5;
}
html body {
  color: #484F46;
}
html body strong {
  color: currentColor;
  font-weight: 500;
}
html a:not([class*=btn]) {
  text-decoration: none;
}
html a:not([class*=btn]) span {
  pointer-events: none;
}

.label-medium, .booking-modal__menu__links a {
  font-family: "Anek Latin", Arial, sans-serif;
  font-size: 11px;
  font-weight: 500;
  line-height: 1;
  letter-spacing: 0.52px;
  text-transform: uppercase;
}
@media only screen and (min-width: 992px) {
  .label-medium, .booking-modal__menu__links a {
    font-size: 13px;
    letter-spacing: 0.64px;
  }
}

.label-small {
  font-family: "Anek Latin", Arial, sans-serif;
  font-size: 10px;
  font-weight: 600;
  line-height: 1;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}
@media only screen and (min-width: 992px) {
  .label-small {
    font-size: 12px;
  }
}

.label-tag {
  font-family: "Anek Latin", Arial, sans-serif;
  font-size: 12px;
  font-weight: 500;
  line-height: 1em;
  padding: 6px 12px;
  border-radius: 12px;
}
@media only screen and (min-width: 992px) {
  .label-tag {
    font-size: 14px;
    line-height: 15px;
    padding: 8px 16px;
    border-radius: 16px;
  }
}

.suptitle {
  text-transform: uppercase;
  font-size: 13px;
  font-weight: 600;
  line-height: 1.61;
  letter-spacing: 0.52px;
}
@media only screen and (min-width: 992px) {
  .suptitle {
    font-size: 18px;
    line-height: 1.5;
    letter-spacing: 0.64px;
  }
}

.title-h1 {
  font-family: "Anek Latin", Arial, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 1;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}
.title-h1 strong,
.title-h1 bold,
.title-h1 b {
  font-weight: 600;
}

.title-n1 {
  font-family: "Anek Latin", Arial, sans-serif;
  font-size: 48px;
  font-weight: 200;
  line-height: 1;
  letter-spacing: -0.03em;
}
@media only screen and (min-width: 992px) {
  .title-n1 {
    font-size: 80px;
  }
}
@media only screen and (min-width: 1440px) {
  .title-n1 {
    font-size: 112px;
  }
}

.title-n2 {
  font-family: "Anek Latin", Arial, sans-serif;
  font-size: 36px;
  font-weight: 200;
  line-height: 1;
  letter-spacing: -0.03em;
}
@media only screen and (min-width: 992px) {
  .title-n2 {
    font-size: 50px;
  }
}
@media only screen and (min-width: 1440px) {
  .title-n2 {
    font-size: 72px;
  }
}

.title-n1 strong,
.title-n1 bold,
.title-n1 b,
.title-n2 strong,
.title-n2 bold,
.title-n2 b {
  font-weight: 400;
}
.title-n1.revealOnScroll,
.title-n2.revealOnScroll {
  opacity: 0;
  transition: opacity 0.5s, transform 0.8s;
  transform: translateX(-40px);
}
.title-n1.revealOnScroll strong,
.title-n1.revealOnScroll bold,
.title-n1.revealOnScroll b,
.title-n2.revealOnScroll strong,
.title-n2.revealOnScroll bold,
.title-n2.revealOnScroll b {
  display: block;
  transform: translateX(80px);
  transition: transform 0.8s;
}
.title-n1.revealOnScroll.reveal,
.title-n2.revealOnScroll.reveal {
  opacity: 1;
  transform: none;
}
.title-n1.revealOnScroll.reveal strong,
.title-n1.revealOnScroll.reveal bold,
.title-n1.revealOnScroll.reveal b,
.title-n2.revealOnScroll.reveal strong,
.title-n2.revealOnScroll.reveal bold,
.title-n2.revealOnScroll.reveal b {
  transform: none;
}

.title-n3 {
  font-weight: 500;
  font-size: 16px;
  line-height: 1.5;
}
@media only screen and (min-width: 992px) {
  .title-n3 {
    font-size: 24px;
  }
}

.text-bigger {
  font-size: 24px;
  font-weight: 200;
  line-height: 1.33;
}
@media only screen and (min-width: 992px) {
  .text-bigger {
    font-weight: 200;
    font-size: 40px;
    line-height: 1.2;
  }
}
.text-bigger strong,
.text-bigger bold,
.text-bigger b, .text-bigger.strong {
  font-weight: 500;
}
@media only screen and (min-width: 992px) {
  .text-bigger strong,
  .text-bigger bold,
  .text-bigger b, .text-bigger.strong {
    font-weight: 400;
  }
}
.text-bigger p {
  margin-bottom: 1.5em;
}
@media only screen and (min-width: 992px) {
  .text-bigger p {
    margin-bottom: 1.2em;
  }
}
.text-bigger p:last-child {
  margin-bottom: 0px;
}
.kwpb-fo-edit-enabled .text-bigger p:nth-last-child(2) {
  margin-bottom: 0px;
}

.text-n1, .room-item-hsc .diadao-hsw-qs-roomstickydetail .diadao-hdp-bar-room .qs-sticky__result .qs-room-price .diadao-qs__rate .best-rate .hsc-price-value {
  font-size: 16px;
  font-weight: 300;
  line-height: 1.5;
}
@media only screen and (min-width: 992px) {
  .text-n1, .room-item-hsc .diadao-hsw-qs-roomstickydetail .diadao-hdp-bar-room .qs-sticky__result .qs-room-price .diadao-qs__rate .best-rate .hsc-price-value {
    font-size: 24px;
    line-height: 1.33;
  }
}
.text-n1.strong, .room-item-hsc .diadao-hsw-qs-roomstickydetail .diadao-hdp-bar-room .qs-sticky__result .qs-room-price .diadao-qs__rate .best-rate .strong.hsc-price-value,
.text-n1 strong,
.room-item-hsc .diadao-hsw-qs-roomstickydetail .diadao-hdp-bar-room .qs-sticky__result .qs-room-price .diadao-qs__rate .best-rate .hsc-price-value strong,
.text-n1 bold,
.room-item-hsc .diadao-hsw-qs-roomstickydetail .diadao-hdp-bar-room .qs-sticky__result .qs-room-price .diadao-qs__rate .best-rate .hsc-price-value bold,
.text-n1 b,
.room-item-hsc .diadao-hsw-qs-roomstickydetail .diadao-hdp-bar-room .qs-sticky__result .qs-room-price .diadao-qs__rate .best-rate .hsc-price-value b {
  font-weight: 500;
}
.text-n1 p, .room-item-hsc .diadao-hsw-qs-roomstickydetail .diadao-hdp-bar-room .qs-sticky__result .qs-room-price .diadao-qs__rate .best-rate .hsc-price-value p {
  margin-bottom: 1.5em;
}
@media only screen and (min-width: 992px) {
  .text-n1 p, .room-item-hsc .diadao-hsw-qs-roomstickydetail .diadao-hdp-bar-room .qs-sticky__result .qs-room-price .diadao-qs__rate .best-rate .hsc-price-value p {
    margin-bottom: 1.33em;
  }
}
.text-n1 p:last-child, .room-item-hsc .diadao-hsw-qs-roomstickydetail .diadao-hdp-bar-room .qs-sticky__result .qs-room-price .diadao-qs__rate .best-rate .hsc-price-value p:last-child {
  margin-bottom: 0px;
}
.text-n1 .wp-block-image, .room-item-hsc .diadao-hsw-qs-roomstickydetail .diadao-hdp-bar-room .qs-sticky__result .qs-room-price .diadao-qs__rate .best-rate .hsc-price-value .wp-block-image {
  margin-bottom: 40px;
}
@media only screen and (min-width: 992px) {
  .text-n1 .wp-block-image, .room-item-hsc .diadao-hsw-qs-roomstickydetail .diadao-hdp-bar-room .qs-sticky__result .qs-room-price .diadao-qs__rate .best-rate .hsc-price-value .wp-block-image {
    margin-bottom: 80px;
  }
}
.text-n1 .wp-block-image:last-child, .room-item-hsc .diadao-hsw-qs-roomstickydetail .diadao-hdp-bar-room .qs-sticky__result .qs-room-price .diadao-qs__rate .best-rate .hsc-price-value .wp-block-image:last-child {
  margin-bottom: 0px;
}
.text-n1 ul, .room-item-hsc .diadao-hsw-qs-roomstickydetail .diadao-hdp-bar-room .qs-sticky__result .qs-room-price .diadao-qs__rate .best-rate .hsc-price-value ul {
  margin-bottom: 1.5em;
}
@media only screen and (min-width: 992px) {
  .text-n1 ul, .room-item-hsc .diadao-hsw-qs-roomstickydetail .diadao-hdp-bar-room .qs-sticky__result .qs-room-price .diadao-qs__rate .best-rate .hsc-price-value ul {
    margin-bottom: 1.33em;
  }
}
.text-n1 ul:last-child, .room-item-hsc .diadao-hsw-qs-roomstickydetail .diadao-hdp-bar-room .qs-sticky__result .qs-room-price .diadao-qs__rate .best-rate .hsc-price-value ul:last-child {
  margin-bottom: 0px;
}
.text-n1 .kwpb-wysiwig li, .room-item-hsc .diadao-hsw-qs-roomstickydetail .diadao-hdp-bar-room .qs-sticky__result .qs-room-price .diadao-qs__rate .best-rate .hsc-price-value .kwpb-wysiwig li,
.text-n1 .wp-block-list li,
.room-item-hsc .diadao-hsw-qs-roomstickydetail .diadao-hdp-bar-room .qs-sticky__result .qs-room-price .diadao-qs__rate .best-rate .hsc-price-value .wp-block-list li {
  position: relative;
  padding-left: 1.5em;
}
.text-n1 .kwpb-wysiwig li:before, .room-item-hsc .diadao-hsw-qs-roomstickydetail .diadao-hdp-bar-room .qs-sticky__result .qs-room-price .diadao-qs__rate .best-rate .hsc-price-value .kwpb-wysiwig li:before,
.text-n1 .wp-block-list li:before,
.room-item-hsc .diadao-hsw-qs-roomstickydetail .diadao-hdp-bar-room .qs-sticky__result .qs-room-price .diadao-qs__rate .best-rate .hsc-price-value .wp-block-list li:before {
  content: "•";
  position: absolute;
  text-align: center;
  top: 0;
  left: 0;
  width: 1.5em;
}
.kwpb-fo-edit-enabled .text-n1 .kwpb-wysiwig ul:nth-last-child(2), .kwpb-fo-edit-enabled .room-item-hsc .diadao-hsw-qs-roomstickydetail .diadao-hdp-bar-room .qs-sticky__result .qs-room-price .diadao-qs__rate .best-rate .hsc-price-value .kwpb-wysiwig ul:nth-last-child(2), .room-item-hsc .diadao-hsw-qs-roomstickydetail .diadao-hdp-bar-room .qs-sticky__result .qs-room-price .diadao-qs__rate .best-rate .kwpb-fo-edit-enabled .hsc-price-value .kwpb-wysiwig ul:nth-last-child(2),
.kwpb-fo-edit-enabled .text-n1 .kwpb-wysiwig p:nth-last-child(2),
.kwpb-fo-edit-enabled .room-item-hsc .diadao-hsw-qs-roomstickydetail .diadao-hdp-bar-room .qs-sticky__result .qs-room-price .diadao-qs__rate .best-rate .hsc-price-value .kwpb-wysiwig p:nth-last-child(2),
.room-item-hsc .diadao-hsw-qs-roomstickydetail .diadao-hdp-bar-room .qs-sticky__result .qs-room-price .diadao-qs__rate .best-rate .kwpb-fo-edit-enabled .hsc-price-value .kwpb-wysiwig p:nth-last-child(2),
.kwpb-fo-edit-enabled .text-n1 .wp-block-image:nth-last-child(2),
.kwpb-fo-edit-enabled .room-item-hsc .diadao-hsw-qs-roomstickydetail .diadao-hdp-bar-room .qs-sticky__result .qs-room-price .diadao-qs__rate .best-rate .hsc-price-value .wp-block-image:nth-last-child(2),
.room-item-hsc .diadao-hsw-qs-roomstickydetail .diadao-hdp-bar-room .qs-sticky__result .qs-room-price .diadao-qs__rate .best-rate .kwpb-fo-edit-enabled .hsc-price-value .wp-block-image:nth-last-child(2) {
  margin-bottom: 0px;
}

@media only screen and (min-width: 992px) {
  .text-n1--smaller {
    font-size: 16px;
    line-height: 1.5;
  }
}

.text-n1--smallest {
  font-size: 12px;
}
@media only screen and (min-width: 992px) {
  .text-n1--smallest {
    font-size: 12px;
    line-height: 1.5;
  }
}

.text-n2 {
  font-size: 16px;
  font-weight: 300;
  line-height: 1.5;
}
@media only screen and (min-width: 992px) {
  .text-n2 {
    font-size: 18px;
    line-height: 1.4;
  }
}

.text-n3, .room-item-hsc .diadao-hsw-qs-roomstickydetail .diadao-hdp-bar-room .qs-sticky__result .qs-room-price .diadao-qs.not-available .diadao-qs__rate--no-availabilities .hsc-no-availabilities-sticky, .room-item-hsc .diadao-hsw-qs-roomstickydetail .diadao-hdp-bar-room .qs-sticky__result .qs-room-price .diadao-qs__remainings, .room-item-hsc .diadao-hsw-qs-roomstickydetail .diadao-hdp-bar-room .qs-sticky__result .qs-room-price .diadao-qs__rate .qs-sticky-button span {
  font-size: 12px;
  font-weight: 300;
  line-height: 1.6;
}
@media only screen and (min-width: 992px) {
  .text-n3, .room-item-hsc .diadao-hsw-qs-roomstickydetail .diadao-hdp-bar-room .qs-sticky__result .qs-room-price .diadao-qs.not-available .diadao-qs__rate--no-availabilities .hsc-no-availabilities-sticky, .room-item-hsc .diadao-hsw-qs-roomstickydetail .diadao-hdp-bar-room .qs-sticky__result .qs-room-price .diadao-qs__remainings, .room-item-hsc .diadao-hsw-qs-roomstickydetail .diadao-hdp-bar-room .qs-sticky__result .qs-room-price .diadao-qs__rate .qs-sticky-button span {
    font-size: 14px;
    line-height: 1.5;
  }
}

.bold, .room-item-hsc .diadao-hsw-qs-roomstickydetail .diadao-hdp-bar-room .qs-sticky__result .qs-room-price .diadao-qs__remainings, .room-item-hsc .diadao-hsw-qs-roomstickydetail .diadao-hdp-bar-room .qs-sticky__result .qs-room-price .diadao-qs__rate .qs-sticky-button span, .room-item-hsc .diadao-hsw-qs-roomstickydetail .diadao-hdp-bar-room .qs-sticky__result .qs-room-price .diadao-qs__rate .best-rate .hsc-price-value {
  font-weight: 600;
}

.white {
  color: #ffffff;
}

.primary, .room-item-hsc .diadao-hsw-qs-roomstickydetail .diadao-hdp-bar-room .qs-sticky__result .qs-room-price .diadao-qs__rate .qs-sticky-button {
  color: #555F42;
}

.screen-reader-text {
  position: absolute;
  width: 0;
  height: 0;
  overflow: hidden;
  opacity: 0;
}

body.diadao-gform-labels .gform_wrapper .gform_required_legend {
  display: none;
}
body.diadao-gform-labels .gform_wrapper .gform_validation_errors {
  margin-bottom: 10px;
}
body.diadao-gform-labels .gform_wrapper .gform_validation_errors .gform_submission_error {
  font-size: 16px;
  line-height: 1.5;
  color: #dc3545;
  margin: 0;
}
@media only screen and (min-width: 992px) {
  body.diadao-gform-labels .gform_wrapper .gform_validation_errors .gform_submission_error {
    font-size: 24px;
    line-height: 1.3;
    padding-inline: 36px;
  }
}
body.diadao-gform-labels .gform_wrapper .gform_confirmation_message {
  font-size: 16px;
  line-height: 1.5;
  color: #3A8400;
  margin-bottom: 10px;
}
@media only screen and (min-width: 992px) {
  body.diadao-gform-labels .gform_wrapper .gform_confirmation_message {
    font-size: 24px;
    line-height: 1.3;
  }
}
body.diadao-gform-labels .gform_wrapper form {
  display: flex;
  flex-direction: column;
  gap: 20px;
  position: relative;
  overflow: hidden;
}
body.diadao-gform-labels .gform_wrapper form .gform_body .gform_fields {
  display: flex;
  flex-direction: row;
  gap: 16px;
  flex-wrap: wrap;
}
body.diadao-gform-labels .gform_wrapper form .gform_body .gfield {
  position: relative;
}
body.diadao-gform-labels .gform_wrapper form .gform_body .gfield--width-half {
  width: calc((100% - 16px * (2 - 1)) / 2);
}
body.diadao-gform-labels .gform_wrapper form .gform_body .gfield--width-full {
  width: 100%;
}
body.diadao-gform-labels .gform_wrapper form .gform_body .gfield.hidden_label .gfield_label {
  display: none;
}
body.diadao-gform-labels .gform_wrapper form .gform_body .gfield_description {
  display: none;
}
body.diadao-gform-labels .gform_wrapper form .gform_body .gfield .ginput_container input[type=text],
body.diadao-gform-labels .gform_wrapper form .gform_body .gfield .ginput_container input[type=email],
body.diadao-gform-labels .gform_wrapper form .gform_body .gfield .ginput_container input[type=tel],
body.diadao-gform-labels .gform_wrapper form .gform_body .gfield .ginput_container input[type=number],
body.diadao-gform-labels .gform_wrapper form .gform_body .gfield .ginput_container input[type=date],
body.diadao-gform-labels .gform_wrapper form .gform_body .gfield .ginput_container input[type=url],
body.diadao-gform-labels .gform_wrapper form .gform_body .gfield .ginput_container textarea,
body.diadao-gform-labels .gform_wrapper form .gform_body .gfield .ginput_container select {
  display: block;
  width: 100%;
  height: 56px;
  padding: 10px 16px 0 24px;
  font-weight: 500;
  border: 1px solid #d8d8d8;
  border-radius: 4px;
  transition: all 0.3s ease;
  background-color: rgba(255, 255, 255, 0.3);
  color: #484F46;
  outline: none;
}
body.diadao-gform-labels .gform_wrapper form .gform_body .gfield .ginput_container input[type=text]::placeholder,
body.diadao-gform-labels .gform_wrapper form .gform_body .gfield .ginput_container input[type=email]::placeholder,
body.diadao-gform-labels .gform_wrapper form .gform_body .gfield .ginput_container input[type=tel]::placeholder,
body.diadao-gform-labels .gform_wrapper form .gform_body .gfield .ginput_container input[type=number]::placeholder,
body.diadao-gform-labels .gform_wrapper form .gform_body .gfield .ginput_container input[type=date]::placeholder,
body.diadao-gform-labels .gform_wrapper form .gform_body .gfield .ginput_container input[type=url]::placeholder,
body.diadao-gform-labels .gform_wrapper form .gform_body .gfield .ginput_container textarea::placeholder,
body.diadao-gform-labels .gform_wrapper form .gform_body .gfield .ginput_container select::placeholder {
  opacity: 0;
}
body.diadao-gform-labels .gform_wrapper form .gform_body .gfield .ginput_container input[type=text]:focus,
body.diadao-gform-labels .gform_wrapper form .gform_body .gfield .ginput_container input[type=email]:focus,
body.diadao-gform-labels .gform_wrapper form .gform_body .gfield .ginput_container input[type=tel]:focus,
body.diadao-gform-labels .gform_wrapper form .gform_body .gfield .ginput_container input[type=number]:focus,
body.diadao-gform-labels .gform_wrapper form .gform_body .gfield .ginput_container input[type=date]:focus,
body.diadao-gform-labels .gform_wrapper form .gform_body .gfield .ginput_container input[type=url]:focus,
body.diadao-gform-labels .gform_wrapper form .gform_body .gfield .ginput_container textarea:focus,
body.diadao-gform-labels .gform_wrapper form .gform_body .gfield .ginput_container select:focus {
  outline-color: transparent;
  background-color: #fbf9f6;
  outline-width: 0;
  color: #484F46;
}
body.diadao-gform-labels .gform_wrapper form .gform_body .gfield .ginput_container input[type=text]:focus::-webkit-textfield-decoration-container,
body.diadao-gform-labels .gform_wrapper form .gform_body .gfield .ginput_container input[type=email]:focus::-webkit-textfield-decoration-container,
body.diadao-gform-labels .gform_wrapper form .gform_body .gfield .ginput_container input[type=tel]:focus::-webkit-textfield-decoration-container,
body.diadao-gform-labels .gform_wrapper form .gform_body .gfield .ginput_container input[type=number]:focus::-webkit-textfield-decoration-container,
body.diadao-gform-labels .gform_wrapper form .gform_body .gfield .ginput_container input[type=date]:focus::-webkit-textfield-decoration-container,
body.diadao-gform-labels .gform_wrapper form .gform_body .gfield .ginput_container input[type=url]:focus::-webkit-textfield-decoration-container,
body.diadao-gform-labels .gform_wrapper form .gform_body .gfield .ginput_container textarea:focus::-webkit-textfield-decoration-container,
body.diadao-gform-labels .gform_wrapper form .gform_body .gfield .ginput_container select:focus::-webkit-textfield-decoration-container {
  visibility: hidden;
}
body.diadao-gform-labels .gform_wrapper form .gform_body .gfield .ginput_container_select {
  position: relative;
  cursor: pointer;
  overflow: hidden;
}
body.diadao-gform-labels .gform_wrapper form .gform_body .gfield .ginput_container_select::before {
  content: "";
  position: absolute;
  top: 50%;
  right: 16px;
  transform: translateY(-50%);
  width: 24px;
  height: 24px;
  -webkit-mask-image: url("../images/svg/icons/icon-chevron-down.svg");
  mask-image: url("../images/svg/icons/icon-chevron-down.svg");
  -webkit-mask-size: cover;
  mask-size: cover;
  background-color: #555F42;
  transition: all 0.3s ease;
  pointer-events: none;
  z-index: 1;
}
body.diadao-gform-labels .gform_wrapper form .gform_body .gfield .ginput_container_select select {
  position: relative;
  padding-top: 0;
  appearance: none;
  -webkit-appearance: none;
  background-color: rgba(255, 255, 255, 0.3);
  cursor: pointer;
}
body.diadao-gform-labels .gform_wrapper form .gform_body .gfield label.gfield_label {
  position: absolute;
  transition: font-size 0.2s ease-in-out;
  pointer-events: none;
  top: 0;
  margin: 0;
  padding: 0;
  padding-top: 0px;
  height: 100%;
  display: flex;
  align-items: center;
  line-height: 1;
  user-select: none;
  left: 26px;
  color: #484F46;
  font-size: 16px;
  font-weight: 500;
}
body.diadao-gform-labels .gform_wrapper form .gform_body .gfield--type-textarea label.gfield_label {
  padding-top: 20px;
  align-items: flex-start;
}
body.diadao-gform-labels .gform_wrapper form .gform_body .gfield--type-textarea .ginput_container_textarea textarea {
  padding-top: 20px;
  height: 160px;
}
body.diadao-gform-labels .gform_wrapper form .gform_body .gfield--type-select label.gfield_label {
  display: none;
}
body.diadao-gform-labels .gform_wrapper form .gform_body .gfield.gfield_error {
  margin-bottom: 10px;
}
body.diadao-gform-labels .gform_wrapper form .gform_body .gfield.gfield_error .ginput_container input,
body.diadao-gform-labels .gform_wrapper form .gform_body .gfield.gfield_error .ginput_container select,
body.diadao-gform-labels .gform_wrapper form .gform_body .gfield.gfield_error .ginput_container textarea {
  border: 1px solid #dc3545;
}
body.diadao-gform-labels .gform_wrapper form .gform_body .gfield.gfield_error .gfield_validation_message {
  font-size: 12px;
  color: #dc3545;
  position: absolute;
  bottom: -20px;
  left: 0px;
}
body.diadao-gform-labels .gform_wrapper form .gform_body .gfield.gfield_error.col-rgpd .gfield_validation_message {
  bottom: -5px;
}
body.diadao-gform-labels .gform_wrapper form .gform_body .gfield.diadao-gfield-small label.gfield_label {
  font-size: 10px;
  padding-top: 8px;
  align-items: flex-start;
}
body.diadao-gform-labels .gform_wrapper form .gform_body .gfield--type-checkbox {
  align-self: center;
  padding: 16px 0px 0px;
}
@media only screen and (min-width: 992px) {
  body.diadao-gform-labels .gform_wrapper form .gform_body .gfield--type-checkbox {
    padding: 36px 36px 0px;
  }
}
body.diadao-gform-labels .gform_wrapper form .gform_body .gfield--type-checkbox + .gfield--type-checkbox {
  padding-top: 0px;
}
@media only screen and (min-width: 992px) {
  body.diadao-gform-labels .gform_wrapper form .gform_body .gfield--type-checkbox + .gfield--type-checkbox {
    padding-top: 4px;
  }
}
body.diadao-gform-labels .gform_wrapper form .gform_body .gfield--type-checkbox .gchoice {
  display: flex;
  flex-direction: row;
  gap: 16px;
}
body.diadao-gform-labels .gform_wrapper form .gform_body .gfield--type-checkbox .gchoice input[type=checkbox] {
  appearance: none;
  color: #555F42;
  background-color: #e9e9ea;
  border-radius: 16px;
  width: 51px;
  height: 31px;
  position: relative;
  cursor: pointer;
  flex-shrink: 0;
  transition: background-color 0.15s ease-in-out 0.2s;
}
body.diadao-gform-labels .gform_wrapper form .gform_body .gfield--type-checkbox .gchoice input[type=checkbox]:checked {
  background-color: #C8A864;
}
body.diadao-gform-labels .gform_wrapper form .gform_body .gfield--type-checkbox .gchoice input[type=checkbox]:checked:before {
  left: 20px;
  right: 2px;
  transition: left 0.15s ease-in-out 0.2s, right 0.35s ease-in-out;
}
body.diadao-gform-labels .gform_wrapper form .gform_body .gfield--type-checkbox .gchoice input[type=checkbox]::before {
  content: "";
  position: absolute;
  top: 2px;
  bottom: 2px;
  left: 2px;
  right: 20px;
  border-radius: 16px;
  background-color: #ffffff;
  box-shadow: 0 3px 7px 0 rgba(0, 0, 0, 0.12);
  transition: right 0.15s ease-in-out 0.2s, left 0.35s ease-in-out;
}
body.diadao-gform-labels .gform_wrapper form .gform_body .gfield--type-checkbox .gchoice label {
  font-size: 16px;
  line-height: 1.5;
  font-weight: 300;
  align-self: center;
}
body.diadao-gform-labels .gform_wrapper form .gform_body .gfield--type-checkbox .gchoice label a {
  color: currentColor;
  font-weight: 500;
}
body.diadao-gform-labels .gform_wrapper form .gform_body .gfield--type-fileupload {
  background-color: rgba(255, 255, 255, 0.3);
  text-align: center;
  border: none;
  border-radius: 4px;
  color: #484F46;
  padding: 24px;
}
body.diadao-gform-labels .gform_wrapper form .gform_body .gfield--type-fileupload label.gfield_label {
  height: auto;
  position: static;
  margin-bottom: 16px;
}
body.diadao-gform-labels .gform_wrapper form .gform_body .gfield--type-fileupload .gform_drop_area {
  display: flex;
  flex-direction: column;
  gap: 0;
  z-index: 1;
}
body.diadao-gform-labels .gform_wrapper form .gform_body .gfield--type-fileupload .gform_drop_area button {
  border: 0;
  color: #555F42;
}
body.diadao-gform-labels .gform_wrapper form .gform_body .gfield--type-fileupload .gform_drop_area button:hover {
  opacity: 0.8;
}
body.diadao-gform-labels .gform_wrapper form .gform_body .gfield--type-fileupload .gform_fileupload_rules {
  display: block;
  position: static;
  margin-top: 15px;
  font-size: 12px;
}
body.diadao-gform-labels .gform_wrapper form .gform_body .gfield--type-fileupload .ginput_preview {
  display: flex;
  flex-direction: row;
  gap: 10px;
  justify-content: center;
  flex-wrap: wrap;
}
body.diadao-gform-labels .gform_wrapper form .gform_body .gfield--type-fileupload .ginput_preview button {
  width: auto;
}
body.diadao-gform-labels .gform_wrapper form .gform_body .gfield--type-fileupload .gfield_validation_message {
  display: block;
}
body.diadao-gform-labels .gform_wrapper form .gform_body .gfield--type-fileupload .gform_delete_file {
  width: 20px;
  height: 20px;
}
body.diadao-gform-labels .gform_wrapper form .gform_body .gfield--type-fileupload .gform_delete_file .dashicons-trash {
  color: #555F42;
  display: block;
  width: 20px;
  height: 20px;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: cover;
  mask-size: contain;
  -webkit-mask-image: url("../images/svg/icons/icon-trash.svg");
  mask-image: url("../images/svg/icons/icon-trash.svg");
  background-color: currentColor;
  pointer-events: none;
  transition: background-color 0.25s ease-in-out;
}
@media only screen and (min-width: 992px) {
  body.diadao-gform-labels .gform_wrapper form .gform_footer {
    padding-inline: 36px;
  }
}

.gform-theme-datepicker {
  background: rgba(255, 255, 255, 0.3);
  padding: 10px;
  border: 1px solid #f0d8d4;
  border-radius: 4px;
}
.gform-theme-datepicker .ui-datepicker-header a {
  cursor: pointer;
}
.gform-theme-datepicker .ui-datepicker-header .ui-datepicker-prev {
  margin-right: 8px;
}
.gform-theme-datepicker .ui-datepicker-header .ui-datepicker-title {
  width: 100%;
  display: flex;
  gap: 8px;
  margin-top: 8px;
}
.gform-theme-datepicker .ui-datepicker-calendar {
  width: 100%;
}
.gform-theme-datepicker .ui-datepicker-calendar th,
.gform-theme-datepicker .ui-datepicker-calendar td {
  padding: 5px;
}

body form .gfield--type-captcha {
  position: static !important;
  width: auto !important;
}

body .gfield--type-captcha .grecaptcha-badge {
  position: absolute !important;
  bottom: 0 !important;
  z-index: 11;
  visibility: visible !important;
  right: 0;
}

.fancybox__container .fancybox__toolbar {
  z-index: 210;
  pointer-events: initial;
}
.fancybox__container .fancybox__toolbar .btn-close-fancybox {
  z-index: 1;
  top: 16px;
  right: 16px;
}
.fancybox__container .fancybox__track {
  border: none !important;
  width: 100% !important;
}
.fancybox__container .fancybox-custom-toolbar {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-end;
  gap: 24px;
  padding-top: 12px;
}
@media only screen and (max-width: 991px) and (orientation: landscape) {
  .fancybox__container .fancybox-custom-toolbar {
    display: none;
  }
}
@media only screen and (min-width: 992px) {
  .fancybox__container .fancybox-custom-toolbar {
    gap: 48px;
    padding-top: 24px;
  }
}
.fancybox__container .fancybox-custom-toolbar a:not(.btn) {
  text-decoration: none;
  user-select: none;
  color: #555F42;
}
.fancybox__container .fancybox-custom-toolbar a:not(.btn) * {
  pointer-events: none;
}
@media only screen and (max-width: 991px) and (orientation: landscape) {
  .fancybox__container .fancybox__content .fancybox-image {
    width: auto;
  }
}
.fancybox__container .fancybox-custom-video-close {
  display: none !important;
}
.fancybox__container .fancybox__slide.has-html5video, .fancybox__container .fancybox__slide.has-inline {
  padding: 0px !important;
  margin: 0px !important;
  height: 100% !important;
  width: 100% !important;
}
.fancybox__container .fancybox__slide.has-html5video .fancybox-custom-video-close, .fancybox__container .fancybox__slide.has-inline .fancybox-custom-video-close {
  display: block !important;
}
.fancybox__container .fancybox__slide.has-html5video .fancybox__content, .fancybox__container .fancybox__slide.has-inline .fancybox__content {
  width: 100% !important;
  height: 100% !important;
  padding: 0px !important;
  margin: 0px !important;
}
.fancybox__container .fancybox__slide.has-html5video .fancybox__content div.diasdk-video,
.fancybox__container .fancybox__slide.has-html5video .fancybox__content video,
.fancybox__container .fancybox__slide.has-html5video .fancybox__content hls-video,
.fancybox__container .fancybox__slide.has-html5video .fancybox__content video.fancybox__html5video, .fancybox__container .fancybox__slide.has-inline .fancybox__content div.diasdk-video,
.fancybox__container .fancybox__slide.has-inline .fancybox__content video,
.fancybox__container .fancybox__slide.has-inline .fancybox__content hls-video,
.fancybox__container .fancybox__slide.has-inline .fancybox__content video.fancybox__html5video {
  width: 100% !important;
  height: 100% !important;
  outline: none !important;
  object-fit: cover !important;
  object-position: center !important;
  border: none !important;
}
.fancybox__container .fancybox__slide.has-html5video .fancybox__content .fancybox-custom-toolbar, .fancybox__container .fancybox__slide.has-inline .fancybox__content .fancybox-custom-toolbar {
  display: none;
}
.fancybox__container .fancybox__slide .fancybox-image {
  border-radius: 16px;
}

.offcanvas {
  background: #F6F3ED;
}
.offcanvas-header {
  height: calc(48px + 8px * 2) !important;
  width: 100%;
  display: flex;
  flex-direction: row;
  gap: 16px;
  align-items: center;
  padding: 16px;
}
@media only screen and (min-width: 992px) {
  .offcanvas-header {
    height: calc(48px + 32px * 2) !important;
  }
}
.offcanvas-body {
  height: 100%;
}
.offcanvas-body__wrapper {
  min-height: 100%;
  width: 100%;
  padding: 16px 0 24px 0;
  display: flex;
  flex-direction: column;
  gap: 40px;
  align-items: flex-start;
}
@media only screen and (min-width: 992px) {
  .offcanvas-body__wrapper {
    padding-block: 48px;
    gap: 48px;
  }
}
.offcanvas-body__content {
  display: flex;
  flex-direction: column;
  gap: 40px;
  align-items: flex-start;
}
@media only screen and (min-width: 992px) {
  .offcanvas-body__content {
    gap: 48px;
  }
}
.offcanvas-body__titles, .offcanvas-body__content,
.offcanvas-body .swiper-actions,
.offcanvas-body .swiper-container {
  padding-inline: 16px;
}
@media only screen and (min-width: 992px) {
  .offcanvas-body__titles, .offcanvas-body__content,
  .offcanvas-body .swiper-actions,
  .offcanvas-body .swiper-container {
    padding-inline: 32px;
  }
}
.offcanvas-body .swiper-container {
  overflow: hidden;
}
.offcanvas-backdrop {
  background: rgba(0, 0, 0, 0.4);
  z-index: 1044 !important;
}
.offcanvas-backdrop.is-disabled {
  pointer-events: none;
}
.offcanvas__media-swiper {
  display: flex;
  flex-direction: column;
  gap: 16px;
  overflow: hidden;
  width: 100%;
}
@media only screen and (min-width: 992px) {
  .offcanvas__media-swiper {
    gap: 32px;
  }
}
.offcanvas__media-swiper.not-initialized .swiper-actions {
  display: none;
}
.offcanvas__media-swiper .swiper-container {
  border-radius: 0;
  height: auto;
}
.offcanvas__media-swiper .swiper-container .swiper-wrapper {
  height: auto;
}
.offcanvas__media-swiper .swiper-container .swiper-slide {
  height: 260px;
  width: auto;
  max-width: 100%;
  border-radius: 16px;
  overflow: hidden;
}
@media only screen and (min-width: 992px) {
  .offcanvas__media-swiper .swiper-container .swiper-slide {
    height: 320px;
  }
}
.offcanvas__media-swiper .swiper-container img {
  object-fit: cover;
  border-radius: 0;
  height: 100%;
}
.offcanvas__media-swiper .swiper-container img.portrait {
  aspect-ratio: 3/4;
}
.offcanvas__media-swiper .swiper-container img.landscape {
  aspect-ratio: 4/3;
}
.offcanvas__media-swiper .swiper-container .swiper-navigation {
  display: none;
}
@media only screen and (max-width: 991px) {
  .offcanvas__media-swiper .swiper-actions {
    display: none;
  }
}
.offcanvas.type-diadaopopup {
  position: fixed;
  top: 0;
  right: 0;
  left: auto;
  transform: translateX(100%);
  width: 100%;
  background: #F6F3ED;
  transition: transform 0.25s ease-out;
  height: 100%;
}
.offcanvas.type-diadaopopup .offcanvas-body {
  padding: 32px;
  padding-bottom: 80px;
  height: 100%;
  display: flex;
  flex-direction: column;
  gap: 24px;
}
@media only screen and (min-width: 992px) {
  .offcanvas.type-diadaopopup .offcanvas-body {
    padding: 48px;
    gap: 48px;
  }
}
.offcanvas.type-roomdetail .offcanvas-header {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

@media only screen and (min-width: 992px) {
  .booking-modal {
    width: 560px;
  }
}
.booking-modal .custom-modal__body {
  padding: 32px;
}
@media only screen and (min-width: 992px) {
  .booking-modal .custom-modal__body {
    padding: 48px;
  }
}
.booking-modal__menu {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
@media only screen and (min-width: 992px) {
  .booking-modal__menu {
    gap: 48px;
  }
}
.booking-modal__menu__links ul {
  display: flex;
  flex-direction: column;
  gap: 16px;
  display: flex;
  flex-direction: column;
  gap: 16px;
}
@media only screen and (min-width: 992px) {
  .booking-modal__menu__links ul {
    gap: 24px;
  }
}
.booking-modal__menu__links a {
  display: flex;
  flex-direction: row;
  gap: 16px;
  align-items: center;
  position: relative;
  text-decoration: none;
  width: 100%;
  text-align: left;
  transition: color 0.3s ease-in-out;
}
.booking-modal__menu__links a::before {
  content: "";
  width: 24px;
  height: 24px;
  mask-repeat: no-repeat;
  mask-position: center;
  mask-size: cover;
  background-color: #555F42;
  transition: background-color 0.3s ease-in-out;
}
@media only screen and (min-width: 992px) {
  .booking-modal__menu__links a::before {
    width: 32px;
    height: 32px;
  }
}
@media only screen and (min-width: 992px) {
  .booking-modal__menu__links a:hover {
    color: #3a412d;
  }
  .booking-modal__menu__links a:hover::before {
    background-color: #3a412d;
  }
}
.booking-modal__menu__links a span {
  flex: 1 0 auto;
  display: block;
  position: relative;
  transition: none;
}
.booking-modal__menu__links a span::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  width: 18px;
  height: 18px;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: cover;
  mask-size: cover;
  -webkit-mask-image: url("../images/svg/icons/icon-chevron-right.svg");
  mask-image: url("../images/svg/icons/icon-chevron-right.svg");
  background-color: currentColor;
}
.booking-modal__menu__links a[target=_blank] span:after {
  -webkit-mask-image: url("../images/svg/icons/icon-arrow_outward.svg");
  mask-image: url("../images/svg/icons/icon-arrow_outward.svg");
}
.booking-modal__menu__links a.btn-booking-room::before {
  -webkit-mask-image: url("../images/svg/icons/icon-bed.svg");
  mask-image: url("../images/svg/icons/icon-bed.svg");
}
.booking-modal__menu__links a.btn-booking-order::before {
  -webkit-mask-image: url("../images/svg/icons/icon-calendar-range.svg");
  mask-image: url("../images/svg/icons/icon-calendar-range.svg");
}
.booking-modal__menu__links a.btn-booking-event::before {
  -webkit-mask-image: url("../images/svg/icons/icon-groups.svg");
  mask-image: url("../images/svg/icons/icon-groups.svg");
}
.booking-modal__menu__links a.btn-booking-the-fork::before {
  -webkit-mask-image: url("../images/svg/icons/icon-the-fork.svg");
  mask-image: url("../images/svg/icons/icon-the-fork.svg");
}
.booking-modal__menu__links a.btn-booking-restaurant::before {
  -webkit-mask-image: url("../images/svg/icons/icon-restaurant.svg");
  mask-image: url("../images/svg/icons/icon-restaurant.svg");
}
.booking-modal__menu__links a.btn-booking-spa::before {
  -webkit-mask-image: url("../images/svg/icons/icon-spa.svg");
  mask-image: url("../images/svg/icons/icon-spa.svg");
}
.booking-modal__menu__separator {
  height: 1px;
  width: 100%;
  background: rgba(0, 0, 0, 0.1);
}
.booking-modal__footer {
  display: flex;
  flex-direction: column;
  gap: 16px;
  margin-top: auto;
}
.booking-modal__footer__links {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
@media only screen and (max-width: 991px) {
  .booking-modal#booking-hotel .custom-modal__body {
    padding: 32px 16px;
  }
}

@media only screen and (min-width: 992px) {
  .room-modal {
    width: 85.6%;
    max-width: none;
  }
}
.room-modal__header {
  flex-direction: row-reverse;
  background-color: #ffffff;
}
@media only screen and (min-width: 992px) {
  .room-modal__header {
    padding: 8px 16px;
  }
}
@media only screen and (min-width: 992px) {
  .room-modal__header .btn-close {
    position: relative;
    top: auto;
    right: auto;
  }
}
.room-modal__filters {
  overflow: hidden;
  display: flex;
  flex-direction: row;
  gap: 16px;
  align-items: center;
  flex: 1 1 0px;
}
@media only screen and (min-width: 992px) {
  .room-modal__filters {
    gap: 16px;
  }
}
.room-modal__filters__btn {
  display: block;
  position: relative;
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  color: #484F46;
  padding: 8px 0;
  text-decoration: none;
}
@media only screen and (min-width: 992px) {
  .room-modal__filters__btn {
    font-size: 24px;
  }
}
.room-modal__filters__btn::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 0px;
  background: #C8A864;
  transition: height 0.25s;
}
.room-modal__filters .room-menu-item-filter.nav-link.active .room-modal__filters__btn::after {
  height: 4px;
}
.room-modal__filters .swiper-container {
  overflow: hidden;
}
@media only screen and (min-width: 992px) {
  .room-modal__body {
    padding: 0;
  }
}
.room-modal__swiper {
  overflow: hidden;
}
.room-modal__swiper .swiper-wrapper {
  align-items: flex-start;
}
.room-modal .room-item {
  min-height: 100%;
}
.room-modal .room-item__details {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 32px;
  align-items: flex-start;
  padding: 0px 16px;
}
@media only screen and (min-width: 992px) {
  .room-modal .room-item__details {
    padding: 16px 0px 80px;
    display: grid;
    grid-template-columns: repeat(12, minmax(0px, 1fr));
    grid-column-gap: 16px;
    row-gap: 56px;
    align-items: flex-start;
  }
}
.room-modal .room-item__gallery {
  display: grid;
  grid-template-columns: repeat(2, minmax(0px, 1fr));
  gap: 8px;
  /*.swiper-container {
            padding-inline: 0;

            .swiper-slide {
                height: 260px;
                width: 100%;

                @include device_992_min {
                    height: 320px;
                }

                picture, 
                img, 
                video, 
                .video-wrapper {
                    height: 100%;
                    aspect-ratio: initial;
                }
            }
        }

        .swiper-pagination {
            display: flex;
        }

        .swiper-navigation {
            display: none;
        }*/
}
@media only screen and (min-width: 992px) {
  .room-modal .room-item__gallery {
    grid-template-columns: repeat(10, minmax(0px, 1fr));
    grid-column-start: 2;
    grid-column-end: span 10;
    gap: 16px;
    row-gap: 8px;
    height: 55vh;
    min-height: 400px;
    grid-column-start: 2;
    grid-column-end: span 10;
  }
  .room-modal .room-item__gallery .media-wrapper {
    height: 100%;
  }
}
.room-modal .room-item__gallery__block {
  position: relative;
  overflow: hidden;
  border-radius: 8px;
}
@media only screen and (min-width: 992px) {
  .room-modal .room-item__gallery__block {
    border-radius: 16px;
  }
}
.room-modal .room-item__gallery__block:first-child {
  border-radius: 16px;
  grid-column-start: 1;
  grid-column-end: span 2;
}
.room-modal .room-item__gallery__block:first-child img,
.room-modal .room-item__gallery__block:first-child video,
.room-modal .room-item__gallery__block:first-child iframe {
  aspect-ratio: 1.4909090909;
  display: block;
  width: 100%;
  overflow: hidden;
  object-fit: cover;
  object-position: center;
  border-radius: 0px;
}
@media only screen and (min-width: 992px) {
  .room-modal .room-item__gallery__block:first-child {
    grid-column-start: 1;
    grid-column-end: span 7;
    grid-row-start: 1;
    grid-row-end: span 2;
  }
  .room-modal .room-item__gallery__block:first-child img,
  .room-modal .room-item__gallery__block:first-child video,
  .room-modal .room-item__gallery__block:first-child iframe,
  .room-modal .room-item__gallery__block:first-child hls-video {
    position: absolute;
    aspect-ratio: unset;
    inset: 0;
    display: block;
    width: 100%;
    height: 100%;
    overflow: hidden;
    object-fit: cover;
    object-position: center;
  }
  .room-modal .room-item__gallery__block:first-child:last-child {
    grid-column-start: 1;
    grid-column-end: span 10;
  }
}
.room-modal .room-item__gallery__block:nth-child(2) {
  grid-column-start: 1;
  grid-column-end: span 1;
}
.room-modal .room-item__gallery__block:nth-child(2) img,
.room-modal .room-item__gallery__block:nth-child(2) video,
.room-modal .room-item__gallery__block:nth-child(2) iframe {
  aspect-ratio: 1.3333333333;
  display: block;
  width: 100%;
  overflow: hidden;
  object-fit: cover;
  object-position: center;
  border-radius: 0px;
}
@media only screen and (min-width: 992px) {
  .room-modal .room-item__gallery__block:nth-child(2) {
    grid-column-start: 8;
    grid-column-end: span 3;
    grid-row-start: 1;
    grid-row-end: span 1;
  }
  .room-modal .room-item__gallery__block:nth-child(2) img,
  .room-modal .room-item__gallery__block:nth-child(2) video,
  .room-modal .room-item__gallery__block:nth-child(2) iframe,
  .room-modal .room-item__gallery__block:nth-child(2) hls-video {
    position: absolute;
    aspect-ratio: unset;
    inset: 0;
    display: block;
    width: 100%;
    height: 100%;
    overflow: hidden;
    object-fit: cover;
    object-position: center;
  }
  .room-modal .room-item__gallery__block:nth-child(2):last-child {
    grid-row-start: 1;
    grid-row-end: span 2;
  }
}
.room-modal .room-item__gallery__block:nth-child(3) {
  grid-column-start: 2;
  grid-column-end: span 1;
}
.room-modal .room-item__gallery__block:nth-child(3) img,
.room-modal .room-item__gallery__block:nth-child(3) video,
.room-modal .room-item__gallery__block:nth-child(3) iframe {
  aspect-ratio: 1.3333333333;
  display: block;
  width: 100%;
  overflow: hidden;
  object-fit: cover;
  object-position: center;
  border-radius: 0px;
}
@media only screen and (min-width: 992px) {
  .room-modal .room-item__gallery__block:nth-child(3) {
    grid-column-start: 8;
    grid-column-end: span 3;
    grid-row-start: 2;
    grid-row-end: span 1;
  }
  .room-modal .room-item__gallery__block:nth-child(3) img,
  .room-modal .room-item__gallery__block:nth-child(3) video,
  .room-modal .room-item__gallery__block:nth-child(3) iframe,
  .room-modal .room-item__gallery__block:nth-child(3) hls-video {
    position: absolute;
    aspect-ratio: unset;
    inset: 0;
    display: block;
    width: 100%;
    height: 100%;
    overflow: hidden;
    object-fit: cover;
    object-position: center;
  }
}
.room-modal .room-item__gallery__block:nth-child(n+4) {
  display: none;
}
.room-modal .room-item__gallery__block a[data-fancybox-front] {
  display: block;
}
.room-modal .room-item__gallery__count {
  display: flex;
  flex-direction: column;
  gap: 0px;
  align-items: center;
  justify-content: center;
  position: absolute;
  inset: 0;
  padding: 16px;
  background-color: rgba(0, 0, 0, 0.6);
  color: #ffffff;
  pointer-events: none;
  font-weight: 500;
  font-size: 16px;
}
@media only screen and (min-width: 992px) {
  .room-modal .room-item__gallery__count {
    font-size: 24px;
  }
}
.room-modal .room-item__infos {
  display: flex;
  flex-direction: column;
  gap: 32px;
}
@media only screen and (min-width: 992px) {
  .room-modal .room-item__infos {
    display: grid;
    grid-template-columns: repeat(10, minmax(0px, 1fr));
    grid-column-start: 2;
    grid-column-end: span 10;
    grid-column-gap: 16px;
    row-gap: 80px;
    align-items: flex-start;
  }
}
.room-modal .room-item__infos__col {
  display: flex;
  flex-direction: column;
  gap: 32px;
}
@media only screen and (min-width: 992px) {
  .room-modal .room-item__infos__col {
    gap: 80px;
  }
}
@media only screen and (min-width: 992px) {
  .room-modal .room-item__infos__col--left {
    grid-column-start: 1;
    grid-column-end: span 6;
  }
}
@media only screen and (min-width: 1440px) {
  .room-modal .room-item__infos__col--left {
    grid-column-start: 1;
    grid-column-end: span 6;
  }
}
@media only screen and (min-width: 992px) {
  .room-modal .room-item__infos__col--right {
    grid-column-start: 7;
    grid-column-end: span 4;
  }
}
@media only screen and (min-width: 1440px) {
  .room-modal .room-item__infos__col--right {
    grid-column-start: 8;
    grid-column-end: span 3;
  }
}
.room-modal .room-item__infos__pricedesktop {
  display: none;
  background: #ffffff;
  padding: 32px;
  border-radius: 16px;
}
@media only screen and (min-width: 992px) {
  .room-modal .room-item__infos__pricedesktop {
    display: flex;
    flex-direction: column;
    gap: 16px;
  }
}
.room-modal .room-item__infos__pricedesktop_hsc {
  display: none;
  background: #ffffff;
  border-radius: 16px;
}
@media only screen and (min-width: 992px) {
  .room-modal .room-item__infos__pricedesktop_hsc {
    display: flex;
    flex-direction: column;
    gap: 16px;
  }
}
.room-modal .room-item__infos__part1 {
  display: flex;
  flex-direction: column;
  gap: 32px;
}
@media only screen and (min-width: 992px) {
  .room-modal .room-item__infos__part1 {
    gap: 80px;
  }
}
.room-modal .room-item__infos__img1 {
  position: relative;
  overflow: hidden;
  border-radius: 16px;
}
.room-modal .room-item__infos__img1 img,
.room-modal .room-item__infos__img1 video,
.room-modal .room-item__infos__img1 iframe {
  aspect-ratio: 0.82;
  display: block;
  width: 100%;
  overflow: hidden;
  object-fit: cover;
  object-position: center;
  border-radius: 0px;
}
@media only screen and (min-width: 992px) {
  .room-modal .room-item__infos__img1 {
    border-radius: 32px;
  }
  .room-modal .room-item__infos__img1 img,
  .room-modal .room-item__infos__img1 video,
  .room-modal .room-item__infos__img1 iframe {
    aspect-ratio: 1.5196261682;
    display: block;
    width: 100%;
    overflow: hidden;
    object-fit: cover;
    object-position: center;
    border-radius: 0px;
  }
}
.room-modal .room-item__infos__part2 {
  display: flex;
  flex-direction: column;
  gap: 32px;
}
@media only screen and (min-width: 992px) {
  .room-modal .room-item__infos__part2 {
    gap: 80px;
  }
}
.room-modal .room-item__infos__img2 {
  position: relative;
  overflow: hidden;
  border-radius: 16px;
}
.room-modal .room-item__infos__img2 img,
.room-modal .room-item__infos__img2 video,
.room-modal .room-item__infos__img2 iframe {
  aspect-ratio: 0.82;
  display: block;
  width: 100%;
  overflow: hidden;
  object-fit: cover;
  object-position: center;
  border-radius: 0px;
}
@media only screen and (min-width: 992px) {
  .room-modal .room-item__infos__img2 img,
  .room-modal .room-item__infos__img2 video,
  .room-modal .room-item__infos__img2 iframe {
    aspect-ratio: 0.796;
    display: block;
    width: 100%;
    overflow: hidden;
    object-fit: cover;
    object-position: center;
    border-radius: 0px;
  }
}
.room-modal .room-item__infos__footer {
  display: flex;
  flex-direction: row;
  gap: 16px;
  align-items: center;
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 7;
  background-color: #ffffff;
  padding: 8px 16px 16px;
}
@media only screen and (min-width: 992px) {
  .room-modal .room-item__infos__footer {
    position: static;
    bottom: auto;
    left: auto;
    width: auto;
    display: block;
    grid-column-start: 8;
    grid-column-end: span 3;
    order: 1;
  }
}
.room-modal .room-item__infos__price {
  font-weight: 500;
  font-size: 16px;
  line-height: 1.5;
  max-width: 60%;
}
@media only screen and (min-width: 992px) {
  .room-modal .room-item__infos__price {
    max-width: none;
    font-size: 24px;
  }
}
.room-modal .room-item__infos__bookinglink {
  flex: 1 1 0px;
  text-align: left;
  justify-content: flex-start;
}
.room-modal__footer {
  padding: 0;
  height: auto;
}
.room-modal__footer .room-item-hsc {
  display: flex;
  flex-direction: row;
  gap: 16px;
  display: none;
  width: 100%;
  align-items: center;
  background-color: #ffffff;
  padding: 8px 16px 16px;
}
.room-modal__footer .room-item-hsc.active {
  display: flex;
}
@media only screen and (min-width: 992px) {
  .room-modal__footer .room-item-hsc.active {
    display: none;
  }
}

.scrollstepfade {
  position: relative;
  overflow-x: clip;
}
.scrollstepfade__spacer {
  height: 100vh;
  min-height: 600px;
}
.scrollstepfade__spacer:last-child {
  height: 120vh;
}
.scrollstepfade__sticky {
  position: sticky;
  top: 0;
  z-index: 1;
}
.scrollstepfade__block2 {
  display: flex;
  flex-direction: column;
  gap: 0px;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.scrollstepfade__block {
  pointer-events: none;
  padding-top: 56px;
}
@media only screen and (min-width: 992px) {
  .scrollstepfade__block {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: grid;
    grid-template-columns: 8px repeat(6, minmax(0px, 1fr)) 8px;
    grid-column-gap: 8px;
    row-gap: 32px;
    align-content: center;
    align-items: center;
    padding-top: 72px;
  }
}
@media only screen and (min-width: 992px) and (min-width: 992px) {
  .scrollstepfade__block {
    grid-template-columns: repeat(14, minmax(0px, 1fr));
    grid-column-gap: 16px;
    row-gap: 80px;
  }
}
@media only screen and (min-width: 992px) {
  .scrollstepfade__block.previousactive {
    z-index: 2;
  }
}
.scrollstepfade__block.previousactive .scrollstepfade__medias,
.scrollstepfade__block.previousactive .scrollstepfade__medias2 {
  z-index: 1;
}
.scrollstepfade__block.previousactive .scrollstepfade__texts {
  z-index: 11;
}
.scrollstepfade__block.active {
  pointer-events: auto;
}
@media only screen and (min-width: 992px) {
  .scrollstepfade__block.active {
    z-index: 3;
  }
}
.scrollstepfade__block.active .scrollstepfade__medias,
.scrollstepfade__block.active .scrollstepfade__medias2 {
  opacity: 1;
  visibility: visible;
  transition: opacity 0.4s ease-out, visibility 0.4s ease-out, transform 0.4s ease-out;
  z-index: 3;
}
.scrollstepfade__block.active .scrollstepfade__texts {
  opacity: 1;
  visibility: visible;
  transform: none;
  transition: opacity 0.4s ease-out, visibility 0.4s ease-out, transform 0.4s ease-out;
  z-index: 13;
}
.scrollstepfade__medias {
  position: absolute;
  overflow: hidden;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 184px;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.4s ease-out 0.3s, visibility 0.4s ease-out 0.3s, transform 0.4s ease-out;
}
.scrollstepfade__medias img,
.scrollstepfade__medias video,
.scrollstepfade__medias iframe,
.scrollstepfade__medias hls-video {
  position: absolute;
  aspect-ratio: unset;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
  overflow: hidden;
  object-fit: cover;
  object-position: center;
}
@media only screen and (min-width: 992px) {
  .scrollstepfade__medias {
    grid-column-start: 8;
    grid-column-end: span 7;
    order: 1;
    position: relative;
    height: 84vh;
    border-top-left-radius: 32px;
    border-bottom-left-radius: 32px;
  }
}
.scrollstepfade__medias2 {
  position: relative;
  overflow: hidden;
  height: 60vh;
  min-height: 280px;
  border-top-left-radius: 16px;
  border-top-right-radius: 16px;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.4s ease-out 0.3s, visibility 0.4s ease-out 0.3s, transform 0.4s ease-out;
}
.scrollstepfade__medias2 img,
.scrollstepfade__medias2 video,
.scrollstepfade__medias2 iframe,
.scrollstepfade__medias2 hls-video {
  position: absolute;
  aspect-ratio: unset;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
  overflow: hidden;
  object-fit: cover;
  object-position: center;
}
@media only screen and (min-width: 992px) {
  .scrollstepfade__medias2 {
    grid-column-start: 1;
    grid-column-end: span 7;
    grid-row-start: 1;
    grid-row-end: span 1;
    order: 1;
    position: relative;
    height: 84vh;
    border-radius: 0 32px 32px 0px;
  }
}
.scrollstepfade__texts {
  display: flex;
  flex-direction: column;
  gap: 16px;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  min-height: 184px;
  background: #ffffff;
  text-align: left;
  border-top-left-radius: 16px;
  border-top-right-radius: 16px;
  padding: 24px 44px 24px 16px;
  opacity: 0;
  visibility: hidden;
  transform: translateY(16px);
  transition: opacity 0.4s ease-out 0.3s, visibility 0.4s ease-out 0.3s, transform 0.4s ease-out;
  flex: 1 1 0;
}
@media only screen and (min-width: 992px) {
  .scrollstepfade__texts {
    text-align: center;
    grid-column-start: 2;
    grid-column-end: span 5;
    gap: 40px;
    order: 0;
    position: relative;
    left: auto;
    right: auto;
    bottom: auto;
    border-radius: 0px;
    padding: 0px;
    background: transparent;
    transition: opacity 0.4s ease-out, visibility 0.4s ease-out, transform 0.4s ease-out;
  }
}
.scrollstepfade__texts2 {
  position: relative;
  left: auto;
  right: auto;
  bottom: auto;
  background: transparent;
  justify-content: center;
}
@media only screen and (min-width: 992px) {
  .scrollstepfade__texts2 {
    grid-column-start: 9;
    grid-column-end: span 5;
    grid-row-start: 1;
    grid-row-end: span 1;
  }
}
@media only screen and (min-width: 992px) {
  .scrollstepfade__texts3 {
    align-items: center;
    justify-content: flex-start;
    min-height: 440px;
    gap: 0px;
  }
}
.scrollstepfade__icon {
  display: none;
  width: 72px;
  height: 60px;
  margin: 0 auto;
  background: url("../images/svg/bubbles.svg") 50% 50% no-repeat;
  background-size: contain;
}
@media only screen and (min-width: 992px) {
  .scrollstepfade__icon {
    display: block;
  }
}
@media only screen and (min-width: 992px) {
  .scrollstepfade__text1 {
    font-weight: 200;
    font-size: 40px;
    line-height: 1.2;
  }
}
@media only screen and (min-width: 992px) {
  .scrollstepfade__title3 {
    margin-bottom: 0.44em;
  }
}
@media only screen and (min-width: 1440px) {
  .scrollstepfade__title3 {
    min-height: 2em;
  }
}
.scrollstepfade__text3 .kwpb-wysiwig li {
  position: relative;
  padding-left: 0;
}
.scrollstepfade__text3 .kwpb-wysiwig li:before {
  display: none;
}
@media only screen and (min-width: 1440px) {
  .scrollstepfade__text3 .kwpb-wysiwig ul {
    display: flex;
    flex-direction: column;
    gap: 0.33em;
  }
}
@media only screen and (min-width: 992px) {
  .scrollstepfade__buttons {
    justify-content: center;
  }
}
.scrollstepfade__ambiances__block {
  position: absolute;
  inset: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 0px;
  align-items: center;
  justify-content: center;
  z-index: 2;
}
.scrollstepfade__ambiances__block.active .scrollstepfade__ambiances__title {
  animation: ambianceappear 0.9s ease-out 0s 1;
  opacity: 1;
  visibility: visible;
  transform: none;
}
.scrollstepfade__ambiances__block.previousactive:not(.active) .scrollstepfade__ambiances__containtitle {
  transform: translateY(-100%);
  transition: transform 0.5s ease-out;
}
.scrollstepfade__ambiances__block.previousactive:not(.active) .scrollstepfade__ambiances__title {
  opacity: 0;
  visibility: hidden;
  transform: none;
  transition: opacity 0.5s ease-out, visibility 0.5s ease-out, transform 0.5s ease-out;
}
.scrollstepfade__ambiances__title {
  text-align: center;
  opacity: 0;
  transform: translateY(100%);
  visibility: hidden;
  padding: 0px 16px;
  font-size: 48px;
  font-weight: 200;
  line-height: 1;
  letter-spacing: -0.03em;
}
@media only screen and (min-width: 992px) {
  .scrollstepfade__ambiances__title {
    font-size: 72px;
    padding: 0 16vw;
  }
}
.scrollstepfade__ambiances__title strong {
  font-weight: 400;
}
@media only screen and (min-width: 992px) {
  .scrollstepfade__ambiances__title strong {
    display: block;
  }
}
.scrollstepfade__ambiances__leaf1 {
  position: absolute;
  pointer-events: none;
  z-index: 0;
  left: -5vw;
  top: 38%;
  width: 71vw;
  height: 85vw;
  transform: translateY(-50%) translateX(-100%) rotate(-60deg);
  transform-origin: left 50%;
  transition: transform 1s cubic-bezier(0.21, -0.43, 0.66, 1);
  background: url("../images/leaf-left2.jpg") right 50% no-repeat;
  background-size: contain;
}
.revealOnScroll.reveal .scrollstepfade__ambiances__leaf1 {
  transition: transform 2s cubic-bezier(0.4, 1.42, 0.78, 1);
  transform: translateY(-50%);
}
@media only screen and (min-width: 992px) {
  .scrollstepfade__ambiances__leaf1 {
    width: 25vw;
    height: 30vw;
    padding-top: 121%;
    left: -2vw;
    top: 50%;
  }
}
.scrollstepfade__ambiances__leaf2 {
  position: absolute;
  pointer-events: none;
  z-index: 0;
  width: 55vw;
  height: 47vw;
  right: -2vw;
  top: 78%;
  transform: translateY(-39%) translateX(100%) rotate(60deg);
  transform-origin: right 50%;
  transition: transform 1s cubic-bezier(0.21, -0.43, 0.66, 1);
  background: url("../images/leaf-right2.jpg") right 50% no-repeat;
  background-size: contain;
}
.revealOnScroll.reveal .scrollstepfade__ambiances__leaf2 {
  transition: transform 2s cubic-bezier(0.4, 1.42, 0.78, 1);
  transform: translateY(-39%);
}
@media only screen and (min-width: 992px) {
  .scrollstepfade__ambiances__leaf2 {
    width: 24vw;
    height: 20.7vw;
    right: -2vw;
    top: 50%;
  }
}
.scrollstepfade__ambiances__bg__top {
  position: absolute;
  top: 0px;
  left: 0px;
  height: 200px;
  width: 100%;
  background: linear-gradient(180deg, rgba(243, 240, 235, 0) 0%, #f3f0eb 40%);
  z-index: 0;
}
.scrollstepfade__ambiances__bg__middle {
  position: absolute;
  top: 200px;
  bottom: 200px;
  width: 100%;
  background-color: #f3f0eb;
  z-index: 0;
}
.scrollstepfade__ambiances__bg__bottom {
  position: absolute;
  bottom: 0px;
  left: 0px;
  height: 200px;
  width: 100%;
  background: linear-gradient(0deg, rgba(243, 240, 235, 0) 0%, #f3f0eb 20%);
  z-index: 0;
}
.scrollstepfade__nav {
  z-index: 15;
  display: flex;
  flex-direction: column;
  gap: 2px;
  align-items: center;
  flex-wrap: wrap;
  position: absolute;
  right: 12px;
  bottom: 82px;
  transform: translateY(50%);
  width: auto;
}
@media only screen and (min-width: 992px) {
  .scrollstepfade__nav {
    bottom: auto;
    top: calc(72px + (100% - 72px) / 2);
    right: auto;
    left: 32px;
    transform: translateY(-50%);
    gap: 8px;
  }
}
.scrollstepfade__nav--v2 {
  bottom: auto;
  top: calc(56px + (40vh - 56px) / 2);
  transform: translateY(-50%);
}
@media only screen and (min-width: 992px) {
  .scrollstepfade__nav--v2 {
    top: calc(72px + (100% - 72px) / 2);
    right: 32px;
    left: auto;
  }
}
.scrollstepfade__nav__bullet {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 16px;
  width: 16px;
  cursor: pointer;
  transition: all 0.3s ease;
  position: relative;
}
@media only screen and (min-width: 992px) {
  .scrollstepfade__nav__bullet {
    height: 32px;
    width: 32px;
  }
}
.scrollstepfade__nav__bullet::before {
  content: "";
  border-radius: 8px;
  border: 2px solid #484F46;
  width: 8px;
  height: 8px;
  transition: background 0.25s;
}
.scrollstepfade__nav__bullet.active::before {
  background-color: #484F46;
}

@-webkit-keyframes ambianceappear {
  0% {
    transform: translateY(100%);
    opacity: 0;
    visibility: hidden;
  }
  45% {
    transform: translateY(100%);
    opacity: 0;
    visibility: hidden;
  }
  100% {
    transform: none;
    opacity: 1;
    visibility: visible;
  }
}
@keyframes ambianceappear {
  0% {
    transform: translateY(100%);
    opacity: 0;
    visibility: hidden;
  }
  45% {
    transform: translateY(100%);
    opacity: 0;
    visibility: hidden;
  }
  100% {
    transform: none;
    opacity: 1;
    visibility: visible;
  }
}
.listemoji .list__wrapper {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.listemoji .list__item {
  display: flex;
  flex-direction: row;
  gap: 24px;
  flex-wrap: wrap;
  align-items: center;
}
.listemoji .list__item__icon {
  display: flex;
  align-items: center;
  height: 32px;
  flex: 0 0 24px;
}
.listemoji .list__item__icon img, .listemoji .list__item__icon svg, .listemoji .list__item__icon picture {
  height: auto;
  width: 24px;
  max-height: 32px;
}
.listemoji .list__item__icon.type- {
  display: none;
}
.listemoji .list__item__title {
  display: none;
  flex: 0 0 1em;
  font-size: 24px;
  font-weight: 500;
  line-height: 1.33;
}
.listemoji .list__item .type- + .list__item__title {
  display: block;
}
.listemoji .list__item__text {
  flex: 1 1 0px;
}

.listemoji-flexstart .list__item {
  align-items: flex-start;
}

:root {
  --diadao-qs-loading-svg-size: 40px;
  --diadao-hsc-booking-panel-loading-height: 522px;
  --diadao-hsc-booking-panel-loading-visibility: visible;
  --diadao-hsc-booking-panel-border-radius: 4px;
  --diadao-hsc-sticky-room-desktop-single-loading-height: 480px;
  --diadao-hsc-sticky-room-desktop-single-loading-visibility: visible;
  --diadao-hsc-sticky-room-desktop-loading-height: 120px;
  --diadao-hsc-sticky-room-desktop-loading-visibility: hidden;
  --diadao-qs-loading-svg: url("assets/images/hsc/spinner-qs.svg");
  --diadao-booking-panel-loading-svg: url("assets/images/hsc/spinner-qs.svg");
  --diadao-room-detail-panel-loading-svg: url("assets/images/hsc/spinner-qs.svg");
  --diadao-hsc-calendars-cell-selected-bgcolor: #555F42;
  --diadao-hsc-calendars-cell-range-bgcolor: #3a412d;
  --diadao-hsc-sticky-shadow: none;
  --diadao-hsc-loader-size: 38px;
  --diadao-hsc-loader-left: 50%;
  --diadao-hsc-loader-top: 50%;
  --diadao-hsc-loader-transform: translateX(-50%) translateY(-50%);
  --diadao-hsc-loader-booking-left: 50%;
  --diadao-hsc-loader-booking-top: 38px;
  --diadao-hsc-loader-booking-transform: translateX(-50%);
  --diadao-hsc-loader-bestprice-left: 0;
  --diadao-hsc-loader-bestprice-top: 0;
  --diadao-hsc-loader-bestprice-transform: none;
  --diadao-hsc-loader-bestprice-right: 0;
  --diadao-hsc-loader-sticky-room-desktop-single-position: absolute;
  --diadao-hsc-loader-sticky-room-desktop-single-left: 50%;
  --diadao-hsc-loader-sticky-room-desktop-single-top: 50%;
  --diadao-hsc-loader-sticky-room-desktop-single-transform: translateX(-50%)
    translateY(-50%);
  --diadao-hsc-buttons-toggle-radius: 4px;
  --diadao-hsc-buttons-toggle-width: 24px;
  --diadao-hsc-buttons-toggle-height: 24px;
  --diadao-hsc-buttons-toggle-line-height: 24px;
  --diadao-hsc-buttons-toggle-line-height-minus: 22px;
  --diadao-hsc-buttons-toggle-font-size: 20px;
  --diadao-hsc-booking-button-book-max-width: 100%;
  --diadao-hsc-booking-button-book-display: inline-flex;
  --diadao-hsc-booking-button-book-width: 240px;
  --diadao-hsc-booking-button-book-min-width: auto;
  --diadao-hsc-booking-button-book-margin-left: 0;
  --diadao-hsc-booking-button-book-margin-right: 0;
  --diadao-hsc-booking-button-none-width: 100%;
  --diadao-hsc-booking-button-none-display: flex;
  --diadao-hsc-booking-button-none-max-width: 240px;
  --diadao-hsc-booking-button-none-min-width: auto;
  --diadao-hsc-booking-button-none-margin-left: 0;
  --diadao-hsc-booking-button-none-margin-right: 0;
  --diadao-hsc-booking-button-none-padding-left: 14px;
  --diadao-hsc-booking-button-none-padding-right: 14px;
  --diadao-hsc-booking-none-wrapper-display: flex;
  --diadao-hsc-booking-none-wrapper-flex-wrap: nowrap;
  --diadao-hsc-booking-none-wrapper-align-items: center;
  --diadao-hsc-booking-none-wrapper-justify-content: flex-start;
  --diadao-hsc-booking-none-wrapper-text-align: left;
  --diadao-hsc-booking-none-wrapper-button-display: flex;
  --diadao-hsc-booking-none-wrapper-button-flex-wrap: nowrap;
  --diadao-hsc-booking-none-wrapper-button-align-items: center;
  --diadao-hsc-booking-none-wrapper-button-justify-content: flex-start;
  --diadao-hsc-booking-none-wrapper-button-text-align: left;
  --diadao-hsc-booking-none-wrapper-button-margin-top: 0;
  --diadao-hsc-popup-title-text-transform: initial;
  --diadao-hsc-popup-title-font-weight: 400;
  --diadao-hsc-popup-title-margin-bottom: 40px;
  --diadao-hsc-popup-title-font-size: 30px;
  --diadao-hsc-popup-title-letter-spacing: 0;
  --diadao-hsc-popup-title-font-family: Anek Latin, Arial, sans-serif;
  --diadao-hsc-popup-title-line-height: 1.1;
  --diadao-hsc-popup-bg-color: #ffffff;
  --diadao-hsc-popup-box-shadow: 4px 0 200px 0 rgba(29, 29, 29, 0.3);
  --diadao-hsc-popup-button-close-min-width: 200px;
  --diadao-hsc-popup-button-close-max-width: 222px;
  --diadao-hsc-popup-button-close-width: auto;
  --diadao-hsc-popup-button-close-height: auto;
  --diadao-hsc-popup-button-close-display: inline-flex;
  --diadao-hsc-popup-button-close-align-items: center;
  --diadao-hsc-popup-button-close-justify-content: center;
  --diadao-hsc-popup-button-close-text-line-height: 1.5;
  --diadao-hsc-popup-button-close-text-display: inline-flex;
  --diadao-hsc-popup-button-close-text-font-family: Anek Latin, Arial, sans-serif;
  --diadao-hsc-popup-button-close-text-font-size: 16px;
  --diadao-hsc-popup-button-close-text-font-weight: 600;
  --diadao-hsc-booking-toggle-value-width: 50px;
  --diadao-hsc-booking-width: 100%;
  --diadao-hsc-booking-max-width: 100%;
  --diadao-hsc-booking-margin-left: auto;
  --diadao-hsc-booking-margin-right: auto;
  --diadao-hsc-booking-label-text-align: left;
  --diadao-hsc-booking-label-margin-bottom: 10px;
  --diadao-hsc-booking-label-font-size: 16px;
  --diadao-hsc-booking-label-letter-spacing: 0;
  --diadao-hsc-booking-label-text-transform: initial;
  --diadao-hsc-booking-label-font-weight: 400;
  --diadao-hsc-booking-label-font-family: Anek Latin, Arial, sans-serif;
  --diadao-hsc-booking-value-font-weight: 400;
  --diadao-hsc-booking-value-font-family: Anek Latin, Arial, sans-serif;
  --diadao-hsc-booking-value-font-size: 20px;
  --diadao-hsc-booking-value-letter-spacing: 0;
  --diadao-hsc-booking-value-text-align: left;
  --diadao-hsc-booking-value-margin-bottom: 0;
  --diadao-hsc-booking-value-text-transform: initial;
  --diadao-hsc-booking-daterange-padding-top: 22px;
  --diadao-hsc-booking-daterange-padding-bottom: 22px;
  --diadao-hsc-booking-daterange-padding-left: 14px;
  --diadao-hsc-booking-daterange-padding-right: 14px;
  --diadao-hsc-booking-daterange-radius: 4px;
  --diadao-hsc-booking-daterange-margin-bottom: 10px;
  --diadao-hsc-booking-daterange-bgcolor: #ffffff;
  --diadao-hsc-booking-daterange-separator-content: "";
  --diadao-hsc-booking-daterange-separator-display: block;
  --diadao-hsc-booking-daterange-separator-width: 1px;
  --diadao-hsc-booking-daterange-separator-position: absolute;
  --diadao-hsc-booking-daterange-separator-height: 100%;
  --diadao-hsc-booking-daterange-separator-background-color: #484F46;
  --diadao-hsc-booking-daterange-separator-top: 0;
  --diadao-hsc-booking-daterange-separator-left: 50%;
  --diadao-hsc-booking-daterange-separator-margin-left: 0;
  --diadao-hsc-booking-daterange-arrival-padding-top: 0;
  --diadao-hsc-booking-daterange-arrival-padding-bottom: 0;
  --diadao-hsc-booking-daterange-arrival-padding-left: 0;
  --diadao-hsc-booking-daterange-arrival-padding-right: 0;
  --diadao-hsc-booking-daterange-arrival-radius: 0;
  --diadao-hsc-booking-daterange-arrival-margin-bottom: 0;
  --diadao-hsc-booking-daterange-arrival-bgcolor: transparent;
  --diadao-hsc-booking-daterange-departure-padding-top: 0;
  --diadao-hsc-booking-daterange-departure-padding-bottom: 0;
  --diadao-hsc-booking-daterange-departure-padding-left: 0;
  --diadao-hsc-booking-daterange-departure-padding-right: 0;
  --diadao-hsc-booking-daterange-departure-radius: 0;
  --diadao-hsc-booking-daterange-departure-margin-bottom: 0;
  --diadao-hsc-booking-daterange-departure-bgcolor: transparent;
  --diadao-hsc-booking-price-value-font-weight: 400;
  --diadao-hsc-booking-price-value-font-family: Anek Latin, Arial, sans-serif;
  --diadao-hsc-booking-price-value-font-size: 24px;
  --diadao-hsc-booking-price-value-letter-spacing: 0;
  --diadao-hsc-booking-bestprice-title-div-display: inline-block;
  --diadao-hsc-booking-bestprice-title-div-width: auto;
  --diadao-hsc-booking-bestprice-title-div-line-height: 1;
  --diadao-hsc-booking-bestprice-title-div-padding-right: 30px;
  --diadao-hsc-booking-bestprice-title-div-padding-top: 4px;
  --diadao-hsc-booking-bestprice-title-div-padding-bottom: 4px;
  --diadao-hsc-booking-bestprice-title-margin: 0;
  --diadao-hsc-booking-bestprice-title-font-size: 20px;
  --diadao-hsc-booking-bestprice-title-letter-spacing: 0;
  --diadao-hsc-booking-bestprice-title-line-height: 1;
  --diadao-hsc-booking-bestprice-title-font-weight: 600;
  --diadao-hsc-booking-bestprice-title-text-transform: initial;
  --diadao-hsc-booking-bestprice-title-font-family: Anek Latin, Arial, sans-serif;
  --diadao-hsc-booking-bestprice-title-color: #484F46;
  --diadao-hsc-booking-bestprice-text-transform: uppercase;
  --diadao-hsc-booking-bestprice-title-margin-bottom: 0;
  --diadao-hsc-booking-bestprice-subtitle-div-display: flex;
  --diadao-hsc-booking-bestprice-subtitle-div-position: absolute;
  --diadao-hsc-booking-bestprice-subtitle-div-width: 24px;
  --diadao-hsc-booking-bestprice-subtitle-div-height: 24px;
  --diadao-hsc-booking-bestprice-subtitle-div-padding: 0;
  --diadao-hsc-booking-bestprice-subtitle-div-padding-right: 0;
  --diadao-hsc-booking-bestprice-subtitle-div-right: 0;
  --diadao-hsc-booking-bestprice-subtitle-div-align-items: center;
  --diadao-hsc-booking-bestprice-subtitle-div-justify-content: center;
  --diadao-hsc-booking-bestprice-subtitle-div-top: 50%;
  --diadao-hsc-booking-bestprice-subtitle-div-margin-top: -10px;
  --diadao-hsc-booking-bestprice-subtitle-text-display: none;
  --diadao-hsc-booking-bestprice-picto-position: relative;
  --diadao-hsc-booking-bestprice-picto-display: inline-block;
  --diadao-hsc-booking-bestprice-picto-width: 16px;
  --diadao-hsc-booking-bestprice-picto-height: 16px;
  --diadao-hsc-booking-bestprice-picto-margin: 0;
  --diadao-hsc-booking-bestprice-picto-margin-top: 0;
  --diadao-hsc-booking-bestprice-picto-margin-left: 0;
  --diadao-hsc-booking-bestprice-picto-left: initial;
  --diadao-hsc-booking-bestprice-picto-top: 0;
  --diadao-hsc-booking-bestprice-picto-right: initial;
  --diadao-hsc-booking-bestprice-picto-filter: none;
  --diadao-hsc-booking-price-display: block;
  --diadao-hsc-booking-price-width: 100%;
  --diadao-hsc-booking-price-margin-top: 5px;
  --diadao-hsc-booking-price-text-align: left;
  --diadao-hsc-booking-price-color: #484F46;
  --diadao-hsc-booking-bestprice-wrapper-wrap: wrap;
  --diadao-hsc-booking-a-link-color: #ffffff;
  --diadao-hsc-booking-ota-bottom-margin-top: 30px;
  --diadao-hsc-booking-ota-container-default-margin-top: 15px;
  --diadao-hsc-booking-ota-row-margin-bottom: 10px;
  --diadao-hsc-booking-ota-row-font-family: initial;
  --diadao-hsc-booking-ota-row-font-size: 14px;
  --diadao-hsc-booking-ota-row-letter-spacing: 0;
  --diadao-hsc-booking-ota-row-line-height: 1;
  --diadao-hsc-booking-ota-row-font-weight: 300;
  --diadao-hsc-booking-ota-row-text-transform: initial;
  --diadao-hsc-booking-ota-row-text-align: left;
  --diadao-hsc-booking-ota-row-name-width: 150px;
  --diadao-hsc-booking-ota-row-name-text-align: left;
  --diadao-hsc-booking-ota-row-name-color: #ffffff;
  --diadao-hsc-booking-ota-row-value-width: calc(100% - 150px);
  --diadao-hsc-booking-ota-row-value-text-align: left;
  --diadao-hsc-booking-ota-row-value-color: #ffffff;
  --diadao-hsc-booking-noresults-message-display: block;
  --diadao-hsc-booking-noresults-message-max-width: auto;
  --diadao-hsc-booking-noresults-message-width: 100%;
  --diadao-hsc-booking-noresults-message-margin-left: auto;
  --diadao-hsc-booking-noresults-message-margin-right: auto;
  --diadao-hsc-booking-noresults-message-color: #484F46;
  --diadao-hsc-booking-noresults-message-font-family: initial;
  --diadao-hsc-booking-noresults-message-font-size: 14px;
  --diadao-hsc-booking-noresults-message-letter-spacing: 0;
  --diadao-hsc-booking-noresults-message-line-height: 1;
  --diadao-hsc-booking-noresults-message-font-weight: 300;
  --diadao-hsc-booking-noresults-message-text-transform: initial;
  --diadao-hsc-booking-noresults-message-text-align: left;
  --diadao-hsc-booking-noresults-message-picto-filter: none;
  --diadao-hsc-booking-conditions-color: #484F46;
  --diadao-hsc-booking-conditions-font-family: initial;
  --diadao-hsc-booking-conditions-font-size: 14px;
  --diadao-hsc-booking-conditions-letter-spacing: 0;
  --diadao-hsc-booking-conditions-line-height: 1;
  --diadao-hsc-booking-conditions-font-weight: 300;
  --diadao-hsc-booking-conditions-text-transform: initial;
  --diadao-hsc-booking-conditions-text-align: left;
  --diadao-hsc-booking-conditions-picto-filter: none;
  --diadao-hsc-booking-legend-color: #484F46;
  --diadao-hsc-booking-legend-font-family: initial;
  --diadao-hsc-booking-legend-font-size: 14px;
  --diadao-hsc-booking-legend-letter-spacing: 0;
  --diadao-hsc-booking-legend-line-height: 1;
  --diadao-hsc-booking-legend-font-weight: 300;
  --diadao-hsc-booking-legend-text-transform: initial;
  --diadao-hsc-booking-legend-text-align: left;
  --diadao-hsc-booking-legend-title-font-weight: bold;
  --diadao-hsc-booking-legend-title-margin-bottom: 10px;
  --diadao-hsc-booking-legend-link-font-weight: normal;
  --diadao-hsc-booking-legend-link-color: #555F42;
  --diadao-hsc-booking-legend-link-color-hover: #3a412d;
  --diadao-hsc-bestprice-font-size: 24px;
  --diadao-hsc-bestprice-letter-spacing: 0;
  --diadao-hsc-bestprice-line-height: 1;
  --diadao-hsc-bestprice-font-weight: 300;
  --diadao-hsc-bestprice-text-transform: initial;
  --diadao-hsc-bestprice-font-family: Anek Latin, Arial, sans-serif;
  --diadao-hsc-bestprice-color: #ffffff;
  --diadao-hsc-bestprice-currency-padding-left: 4px;
  --diadao-hsc-bestprice-currency-font-size: 24px;
  --diadao-hsc-bestprice-currency-letter-spacing: 0;
  --diadao-hsc-bestprice-currency-line-height: 1;
  --diadao-hsc-bestprice-currency-font-weight: 300;
  --diadao-hsc-bestprice-currency-text-transform: initial;
  --diadao-hsc-bestprice-currency-font-family: Anek Latin, Arial, sans-serif;
  --diadao-hsc-bestprice-currency-color: #ffffff;
  --diadao-hsc-bestprice-currency-vertical-align: top;
  --diadao-hsc-bestprice-none-font-size: 12px;
  --diadao-hsc-bestprice-none-letter-spacing: 0;
  --diadao-hsc-bestprice-none-line-height: 1;
  --diadao-hsc-bestprice-none-font-weight: 300;
  --diadao-hsc-bestprice-none-text-transform: initial;
  --diadao-hsc-bestprice-none-font-family: Anek Latin, Arial, sans-serif;
  --diadao-hsc-bestprice-none-currency-padding-left: 4px;
  --diadao-hsc-bestprice-none-color: #ffffff;
  --diadao-hsc-bestprice-none-text-align: left;
  --diadao-hsc-booking-bgcolor: #ffffff;
  --diadao-hsc-booking-color-label: #555F42;
  --diadao-hsc-booking-color-value: #484F46;
  --diadao-hsc-booking-bgcolor-toggle: #555F42;
  --diadao-hsc-bgcolor-toggle: #555F42;
  --diadao-hsc-color-toggle: #ffffff;
  --diadao-hsc-bgcolor-toggle-hover: #3a412d;
  --diadao-hsc-color-toggle-hover: #ffffff;
  --diadao-hsc-room-color-price: #ffffff;
  --diadao-hsc-room-color-none: #ffffff;
  --diadao-hsc-room-color-text: #ffffff;
  --diadao-hsc-booking-people-line-height: 1;
  --diadao-hsc-booking-input-adult-bgcolor: #ffffff;
  --diadao-hsc-booking-input-adult-border-top-left-radius: 4px;
  --diadao-hsc-booking-input-adult-border-top-right-radius: 0;
  --diadao-hsc-booking-input-adult-border-bottom-left-radius: 4px;
  --diadao-hsc-booking-input-adult-border-bottom-right-radius: 0;
  --diadao-hsc-booking-input-adult-padding-left: 14px;
  --diadao-hsc-booking-input-adult-padding-right: 0;
  --diadao-hsc-booking-input-adult-padding-top: 22px;
  --diadao-hsc-booking-input-adult-padding-bottom: 22px;
  --diadao-hsc-booking-input-adult-margin-bottom: 0;
  --diadao-hsc-booking-input-children-bgcolor: #ffffff;
  --diadao-hsc-booking-input-children-border-top-left-radius: 0;
  --diadao-hsc-booking-input-children-border-top-right-radius: 4px;
  --diadao-hsc-booking-input-children-border-bottom-left-radius: 0;
  --diadao-hsc-booking-input-children-border-bottom-right-radius: 4px;
  --diadao-hsc-booking-input-children-padding-left: 0;
  --diadao-hsc-booking-input-children-padding-right: 14px;
  --diadao-hsc-booking-input-children-padding-top: 22px;
  --diadao-hsc-booking-input-children-padding-bottom: 22px;
  --diadao-hsc-booking-input-children-margin-bottom: 0;
  --diadao-hsc-booking-input-infant-bgcolor: #484F46;
  --diadao-hsc-booking-input-infant-border-top-left-radius: 0;
  --diadao-hsc-booking-input-infant-border-top-right-radius: 0;
  --diadao-hsc-booking-input-infant-border-bottom-left-radius: 0;
  --diadao-hsc-booking-input-infant-border-bottom-right-radius: 0;
  --diadao-hsc-booking-input-infant-padding-left: 0;
  --diadao-hsc-booking-input-infant-padding-right: 0;
  --diadao-hsc-booking-input-infant-padding-top: 44px;
  --diadao-hsc-booking-input-infant-padding-bottom: 44px;
  --diadao-hsc-booking-input-infant-margin-bottom: 0;
  --diadao-hsc-desktop-sticky-title-picto-div-width: 82px;
  --diadao-hsc-desktop-sticky-title-picto-div-height: 82px;
  --diadao-hsc-desktop-sticky-title-picto-div-border-radius: 100%;
  --diadao-hsc-desktop-sticky-title-picto-div-bgcolor: #484F46;
  --diadao-hsc-desktop-sticky-title-picto-div-margin-bottom: 0;
  --diadao-hsc-desktop-sticky-title-picto-img-width: 42px;
  --diadao-hsc-desktop-sticky-title-picto-img-height: 42px;
  --diadao-hsc-desktop-sticky-title-picto-justify-content: flex-start;
  --diadao-hsc-desktop-sticky-widget-padding-left: 0;
  --diadao-hsc-desktop-sticky-widget-margin-top: 0;
  --diadao-hsc-desktop-sticky-widget-margin-bottom: 0;
  --diadao-hsc-desktop-sticky-widget-width: calc(100% - 540px);
  --diadao-hsc-desktop-sticky-widget-display: flex;
  --diadao-hsc-desktop-sticky-infos-display: none;
  --diadao-hsc-desktop-sticky-infos-width: 540px;
  --diadao-hsc-desktop-sticky-infos-padding-left: 0;
  --diadao-hsc-desktop-sticky-infos-margin-bottom: 0;
  --diadao-hsc-desktop-sticky-infos-font-size: 14px;
  --diadao-hsc-desktop-sticky-infos-line-height: 20px;
  --diadao-hsc-desktop-sticky-infos-font-weight: 300;
  --diadao-hsc-desktop-sticky-infos-color: #484F46;
  --diadao-hsc-desktop-sticky-infos-a-color: #555F42;
  --diadao-hsc-desktop-sticky-infos-a-font-weight: bold;
  --diadao-hsc-desktop-sticky-infos-list-li-padding-left: 20px;
  --diadao-hsc-desktop-sticky-infos-list-li-margin-bottom: 2px;
  --diadao-hsc-desktop-sticky-infos-list-icon: none;
  --diadao-hsc-desktop-sticky-infos-list-icon-size: 16px;
  --diadao-hsc-desktop-sticky-infos-list-icon-margin-top: -8px;
  --diadao-hsc-desktop-sticky-infos-contact-padding-left: 0;
  --diadao-hsc-desktop-sticky-infos-contact-text-align: left;
  --diadao-hsc-desktop-sticky-infos-contact-title-margin-bottom: 5px;
  --diadao-hsc-desktop-sticky-bgcolor: #ffffff;
  --diadao-hsc-desktop-sticky-color-label: #555F42;
  --diadao-hsc-desktop-sticky-single-color-label: #484F46;
  --diadao-hsc-desktop-sticky-color-value: #555F42;
  --diadao-hsc-desktop-sticky-single-color-value: #484F46;
  --diadao-hsc-desktop-sticky-bgcolor-toggle: #555F42;
  --diadao-hsc-desktop-sticky-color-toggle: #ffffff;
  --diadao-hsc-desktop-sticky-bgcolor-toggle-hover: #555F42;
  --diadao-hsc-desktop-sticky-color-toggle-hover: #ffffff;
  --diadao-hsc-desktop-sticky-text-color-title: #ffffff;
  --diadao-hsc-desktop-sticky-text-color-subtitle: #ffffff;
  --diadao-hsc-desktop-sticky-text-padding-left: 0;
  --diadao-hsc-desktop-sticky-toggle-width: 24px;
  --diadao-hsc-desktop-sticky-toggle-height: 24px;
  --diadao-hsc-desktop-sticky-toggle-line-height: 24px;
  --diadao-hsc-desktop-sticky-toggle-line-height-minus: 22px;
  --diadao-hsc-desktop-sticky-toggle-value-width: 50px;
  --diadao-hsc-desktop-sticky-text-title-text-align: left;
  --diadao-hsc-desktop-sticky-text-title-font-size: 30px;
  --diadao-hsc-desktop-sticky-text-title-line-height: 40px;
  --diadao-hsc-desktop-sticky-text-title-letter-spacing: 0;
  --diadao-hsc-desktop-sticky-text-title-text-transform: initial;
  --diadao-hsc-desktop-sticky-text-title-font-weight: 400;
  --diadao-hsc-desktop-sticky-text-title-font-family: Anek Latin, Arial, sans-serif;
  --diadao-hsc-desktop-sticky-text-title-margin-top: 14px;
  --diadao-hsc-desktop-sticky-text-title-margin-bottom: 14px;
  --diadao-hsc-desktop-sticky-text-title-padding-left: 50px;
  --diadao-hsc-desktop-sticky-text-title-max-width: 560px;
  --diadao-hsc-desktop-sticky-text-subtitle-display: none;
  --diadao-hsc-desktop-sticky-text-subtitle-text-align: center;
  --diadao-hsc-desktop-sticky-text-subtitle-font-size: 16px;
  --diadao-hsc-desktop-sticky-text-subtitle-line-height: 1;
  --diadao-hsc-desktop-sticky-text-subtitle-letter-spacing: 0;
  --diadao-hsc-desktop-sticky-text-subtitle-text-transform: initial;
  --diadao-hsc-desktop-sticky-text-subtitle-font-weight: 400;
  --diadao-hsc-desktop-sticky-text-subtitle-font-family: Anek Latin, Arial, sans-serif;
  --diadao-hsc-desktop-sticky-text-subtitle-margin-bottom: 0;
  --diadao-hsc-sticky-room-bgcolor: #484F46;
  --diadao-hsc-sticky-room-color-label: #555F42;
  --diadao-hsc-sticky-room-single-color-label: #555F42;
  --diadao-hsc-sticky-room-color-value: #ffffff;
  --diadao-hsc-sticky-room-single-color-value: #484F46;
  --diadao-hsc-sticky-room-bgcolor-toggle: #555F42;
  --diadao-hsc-sticky-room-color-toggle: #ffffff;
  --diadao-hsc-sticky-room-bgcolor-toggle-hover: #555F42;
  --diadao-hsc-sticky-room-color-toggle-hover: #ffffff;
  --diadao-hsc-sticky-room-single-bgcolor-toggle: #555F42;
  --diadao-hsc-sticky-room-single-color-toggle: #ffffff;
  --diadao-hsc-sticky-room-single-bgcolor-toggle-hover: #555F42;
  --diadao-hsc-sticky-room-single-color-toggle-hover: #ffffff;
  --diadao-hsc-sticky-room-people-line-height: 1;
  --diadao-hsc-sticky-room-remaining-bgcolor: #555F42;
  --diadao-hsc-sticky-room-remaining-color: #ffffff;
  --diadao-hsc-sticky-room-remaining-line-height: 0.7;
  --diadao-hsc-sticky-room-remaining-padding-top: 4px;
  --diadao-hsc-sticky-room-remaining-padding-bottom: 4px;
  --diadao-hsc-sticky-room-desktop-left-width: 580px;
  --diadao-hsc-sticky-room-desktop-right-width: calc(100% - 580px);
  --diadao-hsc-sticky-room-desktop-label-margin-bottom: 0;
  --diadao-hsc-sticky-room-desktop-label-height: 24px;
  --diadao-hsc-sticky-room-desktop-label-font-size: 12px;
  --diadao-hsc-sticky-room-desktop-label-letter-spacing: 0;
  --diadao-hsc-sticky-room-desktop-label-text-transform: initial;
  --diadao-hsc-sticky-room-desktop-label-font-weight: bold;
  --diadao-hsc-sticky-room-desktop-label-font-family: Anek Latin, Arial, sans-serif;
  --diadao-hsc-sticky-room-desktop-label-date-text-align: left;
  --diadao-hsc-sticky-room-desktop-label-people-text-align: left;
  --diadao-hsc-sticky-room-desktop-value-text-align: left;
  --diadao-hsc-sticky-room-desktop-value-margin-bottom: 0;
  --diadao-hsc-sticky-room-desktop-value-font-size: 20px;
  --diadao-hsc-sticky-room-desktop-value-letter-spacing: 0;
  --diadao-hsc-sticky-room-desktop-value-text-transform: initial;
  --diadao-hsc-sticky-room-desktop-value-font-weight: 400;
  --diadao-hsc-sticky-room-desktop-value-font-family: Anek Latin, Arial, sans-serif;
  --diadao-hsc-sticky-room-desktop-input-date-width: calc(
    50% - (var(--diadao-hsc-sticky-room-desktop-input-adult-margin-left) / 2)
  );
  --diadao-hsc-sticky-room-desktop-input-date-align-items: flex-start;
  --diadao-hsc-sticky-room-desktop-input-date-justify-content: initial;
  --diadao-hsc-sticky-room-desktop-input-date-flex-wrap: nowrap;
  --diadao-hsc-sticky-room-desktop-input-date-text-align: initial;
  --diadao-hsc-sticky-room-desktop-input-date-bgcolor: #ffffff;
  --diadao-hsc-sticky-room-desktop-input-date-border-top-left-radius: 4px;
  --diadao-hsc-sticky-room-desktop-input-date-border-top-right-radius: 4px;
  --diadao-hsc-sticky-room-desktop-input-date-border-bottom-left-radius: 4px;
  --diadao-hsc-sticky-room-desktop-input-date-border-bottom-right-radius: 4px;
  --diadao-hsc-sticky-room-desktop-input-date-padding-left: 20px;
  --diadao-hsc-sticky-room-desktop-input-date-padding-right: 20px;
  --diadao-hsc-sticky-room-desktop-input-date-padding-top: 22px;
  --diadao-hsc-sticky-room-desktop-input-date-padding-bottom: 22px;
  --diadao-hsc-sticky-room-desktop-input-date-margin-top: 0;
  --diadao-hsc-sticky-room-desktop-input-date-margin-bottom: 0;
  --diadao-hsc-sticky-room-desktop-input-date-margin-left: 0%;
  --diadao-hsc-sticky-room-desktop-input-date-margin-right: 0;
  --diadao-hsc-sticky-room-desktop-input-date-arrival-width: 50%;
  --diadao-hsc-sticky-room-desktop-input-date-arrival-margin-top: 0;
  --diadao-hsc-sticky-room-desktop-input-date-arrival-margin-bottom: 0;
  --diadao-hsc-sticky-room-desktop-input-date-departure-width: 50%;
  --diadao-hsc-sticky-room-desktop-input-date-departure-margin-top: 0;
  --diadao-hsc-sticky-room-desktop-input-date-departure-margin-bottom: 0;
  --diadao-hsc-sticky-room-desktop-input-adult-width: calc(
    25% - (var(--diadao-hsc-sticky-room-desktop-input-adult-margin-left) / 2)
  );
  --diadao-hsc-sticky-room-desktop-input-adult-align-items: center;
  --diadao-hsc-sticky-room-desktop-input-adult-justify-content: flex-start;
  --diadao-hsc-sticky-room-desktop-input-adult-flex-wrap: nowrap;
  --diadao-hsc-sticky-room-desktop-input-adult-text-align: center;
  --diadao-hsc-sticky-room-desktop-input-adult-bgcolor: #ffffff;
  --diadao-hsc-sticky-room-desktop-input-adult-border-top-left-radius: 4px;
  --diadao-hsc-sticky-room-desktop-input-adult-border-top-right-radius: 0;
  --diadao-hsc-sticky-room-desktop-input-adult-border-bottom-left-radius: 4px;
  --diadao-hsc-sticky-room-desktop-input-adult-border-bottom-right-radius: 0;
  --diadao-hsc-sticky-room-desktop-input-adult-padding-left: 20px;
  --diadao-hsc-sticky-room-desktop-input-adult-padding-right: 0;
  --diadao-hsc-sticky-room-desktop-input-adult-padding-top: 22px;
  --diadao-hsc-sticky-room-desktop-input-adult-padding-bottom: 22px;
  --diadao-hsc-sticky-room-desktop-input-adult-margin-top: 0;
  --diadao-hsc-sticky-room-desktop-input-adult-margin-bottom: 0;
  --diadao-hsc-sticky-room-desktop-input-adult-margin-left: 16px;
  --diadao-hsc-sticky-room-desktop-input-adult-margin-right: 0%;
  --diadao-hsc-sticky-room-desktop-input-children-width: calc(25% - 20px);
  --diadao-hsc-sticky-room-desktop-input-children-align-items: center;
  --diadao-hsc-sticky-room-desktop-input-children-justify-content: flex-start;
  --diadao-hsc-sticky-room-desktop-input-children-flex-wrap: nowrap;
  --diadao-hsc-sticky-room-desktop-input-children-text-align: center;
  --diadao-hsc-sticky-room-desktop-input-children-bgcolor: #ffffff;
  --diadao-hsc-sticky-room-desktop-input-children-border-top-left-radius: 0;
  --diadao-hsc-sticky-room-desktop-input-children-border-top-right-radius: 4px;
  --diadao-hsc-sticky-room-desktop-input-children-border-bottom-left-radius: 0;
  --diadao-hsc-sticky-room-desktop-input-children-border-bottom-right-radius: 4px;
  --diadao-hsc-sticky-room-desktop-input-children-padding-left: 0;
  --diadao-hsc-sticky-room-desktop-input-children-padding-right: 20px;
  --diadao-hsc-sticky-room-desktop-input-children-padding-top: 22px;
  --diadao-hsc-sticky-room-desktop-input-children-padding-bottom: 22px;
  --diadao-hsc-sticky-room-desktop-input-children-margin-top: 0;
  --diadao-hsc-sticky-room-desktop-input-children-margin-bottom: 0;
  --diadao-hsc-sticky-room-desktop-input-children-margin-left: 0;
  --diadao-hsc-sticky-room-desktop-input-children-margin-right: 0;
  --diadao-hsc-sticky-room-desktop-input-infant-width: calc(25% - 20px);
  --diadao-hsc-sticky-room-desktop-input-infant-align-items: center;
  --diadao-hsc-sticky-room-desktop-input-infant-justify-content: flex-start;
  --diadao-hsc-sticky-room-desktop-input-infant-flex-wrap: nowrap;
  --diadao-hsc-sticky-room-desktop-input-infant-text-align: center;
  --diadao-hsc-sticky-room-desktop-input-infant-bgcolor: #ffffff;
  --diadao-hsc-sticky-room-desktop-input-infant-border-top-left-radius: 0;
  --diadao-hsc-sticky-room-desktop-input-infant-border-top-right-radius: 4px;
  --diadao-hsc-sticky-room-desktop-input-infant-border-bottom-left-radius: 0;
  --diadao-hsc-sticky-room-desktop-input-infant-border-bottom-right-radius: 4px;
  --diadao-hsc-sticky-room-desktop-input-infant-padding-left: 0;
  --diadao-hsc-sticky-room-desktop-input-infant-padding-right: 20px;
  --diadao-hsc-sticky-room-desktop-input-infant-padding-top: 22px;
  --diadao-hsc-sticky-room-desktop-input-infant-padding-bottom: 22px;
  --diadao-hsc-sticky-room-desktop-input-infant-margin-top: 0;
  --diadao-hsc-sticky-room-desktop-input-infant-margin-bottom: 0;
  --diadao-hsc-sticky-room-desktop-input-infant-margin-left: 0%;
  --diadao-hsc-sticky-room-desktop-input-infant-margin-right: 0%;
  --diadao-hsc-sticky-room-desktop-single-bgcolor: transparent;
  --diadao-hsc-sticky-room-desktop-single-border-radius: 4px;
  --diadao-hsc-sticky-room-desktop-single-padding-top: 22px;
  --diadao-hsc-sticky-room-desktop-single-padding-bottom: 22px;
  --diadao-hsc-sticky-room-desktop-single-padding-left: 30px;
  --diadao-hsc-sticky-room-desktop-single-padding-right: 30px;
  --diadao-hsc-sticky-room-desktop-single-button-price-margin-top: 0;
  --diadao-hsc-sticky-room-desktop-single-button-price-margin-bottom: 0;
  --diadao-hsc-sticky-room-desktop-single-input-adult-bgcolor: #F6F3ED;
  --diadao-hsc-sticky-room-desktop-single-input-adult-width: 50%;
  --diadao-hsc-sticky-room-desktop-single-input-adult-margin-left: 0;
  --diadao-hsc-sticky-room-desktop-single-input-adult-margin-right: 0;
  --diadao-hsc-sticky-room-desktop-single-input-children-bgcolor: #F6F3ED;
  --diadao-hsc-sticky-room-desktop-single-input-children-width: 50%;
  --diadao-hsc-sticky-room-desktop-single-input-children-margin-left: 0;
  --diadao-hsc-sticky-room-desktop-single-input-children-margin-right: 0;
  --diadao-hsc-sticky-room-desktop-single-input-infant-bgcolor: #ffffff;
  --diadao-hsc-sticky-room-desktop-single-input-infant-width: 100%;
  --diadao-hsc-sticky-room-desktop-single-input-infant-margin-left: 0;
  --diadao-hsc-sticky-room-desktop-single-input-infant-margin-right: 0;
  --diadao-hsc-sticky-room-desktop-single-input-date-align-items: var(
    --diadao-hsc-sticky-room-desktop-input-date-align-items
  );
  --diadao-hsc-sticky-room-desktop-single-input-date-justify-content: var(
    --diadao-hsc-sticky-room-desktop-input-date-justify-content
  );
  --diadao-hsc-sticky-room-desktop-single-input-date-flex-wrap: var(
    --diadao-hsc-sticky-room-desktop-input-date-flex-wrap
  );
  --diadao-hsc-sticky-room-desktop-single-input-date-text-align: var(
    --diadao-hsc-sticky-room-desktop-input-date-text-align
  );
  --diadao-hsc-sticky-room-desktop-single-label-date-text-align: var(
    --diadao-hsc-sticky-room-desktop-label-date-text-align
  );
  --diadao-hsc-sticky-room-desktop-single-input-date-arrival-width: var(
    --diadao-hsc-sticky-room-desktop-input-date-arrival-width
  );
  --diadao-hsc-sticky-room-desktop-single-input-date-arrival-margin-top: var(
    --diadao-hsc-sticky-room-desktop-input-date-arrival-margin-top
  );
  --diadao-hsc-sticky-room-desktop-single-input-date-arrival-margin-bottom: var(
    --diadao-hsc-sticky-room-desktop-input-date-arrival-margin-bottom
  );
  --diadao-hsc-sticky-room-desktop-single-input-date-departure-width: var(
    --diadao-hsc-sticky-room-desktop-input-date-departure-width
  );
  --diadao-hsc-sticky-room-desktop-single-input-date-departure-margin-top: var(
    --diadao-hsc-sticky-room-desktop-input-date-departure-margin-top
  );
  --diadao-hsc-sticky-room-desktop-single-input-date-departure-margin-bottom: var(
    --diadao-hsc-sticky-room-desktop-input-date-departure-margin-bottom
  );
  --diadao-hsc-sticky-room-desktop-single-input-date-margin-bottom: 16px;
  --diadao-hsc-sticky-room-desktop-single-input-date-padding-left: 14px;
  --diadao-hsc-sticky-room-desktop-single-input-date-padding-right: 14px;
  --diadao-hsc-sticky-room-desktop-single-input-date-padding-top: 22px;
  --diadao-hsc-sticky-room-desktop-single-input-date-padding-bottom: 22px;
  --diadao-hsc-sticky-room-desktop-single-input-date-width: 100%;
  --diadao-hsc-sticky-room-desktop-single-input-date-bgcolor: #F6F3ED;
  --diadao-hsc-sticky-room-desktop-single-input-adult-padding-top: 22px;
  --diadao-hsc-sticky-room-desktop-single-input-adult-padding-bottom: 22px;
  --diadao-hsc-sticky-room-desktop-single-input-adult-padding-left: 14px;
  --diadao-hsc-sticky-room-desktop-single-input-adult-padding-right: 0;
  --diadao-hsc-sticky-room-desktop-single-input-children-padding-top: 22px;
  --diadao-hsc-sticky-room-desktop-single-input-children-padding-bottom: 22px;
  --diadao-hsc-sticky-room-desktop-single-input-children-padding-left: 0;
  --diadao-hsc-sticky-room-desktop-single-input-children-padding-right: 16px;
  --diadao-hsc-sticky-room-desktop-single-input-infant-padding-top: 0;
  --diadao-hsc-sticky-room-desktop-single-input-infant-padding-bottom: 22px;
  --diadao-hsc-sticky-room-desktop-single-input-infant-padding-left: 0;
  --diadao-hsc-sticky-room-desktop-single-input-infant-padding-right: 0;
  --diadao-hsc-sticky-room-desktop-single-remaining-wrapper-height: auto;
  --diadao-hsc-sticky-room-desktop-single-remaining-wrapper-margin-left: 0;
  --diadao-hsc-sticky-room-desktop-single-remaining-wrapper-top: initial;
  --diadao-hsc-sticky-room-desktop-single-remaining-wrapper-text-align: center;
  --diadao-hsc-sticky-room-desktop-single-remaining-wrapper-justify-content: center;
  --diadao-hsc-sticky-room-desktop-single-remaining-wrapper-margin-bottom: 20px;
  --diadao-hsc-sticky-room-desktop-single-remaining-wrapper-width: 100%;
  --diadao-hsc-sticky-room-desktop-single-remaining-wrapper-left: initial;
  --diadao-hsc-sticky-room-desktop-single-remaining-top: initial;
  --diadao-hsc-sticky-room-desktop-single-remaining-height: auto;
  --diadao-hsc-sticky-room-desktop-single-remaining-font-weight: 400;
  --diadao-hsc-sticky-room-desktop-single-remaining-font-family: initial;
  --diadao-hsc-sticky-room-desktop-single-remaining-font-size: 20px;
  --diadao-hsc-sticky-room-desktop-single-remaining-line-height: 1;
  --diadao-hsc-sticky-room-desktop-single-remaining-letter-spacing: 0;
  --diadao-hsc-sticky-room-desktop-single-remaining-color: #000;
  --diadao-hsc-sticky-room-desktop-single-remaining-text-align: center;
  --diadao-hsc-sticky-room-desktop-single-remaining-justify-content: center;
  --diadao-hsc-sticky-room-desktop-single-remaining-margin-top: 0;
  --diadao-hsc-sticky-room-desktop-single-remaining-margin-bottom: 0;
  --diadao-hsc-sticky-room-desktop-single-remaining-width: 100%;
  --diadao-hsc-sticky-room-desktop-single-remaining-left: initial;
  --diadao-hsc-sticky-room-desktop-single-official-flex-wrap: nowrap;
  --diadao-hsc-sticky-room-desktop-single-official-title-display: inline-block;
  --diadao-hsc-sticky-room-desktop-single-official-title-text-align: left;
  --diadao-hsc-sticky-room-desktop-single-official-title-width: 50%;
  --diadao-hsc-sticky-room-desktop-single-official-price-display: inline-block;
  --diadao-hsc-sticky-room-desktop-single-official-price-text-align: right;
  --diadao-hsc-sticky-room-desktop-single-official-price-width: 50%;
  --diadao-hsc-sticky-room-desktop-noresults-wrapper-padding-top: 0;
  --diadao-hsc-sticky-room-desktop-noresults-wrapper-padding-bottom: 0;
  --diadao-hsc-sticky-room-desktop-noresults-wrapper-justify-content: center;
  --diadao-hsc-sticky-room-desktop-noresults-wrapper-margin-top: 20px;
  --diadao-hsc-sticky-room-desktop-noresults-wrapper-margin-bottom: 0;
  --diadao-hsc-sticky-room-desktop-noresults-message-display: inline;
  --diadao-hsc-sticky-room-desktop-noresults-message-max-width: none;
  --diadao-hsc-sticky-room-desktop-noresults-message-width: 100%;
  --diadao-hsc-sticky-room-desktop-noresults-message-margin-left: auto;
  --diadao-hsc-sticky-room-desktop-noresults-message-margin-right: auto;
  --diadao-hsc-sticky-room-desktop-noresults-message-color: #484F46;
  --diadao-hsc-sticky-room-desktop-noresults-message-font-family: initial;
  --diadao-hsc-sticky-room-desktop-noresults-message-font-size: 14px;
  --diadao-hsc-sticky-room-desktop-noresults-message-letter-spacing: 0;
  --diadao-hsc-sticky-room-desktop-noresults-message-line-height: 1;
  --diadao-hsc-sticky-room-desktop-noresults-message-font-weight: 400;
  --diadao-hsc-sticky-room-desktop-noresults-message-text-transform: initial;
  --diadao-hsc-sticky-room-desktop-noresults-message-text-align: center;
  --diadao-hsc-sticky-room-desktop-noresults-message-picto-filter: none;
  --diadao-hsc-sticky-room-desktop-single-infos-margin-top: 25px;
  --diadao-hsc-sticky-room-desktop-single-infos-title-margin-bottom: 10px;
  --diadao-hsc-sticky-room-desktop-single-infos-font-weight: 400;
  --diadao-hsc-sticky-room-desktop-single-infos-font-family: initial;
  --diadao-hsc-sticky-room-desktop-single-infos-font-size: 12px;
  --diadao-hsc-sticky-room-desktop-single-infos-line-height: 1;
  --diadao-hsc-sticky-room-desktop-single-infos-letter-spacing: 0;
  --diadao-hsc-sticky-room-desktop-single-infos-text-align: center;
  --diadao-hsc-sticky-room-desktop-single-infos-color: #000;
  --diadao-hsc-sticky-room-desktop-single-infos-color-a: #000;
  --diadao-hsc-sticky-room-desktop-single-infos-color-a-hover: #000;
  --diadao-hsc-sticky-room-desktop-single-infos-cancel-margin-top: 25px;
  --diadao-hsc-mobile-sticky-bgcolor: #484F46;
  --diadao-hsc-mobile-sticky-color-label: #555F42;
  --diadao-hsc-mobile-sticky-color-value: #484F46;
  --diadao-hsc-mobile-sticky-bgcolor-toggle: #555F42;
  --diadao-hsc-mobile-sticky-color-toggle: #ffffff;
  --diadao-hsc-mobile-sticky-bgcolor-toggle-hover: #3a412d;
  --diadao-hsc-mobile-sticky-color-toggle-hover: #484F46;
  --diadao-hsc-mobile-sticky-sticked-closed-bgcolor: transparent;
  --diadao-hsc-mobile-sticky-sticked-closed-padding-top: 16px;
  --diadao-hsc-mobile-sticky-sticked-closed-padding-bottom: 0;
  --diadao-hsc-sticky-room-mobile-qs-padding-top: 0;
  --diadao-hsc-sticky-room-mobile-qs-padding-bottom: 0;
  --diadao-hsc-sticky-room-single-mobile-qs-padding-top: 0;
  --diadao-hsc-sticky-room-single-mobile-qs-padding-bottom: 0;
  --diadao-hsc-sticky-room-mobile-padding-left: 16px;
  --diadao-hsc-sticky-room-mobile-padding-right: 16px;
  --diadao-hsc-sticky-room-mobile-padding-top: 8px;
  --diadao-hsc-sticky-room-mobile-padding-bottom: 0;
  --diadao-hsc-sticky-room-detail-mobile-padding-left: 16px;
  --diadao-hsc-sticky-room-detail-mobile-padding-right: 16px;
  --diadao-hsc-sticky-room-detail-mobile-padding-top: 16px;
  --diadao-hsc-sticky-room-detail-mobile-padding-bottom: 16px;
  --diadao-hsc-sticky-room-mobile-bgcolor: #ffffff;
  --diadao-hsc-sticky-room-mobile-color-label: #555F42;
  --diadao-hsc-sticky-room-mobile-color-value: #484F46;
  --diadao-hsc-sticky-room-mobile-bgcolor-toggle: #555F42;
  --diadao-hsc-sticky-room-mobile-color-toggle: #ffffff;
  --diadao-hsc-sticky-room-mobile-bgcolor-toggle-hover: #3a412d;
  --diadao-hsc-sticky-room-mobile-color-toggle-hover: #484F46;
  --diadao-hsc-sticky-room-mobile-label-text-align: left;
  --diadao-hsc-sticky-room-mobile-label-margin-bottom: 5px;
  --diadao-hsc-sticky-room-mobile-label-height: 24px;
  --diadao-hsc-sticky-room-mobile-label-font-size: 12px;
  --diadao-hsc-sticky-room-mobile-label-letter-spacing: 0;
  --diadao-hsc-sticky-room-mobile-label-text-transform: initial;
  --diadao-hsc-sticky-room-mobile-label-font-weight: 400;
  --diadao-hsc-sticky-room-mobile-label-font-family: Anek Latin, Arial, sans-serif;
  --diadao-hsc-sticky-room-mobile-value-text-align: center;
  --diadao-hsc-sticky-room-mobile-value-margin-bottom: 0;
  --diadao-hsc-sticky-room-mobile-value-font-size: 20px;
  --diadao-hsc-sticky-room-mobile-value-letter-spacing: 0;
  --diadao-hsc-sticky-room-mobile-value-text-transform: initial;
  --diadao-hsc-sticky-room-mobile-value-font-weight: 400;
  --diadao-hsc-sticky-room-mobile-value-font-family: Anek Latin, Arial, sans-serif;
  --diadao-hsc-sticky-room-mobile-input-date-bgcolor: #f3f0eb;
  --diadao-hsc-sticky-room-mobile-input-date-border-top-left-radius: 4px;
  --diadao-hsc-sticky-room-mobile-input-date-border-top-right-radius: 4px;
  --diadao-hsc-sticky-room-mobile-input-date-border-bottom-left-radius: 4px;
  --diadao-hsc-sticky-room-mobile-input-date-border-bottom-right-radius: 4px;
  --diadao-hsc-sticky-room-mobile-input-date-padding-left: 14px;
  --diadao-hsc-sticky-room-mobile-input-date-padding-right: 14px;
  --diadao-hsc-sticky-room-mobile-input-date-padding-top: 22px;
  --diadao-hsc-sticky-room-mobile-input-date-padding-bottom: 22px;
  --diadao-hsc-sticky-room-mobile-input-date-margin-top: 0;
  --diadao-hsc-sticky-room-mobile-input-date-margin-bottom: 8px;
  --diadao-hsc-sticky-room-mobile-input-adult-bgcolor: #f3f0eb;
  --diadao-hsc-sticky-room-mobile-input-adult-border-top-left-radius: 4px;
  --diadao-hsc-sticky-room-mobile-input-adult-border-top-right-radius: 0;
  --diadao-hsc-sticky-room-mobile-input-adult-border-bottom-left-radius: 4px;
  --diadao-hsc-sticky-room-mobile-input-adult-border-bottom-right-radius: 0;
  --diadao-hsc-sticky-room-mobile-input-adult-padding-left: 14px;
  --diadao-hsc-sticky-room-mobile-input-adult-padding-right: 0;
  --diadao-hsc-sticky-room-mobile-input-adult-padding-top: 22px;
  --diadao-hsc-sticky-room-mobile-input-adult-padding-bottom: 22px;
  --diadao-hsc-sticky-room-mobile-input-adult-margin-bottom: 8px;
  --diadao-hsc-sticky-room-mobile-input-children-bgcolor: #f3f0eb;
  --diadao-hsc-sticky-room-mobile-input-children-border-top-left-radius: 0;
  --diadao-hsc-sticky-room-mobile-input-children-border-top-right-radius: 4px;
  --diadao-hsc-sticky-room-mobile-input-children-border-bottom-left-radius: 0;
  --diadao-hsc-sticky-room-mobile-input-children-border-bottom-right-radius: 4px;
  --diadao-hsc-sticky-room-mobile-input-children-padding-left: 0;
  --diadao-hsc-sticky-room-mobile-input-children-padding-right: 14px;
  --diadao-hsc-sticky-room-mobile-input-children-padding-top: 22px;
  --diadao-hsc-sticky-room-mobile-input-children-padding-bottom: 22px;
  --diadao-hsc-sticky-room-mobile-input-children-margin-bottom: 8px;
  --diadao-hsc-sticky-room-mobile-input-infant-bgcolor: #f3f0eb;
  --diadao-hsc-sticky-room-mobile-input-infant-border-top-left-radius: 0;
  --diadao-hsc-sticky-room-mobile-input-infant-border-top-right-radius: 0;
  --diadao-hsc-sticky-room-mobile-input-infant-border-bottom-left-radius: 0;
  --diadao-hsc-sticky-room-mobile-input-infant-border-bottom-right-radius: 0;
  --diadao-hsc-sticky-room-mobile-input-infant-padding-left: 0;
  --diadao-hsc-sticky-room-mobile-input-infant-padding-right: 0;
  --diadao-hsc-sticky-room-mobile-input-infant-padding-top: 0;
  --diadao-hsc-sticky-room-mobile-input-infant-padding-bottom: 0;
  --diadao-hsc-sticky-room-mobile-input-infant-margin-bottom: 0;
  --diadao-hsc-sticky-room-mobile-price-wrapper-message-padding-left: 0;
  --diadao-hsc-sticky-room-mobile-price-wrapper-message-width: calc(
    100% - 160px
  );
  --diadao-hsc-sticky-room-mobile-price-wrapper-button-padding-right: 0;
  --diadao-hsc-sticky-room-mobile-price-wrapper-button-width: 160px;
  --diadao-hsc-sticky-room-mobile-price-wrapper-price-color: #484F46;
  --diadao-hsc-sticky-room-mobile-price-wrapper-price-font-size: 24px;
  --diadao-hsc-sticky-room-mobile-price-wrapper-price-letter-spacing: 0;
  --diadao-hsc-sticky-room-mobile-price-wrapper-price-text-transform: uppercase;
  --diadao-hsc-sticky-room-mobile-price-wrapper-price-font-weight: 300;
  --diadao-hsc-sticky-room-mobile-price-wrapper-price-font-family: Anek Latin, Arial, sans-serif;
  --diadao-hsc-sticky-room-mobile-noresults-wrapper-padding-left: 0;
  --diadao-hsc-sticky-room-mobile-noresults-wrapper-padding-right: 0;
  --diadao-hsc-sticky-room-mobile-noresults-wrapper-message-width: calc(
    100% - 120px
  );
  --diadao-hsc-sticky-room-mobile-noresults-wrapper-button-width: 120px;
  --diadao-hsc-sticky-room-mobile-noresults-message-display: inline-block;
  --diadao-hsc-sticky-room-mobile-noresults-message-color: #484F46;
  --diadao-hsc-sticky-room-mobile-noresults-message-picto-filter: none;
  --diadao-hsc-sticky-room-mobile-noresults-message-max-width: 150px;
  --diadao-hsc-sticky-room-mobile-noresults-message-text-align: left;
  --diadao-hsc-sticky-room-mobile-noresults-message-font-size: 14px;
  --diadao-hsc-sticky-room-mobile-noresults-message-line-height: 16px;
  --diadao-hsc-sticky-room-mobile-noresults-message-letter-spacing: 0;
  --diadao-hsc-sticky-room-mobile-noresults-message-text-transform: initial;
  --diadao-hsc-sticky-room-mobile-noresults-message-font-weight: 300;
  --diadao-hsc-sticky-room-mobile-noresults-message-font-family: Anek Latin, Arial, sans-serif;
  --diadao-hsc-popup-none-color-title: #ffffff;
  --diadao-hsc-popup-none-color-text: #ffffff;
  --diadao-hsc-popup-none-bgcolor: #ffffff;
  --diadao-hsc-popup-none-color-scrollbar: #ffffff;
  --diadao-hsc-popup-bestprice-color-title: #ffffff;
  --diadao-hsc-popup-bestprice-color-text: #ffffff;
  --diadao-hsc-popup-bestprice-bgcolor: #ffffff;
  --diadao-hsc-popup-bestprice-scrollbar: #ffffff;
}

html ul.hsc-conditions-list li i,
html ul.hsc-sticky-rooms-conditions li i {
  display: none !important;
}
html ul.hsc-conditions-list li:before,
html ul.hsc-sticky-rooms-conditions li:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  width: 16px;
  height: 16px;
  -webkit-mask-image: url("../images/hsc/icon-check.svg");
  mask-image: url("../images/hsc/icon-check.svg");
  -webkit-mask-size: 14px;
  mask-size: 14px;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  background-color: #555F42;
  background-image: none;
  margin-top: 0 !important;
}
html body .qs-calendars:not(.qs-calendars-opened) {
  display: none !important;
}
@media only screen and (max-width: 991px) {
  html body .diadao-qs .rate-loading {
    left: 50%;
    margin-left: -19px;
  }
}
html #diadao-qs-snippet-booking .qs-snippet-booking-inner .qs-snippet-booking-content .diadao-popup-title.hsc-popup-title,
html #diadao-qs-availabilities-snippet-booking .qs-snippet-booking-inner .qs-snippet-booking-content .diadao-popup-title.hsc-popup-title {
  color: #484F46 !important;
}

html body.diadao-sdkcustomboilerplatemisterbooking .qs-react .i-best-rate,
html body.diadao-sdkcustomboilerplate .qs-react .i-best-rate {
  pointer-events: none;
}
html body.diadao-sdkcustomboilerplatemisterbooking .qs-react .i-best-rate svg path,
html body.diadao-sdkcustomboilerplate .qs-react .i-best-rate svg path {
  fill: #555F42;
}
@media only screen and (min-width: 992px) {
  html body.diadao-sdkcustomboilerplatemisterbooking .qs-react .diadao-qs__rate--no-availabilities,
  html body.diadao-sdkcustomboilerplate .qs-react .diadao-qs__rate--no-availabilities {
    padding-left: 0 !important;
  }
  html body.diadao-sdkcustomboilerplatemisterbooking .qs-react .diadao-qs__booking-informations .hsc-conditions-list,
  html body.diadao-sdkcustomboilerplate .qs-react .diadao-qs__booking-informations .hsc-conditions-list {
    padding-left: var(--diadao-hsc-booking-input-adult-padding-left) !important;
  }
  html body.diadao-sdkcustomboilerplatemisterbooking .qs-react .diadao-qs__booking-informations .wrapper-conditions .hsc-conditions-list,
  html body.diadao-sdkcustomboilerplate .qs-react .diadao-qs__booking-informations .wrapper-conditions .hsc-conditions-list {
    width: 100% !important;
  }
  html body.diadao-sdkcustomboilerplatemisterbooking .qs-react .diadao-qs__booking-informations .hsc-conditions-list,
  html body.diadao-sdkcustomboilerplatemisterbooking .qs-react .diadao-qs__booking-informations .wrapper-legend,
  html body.diadao-sdkcustomboilerplatemisterbooking .qs-react .diadao-qs__booking-informations .wrapper-conditions,
  html body.diadao-sdkcustomboilerplate .qs-react .diadao-qs__booking-informations .hsc-conditions-list,
  html body.diadao-sdkcustomboilerplate .qs-react .diadao-qs__booking-informations .wrapper-legend,
  html body.diadao-sdkcustomboilerplate .qs-react .diadao-qs__booking-informations .wrapper-conditions {
    width: 50% !important;
  }
}
html body.diadao-sdkcustomboilerplatemisterbooking .hsc-button-not-available-sticky,
html body.diadao-sdkcustomboilerplatemisterbooking .hsc-button-panel-book,
html body.diadao-sdkcustomboilerplatemisterbooking .hsc-button-not-available-panel,
html body.diadao-sdkcustomboilerplatemisterbooking #diadao-qs-availabilities-snippet-close,
html body.diadao-sdkcustomboilerplatemisterbooking #diadao-qs-snippet-close,
html body.diadao-sdkcustomboilerplate .hsc-button-not-available-sticky,
html body.diadao-sdkcustomboilerplate .hsc-button-panel-book,
html body.diadao-sdkcustomboilerplate .hsc-button-not-available-panel,
html body.diadao-sdkcustomboilerplate #diadao-qs-availabilities-snippet-close,
html body.diadao-sdkcustomboilerplate #diadao-qs-snippet-close {
  position: relative;
  overflow: hidden;
  display: inline-flex;
  gap: 2px;
  justify-content: center;
  align-items: center;
  text-align: center;
  border-radius: 24px;
  min-height: 48px;
  width: auto;
  background-color: transparent;
  border: 1px solid transparent;
  transition: background-color 0.25s ease-in-out, border 0.25s ease-in-out, color 0.25s ease-in-out;
  color: #ffffff;
  text-decoration: none;
  cursor: pointer;
  padding: 5px 20px;
  background: #555F42;
  color: #ffffff;
}
@media only screen and (min-width: 992px) {
  html body.diadao-sdkcustomboilerplatemisterbooking .hsc-button-not-available-sticky,
  html body.diadao-sdkcustomboilerplatemisterbooking .hsc-button-panel-book,
  html body.diadao-sdkcustomboilerplatemisterbooking .hsc-button-not-available-panel,
  html body.diadao-sdkcustomboilerplatemisterbooking #diadao-qs-availabilities-snippet-close,
  html body.diadao-sdkcustomboilerplatemisterbooking #diadao-qs-snippet-close,
  html body.diadao-sdkcustomboilerplate .hsc-button-not-available-sticky,
  html body.diadao-sdkcustomboilerplate .hsc-button-panel-book,
  html body.diadao-sdkcustomboilerplate .hsc-button-not-available-panel,
  html body.diadao-sdkcustomboilerplate #diadao-qs-availabilities-snippet-close,
  html body.diadao-sdkcustomboilerplate #diadao-qs-snippet-close {
    gap: 4px;
    min-height: 48px;
    border-radius: 24px;
    padding: 5px 33px;
  }
}
html body.diadao-sdkcustomboilerplatemisterbooking .hsc-button-not-available-sticky:focus-visible,
html body.diadao-sdkcustomboilerplatemisterbooking .hsc-button-panel-book:focus-visible,
html body.diadao-sdkcustomboilerplatemisterbooking .hsc-button-not-available-panel:focus-visible,
html body.diadao-sdkcustomboilerplatemisterbooking #diadao-qs-availabilities-snippet-close:focus-visible,
html body.diadao-sdkcustomboilerplatemisterbooking #diadao-qs-snippet-close:focus-visible,
html body.diadao-sdkcustomboilerplate .hsc-button-not-available-sticky:focus-visible,
html body.diadao-sdkcustomboilerplate .hsc-button-panel-book:focus-visible,
html body.diadao-sdkcustomboilerplate .hsc-button-not-available-panel:focus-visible,
html body.diadao-sdkcustomboilerplate #diadao-qs-availabilities-snippet-close:focus-visible,
html body.diadao-sdkcustomboilerplate #diadao-qs-snippet-close:focus-visible {
  outline: none;
}
html body.diadao-sdkcustomboilerplatemisterbooking .hsc-button-not-available-sticky span,
html body.diadao-sdkcustomboilerplatemisterbooking .hsc-button-panel-book span,
html body.diadao-sdkcustomboilerplatemisterbooking .hsc-button-not-available-panel span,
html body.diadao-sdkcustomboilerplatemisterbooking #diadao-qs-availabilities-snippet-close span,
html body.diadao-sdkcustomboilerplatemisterbooking #diadao-qs-snippet-close span,
html body.diadao-sdkcustomboilerplate .hsc-button-not-available-sticky span,
html body.diadao-sdkcustomboilerplate .hsc-button-panel-book span,
html body.diadao-sdkcustomboilerplate .hsc-button-not-available-panel span,
html body.diadao-sdkcustomboilerplate #diadao-qs-availabilities-snippet-close span,
html body.diadao-sdkcustomboilerplate #diadao-qs-snippet-close span {
  display: block;
  font-family: "Anek Latin", Arial, sans-serif;
  font-size: 10px;
  font-weight: 600;
  line-height: 1;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  pointer-events: none;
}
@media only screen and (min-width: 992px) {
  html body.diadao-sdkcustomboilerplatemisterbooking .hsc-button-not-available-sticky span,
  html body.diadao-sdkcustomboilerplatemisterbooking .hsc-button-panel-book span,
  html body.diadao-sdkcustomboilerplatemisterbooking .hsc-button-not-available-panel span,
  html body.diadao-sdkcustomboilerplatemisterbooking #diadao-qs-availabilities-snippet-close span,
  html body.diadao-sdkcustomboilerplatemisterbooking #diadao-qs-snippet-close span,
  html body.diadao-sdkcustomboilerplate .hsc-button-not-available-sticky span,
  html body.diadao-sdkcustomboilerplate .hsc-button-panel-book span,
  html body.diadao-sdkcustomboilerplate .hsc-button-not-available-panel span,
  html body.diadao-sdkcustomboilerplate #diadao-qs-availabilities-snippet-close span,
  html body.diadao-sdkcustomboilerplate #diadao-qs-snippet-close span {
    font-size: 12px;
  }
}
html body.diadao-sdkcustomboilerplatemisterbooking .hsc-button-not-available-sticky span strong,
html body.diadao-sdkcustomboilerplatemisterbooking .hsc-button-panel-book span strong,
html body.diadao-sdkcustomboilerplatemisterbooking .hsc-button-not-available-panel span strong,
html body.diadao-sdkcustomboilerplatemisterbooking #diadao-qs-availabilities-snippet-close span strong,
html body.diadao-sdkcustomboilerplatemisterbooking #diadao-qs-snippet-close span strong,
html body.diadao-sdkcustomboilerplate .hsc-button-not-available-sticky span strong,
html body.diadao-sdkcustomboilerplate .hsc-button-panel-book span strong,
html body.diadao-sdkcustomboilerplate .hsc-button-not-available-panel span strong,
html body.diadao-sdkcustomboilerplate #diadao-qs-availabilities-snippet-close span strong,
html body.diadao-sdkcustomboilerplate #diadao-qs-snippet-close span strong {
  color: currentColor;
}
html body.diadao-sdkcustomboilerplatemisterbooking .hsc-button-not-available-sticky .icon,
html body.diadao-sdkcustomboilerplatemisterbooking .hsc-button-panel-book .icon,
html body.diadao-sdkcustomboilerplatemisterbooking .hsc-button-not-available-panel .icon,
html body.diadao-sdkcustomboilerplatemisterbooking #diadao-qs-availabilities-snippet-close .icon,
html body.diadao-sdkcustomboilerplatemisterbooking #diadao-qs-snippet-close .icon,
html body.diadao-sdkcustomboilerplate .hsc-button-not-available-sticky .icon,
html body.diadao-sdkcustomboilerplate .hsc-button-panel-book .icon,
html body.diadao-sdkcustomboilerplate .hsc-button-not-available-panel .icon,
html body.diadao-sdkcustomboilerplate #diadao-qs-availabilities-snippet-close .icon,
html body.diadao-sdkcustomboilerplate #diadao-qs-snippet-close .icon {
  flex-shrink: 0;
}
html body.diadao-sdkcustomboilerplatemisterbooking .hsc-button-not-available-sticky .icon--close,
html body.diadao-sdkcustomboilerplatemisterbooking .hsc-button-panel-book .icon--close,
html body.diadao-sdkcustomboilerplatemisterbooking .hsc-button-not-available-panel .icon--close,
html body.diadao-sdkcustomboilerplatemisterbooking #diadao-qs-availabilities-snippet-close .icon--close,
html body.diadao-sdkcustomboilerplatemisterbooking #diadao-qs-snippet-close .icon--close,
html body.diadao-sdkcustomboilerplate .hsc-button-not-available-sticky .icon--close,
html body.diadao-sdkcustomboilerplate .hsc-button-panel-book .icon--close,
html body.diadao-sdkcustomboilerplate .hsc-button-not-available-panel .icon--close,
html body.diadao-sdkcustomboilerplate #diadao-qs-availabilities-snippet-close .icon--close,
html body.diadao-sdkcustomboilerplate #diadao-qs-snippet-close .icon--close {
  display: block;
  width: 17px;
  height: 17px;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: cover;
  mask-size: contain;
  -webkit-mask-image: url("../images/svg/icons/icon-close.svg");
  mask-image: url("../images/svg/icons/icon-close.svg");
  background-color: currentColor;
  pointer-events: none;
  transition: background-color 0.25s ease-in-out;
}
@media only screen and (min-width: 992px) {
  html body.diadao-sdkcustomboilerplatemisterbooking .hsc-button-not-available-sticky .icon--close,
  html body.diadao-sdkcustomboilerplatemisterbooking .hsc-button-panel-book .icon--close,
  html body.diadao-sdkcustomboilerplatemisterbooking .hsc-button-not-available-panel .icon--close,
  html body.diadao-sdkcustomboilerplatemisterbooking #diadao-qs-availabilities-snippet-close .icon--close,
  html body.diadao-sdkcustomboilerplatemisterbooking #diadao-qs-snippet-close .icon--close,
  html body.diadao-sdkcustomboilerplate .hsc-button-not-available-sticky .icon--close,
  html body.diadao-sdkcustomboilerplate .hsc-button-panel-book .icon--close,
  html body.diadao-sdkcustomboilerplate .hsc-button-not-available-panel .icon--close,
  html body.diadao-sdkcustomboilerplate #diadao-qs-availabilities-snippet-close .icon--close,
  html body.diadao-sdkcustomboilerplate #diadao-qs-snippet-close .icon--close {
    width: 24px;
    height: 24px;
  }
}
html body.diadao-sdkcustomboilerplatemisterbooking .hsc-button-not-available-sticky .icon--chevron-down,
html body.diadao-sdkcustomboilerplatemisterbooking .hsc-button-panel-book .icon--chevron-down,
html body.diadao-sdkcustomboilerplatemisterbooking .hsc-button-not-available-panel .icon--chevron-down,
html body.diadao-sdkcustomboilerplatemisterbooking #diadao-qs-availabilities-snippet-close .icon--chevron-down,
html body.diadao-sdkcustomboilerplatemisterbooking #diadao-qs-snippet-close .icon--chevron-down,
html body.diadao-sdkcustomboilerplate .hsc-button-not-available-sticky .icon--chevron-down,
html body.diadao-sdkcustomboilerplate .hsc-button-panel-book .icon--chevron-down,
html body.diadao-sdkcustomboilerplate .hsc-button-not-available-panel .icon--chevron-down,
html body.diadao-sdkcustomboilerplate #diadao-qs-availabilities-snippet-close .icon--chevron-down,
html body.diadao-sdkcustomboilerplate #diadao-qs-snippet-close .icon--chevron-down {
  display: block;
  width: 14px;
  height: 14px;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: cover;
  mask-size: contain;
  -webkit-mask-image: url("../images/svg/icons/icon-chevron-down.svg");
  mask-image: url("../images/svg/icons/icon-chevron-down.svg");
  background-color: currentColor;
  pointer-events: none;
  transition: background-color 0.25s ease-in-out;
}
html body.diadao-sdkcustomboilerplatemisterbooking .hsc-button-not-available-sticky .icon--chevron-left,
html body.diadao-sdkcustomboilerplatemisterbooking .hsc-button-panel-book .icon--chevron-left,
html body.diadao-sdkcustomboilerplatemisterbooking .hsc-button-not-available-panel .icon--chevron-left,
html body.diadao-sdkcustomboilerplatemisterbooking #diadao-qs-availabilities-snippet-close .icon--chevron-left,
html body.diadao-sdkcustomboilerplatemisterbooking #diadao-qs-snippet-close .icon--chevron-left,
html body.diadao-sdkcustomboilerplate .hsc-button-not-available-sticky .icon--chevron-left,
html body.diadao-sdkcustomboilerplate .hsc-button-panel-book .icon--chevron-left,
html body.diadao-sdkcustomboilerplate .hsc-button-not-available-panel .icon--chevron-left,
html body.diadao-sdkcustomboilerplate #diadao-qs-availabilities-snippet-close .icon--chevron-left,
html body.diadao-sdkcustomboilerplate #diadao-qs-snippet-close .icon--chevron-left {
  display: block;
  width: 14px;
  height: 14px;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: cover;
  mask-size: contain;
  -webkit-mask-image: url("../images/svg/icons/icon-chevron-left.svg");
  mask-image: url("../images/svg/icons/icon-chevron-left.svg");
  background-color: currentColor;
  pointer-events: none;
  transition: background-color 0.25s ease-in-out;
}
html body.diadao-sdkcustomboilerplatemisterbooking .hsc-button-not-available-sticky .icon--menu-burger,
html body.diadao-sdkcustomboilerplatemisterbooking .hsc-button-panel-book .icon--menu-burger,
html body.diadao-sdkcustomboilerplatemisterbooking .hsc-button-not-available-panel .icon--menu-burger,
html body.diadao-sdkcustomboilerplatemisterbooking #diadao-qs-availabilities-snippet-close .icon--menu-burger,
html body.diadao-sdkcustomboilerplatemisterbooking #diadao-qs-snippet-close .icon--menu-burger,
html body.diadao-sdkcustomboilerplate .hsc-button-not-available-sticky .icon--menu-burger,
html body.diadao-sdkcustomboilerplate .hsc-button-panel-book .icon--menu-burger,
html body.diadao-sdkcustomboilerplate .hsc-button-not-available-panel .icon--menu-burger,
html body.diadao-sdkcustomboilerplate #diadao-qs-availabilities-snippet-close .icon--menu-burger,
html body.diadao-sdkcustomboilerplate #diadao-qs-snippet-close .icon--menu-burger {
  display: block;
  width: 18px;
  height: 18px;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: cover;
  mask-size: contain;
  -webkit-mask-image: url("../images/svg/icons/icon-menu-burger.svg");
  mask-image: url("../images/svg/icons/icon-menu-burger.svg");
  background-color: currentColor;
  pointer-events: none;
  transition: background-color 0.25s ease-in-out;
}
html body.diadao-sdkcustomboilerplatemisterbooking .hsc-button-not-available-sticky .icon--pen,
html body.diadao-sdkcustomboilerplatemisterbooking .hsc-button-panel-book .icon--pen,
html body.diadao-sdkcustomboilerplatemisterbooking .hsc-button-not-available-panel .icon--pen,
html body.diadao-sdkcustomboilerplatemisterbooking #diadao-qs-availabilities-snippet-close .icon--pen,
html body.diadao-sdkcustomboilerplatemisterbooking #diadao-qs-snippet-close .icon--pen,
html body.diadao-sdkcustomboilerplate .hsc-button-not-available-sticky .icon--pen,
html body.diadao-sdkcustomboilerplate .hsc-button-panel-book .icon--pen,
html body.diadao-sdkcustomboilerplate .hsc-button-not-available-panel .icon--pen,
html body.diadao-sdkcustomboilerplate #diadao-qs-availabilities-snippet-close .icon--pen,
html body.diadao-sdkcustomboilerplate #diadao-qs-snippet-close .icon--pen {
  display: block;
  width: 18px;
  height: 18px;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: cover;
  mask-size: contain;
  -webkit-mask-image: url("../images/svg/icons/icon-edit.svg");
  mask-image: url("../images/svg/icons/icon-edit.svg");
  background-color: currentColor;
  pointer-events: none;
  transition: background-color 0.25s ease-in-out;
}
html body.diadao-sdkcustomboilerplatemisterbooking .hsc-button-not-available-sticky::before,
html body.diadao-sdkcustomboilerplatemisterbooking .hsc-button-panel-book::before,
html body.diadao-sdkcustomboilerplatemisterbooking .hsc-button-not-available-panel::before,
html body.diadao-sdkcustomboilerplatemisterbooking #diadao-qs-availabilities-snippet-close::before,
html body.diadao-sdkcustomboilerplatemisterbooking #diadao-qs-snippet-close::before,
html body.diadao-sdkcustomboilerplate .hsc-button-not-available-sticky::before,
html body.diadao-sdkcustomboilerplate .hsc-button-panel-book::before,
html body.diadao-sdkcustomboilerplate .hsc-button-not-available-panel::before,
html body.diadao-sdkcustomboilerplate #diadao-qs-availabilities-snippet-close::before,
html body.diadao-sdkcustomboilerplate #diadao-qs-snippet-close::before {
  content: "";
  position: absolute;
  left: 16px;
  top: 50%;
  transform: translateY(-50%);
  opacity: 1;
  display: block;
  width: 16px;
  height: 16px;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: cover;
  mask-size: contain;
  -webkit-mask-image: url("../images/svg/icons/icon-fa-reg-arrow-right.svg");
  mask-image: url("../images/svg/icons/icon-fa-reg-arrow-right.svg");
  background-color: currentColor;
  pointer-events: none;
  transition: background-color 0.25s ease-in-out;
  transition: left 0.3s ease-out, opacity 0.1s;
}
html body.diadao-sdkcustomboilerplatemisterbooking .hsc-button-not-available-sticky::after,
html body.diadao-sdkcustomboilerplatemisterbooking .hsc-button-panel-book::after,
html body.diadao-sdkcustomboilerplatemisterbooking .hsc-button-not-available-panel::after,
html body.diadao-sdkcustomboilerplatemisterbooking #diadao-qs-availabilities-snippet-close::after,
html body.diadao-sdkcustomboilerplatemisterbooking #diadao-qs-snippet-close::after,
html body.diadao-sdkcustomboilerplate .hsc-button-not-available-sticky::after,
html body.diadao-sdkcustomboilerplate .hsc-button-panel-book::after,
html body.diadao-sdkcustomboilerplate .hsc-button-not-available-panel::after,
html body.diadao-sdkcustomboilerplate #diadao-qs-availabilities-snippet-close::after,
html body.diadao-sdkcustomboilerplate #diadao-qs-snippet-close::after {
  content: "";
  position: absolute;
  right: -26px;
  top: 50%;
  transform: translateY(-50%);
  opacity: 0;
  display: block;
  width: 16px;
  height: 16px;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: cover;
  mask-size: contain;
  -webkit-mask-image: url("../images/svg/icons/icon-fa-reg-arrow-right.svg");
  mask-image: url("../images/svg/icons/icon-fa-reg-arrow-right.svg");
  background-color: currentColor;
  pointer-events: none;
  transition: background-color 0.25s ease-in-out;
  transition: right 0.3s ease-out, opacity 0.1s linear 0.25s;
}
html body.diadao-sdkcustomboilerplatemisterbooking .hsc-button-not-available-sticky span,
html body.diadao-sdkcustomboilerplatemisterbooking .hsc-button-panel-book span,
html body.diadao-sdkcustomboilerplatemisterbooking .hsc-button-not-available-panel span,
html body.diadao-sdkcustomboilerplatemisterbooking #diadao-qs-availabilities-snippet-close span,
html body.diadao-sdkcustomboilerplatemisterbooking #diadao-qs-snippet-close span,
html body.diadao-sdkcustomboilerplate .hsc-button-not-available-sticky span,
html body.diadao-sdkcustomboilerplate .hsc-button-panel-book span,
html body.diadao-sdkcustomboilerplate .hsc-button-not-available-panel span,
html body.diadao-sdkcustomboilerplate #diadao-qs-availabilities-snippet-close span,
html body.diadao-sdkcustomboilerplate #diadao-qs-snippet-close span {
  position: relative;
  padding: 0px 0px 0px 20px;
  transition: padding 0.3s ease-out;
}
@media only screen and (min-width: 992px) {
  html body.diadao-sdkcustomboilerplatemisterbooking .hsc-button-not-available-sticky::before,
  html body.diadao-sdkcustomboilerplatemisterbooking .hsc-button-panel-book::before,
  html body.diadao-sdkcustomboilerplatemisterbooking .hsc-button-not-available-panel::before,
  html body.diadao-sdkcustomboilerplatemisterbooking #diadao-qs-availabilities-snippet-close::before,
  html body.diadao-sdkcustomboilerplatemisterbooking #diadao-qs-snippet-close::before,
  html body.diadao-sdkcustomboilerplate .hsc-button-not-available-sticky::before,
  html body.diadao-sdkcustomboilerplate .hsc-button-panel-book::before,
  html body.diadao-sdkcustomboilerplate .hsc-button-not-available-panel::before,
  html body.diadao-sdkcustomboilerplate #diadao-qs-availabilities-snippet-close::before,
  html body.diadao-sdkcustomboilerplate #diadao-qs-snippet-close::before {
    left: 26px;
  }
  html body.diadao-sdkcustomboilerplatemisterbooking .hsc-button-not-available-sticky::after,
  html body.diadao-sdkcustomboilerplatemisterbooking .hsc-button-panel-book::after,
  html body.diadao-sdkcustomboilerplatemisterbooking .hsc-button-not-available-panel::after,
  html body.diadao-sdkcustomboilerplatemisterbooking #diadao-qs-availabilities-snippet-close::after,
  html body.diadao-sdkcustomboilerplatemisterbooking #diadao-qs-snippet-close::after,
  html body.diadao-sdkcustomboilerplate .hsc-button-not-available-sticky::after,
  html body.diadao-sdkcustomboilerplate .hsc-button-panel-book::after,
  html body.diadao-sdkcustomboilerplate .hsc-button-not-available-panel::after,
  html body.diadao-sdkcustomboilerplate #diadao-qs-availabilities-snippet-close::after,
  html body.diadao-sdkcustomboilerplate #diadao-qs-snippet-close::after {
    right: -30px;
  }
}
html:not(.touchevents) html body.diadao-sdkcustomboilerplatemisterbooking .hsc-button-not-available-sticky:hover, html:not(.touchevents) html body.diadao-sdkcustomboilerplatemisterbooking .hsc-button-not-available-sticky:focus-visible,
html:not(.touchevents) html body.diadao-sdkcustomboilerplatemisterbooking .hsc-button-panel-book:hover,
html:not(.touchevents) html body.diadao-sdkcustomboilerplatemisterbooking .hsc-button-panel-book:focus-visible,
html:not(.touchevents) html body.diadao-sdkcustomboilerplatemisterbooking .hsc-button-not-available-panel:hover,
html:not(.touchevents) html body.diadao-sdkcustomboilerplatemisterbooking .hsc-button-not-available-panel:focus-visible,
html:not(.touchevents) html body.diadao-sdkcustomboilerplatemisterbooking #diadao-qs-availabilities-snippet-close:hover,
html:not(.touchevents) html body.diadao-sdkcustomboilerplatemisterbooking #diadao-qs-availabilities-snippet-close:focus-visible,
html:not(.touchevents) html body.diadao-sdkcustomboilerplatemisterbooking #diadao-qs-snippet-close:hover,
html:not(.touchevents) html body.diadao-sdkcustomboilerplatemisterbooking #diadao-qs-snippet-close:focus-visible,
html:not(.touchevents) html body.diadao-sdkcustomboilerplate .hsc-button-not-available-sticky:hover,
html:not(.touchevents) html body.diadao-sdkcustomboilerplate .hsc-button-not-available-sticky:focus-visible,
html:not(.touchevents) html body.diadao-sdkcustomboilerplate .hsc-button-panel-book:hover,
html:not(.touchevents) html body.diadao-sdkcustomboilerplate .hsc-button-panel-book:focus-visible,
html:not(.touchevents) html body.diadao-sdkcustomboilerplate .hsc-button-not-available-panel:hover,
html:not(.touchevents) html body.diadao-sdkcustomboilerplate .hsc-button-not-available-panel:focus-visible,
html:not(.touchevents) html body.diadao-sdkcustomboilerplate #diadao-qs-availabilities-snippet-close:hover,
html:not(.touchevents) html body.diadao-sdkcustomboilerplate #diadao-qs-availabilities-snippet-close:focus-visible,
html:not(.touchevents) html body.diadao-sdkcustomboilerplate #diadao-qs-snippet-close:hover,
html:not(.touchevents) html body.diadao-sdkcustomboilerplate #diadao-qs-snippet-close:focus-visible {
  color: #ffffff;
}
html:not(.touchevents) html body.diadao-sdkcustomboilerplatemisterbooking .hsc-button-not-available-sticky:hover::before, html:not(.touchevents) html body.diadao-sdkcustomboilerplatemisterbooking .hsc-button-not-available-sticky:focus-visible::before,
html:not(.touchevents) html body.diadao-sdkcustomboilerplatemisterbooking .hsc-button-panel-book:hover::before,
html:not(.touchevents) html body.diadao-sdkcustomboilerplatemisterbooking .hsc-button-panel-book:focus-visible::before,
html:not(.touchevents) html body.diadao-sdkcustomboilerplatemisterbooking .hsc-button-not-available-panel:hover::before,
html:not(.touchevents) html body.diadao-sdkcustomboilerplatemisterbooking .hsc-button-not-available-panel:focus-visible::before,
html:not(.touchevents) html body.diadao-sdkcustomboilerplatemisterbooking #diadao-qs-availabilities-snippet-close:hover::before,
html:not(.touchevents) html body.diadao-sdkcustomboilerplatemisterbooking #diadao-qs-availabilities-snippet-close:focus-visible::before,
html:not(.touchevents) html body.diadao-sdkcustomboilerplatemisterbooking #diadao-qs-snippet-close:hover::before,
html:not(.touchevents) html body.diadao-sdkcustomboilerplatemisterbooking #diadao-qs-snippet-close:focus-visible::before,
html:not(.touchevents) html body.diadao-sdkcustomboilerplate .hsc-button-not-available-sticky:hover::before,
html:not(.touchevents) html body.diadao-sdkcustomboilerplate .hsc-button-not-available-sticky:focus-visible::before,
html:not(.touchevents) html body.diadao-sdkcustomboilerplate .hsc-button-panel-book:hover::before,
html:not(.touchevents) html body.diadao-sdkcustomboilerplate .hsc-button-panel-book:focus-visible::before,
html:not(.touchevents) html body.diadao-sdkcustomboilerplate .hsc-button-not-available-panel:hover::before,
html:not(.touchevents) html body.diadao-sdkcustomboilerplate .hsc-button-not-available-panel:focus-visible::before,
html:not(.touchevents) html body.diadao-sdkcustomboilerplate #diadao-qs-availabilities-snippet-close:hover::before,
html:not(.touchevents) html body.diadao-sdkcustomboilerplate #diadao-qs-availabilities-snippet-close:focus-visible::before,
html:not(.touchevents) html body.diadao-sdkcustomboilerplate #diadao-qs-snippet-close:hover::before,
html:not(.touchevents) html body.diadao-sdkcustomboilerplate #diadao-qs-snippet-close:focus-visible::before {
  left: -26px;
  opacity: 0;
  transition: left 0.3s ease-out, opacity 0.1s linear 0.25s;
}
html:not(.touchevents) html body.diadao-sdkcustomboilerplatemisterbooking .hsc-button-not-available-sticky:hover::after, html:not(.touchevents) html body.diadao-sdkcustomboilerplatemisterbooking .hsc-button-not-available-sticky:focus-visible::after,
html:not(.touchevents) html body.diadao-sdkcustomboilerplatemisterbooking .hsc-button-panel-book:hover::after,
html:not(.touchevents) html body.diadao-sdkcustomboilerplatemisterbooking .hsc-button-panel-book:focus-visible::after,
html:not(.touchevents) html body.diadao-sdkcustomboilerplatemisterbooking .hsc-button-not-available-panel:hover::after,
html:not(.touchevents) html body.diadao-sdkcustomboilerplatemisterbooking .hsc-button-not-available-panel:focus-visible::after,
html:not(.touchevents) html body.diadao-sdkcustomboilerplatemisterbooking #diadao-qs-availabilities-snippet-close:hover::after,
html:not(.touchevents) html body.diadao-sdkcustomboilerplatemisterbooking #diadao-qs-availabilities-snippet-close:focus-visible::after,
html:not(.touchevents) html body.diadao-sdkcustomboilerplatemisterbooking #diadao-qs-snippet-close:hover::after,
html:not(.touchevents) html body.diadao-sdkcustomboilerplatemisterbooking #diadao-qs-snippet-close:focus-visible::after,
html:not(.touchevents) html body.diadao-sdkcustomboilerplate .hsc-button-not-available-sticky:hover::after,
html:not(.touchevents) html body.diadao-sdkcustomboilerplate .hsc-button-not-available-sticky:focus-visible::after,
html:not(.touchevents) html body.diadao-sdkcustomboilerplate .hsc-button-panel-book:hover::after,
html:not(.touchevents) html body.diadao-sdkcustomboilerplate .hsc-button-panel-book:focus-visible::after,
html:not(.touchevents) html body.diadao-sdkcustomboilerplate .hsc-button-not-available-panel:hover::after,
html:not(.touchevents) html body.diadao-sdkcustomboilerplate .hsc-button-not-available-panel:focus-visible::after,
html:not(.touchevents) html body.diadao-sdkcustomboilerplate #diadao-qs-availabilities-snippet-close:hover::after,
html:not(.touchevents) html body.diadao-sdkcustomboilerplate #diadao-qs-availabilities-snippet-close:focus-visible::after,
html:not(.touchevents) html body.diadao-sdkcustomboilerplate #diadao-qs-snippet-close:hover::after,
html:not(.touchevents) html body.diadao-sdkcustomboilerplate #diadao-qs-snippet-close:focus-visible::after {
  right: 16px;
  opacity: 1;
  transition: right 0.3s ease-out, opacity 0.1s;
}
html:not(.touchevents) html body.diadao-sdkcustomboilerplatemisterbooking .hsc-button-not-available-sticky:hover span, html:not(.touchevents) html body.diadao-sdkcustomboilerplatemisterbooking .hsc-button-not-available-sticky:focus-visible span,
html:not(.touchevents) html body.diadao-sdkcustomboilerplatemisterbooking .hsc-button-panel-book:hover span,
html:not(.touchevents) html body.diadao-sdkcustomboilerplatemisterbooking .hsc-button-panel-book:focus-visible span,
html:not(.touchevents) html body.diadao-sdkcustomboilerplatemisterbooking .hsc-button-not-available-panel:hover span,
html:not(.touchevents) html body.diadao-sdkcustomboilerplatemisterbooking .hsc-button-not-available-panel:focus-visible span,
html:not(.touchevents) html body.diadao-sdkcustomboilerplatemisterbooking #diadao-qs-availabilities-snippet-close:hover span,
html:not(.touchevents) html body.diadao-sdkcustomboilerplatemisterbooking #diadao-qs-availabilities-snippet-close:focus-visible span,
html:not(.touchevents) html body.diadao-sdkcustomboilerplatemisterbooking #diadao-qs-snippet-close:hover span,
html:not(.touchevents) html body.diadao-sdkcustomboilerplatemisterbooking #diadao-qs-snippet-close:focus-visible span,
html:not(.touchevents) html body.diadao-sdkcustomboilerplate .hsc-button-not-available-sticky:hover span,
html:not(.touchevents) html body.diadao-sdkcustomboilerplate .hsc-button-not-available-sticky:focus-visible span,
html:not(.touchevents) html body.diadao-sdkcustomboilerplate .hsc-button-panel-book:hover span,
html:not(.touchevents) html body.diadao-sdkcustomboilerplate .hsc-button-panel-book:focus-visible span,
html:not(.touchevents) html body.diadao-sdkcustomboilerplate .hsc-button-not-available-panel:hover span,
html:not(.touchevents) html body.diadao-sdkcustomboilerplate .hsc-button-not-available-panel:focus-visible span,
html:not(.touchevents) html body.diadao-sdkcustomboilerplate #diadao-qs-availabilities-snippet-close:hover span,
html:not(.touchevents) html body.diadao-sdkcustomboilerplate #diadao-qs-availabilities-snippet-close:focus-visible span,
html:not(.touchevents) html body.diadao-sdkcustomboilerplate #diadao-qs-snippet-close:hover span,
html:not(.touchevents) html body.diadao-sdkcustomboilerplate #diadao-qs-snippet-close:focus-visible span {
  padding: 0px 20px 0px 0px;
}
@media only screen and (min-width: 992px) {
  html:not(.touchevents) html body.diadao-sdkcustomboilerplatemisterbooking .hsc-button-not-available-sticky:hover::before, html:not(.touchevents) html body.diadao-sdkcustomboilerplatemisterbooking .hsc-button-not-available-sticky:focus-visible::before,
  html:not(.touchevents) html body.diadao-sdkcustomboilerplatemisterbooking .hsc-button-panel-book:hover::before,
  html:not(.touchevents) html body.diadao-sdkcustomboilerplatemisterbooking .hsc-button-panel-book:focus-visible::before,
  html:not(.touchevents) html body.diadao-sdkcustomboilerplatemisterbooking .hsc-button-not-available-panel:hover::before,
  html:not(.touchevents) html body.diadao-sdkcustomboilerplatemisterbooking .hsc-button-not-available-panel:focus-visible::before,
  html:not(.touchevents) html body.diadao-sdkcustomboilerplatemisterbooking #diadao-qs-availabilities-snippet-close:hover::before,
  html:not(.touchevents) html body.diadao-sdkcustomboilerplatemisterbooking #diadao-qs-availabilities-snippet-close:focus-visible::before,
  html:not(.touchevents) html body.diadao-sdkcustomboilerplatemisterbooking #diadao-qs-snippet-close:hover::before,
  html:not(.touchevents) html body.diadao-sdkcustomboilerplatemisterbooking #diadao-qs-snippet-close:focus-visible::before,
  html:not(.touchevents) html body.diadao-sdkcustomboilerplate .hsc-button-not-available-sticky:hover::before,
  html:not(.touchevents) html body.diadao-sdkcustomboilerplate .hsc-button-not-available-sticky:focus-visible::before,
  html:not(.touchevents) html body.diadao-sdkcustomboilerplate .hsc-button-panel-book:hover::before,
  html:not(.touchevents) html body.diadao-sdkcustomboilerplate .hsc-button-panel-book:focus-visible::before,
  html:not(.touchevents) html body.diadao-sdkcustomboilerplate .hsc-button-not-available-panel:hover::before,
  html:not(.touchevents) html body.diadao-sdkcustomboilerplate .hsc-button-not-available-panel:focus-visible::before,
  html:not(.touchevents) html body.diadao-sdkcustomboilerplate #diadao-qs-availabilities-snippet-close:hover::before,
  html:not(.touchevents) html body.diadao-sdkcustomboilerplate #diadao-qs-availabilities-snippet-close:focus-visible::before,
  html:not(.touchevents) html body.diadao-sdkcustomboilerplate #diadao-qs-snippet-close:hover::before,
  html:not(.touchevents) html body.diadao-sdkcustomboilerplate #diadao-qs-snippet-close:focus-visible::before {
    left: -30px;
  }
  html:not(.touchevents) html body.diadao-sdkcustomboilerplatemisterbooking .hsc-button-not-available-sticky:hover::after, html:not(.touchevents) html body.diadao-sdkcustomboilerplatemisterbooking .hsc-button-not-available-sticky:focus-visible::after,
  html:not(.touchevents) html body.diadao-sdkcustomboilerplatemisterbooking .hsc-button-panel-book:hover::after,
  html:not(.touchevents) html body.diadao-sdkcustomboilerplatemisterbooking .hsc-button-panel-book:focus-visible::after,
  html:not(.touchevents) html body.diadao-sdkcustomboilerplatemisterbooking .hsc-button-not-available-panel:hover::after,
  html:not(.touchevents) html body.diadao-sdkcustomboilerplatemisterbooking .hsc-button-not-available-panel:focus-visible::after,
  html:not(.touchevents) html body.diadao-sdkcustomboilerplatemisterbooking #diadao-qs-availabilities-snippet-close:hover::after,
  html:not(.touchevents) html body.diadao-sdkcustomboilerplatemisterbooking #diadao-qs-availabilities-snippet-close:focus-visible::after,
  html:not(.touchevents) html body.diadao-sdkcustomboilerplatemisterbooking #diadao-qs-snippet-close:hover::after,
  html:not(.touchevents) html body.diadao-sdkcustomboilerplatemisterbooking #diadao-qs-snippet-close:focus-visible::after,
  html:not(.touchevents) html body.diadao-sdkcustomboilerplate .hsc-button-not-available-sticky:hover::after,
  html:not(.touchevents) html body.diadao-sdkcustomboilerplate .hsc-button-not-available-sticky:focus-visible::after,
  html:not(.touchevents) html body.diadao-sdkcustomboilerplate .hsc-button-panel-book:hover::after,
  html:not(.touchevents) html body.diadao-sdkcustomboilerplate .hsc-button-panel-book:focus-visible::after,
  html:not(.touchevents) html body.diadao-sdkcustomboilerplate .hsc-button-not-available-panel:hover::after,
  html:not(.touchevents) html body.diadao-sdkcustomboilerplate .hsc-button-not-available-panel:focus-visible::after,
  html:not(.touchevents) html body.diadao-sdkcustomboilerplate #diadao-qs-availabilities-snippet-close:hover::after,
  html:not(.touchevents) html body.diadao-sdkcustomboilerplate #diadao-qs-availabilities-snippet-close:focus-visible::after,
  html:not(.touchevents) html body.diadao-sdkcustomboilerplate #diadao-qs-snippet-close:hover::after,
  html:not(.touchevents) html body.diadao-sdkcustomboilerplate #diadao-qs-snippet-close:focus-visible::after {
    right: 26px;
  }
}
html body.diadao-sdkcustomboilerplatemisterbooking .hsc-button-panel-book,
html body.diadao-sdkcustomboilerplatemisterbooking #diadao-qs-availabilities-snippet-close,
html body.diadao-sdkcustomboilerplatemisterbooking #diadao-qs-snippet-close,
html body.diadao-sdkcustomboilerplate .hsc-button-panel-book,
html body.diadao-sdkcustomboilerplate #diadao-qs-availabilities-snippet-close,
html body.diadao-sdkcustomboilerplate #diadao-qs-snippet-close {
  min-width: var(--diadao-hsc-booking-button-book-width) !important;
  height: 48px !important;
}
@media only screen and (min-width: 992px) {
  html body.diadao-sdkcustomboilerplatemisterbooking .hsc-button-panel-book,
  html body.diadao-sdkcustomboilerplatemisterbooking #diadao-qs-availabilities-snippet-close,
  html body.diadao-sdkcustomboilerplatemisterbooking #diadao-qs-snippet-close,
  html body.diadao-sdkcustomboilerplate .hsc-button-panel-book,
  html body.diadao-sdkcustomboilerplate #diadao-qs-availabilities-snippet-close,
  html body.diadao-sdkcustomboilerplate #diadao-qs-snippet-close {
    height: 48px !important;
  }
}
html body.diadao-sdkcustomboilerplatemisterbooking .hsc-button-not-available-panel,
html body.diadao-sdkcustomboilerplate .hsc-button-not-available-panel {
  text-align: center;
}
html body.diadao-sdkcustomboilerplatemisterbooking #diadao-qs-availabilities-snippet-booking,
html body.diadao-sdkcustomboilerplatemisterbooking #diadao-qs-snippet-booking,
html body.diadao-sdkcustomboilerplate #diadao-qs-availabilities-snippet-booking,
html body.diadao-sdkcustomboilerplate #diadao-qs-snippet-booking {
  transform: translateX(-100%);
  overflow: clip;
  transition: all 0.4s ease-in-out;
  opacity: 0;
  visibility: hidden;
}
@media only screen and (max-width: 991px) {
  html body.diadao-sdkcustomboilerplatemisterbooking #diadao-qs-availabilities-snippet-booking,
  html body.diadao-sdkcustomboilerplatemisterbooking #diadao-qs-snippet-booking,
  html body.diadao-sdkcustomboilerplate #diadao-qs-availabilities-snippet-booking,
  html body.diadao-sdkcustomboilerplate #diadao-qs-snippet-booking {
    max-width: 100%;
  }
}
html body.diadao-sdkcustomboilerplatemisterbooking #diadao-qs-availabilities-snippet-booking.opened,
html body.diadao-sdkcustomboilerplatemisterbooking #diadao-qs-snippet-booking.opened,
html body.diadao-sdkcustomboilerplate #diadao-qs-availabilities-snippet-booking.opened,
html body.diadao-sdkcustomboilerplate #diadao-qs-snippet-booking.opened {
  transform: translateX(0%);
  opacity: 1;
  visibility: visible;
}
html body.diadao-sdkcustomboilerplatemisterbooking #diadao-qs-availabilities-snippet-booking .hsc-popup-list i svg path,
html body.diadao-sdkcustomboilerplatemisterbooking #diadao-qs-snippet-booking .hsc-popup-list i svg path,
html body.diadao-sdkcustomboilerplate #diadao-qs-availabilities-snippet-booking .hsc-popup-list i svg path,
html body.diadao-sdkcustomboilerplate #diadao-qs-snippet-booking .hsc-popup-list i svg path {
  fill: #555F42;
}
html body.diadao-sdkcustomboilerplatemisterbooking #diadao-qs-availabilities-snippet-booking #diadao-qs-snippet-close,
html body.diadao-sdkcustomboilerplatemisterbooking #diadao-qs-snippet-booking #diadao-qs-snippet-close,
html body.diadao-sdkcustomboilerplate #diadao-qs-availabilities-snippet-booking #diadao-qs-snippet-close,
html body.diadao-sdkcustomboilerplate #diadao-qs-snippet-booking #diadao-qs-snippet-close {
  top: inherit;
  right: inherit;
}
@media only screen and (min-width: 992px) {
  html body.diadao-sdkcustomboilerplatemisterbooking .qs-react[data-diadao-widget=booking_hsc] .diadao-qs .diadao-qs__rate,
  html body.diadao-sdkcustomboilerplate .qs-react[data-diadao-widget=booking_hsc] .diadao-qs .diadao-qs__rate {
    padding-left: var(--diadao-hsc-booking-input-adult-padding-left) !important;
  }
}
html body.diadao-sdkcustomboilerplatemisterbooking .qs-react[data-diadao-widget=booking_hsc] .diadao-qs .diadao-best-rate-snippet,
html body.diadao-sdkcustomboilerplate .qs-react[data-diadao-widget=booking_hsc] .diadao-qs .diadao-best-rate-snippet {
  cursor: pointer;
}
html body.diadao-sdkcustomboilerplatemisterbooking .qs-react[data-diadao-widget=booking_hsc] .diadao-qs .diadao-best-rate-snippet .hsc-best-price-title,
html body.diadao-sdkcustomboilerplatemisterbooking .qs-react[data-diadao-widget=booking_hsc] .diadao-qs .diadao-best-rate-snippet .best-rate--official,
html body.diadao-sdkcustomboilerplate .qs-react[data-diadao-widget=booking_hsc] .diadao-qs .diadao-best-rate-snippet .hsc-best-price-title,
html body.diadao-sdkcustomboilerplate .qs-react[data-diadao-widget=booking_hsc] .diadao-qs .diadao-best-rate-snippet .best-rate--official {
  pointer-events: none;
}
@media only screen and (min-width: 992px) {
  html body.diadao-sdkcustomboilerplatemisterbooking .qs-react[data-diadao-widget=booking_hsc] .diadao-qs .diadao-qs__rate--no-availabilities,
  html body.diadao-sdkcustomboilerplate .qs-react[data-diadao-widget=booking_hsc] .diadao-qs .diadao-qs__rate--no-availabilities {
    padding-left: 0 !important;
  }
}
html body.diadao-sdkcustomboilerplatemisterbooking .qs-react[data-diadao-widget=booking_hsc] .diadao-qs .diadao-qs__book > span,
html body.diadao-sdkcustomboilerplate .qs-react[data-diadao-widget=booking_hsc] .diadao-qs .diadao-qs__book > span {
  text-align: left;
}
html body.diadao-sdkcustomboilerplatemisterbooking .qs-react[data-diadao-widget^=best_price] .diadao-qs .diadao-qs__rate,
html body.diadao-sdkcustomboilerplate .qs-react[data-diadao-widget^=best_price] .diadao-qs .diadao-qs__rate {
  min-height: var(--diadao-hsc-loader-size);
}
html body.diadao-sdkcustomboilerplatemisterbooking .qs-react[data-diadao-widget^=best_price] .diadao-qs .diadao-qs__rate .wrapper,
html body.diadao-sdkcustomboilerplate .qs-react[data-diadao-widget^=best_price] .diadao-qs .diadao-qs__rate .wrapper {
  display: flex;
  align-items: flex-end;
}
html body.diadao-sdkcustomboilerplatemisterbooking .qs-react[data-diadao-widget^=best_price] .diadao-qs.loading .rate-loading,
html body.diadao-sdkcustomboilerplate .qs-react[data-diadao-widget^=best_price] .diadao-qs.loading .rate-loading {
  margin-left: 0;
}
html body.diadao-sdkcustomboilerplatemisterbooking .qs-react[data-diadao-widget^=best_price] .diadao-qs.not-available .diadao-qs__rate,
html body.diadao-sdkcustomboilerplate .qs-react[data-diadao-widget^=best_price] .diadao-qs.not-available .diadao-qs__rate {
  min-height: auto;
}
html body.diadao-sdkcustomboilerplatemisterbooking .qs-react[data-diadao-widget^=best_price] .diadao-qs.not-available .diadao-qs__rate .not-available-message,
html body.diadao-sdkcustomboilerplate .qs-react[data-diadao-widget^=best_price] .diadao-qs.not-available .diadao-qs__rate .not-available-message {
  font-size: 18px;
  color: var(--diadao-hsc-bestprice-color);
}
@media only screen and (min-width: 992px) {
  html body.diadao-sdkcustomboilerplatemisterbooking .qs-react[data-diadao-widget^=best_price] .diadao-qs.not-available .diadao-qs__rate .not-available-message,
  html body.diadao-sdkcustomboilerplate .qs-react[data-diadao-widget^=best_price] .diadao-qs.not-available .diadao-qs__rate .not-available-message {
    font-size: 24px;
  }
}
html body.diadao-sdkcustomboilerplatemisterbooking .module-hsc-room-detail,
html body.diadao-sdkcustomboilerplate .module-hsc-room-detail {
  display: none;
  visibility: hidden;
  opacity: 0;
  height: 0px;
  width: 0px;
  position: absolute;
  left: 9999px;
  overflow: hidden;
}
html body.diadao-sdkcustomboilerplatemisterbooking.device-desktop .qs-react[data-diadao-widget=rooms_list_single_hsc] .diadao-qs .diadao-qs__rate.diadao-qs__rate--book-price .wrapper,
html body.diadao-sdkcustomboilerplate.device-desktop .qs-react[data-diadao-widget=rooms_list_single_hsc] .diadao-qs .diadao-qs__rate.diadao-qs__rate--book-price .wrapper {
  display: flex;
  width: 100%;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: center;
  margin-bottom: 20px;
  margin-top: 20px;
}
html body.diadao-sdkcustomboilerplatemisterbooking.device-desktop .qs-react[data-diadao-widget=rooms_list_single_hsc] .diadao-qs .diadao-qs__rate.diadao-qs__rate--book-price .wrapper .best-rate.rate.rate--official.available,
html body.diadao-sdkcustomboilerplatemisterbooking.device-desktop .qs-react[data-diadao-widget=rooms_list_single_hsc] .diadao-qs .diadao-qs__rate.diadao-qs__rate--book-price .wrapper .diadao-best-rate-official-label-div,
html body.diadao-sdkcustomboilerplate.device-desktop .qs-react[data-diadao-widget=rooms_list_single_hsc] .diadao-qs .diadao-qs__rate.diadao-qs__rate--book-price .wrapper .best-rate.rate.rate--official.available,
html body.diadao-sdkcustomboilerplate.device-desktop .qs-react[data-diadao-widget=rooms_list_single_hsc] .diadao-qs .diadao-qs__rate.diadao-qs__rate--book-price .wrapper .diadao-best-rate-official-label-div {
  width: 50%;
  display: inline-block;
}
html body.diadao-sdkcustomboilerplatemisterbooking.device-desktop .qs-react[data-diadao-widget=rooms_list_single_hsc] .diadao-qs .diadao-qs__rate.diadao-qs__rate--book-price .wrapper .diadao-best-rate-official-label-div,
html body.diadao-sdkcustomboilerplate.device-desktop .qs-react[data-diadao-widget=rooms_list_single_hsc] .diadao-qs .diadao-qs__rate.diadao-qs__rate--book-price .wrapper .diadao-best-rate-official-label-div {
  text-align: left;
}
html body.diadao-sdkcustomboilerplatemisterbooking.device-desktop .qs-react[data-diadao-widget=rooms_list_single_hsc] .diadao-qs .diadao-qs__rate.diadao-qs__rate--book-price .wrapper .diadao-best-rate-official-label-div > span.diadao-best-rate-official-label-text,
html body.diadao-sdkcustomboilerplate.device-desktop .qs-react[data-diadao-widget=rooms_list_single_hsc] .diadao-qs .diadao-qs__rate.diadao-qs__rate--book-price .wrapper .diadao-best-rate-official-label-div > span.diadao-best-rate-official-label-text {
  font-size: 26px;
  line-height: var(--diadao-hsc-booking-bestprice-title-line-height);
  font-weight: var(--diadao-hsc-booking-bestprice-title-font-weight);
  text-transform: var(--diadao-hsc-booking-bestprice-title-text-transform);
  font-family: var(--diadao-hsc-booking-bestprice-title-font-family);
  letter-spacing: var(--diadao-hsc-booking-bestprice-title-letter-spacing);
  color: #555F42;
}
html body.diadao-sdkcustomboilerplatemisterbooking.device-desktop .qs-react[data-diadao-widget=rooms_list_single_hsc] .diadao-qs .diadao-qs__rate.diadao-qs__rate--book-price .wrapper .best-rate.rate.rate--official.available,
html body.diadao-sdkcustomboilerplate.device-desktop .qs-react[data-diadao-widget=rooms_list_single_hsc] .diadao-qs .diadao-qs__rate.diadao-qs__rate--book-price .wrapper .best-rate.rate.rate--official.available {
  text-align: right;
  color: #555F42;
  font-weight: var(--diadao-hsc-booking-price-value-font-weight);
  font-family: var(--diadao-hsc-booking-price-value-font-family);
  font-size: 26px;
  letter-spacing: var(--diadao-hsc-booking-price-value-letter-spacing);
}
html body.diadao-sdkcustomboilerplatemisterbooking.device-desktop .qs-react[data-diadao-widget=rooms_list_single_hsc] .diadao-qs .diadao-qs__book .hsc-button-sticky-book,
html body.diadao-sdkcustomboilerplate.device-desktop .qs-react[data-diadao-widget=rooms_list_single_hsc] .diadao-qs .diadao-qs__book .hsc-button-sticky-book {
  transition: background 0.3s ease-in-out;
  background-color: #555F42;
  width: 100%;
  min-width: auto;
  padding-left: 30px;
  padding-right: 30px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  text-transform: uppercase;
  box-sizing: border-box;
  border-radius: 4px;
  color: #ffffff !important;
  height: 48px;
  font-weight: 600;
}
html body.diadao-sdkcustomboilerplatemisterbooking.device-desktop .qs-react[data-diadao-widget=rooms_list_single_hsc] .diadao-qs .diadao-qs__book .hsc-button-sticky-book:hover,
html body.diadao-sdkcustomboilerplate.device-desktop .qs-react[data-diadao-widget=rooms_list_single_hsc] .diadao-qs .diadao-qs__book .hsc-button-sticky-book:hover {
  background-color: #3a412d;
}
html body.diadao-sdkcustomboilerplatemisterbooking.device-desktop #diadao-hdp-bar .inner-hdp .hdp-columns,
html body.diadao-sdkcustomboilerplate.device-desktop #diadao-hdp-bar .inner-hdp .hdp-columns {
  align-items: center;
}
html body.diadao-sdkcustomboilerplatemisterbooking.device-desktop #diadao-hdp-bar.has-text-column .hdp-column-text,
html body.diadao-sdkcustomboilerplate.device-desktop #diadao-hdp-bar.has-text-column .hdp-column-text {
  display: none !important;
}
html body.diadao-sdkcustomboilerplatemisterbooking.device-desktop #diadao-hdp-bar.has-text-column .hdp-column-text .inner.has-picto,
html body.diadao-sdkcustomboilerplate.device-desktop #diadao-hdp-bar.has-text-column .hdp-column-text .inner.has-picto {
  margin-bottom: 40px !important;
}
html body.diadao-sdkcustomboilerplatemisterbooking.device-desktop #diadao-hdp-bar.has-text-column .hdp-column-widget,
html body.diadao-sdkcustomboilerplate.device-desktop #diadao-hdp-bar.has-text-column .hdp-column-widget {
  max-width: 880px !important;
}
@media only screen and (min-width: 1440px) {
  html body.diadao-sdkcustomboilerplatemisterbooking.device-desktop .qs-react[data-diadao-widget=rooms_list_hsc] .diadao-qs .diadao-qs__input-range,
  html body.diadao-sdkcustomboilerplate.device-desktop .qs-react[data-diadao-widget=rooms_list_hsc] .diadao-qs .diadao-qs__input-range {
    max-width: 440px !important;
  }
}
@media only screen and (min-width: 1440px) {
  html body.diadao-sdkcustomboilerplatemisterbooking.device-desktop .qs-react[data-diadao-widget=rooms_list_hsc] .diadao-qs .diadao-qs__select.diadao-qs__select-custom,
  html body.diadao-sdkcustomboilerplate.device-desktop .qs-react[data-diadao-widget=rooms_list_hsc] .diadao-qs .diadao-qs__select.diadao-qs__select-custom {
    max-width: 220px !important;
  }
}
html body.diadao-sdkcustomboilerplatemisterbooking.device-responsive .diadao-hdp-bar-room[data-mode=sticky].opened.is-fullmode,
html body.diadao-sdkcustomboilerplate.device-responsive .diadao-hdp-bar-room[data-mode=sticky].opened.is-fullmode {
  background-color: transparent !important;
  height: 100vh !important;
  display: flex !important;
  align-items: flex-end !important;
}
html body.diadao-sdkcustomboilerplatemisterbooking.device-responsive #diadao-hdp-bar-mobile .inner-hdp,
html body.diadao-sdkcustomboilerplate.device-responsive #diadao-hdp-bar-mobile .inner-hdp {
  background-color: transparent;
}
html body.diadao-sdkcustomboilerplatemisterbooking.device-responsive .diadao-hdp-bar-room .inner-hdp .diadao-hdp-mobile-container.opened,
html body.diadao-sdkcustomboilerplate.device-responsive .diadao-hdp-bar-room .inner-hdp .diadao-hdp-mobile-container.opened {
  padding-top: 40px !important;
  border-top-right-radius: 8px !important;
  border-top-left-radius: 8px !important;
}
html body.diadao-sdkcustomboilerplatemisterbooking.device-responsive #diadao-hdp-bar-mobile .diadao-hdp-mobile-container,
html body.diadao-sdkcustomboilerplatemisterbooking.device-responsive .diadao-hdp-bar-room .diadao-hdp-mobile-container,
html body.diadao-sdkcustomboilerplate.device-responsive #diadao-hdp-bar-mobile .diadao-hdp-mobile-container,
html body.diadao-sdkcustomboilerplate.device-responsive .diadao-hdp-bar-room .diadao-hdp-mobile-container {
  background-color: #ffffff;
}
html body.diadao-sdkcustomboilerplatemisterbooking.device-responsive #diadao-hdp-bar-mobile .inner-hdp,
html body.diadao-sdkcustomboilerplatemisterbooking.device-responsive .diadao-hdp-bar-room .inner-hdp,
html body.diadao-sdkcustomboilerplate.device-responsive #diadao-hdp-bar-mobile .inner-hdp,
html body.diadao-sdkcustomboilerplate.device-responsive .diadao-hdp-bar-room .inner-hdp {
  align-items: center;
}
html body.diadao-sdkcustomboilerplatemisterbooking.device-responsive #diadao-hdp-bar-mobile .inner-hdp > a.diadao-button-hdp-mobile,
html body.diadao-sdkcustomboilerplatemisterbooking.device-responsive .diadao-hdp-bar-room .inner-hdp > a.diadao-button-hdp-mobile,
html body.diadao-sdkcustomboilerplate.device-responsive #diadao-hdp-bar-mobile .inner-hdp > a.diadao-button-hdp-mobile,
html body.diadao-sdkcustomboilerplate.device-responsive .diadao-hdp-bar-room .inner-hdp > a.diadao-button-hdp-mobile {
  color: #555F42;
  padding-right: 20px;
  padding-left: 20px;
  text-align: center;
  line-height: 1;
  font-weight: 600;
}
html body.diadao-sdkcustomboilerplatemisterbooking.device-responsive #diadao-hdp-bar-mobile .inner-hdp > a.diadao-button-hdp-mobile span,
html body.diadao-sdkcustomboilerplatemisterbooking.device-responsive .diadao-hdp-bar-room .inner-hdp > a.diadao-button-hdp-mobile span,
html body.diadao-sdkcustomboilerplate.device-responsive #diadao-hdp-bar-mobile .inner-hdp > a.diadao-button-hdp-mobile span,
html body.diadao-sdkcustomboilerplate.device-responsive .diadao-hdp-bar-room .inner-hdp > a.diadao-button-hdp-mobile span {
  text-transform: none;
  font-size: 16px;
  line-height: 1;
  font-weight: 600;
}
html body.diadao-sdkcustomboilerplatemisterbooking.device-responsive #diadao-hdp-bar-mobile .inner-hdp > a.diadao-button-hdp-mobile i,
html body.diadao-sdkcustomboilerplatemisterbooking.device-responsive .diadao-hdp-bar-room .inner-hdp > a.diadao-button-hdp-mobile i,
html body.diadao-sdkcustomboilerplate.device-responsive #diadao-hdp-bar-mobile .inner-hdp > a.diadao-button-hdp-mobile i,
html body.diadao-sdkcustomboilerplate.device-responsive .diadao-hdp-bar-room .inner-hdp > a.diadao-button-hdp-mobile i {
  display: none !important;
}
html body.diadao-sdkcustomboilerplatemisterbooking.device-responsive #diadao-hdp-bar-mobile .inner-hdp > a.diadao-button-hdp-mobile.hsc-button-sticky-rooms-open,
html body.diadao-sdkcustomboilerplatemisterbooking.device-responsive .diadao-hdp-bar-room .inner-hdp > a.diadao-button-hdp-mobile.hsc-button-sticky-rooms-open,
html body.diadao-sdkcustomboilerplate.device-responsive #diadao-hdp-bar-mobile .inner-hdp > a.diadao-button-hdp-mobile.hsc-button-sticky-rooms-open,
html body.diadao-sdkcustomboilerplate.device-responsive .diadao-hdp-bar-room .inner-hdp > a.diadao-button-hdp-mobile.hsc-button-sticky-rooms-open {
  display: flex !important;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  width: 90%;
  max-width: 260px;
  min-width: auto;
  min-height: 48px;
  margin: 0 auto 16px;
  padding: 5px 30px;
  border-radius: 24px;
  background-color: #555F42;
  color: #ffffff;
  transition: background-color 0.25s ease-in-out;
}
html body.diadao-sdkcustomboilerplatemisterbooking.device-responsive #diadao-hdp-bar-mobile .inner-hdp > a.diadao-button-hdp-mobile.hsc-button-sticky-rooms-open span,
html body.diadao-sdkcustomboilerplatemisterbooking.device-responsive .diadao-hdp-bar-room .inner-hdp > a.diadao-button-hdp-mobile.hsc-button-sticky-rooms-open span,
html body.diadao-sdkcustomboilerplate.device-responsive #diadao-hdp-bar-mobile .inner-hdp > a.diadao-button-hdp-mobile.hsc-button-sticky-rooms-open span,
html body.diadao-sdkcustomboilerplate.device-responsive .diadao-hdp-bar-room .inner-hdp > a.diadao-button-hdp-mobile.hsc-button-sticky-rooms-open span {
  color: #ffffff;
  font-family: "Anek Latin", Arial, sans-serif;
  font-size: 12px;
  font-weight: 600;
  line-height: 1;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}
html:not(.touchevents) html body.diadao-sdkcustomboilerplatemisterbooking.device-responsive #diadao-hdp-bar-mobile .inner-hdp > a.diadao-button-hdp-mobile.hsc-button-sticky-rooms-open:hover, html:not(.touchevents) html body.diadao-sdkcustomboilerplatemisterbooking.device-responsive #diadao-hdp-bar-mobile .inner-hdp > a.diadao-button-hdp-mobile.hsc-button-sticky-rooms-open:focus-visible,
html:not(.touchevents) html body.diadao-sdkcustomboilerplatemisterbooking.device-responsive .diadao-hdp-bar-room .inner-hdp > a.diadao-button-hdp-mobile.hsc-button-sticky-rooms-open:hover,
html:not(.touchevents) html body.diadao-sdkcustomboilerplatemisterbooking.device-responsive .diadao-hdp-bar-room .inner-hdp > a.diadao-button-hdp-mobile.hsc-button-sticky-rooms-open:focus-visible,
html:not(.touchevents) html body.diadao-sdkcustomboilerplate.device-responsive #diadao-hdp-bar-mobile .inner-hdp > a.diadao-button-hdp-mobile.hsc-button-sticky-rooms-open:hover,
html:not(.touchevents) html body.diadao-sdkcustomboilerplate.device-responsive #diadao-hdp-bar-mobile .inner-hdp > a.diadao-button-hdp-mobile.hsc-button-sticky-rooms-open:focus-visible,
html:not(.touchevents) html body.diadao-sdkcustomboilerplate.device-responsive .diadao-hdp-bar-room .inner-hdp > a.diadao-button-hdp-mobile.hsc-button-sticky-rooms-open:hover,
html:not(.touchevents) html body.diadao-sdkcustomboilerplate.device-responsive .diadao-hdp-bar-room .inner-hdp > a.diadao-button-hdp-mobile.hsc-button-sticky-rooms-open:focus-visible {
  background-color: #3a412d;
}
html body.diadao-sdkcustomboilerplatemisterbooking.device-responsive #diadao-hdp-bar-mobile.is-fullmode .inner-hdp > a.diadao-button-hdp-mobile.hsc-button-sticky-rooms-open.hsc-sticky-submit,
html body.diadao-sdkcustomboilerplatemisterbooking.device-responsive .diadao-hdp-bar-room.is-fullmode .inner-hdp > a.diadao-button-hdp-mobile.hsc-button-sticky-rooms-open.hsc-sticky-submit,
html body.diadao-sdkcustomboilerplate.device-responsive #diadao-hdp-bar-mobile.is-fullmode .inner-hdp > a.diadao-button-hdp-mobile.hsc-button-sticky-rooms-open.hsc-sticky-submit,
html body.diadao-sdkcustomboilerplate.device-responsive .diadao-hdp-bar-room.is-fullmode .inner-hdp > a.diadao-button-hdp-mobile.hsc-button-sticky-rooms-open.hsc-sticky-submit {
  width: calc(100% - 32px);
  max-width: none;
  margin-top: 0;
  margin-bottom: 16px;
  border-radius: 24px;
}
html body.diadao-sdkcustomboilerplatemisterbooking.device-responsive.diadao-rooms-sticky-opened #diadao-hdp-bar-mobile:not(.sticked) .inner-hdp, html body.diadao-sdkcustomboilerplatemisterbooking.device-responsive.diadao-rooms-sticky-opened #diadao-hdp-bar-mobile.sticked .inner-hdp,
html body.diadao-sdkcustomboilerplatemisterbooking.device-responsive.diadao-rooms-sticky-opened .diadao-hdp-bar-room:not(.sticked) .inner-hdp,
html body.diadao-sdkcustomboilerplatemisterbooking.device-responsive.diadao-rooms-sticky-opened .diadao-hdp-bar-room.sticked .inner-hdp, html body.diadao-sdkcustomboilerplatemisterbooking.device-responsive.diadao-room-sticky-opened #diadao-hdp-bar-mobile:not(.sticked) .inner-hdp, html body.diadao-sdkcustomboilerplatemisterbooking.device-responsive.diadao-room-sticky-opened #diadao-hdp-bar-mobile.sticked .inner-hdp,
html body.diadao-sdkcustomboilerplatemisterbooking.device-responsive.diadao-room-sticky-opened .diadao-hdp-bar-room:not(.sticked) .inner-hdp,
html body.diadao-sdkcustomboilerplatemisterbooking.device-responsive.diadao-room-sticky-opened .diadao-hdp-bar-room.sticked .inner-hdp,
html body.diadao-sdkcustomboilerplate.device-responsive.diadao-rooms-sticky-opened #diadao-hdp-bar-mobile:not(.sticked) .inner-hdp,
html body.diadao-sdkcustomboilerplate.device-responsive.diadao-rooms-sticky-opened #diadao-hdp-bar-mobile.sticked .inner-hdp,
html body.diadao-sdkcustomboilerplate.device-responsive.diadao-rooms-sticky-opened .diadao-hdp-bar-room:not(.sticked) .inner-hdp,
html body.diadao-sdkcustomboilerplate.device-responsive.diadao-rooms-sticky-opened .diadao-hdp-bar-room.sticked .inner-hdp,
html body.diadao-sdkcustomboilerplate.device-responsive.diadao-room-sticky-opened #diadao-hdp-bar-mobile:not(.sticked) .inner-hdp,
html body.diadao-sdkcustomboilerplate.device-responsive.diadao-room-sticky-opened #diadao-hdp-bar-mobile.sticked .inner-hdp,
html body.diadao-sdkcustomboilerplate.device-responsive.diadao-room-sticky-opened .diadao-hdp-bar-room:not(.sticked) .inner-hdp,
html body.diadao-sdkcustomboilerplate.device-responsive.diadao-room-sticky-opened .diadao-hdp-bar-room.sticked .inner-hdp {
  background-color: #ffffff;
  position: relative;
  border-top-right-radius: 8px;
  border-top-left-radius: 8px;
}
html body.diadao-sdkcustomboilerplatemisterbooking.device-responsive.diadao-rooms-sticky-opened #diadao-hdp-bar-mobile:not(.sticked):not(.is-fullmode) .inner-hdp, html body.diadao-sdkcustomboilerplatemisterbooking.device-responsive.diadao-rooms-sticky-opened #diadao-hdp-bar-mobile.sticked:not(.is-fullmode) .inner-hdp,
html body.diadao-sdkcustomboilerplatemisterbooking.device-responsive.diadao-rooms-sticky-opened .diadao-hdp-bar-room:not(.sticked):not(.is-fullmode) .inner-hdp,
html body.diadao-sdkcustomboilerplatemisterbooking.device-responsive.diadao-rooms-sticky-opened .diadao-hdp-bar-room.sticked:not(.is-fullmode) .inner-hdp, html body.diadao-sdkcustomboilerplatemisterbooking.device-responsive.diadao-room-sticky-opened #diadao-hdp-bar-mobile:not(.sticked):not(.is-fullmode) .inner-hdp, html body.diadao-sdkcustomboilerplatemisterbooking.device-responsive.diadao-room-sticky-opened #diadao-hdp-bar-mobile.sticked:not(.is-fullmode) .inner-hdp,
html body.diadao-sdkcustomboilerplatemisterbooking.device-responsive.diadao-room-sticky-opened .diadao-hdp-bar-room:not(.sticked):not(.is-fullmode) .inner-hdp,
html body.diadao-sdkcustomboilerplatemisterbooking.device-responsive.diadao-room-sticky-opened .diadao-hdp-bar-room.sticked:not(.is-fullmode) .inner-hdp,
html body.diadao-sdkcustomboilerplate.device-responsive.diadao-rooms-sticky-opened #diadao-hdp-bar-mobile:not(.sticked):not(.is-fullmode) .inner-hdp,
html body.diadao-sdkcustomboilerplate.device-responsive.diadao-rooms-sticky-opened #diadao-hdp-bar-mobile.sticked:not(.is-fullmode) .inner-hdp,
html body.diadao-sdkcustomboilerplate.device-responsive.diadao-rooms-sticky-opened .diadao-hdp-bar-room:not(.sticked):not(.is-fullmode) .inner-hdp,
html body.diadao-sdkcustomboilerplate.device-responsive.diadao-rooms-sticky-opened .diadao-hdp-bar-room.sticked:not(.is-fullmode) .inner-hdp,
html body.diadao-sdkcustomboilerplate.device-responsive.diadao-room-sticky-opened #diadao-hdp-bar-mobile:not(.sticked):not(.is-fullmode) .inner-hdp,
html body.diadao-sdkcustomboilerplate.device-responsive.diadao-room-sticky-opened #diadao-hdp-bar-mobile.sticked:not(.is-fullmode) .inner-hdp,
html body.diadao-sdkcustomboilerplate.device-responsive.diadao-room-sticky-opened .diadao-hdp-bar-room:not(.sticked):not(.is-fullmode) .inner-hdp,
html body.diadao-sdkcustomboilerplate.device-responsive.diadao-room-sticky-opened .diadao-hdp-bar-room.sticked:not(.is-fullmode) .inner-hdp {
  padding-top: 16px;
  padding-bottom: 16px;
}
html body.diadao-sdkcustomboilerplatemisterbooking.device-responsive.diadao-rooms-sticky-opened #diadao-hdp-bar-mobile:not(.sticked).is-fullmode .inner-hdp, html body.diadao-sdkcustomboilerplatemisterbooking.device-responsive.diadao-rooms-sticky-opened #diadao-hdp-bar-mobile.sticked.is-fullmode .inner-hdp,
html body.diadao-sdkcustomboilerplatemisterbooking.device-responsive.diadao-rooms-sticky-opened .diadao-hdp-bar-room:not(.sticked).is-fullmode .inner-hdp,
html body.diadao-sdkcustomboilerplatemisterbooking.device-responsive.diadao-rooms-sticky-opened .diadao-hdp-bar-room.sticked.is-fullmode .inner-hdp, html body.diadao-sdkcustomboilerplatemisterbooking.device-responsive.diadao-room-sticky-opened #diadao-hdp-bar-mobile:not(.sticked).is-fullmode .inner-hdp, html body.diadao-sdkcustomboilerplatemisterbooking.device-responsive.diadao-room-sticky-opened #diadao-hdp-bar-mobile.sticked.is-fullmode .inner-hdp,
html body.diadao-sdkcustomboilerplatemisterbooking.device-responsive.diadao-room-sticky-opened .diadao-hdp-bar-room:not(.sticked).is-fullmode .inner-hdp,
html body.diadao-sdkcustomboilerplatemisterbooking.device-responsive.diadao-room-sticky-opened .diadao-hdp-bar-room.sticked.is-fullmode .inner-hdp,
html body.diadao-sdkcustomboilerplate.device-responsive.diadao-rooms-sticky-opened #diadao-hdp-bar-mobile:not(.sticked).is-fullmode .inner-hdp,
html body.diadao-sdkcustomboilerplate.device-responsive.diadao-rooms-sticky-opened #diadao-hdp-bar-mobile.sticked.is-fullmode .inner-hdp,
html body.diadao-sdkcustomboilerplate.device-responsive.diadao-rooms-sticky-opened .diadao-hdp-bar-room:not(.sticked).is-fullmode .inner-hdp,
html body.diadao-sdkcustomboilerplate.device-responsive.diadao-rooms-sticky-opened .diadao-hdp-bar-room.sticked.is-fullmode .inner-hdp,
html body.diadao-sdkcustomboilerplate.device-responsive.diadao-room-sticky-opened #diadao-hdp-bar-mobile:not(.sticked).is-fullmode .inner-hdp,
html body.diadao-sdkcustomboilerplate.device-responsive.diadao-room-sticky-opened #diadao-hdp-bar-mobile.sticked.is-fullmode .inner-hdp,
html body.diadao-sdkcustomboilerplate.device-responsive.diadao-room-sticky-opened .diadao-hdp-bar-room:not(.sticked).is-fullmode .inner-hdp,
html body.diadao-sdkcustomboilerplate.device-responsive.diadao-room-sticky-opened .diadao-hdp-bar-room.sticked.is-fullmode .inner-hdp {
  padding-top: 0px;
  padding-bottom: 0px;
}
html body.diadao-sdkcustomboilerplatemisterbooking.device-responsive .qs-react[data-diadao-widget=rooms_list_single_hsc] .diadao-qs .diadao-qs__remainings,
html body.diadao-sdkcustomboilerplate.device-responsive .qs-react[data-diadao-widget=rooms_list_single_hsc] .diadao-qs .diadao-qs__remainings {
  bottom: 0px !important;
}
html body.diadao-sdkcustomboilerplatemisterbooking.device-responsive .qs-react[data-diadao-widget=rooms_list_single_hsc] .diadao-qs .diadao-qs__remainings .diadao-qs__remainings__texts .remainings .value,
html body.diadao-sdkcustomboilerplate.device-responsive .qs-react[data-diadao-widget=rooms_list_single_hsc] .diadao-qs .diadao-qs__remainings .diadao-qs__remainings__texts .remainings .value {
  font-size: 12px !important;
}
html body.diadao-sdkcustomboilerplatemisterbooking.device-responsive .qs-react[data-diadao-widget=rooms_list_single_hsc] .diadao-qs .best-rate-label,
html body.diadao-sdkcustomboilerplate.device-responsive .qs-react[data-diadao-widget=rooms_list_single_hsc] .diadao-qs .best-rate-label {
  color: #484F46;
}
html body.diadao-sdkcustomboilerplatemisterbooking.device-responsive #diadao-hdp-bar-mobile .inner-hdp a.hsc-button.hsc-button-sticky-rooms-exit,
html body.diadao-sdkcustomboilerplatemisterbooking.device-responsive .diadao-hdp-bar-room .inner-hdp a.hsc-button.hsc-button-sticky-rooms-exit,
html body.diadao-sdkcustomboilerplate.device-responsive #diadao-hdp-bar-mobile .inner-hdp a.hsc-button.hsc-button-sticky-rooms-exit,
html body.diadao-sdkcustomboilerplate.device-responsive .diadao-hdp-bar-room .inner-hdp a.hsc-button.hsc-button-sticky-rooms-exit {
  padding: 8px;
  background-color: transparent;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: 0;
  z-index: 5;
}
html body.diadao-sdkcustomboilerplatemisterbooking.device-responsive #diadao-hdp-bar-mobile .inner-hdp a.hsc-button.hsc-button-sticky-rooms-exit::before,
html body.diadao-sdkcustomboilerplatemisterbooking.device-responsive .diadao-hdp-bar-room .inner-hdp a.hsc-button.hsc-button-sticky-rooms-exit::before,
html body.diadao-sdkcustomboilerplate.device-responsive #diadao-hdp-bar-mobile .inner-hdp a.hsc-button.hsc-button-sticky-rooms-exit::before,
html body.diadao-sdkcustomboilerplate.device-responsive .diadao-hdp-bar-room .inner-hdp a.hsc-button.hsc-button-sticky-rooms-exit::before {
  content: "";
  background-color: #555F42;
  display: block;
  width: 16px;
  height: 16px;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: cover;
  mask-size: contain;
  -webkit-mask-image: url("../images/svg/icons/icon-chevron-down.svg");
  mask-image: url("../images/svg/icons/icon-chevron-down.svg");
  background-color: currentColor;
  pointer-events: none;
  transition: background-color 0.25s ease-in-out;
}
html body.diadao-sdkcustomboilerplatemisterbooking.device-responsive #diadao-hdp-bar-mobile .inner-hdp a.hsc-button.hsc-button-sticky-rooms-exit span.label-close,
html body.diadao-sdkcustomboilerplatemisterbooking.device-responsive .diadao-hdp-bar-room .inner-hdp a.hsc-button.hsc-button-sticky-rooms-exit span.label-close,
html body.diadao-sdkcustomboilerplate.device-responsive #diadao-hdp-bar-mobile .inner-hdp a.hsc-button.hsc-button-sticky-rooms-exit span.label-close,
html body.diadao-sdkcustomboilerplate.device-responsive .diadao-hdp-bar-room .inner-hdp a.hsc-button.hsc-button-sticky-rooms-exit span.label-close {
  position: relative !important;
  display: block !important;
  margin: 0 !important;
  padding: 0 !important;
  font-size: 0px !important;
}
html body.diadao-sdkcustomboilerplatemisterbooking.diadao-room-detail-page .diadao-sdk-sticky-v2.sticky-v2-sticked,
html body.diadao-sdkcustomboilerplate.diadao-room-detail-page .diadao-sdk-sticky-v2.sticky-v2-sticked {
  top: 40px;
}
html body.diadao-sdkcustomboilerplatemisterbooking.device-responsive.qs-init-no-dates.qs-init-no-dates-responsive .qs-react .diadao-qs .diadao-qs__select.diadao-qs__select-custom, html body.diadao-sdkcustomboilerplatemisterbooking.device-desktop.qs-init-no-dates.qs-init-no-dates-desktop .qs-react .diadao-qs .diadao-qs__select.diadao-qs__select-custom,
html body.diadao-sdkcustomboilerplate.device-responsive.qs-init-no-dates.qs-init-no-dates-responsive .qs-react .diadao-qs .diadao-qs__select.diadao-qs__select-custom,
html body.diadao-sdkcustomboilerplate.device-desktop.qs-init-no-dates.qs-init-no-dates-desktop .qs-react .diadao-qs .diadao-qs__select.diadao-qs__select-custom {
  opacity: 0.3 !important;
}
html body.diadao-sdkcustomboilerplatemisterbooking.qs-init-no-dates.device-desktop .qs-react[data-diadao-widget=rooms_list_hsc] .diadao-qs .diadao-qs__input-range > .diadao-qs__input-date:first-child,
html body.diadao-sdkcustomboilerplatemisterbooking.qs-init-no-dates.device-desktop .qs-react[data-diadao-widget=rooms_list_single_hsc] .diadao-qs .diadao-qs__input-range > .diadao-qs__input-date:first-child,
html body.diadao-sdkcustomboilerplate.qs-init-no-dates.device-desktop .qs-react[data-diadao-widget=rooms_list_hsc] .diadao-qs .diadao-qs__input-range > .diadao-qs__input-date:first-child,
html body.diadao-sdkcustomboilerplate.qs-init-no-dates.device-desktop .qs-react[data-diadao-widget=rooms_list_single_hsc] .diadao-qs .diadao-qs__input-range > .diadao-qs__input-date:first-child {
  width: 100% !important;
  text-align: left !important;
}
html body.diadao-sdkcustomboilerplatemisterbooking.qs-init-no-dates.device-desktop .qs-react[data-diadao-widget=rooms_list_single_hsc] .diadao-qs .diadao-qs__input-range,
html body.diadao-sdkcustomboilerplatemisterbooking.qs-init-no-dates.device-desktop .qs-react[data-diadao-widget=rooms_list_hsc] .diadao-qs,
html body.diadao-sdkcustomboilerplate.qs-init-no-dates.device-desktop .qs-react[data-diadao-widget=rooms_list_single_hsc] .diadao-qs .diadao-qs__input-range,
html body.diadao-sdkcustomboilerplate.qs-init-no-dates.device-desktop .qs-react[data-diadao-widget=rooms_list_hsc] .diadao-qs {
  align-items: initial !important;
}

html .room-item-hsc .diadao-hsw-qs-roomstickydetail .diadao-hdp-bar-room .qs-sticky__result .qs-room-price .diadao-qs__book {
  padding-left: 0px !important;
  padding-right: 0px !important;
}
html .room-item-hsc .diadao-hsw-qs-roomstickydetail .diadao-hdp-bar-room .qs-sticky__result .qs-room-price .diadao-qs__book span {
  height: 100% !important;
}
html .room-item-hsc .diadao-hsw-qs-roomstickydetail .diadao-hdp-bar-room .qs-sticky__result .qs-room-price .diadao-qs__book span a {
  height: 100% !important;
  padding-left: 24px !important;
  padding-right: 24px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}
html .room-item-hsc .diadao-hsw-qs-roomstickydetail .diadao-hdp-bar-room .qs-sticky__result .qs-room-price .diadao-qs__book span {
  pointer-events: auto !important;
  height: 100% !important;
}

#hsc-sticky-rooms {
  overflow: hidden !important;
}

.hsc-button {
  position: relative !important;
  overflow: hidden !important;
  display: inline-flex !important;
  gap: 2px !important;
  justify-content: center !important;
  align-items: center !important;
  text-align: center !important;
  border-radius: 24px !important;
  min-height: 48px !important;
  width: auto !important;
  background-color: transparent !important;
  border: 1px solid transparent !important;
  transition: background-color 0.25s ease-in-out, border 0.25s ease-in-out, color 0.25s ease-in-out !important;
  color: #ffffff !important;
  text-decoration: none !important;
  cursor: pointer !important;
  padding: 5px 20px !important;
  background: #555F42 !important;
  color: #ffffff !important;
}
@media only screen and (min-width: 992px) {
  .hsc-button {
    gap: 4px !important;
    min-height: 48px !important;
    border-radius: 24px !important;
    padding: 5px 33px !important;
  }
}
.hsc-button:focus-visible {
  outline: none !important;
}
.hsc-button span {
  display: block !important;
  font-family: "Anek Latin", Arial, sans-serif !important;
  font-size: 10px !important;
  font-weight: 600 !important;
  line-height: 1 !important;
  letter-spacing: 0.1em !important;
  text-transform: uppercase !important;
}
@media only screen and (min-width: 992px) {
  .hsc-button span {
    font-size: 12px !important;
  }
}
.hsc-button span strong {
  color: currentColor !important;
}
.hsc-button:not(.hsc-button-sticky-book)::before, .hsc-button:not(.hsc-button-sticky-book)::after {
  content: none !important;
  display: none !important;
}
.hsc-button.hsc-button-sticky-book::before {
  content: "" !important;
  position: absolute !important;
  left: 16px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  opacity: 1 !important;
  display: block !important;
  width: 16px !important;
  height: 16px !important;
  -webkit-mask-repeat: no-repeat !important;
  mask-repeat: no-repeat !important;
  -webkit-mask-position: center !important;
  mask-position: center !important;
  -webkit-mask-size: cover !important;
  mask-size: contain !important;
  -webkit-mask-image: url("../images/svg/icons/icon-fa-reg-arrow-right.svg") !important;
  mask-image: url("../images/svg/icons/icon-fa-reg-arrow-right.svg") !important;
  background-color: currentColor !important;
  pointer-events: none !important;
  transition: left 0.3s ease-out, opacity 0.1s !important;
}
.hsc-button.hsc-button-sticky-book::after {
  content: "" !important;
  position: absolute !important;
  right: -26px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  opacity: 0 !important;
  display: block !important;
  width: 16px !important;
  height: 16px !important;
  -webkit-mask-repeat: no-repeat !important;
  mask-repeat: no-repeat !important;
  -webkit-mask-position: center !important;
  mask-position: center !important;
  -webkit-mask-size: cover !important;
  mask-size: contain !important;
  -webkit-mask-image: url("../images/svg/icons/icon-fa-reg-arrow-right.svg") !important;
  mask-image: url("../images/svg/icons/icon-fa-reg-arrow-right.svg") !important;
  background-color: currentColor !important;
  pointer-events: none !important;
  transition: right 0.3s ease-out, opacity 0.1s linear 0.25s !important;
}
.hsc-button.hsc-button-sticky-book span {
  position: relative !important;
  padding: 0px 0px 0px 20px !important;
  transition: padding 0.3s ease-out !important;
  line-height: 1.25 !important;
}
@media only screen and (min-width: 992px) {
  .hsc-button.hsc-button-sticky-book::before {
    left: 26px !important;
  }
  .hsc-button.hsc-button-sticky-book::after {
    right: -30px !important;
  }
}
html:not(.touchevents) .hsc-button.hsc-button-sticky-book:hover, html:not(.touchevents) .hsc-button.hsc-button-sticky-book:focus-visible {
  color: #ffffff !important;
}
html:not(.touchevents) .hsc-button.hsc-button-sticky-book:hover::before, html:not(.touchevents) .hsc-button.hsc-button-sticky-book:focus-visible::before {
  left: -26px !important;
  opacity: 0 !important;
  transition: left 0.3s ease-out, opacity 0.1s linear 0.25s !important;
}
html:not(.touchevents) .hsc-button.hsc-button-sticky-book:hover::after, html:not(.touchevents) .hsc-button.hsc-button-sticky-book:focus-visible::after {
  right: 16px !important;
  opacity: 1 !important;
  transition: right 0.3s ease-out, opacity 0.1s !important;
}
html:not(.touchevents) .hsc-button.hsc-button-sticky-book:hover span, html:not(.touchevents) .hsc-button.hsc-button-sticky-book:focus-visible span {
  padding: 0px 20px 0px 0px !important;
}
@media only screen and (min-width: 992px) {
  html:not(.touchevents) .hsc-button.hsc-button-sticky-book:hover::before, html:not(.touchevents) .hsc-button.hsc-button-sticky-book:focus-visible::before {
    left: -30px !important;
  }
  html:not(.touchevents) .hsc-button.hsc-button-sticky-book:hover::after, html:not(.touchevents) .hsc-button.hsc-button-sticky-book:focus-visible::after {
    right: 26px !important;
  }
}

.diadao-hdp-bar-room-responsive .diadao-qs__remainings {
  display: none !important;
}
.diadao-hdp-bar-room-responsive .diadao-qs__rate--book-price .wrapper {
  top: 0 !important;
}
.diadao-hdp-bar-room-responsive .qs-no-availabilities-button {
  padding-top: 0 !important;
}

.diadao-hdp-bar-room-responsive .diadao-button-hdp-mobile,
.diadao-hdp-bar-mobile .diadao-button-hdp-mobile {
  margin: 10px auto !important;
  width: auto !important;
}

:root {
  --diadao-hsc-desktop-sticky-widget-width: auto;
  --diadao-hsc-desktop-sticky-infos-width: auto;
}

#hsc-sticky-rooms {
  transition: bottom 0.25s ease-in-out;
  position: sticky;
  bottom: 0;
  z-index: 10;
  display: flex;
  align-items: center;
  width: 100%;
  margin-top: 70px;
}
@media only screen and (min-width: 992px) {
  #hsc-sticky-rooms {
    margin-top: 80px;
    bottom: 16px;
  }
}
#hsc-sticky-rooms .hdp-column-widget,
#hsc-sticky-rooms .hdp-column-infos {
  width: auto;
}
#hsc-sticky-rooms #diadao-hdp-bar .inner-hdp .hdp-columns {
  justify-content: center;
  gap: 40px;
}
#hsc-sticky-rooms #diadao-hdp-bar .inner-hdp .hdp-columns .hdp-column-text {
  display: none !important;
}
#hsc-sticky-rooms #diadao-hdp-bar .inner-hdp .hdp-columns .hdp-column-widget .diadao-qs {
  justify-content: flex-start;
}
#hsc-sticky-rooms #diadao-hdp-bar .inner-hdp .hdp-columns .hdp-column-infos {
  gap: 40px;
}
@media only screen and (max-width: 1439px) {
  #hsc-sticky-rooms #diadao-hdp-bar .inner-hdp .hdp-columns .hdp-column-infos {
    display: none;
  }
}
#hsc-sticky-rooms #diadao-hdp-bar .inner-hdp .hdp-columns .hdp-column-infos .hsc-sticky-rooms-conditions {
  min-width: 210px;
}
#hsc-sticky-rooms #diadao-hdp-bar-mobile .label-open {
  display: none !important;
}

.listingroom-hsc__price {
  position: relative;
  overflow: hidden;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  border-radius: 24px;
  min-height: 48px;
  padding: 5px 20px 5px 20px;
  transition: padding 0.3s ease-out;
  z-index: 2;
  backdrop-filter: blur(20px);
  background-color: rgba(255, 255, 255, 0.2);
  font-size: 10px;
  line-height: 1.1;
  letter-spacing: 0.1em;
  font-weight: 600;
  text-transform: uppercase;
}
@media only screen and (min-width: 992px) {
  .listingroom-hsc__price {
    font-size: 12px;
    min-height: 48px;
    flex: 0 0 auto;
    padding: 5px 22px 5px 22px;
  }
}
.listingroom-hsc__price:has(.diadao-qs.available) {
  padding: 5px 20px 5px 40px;
}
@media only screen and (min-width: 992px) {
  .listingroom-hsc__price:has(.diadao-qs.available) {
    padding: 5px 22px 5px 52px;
  }
}
.listingroom-hsc__price:has(.diadao-qs.available)::before {
  content: "";
  position: absolute;
  left: 16px;
  top: 50%;
  transform: translateY(-50%);
  opacity: 1;
  display: block;
  width: 16px;
  height: 16px;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: cover;
  mask-size: contain;
  -webkit-mask-image: url("../images/svg/icons/icon-fa-reg-arrow-right.svg");
  mask-image: url("../images/svg/icons/icon-fa-reg-arrow-right.svg");
  background-color: currentColor;
  pointer-events: none;
  transition: background-color 0.25s ease-in-out;
  transition: left 0.3s ease-out, opacity 0.1s;
}
@media only screen and (min-width: 992px) {
  .listingroom-hsc__price:has(.diadao-qs.available)::before {
    left: 26px;
  }
}
.listingroom-hsc__price:has(.diadao-qs.available)::after {
  content: "";
  position: absolute;
  right: -26px;
  top: 50%;
  transform: translateY(-50%);
  opacity: 0;
  display: block;
  width: 16px;
  height: 16px;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: cover;
  mask-size: contain;
  -webkit-mask-image: url("../images/svg/icons/icon-fa-reg-arrow-right.svg");
  mask-image: url("../images/svg/icons/icon-fa-reg-arrow-right.svg");
  background-color: currentColor;
  pointer-events: none;
  transition: background-color 0.25s ease-in-out;
  transition: right 0.3s ease-out, opacity 0.1s linear 0.25s;
}
.listingroom-hsc__price .diadao-qs {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 100%;
}
.listingroom-hsc__price .diadao-qs.not-available {
  min-width: 100px;
}
.listingroom-hsc__price .diadao-qs .best-rate {
  display: inline-flex;
  align-items: baseline;
  gap: 2px;
}
.listingroom-hsc__price .diadao-qs .best-rate .hsc-price-value {
  font-size: 10px !important;
  line-height: 1.1 !important;
  letter-spacing: 0.1em !important;
  font-weight: 600 !important;
  text-transform: uppercase !important;
}
@media only screen and (min-width: 992px) {
  .listingroom-hsc__price .diadao-qs .best-rate .hsc-price-value {
    font-size: 12px !important;
  }
}
.listingroom-hsc__price .diadao-qs .rate-loading {
  left: 50% !important;
  transform: translateX(-50%) !important;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-left: 0 !important;
}
.listingroom-hsc__price .diadao-qs .rate-loading svg {
  width: 30px !important;
  height: 30px !important;
}

html:not(.touchevents) .listingroom__card:hover .listingroom-hsc__price:has(.diadao-qs.available), html:not(.touchevents) .listingroom__card:focus-visible .listingroom-hsc__price:has(.diadao-qs.available) {
  padding: 5px 40px 5px 20px;
}
@media only screen and (min-width: 992px) {
  html:not(.touchevents) .listingroom__card:hover .listingroom-hsc__price:has(.diadao-qs.available), html:not(.touchevents) .listingroom__card:focus-visible .listingroom-hsc__price:has(.diadao-qs.available) {
    padding: 5px 52px 5px 22px;
  }
}
html:not(.touchevents) .listingroom__card:hover .listingroom-hsc__price:has(.diadao-qs.available)::before, html:not(.touchevents) .listingroom__card:focus-visible .listingroom-hsc__price:has(.diadao-qs.available)::before {
  left: -26px;
  opacity: 0;
  transition: left 0.3s ease-out, opacity 0.1s linear 0.25s;
}
html:not(.touchevents) .listingroom__card:hover .listingroom-hsc__price:has(.diadao-qs.available)::after, html:not(.touchevents) .listingroom__card:focus-visible .listingroom-hsc__price:has(.diadao-qs.available)::after {
  right: 16px;
  opacity: 1;
  transition: right 0.3s ease-out, opacity 0.1s;
}
@media only screen and (min-width: 992px) {
  html:not(.touchevents) .listingroom__card:hover .listingroom-hsc__price:has(.diadao-qs.available)::after, html:not(.touchevents) .listingroom__card:focus-visible .listingroom-hsc__price:has(.diadao-qs.available)::after {
    right: 26px;
  }
}

/*
#diadao-hdp-bar-mobile {
  .diadao-hdp-mobile-container {
    background: #ffffff !important;
  }

  .diadao-button-hdp-mobile {
    margin: 10px auto !important;
    width: auto !important;
  }

  // .inner-hdp {
  //   margin: 10px !important;
  // }

  .inner-hdp.hsc-sticky-close-enabled.hsc-sticky-submit-enabled {
  }

  .diadao-button-hdp-mobile {
    margin: 10px !important;
  }
}
*/
.room-item-hsc {
  width: 100%;
}
.room-item-hsc.active .diadao-hdp-bar-room[data-mode=sticky] {
  bottom: 0;
  opacity: 1;
  visibility: visible;
}
.room-item-hsc .diadao-hdp-bar-room .inner-hdp .diadao-hdp-mobile-container {
  background: #ffffff;
}
.room-item-hsc .diadao-hsw-qs-roomstickydetail .diadao-hdp-bar-room .qs-sticky__result {
  position: relative;
  z-index: 1;
  padding: 16px;
  background: #fff3f2;
}
@media only screen and (min-width: 992px) {
  .room-item-hsc .diadao-hsw-qs-roomstickydetail .diadao-hdp-bar-room .qs-sticky__result {
    padding: 16px 32px;
  }
}
.room-item-hsc .diadao-hsw-qs-roomstickydetail .diadao-hdp-bar-room .qs-sticky__result .qs-room-price .diadao-qs {
  display: flex;
  flex-direction: row;
  gap: 32px;
  justify-content: space-between;
  align-items: flex-end;
}
.room-item-hsc .diadao-hsw-qs-roomstickydetail .diadao-hdp-bar-room .qs-sticky__result .qs-room-price .diadao-qs__rate .best-rate .hsc-price-value {
  color: #484F46;
}
.room-item-hsc .diadao-hsw-qs-roomstickydetail .diadao-hdp-bar-room .qs-sticky__result .qs-room-price .diadao-qs__rate .best-rate .hsc-price-value:not(.value) {
  color: #484F46;
}
.room-item-hsc .diadao-hsw-qs-roomstickydetail .diadao-hdp-bar-room .qs-sticky__result .qs-room-price .diadao-qs__rate .qs-sticky-button {
  display: flex;
  flex-direction: row;
  gap: 8px;
  align-items: center;
  transition: opacity 0.25s ease-in-out;
}
.room-item-hsc .diadao-hsw-qs-roomstickydetail .diadao-hdp-bar-room .qs-sticky__result .qs-room-price .diadao-qs__rate .qs-sticky-button.active {
  opacity: 0.5;
}
.room-item-hsc .diadao-hsw-qs-roomstickydetail .diadao-hdp-bar-room .qs-sticky__result .qs-room-price .diadao-qs__rate .qs-sticky-button span {
  pointer-events: none;
}
.room-item-hsc .diadao-hsw-qs-roomstickydetail .diadao-hdp-bar-room .qs-sticky__result .qs-room-price .diadao-qs__rate .qs-sticky-button .icon {
  display: block;
  width: 20px;
  height: 20px;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: cover;
  mask-size: contain;
  -webkit-mask-image: url("../images/svg/icons/icon-edit.svg");
  mask-image: url("../images/svg/icons/icon-edit.svg");
  background-color: currentColor;
  pointer-events: none;
  transition: background-color 0.25s ease-in-out;
}
@media only screen and (min-width: 992px) {
  .room-item-hsc .diadao-hsw-qs-roomstickydetail .diadao-hdp-bar-room .qs-sticky__result .qs-room-price .diadao-qs__rate .qs-sticky-button .icon {
    width: 24px;
    height: 24px;
  }
}
.room-item-hsc .diadao-hsw-qs-roomstickydetail .diadao-hdp-bar-room .qs-sticky__result .qs-room-price .diadao-qs__rate--no-availabilities {
  display: none;
}
.room-item-hsc .diadao-hsw-qs-roomstickydetail .diadao-hdp-bar-room .qs-sticky__result .qs-room-price .diadao-qs__remainings {
  display: none;
}
.room-item-hsc .diadao-hsw-qs-roomstickydetail .diadao-hdp-bar-room .qs-sticky__result .qs-room-price .diadao-qs__remainings .hsc-remainings span {
  padding-inline: 2px;
}
.room-item-hsc .diadao-hsw-qs-roomstickydetail .diadao-hdp-bar-room .qs-sticky__result .qs-room-price .diadao-qs__book {
  position: relative;
  overflow: hidden;
  display: inline-flex;
  gap: 2px;
  justify-content: center;
  align-items: center;
  text-align: center;
  border-radius: 24px;
  min-height: 48px;
  width: auto;
  background-color: transparent;
  border: 1px solid transparent;
  transition: background-color 0.25s ease-in-out, border 0.25s ease-in-out, color 0.25s ease-in-out;
  color: #ffffff;
  text-decoration: none;
  cursor: pointer;
  padding: 5px 20px;
  background: #555F42;
  color: #ffffff;
}
@media only screen and (min-width: 992px) {
  .room-item-hsc .diadao-hsw-qs-roomstickydetail .diadao-hdp-bar-room .qs-sticky__result .qs-room-price .diadao-qs__book {
    gap: 4px;
    min-height: 48px;
    border-radius: 24px;
    padding: 5px 33px;
  }
}
.room-item-hsc .diadao-hsw-qs-roomstickydetail .diadao-hdp-bar-room .qs-sticky__result .qs-room-price .diadao-qs__book:focus-visible {
  outline: none;
}
.room-item-hsc .diadao-hsw-qs-roomstickydetail .diadao-hdp-bar-room .qs-sticky__result .qs-room-price .diadao-qs__book span {
  display: block;
  font-family: "Anek Latin", Arial, sans-serif;
  font-size: 10px;
  font-weight: 600;
  line-height: 1;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  pointer-events: none;
}
@media only screen and (min-width: 992px) {
  .room-item-hsc .diadao-hsw-qs-roomstickydetail .diadao-hdp-bar-room .qs-sticky__result .qs-room-price .diadao-qs__book span {
    font-size: 12px;
  }
}
.room-item-hsc .diadao-hsw-qs-roomstickydetail .diadao-hdp-bar-room .qs-sticky__result .qs-room-price .diadao-qs__book span strong {
  color: currentColor;
}
.room-item-hsc .diadao-hsw-qs-roomstickydetail .diadao-hdp-bar-room .qs-sticky__result .qs-room-price .diadao-qs__book .icon {
  flex-shrink: 0;
}
.room-item-hsc .diadao-hsw-qs-roomstickydetail .diadao-hdp-bar-room .qs-sticky__result .qs-room-price .diadao-qs__book .icon--close {
  display: block;
  width: 17px;
  height: 17px;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: cover;
  mask-size: contain;
  -webkit-mask-image: url("../images/svg/icons/icon-close.svg");
  mask-image: url("../images/svg/icons/icon-close.svg");
  background-color: currentColor;
  pointer-events: none;
  transition: background-color 0.25s ease-in-out;
}
@media only screen and (min-width: 992px) {
  .room-item-hsc .diadao-hsw-qs-roomstickydetail .diadao-hdp-bar-room .qs-sticky__result .qs-room-price .diadao-qs__book .icon--close {
    width: 24px;
    height: 24px;
  }
}
.room-item-hsc .diadao-hsw-qs-roomstickydetail .diadao-hdp-bar-room .qs-sticky__result .qs-room-price .diadao-qs__book .icon--chevron-down {
  display: block;
  width: 14px;
  height: 14px;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: cover;
  mask-size: contain;
  -webkit-mask-image: url("../images/svg/icons/icon-chevron-down.svg");
  mask-image: url("../images/svg/icons/icon-chevron-down.svg");
  background-color: currentColor;
  pointer-events: none;
  transition: background-color 0.25s ease-in-out;
}
.room-item-hsc .diadao-hsw-qs-roomstickydetail .diadao-hdp-bar-room .qs-sticky__result .qs-room-price .diadao-qs__book .icon--chevron-left {
  display: block;
  width: 14px;
  height: 14px;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: cover;
  mask-size: contain;
  -webkit-mask-image: url("../images/svg/icons/icon-chevron-left.svg");
  mask-image: url("../images/svg/icons/icon-chevron-left.svg");
  background-color: currentColor;
  pointer-events: none;
  transition: background-color 0.25s ease-in-out;
}
.room-item-hsc .diadao-hsw-qs-roomstickydetail .diadao-hdp-bar-room .qs-sticky__result .qs-room-price .diadao-qs__book .icon--menu-burger {
  display: block;
  width: 18px;
  height: 18px;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: cover;
  mask-size: contain;
  -webkit-mask-image: url("../images/svg/icons/icon-menu-burger.svg");
  mask-image: url("../images/svg/icons/icon-menu-burger.svg");
  background-color: currentColor;
  pointer-events: none;
  transition: background-color 0.25s ease-in-out;
}
.room-item-hsc .diadao-hsw-qs-roomstickydetail .diadao-hdp-bar-room .qs-sticky__result .qs-room-price .diadao-qs__book .icon--pen {
  display: block;
  width: 18px;
  height: 18px;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: cover;
  mask-size: contain;
  -webkit-mask-image: url("../images/svg/icons/icon-edit.svg");
  mask-image: url("../images/svg/icons/icon-edit.svg");
  background-color: currentColor;
  pointer-events: none;
  transition: background-color 0.25s ease-in-out;
}
.room-item-hsc .diadao-hsw-qs-roomstickydetail .diadao-hdp-bar-room .qs-sticky__result .qs-room-price .diadao-qs__book::before {
  content: "";
  position: absolute;
  left: 16px;
  top: 50%;
  transform: translateY(-50%);
  opacity: 1;
  display: block;
  width: 16px;
  height: 16px;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: cover;
  mask-size: contain;
  -webkit-mask-image: url("../images/svg/icons/icon-fa-reg-arrow-right.svg");
  mask-image: url("../images/svg/icons/icon-fa-reg-arrow-right.svg");
  background-color: currentColor;
  pointer-events: none;
  transition: background-color 0.25s ease-in-out;
  transition: left 0.3s ease-out, opacity 0.1s;
}
.room-item-hsc .diadao-hsw-qs-roomstickydetail .diadao-hdp-bar-room .qs-sticky__result .qs-room-price .diadao-qs__book::after {
  content: "";
  position: absolute;
  right: -26px;
  top: 50%;
  transform: translateY(-50%);
  opacity: 0;
  display: block;
  width: 16px;
  height: 16px;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: cover;
  mask-size: contain;
  -webkit-mask-image: url("../images/svg/icons/icon-fa-reg-arrow-right.svg");
  mask-image: url("../images/svg/icons/icon-fa-reg-arrow-right.svg");
  background-color: currentColor;
  pointer-events: none;
  transition: background-color 0.25s ease-in-out;
  transition: right 0.3s ease-out, opacity 0.1s linear 0.25s;
}
.room-item-hsc .diadao-hsw-qs-roomstickydetail .diadao-hdp-bar-room .qs-sticky__result .qs-room-price .diadao-qs__book span {
  position: relative;
  padding: 0px 0px 0px 20px;
  transition: padding 0.3s ease-out;
}
@media only screen and (min-width: 992px) {
  .room-item-hsc .diadao-hsw-qs-roomstickydetail .diadao-hdp-bar-room .qs-sticky__result .qs-room-price .diadao-qs__book::before {
    left: 26px;
  }
  .room-item-hsc .diadao-hsw-qs-roomstickydetail .diadao-hdp-bar-room .qs-sticky__result .qs-room-price .diadao-qs__book::after {
    right: -30px;
  }
}
html:not(.touchevents) .room-item-hsc .diadao-hsw-qs-roomstickydetail .diadao-hdp-bar-room .qs-sticky__result .qs-room-price .diadao-qs__book:hover, html:not(.touchevents) .room-item-hsc .diadao-hsw-qs-roomstickydetail .diadao-hdp-bar-room .qs-sticky__result .qs-room-price .diadao-qs__book:focus-visible {
  color: #ffffff;
}
html:not(.touchevents) .room-item-hsc .diadao-hsw-qs-roomstickydetail .diadao-hdp-bar-room .qs-sticky__result .qs-room-price .diadao-qs__book:hover::before, html:not(.touchevents) .room-item-hsc .diadao-hsw-qs-roomstickydetail .diadao-hdp-bar-room .qs-sticky__result .qs-room-price .diadao-qs__book:focus-visible::before {
  left: -26px;
  opacity: 0;
  transition: left 0.3s ease-out, opacity 0.1s linear 0.25s;
}
html:not(.touchevents) .room-item-hsc .diadao-hsw-qs-roomstickydetail .diadao-hdp-bar-room .qs-sticky__result .qs-room-price .diadao-qs__book:hover::after, html:not(.touchevents) .room-item-hsc .diadao-hsw-qs-roomstickydetail .diadao-hdp-bar-room .qs-sticky__result .qs-room-price .diadao-qs__book:focus-visible::after {
  right: 16px;
  opacity: 1;
  transition: right 0.3s ease-out, opacity 0.1s;
}
html:not(.touchevents) .room-item-hsc .diadao-hsw-qs-roomstickydetail .diadao-hdp-bar-room .qs-sticky__result .qs-room-price .diadao-qs__book:hover span, html:not(.touchevents) .room-item-hsc .diadao-hsw-qs-roomstickydetail .diadao-hdp-bar-room .qs-sticky__result .qs-room-price .diadao-qs__book:focus-visible span {
  padding: 0px 20px 0px 0px;
}
@media only screen and (min-width: 992px) {
  html:not(.touchevents) .room-item-hsc .diadao-hsw-qs-roomstickydetail .diadao-hdp-bar-room .qs-sticky__result .qs-room-price .diadao-qs__book:hover::before, html:not(.touchevents) .room-item-hsc .diadao-hsw-qs-roomstickydetail .diadao-hdp-bar-room .qs-sticky__result .qs-room-price .diadao-qs__book:focus-visible::before {
    left: -30px;
  }
  html:not(.touchevents) .room-item-hsc .diadao-hsw-qs-roomstickydetail .diadao-hdp-bar-room .qs-sticky__result .qs-room-price .diadao-qs__book:hover::after, html:not(.touchevents) .room-item-hsc .diadao-hsw-qs-roomstickydetail .diadao-hdp-bar-room .qs-sticky__result .qs-room-price .diadao-qs__book:focus-visible::after {
    right: 26px;
  }
}
.room-item-hsc .diadao-hsw-qs-roomstickydetail .diadao-hdp-bar-room .qs-sticky__result .qs-room-price .diadao-qs.not-available .diadao-qs__rate--book-price,
.room-item-hsc .diadao-hsw-qs-roomstickydetail .diadao-hdp-bar-room .qs-sticky__result .qs-room-price .diadao-qs.not-available .diadao-qs__book--available {
  display: none;
}
.room-item-hsc .diadao-hsw-qs-roomstickydetail .diadao-hdp-bar-room .qs-sticky__result .qs-room-price .diadao-qs.not-available .diadao-qs__rate--no-availabilities {
  display: flex;
  width: 100%;
  justify-content: space-between;
}
.room-item-hsc .diadao-hsw-qs-roomstickydetail .diadao-hdp-bar-room .qs-sticky__result .qs-room-price .diadao-qs.not-available .diadao-qs__rate--no-availabilities .hsc-no-availabilities-sticky {
  color: #484F46;
}
.room-item-hsc .diadao-hsw-qs-roomstickydetail .diadao-hdp-bar-room .qs-sticky__form {
  position: absolute;
  bottom: 100%;
  width: 100%;
  background: #fff3f2;
  transition: transform 0.25s ease-in-out;
  z-index: -1;
  transform: translateY(100%);
}
.room-item-hsc .diadao-hsw-qs-roomstickydetail .diadao-hdp-bar-room .qs-sticky__form.opened {
  transform: translateY(0);
}
.room-item-hsc .diadao-hsw-qs-roomstickydetail .diadao-hdp-bar-room .qs-sticky__form .qs-sticky__close {
  display: flex;
  justify-content: center;
  align-items: center;
}
@media only screen and (min-width: 992px) {
  .room-item-hsc .diadao-hsw-qs-roomstickydetail .diadao-hdp-bar-room .qs-sticky__form .qs-sticky__close {
    justify-content: flex-end;
  }
}
.room-item-hsc .diadao-hsw-qs-roomstickydetail .diadao-hdp-bar-room .qs-sticky__form .qs-sticky__close-button {
  position: relative;
  overflow: hidden;
  display: inline-flex;
  gap: 2px;
  justify-content: center;
  align-items: center;
  text-align: center;
  border-radius: 24px;
  min-height: 48px;
  width: auto;
  background-color: transparent;
  border: 1px solid transparent;
  transition: background-color 0.25s ease-in-out, border 0.25s ease-in-out, color 0.25s ease-in-out;
  color: #ffffff;
  text-decoration: none;
  cursor: pointer;
  padding: 5px 20px;
  padding-inline: 0;
  width: 48px;
}
@media only screen and (min-width: 992px) {
  .room-item-hsc .diadao-hsw-qs-roomstickydetail .diadao-hdp-bar-room .qs-sticky__form .qs-sticky__close-button {
    gap: 4px;
    min-height: 48px;
    border-radius: 24px;
    padding: 5px 33px;
  }
}
.room-item-hsc .diadao-hsw-qs-roomstickydetail .diadao-hdp-bar-room .qs-sticky__form .qs-sticky__close-button:focus-visible {
  outline: none;
}
.room-item-hsc .diadao-hsw-qs-roomstickydetail .diadao-hdp-bar-room .qs-sticky__form .qs-sticky__close-button span {
  display: block;
  font-family: "Anek Latin", Arial, sans-serif;
  font-size: 10px;
  font-weight: 600;
  line-height: 1;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  pointer-events: none;
}
@media only screen and (min-width: 992px) {
  .room-item-hsc .diadao-hsw-qs-roomstickydetail .diadao-hdp-bar-room .qs-sticky__form .qs-sticky__close-button span {
    font-size: 12px;
  }
}
.room-item-hsc .diadao-hsw-qs-roomstickydetail .diadao-hdp-bar-room .qs-sticky__form .qs-sticky__close-button span strong {
  color: currentColor;
}
.room-item-hsc .diadao-hsw-qs-roomstickydetail .diadao-hdp-bar-room .qs-sticky__form .qs-sticky__close-button .icon {
  flex-shrink: 0;
}
.room-item-hsc .diadao-hsw-qs-roomstickydetail .diadao-hdp-bar-room .qs-sticky__form .qs-sticky__close-button .icon--close {
  display: block;
  width: 17px;
  height: 17px;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: cover;
  mask-size: contain;
  -webkit-mask-image: url("../images/svg/icons/icon-close.svg");
  mask-image: url("../images/svg/icons/icon-close.svg");
  background-color: currentColor;
  pointer-events: none;
  transition: background-color 0.25s ease-in-out;
}
@media only screen and (min-width: 992px) {
  .room-item-hsc .diadao-hsw-qs-roomstickydetail .diadao-hdp-bar-room .qs-sticky__form .qs-sticky__close-button .icon--close {
    width: 24px;
    height: 24px;
  }
}
.room-item-hsc .diadao-hsw-qs-roomstickydetail .diadao-hdp-bar-room .qs-sticky__form .qs-sticky__close-button .icon--chevron-down {
  display: block;
  width: 14px;
  height: 14px;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: cover;
  mask-size: contain;
  -webkit-mask-image: url("../images/svg/icons/icon-chevron-down.svg");
  mask-image: url("../images/svg/icons/icon-chevron-down.svg");
  background-color: currentColor;
  pointer-events: none;
  transition: background-color 0.25s ease-in-out;
}
.room-item-hsc .diadao-hsw-qs-roomstickydetail .diadao-hdp-bar-room .qs-sticky__form .qs-sticky__close-button .icon--chevron-left {
  display: block;
  width: 14px;
  height: 14px;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: cover;
  mask-size: contain;
  -webkit-mask-image: url("../images/svg/icons/icon-chevron-left.svg");
  mask-image: url("../images/svg/icons/icon-chevron-left.svg");
  background-color: currentColor;
  pointer-events: none;
  transition: background-color 0.25s ease-in-out;
}
.room-item-hsc .diadao-hsw-qs-roomstickydetail .diadao-hdp-bar-room .qs-sticky__form .qs-sticky__close-button .icon--menu-burger {
  display: block;
  width: 18px;
  height: 18px;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: cover;
  mask-size: contain;
  -webkit-mask-image: url("../images/svg/icons/icon-menu-burger.svg");
  mask-image: url("../images/svg/icons/icon-menu-burger.svg");
  background-color: currentColor;
  pointer-events: none;
  transition: background-color 0.25s ease-in-out;
}
.room-item-hsc .diadao-hsw-qs-roomstickydetail .diadao-hdp-bar-room .qs-sticky__form .qs-sticky__close-button .icon--pen {
  display: block;
  width: 18px;
  height: 18px;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: cover;
  mask-size: contain;
  -webkit-mask-image: url("../images/svg/icons/icon-edit.svg");
  mask-image: url("../images/svg/icons/icon-edit.svg");
  background-color: currentColor;
  pointer-events: none;
  transition: background-color 0.25s ease-in-out;
}
@media only screen and (min-width: 992px) {
  .room-item-hsc .diadao-hsw-qs-roomstickydetail .diadao-hdp-bar-room .qs-sticky__form .qs-sticky__close-button {
    width: 48px;
  }
}
.room-item-hsc .diadao-hsw-qs-roomstickydetail .diadao-hdp-bar-room .qs-sticky__form .qs-sticky__close-button .icon {
  display: block;
  width: 20px;
  height: 20px;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: cover;
  mask-size: contain;
  -webkit-mask-image: url("../images/svg/icons/icon-chevron-down.svg");
  mask-image: url("../images/svg/icons/icon-chevron-down.svg");
  background-color: currentColor;
  pointer-events: none;
  transition: background-color 0.25s ease-in-out;
}
@media only screen and (min-width: 992px) {
  .room-item-hsc .diadao-hsw-qs-roomstickydetail .diadao-hdp-bar-room .qs-sticky__form .qs-sticky__close-button .icon {
    width: 24px;
    height: 24px;
  }
}

.diadao-hsw-qs-roomstickydetail .diadao-qs__rate.diadao-qs__rate--book-price.diadao-official-label-enabled.remaining-visible {
  margin-top: 20px !important;
  margin-bottom: 20px !important;
}
.diadao-hsw-qs-roomstickydetail .not-available-message {
  margin-top: 20px !important;
}

html body.wp-child-theme-diadao-085-sdkcustom-pepites-lodges .container-hdp-bar-rooms {
  z-index: 2000;
  position: fixed;
  right: 0;
  bottom: 0;
  left: 0;
}
html body.wp-child-theme-diadao-085-sdkcustom-pepites-lodges .container-hdp-bar-rooms .sticky-wrapper {
  height: auto !important;
}
html body.wp-child-theme-diadao-085-sdkcustom-pepites-lodges:not(.device-responsive) .container-hdp-bar-rooms {
  display: none !important;
}
html body.wp-child-theme-diadao-085-sdkcustom-pepites-lodges #diadao-hdp-bar-mobile {
  overflow: hidden !important;
}
html body.wp-child-theme-diadao-085-sdkcustom-pepites-lodges #diadao-hdp-bar-mobile .inner-hdp {
  width: 100% !important;
}
html body.wp-child-theme-diadao-085-sdkcustom-pepites-lodges #diadao-hdp-bar-mobile .inner-hdp::before {
  content: "" !important;
  position: absolute !important;
  top: 100px !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
  background: #fff !important;
}
html body.wp-child-theme-diadao-085-sdkcustom-pepites-lodges .diadao-hdp-mobile-container {
  background: #ffffff !important;
  box-shadow: 8px -8px 8px rgba(0, 0, 0, 0.0784313725) !important;
  transition: background-color 0.25s ease !important;
}
html body.wp-child-theme-diadao-085-sdkcustom-pepites-lodges .diadao-qs__select.diadao-qs__select-custom.less-disabled span.diadao-qs__select__less,
html body.wp-child-theme-diadao-085-sdkcustom-pepites-lodges .diadao-qs__select.diadao-qs__select-custom.more-disabled span.diadao-qs__select__more {
  filter: none !important;
}
html body.wp-child-theme-diadao-085-sdkcustom-pepites-lodges .diadao-button-hdp-mobile {
  width: auto !important;
  margin: 0 auto 0.75rem auto !important;
}
html body.wp-child-theme-diadao-085-sdkcustom-pepites-lodges .diadao-button-hdp-mobile span {
  padding: 0 !important;
}
html body.wp-child-theme-diadao-085-sdkcustom-pepites-lodges .diadao-button-hdp-mobile i {
  transform: rotate(180deg) !important;
}
html body.wp-child-theme-diadao-085-sdkcustom-pepites-lodges .diadao-button-hdp-mobile svg * {
  fill: #ffffff !important;
}
html body.wp-child-theme-diadao-085-sdkcustom-pepites-lodges .diadao-button-hdp-mobile.hsc-close-button {
  padding-right: 16px !important;
}
html body.wp-child-theme-diadao-085-sdkcustom-pepites-lodges .diadao-button-hdp-mobile i {
  display: none !important;
}
html body.wp-child-theme-diadao-085-sdkcustom-pepites-lodges.diadao-hsc-sticky-opened #diadao-hdp-bar-mobile {
  overflow: visible !important;
}
html body.wp-child-theme-diadao-085-sdkcustom-pepites-lodges.diadao-hsc-sticky-opened #diadao-hdp-bar-mobile .inner-hdp {
  background: #ffffff !important;
}
html body.wp-child-theme-diadao-085-sdkcustom-pepites-lodges.diadao-hsc-sticky-opened #diadao-hdp-bar-mobile .hsc-close-button {
  z-index: 20 !important;
  position: absolute !important;
  left: 50% !important;
  transform: translate(-50%, calc(-100% - 12px)) !important;
}
html body.wp-child-theme-diadao-085-sdkcustom-pepites-lodges.diadao-hsc-sticky-opened #diadao-hdp-bar-mobile .hsc-button-sticky-rooms-open {
  padding-right: 16px !important;
}
html body.wp-child-theme-diadao-085-sdkcustom-pepites-lodges.diadao-hsc-sticky-opened #diadao-hdp-bar-mobile .hsc-button-sticky-rooms-open svg {
  display: none !important;
}
html body.wp-child-theme-diadao-085-sdkcustom-pepites-lodges:not(:has(.diadao-hdp-mobile-container.opened)) .diadao-button-hdp-mobile.hsc-button-sticky-rooms-open span.label-open {
  display: none !important;
}
html body.wp-child-theme-diadao-085-sdkcustom-pepites-lodges.modal-opened .diadao-button-hdp-mobile.hsc-button-sticky-rooms-open span.label-open {
  display: none !important;
}
html body.wp-child-theme-diadao-085-sdkcustom-pepites-lodges #diadao-hdp-bar-mobile .label-open-edit.diadao-hsc-sticky-opened-hidden {
  display: block !important;
}

.custom-accordion__list {
  counter-reset: list;
  overflow: hidden;
  position: relative;
}
.custom-accordion__item {
  display: flex;
  flex-direction: row;
  gap: 16px;
  transition: padding-block 0.5s ease-in-out, background-color 0.25s ease-in-out, border-bottom 0.25s ease-in-out;
  position: relative;
  cursor: pointer;
  padding: 16px 0;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.custom-accordion__item:last-child {
  border-bottom-color: transparent;
}
@media only screen and (min-width: 992px) {
  .custom-accordion__item {
    padding: 32px 64px;
    gap: 40px;
    border-bottom: none;
    border-radius: 16px;
    background: rgba(255, 255, 255, 0.3);
    margin-bottom: 8px;
  }
  .custom-accordion__item:last-child {
    margin-bottom: 0px;
  }
}
.custom-accordion__item.shown .custom-accordion__item__hidden-text {
  grid-template-rows: 1fr;
  padding-top: 8px;
}
.custom-accordion__item.shown .custom-accordion__item__icon {
  display: block;
  width: 16px;
  height: 16px;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: cover;
  mask-size: contain;
  -webkit-mask-image: url("../images/svg/icons/icon-minus.svg");
  mask-image: url("../images/svg/icons/icon-minus.svg");
  background-color: currentColor;
  pointer-events: none;
  transition: background-color 0.25s ease-in-out;
}
.custom-accordion__item__hidden-text {
  display: grid;
  grid-template-rows: 0fr;
  padding-top: 0;
  transition: grid-template-rows 0.25s ease, padding-top 0.25s ease;
}
.custom-accordion__item__hidden-text__wrapper {
  overflow: hidden;
}
@media only screen and (min-width: 992px) {
  .custom-accordion__item__hidden-text__wrapper {
    padding-left: 62px;
  }
}
.custom-accordion__item__number {
  display: none;
  font-weight: 500;
  font-size: 20px;
  width: 22px;
  flex: 0 0 22px;
}
@media only screen and (min-width: 992px) {
  .custom-accordion__item__number {
    display: block;
  }
}
.custom-accordion__item__number:before {
  counter-increment: list;
  content: "0" counter(list);
  color: #C8A864;
}
.custom-accordion__item:nth-child(n+10) .custom-accordion__item__number:before {
  content: counter(list);
}
.custom-accordion__item__content {
  display: flex;
  flex-direction: column;
  gap: 0px;
  flex: 1 0 0;
}
.custom-accordion__item__title {
  display: flex;
  flex-direction: row;
  gap: 40px;
  align-items: center;
  font-weight: 500;
}
.custom-accordion__item__title h3 {
  flex: 1 0 0;
}
.custom-accordion__item__icon {
  color: #555F42;
  display: block;
  width: 16px;
  height: 16px;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: cover;
  mask-size: contain;
  -webkit-mask-image: url("../images/svg/icons/icon-plus.svg");
  mask-image: url("../images/svg/icons/icon-plus.svg");
  background-color: currentColor;
  pointer-events: none;
  transition: background-color 0.25s ease-in-out;
  margin-left: auto;
  flex: 0 0 16px;
}

.text-medias-simple .section__content {
  grid-column-start: 2;
  grid-column-end: span 12;
}
@media only screen and (min-width: 992px) {
  .text-medias-simple .section__content {
    grid-column-start: 2;
    grid-column-end: span 4;
    grid-row-start: 1;
    grid-row-end: span 1;
  }
}
@media only screen and (min-width: 992px) {
  .text-medias-simple .section__content.content-right {
    grid-column-start: 7;
    grid-column-end: span 5;
  }
}
.text-medias-simple .section__media {
  grid-column-start: 2;
  grid-column-end: span 12;
}
@media only screen and (min-width: 992px) {
  .text-medias-simple .section__media {
    grid-column-start: 7;
    grid-column-end: span 5;
    grid-row-start: 1;
    grid-row-end: span 1;
  }
}
@media only screen and (min-width: 992px) {
  .text-medias-simple .section__media.content-right {
    grid-column-start: 2;
    grid-column-end: span 4;
  }
}
.text-medias-simple .section__media .video-wrapper {
  height: 100%;
  width: 100%;
}
.text-medias-simple .section__media hls-video {
  display: block;
  width: 100%;
}

.reviews__wrapper {
  display: flex;
  flex-direction: column;
  gap: 40px;
  justify-content: center;
  align-items: center;
  grid-column-start: 2;
  grid-column-end: span 6;
}
@media only screen and (min-width: 992px) {
  .reviews__wrapper {
    grid-column-start: 1;
    grid-column-end: span 14;
  }
}
.reviews__title {
  text-align: center;
}
.reviews__cards {
  width: 100%;
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 32px;
}
@media only screen and (min-width: 992px) {
  .reviews__cards {
    gap: 40px;
  }
}
.reviews__cards__wrapper {
  position: relative;
}
@media only screen and (min-width: 992px) {
  .reviews__cards__wrapper {
    padding-inline: calc((100vw - 0px) / 12 * 1 + 0px + 32px);
  }
}
.reviews__cards .eapps-widget .es-text-shortener,
.reviews__cards .eapps-widget .es-text-shortener-control {
  line-height: 22px !important;
}
@media only screen and (max-width: 991px) {
  .reviews__cards .eapps-widget .es-text-shortener,
  .reviews__cards .eapps-widget .es-text-shortener-control {
    font-size: 12px !important;
  }
}
.reviews__cards .eapps-widget .es-rating-container {
  margin-bottom: 16px !important;
}
@media only screen and (max-width: 991px) {
  .reviews__cards .eapps-widget .es-review-background-container {
    border-radius: 8px !important;
  }
}

/*# sourceMappingURL=diadao-sdkcustom-pepites-lodges-full.css.map */
