.check-availability {
  display: grid;
  grid-gap: var(--gutter1);
  text-align: center;
  justify-items: center;
  align-content: start;
  --theme-box-shadow: #6b6b6b17;
}
.check-availability.block {
  padding: 0 0 var(--gutter1) 0;
}
.check-availability.notice {
  padding: var(--gutter1) 0;
}
.check-availability .step.show:not([data-step="1"]) ~ .logo {
  display: none;
}
.check-availability .logo {
  max-width: 120px;
  order: -1;
  width: 100%;
  grid-column: 1;
  grid-row: 1;
  align-self: center;
  justify-self: center;
  margin: auto auto var(--gutter1) auto;
  aspect-ratio: 1/1;
  display: block;
  position: relative;
  background-position: var(--position, center 33%);
  background-size: cover;
  background-repeat: no-repeat;
  overflow: hidden;
}
.check-availability .logo img {
  display: block;
  position: absolute;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: var(--image-position, center 33.33%);
     object-position: var(--image-position, center 33.33%);
  width: var(--image-size, var(--image-width-size, 100%));
  height: var(--image-size, var(--image-height-size, 100%));
  max-width: var(--image-size, var(--image-width-size, 100%));
  max-height: var(--image-size, var(--image-height-size, 100%));
  inset: 0px;
}
@supports not (inset: 0px) {
  .check-availability .logo img {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }
}
.check-availability .logo {
  overflow: initial;
}
.check-availability .logo img {
  border-radius: 50%;
  overflow: hidden;
}
.js-has-pseudo [csstools-has-1a-2r-2w-2t-2r-2z-19-2p-3a-2p-2x-30-2p-2q-2x-30-2x-38-3d-w-1a-30-33-2v-33-1m-2w-2p-37-14-39-37-2t-36-19-2u-2t-2t-2s-2q-2p-2r-2z-19-2q-2p-2s-2v-2t-15]:not(.does-not-exist):not(does-not-exist) {
  margin-bottom: var(--gutter2);
}
.check-availability .logo:has(user-feedback-badge) {
  margin-bottom: var(--gutter2);
}
.check-availability .logo user-feedback-badge {
  position: absolute;
  bottom: -0.3em;
  margin-inline: auto;
  left: 50%;
  translate: -50% 50%;
}
.check-availability .forms-tab-nav {
  width: 100%;
  position: relative;
  display: flex;
}
.check-availability .forms-tab-nav button {
  font-size: 1.0625em;
  line-height: 1.6;
  font-weight: 700;
  background: linear-gradient(var(--gradient-angle, 270deg), #ff2871 var(--gradient-offset, 33%), #ff715c);
  padding: calc(var(--gutter0) * 1.5) var(--gutter0);
  width: 100%;
  --font-colour: white;
}
.check-availability .forms-tab-nav button.active {
  background: white;
  color: #ff2871;
}
.check-availability .forms-tab-nav button:first-of-type {
  border-top-left-radius: var(--border-radius);
}
.check-availability .forms-tab-nav button:last-of-type {
  border-top-right-radius: var(--border-radius);
}
.check-availability > .image {
  max-width: 160px;
  width: 100%;
  --aspect-ratio: 1/1;
  aspect-ratio: var(--aspect-ratio);
}
@supports not (aspect-ratio: 1/1) {
  .check-availability > .image {
    aspect-ratio: initial;
  }
  .check-availability > .image::before {
    content: "";
    float: left;
    height: 0;
    padding-top: calc(1 / 1 * 100%);
  }
}
.check-availability > .image {
  border-radius: 50%;
  grid-column: 1;
  grid-row: 2;
}
.check-availability p > em {
  display: block;
  font-style: normal;
  color: var(--primary);
  font-weight: 700;
  font-size: 3.125em;
  line-height: 1.2;
}
.check-availability p.notice {
  border-radius: calc(var(--border-radius) / 2);
  font-size: 0.8em;
}
.check-availability .buttons .button.prev {
  height: auto;
  min-width: 7ch;
}
.check-availability > .heading {
  background: var(--primary);
  border-top-left-radius: inherit;
  border-top-right-radius: inherit;
  width: 100%;
  justify-self: center;
  display: block;
  position: relative;
  padding: calc(var(--gutter0) * 1.5) var(--gutter1);
  color: #FFFFFF;
}
.check-availability > .heading[data-counter] {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 1ch;
}
.check-availability > .heading[data-counter]::after {
  display: inline-flex;
  order: -1;
}
.check-availability .login-buttons {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: var(--gutter0);
}
.check-availability > section#form-care-at-home, .check-availability > section#form-care-home {
  padding-left: var(--gutter1);
  padding-right: var(--gutter1);
  width: 100%;
}
.check-availability > section#form-care-at-home form[is=homecare-request-form], .check-availability > section#form-care-home form[is=homecare-request-form] {
  display: flex;
  flex-direction: column;
}
.check-availability > section#form-care-at-home tab-bar, .check-availability > section#form-care-home tab-bar {
  margin: 0 0 var(--gap) 0;
}
.check-availability flyout-panel.arrange-a-viewing {
  width: 100%;
  margin-bottom: var(--gutter1-);
  border-bottom-left-radius: var(--border-radius);
  border-bottom-right-radius: var(--border-radius);
  padding: var(--gap) var(--gutter1);
  background: linear-gradient(to bottom, #F7F7F7, white);
}
/*# sourceMappingURL=../sourcemaps/components/check-availability.css.map */