@import 'proto-ui.vusion/src/u-select-item.vue/module.css';

.root {
    position: relative;
    padding-top: 0;
    padding-bottom: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.root:hover {
    background: #f5f7fa;
}

.root[selected] {
    background: $brand-primary;
}

.root[disabled] {
    color: #ccc;
    background: none;
}

.flag {
    position: absolute;
    top: 0;
    left: 0;
    border: 7px solid;
    border-color: #4ec9ab transparent transparent #4ec9ab;
}

.flag[layer="high"] {
    width: 14px;
    height: 14px;
    border: none;
    background-image: url("../assets/images/high.png");
}