rooms-table .no-rooms {
  display: none;
}
rooms-table.no-rooms-available table {
  display: none;
}
rooms-table.no-rooms-available .no-rooms {
  display: block;
}
rooms-table .header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: var(--gutter0);
  gap: calc(var(--gap) * 2);
}
rooms-table .header .filter-rooms {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
}
rooms-table .header .filter-rooms svg {
  --symbol-colour: url(#brand-gradient);
  width: auto;
  height: 1.25em;
  margin-right: calc(var(--gap) * 0.5);
}
rooms-table .header .filter-rooms svg circle {
  transition: transform 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
rooms-table .header .filter-rooms svg circle:nth-of-type(1) {
  transition-delay: 0.1s;
  transform: translateX(40%);
}
rooms-table .header .filter-rooms svg circle:nth-of-type(2) {
  transition-delay: 0s;
  transform: translateX(66%);
}
rooms-table .header .filter-rooms svg circle:nth-of-type(3) {
  transition-delay: 0.2s;
  transform: translateX(30%);
}
rooms-table .header .filter-rooms span {
  transition: var(--transition);
}
@media (max-width: 580px) {
  rooms-table .header .filter-rooms span {
    display: none;
  }
}
@media (hover: hover) {
  rooms-table .header .filter-rooms:hover svg circle:nth-of-type(1) {
    transform: translateX(70%);
  }
  rooms-table .header .filter-rooms:hover svg circle:nth-of-type(2) {
    transform: translateX(20%);
  }
  rooms-table .header .filter-rooms:hover svg circle:nth-of-type(3) {
    transform: translateX(50%);
  }
  rooms-table .header .filter-rooms:hover span {
    color: var(--primary, #ff2871);
  }
}
rooms-table .header .rooms-available {
  font-weight: 600;
}
@media (max-width: 440px) {
  rooms-table .header .rooms-available {
    display: none;
  }
}
rooms-table .active-filters {
  display: flex;
  flex-wrap: wrap;
  list-style-type: none;
  gap: 1em;
}
rooms-table .active-filters:not(:empty) {
  margin-top: calc(var(--gap) * 2);
}
rooms-table table.details-table-rooms {
  margin-top: var(--gutter1);
}
rooms-table table.details-table-rooms tbody tr {
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  cursor: pointer;
  transition: var(--transition);
}
rooms-table table.details-table-rooms tbody tr:hover, rooms-table table.details-table-rooms tbody tr:focus, .js-has-pseudo [csstools-has-36-33-33-31-37-19-38-2p-2q-30-2t-w-38-2p-2q-30-2t-1a-2s-2t-38-2p-2x-30-37-19-38-2p-2q-30-2t-19-36-33-33-31-37-w-38-2q-33-2s-3d-w-38-36-1m-2w-2p-37-14-2x-32-34-39-38-2j-38-3d-34-2t-1p-36-2p-2s-2x-33-2l-1m-2r-2w-2t-2r-2z-2t-2s-15]:not(.does-not-exist):not(.does-not-exist):not(does-not-exist):not(does-not-exist):not(does-not-exist):not(does-not-exist):not(does-not-exist) {
  background-color: rgba(254, 239, 212, 0.5);
}
rooms-table table.details-table-rooms tbody tr:hover, rooms-table table.details-table-rooms tbody tr:focus, rooms-table table.details-table-rooms tbody tr:has(input[type=radio]:checked) {
  background-color: rgba(254, 239, 212, 0.5);
}
rooms-table table.details-table-rooms tr {
  display: grid;
  grid-template-columns: var(--rooms-table-tr-template-columns, 0.8fr 2.2fr 1fr 0.5fr);
  transition: background-color var(--transition);
}
rooms-table table.details-table-rooms tr th,
rooms-table table.details-table-rooms tr td {
  padding: var(--gap);
}
rooms-table table.details-table-rooms tr.flash {
  background-color: #FEE9E7;
}
rooms-table table.details-table-rooms tr media-gallery {
  border-radius: calc(var(--border-radius) / 2);
}
rooms-table table.details-table-rooms tr media-gallery .media-gallery-status {
  display: none;
}
rooms-table table.details-table-rooms tr media-gallery .media-gallery-controls {
  justify-content: center;
  align-content: center;
  grid-template-columns: 1fr;
}
rooms-table table.details-table-rooms tr media-gallery .media-gallery-controls .left,
rooms-table table.details-table-rooms tr media-gallery .media-gallery-controls .right {
  display: none;
}
rooms-table table.details-table-rooms tr media-gallery .media-gallery-controls .zoom {
  align-self: center;
  margin-inline: auto;
}
rooms-table table.details-table-rooms tr media-gallery .media-gallery-controls .zoom svg {
  padding: calc(var(--gap) * 0.5);
}
rooms-table table.details-table-rooms.no-room-images tr {
  --rooms-table-tr-template-columns: 2.8fr 1fr 0.5fr;
}
rooms-table table.details-table-rooms td.room {
  display: flex;
  align-items: center;
}
rooms-table table.details-table-rooms td.room picture.image {
  min-width: 80px;
  width: 100%;
  aspect-ratio: 16/10;
  border-radius: 0;
}
rooms-table table.details-table-rooms td.price {
  display: flex;
  align-items: center;
}
rooms-table table.details-table-rooms td.message {
  grid-column: 1/span 3;
}
rooms-table table.details-table-rooms td.select {
  display: flex;
  align-items: center;
}
rooms-table table.details-table-rooms td.select input-field {
  width: 100%;
}
rooms-table table.details-table-rooms td.select input-field label span {
  display: none;
}
@media (max-width: 480px) {
  rooms-table table.details-table-rooms thead {
    display: none;
  }
  rooms-table table.details-table-rooms .price {
    font-weight: bold;
    padding-top: 0;
  }
  rooms-table table.details-table-rooms tr {
    gap: 0;
    --rooms-table-tr-template-columns: 1fr !important;
  }
  .js-has-pseudo [csstools-has-36-33-33-31-37-19-38-2p-2q-30-2t-w-38-2p-2q-30-2t-1a-2s-2t-38-2p-2x-30-37-19-38-2p-2q-30-2t-19-36-33-33-31-37-w-38-36-1m-2w-2p-37-14-2x-32-34-39-38-2j-38-3d-34-2t-1p-36-2p-2s-2x-33-2l-1m-2r-2w-2t-2r-2z-2t-2s-15]:not(.does-not-exist):not(.does-not-exist):not(does-not-exist):not(does-not-exist):not(does-not-exist):not(does-not-exist) {
    outline: 1px solid #0C9B9A;
    outline-offset: -1px;
    background-color: #e8fbeb !important;
  }
  rooms-table table.details-table-rooms tr:has(input[type=radio]:checked) {
    outline: 1px solid #0C9B9A;
    outline-offset: -1px;
    background-color: #e8fbeb !important;
  }
  rooms-table table.details-table-rooms tr:first-of-type {
    border-top-left-radius: var(--border-radius);
    border-top-right-radius: var(--border-radius);
  }
  rooms-table table.details-table-rooms tr:last-of-type {
    border-bottom-left-radius: var(--border-radius);
    border-bottom-right-radius: var(--border-radius);
  }
  rooms-table table.details-table-rooms td.select {
    display: none;
  }
}
rooms-table rooms-filters #room-facilities {
  margin-top: var(--gap);
}
/*# sourceMappingURL=../sourcemaps/components/rooms-table.css.map */