.step-1 .green,.step-1 .purple,.step-1 .red{display:flex;height:100px}.step-1 .one,.step-1 .three,.step-1 .two{border:1px solid #000;flex-grow:1}.step-1 .green .one{background-image:-webkit-gradient(linear,left bottom,left top,color-stop(27.7%,green),color-stop(27.7%,#fff),color-stop(50%,#fff),color-stop(50%,green),color-stop(77.7%,green),color-stop(77.7%,#fff),to(#fff));background-image:linear-gradient(0deg,green 27.7%,#fff 0,#fff 50%,green 0,green 77.7%,#fff 0,#fff);background-size:278px 135px}.step-1 .green .two{background-image:-webkit-gradient(linear,left bottom,left top,color-stop(22.78%,green),color-stop(22.78%,#fff),color-stop(50%,#fff),color-stop(50%,green),color-stop(72.78%,green),color-stop(72.78%,#fff),to(#fff));background-image:linear-gradient(0deg,green 22.78%,#fff 0,#fff 50%,green 0,green 72.78%,#fff 0,#fff);background-size:158px 77px}.step-1 .green .three{background-image:-webkit-gradient(linear,left bottom,left top,color-stop(30.51%,green),color-stop(30.51%,#fff),color-stop(50%,#fff),color-stop(50%,green),color-stop(80.51%,green),color-stop(80.51%,#fff),to(#fff));background-image:linear-gradient(0deg,green 30.51%,#fff 0,#fff 50%,green 0,green 80.51%,#fff 0,#fff);background-size:118px 58px}.step-1 .red .one{background-image:-webkit-gradient(linear,left bottom,left top,color-stop(27.7%,red),color-stop(27.7%,#fff),color-stop(50%,#fff),color-stop(50%,red),color-stop(77.7%,red),color-stop(77.7%,#fff),to(#fff));background-image:linear-gradient(0deg,red 27.7%,#fff 0,#fff 50%,red 0,red 77.7%,#fff 0,#fff);background-size:278px 135px}.step-1 .red .two{background-image:-webkit-gradient(linear,left bottom,left top,color-stop(22.78%,red),color-stop(22.78%,#fff),color-stop(50%,#fff),color-stop(50%,red),color-stop(72.78%,red),color-stop(72.78%,#fff),to(#fff));background-image:linear-gradient(0deg,red 22.78%,#fff 0,#fff 50%,red 0,red 72.78%,#fff 0,#fff);background-size:158px 77px}.step-1 .red .three{background-image:-webkit-gradient(linear,left bottom,left top,color-stop(30.51%,red),color-stop(30.51%,#fff),color-stop(50%,#fff),color-stop(50%,red),color-stop(80.51%,red),color-stop(80.51%,#fff),to(#fff));background-image:linear-gradient(0deg,red 30.51%,#fff 0,#fff 50%,red 0,red 80.51%,#fff 0,#fff);background-size:118px 58px}.step-1 .purple .one{background-image:-webkit-gradient(linear,left bottom,left top,color-stop(27.7%,purple),color-stop(27.7%,#fff),color-stop(50%,#fff),color-stop(50%,purple),color-stop(77.7%,purple),color-stop(77.7%,#fff),to(#fff));background-image:linear-gradient(0deg,purple 27.7%,#fff 0,#fff 50%,purple 0,purple 77.7%,#fff 0,#fff);background-size:278px 135px}.step-1 .purple .two{background-image:-webkit-gradient(linear,left bottom,left top,color-stop(22.78%,purple),color-stop(22.78%,#fff),color-stop(50%,#fff),color-stop(50%,purple),color-stop(72.78%,purple),color-stop(72.78%,#fff),to(#fff));background-image:linear-gradient(0deg,purple 22.78%,#fff 0,#fff 50%,purple 0,purple 72.78%,#fff 0,#fff);background-size:158px 77px}.step-1 .purple .three{background-image:-webkit-gradient(linear,left bottom,left top,color-stop(30.51%,purple),color-stop(30.51%,#fff),color-stop(50%,#fff),color-stop(50%,purple),color-stop(80.51%,purple),color-stop(80.51%,#fff),to(#fff));background-image:linear-gradient(0deg,purple 30.51%,#fff 0,#fff 50%,purple 0,purple 80.51%,#fff 0,#fff);background-size:118px 58px}.cards{display:flex;flex-wrap:wrap}.cards .card-wrapper{margin:10px}.cards .card-wrapper .button-wrapper,.cards .card-wrapper .card{display:flex;justify-content:center}.cards .card-wrapper .card{min-height:190px;flex-direction:column;background-color:#b7b7b7}.cards .card-wrapper .card .empty,.cards .card-wrapper .card .full,.cards .card-wrapper .card .stripe{background-size:cover;width:100px;height:50px}.cards .card-wrapper .card .symbol{margin:5px}.cards .card-wrapper .card .symbol .red.diamond.empty{background-image:url(/static/media/red-diamond-empty.46ce25dc.jpg)}.cards .card-wrapper .card .symbol .red.diamond.stripe{background-image:url(/static/media/red-diamond-stripe.d9f4875e.jpg)}.cards .card-wrapper .card .symbol .red.diamond.full{background-image:url(/static/media/red-diamond-full.d095c692.jpg)}.cards .card-wrapper .card .symbol .red.wave.empty{background-image:url(/static/media/red-wave-empty.2da624b9.jpg)}.cards .card-wrapper .card .symbol .red.wave.stripe{background-image:url(/static/media/red-wave-stripe.f94fdf0e.jpg)}.cards .card-wrapper .card .symbol .red.wave.full{background-image:url(/static/media/red-wave-full.746cc198.jpg)}.cards .card-wrapper .card .symbol .red.oval.empty{background-image:url(/static/media/red-oval-empty.e3995c71.jpg)}.cards .card-wrapper .card .symbol .red.oval.stripe{background-image:url(/static/media/red-oval-stripe.a0cc9ef1.jpg)}.cards .card-wrapper .card .symbol .red.oval.full{background-image:url(/static/media/red-oval-full.02e8e4e2.jpg)}.cards .card-wrapper .card .symbol .green.diamond.empty{background-image:url(/static/media/green-diamond-empty.a8b0f100.jpg)}.cards .card-wrapper .card .symbol .green.diamond.stripe{background-image:url(/static/media/green-diamond-stripe.fbd77656.jpg)}.cards .card-wrapper .card .symbol .green.diamond.full{background-image:url(/static/media/green-diamond-full.cf69b91f.jpg)}.cards .card-wrapper .card .symbol .green.wave.empty{background-image:url(/static/media/green-wave-empty.5df84c62.jpg)}.cards .card-wrapper .card .symbol .green.wave.stripe{background-image:url(/static/media/green-wave-stripe.ec012aa5.jpg)}.cards .card-wrapper .card .symbol .green.wave.full{background-image:url(/static/media/green-wave-full.1e26c603.jpg)}.cards .card-wrapper .card .symbol .green.oval.empty{background-image:url(/static/media/green-oval-empty.165dba64.jpg)}.cards .card-wrapper .card .symbol .green.oval.stripe{background-image:url(/static/media/green-oval-stripe.6f277d83.jpg)}.cards .card-wrapper .card .symbol .green.oval.full{background-image:url(/static/media/green-oval-full.302a01f8.jpg)}.cards .card-wrapper .card .symbol .purple.diamond.empty{background-image:url(/static/media/purple-diamond-empty.e8b2633e.jpg)}.cards .card-wrapper .card .symbol .purple.diamond.stripe{background-image:url(/static/media/purple-diamond-stripe.d50e8870.jpg)}.cards .card-wrapper .card .symbol .purple.diamond.full{background-image:url(/static/media/purple-diamond-full.d2438649.jpg)}.cards .card-wrapper .card .symbol .purple.wave.empty{background-image:url(/static/media/purple-wave-empty.885184d1.jpg)}.cards .card-wrapper .card .symbol .purple.wave.stripe{background-image:url(/static/media/purple-wave-stripe.465901d6.jpg)}.cards .card-wrapper .card .symbol .purple.wave.full{background-image:url(/static/media/purple-wave-full.42e26f05.jpg)}.cards .card-wrapper .card .symbol .purple.oval.empty{background-image:url(/static/media/purple-oval-empty.602c1af5.jpg)}.cards .card-wrapper .card .symbol .purple.oval.stripe{background-image:url(/static/media/purple-oval-stripe.3487a6c6.jpg)}.cards .card-wrapper .card .symbol .purple.oval.full{background-image:url(/static/media/purple-oval-full.3d040fe0.jpg)}
/*# sourceMappingURL=main.6ccb5f0f.chunk.css.map */