.fui-type-html p + p {
  margin-block-start: 1.6rem;
}

.fui-alert {
  --fui-alert-font-size: 1.6rem;
  --fui-alert-padding: 2rem;
}
.fui-alert p {
  line-height: 1.2;
}

.fui-form-container {
  container-type: inline-size;
}

@container ( width < 500px) {
  .fui-page-row[data-fui-field-count="2"] {
    flex-direction: column;
  }
}

.fui-form-container {
  --fui-label-font-size:1.6rem;
  --fui-input-font-size:1.6rem;
  --fui-check-font-size:1.4rem;
  --fui-check-label-line-height: 1.2;
  --fui-label-color: #666666;
  --fui-check-label-width: 1.8rem;
  --fui-check-label-height: 1.8rem;
  --fui-check-label-padding-left: 3rem;
}
.fui-form-container .fui-input-container {
  --fui-input-border-radius: calc(var(--border-radius) / 2);
}

main > .fui-i {
  max-width: 650px;
  --fui-field-gutter: var(--gutter0);
  --fui-row-gutter: var(--gutter1);
}

[is=search-availability] {
  display: grid;
  row-gap: 0;
}
[is=search-availability].block {
  padding: 0;
}
[is=search-availability] #search-availability-block {
  padding: var(--gutter1);
}
[is=search-availability] > .heading {
  background: var(--primary);
  border-top-left-radius: inherit;
  border-top-right-radius: inherit;
  align-items: center;
  justify-self: center;
  width: 100%;
  padding: var(--gutter0) var(--gutter1);
  color: #FFFFFF;
  text-align: center;
  display: grid;
  grid-template-columns: min-content 1fr min-content;
}
[is=search-availability] > .heading > span {
  grid-column: 2;
}
[is=search-availability] > .heading svg.arrow-up {
  width: 1em;
  grid-column: 3;
  display: none;
}
[is=search-availability] timing-grid {
  margin-right: -18px;
}
[is=search-availability] timing-grid > table:empty {
  min-height: 471px;
}
@media (min-width: 660px) and (max-width: 960px) {
  [is=search-availability] {
    margin-left: auto;
  }
}
@media (max-width: 960px) {
  [is=search-availability] {
    width: 100%;
    max-width: 100%;
    max-height: 100vh;
  }
  [is=search-availability] #search-availability-block {
    max-width: 500px;
  }
  [is=search-availability] {
    transition: transform var(--transition), opacity var(--transition);
  }
  [is=search-availability] #search-availability-block {
    padding: var(--gutter2) var(--gutter2) var(--spacer0) var(--gutter2);
  }
  [is=search-availability] > .heading {
    padding: var(--gutter1) var(--gutter1);
  }
}
@media (max-width: 960px) and (max-width: 660px) {
  [is=search-availability] {
    margin: auto;
  }
}
/*# sourceMappingURL=../../sourcemaps/components/search/search-availability.css.map */