@mixin user-select($prop) {
    -moz-user-select: $prop;
    -ms-user-select: $prop;
    user-select: $prop;
    -webkit-user-select: $prop;
}

@mixin border-radius($property) {
    -moz-border-radius: $property;
    -webkit-border-radius: $property;
    border-radius: $property;
}

@mixin box-shadow($property) {
    -webkit-box-shadow: $property;
    box-shadow: $property;
}

@mixin box-shadow2($p1, $p2) {
    -webkit-box-shadow: $p1, $p2;
    box-shadow: $p1, $p2;
}

@mixin box-shadow3($p1, $p2, $p3) {
    -webkit-box-shadow: $p1, $p2, $p3;
    box-shadow: $p1, $p2, $p3;
}

@mixin transition($property) {
    -webkit-transition: $property;
    transition: $property;
}

@mixin transition2($p1, $p2) {
    -webkit-transition: $p1, $p2;
    transition: $p1, $p2;
}

@mixin transition3($p1, $p2, $p3) {
    -webkit-transition: $p1, $p2, $p3;
    transition: $p1, $p2, $p3;
}

@mixin scrollbar() {
    &::-webkit-scrollbar {
        width: 8px;
        height: 8px;
    }

    &::-webkit-scrollbar-thumb {
        background-color: rgba(168, 168, 168, 0.9);
        border-radius: 4px;
    }
}