/* Ember supports plain CSS out of the box. More info: https://cli.emberjs.com/release/advanced-use/stylesheets/ */
:root {
  --font-color: #0a1126; /* neutral-900 */
  --visible-content: 100%;
  --hide-content: unset;
}

html {
  scrollbar-gutter: stable;
  scrollbar-width: thin;
}

html,
body {
  height: 100%;
  color: var(--font-color);
  scroll-behavior: smooth;
}

mark {
  margin: 0 -0.4em;
  padding: 0.1em 0.4em;
  border-radius: 0.8em 0.3em;
  background: transparent;
  background-image: linear-gradient(
    to right,
    rgb(255 225 0 / 10%),
    rgb(255 225 0 / 70%) 4%,
    rgb(255 225 0 / 30%)
  );
  -webkit-box-decoration-break: clone;
          box-decoration-break: clone;
}

.tbc {
  border: 1px solid transparent;
}

/* dm-sans-latin-ext-400-normal */
@font-face {
  font-family: 'DM Sans';
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url(/fonts/dm-sans-latin-ext-400-normal.woff2) format('woff2'), url(/fonts/dm-sans-latin-ext-400-normal.woff) format('woff');
  unicode-range: U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}

/* dm-sans-latin-400-normal */
@font-face {
  font-family: 'DM Sans';
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url(/fonts/dm-sans-latin-400-normal.woff2) format('woff2'), url(/fonts/dm-sans-latin-400-normal.woff) format('woff');
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
@keyframes _2K-P0 {
  100% {
    transform: rotate(360deg);
  }
}

.rEy6N {
  transform-origin: center;
  animation: _2K-P0 0.75s infinite linear;
}

.ember-google-map {
  width: 100%;
  height: 18rem;
}

.red {
  background-color: red;
}

#passengers {
  details {
    position: relative;
    padding-bottom: 1rem;
    list-style: none;
    border: 1px solid rgb(209 213 219);
    border-radius: 0.75rem;
  }

  summary {
    list-style: none;
    cursor: pointer;
    margin-bottom: -1rem;
    transition-property: all;
    transition-duration: 150ms;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    padding: 0.5rem;
    border-radius: 0.75rem;
    position: relative;
    z-index: 2;
  }

  details[open] > summary {
    color: black;
    margin-bottom: 1rem;
    border-radius: 0.75rem 0.75rem 0 0;
  }

  details.error {
    border-color: rgb(239 68 68);
  }

  details > summary.error {
    background: rgb(239 68 68 / 20%);
  }

  details[open] > summary.error {
    background: rgb(239 68 68 / 20%);
  }

  details > span {
    position: relative;
    z-index: 1;
  }
}

@media screen and (width <= 640px) {
  #payments {
    table {
      border: 0;
    }

    table thead {
      border: none;

      /* clip: rect(0 0 0 0); */
      height: 1px;
      margin: -1px;
      overflow: hidden;
      padding: 0;
      position: absolute;
      width: 1px;
    }

    table tr {
      display: block;
      border-bottom: 1px solid rgb(215 217 220);
      margin-bottom: 3rem;
    }

    table td {
      border-bottom: 1px solid rgb(215 217 220);
      display: block;
      text-align: right;
    }

    table td::before {
      content: attr(data-label);
      float: left;
      font-weight: bold;
    }

    table td:last-child {
      border-bottom: 0;
    }
  }
}

#rooms {
  details {
    position: relative;
    padding-bottom: 1rem;
    list-style: none;
    border: 1px solid rgb(209 213 219);
    border-radius: 0.75rem;
  }

  summary {
    list-style: none;
    cursor: pointer;
    margin-bottom: -1rem;
    transition-property: all;
    transition-duration: 150ms;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    background: white;
    padding: 0.5rem;
    border-radius: 0.75rem;
    position: relative;
    z-index: 2;
  }

  details[open] > summary {
    color: black;
    margin-bottom: 1rem;
    border-radius: 0.75rem 0.75rem 0 0;
  }

  details.error {
    border-color: rgb(239 68 68);
  }

  details > summary.error {
    background: rgb(239 68 68 / 20%);
  }

  details[open] > summary.error {
    background: rgb(239 68 68 / 20%);
  }

  details > span {
    position: relative;
    z-index: 1;
  }
}

.DB\+ID {
  -webkit-mask-image: linear-gradient(transparent, white);
          mask-image: linear-gradient(transparent, white);
}