body,html{background-color:#f0cccc;font-family:andale mono,monospace}#__next{position:absolute;top:0;bottom:0;left:0;right:0;overflow:hidden}.example-appear{opacity:.01}.example-appear.example-appear-active{opacity:.7;transition:opacity .7s ease-in}.hide{display:none}.kuchi{position:absolute;transform:translate(-50%,-50%);width:100%;height:100%;transition:all .2s ease-in-out}.pie{overflow:hidden;left:50%;transform-origin:left center}.pie,.pie:before{position:absolute;width:50%;height:100%}.pie:before{content:"";left:-50%;border-radius:50% 0 0 100px;transform-origin:right center}.pie:after,.pie:before{background-color:red;opacity:.7}.pie[data-value="21"]:before{transform:rotate(24deg)}.kuchi[data-value="273"]{transform:rotate(273deg)}.kuchi[data-value="294"]{transform:rotate(294deg)}.kuchi[data-value="315"]{transform:rotate(315deg)}.kuchi[data-value="336"]{transform:rotate(336deg)}.kuchi[data-value="84"]{transform:rotate(84deg)}.kuchi[data-value="105"]{transform:rotate(105deg)}.kuchi[data-value="126"]{transform:rotate(126deg)}.kuchi[data-value="147"]{transform:rotate(147deg)}