sparkletown/sparkle

@import "scss/constants";

.venue-owner-modal {
  .text-input {
    margin-top: 20px;
    background: var(--content--under-80a);
    color: var(--content--over);

    &:-webkit-autofill,
    &:-webkit-autofill:hover,
    &:-webkit-autofill:focus,
    &:-webkit-autofill:active {
      -webkit-text-fill-color: var(--content--over);
      box-shadow: box-shadow--input-autofill(var(--content--under-80a)) inset;
    }
  }

  .row-container {
    max-height: 500px;
    overflow: scroll;
    padding: 10px;
    border-radius: 10px;
    border: 2px solid var(--accent--over-10a);
    margin-top: 20px;

    .user-row {
      display: flex;
      align-items: center;
      margin-top: 10px;
      padding: 5px;
      background-color: opaque-white(0.1);

      .info-container {
        flex: 1;
        img {
          width: 50px;
          height: 50px;
          border-radius: 50%;
          margin-right: 10px;
        }
      }
    }
  }
}