@use './colors' as colors;
@use './variables' as variables;

@mixin box-shadow-small {
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1);
}

@mixin box-shadow-big {
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1);
}

@mixin box-shadow--focus-inset {
    box-shadow: inset 0 0 0 0.2em colors.$focus-shadow !important;
}

@mixin control-border-shadow {
    border: 1px solid colors.$border-input;
    border-radius: variables.$border-radius;
    box-shadow: 0 2px 2px transparentize($color: #b1b1b1, $amount: 0.84);
}