.profile_page{
touch-action: none;
}
#email_save.account_page.next_account{
display: inline-block;
margin-top: 0.5rem;
font-size: 1rem;
cursor: pointer;
}
#email_save.account_page.next_account:hover{
opacity: 0.8;
}
#email_save_input{
color: #000;
padding: 0.5rem 1rem;
font-size: 1rem;    
}
.logout_img{
display: inline-block;
max-width: 2.1875rem;
margin-left: 0.625rem;
-webkit-transition: all 0.8s ease-out;
-o-transition: all 0.8s ease-out;
transition: all 0.8s ease-out; 
cursor: pointer;
}
.account_lolipop{
color: #fff;
text-transform: uppercase;
}
.account_lolipop:hover{
color: ##fff;
opacity: 0.7;
}
.account_lolipop.logout{
color: #ff4d01;
}
.account_lolipop.red{
color: #ff4d01;
margin-left: 3rem;
}
.account_lolipop.red:hover{
color: #ff4d01;
}
.account_page.next_account{
border: 2px solid rgb(248, 99, 14);
background-color: rgba(248, 100, 14, 0.52);
display: inline-block;
color: #fff;
padding: 0.625rem 2.5rem;
font-size: 1.5625rem;
margin: auto 0;
margin-top: 1.25rem;
}
.account_page.choice_parts{
color: #fff;
font-size: 1.5625rem;
text-transform: uppercase;
margin: 1.25rem 0;
text-align: left;
}
.account_page.note{
color: #fff;
font-size: 1.1875rem;
margin: 1.25rem 0;
text-align: center; 
}
.choice_block_content{
margin: 0 auto;
min-height: 5.9375rem;  
}
.choice_block{
display: none;
}
.choice_block.active{
display: block;
padding-bottom: 3.125rem;
}
.account_owner{
text-align: right;
width:90%;
margin:0 auto;
}
.account_lolipop.logout{
margin-left: 3rem;
}
/*  new USED, DON't DELETE  since 05.01.2023*/
#delete_account_block{
position: absolute;
top: 0;
bottom: 0;
right: 0;
left: 0;
margin: 0 auto;
z-index: 290;
background-color: rgba(0, 0, 0, 0.5);
display: none;
}
.delete_button{
background-color: #953b16;
font-size: 1rem;
margin: 0 auto;
margin-top: 2rem;
margin-bottom: 1rem;
display: inline-block;  
padding: 0.5rem 1rem;
}
.delete_account_inner{
position: absolute;
background: radial-gradient(#404040, #404040, #282828);
top: 30%;
right: 0;
left: 0;
margin: 0 auto;
max-width: 20rem;
padding: 1rem;
}
#delete_text{
color: #fff;
font-size: 1.5rem;
text-align: center;
}
#delete_account,
#delete_profile{
opacity: 0.6;
}
#delete_account:hover, 
#delete_profile:hover{
opacity: 1;
}
.profile_main_block{
position: relative;
}
#cookie_popup{
border: 2px solid rgb(248, 99, 14);
background-color: rgba(248, 100, 14, 0.7);
position:fixed;
right:0;  
left:0;
bottom:0;
padding: 1rem 2rem;
width:100%;
z-index:23;
}
#close_cookie_popup{
font-size:1.2rem;
font-weight:700;
color:#fff;
cursor:pointer;
opacity:0.8;
-webkit-transition: all 0.8s ease-out;
-o-transition: all 0.8s ease-out;
transition: all 0.8s ease-out;
border: 2px solid rgb(248, 99, 14);
display:inline-block;
padding:1rem 2rem;
}
#close_cookie_popup:hover{
opacity:1;
}
.cookie_popup_text{
display:inline-block;
color: #fff;
display:inline-block;
margin-right:1rem;
font-size:1.3rem;
font-weight:bold;
}
#delete_form{
display:inline-block;
padding:0;
margin:0;
}
.admin_panel{
margin-right:1rem;
}
.profile__info_labels{
font-weight:bold;
}
/* USED CSS !!!! new photo editor*/
#upload_avatar{
margin:0 auto;
margin-top:1rem;
}
.controls{
text-align:center;
}
.editor__wrapper #editor_panel{
width: 100%;
margin:0 auto;
text-align:center;
}
#editor_panel{
display:none;
}
#editor_panel button{
border-radius: 10px;
border: 2px solid rgb(248, 99, 14);
background-color: rgba(248, 100, 14, 0.52);
color:#fff;
text-transform:uppercase;
outline: none;
font-size: 1rem;
margin-bottom: 0.5rem;
padding:0.5rem 1.5rem;
}
#editor_panel .rotate{
margin-top: 1rem;
}
#avatar{
position: absolute;
left:0;
right:0;
margin: 0 auto;
padding: 0;
z-index:63;
min-width:15rem;
min-width:15rem;
}
.editor__wrapper #editor_preview{
position: relative;
width: 15rem;
height: 15rem;
overflow: hidden;
margin: 0 auto;
padding:0;
border: 2px solid rgb(248, 99, 14);
background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAAA3NCSVQICAjb4U/gAAAABlBMVEXMzMz////TjRV2AAAACXBIWXMAAArrAAAK6wGCiw1aAAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M26LyyjAAAABFJREFUCJlj+M/AgBVhF/0PAH6/D/HkDxOGAAAAAElFTkSuQmCC');
}
.editor_buttons{
cursor:pointer;
padding:0.5rem 1rem;
line-height:1;
font-weight:bold;
}
.editor_buttons:hover{
opacity:0.8;
}
.editor_parts_title{
color: #fff;
font-size:1.5rem;
margin-bottom:1rem;
}
#editor_tool {
background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAAA3NCSVQICAjb4U/gAAAABlBMVEXMzMz////TjRV2AAAACXBIWXMAAArrAAAK6wGCiw1aAAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M26LyyjAAAABFJREFUCJlj+M/AgBVhF/0PAH6/D/HkDxOGAAAAAElFTkSuQmCC');
width:100%;
padding:0;
position:relative;
overflow:hidden;
box-sizing:border-box;
height:100%;
z-index:25;
}
.editor__bg_filter{
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: #000;
opacity: 0.6;  
z-index:20;  
}
#raw_staff{
position:relative;
margin:0 auto;
z-index:799;
margin:0 auto;
width:60%;
max-width:750px;
}
#canvas {
border:1px solid #fff;
border-style: dashed;
position:absolute;
left:0;
right:0;
margin:0 auto;
z-index:800;
cursor:move;
box-sizing:border-box;
}
#error_box{
color: #721c24;
background-color: #f8d7da;
border-color: #f5c6cb;
font-size:1rem;
padding:0.5rem 1rem;
margin:0 auto;
margin-top:0.5rem;
margin-bottom:0.5rem;
display:none;
text-align:center;
}
#error_box{
color: #721c24;
background-color: #f8d7da;
border-color: #f5c6cb;
font-size:1rem;
padding:0.5rem 1rem;
margin:0 auto;
margin-top:0.5rem;
margin-bottom:0.5rem;
display:none;
text-align:center;
}
@media only screen and (max-width:767px) {
#raw_staff{
margin:0 auto;
min-width:270px;
min-height:270px;
width:98%;
}




#avatar {
min-width: 10rem;
min-width: 10rem;
}
.editor__wrapper #editor_preview {
position: relative;
width: 10rem;
height: 10rem;  
margin-top:1rem; 
}
#upload_avatar {
font-size:1rem;
padding: 0.9rem 2rem;
}
}