castgroup_bigscreen/.history/src/assets/scss/common_20220531171157.scss

html,body,:root {
    --padding-left:24px;
    --padding-right:24px;
    --main-color:rgb(38,80,179);
    --header-height:60px;
}
html,body{
    margin: 0;
    padding: 0;
}
.page-padding-left{
    padding-left: var(--padding-left);
}
@mixin mbg($color,$o){
    background-color: ($color,$o);
}
.blur-wrap{
    backdrop-filter: blur(6px);
    height: calc( 100vh - var(--header-height) - 24px );
    @include mbg(var(--main-color),0.4);
}