/*
 * TaskNet login page
 */

.login {
  background-color: #eff4ff;
  width: 400px;
  margin-top: 130px;
}

.yy-login {
  background-color: var(--yy-theme-color-white);
  margin: 25vh auto 1rem;
  width: 30em;
}

.yy-reset-password {
	width: 30em;
	margin-left: auto;
	margin-right: auto;
}

.yy-reset-password:has( > h5) {
  background-color: var(--yy-theme-color-background);
}

.yy-navigation {
	width: 30em;
	margin-left: auto;
	margin-right: auto;
}

/* YY main outline button */

sl-button.yy-button-main-outline::part(base),
button.yy-button-main-outline {
  border: 1px solid var(--yy-theme-color-gold);
}

sl-button.yy-button-main-outline::part(base):hover:not(:disabled),
button.yy-button-main-outline:hover:not(:disabled) {
  background-color: var(--yy-theme-color-yellow);
}

/* TODO Extend yy-button-main-outline and move to the shared CSS file. */