az-menu hr { display: inline-block; width: 3rem; height: 3rem; background-image: url('../image/menu.png'); background-size: auto 3rem; margin-right: 0.5rem; vertical-align: middle; }
hr.menu0 { background-position: 0 0; }
hr.menu1 { background-position: -3rem 0; }
hr.menu2 { background-position: -6rem 0; }
hr.menu3 { background-position: -9rem 0; }
hr.menu4 { background-position: -12rem 0; }
hr.menu5 { background-position: -15rem 0; }
hr.menu6 { background-position: -18rem 0; }
hr.menu7 { background-position: -21rem 0; }
hr.menu8 { background-position: -24rem 0; }
hr.menu9 { background-position: -27rem 0; }
hr.menu10 { background-position: -30rem 0; }
hr.menu11 { background-position: -33rem 0; }
hr.menu12 { background-position: -36rem 0; }
float-menu hr { display: inline-block; width: 2.5rem; height: 2.5rem; background-image: var(--contents-actions-img); background-size: auto 2.5rem; margin: 0 0.5rem; vertical-align: middle; }
hr.opt0 { background-position: 0 0; }
hr.opt1 { background-position: -2.5rem 0; }
hr.opt2 { background-position: -5rem 0; }
hr.opt3 { background-position: -7.5rem 0; }
hr.opt4 { background-position: -10rem 0; }
hr.opt5 { background-position: -12.5rem 0; }
hr.opt6 { background-position: -15rem 0; }
hr.opt7 { background-position: -17.5rem 0; }
az-tree hr { display: inline-block; width: 2.5rem; height: 2.5rem; background-image: url('../image/tree.png'); background-size: auto 2.5rem; margin-right: 0.5rem; vertical-align: middle; }
hr.tree0 { background-position: 0 0; }
hr.tree1 { background-position: -2.5rem 0; }
hr.tree2 { background-position: -5rem 0; }
az-alert { position: fixed; right: 1rem; top: 1rem; padding: 2rem; box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75); color: white; font-weight: bold; }
az-alert.message { background: linear-gradient(90deg, rgba(25,111,61,0.9) 0%, rgba(39,174,96,0.9) 35%, rgba(82,190,128,0.9) 100%); text-shadow: 1px 1px rgba(25,111,61,0.9); }
az-alert.error { background: linear-gradient(90deg, rgba(147,0,0,0.9) 0%, rgba(255,0,0,0.9) 35%, rgba(255,93,93,0.9) 100%); text-shadow: 1px 1px rgba(147,0,0,0.9); }
az-alert.info { background: linear-gradient(90deg, rgba(0,11,147,0.9) 0%, rgba(0,29,255,0.9) 35%, rgba(93,95,255,0.9) 100%); text-shadow: 1px 1px rgba(0,11,147,0.9); }
label { display: block; margin-bottom: 0.8rem; vertical-align: top; }
input, select, textarea { width: 100%; border: 1px solid lightgray; padding: 1rem; margin: 0.5rem 0; }
select { background-color: white; }
input[disabled], select[disabled] { background-color: var(--disabled-background-color); color: var(--disabled-color); }
textarea { padding: 0.5rem; height: 6rem; resize: vertical; }
az-ageym { display: block; border: 1px solid lightgray; margin: 0.5rem 0; padding: 1rem; }
az-ageym input { border: 0; background: none; width: 7rem; margin: -0.5rem 0.2rem; text-align: center; padding: 0.5rem; }
az-center { display: block; width: 100%; text-align: center; }
az-center button { background-color: var(--newbtn-bkg-color); border: 1px solid var(--newbtn-border-color); color: var(--newbtn-text-color); font-weight: bold; padding: 1.4rem; margin: 1.4rem 0.5rem !important; }
az-link { display: inline-block; border: 1px solid var(--link-bordercolor); background-color: var(--link-bgcolor); color: var(--link-color); padding: 0.3rem 0.9rem 0.3rem 0.7rem; margin-top: 0.5rem; margin-right: 1rem; cursor: pointer; }
az-link:hover { background-color: var(--link-hover-bgcolor); }
az-tableedit table { background: white; border-spacing: 0.5rem; margin: 0.5rem auto; }
az-tableedit td { background: var(--view-bkg-color); padding: 0 0.5rem; }
az-htmltable { display: table; }
az-htmltable input { margin: 0; }
az-htmltable th, az-htmltable td { padding: 0.5rem; }
.actionButton { background-color: var(--newbtn-bkg-color); border: 1px solid var(--newbtn-border-color); color: var(--newbtn-text-color); font-weight: bold; padding: 1.4rem; }
.actionButton:hover { background-color: var(--newbtn-hover-bkg-color); color: var(--newbtn-hover-text-color); }
.cancelButton { background-color: var(--cancelbtn-bkg-color); border: 1px solid var(--cancelbtn-border-color); color: var(--cancelbtn-text-color); font-weight: bold; padding: 1.4rem; }
.cancelButton:hover { background-color: var(--cancelbtn-hover-bkg-color); color:  var(--cancelbtn-hover-text-color); }
float-menu { display: block; list-style-type: none; position: fixed; background-color: var(--menu-bkg); border: 1px solid var(--table-border-color); box-shadow: 0px 0px 5px 5px var(--side-shadow-color); }
float-menu li { padding: 0.8rem 2rem 0.8rem 0.8rem; color: var(--menu-item-color); cursor: pointer; white-space: nowrap; }
float-menu li:hover { background-color: var(--menu-item-hover-bkg-color); }
hr.hrOptions { background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABkCAYAAABw4pVUAAAACXBIWXMAAAsTAAALEwEAmpwYAAAE4UlEQVR4nO2cW6gWVRTHf+fYRTtFntPplJIjWWTYsQsoPhRaWdGVoLCgh6DLQ0RJRORDBUWGFFFEEAldpCJEooIsulq9FHShsFKj+8XUylNhVzllLPgfGIaZ78w3cHTvPesH++Gbmf3NWqxv73WZ+RY4juM4juM4juM4juM4juM4juM4TkuYBPQHOqaSOL3AicBdwLvAD8AosCvg8TfwNfA6sAyYTSKcB3xcorAZZCTQ8UuFkV4A5hIpBwJrc8p8pRWyEJimLStk9gUy4HzgYeBX6fEvcIdWfTTMAjZIgR+Bq4G9iZsB4G5gp/R6FtiPCDCHuElCfwDMqDFnnwAceb9WxXgsAn6SfmuAHgLGhHtRwr4P7F9x3THArcA7wDbgnwD8xgjwfE09Z+t60/MmAuYiCbkFOKzkvO3JTwLfA3cCJwFDxMnp8id/ATMJEPMRn8kgl5WcP1mGuiWWvbcGq6TvYwTImRJuQ0kEtVjGMKOkxAw5+Z0hJpMPyiA3l0RcWxTupsjL0vsSAmNsuzqucPwZ4EbS5Vrp/QiBRVfm3P4DJueOz1dCWCecjJXTZJBXCCxpMqG2F47fU7KFpcYc6f4JAZFJqG8Kxz8FjiVtsgrdgxOqVxXTbkomfQ0y577dlKFHb5AhZeF1/I/Vuj4Hfi9kzvb5PeDULuY0GVX3aar7HqdMqKymkNfpGcncknN7Kb+x5ycLas5pQtV9WmkQqwYfPs41lwJPdzmnCcX7tM4gh+pXOR5HaHvqZk4T8vfpRE+qBqm7irLcdXXnNKHOdw/qsUKSBjHHv7XG9x+lELqbOU3I36eKol5JGQRtP5ZcdeIqYHWXc5pQvE9VEvxayga5HNiokHOgkB8MydFa+Dxcc06TUXWf1vmQMZYAb6n0ks8PtupNjxO6mNNkdLpPq3xIjGSp+5DYyNpkkL4IalnJGyS2WtZA6lGW17ImgLbVsnpSXSEx1rIGUw57Y6xlZSk7da9lTRBtqmVlKa+QGGtZWeoGia2WlbXBIDGRuUHCwg0SGK0ySJ8XF/e8QWIrLmapr5DYiotZ6gaJrbiYpWyQGIuLWcoG8eLiBOHFRdJYIYYXFycALy6SzgoxvLi4GwwyqCYtqXG0Sv/RRVk9+o9han+JXgy8GqNBUCe5eaTF9cADoRtkqoSy1nh5VgC3kxZvAmflPg9L948IjD8k2JSCsJs79M2KjXnAd4Vt+Azp/RKBsVGCWTuNPNa6aDnx0wu8AVxRsoWZ3isJjPskWHGLsoaX3wLnEjcr1M9kUskWZnpfSGCcIsG+VA/F4lK3NzouIM6VsVx9JO0Nl+J/EkfVeCe4bdl+OetlFGtZVOR4NSa+HziYOBhWP6x1wEEl55+SvvmoKyjOzkVb9uspYkrdq4RxlVbMHB3vD2Acon5fV6rnsDVeu0YPsMr6S1o7qh2aFyyrZZRNytbLmK5HsGvV1ujnADqSjuj9rA+BJ4CLO2xD83NRpekRNFPU/tWE/UItYVPiHOC3ELvIdcKe6r0toe0FgtuAA4ibmcDj2qZMr4di69Y9WT3TxxTYLr+xRC8nDAXgM/o7jOnamsyfPKe6nOnxJ7CUiFmghGpX5GMUeLRm6/QoOBK4QY58vfKSkYDHZvnCNWoMXRWgOI7jOI7jOI7jOI7jOI7jOI7jOA7R8j/CnX28OfecrgAAAABJRU5ErkJggg=='); }
az-title { display: block; background-color: var(--title-bkg-color); border: 1px solid var(--title-border-color); color: var(--title-text-color); border-radius: 1.7rem; padding: 0.5rem; margin: 2rem auto 1rem auto; font-size: 1.5rem; font-weight: bold; text-align: center; }
az-card { display: block; border: 1px solid var(--card-border-color); background: var(--card-bkg-color); padding: 1rem; margin-bottom: 0.8rem; }
az-side { position: fixed; overflow-y: auto; top: 0; right: 0; width: 500px; height: 100vh; background-color: var(--side-bkg-color); border-right: 1px solid var(--side-border-color); margin: 0; border-radius: 0; box-shadow: 0px 0px 15px 5px var(--side-shadow-color); padding: 1.4rem; }
az-side header { background-color: var(--side-header-bkg-color); text-align: center; padding: 1.4rem; margin: 1.4rem auto; font-size: 1.8rem; font-weight: bold; }
az-side button { padding: 1.4rem; margin: 1.4rem auto; }
az-side [type=submit] { float: right; background-color: var(--newbtn-bkg-color); border: 1px solid var(--newbtn-border-color); color: var(--newbtn-text-color); font-weight: bold; }
az-side [type=submit]:hover { background-color: var(--newbtn-hover-bkg-color); color:  var(--newbtn-hover-text-color); }
anm-question { display: block; background-color: var(--view-bkg-color); padding: 1rem 1rem 0.3rem 1rem; border-radius: 0.5rem; text-align: left; margin: 0.5rem; width: 100%; }
anm-question textarea { height: 3rem; padding: 0.5rem; }
anm-answer { display: block; cursor: pointer; }
anm-answer:hover { background-color: var(--view-hover-bkg-color); }
anm-answer input { width: 3rem; display: inline-block; vertical-align: middle; cursor: pointer; }
anm-answer span { display: inline-block; width: calc(100% - 3rem); vertical-align: middle; cursor: pointer; }
az-section { display: block; background-color: var(--contents-card-bkg-color); padding: 1.4rem; margin: 1.4rem auto; }
az-section header { text-align: left; font-weight: bold; font-size: 1.5rem; padding: 1.4rem; margin: 1.4rem auto; }
az-section .new { float: right; background-color: var(--newbtn-bkg-color); border: 1px solid var(--newbtn-border-color); color: var(--newbtn-text-color); font-weight: bold; padding: 1.4rem; margin-top: 1.4rem; }
az-section .new:hover { background-color: var(--newbtn-hover-bkg-color); color:  var(--newbtn-hover-text-color); }
az-section .cancel { background-color: var(--cancelbtn-bkg-color); border: 1px solid var(--cancelbtn-border-color); color: var(--cancelbtn-text-color); font-weight: bold; padding: 1.4rem; margin-top: 1.4rem; }
az-section .cancel:hover { background-color: var(--cancelbtn-hover-bkg-color); color:  var(--cancelbtn-hover-text-color); }
az-section .back { padding: 1.4rem; margin: 1.4rem 0 0 0; }
az-attributes { display: block; padding-bottom: 1.5rem; }
az-attributes > span { display: inline-block; background-color: var(--view-bkg-color); border-radius: 0.5rem; padding: 0.3rem; margin: 0.5rem; }
az-attributes label { padding: 0.7rem 0.7rem 0 0.7rem; margin: 0; }
az-attributes hr { display: none; width: 4rem; height: 4rem; background-size: auto 4rem; background-position: -44rem 0; margin: -0.7rem 0 0 -4rem; cursor: pointer; float: right; position: relative; }
az-attributes > span:hover hr { display: inline-block; }
az-checklist { display: inline-block; margin: 1rem 0; }
checklist-title { display: block; background-color: var(--primary-border); color: var(--primary-hover-bkg); border-radius: 1.5rem 1.5rem 0 0; padding: 0.5rem; font-size: 1.5rem; font-weight: bold; text-align: center; }
checklist-box { display: block; padding: 1rem; overflow-y: scroll; border: 1px solid var(--primary-border); }
az-checklist label { cursor: pointer; border: 1px solid var(--primary-neutral); padding: 0.5rem 1.4rem 0.5rem 0.5rem; margin: 0.7rem 0; background-color: var(--primary-hover-bkg); }
az-checklist label:hover { border: 1px solid var(--primary-hover-border); background-color: var(--primary-bkg); }
az-checklist input { width: 3rem; }
az-contents { background-color: var(--contents-bkg-color); position: fixed; left: var(--menu-width); top: 0; width: calc(100vw - var(--menu-width)); height: 100vh; overflow-y: auto; margin: 0; border-radius: 0; padding: 1.4rem 1.4rem 30rem 1.4rem; }
#edit { text-align: center; padding-bottom: 6.5rem; }
#edit label:not([for]) { display: inline-block; background-color: var(--view-bkg-color); padding: 1rem 1rem 0.3rem 1rem; border-radius: 0.5rem; margin: 0.5rem; }
#edit button { padding: 1.4rem; margin: 1.4rem auto; }
#edit [type=reset] { float: left; }
#edit [type=submit] { float: right; background-color: var(--newbtn-bkg-color); border: 1px solid var(--newbtn-border-color); color: var(--newbtn-text-color); font-weight: bold; }
#edit [type=submit]:hover { background-color: var(--newbtn-hover-bkg-color); color:  var(--newbtn-hover-text-color); }
az-fieldset { display: block; border: 1px solid var(--fieldset-border-color); margin: 2rem auto 0.8rem auto; min-height: 3rem; padding: 1rem; }
fieldset-title { border: 1px solid var(--fieldset-border-color); background: var(--fieldset-background-color); margin-top: -2rem; margin-bottom: 1rem; height: 3rem; display: inline-block; font-size: 1.5rem; padding: 0.5rem 1.5rem; }
fieldset-title.check { cursor: pointer; padding-right: 1.7rem; }
fieldset-title.check input { width: 3rem; }
fieldset-title input { margin-top: -0.2rem; width: 3rem; }
az-target { display: block; padding-top: 0.8rem; }
az-float { position: fixed; display: inline-block; overflow-y: auto; top: 100; left: 300; width: 500px; background-color: var(--side-bkg-color); border: 1px solid var(--side-border-color); box-shadow: 0px 0px 15px 5px var(--side-shadow-color); padding: 1.4rem; }
az-float header { background-color: var(--side-header-bkg-color); text-align: center; padding: 1.4rem; margin: 0 0 1.4rem 0; font-size: 1.8rem; font-weight: bold; user-select: none; cursor: grab; }
az-float button { padding: 1.4rem; margin: 1.4rem auto 0 auto; }
formula-contents { display: block; border: 1px solid gray; padding: 0.5rem; min-height: 6rem; }
formula-actions { display: block; }
formula-actions select { width: 20rem; display: inline-block; margin: 1rem; }
formula-actions button { padding: 1rem 2rem; border: 1px solid gray; margin: 1rem; }
formula-value { display: inline-block; background-color: gray; padding: 1rem; margin: 0.5rem; }
az-json { display: block; }
json-key { display: block; }
json-key span { vertical-align: middle; }
json-key span[contenteditable] { padding: 0rem 0.5rem; }
json-block { display: block; padding-left: 2rem; }
az-json button { border: 1px solid gray; padding: 0.5rem 2rem; }
az-json hr { display: inline-block; cursor: pointer; height: 2.5rem; width: 25rem; background-size: auto 2.5rem; margin: 0 0 0 0.5rem; vertical-align: middle; background-repeat: no-repeat; }
az-page { position: fixed; display: block; width: 100vw; height: 100vh; background-color: var(--page-bgcolor); border-radius: 0; overflow-y: scroll; }
az-pagetarget { display: block; min-width: 1000px; max-width: 1600px; width: 80vw; }
az-pageheader { display: block; background-color: var(--pageheader-bgcolor); text-align: center; margin-top: 2rem; min-height: 6rem; }
az-pageheader span { display: block; min-width: 1000px; max-width: 1600px; width: 80vw; text-align: left; }
az-pagefooter { display: block; background-color: var(--pageheader-bgcolor); color: var(--pageheader-color); text-align: center; padding: 1rem; margin-bottom: 1rem; }
az-pageheader b { display: inline-block; color: var(--pageheader-color); font-size: 2.8rem; vertical-align: middle; margin-top: 1.3rem; }
az-phmenu { display: inline-block; margin: 0 2rem; }
az-phmenu button { height: 6rem; padding: 1.5rem; background-color: var(--pageheader-menu-bordercolor); border-bottom: 4px solid var(--pageheader-menu-bgcolor); color: var(--pageheader-menu-color); font-size: 1.6rem; border-radius: 0; }
az-phmenu button.selected { border-bottom: 4px solid var(--pageheader-selection-bordercolor); background-color: var(--pageheader-selection-bgcolor); color: var(--pageheader-selection-color); }
az-phmenu button:hover { border-bottom: 4px solid var(--pageheader-hover-bordercolor); background-color: var(--pageheader-hover-bgcolor); color: var(--pageheader-hover-color); }
az-phbuttons { float: right; height: 6rem; padding: 1.5rem; }
az-phbuttons button { height: 3rem; font-size: 1.4rem; padding: 0 1.5rem; background-color: var(--pageheader-button-bgcolor); color: var(--pageheader-button-color); border-radius: 1.5rem; margin-left: 1rem; }
az-phbuttons button:hover { background-color: var(--pageheader-button-hover-bgcolor); color: var(--pageheader-button-hover-color); }
az-banner { display: block; width: 100%; background-size: cover; background-position: center; position: relative; }
.az-title { font-weight: bold; font-size: 2.2rem; }
az-license { display: inline-block; text-align: center; }
license-plan { display: inline-block; background-color: var(--license-bkg-color); border: 1px solid var(--license-border-color); border-radius: 1.5rem; padding: 2rem; text-align: center; margin: 1.4rem; cursor: pointer; }
license-plan:hover { background-color: var(--license-hover-bkg-color); border: 1px solid var(--license-hover-border-color); }
license-title { display: block; color: var(--license-title-color); text-align: center; font-weight: bold; font-size: 1.8rem; margin-bottom: 1rem; }
license-coin { display: inline-block; vertical-align: middle; color: var(--license-title-color); font-size: 1.2rem; margin-right: 0.5rem; }
license-price { display: inline-block; vertical-align: middle; color: var(--license-title-color); font-size: 3rem; }
license-permonth { display: inline-block; vertical-align: bottom; color: var(--license-title-color); font-size: 1.2rem; margin-bottom: 0.6rem; }
license-text { display: block; color: var(--license-text-color); text-align: center; font-size: 1.2rem; margin: 1rem 0.5rem; }
license-plan button { background-color: var(--newbtn-bkg-color); border: 1px solid var(--newbtn-border-color); color: var(--newbtn-text-color); font-weight: bold; padding: 1.4rem; margin-top: 1.4rem; border-radius: 2.3rem; }
license-plan button:hover { background-color: var(--newbtn-hover-bkg-color); color: var(--newbtn-hover-text-color); }
az-login { position: fixed; display: flex; top: 0; left: 0; margin: 0; align-items: center; justify-content: center; width: 100vw; height: 100vh; background-color: var(--cover-bkg-color); }
az-login form { background-color: var(--card-bkg-color); border: 1px solid var(--card-border-color); padding: 2rem; text-align: center; }
az-login header { font-size: 3rem; padding: 1.4rem; margin: 1.4rem auto; }
az-login input { padding: 1rem; margin: 0.5rem 0; width: 100%; border: 1px solid lightgray; }
az-login button { width: 100%; cursor: pointer; padding: 1.4rem; margin: 1.4rem auto; }
az-login button[type="submit"] { background-color: var(--login-btn-bkg-color); color: var(--login-btn-text-color); font-weight: bold; }
az-login button[type="submit"]:hover { background-color: var(--login-btn-hover-bkg-color); }
@media (orientation: portrait) {az-login form { width: 90vw; }
}
@media (orientation: landscape) {az-login form { width: 20vw; min-width: 400px; }
}
az-menu { position: fixed; background: rgba(255,255,255,0.95); box-shadow: 0px 0px 1rem 0px rgba(0,0,0,0.75); left: 0; top: 0; width: var(--menu-width); height: 100vh; background-color: var(--menu-bkg); margin: 0; padding: 1.4rem; border-radius: 0; overflow-y: scroll; text-align: center; }
az-menu img { width: 10rem; height: 10rem; margin-top: 1.4rem; }
az-menu header { font-weight: bold; padding: 0.3rem 0; font-size: 3rem; color: var(--menu-header-color); margin-bottom: 1.4rem auto; }
az-menu ul { list-style-type: none; user-select: none; text-align: left; }
az-menu > ul > li { font-family: var(--menu-font); font-size: 1.4rem; color: var(--menu-header-color); }
az-menu li { padding: 0.8rem; color: var(--menu-item-color); user-select: none; text-align: left; }
az-menu > ul > ul > li:hover { cursor: pointer; background-color: var(--menu-item-hover-bkg-color); }
menu-license { display: inline-block; border: 1px dashed green; color: green; padding: 1rem; }
menu-license.red { border-color: red; color: red; }
az-picklist table { width: 100%; border-collapse: separate; border-spacing: 0.5rem; }
az-picklist th { width: 50%; background-color: #064847; color: white; padding: 0.7rem; border-radius: 0.5rem; }
az-picklist td { border: 1px solid lightgray; padding: 0.7rem; background-color: white; border-radius: 0.5rem; vertical-align: top; }
az-picklist span { display: block; padding: 0.7rem; cursor: pointer; }
az-picklist span span { text-align: justify; }
az-picklist span:hover { background: lightgray; }
picklist-contents { height: 50vh; display: block; overflow-y: scroll; }
picklist-contents button { float: right; padding: 0.5rem 1rem; margin-top: -0.5rem; }
picklist-contents button:hover { background-color: white; }
picklist-contents br { margin: 0.2rem; }
az-tabview { display: block; }
az-tabview > hr { border-top: 2px solid var(--tabview-border-color); color: var(--title-text-color); margin: 5rem 0 -4rem 0; }
az-tabview > button { height: 4rem; padding: 1rem; background: none; border-bottom: 2px solid var(--tabview-border-color); border-radius: 0; }
az-tabview > .selected, az-tabview > button:hover { border-bottom: 2px solid var(--tabview-selection-color); color: var(--tabview-selection-color); }
az-tabview .next, az-section .previous { background-color: var(--newbtn-bkg-color); border: 1px solid var(--newbtn-border-color); color: var(--newbtn-text-color); font-weight: bold; padding: 1.4rem; margin-top: 1.4rem; }
az-section .next:hover, az-section .previous:hover { background-color: var(--newbtn-hover-bkg-color); color:  var(--newbtn-hover-text-color); }
az-section .next { float: right; }
az-table { display: table; border-collapse: collapse; border-top: 1px solid var(--table-border-color); width: 100%; }
az-table.clean, az-table.clean td, az-table.clean th { border: 0; }
az-table.small td, az-table.small th { padding: 0.2rem; }
az-table thead th { background-color: var(--table-header-bkg-color); }
az-table tbody th { font-weight: normal; cursor: pointer; }
az-table tbody tr:hover { background-color: var(--table-body-hover-bkg-color); }
az-table td, az-table th { border-bottom: 1px solid var(--table-border-color); text-align: center; padding: 1.5rem; }
az-table hr { width: 4rem; height: 4rem; background-size: auto 4rem; background-position: -44rem 0; margin: -1.1rem 0 -1.2rem 0; vertical-align: middle; cursor: pointer; }
az-tableview { display: table; border-collapse: separate; border-spacing: 0.7rem; width: 100%; }
az-tableview td:first-child { white-space: nowrap; }
az-tableview td:last-child { width: 100%; }
az-tableview td { background-color: var(--view-bkg-color); border-radius: 0.5rem; padding: 0.7rem; text-align: justify; }
tree-item { display: block; border: 1px solid var(--treeitem-border); padding: 1rem; margin: 0.5rem 0; background: var(--treeitem-background); border-radius: 0.5rem; cursor: pointer; }
tree-item span { display: inline-block; vertical-align: middle; }
tree-group { display: block; padding: 0; margin-left: 3rem; }
az-view span { display: inline-block; background-color: var(--view-bkg-color); border-radius: 0.5rem; padding: 0.7rem; margin: 0.5rem; text-align: justify; }