.login-box[data-v-2ba74772] {
  display: flex;
  flex-direction: column;
  gap: var(--padding);
  margin-top: var(--padding);
}
.partner-box[data-v-2ba74772] {
  padding: 0 var(--padding) var(--padding) var(--padding);
  text-align: left;
}
.tenant-list[data-v-2ba74772] {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: var(--padding);
}
.tenant-list .icon[data-v-2ba74772] {
  height: 40px;
  width: 150px;
  object-fit: contain;
  object-position: center left;
  text-align: left;
}div[data-v-2c3997bc] {
  display: flex;
  flex-direction: column;
  width: 100%;
}
input[data-v-2c3997bc] {
  border: none;
  border-bottom: 1px solid var(--text-color);
  border-radius: 0;
  padding: 0 0 0.2rem;
  width: 100%;
  font-size: 1rem;
  color: var(--text-color);
  background-color: transparent;
  transition: border-color 0.3s, background-color 0.3s;
}
input[data-v-2c3997bc]:focus {
  outline: none;
  border-color: var(--primary-color-high);
  background-color: var(--background-color-light);
}
div:has(input:focus) > label[data-v-2c3997bc] {
  color: var(--primary-color-high);
}
div:has(input:not(:focus):not(:valid)) > label[data-v-2c3997bc] {
  transform: translate(5px, 20px) scale(1.1);
}
label[data-v-2c3997bc] {
  color: var(--text-color);
  text-align: start;
  margin-right: auto;
  opacity: 0.5;
  font-size: 0.9rem;
  transition: color 0.3s, transform 0.3s;
  pointer-events: none;
}img[data-v-aca9d510], svg[data-v-aca9d510] {
  width: 30%;
  height: auto;
}
.error[data-v-a1dc6eb5] {
	color: var(--error-color);
	font-size: 0.9rem;
	margin-bottom: 10px;
}
.card[data-v-a1dc6eb5] {
	gap: 5px;
}
.input[data-v-a1dc6eb5]:first-child {
	margin-top: 20px;
}
a[data-v-a1dc6eb5] {
	color: var(--primary-color);
	font-size: 0.9rem;
	margin-bottom: 10px;
}
button[data-v-a1dc6eb5] {
	margin-left: auto;
	margin-right: auto;
	margin-top: 1rem;
}
h2[data-v-a1dc6eb5] {
	font-weight: lighter;
	font-size: 1.2rem;
}

.card[data-v-0ee4d9aa] {
	display: grid;
	grid-template-columns: 1fr 2fr;
	gap: 0 var(--padding);
	text-align: left;
}

h2[data-v-67ba9bc5] {
	margin: var(--padding) 0 0;
}
p[data-v-67ba9bc5] {
	opacity: 0.5;
	margin: 0;
}
.buttons {
&[data-v-67ba9bc5] {
	display: flex;
	gap: var(--half-padding);
	margin-top: var(--padding);
	}
> *[data-v-67ba9bc5] {
		flex: 1;
}
}
.card {
&[data-v-67ba9bc5] {
	display: grid;
	grid-template-columns: auto 1fr auto;
	text-align: left;
	gap: 0 var(--padding);
	}
> span[data-v-67ba9bc5],
	> p[data-v-67ba9bc5] {
		grid-column-end: -2;
}
> button {
&[data-v-67ba9bc5] {
		grid-row: 1 / span 3;
		grid-column: -1;
		margin: auto;
		display: block;
		}
> .icon[data-v-67ba9bc5] {
			height: 1rem;
}
}
> img[data-v-67ba9bc5] {
		aspect-ratio: 1;
		display: block;
		grid-row: 1 / span 3;
		object-fit: cover;
		height: 70px;
		margin-top: auto;
		margin-bottom: auto;
		border-radius: 99999px;
		filter: drop-shadow(1px 1px 1px rgba(0, 0, 0, 0.2));
}
}

.card[data-v-74ac99b4] {
	display: grid;
	align-items: center;
	justify-content: center;
	color: var(--label-color);
}

.card {
&[data-v-9a61258c] {
	margin-top: var(--padding);
	align-items: center;
	gap: var(--padding);
}
span[data-v-9a61258c] {
		opacity: .5;
}
h2[data-v-9a61258c] {
		margin: 0;
}
}

.card {
&[data-v-01176a59] {
	margin-top: var(--padding);
	align-items: center;
	gap: var(--padding);
}
span[data-v-01176a59] {
		opacity: .5;
}
h2[data-v-01176a59] {
		margin: 0;
}
}
