:root{--headercol:white}*{margin:0;padding:0;box-sizing:border-box}html{overflow-y:scroll;overflow-x:hidden;height:100%}body{background:#eee;min-height:100vh;display:flex;justify-content:center;align-items:flex-start;font-family:'Open Sans',Arial,Helvetica,sans-serif;padding:20px;color:#555}img{max-width:100%;height:auto;width:auto}p a{color:inherit;text-decoration:underline}.chrome-modal-header{position:relative;padding:20px 40px;border-bottom:1px solid #eee;overflow:hidden}.chrome-modal-header::before{content:'';position:absolute;top:-20px;right:-45px;width:200px;height:200px;background-image:url('./img/128.png');background-size:contain;background-repeat:no-repeat;transform:rotate(-20deg);filter:grayscale(100%);opacity:0.3;z-index:0}.chrome-modal-header .logo{position:absolute;top:50%;right:40px;transform:translateY(-50%);max-height:80px;opacity:1;z-index:1}.chrome-modal-header .title,.chrome-modal-header .title-sub{position:relative;z-index:1}.chrome-modal{max-width:800px;width:90%;margin-top:10vh;background:#ffffff;border:1px solid #ddd;box-shadow:0 4px 12px rgba(0,0,0,0.1);border-radius:20px;overflow:hidden;transition:transform 0.3s ease}.chrome-modal:hover{transform:scale(1.005)}.chrome-modal-header{position:relative;padding:30px 40px;background-color:#202124;border-bottom:1px solid #eee;color:white}.chrome-modal-header .title{font-size:32px;margin:0px;font-weight:700}.chrome-modal-header .title-sub{line-height:1.6;max-width:80%;font-size:18px}.chrome-content{padding:20px 40px}.chrome-content p{line-height:1.8;font-size:16px}.chrome-footer{padding:20px 40px;display:flex;align-items:center;justify-content:space-between;border-top:1px solid #eee}.chrome-button{--b:2px;--c:#555;--p:26px 50px 26px 80px;background-color:white;background-image:url(./img/blackarrow.png);background-repeat:no-repeat;background-position:35px center;color:var(--c);text-transform:uppercase;text-decoration:none;font-weight:700;font-size:18px;cursor:pointer;line-height:1;border-radius:50px;padding:var(--p);position:relative;z-index:0;display:inline-block;transition:color 0.3s ease,background-color 0.3s ease}.chrome-button:before{content:'';position:absolute;inset:0;border-radius:50px;padding:var(--b);background:linear-gradient(45deg,#4285F4,#34A853,#FBBC05,#EA4335,#4285F4);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;z-index:-1;background-size:400% 400%;animation:google-border-animate 4s linear infinite}.chrome-button:hover{color:#111;background-color:#fff}.chrome-button:hover:before{animation:none}@keyframes google-border-animate{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}@media (max-width:600px){.chrome-modal-header{padding:20px}.chrome-content{padding:20px}.chrome-footer{flex-direction:column;gap:15px;padding:20px}.chrome-modal-header .title{font-size:24px}.chrome-modal-header .title-sub{max-width:100%;font-size:16px}.chrome-modal-header .logo{display:none}.chrome-button{width:100%;text-align:center;padding:26px 20px 26px 60px}}