.tab-buttons{
    background-color: #ebebeb;
    color: #212121;
    padding: 20px 40px;
}

.themed-table {
    width: 100%;
    border-collapse: collapse;
    border: 1px solid #ccc;
    font-size: 0.8rem;
}

.themed-table th,
.themed-table td {
    border: 1px solid #ccc;
    padding: 6px;
    text-align: left;
}

.themed-thead {
    background-color: #ebebeb;
    font-weight: bold;
}

.themed-thead th {
    padding-top: 10px;
    padding-bottom: 10px;
}


.gradient-bar-container {
    position: relative;
    height: 1rem;
    width: 100%;
    max-width: 28rem;
    margin-left: auto;
    margin-right: auto;
    border-radius: 0.375rem;
    overflow: hidden;
}

.gradient-bar {
    position: absolute;
    z-index: -1;
    inset: 0;
    background: linear-gradient(to right, 
        #EDE423,
        #FFC300,    
        #FF7B00,     
        #FF0000, 
        #FF00DD, 
        #8C00FF
    );
}