#tabOptions {
    display: flex;
    gap: 10px;
    margin-bottom: 15px;
}

#tabOptions button {
    background-color: var(--accent-color);
    color: var(--basic-color);
}

#tabOptions button.active {
    background-color: var(--primary-color);
    color: white;
}

#tabOptions button.active:hover {
    background-color: color-mix(in srgb, var(--primary-color) 80%, black);
}

.tabContent {
    display: none;
    padding: 10px;
    background-color: var(--highlight-color);
    border-radius: 6px;

    width: min-content;
}

.tabContent.active {
    display: block;
}