@charset "utf-8";
/*
 * @project atomic-css
 * @bootstrapversion 4
 * @based on emmet 2017-03
 * @docs https://docs.emmet.io/cheat-sheet/
 */
.bd-dev{border:1px dashed red!important}
.bd-dev::before{position:absolute!important;color:white!important;font-size:.7em!important;padding:0 .25em!important;opacity:1!important;right:0!important;top:0!important;}
.bd-dev::before{content:"in work [xs]"!important;background-color:red!important;}

@media (min-width:576px){ 
    .bd-dev{border-color:lightblue!important}
    .bd-dev::before{content:"in work [sm]"!important;background-color:lightblue!important;}

}
@media (min-width:768px){ 
    .bd-dev{border-color:pink!important}
    .bd-dev::before{content:"in work [md]"!important;background-color:pink!important;}

}
@media (min-width:992px){
    .bd-dev{border-color:green!important}
    .bd-dev::before{content:"in work [lg]"!important;background-color:green!important;}

}
@media (min-width:1200px){ 
    .bd-dev{border-color:black!important}
    .bd-dev::before{content:"in work [xl]"!important;background-color:black!important;}

}