[l-wrp] {

        position:fixed;
	width:100%;
	height:100%;
	display:flex;
	justify-content:center;
	align-items:center;

}

[l-zavesa] {

        position:absolute;
	width:100%;
	height:100%;
	left:0px;
	top:0px;
	background-color:rgba(0,0,0,0.1);
	
}


[l-content] {
        position:relative;
	display:block;
	width:345px;
	background-color:white;
	border-radius:30px;
	opacity:1;
        transition:opacity 0.5s ease-in-out;
        padding:0px 30px 0px 30px;

}

[l-content][move] {
	opacity:1;
}


@media screen and (max-width: 375px) {

[l-content] {
        width:calc( (100vw - 320px)/(375 - 320) * (345 - 304) + 304px);
        padding:0px calc( (100vw - 320px)/(375 - 320) * (30 - 8) + 8px) 0px calc( (100vw - 320px)/(375 - 320) * (30 - 8) + 8px);
}


}


[l-f-igroup] {
	position:relative;
}

[l-f-ig-input] {
    position:relative;
    width: 100%;
    height:52px;
    border-radius: 8px;
    font-size: 16px;
    font-weight: 400;
    text-align: left;
    border: none;
    outline: none;
    padding: 20px 0px 0px 10px;
    border:1px solid #f1f3f8;
    margin:0px 0px 8px 0px;
}

[l-f-ig-input][err] {
	background-color:#f4dada;
}



[l-f-ig-label] {
    font-size: 14px;
    font-weight: 400;
    height: 24px;
    line-height: 24px;
    position: absolute;
    pointer-events: none;
    left: 10px;
    top: calc((52px - 24px)/2);
    transition: 0.5s ease-in-out all;
    -moz-transition: 0.3s ease-in-out all;
    -webkit-transition: 0.3s ease-in-out all;
    color:rgba(18, 18, 18, 1);
}


[l-f-ig-input]:focus ~ label, [l-f-ig-input]:valid ~ label {
	top: 4px;
	left:11px;
	font-size:11px;
	color:rgba(112, 112, 112, 1);

}


[l-f-close] {
	position:absolute;
	display:block;
	width:32px;
	height:32px;
	background-image:url(../images/close.svg);
	top:12px;
	right:12px;
	background-position:50% 50%;
	background-repeat:no-repeat;
	cursor:pointer;

}

[l-f-1] {
	margin:20px 0px 30px 0px;
	font-weight:700;
	font-size:20px;
	line-height:100%;
	text-align:center;
	display:none;
}


[l-f-button] {
	display:flex;
	justify-content:center;
	align-items:center;		
	height:49px;
	font-size:13px;
	font-weight:600;
	border-radius:8px;
	margin:0px 0px 8px 0px;
	cursor:pointer;
        color:rgba(18, 18, 18, 1);
        margin:0px 0px 40px 0px;
        user-select:none;
}


[l-f-button]:active {
	transform:translate3d(1px,1px,0px);
}


[l-f-button][orange] {
	background-color:rgba(255, 102, 0, 1);
        color:rgba(255, 255, 255, 1);
}

[l-f-button][gray] {
	background-color:rgba(241, 243, 248, 1);
	color:rgba(18, 18, 18, 1);
}

[l-f-6] {
	display:flex;
	justify-content:space-between;
	align-items:center;			
}

[l-f-6] > [l-f-auto] {
	flex:0 0 calc((100% - 8px)/2);
        background-color:rgba(241, 243, 248, 1);
        border-radius:8px;
	margin:0px 0px 8px 0px;
	height:49px;
        background-position:50% 50%;
	background-repeat:no-repeat;
	cursor:pointer;

}


[l-f-auto][vk] {
	background-image:url(../images/auto-vk.svg);
}

[l-f-auto][ya] {
	background-image:url(../images/auto-ya.svg);
}

[l-f-logo] {
        width:100%;
	height:50px;
        background-image:url(../images/page_logo.svg);
        background-repeat:no-repeat;
        background-position:50% 50%;
        margin:20px 0px 20px 0px;

}