@keyframes pulse {
    0% {
        transform: scale(1);
    }
    50% {
        transform: scale(1.05);
    }
    100% {
        transform: scale(1);
    }
}

:root, .ea-light-scheme {
    --sidebar-menu-active-item-color: var(--amber-400);
    --link-color: var(--amber-400);
    --link-hover-color: var(--amber-300);
    --button-primary-bg: var(--amber-400);
    --bs-btn-disabled-bg: var(--amber-300);
    --dropdown-settings-active-item-color: var(--amber-400);
    --dropdown-settings-active-item-bg: var(--amber-50);
    --dropdown-settings-active-item-shadow: var(--amber-400);
    --form-switch-checked-bg: var(--amber-400);
}

:root[bs-theme="dark"], .ea-dark-scheme {
    --sidebar-menu-active-item-color: var(--amber-400);
    --link-color: var(--amber-400);
    --link-hover-color: var(--amber-200);
    --button-primary-bg: var(--amber-400);
    --dropdown-settings-active-item-color: var(--amber-400);
    --dropdown-settings-active-item-bg: var(--amber-50);
    --dropdown-settings-active-item-shadow: var(--amber-400);
    --sidebar-menu-active-item-bg: var(--amber-50);
    --button-primary-color: var(--gray-900);
    --form-switch-checked-bg: var(--amber-400);
}

.btn.disabled, .btn:disabled, fieldset:disabled .btn {
    background-color: var(--gray-400);
    border-color: var(--gray-300);
}

.btn-secondary.disabled, .btn-secondary:disabled, fieldset:disabled .btn-secondary {
    background-color: var(--gray-50);
    border-color: var(--gray-500);
    color: var(--gray-500);
}

.logo {
    font-size: 2em;
    margin-bottom: 1.5em;
}

.variable-list li {
    cursor: pointer;
}

.pulse {
    animation: pulse 1s ease-in 1;
}

html[data-bs-theme="dark"] .ts-dropdown,
html[data-bs-theme="dark"] .ts-control,
html[data-bs-theme="dark"] .ts-control input {
    color: white;
}

.filter-row {
    display: flex;
    border-radius: 0.25em;
    align-items: center;
    gap: 1em;
    padding: 0.25em;
    margin-bottom: 0.25em;
    transition: all 50ms ease-in-out;
}

.filter-row:hover {
    background-color: #eee;
}

html[data-bs-theme="dark"] .filter-row:hover {
    background-color: #888;
}

.collapse-indicator {
    transition: all 300ms ease-in-out;
}

a[aria-expanded="true"] .collapse-indicator {
    transform: rotate(-180deg);
}

@media (max-width: 768px) {
    .filter-row {
        width: 100%;
        gap: 0.25em;
        flex-direction: column;
        align-items: stretch;
        justify-content: center;
    }
}