.hexagrams{display:"flex";flex-direction:row}.hexagram{display:flex;flex-direction:column-reverse;width:32px;margin-right:16px}.line{height:8px;width:32px;margin:4px 0;position:relative}.yang{background-color:#fff}.yin{background-color:transparent}.yin:after,.yin:before{content:"";display:block;position:absolute;top:0;height:100%;width:40%;background-color:#fff}.yin:before{left:0}.yin:after{right:0}