@import url("https://fonts.googleapis.com/css2?family=Magra&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@24,400,0,0");

body {color: #FFF; background-color: #000; font-family: 'Magra', sans-serif; margin: 0; padding: 0; font-size: 18px; line-height: 1.1}
.box {color: #FFF; background-color: #111; border: solid 1px #333;}
.menu-b {min-height: 24px; padding: 6px;}
.menu-sub {background-color: #111; padding-left: 24px;}
.dlg-box {padding: 12px;}

h1, h2, h3, h4, h5, h6 {color: #fff; font-family: 'Magra', sans-serif; line-height: 1;}
h1 {font-size: 24px;}
h2 {font-size: 22px;}
h3 {font-size: 20px;}

.group-ed {display: block; width: 100%; line-height: 1.6; padding-top: 18px;}
.field-ed {position: relative; width: 100%; height: 32px; color: #000; font-family: 'Magra', sans-serif; font-size: 18px; border: none;}
	*:disabled {color: #EEE; background-color: #111; font-size: 18px; border: solid 1px #333;}
.field-req {color: #F33; font-family: 'Material Symbols Outlined', sans-serif; font-size: 12px; vertical-align: top;}
.btn-ed {display: block; width: 100%; height: 34px; margin-top: 10px; border: solid 1px #FFF; font-size: 20px; text-align: center;}

a {color: #fff; font-family: 'Magra', sans-serif; text-decoration: none;}
.icon-a {font-family: 'Material Symbols Outlined', sans-serif; font-size: 24px; vertical-align: middle;}
.icon-d {font-family: 'Material Symbols Outlined', sans-serif; font-size: 28px; vertical-align: bottom;}

.btn-a {display: inline-block; margin: 4px 0; padding: 0 6px; border: solid 1px #fff; min-width: 96px; text-align: center;}