@import "../../variables";
@import "../../mixin/set-input-look";
@import "../../mixin/set-native-states";

.sz-list {
    display: block;
    margin: $margin;
    background-color: white;

    .sz-list-ul {
        @include setBorder(
                $border-color,
                $border-width,
                $border-style,
                0
        );

        overflow-y: auto;
        min-height: 80px;
        max-height: $sz-list-max-height;
        list-style-type: none;
        padding-inline-start: 0;
        margin-block-start: 0;
        margin-block-end: 0;

        @include setFocusAsBorder($border-color-focus);

        .sz-list-icon-text {
            padding: $sz-selectable-item-padding;
            font-size: $sz-selectable-item-font-size;
            font-family: $font-family;
        }
    }

    .sz-divider {
        .sz-divider-div {
            margin: 0;
        }
    }
}