@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');dialog#myDialog{font-family:'Roboto','Gill Sans','Gill Sans MT',Calibri,'Trebuchet MS',sans-serif;top:140px;left:50%;margin:0;transform:translate(-50%,-50%);position:fixed;background-color:#f9f9f9;border:1px solid #ddd;border-radius:6px;padding:20px;max-width:400px;width:90%;user-select:none;overflow-x:hidden;}dialog#myDialog::backdrop{background-color:rgba(0,0,0,.8);}dialog#myDialog h2,dialog#myDialog p{margin:0;padding:0;text-align:left;width:100%;}dialog#myDialog h2{font-size:1.2rem;font-weight:bold;color:#333;}dialog#myDialog p{color:#555;margin-top:10px;line-height:1.4;}dialog#myDialog input{width:100%;height:34px;margin-top:20px;margin-bottom:20px;padding:6px 12px;border:1px solid #ccc;box-sizing:border-box;border-radius:4px;font-size:small;background-color:whitesmoke;color:black;}dialog#myDialog .button-container{text-align:right;}.button{margin:0;width:120px;padding:8px 16px;font-size:14px;font-weight:bold;color:black;border:1px solid lightgreen;border-radius:4px;cursor:pointer;}.button-primary{background-color:lightgreen;color:black;}.button-primary:hover{background-color:rgb(95,208,95);color:white;}.button-primary:active{background-color:rgb(50,170,50);;}.button-secondary{border:1px solid #6c757d;background-color:#6c757d;color:white;}.button-secondary:hover{background-color:#5c6770;}.button-secondary:active{background-color:rgb(38,48,58);}@media screen and (max-width:470px){dialog#myDialog{padding:16px}}@media screen and (max-width:420px){dialog#myDialog{padding:12px;max-width:90%}}