*,*:before,*:after{box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box}*{margin:0;padding:0;border:none}html,body{width:100vw;height:100dvh;display:flex;flex-direction:column;justify-content:center;align-items:center}body{background-color:azure}.body-inner{display:flex;flex-direction:column;gap:.7em;width:fit-content;height:fit-content;margin:50% auto}.body-inner h2{display:block;margin:2em auto;border-bottom:2px blue solid}.body-inner .warning{display:block;visibility:hidden;width:fit-content;font-size:14px;color:red;margin:auto}.body-inner .warning_visible{visibility:visible}.body-inner .item{width:100%;text-align:left;display:flex;justify-content:space-between;gap:.5em}.body-inner .item label{font-size:18px}.body-inner .item input{border:gray 1px solid;border-radius:2px}.body-inner .button{font-size:16px;padding:.5em 1.5em;width:fit-content;border:1px rgb(97,97,97) solid;border-radius:10px;margin:1em auto;cursor:pointer}