.w-toggle {
  --toggle-transition-duration: 200ms;
  --toggle-transition-timing: ease;
  --toggle-track-background: var(--color-fg-default-quaternary);
  --toggle-track-checked-background: var(--color-fg-brand-primary);
  --toggle-thumb-background: var(--color-container-default-lightest);
  --toggle-thumb-overlay-background: transparent;
  --toggle-thumb-overlay-background-hover: var( --color-container-default-midtone-hovered );
  --toggle-thumb-overlay-background-pressed: var( --color-container-default-midtone-pressed );
  --toggle-track-width: var(--spacing-48-rem);
  --toggle-track-height: calc(28 / var(--size-rem-base) * 1rem);
  --toggle-thumb-width: var(--spacing-24-rem);
  --toggle-thumb-height: var(--spacing-24-rem);
  --toggle-thumb-offset: var(--spacing-2-rem);
  --toggle-thumb-translate: var(--spacing-20-rem);
  cursor: pointer;
  width: 100%;
}
.w-toggle--xs {
  --toggle-track-width: calc(27 / var(--size-rem-base) * 1rem);
  --toggle-track-height: calc(16 / var(--size-rem-base) * 1rem);
  --toggle-thumb-width: calc(12 / var(--size-rem-base) * 1rem);
  --toggle-thumb-height: calc(12 / var(--size-rem-base) * 1rem);
  --toggle-thumb-offset: var(--spacing-2-rem);
  --toggle-thumb-translate: calc(11 / var(--size-rem-base) * 1rem);
}
.w-toggle--sm {
  --toggle-track-width: calc(41 / var(--size-rem-base) * 1rem);
  --toggle-track-height: var(--spacing-24-rem);
  --toggle-thumb-width: var(--spacing-20-rem);
  --toggle-thumb-height: var(--spacing-20-rem);
  --toggle-thumb-offset: var(--spacing-2-rem);
  --toggle-thumb-translate: calc(17 / var(--size-rem-base) * 1rem);
}
.w-toggle--disabled {
  --toggle-track-background: var(--color-fg-default-disabled);
  --toggle-track-checked-background: var(--color-fg-default-disabled);
  --toggle-thumb-background: var(--color-fg-default-quaternary);
  cursor: auto;
}
.w-toggle--contained {
  display: flex;
  align-items: center;
  height: var(--spacing-32-rem);
  padding: var(--spacing-8-rem) var(--spacing-12-rem);
  border-radius: var(--corner-radius-md-rem);
  border: calc(1/var(--size-rem-base)*1rem) solid var(--color-border-default-subtle, #bec9d8);
  background: var(--color-container-default-subtle, #f2f4f8);
  width: fit-content;
}
.w-toggle--disabled.w-toggle--in-chip {
  --toggle-track-background: var(--color-container-default-tone-20);
  --toggle-track-checked-background: var(--color-container-default-tone-20);
}
.w-toggle__input {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}
.w-toggle__label {
  display: flex;
  width: 100%;
  justify-content: space-between;
  align-items: center;
  gap: var(--spacing-8-rem);
  cursor: inherit;
  user-select: none;
}
.w-toggle__track {
  position: relative;
  display: inline-block;
  flex-shrink: 0;
  width: var(--toggle-track-width);
  height: var(--toggle-track-height);
  background-color: var(--toggle-track-background);
  border-radius: var(--corner-radius-full-rem);
  transition: background-color var(--toggle-transition-duration) var(--toggle-transition-timing);
}
.w-toggle__input:checked + .w-toggle__label .w-toggle__track {
  background-color: var(--toggle-track-checked-background);
}
.w-toggle__thumb {
  position: absolute;
  top: var(--toggle-thumb-offset);
  left: var(--toggle-thumb-offset);
  width: var(--toggle-thumb-width);
  height: var(--toggle-thumb-height);
  background-color: var(--toggle-thumb-background);
  border-radius: var(--corner-radius-full-rem);
  transition: transform var(--toggle-transition-duration) var(--toggle-transition-timing);
}
.w-toggle__thumb::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: var(--corner-radius-full-rem);
  background-color: var(--toggle-thumb-overlay-background);
  transition: background-color var(--toggle-transition-duration) var(--toggle-transition-timing);
}
.w-toggle__input:checked + .w-toggle__label .w-toggle__thumb {
  transform: translateX(var(--toggle-thumb-translate));
}
.w-toggle:not(.w-toggle--disabled) .w-toggle__track:hover .w-toggle__thumb::before {
  background-color: var(--toggle-thumb-overlay-background-hover);
}
.w-toggle:not(.w-toggle--disabled) .w-toggle__track:active .w-toggle__thumb::before,
.w-toggle:not(.w-toggle--disabled) .w-toggle__input:active + .w-toggle__label .w-toggle__track .w-toggle__thumb::before {
  background-color: var(--toggle-thumb-overlay-background-pressed);
}

.w-chip {
  display: flex;
  white-space: nowrap;
  height: var(--spacing-32-rem);
  padding: var(--spacing-8-rem) var(--spacing-12-rem);
  border-radius: var(--corner-radius-md-rem);
  border: calc(1/var(--size-rem-base)*1rem) solid var(--chip-border-color, var(--color-border-default-subtle));
  color: var(--chip-foreground-color, var(--color-fg-default-primary));
  background: var(--chip-background, var(--color-container-default-subtle));
}
.w-chip--filter,
.w-chip--select {
  --chip-foreground-color: var(--color-fg-brand-primary);
  gap: var(--spacing-8-rem);
  align-items: center;
}
.w-chip__leading-icon,
.w-chip__trailing-icon {
  min-width: var(--spacing-16-rem);
  min-height: var(--spacing-16-rem);
  width: var(--spacing-16-rem);
  height: var(--spacing-16-rem);
  fill: currentcolor;
  stroke: currentcolor;
}
.w-chip:disabled,
.w-chip--disabled {
  --chip-border-color: transparent;
  --chip-foreground-color: var(--color-fg-default-disabled-inverted);
  --chip-background: var(--color-container-default-disabled);
}
.w-chip--selected:not(:disabled) {
  --chip-border-color: transparent;
  --chip-foreground-color: var(--filled-button-color-fg);
  --chip-background: var(--filled-button-color-container);
}
.w-chip--selected:not(:disabled):hover {
  --chip-background:
    linear-gradient(
      
      0deg,
      var(--filled-button-color-hovered) 0%,
      var(--filled-button-color-hovered) 100% ),
    var(--filled-button-color-container);
}
.w-chip--selected:not(:disabled):active {
  --chip-background:
    linear-gradient(
      
      0deg,
      var(--filled-button-color-pressed) 0%,
      var(--filled-button-color-pressed) 100% ),
    var(--filled-button-color-container);
}
.w-chip--toggleIcon {
  --chip-foreground-color: var(--color-fg-brand-primary);
}
.w-chip__toggle {
  scale: .5;
  margin: calc(-3/var(--size-rem-base)*1rem) calc(-13/var(--size-rem-base)*1rem) 0 calc(-3/var(--size-rem-base)*1rem);
}
.w-chip:not(.w-chip--selected, :disabled):hover {
  --chip-background:
    linear-gradient(
      
      0deg,
      var(--color-container-default-midtone-hovered) 0%,
      var(--color-container-default-midtone-hovered) 100% ),
    var(--color-container-default-subtle);
}
.w-chip:not(.w-chip--selected, :disabled):active {
  --chip-background:
    linear-gradient(
      
      0deg,
      var(--color-container-default-midtone-pressed) 0%,
      var(--color-container-default-midtone-pressed) 100% ),
    var(--color-container-default-subtle);
}
.w-chip__select-content {
  position: relative;
  z-index: 1;
  display: flex;
  gap: var(--spacing-8-rem);
  pointer-events: none;
}
.w-chip__select-native {
  position: absolute;
  inset: 0;
  z-index: 0;
  opacity: 0;
  cursor: pointer;
}
.w-chip--select {
  position: relative;
  width: fit-content;
}
.w-chip--select:focus-within {
  outline: calc(2/var(--size-rem-base)*1rem) auto -webkit-focus-ring-color;
}
.w-chip--image {
  --chip-border-color: transparent;
  --chip-foreground-color: var(--color-fg-default-primary-inverted);
  --chip-background: var(--color-container-default-lightest-on-image-35);
}
.w-chip--image.w-chip--selected:not(:disabled) {
  --chip-background: var(--color-container-default-lightest);
  --chip-foreground-color: var(--color-fg-default-primary);
}
.w-chip--image.w-chip--selected:not(:disabled):hover {
  --chip-background:
    linear-gradient(
      
      0deg,
      var(--color-container-default-midtone-hovered) 0%,
      var(--color-container-default-midtone-hovered) 100% ),
    var(--color-container-default-lightest);
}
.w-chip--image.w-chip--selected:not(:disabled):active {
  --chip-background:
    linear-gradient(
      
      0deg,
      var(--color-container-default-midtone-pressed) 0%,
      var(--color-container-default-midtone-pressed) 100% ),
    var(--color-container-default-lightest);
}
.w-chip--image:not(.w-chip--selected, :disabled) {
  backdrop-filter: blur(calc(var(--effect-bg-blur-on-image-rem) / 2));
}
.w-chip--image:not(.w-chip--selected, :disabled):hover {
  --chip-background:
    linear-gradient(
      
      0deg,
      var(--color-container-default-midtone-hovered) 0%,
      var(--color-container-default-midtone-hovered) 100% ),
    var(--color-container-default-lightest-on-image-35);
}
.w-chip--image:not(.w-chip--selected, :disabled):active {
  --chip-background:
    linear-gradient(
      
      0deg,
      var(--color-container-default-midtone-pressed) 0%,
      var(--color-container-default-midtone-pressed) 100% ),
    var(--color-container-default-lightest-on-image-35);
}

.w-photo-gallery-modal {
  --modal-inline-gutter: var(--spacing-12-rem);
  --modal-block-gutter: var(--spacing-12-rem);
  border: none;
  padding: 0;
  background-color: rgba(0, 0, 0, 0);
  position: fixed;
  overflow: visible;
  width: 100vw;
  height: 100vh;
  inset-block-start: 50%;
  inset-inline-start: 50%;
  transform: translate(-50%, -50%);
  max-inline-size: calc(100% - var(--modal-inline-gutter)*2);
  max-block-size: calc(100% - var(--modal-block-gutter)*2);
}
@media (min-width: 768px) {
  .w-photo-gallery-modal {
    --modal-inline-gutter: var(--spacing-40-rem);
    --modal-block-gutter: var(--spacing-96-rem);
  }
}
@media (min-width: 1280px) {
  .w-photo-gallery-modal {
    --modal-inline-gutter: var(--spacing-80-rem);
    --modal-block-gutter: var(--spacing-96-rem);
    max-width: calc(1280px - var(--modal-inline-gutter) - var(--spacing-40-rem));
  }
}
.w-photo-gallery-modal[open] {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
@media (min-width: 768px) {
  .w-photo-gallery-modal[open] {
    justify-content: flex-start;
  }
}
.w-photo-gallery-modal::backdrop {
  background-color: var(--color-container-default-tone-80);
}
.w-photo-gallery-modal__panel-container {
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.w-photo-gallery-modal__top-panel {
  display: block;
}
@media (min-width: 1024px) {
  .w-photo-gallery-modal__top-panel {
    display: none;
  }
}
.w-photo-gallery-modal__body {
  overflow: hidden;
  display: flex;
  gap: var(--spacing-16-rem);
}
.w-photo-gallery-modal__left-panel {
  display: none;
  flex-direction: column;
  flex-shrink: 0;
  gap: var(--spacing-32-rem);
  padding: var(--spacing-12-rem);
  border-radius: var(--corner-radius-md-rem);
  background-color: var(--color-container-default-lightest);
}
@media (min-width: 1024px) {
  .w-photo-gallery-modal__left-panel {
    display: flex;
    width: calc(252/var(--size-rem-base)*1rem);
  }
}
@media (min-width: 1280px) {
  .w-photo-gallery-modal__left-panel {
    display: flex;
    width: calc(313/var(--size-rem-base)*1rem);
  }
}
.w-photo-gallery-modal__right-panel {
  position: relative;
  flex: 1 1 auto;
  overflow: hidden;
  min-width: 0;
}
.w-photo-gallery-modal__bottom-panel {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-16-rem);
  padding: var(--spacing-12-rem);
  border-radius: var(--corner-radius-md-rem);
  background-color: var(--color-container-default-lightest);
}
@media (min-width: 768px) {
  .w-photo-gallery-modal__bottom-panel {
    padding: var(--spacing-24-rem);
    flex-direction: row;
    margin-block-start: var(--spacing-40-rem);
    align-items: center;
    justify-content: space-between;
  }
}
@media (min-width: 1024px) {
  .w-photo-gallery-modal__bottom-panel {
    display: none;
  }
}
.w-photo-gallery-modal__category-chips {
  display: flex;
  gap: var(--spacing-12-rem);
  overflow-x: auto;
  margin-bottom: var(--spacing-16-rem);
  scrollbar-width: none;
}
.w-photo-gallery-modal__categories {
  flex: 1 1 auto;
  overflow-y: auto;
  height: 0;
}
.w-photo-gallery-modal__categories > * + * {
  margin-block-start: var(--spacing-8-rem);
}
.w-photo-gallery-modal__category {
  display: block;
  width: 100%;
  text-align: left;
  text-decoration: none;
  color: inherit;
  border: calc(1/var(--size-rem-base)*1rem) solid var(--category-border-color, transparent);
  background-color: var(--category-background-color, transparent);
  border-radius: var(--corner-radius-sm-rem);
  height: var(--spacing-32-rem);
  padding: var(--spacing-8-rem);
}
.w-photo-gallery-modal__category--selected {
  --category-border-color: var(--color-border-default-subtle);
  --category-background-color: var(--color-bg-default-subtle);
}
.w-photo-gallery-modal__category:hover {
  --category-background-color: var( --color-container-default-midtone-hovered );
}
.w-photo-gallery-modal__category:active {
  --category-background-color: var( --color-container-default-midtone-pressed );
}
.w-photo-gallery-modal__category-name {
  display: flex;
  gap: var(--spacing-16-rem);
}
.w-photo-gallery-modal__booking-button {
  margin-block-start: auto;
  white-space: nowrap;
  min-width: unset;
}
@media (min-width: 768px) {
  .w-photo-gallery-modal__booking-button {
    min-width: calc(220/var(--size-rem-base)*1rem);
  }
}
.w-photo-gallery-modal__carousel {
  width: 100%;
}
.w-photo-gallery-modal__close-button {
  position: relative;
  align-self: flex-end;
}
@media (min-width: 768px) {
  .w-photo-gallery-modal__close-button {
    position: absolute;
    top: calc(-1*(var(--spacing-32-rem) + var(--spacing-12-rem)));
    right: 0;
  }
}
@media (min-width: 1024px) {
  .w-photo-gallery-modal__close-button {
    top: calc(-1*(var(--spacing-32-rem) + var(--spacing-8-rem)));
    right: 0;
  }
}
@media (min-width: 1280px) {
  .w-photo-gallery-modal__close-button {
    top: 0;
    right: calc(-1*(var(--spacing-32-rem) + var(--spacing-8-rem)));
  }
}


/*# sourceMappingURL=c-photo-gallery-modal.0955dfe2.css.map*/