[data-class="frame-left"] { position: absolute; top: 1px; left: 1px; bottom: 1px; width: 300px; border: 1px solid black; }
[data-class="separator-vertical"] { position: absolute; top: 1px; left: 301px; bottom: 1px; width: 2px; }
[data-class="frame-right"] { position: absolute; top: 1px; left: 303px; bottom: 1px; right: 1px; border: 1px solid black; }
[data-class="frame-top"] { position: absolute; top: 1px; left: 1px; right: 1px; height: 50px; border: 1px solid black; }
[data-class="separator-horizontal"] { position: absolute; left: 1px; right: 1px; top: 51px; height: 2px; }
[data-class="frame-bottom"] { position: absolute; left: 1px; right: 1px; bottom: 1px; top: 53px; border: 1px solid black; }
[data-class="accordion"] { position: absolute; top: 0; left: 0; right: 0; bottom: 0; }
[data-class="accordion-rib"] {}
[data-class="accordion-head-button"] { display: block; width: 100%; padding: 10px 20px; text-align: left; }
[data-class="accordion-group"] { display: none; overflow-x: hidden; overflow-y: auto; }
[data-class="accordion-group-button"] { display: block; width: 100%; padding: 10px 20px; text-align: left; border: none; background-color: transparent; border-bottom: dotted 1px gainsboro; }
[data-class="accordion-group-button"]:hover { background-color: #f5f5f5; }
[data-class="accordion-group-button"].active { background-color: AliceBlue; }
[data-class="tabulator"] { position: absolute; top: 0; left: 0; right: 0; bottom: 0; }
[data-class="tabulator-button"] { padding: 10px 20px; border: none; border-right: solid 1px gainsboro; border-bottom: solid 1px gainsboro; border-top: solid 5px gainsboro; background-color: #f5f5f5; }
[data-class="tabulator-button"][data-active="active"] { background-color: #ffffff; border-bottom: solid 1px white; border-top: solid 5px #ffc14d; }