body{font-family:Open Sans,sans-serif;margin:0}.card{border:1px solid #969696;box-shadow:0 2px 4px gray;min-width:350px;max-height:calc(100vh - 2rem)}.card-title{background-color:#29434e;color:#fff;font-size:1.5rem;margin:0;padding:.5rem}.normal-btn{background-color:#1075c7;border:1px solid transparent;border-radius:5px;color:#fff;cursor:pointer;font-size:.85rem;min-width:26px;padding:.3rem;margin:0 .3rem}.normal-btn:disabled{background-color:#0a4576;color:gray;cursor:default}.normal-btn:hover:enabled{background-color:#4aa6f0}.small-btn{background-color:inherit;border:1px solid transparent;color:gray;cursor:pointer;padding:0;margin-left:.2rem}.small-btn:hover{background-color:inherit;color:#000}.normal-btn:focus,.small-btn:focus{outline:none}.monospace{font-family:Roboto Mono,monospace;font-size:.9rem}.center{text-align:center}.tab-list{font-size:1.1rem;border-bottom:1px solid #b3b3b3;padding:.25rem 0 0;margin:0;background-color:#ccc}.tab-list-item{cursor:pointer;display:inline-block;list-style:none;margin-bottom:-1px;margin-left:.25rem;padding:.5rem 2rem;font-weight:400}.tab-list-active{background-color:#fff;border:solid #b3b3b3;border-width:1px 1px 0 1px;font-weight:700}.colors-table{border-collapse:collapse;cursor:pointer;text-align:left}.colors-table th,.colors-table td{border-bottom:1px solid #cccccc;padding:.4rem}.colors-table>tbody>tr:hover{background-color:#d2d2d2}.colors-table td{font-family:Roboto Mono,monospace}hr{margin:0;border-top:1px solid #cccccc}.color-filter:hover{background-color:#d2d2d2}.color-filter-item{font-size:.9rem;padding:.25rem .5rem;cursor:pointer}.color-filter-active{background-color:#4dd2ff}.color-filter-item:hover:not(.color-filter-active){background-color:#ccc}::-webkit-scrollbar{width:.5rem}::-webkit-scrollbar-thumb{background:#718792}::-webkit-scrollbar-thumb:hover{background:#4e5d65}::-webkit-scrollbar-track{background:#fff}.sidebar-header{font-size:.9rem;text-align:center;letter-spacing:1px;color:#666}.sidebar{border-left:1px solid #cccccc;background-color:#f5f5f5}