//Variable
@mixin transition-all($time) {
    transition: all $time;
    -webkit-transition: all $time;
    -moz-transition: all $time;
    -o-transition: all $time;
    -ms-transition: all $time;

}

@mixin transition($val) {
    transition: $val;
    -webkit-transition: $val;
    -moz-transition: $val;
    -o-transition: $val;
    -ms-transition: $val;

}

@mixin border-radius($val) {
    border-radius: $val;
    -moz-border-radius: $val;
    -o-border-radius: $val;
    -webkit-border-radius: $val;
    -ms-border-radius: $val;

}

@mixin transform($val) {
    -webkit-transform: $val;
    -moz-transform: $val;
    -ms-transform: $val;
    -o-transform: $val;
    transform: $val

}
@-webkit-keyframes blink {
    0%, 100% {
        opacity: 0;
    }
    50% {
        opacity: 1;
    }
}

@keyframes blink {
    0%, 100% {
        opacity: 0;
    }
    50% {
        opacity: 1;
    }
}
$black_text: #000;
$white_text: #fff;
$black_transparent_2: rgba(0,0,0,0.2);
$black_transparent_6: rgba(0,0,0,0.6);
$black_transparent_8: rgba(0,0,0,0.8);
$white_transparent_8: rgba(255,255,255,0.8);
$white_transparent_5: rgba(255,255,255,0.5);
$border_color:#d4d4d4;
$box_shadow:#c9c9c9;
$bg_block:#f5f5f5;
$gray-color:#999;
$light_gray:#ebebeb;
:root {
    --black-color:#000;
    --white-color:#fff;
    --box-shadow: #eae7f5;
    --danger-color:#ff6058;
}