.content{-webkit-align-items:center;-webkit-box-align:center;align-items:center;content:"viewport-units-buggyfill; width: 69.444vw; height: 69.444vw";display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;height:69.444vw;position:relative;width:69.444vw;z-index:1}.roll{-webkit-border-radius:50%;border-color:red orange #00f green;border-radius:50%;border-style:solid;border-width:1.389vw;content:"viewport-units-buggyfill; border: solid 1.389vw";height:100%;left:0;opacity:.5;position:absolute;width:100%}.line{-webkit-transform-origin:right;background-color:#333;height:1px;transform-origin:right;width:50%}.grid-content{-webkit-flex-wrap:wrap;content:"viewport-units-buggyfill; width: 69.444vw";flex-wrap:wrap;left:0;position:absolute;top:0;width:69.444vw;z-index:100}.grid-content,.grid-content li{display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex}.grid-content li{-webkit-align-items:center;-webkit-box-align:center;-webkit-box-pack:center;-webkit-justify-content:center;align-items:center;content:"viewport-units-buggyfill; width: 23.148vw; height: 23.148vw";height:23.148vw;justify-content:center;outline:1px solid;width:23.148vw}.grid-content li.active{background:rgba(255,255,0,.3)}.grid-content li.hidden{opacity:0}button{content:"viewport-units-buggyfill; margin: 2.778vw; padding: 1.389vw";margin:2.778vw;padding:1.389vw}