/* Login */
:root {
	--phox-width: 100%;
	--phox-border-style: none;
	--phox-background-color: transparent;
	--phox-box-shadow: transparent;
	--phox-color-dark: #12263f;
	--phox-color-white: #fff;
	--phox-color-danger: #e63757;
	--phox-color-light: hwb(213 88% 0%);
	--phox-button-border-radius: 0.375rem;
	--phox-body-font-size: 0.9375rem;
	--phox-botton-font-size: 0.9375rem;
	--phox-botton-font-weight: 400;
	--phox-input-border-style: 1px solid #d2ddec;
}

[data-amplify-authenticator] {
	--amplify-components-authenticator-container-width-max: var(--phox-width);
	--amplify-components-authenticator-router-border-style: var(--phox-border-style);
}

[data-amplify-authenticator] [data-amplify-router] {
	background-color: var(--phox-background-color) !important;
	box-shadow: var(--phox-box-shadow) !important;
}

[data-amplify-authenticator] [data-amplify-form] {
	padding: 1rem 2rem !important;
}

.amplify-button {
	font-size: var(--phox-botton-font-size) !important;
	font-weight: var(--phox-botton-font-weight) !important;
}

.amplify-button--primary {
	background-color: var(--phox-color-dark) !important;
	border-color: var(--phox-color-dark) !important;
	color: var(--phox-color-white) !important;
}

.amplify-label {
	color: var(--amplify-components-field-label-color);
	font-size: var(--phox-body-font-size) !important;
}

.amplify-button--link {
	color: var(--phox-color-dark) !important;
}

.amplify-button--link:hover {
	background-color: var(--phox-color-light) !important;
}

.amplify-input {
	display: block !important;
	width: 100% !important;
	padding: 0.5rem 0.75rem !important;
	font-size: 0.9375rem !important;
	font-weight: 400 !important;
	line-height: 1.5 !important;
	color: #12263f !important;
	background-color: #fff !important;
	background-clip: padding-box !important;
	border: 1px solid #d2ddec !important;
	-webkit-appearance: none !important;
	-moz-appearance: none !important;
	appearance: none !important;
	transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out !important;
}

button.amplify-button.amplify-field-group__control.amplify-field__show-password {
	border-color: #d2ddec !important;
}

.amplify-flex.amplify-tabs {
	display: none !important;
}

.amplify-select {
	border-color: #d2ddec !important;
	font-size: var(--phox-botton-font-size) !important;
}

.amplify-text--error {
	color: var(--phox-color-danger) !important;
}