/* Form controls stay 44px tall. Selects size by padding so Hangul is not clipped. */
html {
    color-scheme: light;
}

.card :is(input):not([type="checkbox"]):not([type="radio"]):not([type="file"]):not([type="hidden"]):not([type="range"]),
.form-group :is(input):not([type="checkbox"]):not([type="radio"]):not([type="file"]):not([type="hidden"]):not([type="range"]),
.container :is(input):not([type="checkbox"]):not([type="radio"]):not([type="file"]):not([type="hidden"]):not([type="range"]) {
    box-sizing: border-box;
    height: 44px;
    min-height: 44px;
    margin-bottom: 0;
    --pico-form-element-spacing-vertical: 0px;
    padding-block: 0;
    padding-inline: 12px;
    line-height: normal;
    background-color: var(--surface-primary, #ffffff);
    color: var(--text-primary, #1c211f);
    -webkit-text-fill-color: var(--text-primary, #1c211f);
    border-color: var(--border-default, #d3dbd6);
}

.card select,
.form-group select,
.container select,
.class-selector select,
.sociogram-filters select {
    box-sizing: border-box;
    height: auto;
    min-height: 44px;
    margin-bottom: 0;
    --pico-form-element-spacing-vertical: 12px;
    padding: 12px 28px 12px 12px;
    line-height: 1.25;
    background-color: var(--surface-primary, #ffffff);
    background-position: center right 12px;
    color: var(--text-primary, #1c211f);
    -webkit-text-fill-color: var(--text-primary, #1c211f);
    border-color: var(--border-default, #d3dbd6);
}

.card textarea,
.form-group textarea,
.container textarea {
    box-sizing: border-box;
    height: auto;
    min-height: 72px;
    margin-bottom: 0;
    background-color: var(--surface-primary, #ffffff);
    color: var(--text-primary, #1c211f);
    -webkit-text-fill-color: var(--text-primary, #1c211f);
    border-color: var(--border-default, #d3dbd6);
}

.card button,
.form-group button,
.btn-export {
    margin-bottom: 0;
}

.sociogram-filters {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 12px;
}

.layer-btn {
    box-sizing: border-box;
    height: 44px;
    min-height: 44px;
    margin: 0;
}