body {
	background-image: url('../img/background_login.jpg');
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-size: cover;
	margin:0px;
}

.gFsyIU {
	height: 100vh;
	display: flex;
	-webkit-box-align: center;
	align-items: center;
	-webkit-box-pack: center;
	justify-content: center;
	background: rgba(0, 0, 0, 0.7);
	pointer-events: all;
}

.iNutFg .ModalContentStyled__wrap {
	padding: 2rem 2rem;
	max-width: 500px;
}

.gFsyIU > .ModalContentStyled__wrap {
	position: relative;
	border-radius: 0.5rem;

	box-shadow: rgba(150, 150, 150, 0.36) 0.3px 0.5px 0.7px, rgba(150, 150, 150, 0.36) 0.8px 1.6px 2px -0.8px, rgba(150, 150, 150, 0.36) 2.1px 4.1px 5.2px -1.7px, rgba(150, 150, 150, 0.36) 5px 10px 12.6px -2.5px;
	background-color: rgb(255, 255, 255);
	max-height: 100%;
	width: 100%;
	overflow: auto;
	max-width: calc(500px + 1vw);
	pointer-events: all;
}

.dqMNoE {
	display: flex;
	overflow: hidden;
}

.dqMNoE .sc-dSuTWQ {
	transform: translateX(calc(0%));
}

.UNYpk {
	flex: 1 0 100%;
	max-width: 100%;
	position: relative;
	transition: all 200ms ease 0s;
}

.fxSaum {
	padding: 1rem;
	display: flex;
	flex-direction: column;
	-webkit-box-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	align-items: center;
	gap: 0.5rem;
}

.fxSaum h1, .fxSaum h2 {
	font-weight: 800;
	font-size: 1.1rem;
}

.jPYRhL {
	width: 90%;
	margin: auto;
}

.jMjZOj {
	width: 100%;
	display: flex;
	flex-direction: column;
	gap: 1rem;
	padding-top: 1rem;
}

.fTuxCp {
	display: flex;
	flex-direction: column;
	gap: 0.5rem;
	position: relative;
}

.gLDPHk.outline {
	position: absolute;
	z-index: 1;
	pointer-events: none;
	transition: all 150ms ease 0s;
	transform: translate(1rem, calc(50% + 0.4rem));
	padding: 0px 4px;
	transform-origin: left top;
	border-radius: 3px;
	opacity: 1;
}

.gLDPHk {
	max-width: 85%;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.gLDPHk.outline {
	transform: translate(1rem, calc(50% + 0.4rem));
}

.gLDPHk.outline.focus {
	opacity: 1;
	color: rgb(255,0,0);
	background: white;
}

.gLDPHk.outline.isSuccess {
	color: initial;
}

.gLDPHk.outline.filled, .gLDPHk.outline.labelShrink {
	opacity: 1;
	position: absolute;
	transform: translate(0.9rem, -0.6rem) scale(0.8);
	background: white;
}

.gmsqci input:focus ~.gLDPHk, 
.gmsqci input:valid ~ .gLDPHk {
	top: -20px;
	left: 0;
	color: #03E9F4;
	font-size: 12px;
}

.fTuxCp label {
	position: absolute;
	top: 0;
	left: 0;
	padding: 10px 0;
	color: #000;
	pointer-events: none;
	transition: .5s;
}

.gmsqci {
	display: flex;
	width: 100%;
	position: relative;
	border-radius: 0.5rem;
}

.jCBBda {
	flex: 1 1 0%;
	transition: all 200ms ease 0s;
	border: 1px solid rgb(63, 63, 70);
	box-shadow: transparent 0px 0px 0px 2px;

	width: 100%;
	border-radius: 0.5rem;
	padding: 1rem;
}

.jCBBda:focus, .jCBBda.error {
	outline: 0px;
	border: 1px solid rgb(255, 0, 0);
	box-shadow: rgb(255, 0, 0) 0px 0px 0px 2px;
}

.jCBBda.isSuccess {
	border: 1px solid rgb(23, 201, 100);
}

.jCBBda.isSuccess:focus {
	border: 1px solid rgb(23, 201, 100);
	box-shadow: rgb(23, 201, 100) 0px 0px 0px 2px;
}

.kPWfsJ {
	position: absolute;
	right: 0px;
	aspect-ratio: 1 / 1;
	height: 100%;
	display: flex;
}

.kPWfsJ > * {
	flex: 1 1 0%;
	background: transparent;
	display: flex;
	-webkit-box-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	align-items: center;
	cursor: pointer;
}

.dAEHMu svg {
	font-size: 1.8rem;
}

.eqxtXi {
	cursor: pointer;
	font-size: 1rem;
	font-weight: 500;
	border-radius: 0.5rem;
	position: relative;
	box-shadow: rgba(150, 150, 150, 0.34) 0.3px 0.5px 0.7px, rgba(150, 150, 150, 0.34) 0.4px 0.8px 1px -1.2px, rgba(150, 150, 150, 0.34) 1px 2px 2.5px -2.5px;
	border: 1px solid rgb(255, 0, 0);
	background: rgb(255, 0, 0);
	color: white;
	padding: 1rem;
	margin-top: 20px;
	margin-bottom: 10px;
}


/* Display warning or error messages */

.klLgpV {
	display: flex;
	flex-direction: row;
	gap: 0.8rem;
	padding: 1rem;
	border-radius: 0.5rem;
	background: rgb(253, 217, 229);
	opacity: 1;
	transition: opacity 1s ease-in-out;
}

.klLgpV .sc-hiMGwR {
	color: rgb(149, 8, 57);
}

.jKsWEd svg {
	color: inherit;
	font-size: 1.6rem;
}

.dCBafh {
	display: flex;
	flex-direction: column;
	gap: 1rem;
	-webkit-box-pack: center;
	justify-content: center;
}

.klLgpV .sc-olbas {
	color: rgb(174, 9, 66);
}

/* Display warning messages */

.klLgpW {
    display: flex;
    flex-direction: row;
    gap: 0.8rem;
    padding: 1rem;
    border-radius: 0.5rem;
    background: #ffe69c;
    opacity: 1;
    transition: opacity 1s ease-in-out;
}

.jKsWEw svg {
    color: #664d03;
    font-size: 1.6rem;
}

.dCBafw {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    -webkit-box-pack: center;
    justify-content: center;
    color: #664d03;
}

/* Hide div errors */
.fade-out {
	animation: hide-div 2s forwards;
	animation-delay: 4s;
}

@keyframes hide-div {
	to {
		opacity: 0;
		display: none;
	}
}