.esri-layer-list__item-actions {
    position: relative;
    /* Make sure this can hold the slider correctly */
}

.esri-slider {
    margin-top: 10px;
    /* Adjust spacing as needed */
}

.layer-controls {
    display: flex;
    flex-direction: column;
    padding: 10px;
}

.layer-controls label {
    font-weight: bold;
    margin-bottom: 5px;
}

.layer-controls div,
.layer-controls button {
    margin-bottom: 10px;
}

/* .esri-layer-list__item {
    --calcite-list-item-spacing-indent: 5px;
} */