@charset "UTF-8";
:root{
--bg:#f8f9fa;
--text:#202124;
--text-sec:#5f6368;
--icon:#5f6368;
--btn-bg:#1a73e8;
--btn-text:#fff;
--btn-hover:#1b66c9;
--link:#1a73e8;
--disclaimer:#70757a}
@media (prefers-color-scheme:dark){
:root{
--bg:#202124;
--text:#e8eaed;
--text-sec:#9aa0a6;
--icon:#9aa0a6;
--btn-bg:#8ab4f8;
--btn-text:#202124;
--btn-hover:#9bbefa;
--link:#8ab4f8;
--disclaimer:#9aa0a6}
}
body{
background-color:var(--bg);
color:var(--text);
font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
font-size:15px;
margin:0;
display:flex;
align-items:flex-start;
justify-content:center;
min-height:100vh}
.interstitial-wrapper{
box-sizing:border-box;
margin:14vh auto 0;
max-width:600px;
width:100%;
padding:0 24px;
line-height:1.6em}
@media (max-width:700px){
.interstitial-wrapper{
margin-top:10vh}
}
.icon{
display:block;
height:72px;
width:72px;
margin-bottom:24px;
fill:var(--icon)}
h1{
font-size:24px;
font-weight:400;
line-height:1.25em;
margin:0 0 16px;
color:var(--text)}
p{
font-size:15px;
color:var(--text-sec);
margin:0 0 30px;
line-height:inherit}
.nav-wrapper{
margin-top:51px;
display:flex;
gap:12px;
flex-direction:column;
align-items:flex-start}
.btn{
background:var(--btn-bg);
border:0;
border-radius:4px;
box-sizing:border-box;
color:var(--btn-text);
cursor:pointer;
font-family:inherit;
font-size:14px;
font-weight:500;
line-height:20px;
padding:8px 16px;
transition:background-color .2s}
.btn:hover{
background:var(--btn-hover)}
.btn:active{
opacity:.8}
.btn:focus{
outline:2px solid #aecbfa;
outline-offset:2px}
.disclaimer-box{
font-size:12px;
color:var(--disclaimer);
margin:0 0 16px;
text-align:left;
line-height:1.5}
.disclaimer-box a{
color:var(--link);
text-decoration:none}
.disclaimer-box a:hover{
text-decoration:underline}