@mixin line-clamp($lines) {
    display: -webkit-box;
    -webkit-line-clamp: $lines;
    -webkit-box-orient: vertical;
    overflow: hidden;
    display: block;

    @if $lines == 1 {
        text-overflow: ellipsis;
        white-space: nowrap;
    }
}

@mixin no-scroll-bar {
    scrollbar-width: none; /* Firefox */
    scrollbar-height: none; /* Firefox */
    -ms-overflow-style: none; /* IE 10+ */
    &::-webkit-scrollbar {
        width: 0;
        height: 0;
        background: transparent; /* Chrome/Safari/Webkit */
    }
}

@mixin scroll-bar {
    scrollbar-color: var(--iqser-quick-filter-border) var(--iqser-grey-2);
    scrollbar-width: thin;

    &::-webkit-scrollbar {
        width: 11px;
    }

    /* Track */
    &::-webkit-scrollbar-track {
        background: var(--iqser-grey-2);
    }

    /* Handle */
    &::-webkit-scrollbar-thumb {
        background: var(--iqser-quick-filter-border);
    }
}

@mixin inset-shadow {
    box-shadow: inset 0 4px 3px -2px var(--iqser-btn-bg-hover);
}

@mixin drop-shadow {
    box-shadow: 0 4px 3px 2px var(--iqser-btn-bg-hover);
}