@import 'scss/styles.scss';

.map-list-container {
    transition: opacity $transitionDuration;

    .map-list-body {
        row-gap: 2px;
        transition: height $transitionDuration;
        overflow-y: scroll;
        
        &::-webkit-scrollbar {
            width: 2px;
        }

        &::-webkit-scrollbar-thumb {
            background-color: $ta-light-grey-6;
            border: 2px solid $ta-light-grey-6;
            border-radius: 1px;
        }

        &::-webkit-scrollbar-track {
            width: 2px;
            background-color: $white;
        }
    }

    .map-list-expand-button {
        box-shadow: $box-shadow;

        svg-icon {
            transition: transform $transitionDuration;
        }
    }
}