#tood-rent {
  #rt-form {
    position: relative;
    margin-top: 10px;
    margin-inline: auto;
    background-color: #fff;
    border: 1px solid #e5e7eb;
    z-index: 1;
    border-radius: 1rem;
    box-shadow: none;

    @media screen and (min-width: 48rem) {
      margin-top: -6rem;
      max-width: 80vw;
      box-shadow:
        0 4px 6px -1px rgb(0 0 0 / 0.1),
        0 2px 4px -2px rgb(0 0 0 / 0.1);
    }

    form {
      padding: 0;
    }

    * > .carow {
      padding-block: 0;
    }
  }

  .rt-grid-normal {
    --rt-grid-columns: 1;
    display: grid;
    grid-template-columns: repeat(var(--rt-grid-columns), minmax(0, 1fr));
    margin-top: 1rem;

    @media screen and (min-width: 48rem) {
      --rt-grid-columns: 5;
    }
  }

  .rt-grid-centered {
    --rt-grid-columns: 1;
    display: grid;
    grid-template-columns: repeat(var(--rt-grid-columns), minmax(0, 1fr));
    margin-top: 1rem;

    @media screen and (min-width: 48rem) {
      --rt-grid-columns: 5;
      justify-content: center;
    }

    .rt-placeholder {
      display: none;

      @media screen and (min-width: 48rem) {
        display: block;
      }
    }
  }
}