:root{
    color-scheme: light dark;
}
h1{
    letter-spacing: 0.05em;
}
h2{
    letter-spacing: 0.05em;
    margin-top:4em;
}
h3{
    margin-bottom:0;
    margin-top:2em;
}
h2.dev,p.dev {
    color:light-dark(#d60000,#a30505);
}
body {
    background-color: light-dark(#e9e9e9,#1a1a1a);
    color: light-dark(#222222,#cccccc);
    font-family: 'Courier New', Courier, monospace;
    padding:2em 5% 10em 5%;
    font-size: 90%;
}
.code {
    padding:1em;
}
.code>.fldname {
    color:rgb(55, 126, 155);
}
.code>.string {
    color:rgb(194, 105, 105);
}
.code>.int {
    color:rgb(70, 119, 70);
}
.code>.comment {
    color:rgb(70, 119, 70);
}
a {
    color: light-dark(#222222,#cccccc);
}
p.dev>a {
    color:light-dark(#d60000,#a30505);
}
table {
    border-collapse: collapse;
    background-color: light-dark(#eeeeee,#111111);
    width:100%;
    -webkit-box-shadow: 3px 3px 5px -3px light-dark(rgba(0,0,0,0.31),rgba(255,255,255,0.15)); 
    box-shadow: 3px 3px 5px -3px light-dark(rgba(0,0,0,0.31),rgba(255,255,255,0.15)); 
}
table,td,th {
    border: 1px solid #444444;
}
td,th {
    padding:0.6em;
    vertical-align:top;
    text-align: left;
}
thead{
    background-color:light-dark(#dfdfdf,#181818);
}
td.mget{
    color:#00aa00;
}
td.mget{
    color:#aaaa00;
}
td.rsp div{
    padding:0.2em 0.5em 0.2em 0.5em;
    width:fit-content;
    border-radius: 0.3em;
    white-space: nowrap;
}
td.ok div{
    color:light-dark(#aaffaa,#00cc00);
    background-color:light-dark(#229922,#002200);
}
td.err div{
    color:light-dark(#ffaaaa,#dd5555);
    background-color:light-dark(#992222,#220000);
}
tbody th{
    background-color:light-dark(#e7e7f0,#050510);
}


div.req>div:first-of-type{
    display:block;
    padding: 0.5em;
    border-bottom: 1px solid gray;
}
div.req>div{
    display:block;
    margin-top:0.5em;
    border-radius: 0.3em;
}
div.req>div:first-of-type{
    border-radius: 0;
    margin-top: 2em;
}
div.req>div>table{
    background-color: transparent;
    border:none;
    font-size:small;
    margin:0;
    width:100%;
}
div.req>div>table tr td{
    border:none;
}

div.description>table{
    width:100%;
    
    color:light-dark(#111111,#eeeeee);
}
div.description>table tr td:nth-of-type(2){
    width:35em;
}
div.description>table tr td:last-of-type{
    width:20em;
}

div.req>div>table tr td {
    vertical-align: middle;
}
div.req>div>table tr td:first-of-type {
    width:10em;
}
div.req>div>table tr td:nth-of-type(2) {
    width:30em;
}
div.req>div>table tr td div{
    border-radius: 0.2em;
}
div.req>div>table tr:first-of-type td:first-of-type div{
    border:1px solid;
    width: 4em;
    text-align:center;
    padding:0.2em;
}

div.req>div>div>table p {
    padding:0;
    margin:0;
    margin-bottom:1em;
}



div.req>div.get>table tr:first-of-type td:first-of-type div{
    background-color: light-dark(rgb(20, 20, 163),rgb(20, 20, 163));
    border:1px solid light-dark(rgb(20, 20, 163),rgb(20, 20, 163));
    color:#eeeeee;
}
div.req>div.post>table tr:first-of-type td:first-of-type div{
    background-color: light-dark(rgb(17, 114, 17),rgb(13, 102, 13));
    border:1px solid light-dark(rgb(13, 102, 13),rgb(13, 102, 13));
    color:#eeeeee;
}
div.req>div.delete>table tr:first-of-type td:first-of-type div{
    background-color: light-dark(rgb(114, 17, 17),rgb(102, 13, 13));
    border:1px solid light-dark(rgb(102, 13, 13),rgb(102, 13, 13));
    color:#eeeeee;
}
div.req>div.patch>table tr:first-of-type td:first-of-type div{
    background-color: light-dark(rgb(17, 114, 114),rgb(13, 102, 72));
    border:1px solid light-dark(rgb(17, 114, 114),rgb(13, 102, 72));
    color:#eeeeee;
}
div.req>div.tbi>table tr:first-of-type td:first-of-type div{
    background-color: light-dark(rgb(148, 148, 148),rgb(54, 54, 54));
    border:1px solid light-dark(rgb(116, 116, 116),rgb(68, 68, 68));
    color:light-dark(#dddddd,#6e6e6e);
}

div.req>div.post{
    background-color:light-dark(#9dcf9d,#002200);
    border:1px solid light-dark(rgb(12, 83, 12),rgb(12, 83, 12));
    color: light-dark(#222222,#cccccc);
    cursor:pointer;
}
div.req>div.delete{
    background-color:light-dark(#cf9d9d,#220000);
    border:1px solid light-dark(rgb(83, 12, 12),rgb(83, 12, 12));
    color: light-dark(#222222,#cccccc);
    cursor:pointer;
}

div.req>div.patch{
    background-color:light-dark(#9dcfbc,#00221c);
    border:1px solid light-dark(rgb(12, 83, 73),rgb(12, 83, 71));
    color: light-dark(#222222,#cccccc);
    cursor:pointer;
}
div.req>div.tbi{
    background-color:light-dark(#e0e0e0,#1f1f1f);
    border:1px solid light-dark(rgb(71, 71, 71),rgb(71, 71, 71));
    color: light-dark(#999999,#777777);
    cursor:default;
}
div.req>div.post:hover{
    background-color:light-dark(#84b184,#002c00);
    border:1px solid light-dark(rgb(9, 61, 9),rgb(16, 104, 16));
}
div.req>div.delete:hover{
    background-color:light-dark(#b18484,#2c0000);
    border:1px solid light-dark(rgb(61, 9, 9),rgb(104, 16, 16));
}

div.req>div.patch:hover{
    background-color:light-dark(#84b1b1,#002c28);
    border:1px solid light-dark(rgb(9, 61, 61),rgb(16, 104, 92));
}

div.req>div.get{
    background-color:light-dark(#9daacf,#011231);
    border:1px solid rgb(20, 20, 163);
    color: light-dark(#222222,#cccccc);
    cursor:pointer;
}
div.req>div.get:hover{
    background-color:light-dark(#8591b3,#011741);
    border:1px solid rgb(20, 20, 193);
}

div.req>div>div.description{
    margin:0.6em;
    padding:0.5em;
    border-radius: 0.2em;
}

.hide {
    visibility: collapse;
    display:none;
}