@charset "UTF-8";
.chrome-modal,body{
background-color:#fff}
html,p a{
color:#666}
*{
margin:0;
padding:0;
box-sizing:border-box}
html{
overflow-y:scroll;
overflow-x:hidden}
body{
margin:100px;
display:grid;
place-items:center;
font-family:'Open Sans',Arial,Helvetica,sans-serif}
img{
max-width:100%;
height:auto;
width:auto}
.chrome-modal{
max-width:1000px;
border:1px solid #ccc;
box-shadow:0 0 20px 4px #ebebeb;
border-radius:10px;
overflow:hidden}
.chrome-button,.chrome-modal-header{
background-color:#0169f9;
color:#fff}
.chrome-modal-header{
position:relative;
padding:30px}
.chrome-modal-header .logo{
position:absolute;
top:0;
right:0;
max-height:100%}
.chrome-modal-header .title{
font-size:28px;
margin-bottom:20px;
z-index:1}
.chrome-modal-header .title-sub{
line-height:1.6;
max-width:80%;
z-index:1}
.chrome-content,.chrome-footer{
padding:30px}
.chrome-content p{
line-height:1.8}
.chrome-footer{
display:flex;
align-items:center;
justify-content:space-between}
.chrome-button{
display:flex;
align-items:center;
text-transform:uppercase;
text-decoration:none;
border-radius:3px;
padding:26px 50px 26px 80px;
font-weight:600;
font-size:20px;
background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAVBAMAAACqMuMoAAAAElBMVEUAAAD///////////////////8+Uq06AAAABXRSTlMA0BDAgN5bSDYAAABFSURBVBjTY4AAYwZkEEpXnhOQpwLjsAQqhDKJOkB5TKJCoYqBCjBJxcBQUSEgDZMMBUnBJUOBUghJQaAUacA0FAGCUXkAsj4QrNs8HNQAAAAASUVORK5CYII=');
background-repeat:no-repeat;
background-position:35px center;
cursor:pointer;
transition:background-color .3s}
.chrome-button:hover{
background-color:#005bb5}
p a{
text-decoration:underline}