@charset "utf-8";
/*
 * @project atomic-css
 * @descr compatible to bootstrap 4
 * @based on emmet 2017-03
 * @docs https://docs.emmet.io/cheat-sheet/
 */
@import "import/atomic/bd.css";
@import "import/atomic/bg.css";
@import "import/atomic/bxsh.css";
@import "import/atomic/c.css";
@import "import/atomic/cursor.css";
@import "import/atomic/d.css";
@import "import/atomic/dev.css";
@import "import/atomic/layout.css";
@import "import/atomic/list.css";
@import "import/atomic/text.css";

@import "import/atomic/m.css";

@import "import/atomic/p.css";
@import "import/atomic/ratio.css";
@import "import/atomic/rot.css";

@import "import/atomic/flex.css";
@import "import/atomic/animation.css";
@import "import/atomic/table.css";

* {box-sizing:border-box}

/* generic square */
.sq{position:relative;}
.sq:after{content:"";display:block;padding-bottom:100%;}
.sq>.sq-content{position:absolute;width:100%;height:100%;}
/* generic zebra */
.odd, 
.zebra :nth-child(2n+1)[data-zebra-child],
.zebra :nth-child(2n+1) [data-zebra-child]{
    background-color:transparent;
}
.even, 
.zebra :nth-child(2n)[data-zebra-child],
.zebra :nth-child(2n) [data-zebra-child]{
    background-color:rgba(0,0,0,.1);
}

@media (min-width:576px){/* sm+ */ 
}
@media (min-width:768px){/* md+ */ 
}
@media (min-width:992px){/* lg+ */
}
@media (min-width:1200px){/* xl */ 
}