a:focus { outline: none; } 
/* WebKit, Blink, Edge */
::-webkit-input-placeholder {color:#BAB9CE;}
/* Mozilla Firefox 4 to 18 */
:-moz-placeholder {color:#BAB9CE;opacity:1;}
/* Mozilla Firefox 19+ */
::-moz-placeholder {color:#BAB9CE;opacity:1;}
/* Internet Explorer 10-11 */
:-ms-input-placeholder {color:#BAB9CE;opacity:0.6;}
/* Standard (https://drafts.csswg.org/selectors-4/#placeholder) */
:placeholder-shown {color:#BAB9CE;}

input[type=text]::-ms-clear {  display: none; width : 0; height: 0; }
input[type=text]::-ms-reveal {  display: none; width : 0; height: 0; }

/*vewport mobile*/
@-webkit-viewport{
    width: device-width;
}
@-moz-viewport{
    width: device-width;
}
@-ms-viewport{
    width: device-width;
}
@-o-viewport{
    width: device-width;
}
@viewport{
    width: device-width;
}

[contenteditable=true]:focus {

outline: none;

}

[contentEditable=true]:empty:not(:focus):before{

content:attr(data-text);

 }

[contentEditable=true]:not([data-text='']):empty:before {

content: attr(data-text);

}

[contentEditable=true]:empty:before {

content: attr(data-text);

}

[contentEditable=true]::-webkit-caps-lock-indicator {

    content: none;

}

div[contenteditable] {

    white-space: pre-wrap;

    word-break: break-all;

    word-wrap: break-word;

}
.eA1Hi10O{margin-bottom: 25px;}
.eGIa32T{background-image: url("https://www.readim.com/app/res/icon-settings_s.svg");}
.cWAl11z{top:0px;}
.bRBd34B{width:670px;}
body {
      margin: 0;
      padding: 0px 40px 20px 40px;
      background-color: #ffffff;
      font-family: Arial, sans-serif;
      display: flex;
      flex-direction: column;
      align-items: center;
      min-height: 100vh;
      box-sizing: border-box;
      position: relative;
    }
    h1 {
      color: #000;
      font-size: 24px;
      margin-top: 60px;
      margin-bottom: 30px;
      text-align: center;
    }

        #upload-container {
            text-align: center;
            position: relative;
        }
		
		.eA1Hi01V {
			position: relative;
			margin:0px 0px 15px 0px;
			background: #F8F8F8;
			border-radius: 2px;
			padding: 10px 0px 8px 0px;
			max-width: 250px;
			font-size:18px;
			color:#515151;
			font-size:13px;
			font-family: "Roboto", sans-serif;
			line-height:20px;
			border: 1px solid transparent;
            border-radius: 2px;
		}

		h2 {
            font-size: 14px;
            margin: 10px 10px 0px 10px;
            margin-bottom:15px;
            line-height:18px;
            max-width: 250px;
			text-align:left;
			font-weight:normal;
        }

        #photo {
            width: 120px;
            height: 120px;
            border-radius: 50%;
            object-fit: cover;
        }

        .cXAa08C1 {
            position: relative;
            margin: 20px 0px 15px 0px;
            display: block;
            font-size: 18px;
            font-size: 16px;
			  border-radius: 6px;
			  background-color: #f2f2f2;
            font-family: Helvetica, sans-serif;
            font-weight: 500;
            text-decoration: none;
            width: 250px;
            height: 47px;
            line-height: 47px;
            cursor: pointer;
            border: 1px solid transparent;
            border-radius: 2px;
            text-align: center;
        }
        .cXAa08C1:hover {
            -moz-opacity: 0.9;
            opacity: .90;
            filter: alpha(opacity=90);
        }
		
		.eIIl51z {
            position: relative;
            margin: 5px auto 10px auto;
            display: block;
            font-size: 18px;
            color: #FFFFFF;
            font-family: Helvetica, sans-serif;
            font-weight: 500;
            text-decoration: none;
            width: 250px;
            height: 47px;
            line-height: 47px;
            cursor: pointer;
			background-color:#62809B;
            border: 0px solid transparent;
            border-radius: 2px;
            text-align: center;
        }
        .eIIl51z:hover {
            -moz-opacity: 0.9;
            opacity: .90;
            filter: alpha(opacity=90);
        }

        #validate-btn {
            display: none;
        }

        #upload-input {
            display: none;
        }

        .error {
			  color: #c00;
			  font-size: 14px;
			  background-color: #ffe5e5;
			  padding: 8px;
			  border-radius: 2px;
			  display: none;
			  max-width: calc(100% - 18px);
			  margin-bottom:15px;
			}


        #loading-message {
            display: none;
            margin-top: 20px;
            font-size: 18px;
        }

        #install-btn {
            display: none;
        }
		
		.input-container {
		  width: 100%;
		  max-width: 250px;
		}

		.eB1Hd57m{
		  width: 100%;
		  border: none;
		  border-bottom: 2px solid #000;
		  padding: 12px 8px;
		  outline: none;
		  background-color: transparent;
		  box-sizing: border-box;
		  text-align: left;
		  font-size: 16px;
		  border-radius: 6px;
		  background-color: #f2f2f2;
		  cursor:pointer;
		  margin-bottom:15px;
		}

		input::placeholder {
		  color: #999;
		}
	
        @keyframes dots {
            0% { content: "."; }
            33% { content: ".."; }
            66% { content: "..."; }
        }

        .dots:after {
            content: ".";
            animation: dots 1s steps(3, end) infinite;
        }
		
		@media screen and (max-width : 800px){
			body {
				padding-left: 15px;
				padding-right: 15px;
			  }
			.bRBd34B{
				width:calc(100% - 10px);margin-left:5px;
				}
			.cLLa28R{padding-left:10px;}
		}
		@media screen and (max-width : 480px){
			.cLLa28R{
				padding-left:0px;
			}
		}