#language-settings header {
    /* margin-bottom: calc(var(--block-spacing-vertical) / 2); */
    margin-bottom: var(--spacing);
}

#language-container {
    height: 250px;
    /* Assuming each list item has a height of 20px */
    /* max-height: 200px; */
    overflow-y: auto; /* Enable vertical scrolling */
    border: 1px solid #ccc; /* Optional, to visually see the scrollable area */
    width: 100%; /* Optional width */
}

#voice-container {
    height: 310px;
    /* Assuming each list item has a height of 20px */
    /* max-height: 200px; */
    overflow-y: auto; /* Enable vertical scrolling */
    border: 1px solid #ccc; /* Optional, to visually see the scrollable area */
    width: 100%; /* Optional width */
}

#language-list,
#voice-list {
    padding: 0;
}

#language-list li,
#voice-list li {
    margin: 0;
    list-style-type: none;
    padding: calc(var(--form-element-spacing-vertical) * 0.5) var(--spacing);
    border-top: var(--border-width) solid var(--card-border-color);
}

#language-list li:last-child,
#voice-list li:last-child {
    border-bottom: var(--border-width) solid var(--card-border-color);
}

/* Style for the selected language */
#language-list .language-item.selected,
/* Style for the selected voice */
#voice-list .voice-item.selected {
    background-color: var(--primary-focus);
}

#language-list .language-item {
    display: flex;
    align-items: center;
    line-height: 2.5;
}

#voice-list .voice-item {
    line-height: 2.5;
}

#language-list .language-item img {
    height: 1.5rem; /* this should match the line-height above */
    width: auto; /* to keep the aspect ratio of the SVG */
    margin: 0 10px 0 0;
    border: var(--border-width) solid var(--card-border-color);
}

#theme-toggler {
    padding: var(--nav-link-spacing-vertical) 1rem;
}

#sliders .slider-value {
    margin-left: 0.3rem;
}

#tts-box {
    resize: vertical;
}

/* Кнопки под TTS бокс-ом */
.player-button {
    width: 6rem;
}

/* Для всех кнопочек, кроме первой добавить отступ слева */
.player-button:not(:first-child) {
    margin-left: 0.5rem;
}
