body,html{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}*,body,html{padding:0;margin:0}*{box-sizing:border-box}.main{flex:1 1;display:flex;flex-direction:column;justify-content:center;align-items:center;margin:5px;overflow:auto}.main .title{color:#2f4f4f}.main .container{margin:10px 0 0;width:90vw;max-height:70vh;display:flex;flex-direction:row;flex:1 1 auto;flex-wrap:wrap;overflow-y:auto;min-height:0}.main .container .inputs{display:flex;justify-content:center;align-items:center;margin:0 auto;border:0;border-radius:50%;padding:35px;height:3em;position:absolute;bottom:15px;left:50%;transform:translateX(-50%);width:80vw}.main .container .output{overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:row;flex-wrap:wrap;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.main .container .output .box{height:1.5rem;padding:.5rem;margin:0 0 20px;overflow:hidden}.main .container .inputs .box,.main .container .output .box{display:flex;justify-content:center;align-items:center;border:2px solid #000;cursor:pointer}.main .container .inputs .box{flex-direction:column;height:2.5em;width:6em;padding:.5em}.main .container .output .blue{color:#44778c;border:2px solid skyblue}.main .container .output .tie{color:green;border:2px solid #90ee90}.main .container .output .red{color:darkred;border:2px solid red}.main .container .inputs .blue{margin-right:25px;color:#247bb7}.main .container .inputs .tie{margin-right:25px;color:#32cd32}.main .container .inputs .red{color:red}.arrow{margin-top:8px;margin-left:14px;margin-right:1.2px;height:6px;position:relative;width:6px}.arrow,.arrow:after{display:inline-block}.arrow:after{border-bottom-style:solid;border-bottom-width:2px;border-right-style:solid;border-right-width:2px;content:"";left:0;position:absolute;top:0}.arrow.is-triangle:after{border-style:solid;border-width:0 0 6px 6px;height:0;width:0}.arrow.is-check:after{width:6px}.arrow.arrow-bar:before{bottom:1px;content:"";height:20px;position:absolute;right:0;transform-origin:bottom;width:2px;transform:rotate(-45deg)}.arrow.is-top{transform:rotate(225deg)}.arrow.is-right{transform:rotate(315deg)}.arrow.is-bottom{transform:rotate(45deg)}.arrow.is-left{transform:rotate(135deg)}.arrow .arrow.is-triangle:after,.arrow.is-triangle:after{border-color:transparent transparent #d3d3d3}.arrow .arrow:before,.arrow:before{background-color:#d3d3d3}.arrow .arrow.is-triangle.blue-arrow:after,.arrow.is-triangle.blue-arrow:after{border-color:transparent transparent skyblue}.arrow.blue-arrow.arrow:before,.arrow.blue-arrow:before{background-color:skyblue}.arrow .arrow.is-triangle.green-arrow:after,.arrow.is-triangle.green-arrow:after{border-color:transparent transparent #90ee90}.arrow.green-arrow.arrow:before,.arrow.green-arrow:before{background-color:#90ee90}.arrow .arrow.is-triangle.red-arrow:after,.arrow.is-triangle.red-arrow:after{border-color:transparent transparent red}.arrow.red-arrow.arrow:before,.arrow.red-arrow:before{background-color:red}.footer{color:dimgrey;font-size:11px;display:flex;justify-content:center}.footer a{color:inherit;text-decoration:none}.box sub{font-size:45%}.p-next{font-size:70%}