table{border-collapse:collapse;width:100%}thead{text-align:left}th{background:beige}th,td{border:1px solid #ccc;padding:8px}tr:nth-child(2n){background:#efefef}main header{color:#006400;background-color:beige;height:150px;padding:20px 0;text-align:center}main header .sidebar-toggle{position:absolute;left:1em;top:1em;width:2em;cursor:pointer}main img.logo{height:80px}main h1{font-size:1.5em}main>.content{padding:2em}pre{background-color:beige;border:2px solid darkgreen;padding:1em;border-radius:1em}pre .pre__padding{margin-left:2em}pre .pre__prop{color:#9400d3}pre .pre__string{color:#006400}pre .pre__boolean,pre .pre__null{color:#ff8c00}pre .pre__number{color:#00f}pre::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3);border-radius:6px;background-color:#f5f5f5}pre:hover::-webkit-scrollbar{width:8px;height:8px;background-color:#f5f5f5}pre::-webkit-scrollbar{height:0;width:0}pre::-webkit-scrollbar-thumb{border-radius:6px;-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3);background-color:#006400}form{display:grid;gap:.5em}@media (max-width: 575px){form{grid-template-columns:1fr 1fr;gap:1em}}form .btn-toolbar{display:flex;gap:.5em;margin-bottom:2em}form button{display:flex;align-items:center;cursor:pointer;background-color:green;color:#fff;border:none;padding:.5em .75em;font-size:1.125em;border-radius:.25em}form button[type=button]{background-color:#a9a9a9}form button:disabled{cursor:default;opacity:.5}.form-group{display:flex;flex-direction:column;width:100%;position:relative;margin-bottom:1em}.form-group input,.form-group select{--_focus-color: hsla(120, 100%, 19%, .5);margin-top:.5em;margin-bottom:.25em;padding:.5em;border-radius:.5em;border:1px solid grey;transition:outline-width .1s linear,outline-color .1s linear}.form-group input:focus-within,.form-group select:focus-within{outline:2px solid var(--_focus-color)}.form-group input.is-invalid,.form-group select.is-invalid{--_focus-color: hsla(0, 100%, 50%, .5)}.form-group .invalid-feedback{font-size:.75em;position:absolute;color:red;bottom:-1.25em}nav{--_width: 34vw}@media (max-width: 575px){nav{--_width: 67vw}}nav{width:var(--_width);position:fixed;overflow-y:auto;z-index:2;background:beige;height:100%;box-shadow:0 .1em .3em #696969;left:-100%}nav.fade-in{animation:fadeInFromLeft .2s ease-in forwards}nav.fade-out{animation:fadeOutToLeft .2s ease-in forwards}nav ul{list-style-type:none;padding:0;display:flex;flex-direction:column;gap:.5em}nav a{text-decoration:none;color:#006400;width:100%;padding:.75em;display:block}nav a:hover{color:#0b2e13}nav a.active{color:#fff;background-color:#006400}nav header{color:#006400;margin:.5em;display:flex;align-items:center;justify-content:space-between;font-size:1.2em}nav header svg{font-size:1.2em;cursor:pointer}@keyframes fadeInFromLeft{0%{left:-100%}to{left:0}}@keyframes fadeOutToLeft{0%{left:0}to{left:-100%}}body{margin:0;padding:0;font-family:sans-serif}.btn:disabled{cursor:not-allowed}.btn-success:disabled{background-color:#006400}svg.spinner{animation:spin-it infinite 1s linear;float:left;height:1em;margin-right:.2em}svg.eye{cursor:pointer}svg.eye:hover{opacity:.5}.form-group svg{position:absolute;right:.5em;top:2em;height:1em}@keyframes spin-it{0%{transform:rotate(0)}to{transform:rotate(360deg)}}