.jinya-form.is--instance {
  background: var(--article-background-darker);
  padding: 1rem;
  border-radius: 1rem;
}

.jinya-instances__forms {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 2rem;
  align-items: start;
  margin-top: 4rem;

  &.is--columns {
    column-count: 2;
    display: block;
    gap: 2rem;

    .jinya-form.is--instance {
      margin-bottom: 2rem;

      &.is--notifications {
        display: block;

        .jinya-checkboxes {
          margin-bottom: 1rem;
        }

        .jinya-outlined__button {
          margin-left: auto;
          margin-right: 0;
        }
      }
    }
  }
}

.jinya-instances {
  display: flex;
  gap: 1rem;
}

.jinya-instance {
  display: flex;
  flex-flow: column nowrap;
  background: var(--article-background-darker);
  padding: 1rem;
  border-radius: 1rem;
  gap: 0.5rem;
}

.jinya-instance__name {
  font-size: 1.75rem;
  font-family: Urbanist, sans-serif;
  font-weight: 200;
}

.jinya-table {
  width: 100%;
  border-collapse: collapse;

  th {
    border-bottom: 0.125rem solid var(--primary-color);
    font-size: 1.25rem;
    text-align: start;
    padding: 0.5rem;
  }

  td {
    font-size: 1.25rem;
    padding: 0.5rem;
  }

  tbody {
    tr:nth-child(2n + 1) {
      background: var(--article-background-darker);
    }
  }
}

.jinya-favicon {
  width: 100%;
  height: 12rem;
  object-fit: scale-down;
  object-position: center;
  cursor: pointer;
  transition: filter 0.3s;

  &:hover {
    filter: blur(8px);
  }
}