CSS3 对话框 | 窗口浮层爆炸动画

CSS Only Exploding Modal 点击中间的弹出窗口，窗口会爆裂成碎片粒子四散开来，再次点击动画过程逆转，粒子聚合恢复窗口。

css3, particle

《three.js如何实现贴图模糊效果 - 使用canvas》申请公开！

第三方库
作品简介 2097
作品推荐
使用帮助
常用链接

HTML
CSS
JavaScript
Result

编译

JavaScript

编译

CSS

@import url(https://fonts.googleapis.com/css?family=Fira+Sans:400,300,700,500,400italic,500italic,700italic,300italic);
.modal {
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
* {
    box-sizing: border-box;
}
body {
    overflow: hidden;
    background: #23262A;
}
i {
    display: block;
    border: 2px solid #EDEDED;
    border-radius: 100px;
    width: 30px;
    line-height: 27px;
    color: #EDEDED;
    height: 30px;
    margin: -4px auto 17px auto;
}
.modal {
    font-family: 'Fira Sans', sans-serif;
    width: 300px;
    height: 230px;
}
.modal h1 {
    font-weight: 100;
    color: #2D93EA;
    margin: 0;
    font-size: 20px;
}
.modal p {
    font-weight: 100;
    font-size: 11px;
    opacity: 0.6;
    color: #454C57;
}
.modal .button {
    cursor: pointer;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
    text-transform: uppercase;
    font-size: 12px;
    color: #637F98;
    position: absolute;
    left: 0px;
    width: 100%;
    background: #EAF5FF;
    bottom: 0px;
    padding: 21px 0px;
    margin: 40px auto 0px auto;
    -webkit-transition: all .35s;
    transition: all .35s;
}
.modal .button:hover {
    background: #D5E1EC;
}
.modal .modal_restart {
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    text-align: center;
    opacity: 1;
    z-index: 3;
    -webkit-transition: all .4s .8s;
    transition: all .4s .8s;
}
.modal .modal_restart .button_restart {
    color: rgba(255, 255, 255, 0.29);
    font-weight: 100;
    font-size: 12px;
    -webkit-transition: all .3s;
    transition: all .3s;
    cursor: pointer;
}
.modal .modal_restart .button_restart:hover {
    color: white;
}
.modal_row {
    height: 15.33333px;
    position: Relative;
}
.modal_row__piece {
    width: 15px;
    height: 15.33333px;
    background: white;
    position: absolute;
    -webkit-transition: all 1s 0.2s cubic-bezier(0.06, 0.54, 0.58, 1);
    transition: all 1s 0.2s cubic-bezier(0.06, 0.54, 0.58, 1);
    opacity: 0;
}
.modal .row-1 .modal_row__piece:nth-child(1) {
    border-top-left-radius: 4px;
}
.modal .row-1 .modal_row__piece:nth-child(20) {
    border-top-right-radius: 4px;
}
.modal .row-15 .modal_row__piece:nth-child(1) {
    border-bottom-left-radius: 4px;
}
.modal .row-15 .modal_row__piece:nth-child(20) {
    border-bottom-right-radius: 4px;
}
.modal_content {
    position: absolute;
    z-index: 1;
    left: 0;
    height: 100%;
    right: 0;
    padding: 30px;
    text-align: center;
    opacity: 0;
    -webkit-transition: all .2s 0s;
    transition: all .2s 0s;
}
.modal .modal_row.row-1 .modal_row__piece:nth-child(1) {
    -webkit-transform: scale(0) rotate(125deg);
    transform: scale(0) rotate(125deg);
    left: 290px;
    top: -396px;
    background: #22a9ff;
}
.modal .modal_row.row-1 .modal_row__piece:nth-child(2) {
    -webkit-transform: scale(0) rotate(394deg);
    transform: scale(0) rotate(394deg);
    left: -227px;
    top: -438px;
    background: #223eff;
}
.modal .modal_row.row-1 .modal_row__piece:nth-child(3) {
    -webkit-transform: scale(0) rotate(340deg);
    transform: scale(0) rotate(340deg);
    left: -879px;
    top: 240px;
    background: #7122ff;
}
.modal .modal_row.row-1 .modal_row__piece:nth-child(4) {
    -webkit-transform: scale(0) rotate(37deg);
    transform: scale(0) rotate(37deg);
    left: 483px;
    top: -4px;
    background: #2242ff;
}
.modal .modal_row.row-1 .modal_row__piece:nth-child(5) {
    -webkit-transform: scale(0) rotate(289deg);
    transform: scale(0) rotate(289deg);
    left: -415px;
    top: -439px;
    background: #2722ff;
}
.modal .modal_row.row-1 .modal_row__piece:nth-child(6) {
    -webkit-transform: scale(0) rotate(349deg);
    transform: scale(0) rotate(349deg);
    left: -312px;
    top: -15px;
    background: #22a9ff;
}
.modal .modal_row.row-1 .modal_row__piece:nth-child(7) {
    -webkit-transform: scale(0) rotate(25deg);
    transform: scale(0) rotate(25deg);
    left: 692px;
    top: -264px;
    background: #2224ff;
}
.modal .modal_row.row-1 .modal_row__piece:nth-child(8) {
    -webkit-transform: scale(0) rotate(85deg);
    transform: scale(0) rotate(85deg);
    left: 95px;
    top: -51px;
    background: #22ffe3;
}
.modal .modal_row.row-1 .modal_row__piece:nth-child(9) {
    -webkit-transform: scale(0) rotate(303deg);
    transform: scale(0) rotate(303deg);
    left: -491px;
    top: -372px;
    background: #3622ff;
}
.modal .modal_row.row-1 .modal_row__piece:nth-child(10) {
    -webkit-transform: scale(0) rotate(67deg);
    transform: scale(0) rotate(67deg);
    left: -610px;
    top: -391px;
    background: #226eff;
}
.modal .modal_row.row-1 .modal_row__piece:nth-child(11) {
    -webkit-transform: scale(0) rotate(336deg);
    transform: scale(0) rotate(336deg);
    left: -142px;
    top: -285px;
    background: #22ceff;
}
.modal .modal_row.row-1 .modal_row__piece:nth-child(12) {
    -webkit-transform: scale(0) rotate(326deg);
    transform: scale(0) rotate(326deg);
    left: 490px;
    top: 249px;
    background: #2224ff;
}
.modal .modal_row.row-1 .modal_row__piece:nth-child(13) {
    -webkit-transform: scale(0) rotate(473deg);
    transform: scale(0) rotate(473deg);
    left: 456px;
    top: -430px;
    background: #22ceff;
}
.modal .modal_row.row-1 .modal_row__piece:nth-child(14) {
    -webkit-transform: scale(0) rotate(476deg);
    transform: scale(0) rotate(476deg);
    left: -295px;
    top: -287px;
    background: #222bff;
}
.modal .modal_row.row-1 .modal_row__piece:nth-child(15) {
    -webkit-transform: scale(0) rotate(113deg);
    transform: scale(0) rotate(113deg);
    left: -964px;
    top: 411px;
    background: #228fff;
}
.modal .modal_row.row-1 .modal_row__piece:nth-child(16) {
    -webkit-transform: scale(0) rotate(160deg);
    transform: scale(0) rotate(160deg);
    left: 412px;
    top: 237px;
    background: #2236ff;
}
.modal .modal_row.row-1 .modal_row__piece:nth-child(17) {
    -webkit-transform: scale(0) rotate(25deg);
    transform: scale(0) rotate(25deg);
    left: 393px;
    top: 192px;
    background: #22ffd8;
}
.modal .modal_row.row-1 .modal_row__piece:nth-child(18) {
    -webkit-transform: scale(0) rotate(472deg);
    transform: scale(0) rotate(472deg);
    left: 140px;
    top: 473px;
    background: #2245ff;
}
.modal .modal_row.row-1 .modal_row__piece:nth-child(19) {
    -webkit-transform: scale(0) rotate(365deg);
    transform: scale(0) rotate(365deg);
    left: 443px;
    top: 242px;
    background: #6622ff;
}
.modal .modal_row.row-1 .modal_row__piece:nth-child(20) {
    -webkit-transform: scale(0) rotate(251deg);
    transform: scale(0) rotate(251deg);
    left: 190px;
    top: 226px;
    background: #229aff;
}
.modal .modal_row.row-2 .modal_row__piece:nth-child(1) {
    -webkit-transform: scale(0) rotate(137deg);
    transform: scale(0) rotate(137deg);
    left: 458px;
    top: 83px;
    background: #2293ff;
}
.modal .modal_row.row-2 .modal_row__piece:nth-child(2) {
    -webkit-transform: scale(0) rotate(50deg);
    transform: scale(0) rotate(50deg);
    left: 441px;
    top: 303px;
    background: #223eff;
}
.modal .modal_row.row-2 .modal_row__piece:nth-child(3) {
    -webkit-transform: scale(0) rotate(71deg);
    transform: scale(0) rotate(71deg);
    left: -277px;
    top: 384px;
    background: #6622ff;
}
.modal .modal_row.row-2 .modal_row__piece:nth-child(4) {
    -webkit-transform: scale(0) rotate(433deg);
    transform: scale(0) rotate(433deg);
    left: 162px;
    top: -280px;
    background: #22e7ff;
}
.modal .modal_row.row-2 .modal_row__piece:nth-child(5) {
    -webkit-transform: scale(0) rotate(188deg);
    transform: scale(0) rotate(188deg);
    left: -953px;
    top: -439px;
    background: #22bbff;
}
.modal .modal_row.row-2 .modal_row__piece:nth-child(6) {
    -webkit-transform: scale(0) rotate(36deg);
    transform: scale(0) rotate(36deg);
    left: 451px;
    top: -87px;
    background: #22ffcd;
}
.modal .modal_row.row-2 .modal_row__piece:nth-child(7) {
    -webkit-transform: scale(0) rotate(69deg);
    transform: scale(0) rotate(69deg);
    left: 167px;
    top: 76px;
    background: #2249ff;
}
.modal .modal_row.row-2 .modal_row__piece:nth-child(8) {
    -webkit-transform: scale(0) rotate(124deg);
    transform: scale(0) rotate(124deg);
    left: -905px;
    top: -337px;
    background: #2224ff;
}
.modal .modal_row.row-2 .modal_row__piece:nth-child(9) {
    -webkit-transform: scale(0) rotate(302deg);
    transform: scale(0) rotate(302deg);
    left: 945px;
    top: -208px;
    background: #22ffd8;
}
.modal .modal_row.row-2 .modal_row__piece:nth-child(10) {
    -webkit-transform: scale(0) rotate(487deg);
    transform: scale(0) rotate(487deg);
    left: 181px;
    top: -18px;
    background: #4522ff;
}
.modal .modal_row.row-2 .modal_row__piece:nth-child(11) {
    -webkit-transform: scale(0) rotate(485deg);
    transform: scale(0) rotate(485deg);
    left: -314px;
    top: 375px;
    background: #22ffeb;
}
.modal .modal_row.row-2 .modal_row__piece:nth-child(12) {
    -webkit-transform: scale(0) rotate(86deg);
    transform: scale(0) rotate(86deg);
    left: 439px;
    top: 227px;
    background: #22ffe3;
}
.modal .modal_row.row-2 .modal_row__piece:nth-child(13) {
    -webkit-transform: scale(0) rotate(411deg);
    transform: scale(0) rotate(411deg);
    left: 984px;
    top: -220px;
    background: #22d9ff;
}
.modal .modal_row.row-2 .modal_row__piece:nth-child(14) {
    -webkit-transform: scale(0) rotate(149deg);
    transform: scale(0) rotate(149deg);
    left: 785px;
    top: 84px;
    background: #22ffc6;
}
.modal .modal_row.row-2 .modal_row__piece:nth-child(15) {
    -webkit-transform: scale(0) rotate(468deg);
    transform: scale(0) rotate(468deg);
    left: -579px;
    top: -372px;
    background: #2233ff;
}
.modal .modal_row.row-2 .modal_row__piece:nth-child(16) {
    -webkit-transform: scale(0) rotate(334deg);
    transform: scale(0) rotate(334deg);
    left: -819px;
    top: 348px;
    background: #222bff;
}
.modal .modal_row.row-2 .modal_row__piece:nth-child(17) {
    -webkit-transform: scale(0) rotate(96deg);
    transform: scale(0) rotate(96deg);
    left: -824px;
    top: 3px;
    background: #22fffd;
}
.modal .modal_row.row-2 .modal_row__piece:nth-child(18) {
    -webkit-transform: scale(0) rotate(406deg);
    transform: scale(0) rotate(406deg);
    left: -808px;
    top: 465px;
    background: #2275ff;
}
.modal .modal_row.row-2 .modal_row__piece:nth-child(19) {
    -webkit-transform: scale(0) rotate(349deg);
    transform: scale(0) rotate(349deg);
    left: 426px;
    top: 485px;
    background: #6222ff;
}
.modal .modal_row.row-2 .modal_row__piece:nth-child(20) {
    -webkit-transform: scale(0) rotate(145deg);
    transform: scale(0) rotate(145deg);
    left: 963px;
    top: -446px;
    background: #22e0ff;
}
.modal .modal_row.row-3 .modal_row__piece:nth-child(1) {
    -webkit-transform: scale(0) rotate(254deg);
    transform: scale(0) rotate(254deg);
    left: -646px;
    top: -307px;
    background: #22c2ff;
}
.modal .modal_row.row-3 .modal_row__piece:nth-child(2) {
    -webkit-transform: scale(0) rotate(50deg);
    transform: scale(0) rotate(50deg);
    left: -593px;
    top: 297px;
    background: #2288ff;
}
.modal .modal_row.row-3 .modal_row__piece:nth-child(3) {
    -webkit-transform: scale(0) rotate(162deg);
    transform: scale(0) rotate(162deg);
    left: 399px;
    top: -303px;
    background: #3a22ff;
}
.modal .modal_row.row-3 .modal_row__piece:nth-child(4) {
    -webkit-transform: scale(0) rotate(21deg);
    transform: scale(0) rotate(21deg);
    left: -576px;
    top: 209px;
    background: #22ffe3;
}
.modal .modal_row.row-3 .modal_row__piece:nth-child(5) {
    -webkit-transform: scale(0) rotate(393deg);
    transform: scale(0) rotate(393deg);
    left: 225px;
    top: -474px;
    background: #222fff;
}
.modal .modal_row.row-3 .modal_row__piece:nth-child(6) {
    -webkit-transform: scale(0) rotate(181deg);
    transform: scale(0) rotate(181deg);
    left: -151px;
    top: -60px;
    background: #226eff;
}
.modal .modal_row.row-3 .modal_row__piece:nth-child(7) {
    -webkit-transform: scale(0) rotate(351deg);
    transform: scale(0) rotate(351deg);
    left: -108px;
    top: 205px;
    background: #22fff9;
}
.modal .modal_row.row-3 .modal_row__piece:nth-child(8) {
    -webkit-transform: scale(0) rotate(378deg);
    transform: scale(0) rotate(378deg);
    left: 69px;
    top: -44px;
    background: #228bff;
}
.modal .modal_row.row-3 .modal_row__piece:nth-child(9) {
    -webkit-transform: scale(0) rotate(313deg);
    transform: scale(0) rotate(313deg);
    left: -509px;
    top: 154px;
    background: #22ffdc;
}
.modal .modal_row.row-3 .modal_row__piece:nth-child(10) {
    -webkit-transform: scale(0) rotate(270deg);
    transform: scale(0) rotate(270deg);
    left: -330px;
    top: 277px;
    background: #4822ff;
}
.modal .modal_row.row-3 .modal_row__piece:nth-child(11) {
    -webkit-transform: scale(0) rotate(85deg);
    transform: scale(0) rotate(85deg);
    left: 966px;
    top: 138px;
    background: #2266ff;
}
.modal .modal_row.row-3 .modal_row__piece:nth-child(12) {
    -webkit-transform: scale(0) rotate(34deg);
    transform: scale(0) rotate(34deg);
    left: 432px;
    top: -165px;
    background: #22b4ff;
}
.modal .modal_row.row-3 .modal_row__piece:nth-child(13) {
    -webkit-transform: scale(0) rotate(361deg);
    transform: scale(0) rotate(361deg);
    left: -489px;
    top: 70px;
    background: #22ffdf;
}
.modal .modal_row.row-3 .modal_row__piece:nth-child(14) {
    -webkit-transform: scale(0) rotate(337deg);
    transform: scale(0) rotate(337deg);
    left: 769px;
    top: 310px;
    background: #22fffd;
}
.modal .modal_row.row-3 .modal_row__piece:nth-child(15) {
    -webkit-transform: scale(0) rotate(291deg);
    transform: scale(0) rotate(291deg);
    left: -194px;
    top: 456px;
    background: #4c22ff;
}
.modal .modal_row.row-3 .modal_row__piece:nth-child(16) {
    -webkit-transform: scale(0) rotate(427deg);
    transform: scale(0) rotate(427deg);
    left: 629px;
    top: -24px;
    background: #22d9ff;
}
.modal .modal_row.row-3 .modal_row__piece:nth-child(17) {
    -webkit-transform: scale(0) rotate(340deg);
    transform: scale(0) rotate(340deg);
    left: 378px;
    top: 99px;
    background: #22b0ff;
}
.modal .modal_row.row-3 .modal_row__piece:nth-child(18) {
    -webkit-transform: scale(0) rotate(97deg);
    transform: scale(0) rotate(97deg);
    left: -723px;
    top: -353px;
    background: #22fff6;
}
.modal .modal_row.row-3 .modal_row__piece:nth-child(19) {
    -webkit-transform: scale(0) rotate(461deg);
    transform: scale(0) rotate(461deg);
    left: 882px;
    top: 241px;
    background: #2284ff;
}
.modal .modal_row.row-3 .modal_row__piece:nth-child(20) {
    -webkit-transform: scale(0) rotate(300deg);
    transform: scale(0) rotate(300deg);
    left: 787px;
    top: 186px;
    background: #2275ff;
}
.modal .modal_row.row-4 .modal_row__piece:nth-child(1) {
    -webkit-transform: scale(0) rotate(26deg);
    transform: scale(0) rotate(26deg);
    left: 805px;
    top: -77px;
    background: #2280ff;
}
.modal .modal_row.row-4 .modal_row__piece:nth-child(2) {
    -webkit-transform: scale(0) rotate(22deg);
    transform: scale(0) rotate(22deg);
    left: 829px;
    top: -308px;
    background: #22d9ff;
}
.modal .modal_row.row-4 .modal_row__piece:nth-child(3) {
    -webkit-transform: scale(0) rotate(190deg);
    transform: scale(0) rotate(190deg);
    left: 99px;
    top: 201px;
    background: #2275ff;
}
.modal .modal_row.row-4 .modal_row__piece:nth-child(4) {
    -webkit-transform: scale(0) rotate(447deg);
    transform: scale(0) rotate(447deg);
    left: 965px;
    top: 436px;
    background: #2279ff;
}
.modal .modal_row.row-4 .modal_row__piece:nth-child(5) {
    -webkit-transform: scale(0) rotate(28deg);
    transform: scale(0) rotate(28deg);
    left: -49px;
    top: 436px;
    background: #22ffe3;
}
.modal .modal_row.row-4 .modal_row__piece:nth-child(6) {
    -webkit-transform: scale(0) rotate(262deg);
    transform: scale(0) rotate(262deg);
    left: -31px;
    top: -343px;
    background: #4822ff;
}
.modal .modal_row.row-4 .modal_row__piece:nth-child(7) {
    -webkit-transform: scale(0) rotate(31deg);
    transform: scale(0) rotate(31deg);
    left: -649px;
    top: 341px;
    background: #2249ff;
}
.modal .modal_row.row-4 .modal_row__piece:nth-child(8) {
    -webkit-transform: scale(0) rotate(91deg);
    transform: scale(0) rotate(91deg);
    left: -430px;
    top: -419px;
    background: #3d22ff;
}
.modal .modal_row.row-4 .modal_row__piece:nth-child(9) {
    -webkit-transform: scale(0) rotate(457deg);
    transform: scale(0) rotate(457deg);
    left: 885px;
    top: 459px;
    background: #5722ff;
}
.modal .modal_row.row-4 .modal_row__piece:nth-child(10) {
    -webkit-transform: scale(0) rotate(150deg);
    transform: scale(0) rotate(150deg);
    left: -724px;
    top: 483px;
    background: #2245ff;
}
.modal .modal_row.row-4 .modal_row__piece:nth-child(11) {
    -webkit-transform: scale(0) rotate(199deg);
    transform: scale(0) rotate(199deg);
    left: 916px;
    top: -436px;
    background: #5f22ff;
}
.modal .modal_row.row-4 .modal_row__piece:nth-child(12) {
    -webkit-transform: scale(0) rotate(401deg);
    transform: scale(0) rotate(401deg);
    left: -495px;
    top: 33px;
    background: #22c2ff;
}
.modal .modal_row.row-4 .modal_row__piece:nth-child(13) {
    -webkit-transform: scale(0) rotate(391deg);
    transform: scale(0) rotate(391deg);
    left: -639px;
    top: -89px;
    background: #22b4ff;
}
.modal .modal_row.row-4 .modal_row__piece:nth-child(14) {
    -webkit-transform: scale(0) rotate(155deg);
    transform: scale(0) rotate(155deg);
    left: -70px;
    top: 230px;
    background: #3622ff;
}
.modal .modal_row.row-4 .modal_row__piece:nth-child(15) {
    -webkit-transform: scale(0) rotate(6deg);
    transform: scale(0) rotate(6deg);
    left: 5px;
    top: 379px;
    background: #22ffdc;
}
.modal .modal_row.row-4 .modal_row__piece:nth-child(16) {
    -webkit-transform: scale(0) rotate(420deg);
    transform: scale(0) rotate(420deg);
    left: 386px;
    top: -232px;
    background: #2228ff;
}
.modal .modal_row.row-4 .modal_row__piece:nth-child(17) {
    -webkit-transform: scale(0) rotate(328deg);
    transform: scale(0) rotate(328deg);
    left: 215px;
    top: 94px;
    background: #22f6ff;
}
.modal .modal_row.row-4 .modal_row__piece:nth-child(18) {
    -webkit-transform: scale(0) rotate(486deg);
    transform: scale(0) rotate(486deg);
    left: -164px;
    top: -64px;
    background: #224dff;
}
.modal .modal_row.row-4 .modal_row__piece:nth-child(19) {
    -webkit-transform: scale(0) rotate(176deg);
    transform: scale(0) rotate(176deg);
    left: -352px;
    top: 149px;
    background: #22ffcd;
}
.modal .modal_row.row-4 .modal_row__piece:nth-child(20) {
    -webkit-transform: scale(0) rotate(206deg);
    transform: scale(0) rotate(206deg);
    left: 300px;
    top: 404px;
    background: #3622ff;
}
.modal .modal_row.row-5 .modal_row__piece:nth-child(1) {
    -webkit-transform: scale(0) rotate(310deg);
    transform: scale(0) rotate(310deg);
    left: 27px;
    top: 488px;
    background: #22a5ff;
}
.modal .modal_row.row-5 .modal_row__piece:nth-child(2) {
    -webkit-transform: scale(0) rotate(139deg);
    transform: scale(0) rotate(139deg);
    left: 483px;
    top: 406px;
    background: #22e0ff;
}
.modal .modal_row.row-5 .modal_row__piece:nth-child(3) {
    -webkit-transform: scale(0) rotate(254deg);
    transform: scale(0) rotate(254deg);
    left: -411px;
    top: 42px;
    background: #22ffd1;
}
.modal .modal_row.row-5 .modal_row__piece:nth-child(4) {
    -webkit-transform: scale(0) rotate(196deg);
    transform: scale(0) rotate(196deg);
    left: -700px;
    top: 449px;
    background: #22fff2;
}
.modal .modal_row.row-5 .modal_row__piece:nth-child(5) {
    -webkit-transform: scale(0) rotate(33deg);
    transform: scale(0) rotate(33deg);
    left: -623px;
    top: -364px;
    background: #22a1ff;
}
.modal .modal_row.row-5 .modal_row__piece:nth-child(6) {
    -webkit-transform: scale(0) rotate(418deg);
    transform: scale(0) rotate(418deg);
    left: 5px;
    top: 241px;
    background: #7822ff;
}
.modal .modal_row.row-5 .modal_row__piece:nth-child(7) {
    -webkit-transform: scale(0) rotate(313deg);
    transform: scale(0) rotate(313deg);
    left: -261px;
    top: 47px;
    background: #22ffc9;
}
.modal .modal_row.row-5 .modal_row__piece:nth-child(8) {
    -webkit-transform: scale(0) rotate(397deg);
    transform: scale(0) rotate(397deg);
    left: -545px;
    top: -86px;
    background: #22fff2;
}
.modal .modal_row.row-5 .modal_row__piece:nth-child(9) {
    -webkit-transform: scale(0) rotate(242deg);
    transform: scale(0) rotate(242deg);
    left: 567px;
    top: 219px;
    background: #2228ff;
}
.modal .modal_row.row-5 .modal_row__piece:nth-child(10) {
    -webkit-transform: scale(0) rotate(248deg);
    transform: scale(0) rotate(248deg);
    left: -264px;
    top: -417px;
    background: #5f22ff;
}
.modal .modal_row.row-5 .modal_row__piece:nth-child(11) {
    -webkit-transform: scale(0) rotate(53deg);
    transform: scale(0) rotate(53deg);
    left: -449px;
    top: 210px;
    background: #223eff;
}
.modal .modal_row.row-5 .modal_row__piece:nth-child(12) {
    -webkit-transform: scale(0) rotate(106deg);
    transform: scale(0) rotate(106deg);
    left: 150px;
    top: -238px;
    background: #22ffd4;
}
.modal .modal_row.row-5 .modal_row__piece:nth-child(13) {
    -webkit-transform: scale(0) rotate(105deg);
    transform: scale(0) rotate(105deg);
    left: 794px;
    top: -202px;
    background: #6d22ff;
}
.modal .modal_row.row-5 .modal_row__piece:nth-child(14) {
    -webkit-transform: scale(0) rotate(397deg);
    transform: scale(0) rotate(397deg);
    left: 626px;
    top: -224px;
    background: #22ffe3;
}
.modal .modal_row.row-5 .modal_row__piece:nth-child(15) {
    -webkit-transform: scale(0) rotate(433deg);
    transform: scale(0) rotate(433deg);
    left: 664px;
    top: -275px;
    background: #7822ff;
}
.modal .modal_row.row-5 .modal_row__piece:nth-child(16) {
    -webkit-transform: scale(0) rotate(263deg);
    transform: scale(0) rotate(263deg);
    left: -611px;
    top: 483px;
    background: #22d9ff;
}
.modal .modal_row.row-5 .modal_row__piece:nth-child(17) {
    -webkit-transform: scale(0) rotate(494deg);
    transform: scale(0) rotate(494deg);
    left: -862px;
    top: -27px;
    background: #22ffeb;
}
.modal .modal_row.row-5 .modal_row__piece:nth-child(18) {
    -webkit-transform: scale(0) rotate(487deg);
    transform: scale(0) rotate(487deg);
    left: -167px;
    top: 392px;
    background: #224dff;
}
.modal .modal_row.row-5 .modal_row__piece:nth-child(19) {
    -webkit-transform: scale(0) rotate(82deg);
    transform: scale(0) rotate(82deg);
    left: -47px;
    top: 11px;
    background: #22ffe7;
}
.modal .modal_row.row-5 .modal_row__piece:nth-child(20) {
    -webkit-transform: scale(0) rotate(203deg);
    transform: scale(0) rotate(203deg);
    left: -372px;
    top: -456px;
    background: #226aff;
}
.modal .modal_row.row-6 .modal_row__piece:nth-child(1) {
    -webkit-transform: scale(0) rotate(284deg);
    transform: scale(0) rotate(284deg);
    left: -447px;
    top: 406px;
    background: #22c6ff;
}
.modal .modal_row.row-6 .modal_row__piece:nth-child(2) {
    -webkit-transform: scale(0) rotate(141deg);
    transform: scale(0) rotate(141deg);
    left: 374px;
    top: -230px;
    background: #22acff;
}
.modal .modal_row.row-6 .modal_row__piece:nth-child(3) {
    -webkit-transform: scale(0) rotate(398deg);
    transform: scale(0) rotate(398deg);
    left: 780px;
    top: -42px;
    background: #22dcff;
}
.modal .modal_row.row-6 .modal_row__piece:nth-child(4) {
    -webkit-transform: scale(0) rotate(109deg);
    transform: scale(0) rotate(109deg);
    left: 239px;
    top: 107px;
    background: #2296ff;
}
.modal .modal_row.row-6 .modal_row__piece:nth-child(5) {
    -webkit-transform: scale(0) rotate(275deg);
    transform: scale(0) rotate(275deg);
    left: 636px;
    top: -13px;
    background: #2266ff;
}
.modal .modal_row.row-6 .modal_row__piece:nth-child(6) {
    -webkit-transform: scale(0) rotate(165deg);
    transform: scale(0) rotate(165deg);
    left: -377px;
    top: 366px;
    background: #22efff;
}
.modal .modal_row.row-6 .modal_row__piece:nth-child(7) {
    -webkit-transform: scale(0) rotate(89deg);
    transform: scale(0) rotate(89deg);
    left: 411px;
    top: -313px;
    background: #2250ff;
}
.modal .modal_row.row-6 .modal_row__piece:nth-child(8) {
    -webkit-transform: scale(0) rotate(75deg);
    transform: scale(0) rotate(75deg);
    left: -909px;
    top: -260px;
    background: #22e0ff;
}
.modal .modal_row.row-6 .modal_row__piece:nth-child(9) {
    -webkit-transform: scale(0) rotate(456deg);
    transform: scale(0) rotate(456deg);
    left: 890px;
    top: -314px;
    background: #225fff;
}
.modal .modal_row.row-6 .modal_row__piece:nth-child(10) {
    -webkit-transform: scale(0) rotate(89deg);
    transform: scale(0) rotate(89deg);
    left: 136px;
    top: -487px;
    background: #22e0ff;
}
.modal .modal_row.row-6 .modal_row__piece:nth-child(11) {
    -webkit-transform: scale(0) rotate(131deg);
    transform: scale(0) rotate(131deg);
    left: 250px;
    top: -337px;
    background: #4522ff;
}
.modal .modal_row.row-6 .modal_row__piece:nth-child(12) {
    -webkit-transform: scale(0) rotate(386deg);
    transform: scale(0) rotate(386deg);
    left: -505px;
    top: -213px;
    background: #5422ff;
}
.modal .modal_row.row-6 .modal_row__piece:nth-child(13) {
    -webkit-transform: scale(0) rotate(30deg);
    transform: scale(0) rotate(30deg);
    left: -674px;
    top: -98px;
    background: #22c6ff;
}
.modal .modal_row.row-6 .modal_row__piece:nth-child(14) {
    -webkit-transform: scale(0) rotate(451deg);
    transform: scale(0) rotate(451deg);
    left: 5px;
    top: 404px;
    background: #6622ff;
}
.modal .modal_row.row-6 .modal_row__piece:nth-child(15) {
    -webkit-transform: scale(0) rotate(154deg);
    transform: scale(0) rotate(154deg);
    left: 91px;
    top: 379px;
    background: #22dcff;
}
.modal .modal_row.row-6 .modal_row__piece:nth-child(16) {
    -webkit-transform: scale(0) rotate(417deg);
    transform: scale(0) rotate(417deg);
    left: 970px;
    top: 470px;
    background: #2228ff;
}
.modal .modal_row.row-6 .modal_row__piece:nth-child(17) {
    -webkit-transform: scale(0) rotate(266deg);
    transform: scale(0) rotate(266deg);
    left: 757px;
    top: 130px;
    background: #228bff;
}
.modal .modal_row.row-6 .modal_row__piece:nth-child(18) {
    -webkit-transform: scale(0) rotate(440deg);
    transform: scale(0) rotate(440deg);
    left: 29px;
    top: -88px;
    background: #2293ff;
}
.modal .modal_row.row-6 .modal_row__piece:nth-child(19) {
    -webkit-transform: scale(0) rotate(123deg);
    transform: scale(0) rotate(123deg);
    left: -636px;
    top: 339px;
    background: #22ffdc;
}
.modal .modal_row.row-6 .modal_row__piece:nth-child(20) {
    -webkit-transform: scale(0) rotate(491deg);
    transform: scale(0) rotate(491deg);
    left: 37px;
    top: 479px;
    background: #3622ff;
}
.modal .modal_row.row-7 .modal_row__piece:nth-child(1) {
    -webkit-transform: scale(0) rotate(347deg);
    transform: scale(0) rotate(347deg);
    left: 416px;
    top: 125px;
    background: #22b0ff;
}
.modal .modal_row.row-7 .modal_row__piece:nth-child(2) {
    -webkit-transform: scale(0) rotate(9deg);
    transform: scale(0) rotate(9deg);
    left: -647px;
    top: -54px;
    background: #22ffdf;
}
.modal .modal_row.row-7 .modal_row__piece:nth-child(3) {
    -webkit-transform: scale(0) rotate(424deg);
    transform: scale(0) rotate(424deg);
    left: 745px;
    top: 200px;
    background: #3d22ff;
}
.modal .modal_row.row-7 .modal_row__piece:nth-child(4) {
    -webkit-transform: scale(0) rotate(181deg);
    transform: scale(0) rotate(181deg);
    left: 783px;
    top: -479px;
    background: #22faff;
}
.modal .modal_row.row-7 .modal_row__piece:nth-child(5) {
    -webkit-transform: scale(0) rotate(276deg);
    transform: scale(0) rotate(276deg);
    left: 63px;
    top: 105px;
    background: #22c6ff;
}
.modal .modal_row.row-7 .modal_row__piece:nth-child(6) {
    -webkit-transform: scale(0) rotate(228deg);
    transform: scale(0) rotate(228deg);
    left: -126px;
    top: -174px;
    background: #22ffd4;
}
.modal .modal_row.row-7 .modal_row__piece:nth-child(7) {
    -webkit-transform: scale(0) rotate(77deg);
    transform: scale(0) rotate(77deg);
    left: 643px;
    top: -370px;
    background: #22ffd8;
}
.modal .modal_row.row-7 .modal_row__piece:nth-child(8) {
    -webkit-transform: scale(0) rotate(336deg);
    transform: scale(0) rotate(336deg);
    left: 738px;
    top: -214px;
    background: #225fff;
}
.modal .modal_row.row-7 .modal_row__piece:nth-child(9) {
    -webkit-transform: scale(0) rotate(30deg);
    transform: scale(0) rotate(30deg);
    left: -808px;
    top: 200px;
    background: #222fff;
}
.modal .modal_row.row-7 .modal_row__piece:nth-child(10) {
    -webkit-transform: scale(0) rotate(444deg);
    transform: scale(0) rotate(444deg);
    left: 203px;
    top: -264px;
    background: #2f22ff;
}
.modal .modal_row.row-7 .modal_row__piece:nth-child(11) {
    -webkit-transform: scale(0) rotate(258deg);
    transform: scale(0) rotate(258deg);
    left: 791px;
    top: 374px;
    background: #22fff6;
}
.modal .modal_row.row-7 .modal_row__piece:nth-child(12) {
    -webkit-transform: scale(0) rotate(201deg);
    transform: scale(0) rotate(201deg);
    left: 393px;
    top: -191px;
    background: #5022ff;
}
.modal .modal_row.row-7 .modal_row__piece:nth-child(13) {
    -webkit-transform: scale(0) rotate(95deg);
    transform: scale(0) rotate(95deg);
    left: 205px;
    top: -233px;
    background: #22ffee;
}
.modal .modal_row.row-7 .modal_row__piece:nth-child(14) {
    -webkit-transform: scale(0) rotate(333deg);
    transform: scale(0) rotate(333deg);
    left: -332px;
    top: -184px;
    background: #6a22ff;
}
.modal .modal_row.row-7 .modal_row__piece:nth-child(15) {
    -webkit-transform: scale(0) rotate(363deg);
    transform: scale(0) rotate(363deg);
    left: 371px;
    top: 283px;
    background: #5f22ff;
}
.modal .modal_row.row-7 .modal_row__piece:nth-child(16) {
    -webkit-transform: scale(0) rotate(391deg);
    transform: scale(0) rotate(391deg);
    left: 81px;
    top: 390px;
    background: #22fff6;
}
.modal .modal_row.row-7 .modal_row__piece:nth-child(17) {
    -webkit-transform: scale(0) rotate(453deg);
    transform: scale(0) rotate(453deg);
    left: 217px;
    top: -83px;
    background: #22ffee;
}
.modal .modal_row.row-7 .modal_row__piece:nth-child(18) {
    -webkit-transform: scale(0) rotate(486deg);
    transform: scale(0) rotate(486deg);
    left: 652px;
    top: 90px;
    background: #22f6ff;
}
.modal .modal_row.row-7 .modal_row__piece:nth-child(19) {
    -webkit-transform: scale(0) rotate(431deg);
    transform: scale(0) rotate(431deg);
    left: 580px;
    top: -20px;
    background: #22a9ff;
}
.modal .modal_row.row-7 .modal_row__piece:nth-child(20) {
    -webkit-transform: scale(0) rotate(126deg);
    transform: scale(0) rotate(126deg);
    left: 99px;
    top: -246px;
    background: #2f22ff;
}
.modal .modal_row.row-8 .modal_row__piece:nth-child(1) {
    -webkit-transform: scale(0) rotate(164deg);
    transform: scale(0) rotate(164deg);
    left: -844px;
    top: 31px;
    background: #2288ff;
}
.modal .modal_row.row-8 .modal_row__piece:nth-child(2) {
    -webkit-transform: scale(0) rotate(348deg);
    transform: scale(0) rotate(348deg);
    left: -883px;
    top: 108px;
    background: #5422ff;
}
.modal .modal_row.row-8 .modal_row__piece:nth-child(3) {
    -webkit-transform: scale(0) rotate(440deg);
    transform: scale(0) rotate(440deg);
    left: 621px;
    top: 366px;
    background: #3d22ff;
}
.modal .modal_row.row-8 .modal_row__piece:nth-child(4) {
    -webkit-transform: scale(0) rotate(316deg);
    transform: scale(0) rotate(316deg);
    left: 428px;
    top: 160px;
    background: #5f22ff;
}
.modal .modal_row.row-8 .modal_row__piece:nth-child(5) {
    -webkit-transform: scale(0) rotate(353deg);
    transform: scale(0) rotate(353deg);
    left: 776px;
    top: 292px;
    background: #22fffd;
}
.modal .modal_row.row-8 .modal_row__piece:nth-child(6) {
    -webkit-transform: scale(0) rotate(304deg);
    transform: scale(0) rotate(304deg);
    left: 272px;
    top: -265px;
    background: #22ffd8;
}
.modal .modal_row.row-8 .modal_row__piece:nth-child(7) {
    -webkit-transform: scale(0) rotate(210deg);
    transform: scale(0) rotate(210deg);
    left: -15px;
    top: -481px;
    background: #6622ff;
}
.modal .modal_row.row-8 .modal_row__piece:nth-child(8) {
    -webkit-transform: scale(0) rotate(61deg);
    transform: scale(0) rotate(61deg);
    left: 327px;
    top: -282px;
    background: #2293ff;
}
.modal .modal_row.row-8 .modal_row__piece:nth-child(9) {
    -webkit-transform: scale(0) rotate(41deg);
    transform: scale(0) rotate(41deg);
    left: 591px;
    top: 343px;
    background: #22d5ff;
}
.modal .modal_row.row-8 .modal_row__piece:nth-child(10) {
    -webkit-transform: scale(0) rotate(213deg);
    transform: scale(0) rotate(213deg);
    left: -418px;
    top: -276px;
    background: #2293ff;
}
.modal .modal_row.row-8 .modal_row__piece:nth-child(11) {
    -webkit-transform: scale(0) rotate(105deg);
    transform: scale(0) rotate(105deg);
    left: -932px;
    top: -234px;
    background: #2288ff;
}
.modal .modal_row.row-8 .modal_row__piece:nth-child(12) {
    -webkit-transform: scale(0) rotate(264deg);
    transform: scale(0) rotate(264deg);
    left: -896px;
    top: -45px;
    background: #22b7ff;
}
.modal .modal_row.row-8 .modal_row__piece:nth-child(13) {
    -webkit-transform: scale(0) rotate(120deg);
    transform: scale(0) rotate(120deg);
    left: 808px;
    top: 479px;
    background: #227cff;
}
.modal .modal_row.row-8 .modal_row__piece:nth-child(14) {
    -webkit-transform: scale(0) rotate(115deg);
    transform: scale(0) rotate(115deg);
    left: 416px;
    top: -143px;
    background: #22efff;
}
.modal .modal_row.row-8 .modal_row__piece:nth-child(15) {
    -webkit-transform: scale(0) rotate(129deg);
    transform: scale(0) rotate(129deg);
    left: 577px;
    top: 115px;
    background: #2224ff;
}
.modal .modal_row.row-8 .modal_row__piece:nth-child(16) {
    -webkit-transform: scale(0) rotate(175deg);
    transform: scale(0) rotate(175deg);
    left: 795px;
    top: 213px;
    background: #2263ff;
}
.modal .modal_row.row-8 .modal_row__piece:nth-child(17) {
    -webkit-transform: scale(0) rotate(225deg);
    transform: scale(0) rotate(225deg);
    left: 320px;
    top: -314px;
    background: #225bff;
}
.modal .modal_row.row-8 .modal_row__piece:nth-child(18) {
    -webkit-transform: scale(0) rotate(10deg);
    transform: scale(0) rotate(10deg);
    left: 391px;
    top: -1px;
    background: #22ffee;
}
.modal .modal_row.row-8 .modal_row__piece:nth-child(19) {
    -webkit-transform: scale(0) rotate(496deg);
    transform: scale(0) rotate(496deg);
    left: -144px;
    top: 217px;
    background: #5722ff;
}
.modal .modal_row.row-8 .modal_row__piece:nth-child(20) {
    -webkit-transform: scale(0) rotate(138deg);
    transform: scale(0) rotate(138deg);
    left: 473px;
    top: -342px;
    background: #22efff;
}
.modal .modal_row.row-9 .modal_row__piece:nth-child(1) {
    -webkit-transform: scale(0) rotate(37deg);
    transform: scale(0) rotate(37deg);
    left: 424px;
    top: 196px;
    background: #22ffcd;
}
.modal .modal_row.row-9 .modal_row__piece:nth-child(2) {
    -webkit-transform: scale(0) rotate(152deg);
    transform: scale(0) rotate(152deg);
    left: -356px;
    top: -66px;
    background: #22e7ff;
}
.modal .modal_row.row-9 .modal_row__piece:nth-child(3) {
    -webkit-transform: scale(0) rotate(337deg);
    transform: scale(0) rotate(337deg);
    left: 205px;
    top: -137px;
    background: #228fff;
}
.modal .modal_row.row-9 .modal_row__piece:nth-child(4) {
    -webkit-transform: scale(0) rotate(18deg);
    transform: scale(0) rotate(18deg);
    left: 801px;
    top: -216px;
    background: #22efff;
}
.modal .modal_row.row-9 .modal_row__piece:nth-child(5) {
    -webkit-transform: scale(0) rotate(178deg);
    transform: scale(0) rotate(178deg);
    left: -870px;
    top: 261px;
    background: #22b7ff;
}
.modal .modal_row.row-9 .modal_row__piece:nth-child(6) {
    -webkit-transform: scale(0) rotate(277deg);
    transform: scale(0) rotate(277deg);
    left: 734px;
    top: -160px;
    background: #22e7ff;
}
.modal .modal_row.row-9 .modal_row__piece:nth-child(7) {
    -webkit-transform: scale(0) rotate(130deg);
    transform: scale(0) rotate(130deg);
    left: 17px;
    top: -271px;
    background: #223eff;
}
.modal .modal_row.row-9 .modal_row__piece:nth-child(8) {
    -webkit-transform: scale(0) rotate(256deg);
    transform: scale(0) rotate(256deg);
    left: -162px;
    top: 428px;
    background: #22ffdc;
}
.modal .modal_row.row-9 .modal_row__piece:nth-child(9) {
    -webkit-transform: scale(0) rotate(121deg);
    transform: scale(0) rotate(121deg);
    left: -703px;
    top: -28px;
    background: #22e0ff;
}
.modal .modal_row.row-9 .modal_row__piece:nth-child(10) {
    -webkit-transform: scale(0) rotate(231deg);
    transform: scale(0) rotate(231deg);
    left: -759px;
    top: -238px;
    background: #22a1ff;
}
.modal .modal_row.row-9 .modal_row__piece:nth-child(11) {
    -webkit-transform: scale(0) rotate(328deg);
    transform: scale(0) rotate(328deg);
    left: -467px;
    top: -275px;
    background: #22ffee;
}
.modal .modal_row.row-9 .modal_row__piece:nth-child(12) {
    -webkit-transform: scale(0) rotate(355deg);
    transform: scale(0) rotate(355deg);
    left: 130px;
    top: -294px;
    background: #22c6ff;
}
.modal .modal_row.row-9 .modal_row__piece:nth-child(13) {
    -webkit-transform: scale(0) rotate(106deg);
    transform: scale(0) rotate(106deg);
    left: -747px;
    top: 214px;
    background: #22c2ff;
}
.modal .modal_row.row-9 .modal_row__piece:nth-child(14) {
    -webkit-transform: scale(0) rotate(85deg);
    transform: scale(0) rotate(85deg);
    left: -496px;
    top: 22px;
    background: #22e4ff;
}
.modal .modal_row.row-9 .modal_row__piece:nth-child(15) {
    -webkit-transform: scale(0) rotate(169deg);
    transform: scale(0) rotate(169deg);
    left: 205px;
    top: -42px;
    background: #22d9ff;
}
.modal .modal_row.row-9 .modal_row__piece:nth-child(16) {
    -webkit-transform: scale(0) rotate(452deg);
    transform: scale(0) rotate(452deg);
    left: -740px;
    top: -75px;
    background: #5f22ff;
}
.modal .modal_row.row-9 .modal_row__piece:nth-child(17) {
    -webkit-transform: scale(0) rotate(243deg);
    transform: scale(0) rotate(243deg);
    left: 220px;
    top: 321px;
    background: #5722ff;
}
.modal .modal_row.row-9 .modal_row__piece:nth-child(18) {
    -webkit-transform: scale(0) rotate(457deg);
    transform: scale(0) rotate(457deg);
    left: -146px;
    top: -381px;
    background: #2271ff;
}
.modal .modal_row.row-9 .modal_row__piece:nth-child(19) {
    -webkit-transform: scale(0) rotate(237deg);
    transform: scale(0) rotate(237deg);
    left: -179px;
    top: 285px;
    background: #5422ff;
}
.modal .modal_row.row-9 .modal_row__piece:nth-child(20) {
    -webkit-transform: scale(0) rotate(436deg);
    transform: scale(0) rotate(436deg);
    left: 163px;
    top: 473px;
    background: #2280ff;
}
.modal .modal_row.row-10 .modal_row__piece:nth-child(1) {
    -webkit-transform: scale(0) rotate(1deg);
    transform: scale(0) rotate(1deg);
    left: -886px;
    top: -171px;
    background: #22c6ff;
}
.modal .modal_row.row-10 .modal_row__piece:nth-child(2) {
    -webkit-transform: scale(0) rotate(163deg);
    transform: scale(0) rotate(163deg);
    left: 318px;
    top: 437px;
    background: #2280ff;
}
.modal .modal_row.row-10 .modal_row__piece:nth-child(3) {
    -webkit-transform: scale(0) rotate(104deg);
    transform: scale(0) rotate(104deg);
    left: 310px;
    top: 356px;
    background: #22bbff;
}
.modal .modal_row.row-10 .modal_row__piece:nth-child(4) {
    -webkit-transform: scale(0) rotate(67deg);
    transform: scale(0) rotate(67deg);
    left: 328px;
    top: 181px;
    background: #2245ff;
}
.modal .modal_row.row-10 .modal_row__piece:nth-child(5) {
    -webkit-transform: scale(0) rotate(302deg);
    transform: scale(0) rotate(302deg);
    left: 806px;
    top: 128px;
    background: #4122ff;
}
.modal .modal_row.row-10 .modal_row__piece:nth-child(6) {
    -webkit-transform: scale(0) rotate(496deg);
    transform: scale(0) rotate(496deg);
    left: 986px;
    top: 445px;
    background: #22dcff;
}
.modal .modal_row.row-10 .modal_row__piece:nth-child(7) {
    -webkit-transform: scale(0) rotate(425deg);
    transform: scale(0) rotate(425deg);
    left: 922px;
    top: 240px;
    background: #22c2ff;
}
.modal .modal_row.row-10 .modal_row__piece:nth-child(8) {
    -webkit-transform: scale(0) rotate(127deg);
    transform: scale(0) rotate(127deg);
    left: 783px;
    top: 98px;
    background: #22b7ff;
}
.modal .modal_row.row-10 .modal_row__piece:nth-child(9) {
    -webkit-transform: scale(0) rotate(400deg);
    transform: scale(0) rotate(400deg);
    left: -13px;
    top: -489px;
    background: #4c22ff;
}
.modal .modal_row.row-10 .modal_row__piece:nth-child(10) {
    -webkit-transform: scale(0) rotate(348deg);
    transform: scale(0) rotate(348deg);
    left: 453px;
    top: -341px;
    background: #222bff;
}
.modal .modal_row.row-10 .modal_row__piece:nth-child(11) {
    -webkit-transform: scale(0) rotate(492deg);
    transform: scale(0) rotate(492deg);
    left: 603px;
    top: -329px;
    background: #2422ff;
}
.modal .modal_row.row-10 .modal_row__piece:nth-child(12) {
    -webkit-transform: scale(0) rotate(171deg);
    transform: scale(0) rotate(171deg);
    left: 535px;
    top: -1px;
    background: #2f22ff;
}
.modal .modal_row.row-10 .modal_row__piece:nth-child(13) {
    -webkit-transform: scale(0) rotate(191deg);
    transform: scale(0) rotate(191deg);
    left: -749px;
    top: 285px;
    background: #224dff;
}
.modal .modal_row.row-10 .modal_row__piece:nth-child(14) {
    -webkit-transform: scale(0) rotate(264deg);
    transform: scale(0) rotate(264deg);
    left: -342px;
    top: -346px;
    background: #22b0ff;
}
.modal .modal_row.row-10 .modal_row__piece:nth-child(15) {
    -webkit-transform: scale(0) rotate(303deg);
    transform: scale(0) rotate(303deg);
    left: 686px;
    top: 40px;
    background: #2258ff;
}
.modal .modal_row.row-10 .modal_row__piece:nth-child(16) {
    -webkit-transform: scale(0) rotate(160deg);
    transform: scale(0) rotate(160deg);
    left: -31px;
    top: -375px;
    background: #2f22ff;
}
.modal .modal_row.row-10 .modal_row__piece:nth-child(17) {
    -webkit-transform: scale(0) rotate(275deg);
    transform: scale(0) rotate(275deg);
    left: 650px;
    top: 449px;
    background: #22d5ff;
}
.modal .modal_row.row-10 .modal_row__piece:nth-child(18) {
    -webkit-transform: scale(0) rotate(6deg);
    transform: scale(0) rotate(6deg);
    left: 745px;
    top: -84px;
    background: #222fff;
}
.modal .modal_row.row-10 .modal_row__piece:nth-child(19) {
    -webkit-transform: scale(0) rotate(363deg);
    transform: scale(0) rotate(363deg);
    left: 722px;
    top: 384px;
    background: #2722ff;
}
.modal .modal_row.row-10 .modal_row__piece:nth-child(20) {
    -webkit-transform: scale(0) rotate(235deg);
    transform: scale(0) rotate(235deg);
    left: 789px;
    top: -315px;
    background: #2228ff;
}
.modal .modal_row.row-11 .modal_row__piece:nth-child(1) {
    -webkit-transform: scale(0) rotate(345deg);
    transform: scale(0) rotate(345deg);
    left: 182px;
    top: 124px;
    background: #7822ff;
}
.modal .modal_row.row-11 .modal_row__piece:nth-child(2) {
    -webkit-transform: scale(0) rotate(181deg);
    transform: scale(0) rotate(181deg);
    left: 141px;
    top: 222px;
    background: #22ffd1;
}
.modal .modal_row.row-11 .modal_row__piece:nth-child(3) {
    -webkit-transform: scale(0) rotate(192deg);
    transform: scale(0) rotate(192deg);
    left: -56px;
    top: -207px;
    background: #22c2ff;
}
.modal .modal_row.row-11 .modal_row__piece:nth-child(4) {
    -webkit-transform: scale(0) rotate(292deg);
    transform: scale(0) rotate(292deg);
    left: 512px;
    top: 462px;
    background: #3222ff;
}
.modal .modal_row.row-11 .modal_row__piece:nth-child(5) {
    -webkit-transform: scale(0) rotate(109deg);
    transform: scale(0) rotate(109deg);
    left: -620px;
    top: -184px;
    background: #22f2ff;
}
.modal .modal_row.row-11 .modal_row__piece:nth-child(6) {
    -webkit-transform: scale(0) rotate(202deg);
    transform: scale(0) rotate(202deg);
    left: 403px;
    top: 498px;
    background: #22faff;
}
.modal .modal_row.row-11 .modal_row__piece:nth-child(7) {
    -webkit-transform: scale(0) rotate(436deg);
    transform: scale(0) rotate(436deg);
    left: 571px;
    top: 366px;
    background: #222fff;
}
.modal .modal_row.row-11 .modal_row__piece:nth-child(8) {
    -webkit-transform: scale(0) rotate(246deg);
    transform: scale(0) rotate(246deg);
    left: 997px;
    top: 203px;
    background: #7522ff;
}
.modal .modal_row.row-11 .modal_row__piece:nth-child(9) {
    -webkit-transform: scale(0) rotate(486deg);
    transform: scale(0) rotate(486deg);
    left: 192px;
    top: 115px;
    background: #5022ff;
}
.modal .modal_row.row-11 .modal_row__piece:nth-child(10) {
    -webkit-transform: scale(0) rotate(236deg);
    transform: scale(0) rotate(236deg);
    left: 97px;
    top: -117px;
    background: #22fdff;
}
.modal .modal_row.row-11 .modal_row__piece:nth-child(11) {
    -webkit-transform: scale(0) rotate(164deg);
    transform: scale(0) rotate(164deg);
    left: -260px;
    top: -221px;
    background: #22bbff;
}
.modal .modal_row.row-11 .modal_row__piece:nth-child(12) {
    -webkit-transform: scale(0) rotate(102deg);
    transform: scale(0) rotate(102deg);
    left: 576px;
    top: 99px;
    background: #22ebff;
}
.modal .modal_row.row-11 .modal_row__piece:nth-child(13) {
    -webkit-transform: scale(0) rotate(88deg);
    transform: scale(0) rotate(88deg);
    left: 428px;
    top: -249px;
    background: #22ffd1;
}
.modal .modal_row.row-11 .modal_row__piece:nth-child(14) {
    -webkit-transform: scale(0) rotate(496deg);
    transform: scale(0) rotate(496deg);
    left: -450px;
    top: -94px;
    background: #4822ff;
}
.modal .modal_row.row-11 .modal_row__piece:nth-child(15) {
    -webkit-transform: scale(0) rotate(480deg);
    transform: scale(0) rotate(480deg);
    left: -183px;
    top: 32px;
    background: #5b22ff;
}
.modal .modal_row.row-11 .modal_row__piece:nth-child(16) {
    -webkit-transform: scale(0) rotate(85deg);
    transform: scale(0) rotate(85deg);
    left: 661px;
    top: 52px;
    background: #229aff;
}
.modal .modal_row.row-11 .modal_row__piece:nth-child(17) {
    -webkit-transform: scale(0) rotate(377deg);
    transform: scale(0) rotate(377deg);
    left: 765px;
    top: -440px;
    background: #223eff;
}
.modal .modal_row.row-11 .modal_row__piece:nth-child(18) {
    -webkit-transform: scale(0) rotate(342deg);
    transform: scale(0) rotate(342deg);
    left: 965px;
    top: 445px;
    background: #7122ff;
}
.modal .modal_row.row-11 .modal_row__piece:nth-child(19) {
    -webkit-transform: scale(0) rotate(38deg);
    transform: scale(0) rotate(38deg);
    left: 534px;
    top: 403px;
    background: #2271ff;
}
.modal .modal_row.row-11 .modal_row__piece:nth-child(20) {
    -webkit-transform: scale(0) rotate(412deg);
    transform: scale(0) rotate(412deg);
    left: 163px;
    top: 45px;
    background: #2250ff;
}
.modal .modal_row.row-12 .modal_row__piece:nth-child(1) {
    -webkit-transform: scale(0) rotate(51deg);
    transform: scale(0) rotate(51deg);
    left: -776px;
    top: -219px;
    background: #22bfff;
}
.modal .modal_row.row-12 .modal_row__piece:nth-child(2) {
    -webkit-transform: scale(0) rotate(330deg);
    transform: scale(0) rotate(330deg);
    left: 261px;
    top: 186px;
    background: #5f22ff;
}
.modal .modal_row.row-12 .modal_row__piece:nth-child(3) {
    -webkit-transform: scale(0) rotate(461deg);
    transform: scale(0) rotate(461deg);
    left: 77px;
    top: -336px;
    background: #22bfff;
}
.modal .modal_row.row-12 .modal_row__piece:nth-child(4) {
    -webkit-transform: scale(0) rotate(15deg);
    transform: scale(0) rotate(15deg);
    left: 837px;
    top: -230px;
    background: #222bff;
}
.modal .modal_row.row-12 .modal_row__piece:nth-child(5) {
    -webkit-transform: scale(0) rotate(151deg);
    transform: scale(0) rotate(151deg);
    left: 331px;
    top: -360px;
    background: #2280ff;
}
.modal .modal_row.row-12 .modal_row__piece:nth-child(6) {
    -webkit-transform: scale(0) rotate(241deg);
    transform: scale(0) rotate(241deg);
    left: 722px;
    top: 201px;
    background: #2224ff;
}
.modal .modal_row.row-12 .modal_row__piece:nth-child(7) {
    -webkit-transform: scale(0) rotate(280deg);
    transform: scale(0) rotate(280deg);
    left: 732px;
    top: -190px;
    background: #226aff;
}
.modal .modal_row.row-12 .modal_row__piece:nth-child(8) {
    -webkit-transform: scale(0) rotate(323deg);
    transform: scale(0) rotate(323deg);
    left: 853px;
    top: 103px;
    background: #2f22ff;
}
.modal .modal_row.row-12 .modal_row__piece:nth-child(9) {
    -webkit-transform: scale(0) rotate(311deg);
    transform: scale(0) rotate(311deg);
    left: 571px;
    top: 72px;
    background: #22a9ff;
}
.modal .modal_row.row-12 .modal_row__piece:nth-child(10) {
    -webkit-transform: scale(0) rotate(90deg);
    transform: scale(0) rotate(90deg);
    left: -681px;
    top: 368px;
    background: #2293ff;
}
.modal .modal_row.row-12 .modal_row__piece:nth-child(11) {
    -webkit-transform: scale(0) rotate(196deg);
    transform: scale(0) rotate(196deg);
    left: -957px;
    top: 139px;
    background: #222bff;
}
.modal .modal_row.row-12 .modal_row__piece:nth-child(12) {
    -webkit-transform: scale(0) rotate(44deg);
    transform: scale(0) rotate(44deg);
    left: -735px;
    top: 108px;
    background: #22ffd4;
}
.modal .modal_row.row-12 .modal_row__piece:nth-child(13) {
    -webkit-transform: scale(0) rotate(226deg);
    transform: scale(0) rotate(226deg);
    left: -278px;
    top: -118px;
    background: #2228ff;
}
.modal .modal_row.row-12 .modal_row__piece:nth-child(14) {
    -webkit-transform: scale(0) rotate(109deg);
    transform: scale(0) rotate(109deg);
    left: -751px;
    top: -302px;
    background: #22ffdc;
}
.modal .modal_row.row-12 .modal_row__piece:nth-child(15) {
    -webkit-transform: scale(0) rotate(149deg);
    transform: scale(0) rotate(149deg);
    left: -852px;
    top: 374px;
    background: #22ffe3;
}
.modal .modal_row.row-12 .modal_row__piece:nth-child(16) {
    -webkit-transform: scale(0) rotate(124deg);
    transform: scale(0) rotate(124deg);
    left: 752px;
    top: -91px;
    background: #22b4ff;
}
.modal .modal_row.row-12 .modal_row__piece:nth-child(17) {
    -webkit-transform: scale(0) rotate(192deg);
    transform: scale(0) rotate(192deg);
    left: 880px;
    top: 333px;
    background: #2224ff;
}
.modal .modal_row.row-12 .modal_row__piece:nth-child(18) {
    -webkit-transform: scale(0) rotate(368deg);
    transform: scale(0) rotate(368deg);
    left: 144px;
    top: -224px;
    background: #22b7ff;
}
.modal .modal_row.row-12 .modal_row__piece:nth-child(19) {
    -webkit-transform: scale(0) rotate(112deg);
    transform: scale(0) rotate(112deg);
    left: -839px;
    top: -96px;
    background: #2249ff;
}
.modal .modal_row.row-12 .modal_row__piece:nth-child(20) {
    -webkit-transform: scale(0) rotate(393deg);
    transform: scale(0) rotate(393deg);
    left: -335px;
    top: -176px;
    background: #222fff;
}
.modal .modal_row.row-13 .modal_row__piece:nth-child(1) {
    -webkit-transform: scale(0) rotate(443deg);
    transform: scale(0) rotate(443deg);
    left: 46px;
    top: -496px;
    background: #22d5ff;
}
.modal .modal_row.row-13 .modal_row__piece:nth-child(2) {
    -webkit-transform: scale(0) rotate(25deg);
    transform: scale(0) rotate(25deg);
    left: 900px;
    top: 396px;
    background: #22a9ff;
}
.modal .modal_row.row-13 .modal_row__piece:nth-child(3) {
    -webkit-transform: scale(0) rotate(384deg);
    transform: scale(0) rotate(384deg);
    left: 162px;
    top: -202px;
    background: #22ffee;
}
.modal .modal_row.row-13 .modal_row__piece:nth-child(4) {
    -webkit-transform: scale(0) rotate(202deg);
    transform: scale(0) rotate(202deg);
    left: 536px;
    top: 446px;
    background: #22a1ff;
}
.modal .modal_row.row-13 .modal_row__piece:nth-child(5) {
    -webkit-transform: scale(0) rotate(334deg);
    transform: scale(0) rotate(334deg);
    left: 991px;
    top: -324px;
    background: #226aff;
}
.modal .modal_row.row-13 .modal_row__piece:nth-child(6) {
    -webkit-transform: scale(0) rotate(379deg);
    transform: scale(0) rotate(379deg);
    left: -424px;
    top: 253px;
    background: #4c22ff;
}
.modal .modal_row.row-13 .modal_row__piece:nth-child(7) {
    -webkit-transform: scale(0) rotate(345deg);
    transform: scale(0) rotate(345deg);
    left: -164px;
    top: -250px;
    background: #22fffd;
}
.modal .modal_row.row-13 .modal_row__piece:nth-child(8) {
    -webkit-transform: scale(0) rotate(127deg);
    transform: scale(0) rotate(127deg);
    left: -627px;
    top: -382px;
    background: #6222ff;
}
.modal .modal_row.row-13 .modal_row__piece:nth-child(9) {
    -webkit-transform: scale(0) rotate(164deg);
    transform: scale(0) rotate(164deg);
    left: 612px;
    top: -239px;
    background: #222fff;
}
.modal .modal_row.row-13 .modal_row__piece:nth-child(10) {
    -webkit-transform: scale(0) rotate(163deg);
    transform: scale(0) rotate(163deg);
    left: -935px;
    top: 142px;
    background: #228bff;
}
.modal .modal_row.row-13 .modal_row__piece:nth-child(11) {
    -webkit-transform: scale(0) rotate(8deg);
    transform: scale(0) rotate(8deg);
    left: 259px;
    top: 93px;
    background: #22bbff;
}
.modal .modal_row.row-13 .modal_row__piece:nth-child(12) {
    -webkit-transform: scale(0) rotate(131deg);
    transform: scale(0) rotate(131deg);
    left: -620px;
    top: -495px;
    background: #22ffe3;
}
.modal .modal_row.row-13 .modal_row__piece:nth-child(13) {
    -webkit-transform: scale(0) rotate(133deg);
    transform: scale(0) rotate(133deg);
    left: -802px;
    top: -197px;
    background: #22c2ff;
}
.modal .modal_row.row-13 .modal_row__piece:nth-child(14) {
    -webkit-transform: scale(0) rotate(206deg);
    transform: scale(0) rotate(206deg);
    left: 301px;
    top: 333px;
    background: #22a1ff;
}
.modal .modal_row.row-13 .modal_row__piece:nth-child(15) {
    -webkit-transform: scale(0) rotate(139deg);
    transform: scale(0) rotate(139deg);
    left: 148px;
    top: -216px;
    background: #22b0ff;
}
.modal .modal_row.row-13 .modal_row__piece:nth-child(16) {
    -webkit-transform: scale(0) rotate(403deg);
    transform: scale(0) rotate(403deg);
    left: 394px;
    top: -378px;
    background: #2233ff;
}
.modal .modal_row.row-13 .modal_row__piece:nth-child(17) {
    -webkit-transform: scale(0) rotate(82deg);
    transform: scale(0) rotate(82deg);
    left: 853px;
    top: 301px;
    background: #2233ff;
}
.modal .modal_row.row-13 .modal_row__piece:nth-child(18) {
    -webkit-transform: scale(0) rotate(290deg);
    transform: scale(0) rotate(290deg);
    left: -73px;
    top: 211px;
    background: #222fff;
}
.modal .modal_row.row-13 .modal_row__piece:nth-child(19) {
    -webkit-transform: scale(0) rotate(8deg);
    transform: scale(0) rotate(8deg);
    left: -771px;
    top: 340px;
    background: #22ffc9;
}
.modal .modal_row.row-13 .modal_row__piece:nth-child(20) {
    -webkit-transform: scale(0) rotate(243deg);
    transform: scale(0) rotate(243deg);
    left: 136px;
    top: -33px;
    background: #6a22ff;
}
.modal .modal_row.row-14 .modal_row__piece:nth-child(1) {
    -webkit-transform: scale(0) rotate(187deg);
    transform: scale(0) rotate(187deg);
    left: 41px;
    top: -171px;
    background: #22b4ff;
}
.modal .modal_row.row-14 .modal_row__piece:nth-child(2) {
    -webkit-transform: scale(0) rotate(327deg);
    transform: scale(0) rotate(327deg);
    left: -894px;
    top: 443px;
    background: #22bbff;
}
.modal .modal_row.row-14 .modal_row__piece:nth-child(3) {
    -webkit-transform: scale(0) rotate(234deg);
    transform: scale(0) rotate(234deg);
    left: -105px;
    top: 347px;
    background: #2224ff;
}
.modal .modal_row.row-14 .modal_row__piece:nth-child(4) {
    -webkit-transform: scale(0) rotate(21deg);
    transform: scale(0) rotate(21deg);
    left: -120px;
    top: -353px;
    background: #22fffd;
}
.modal .modal_row.row-14 .modal_row__piece:nth-child(5) {
    -webkit-transform: scale(0) rotate(378deg);
    transform: scale(0) rotate(378deg);
    left: -850px;
    top: -265px;
    background: #2722ff;
}
.modal .modal_row.row-14 .modal_row__piece:nth-child(6) {
    -webkit-transform: scale(0) rotate(242deg);
    transform: scale(0) rotate(242deg);
    left: -713px;
    top: 170px;
    background: #229eff;
}
.modal .modal_row.row-14 .modal_row__piece:nth-child(7) {
    -webkit-transform: scale(0) rotate(238deg);
    transform: scale(0) rotate(238deg);
    left: -197px;
    top: -408px;
    background: #6d22ff;
}
.modal .modal_row.row-14 .modal_row__piece:nth-child(8) {
    -webkit-transform: scale(0) rotate(20deg);
    transform: scale(0) rotate(20deg);
    left: -115px;
    top: 143px;
    background: #6d22ff;
}
.modal .modal_row.row-14 .modal_row__piece:nth-child(9) {
    -webkit-transform: scale(0) rotate(190deg);
    transform: scale(0) rotate(190deg);
    left: -804px;
    top: 455px;
    background: #22ffdf;
}
.modal .modal_row.row-14 .modal_row__piece:nth-child(10) {
    -webkit-transform: scale(0) rotate(431deg);
    transform: scale(0) rotate(431deg);
    left: 992px;
    top: -434px;
    background: #4122ff;
}
.modal .modal_row.row-14 .modal_row__piece:nth-child(11) {
    -webkit-transform: scale(0) rotate(216deg);
    transform: scale(0) rotate(216deg);
    left: -707px;
    top: -48px;
    background: #22fff9;
}
.modal .modal_row.row-14 .modal_row__piece:nth-child(12) {
    -webkit-transform: scale(0) rotate(392deg);
    transform: scale(0) rotate(392deg);
    left: -878px;
    top: 444px;
    background: #225bff;
}
.modal .modal_row.row-14 .modal_row__piece:nth-child(13) {
    -webkit-transform: scale(0) rotate(440deg);
    transform: scale(0) rotate(440deg);
    left: 993px;
    top: 11px;
    background: #227cff;
}
.modal .modal_row.row-14 .modal_row__piece:nth-child(14) {
    -webkit-transform: scale(0) rotate(475deg);
    transform: scale(0) rotate(475deg);
    left: 868px;
    top: 337px;
    background: #22fff9;
}
.modal .modal_row.row-14 .modal_row__piece:nth-child(15) {
    -webkit-transform: scale(0) rotate(270deg);
    transform: scale(0) rotate(270deg);
    left: 714px;
    top: -336px;
    background: #7122ff;
}
.modal .modal_row.row-14 .modal_row__piece:nth-child(16) {
    -webkit-transform: scale(0) rotate(243deg);
    transform: scale(0) rotate(243deg);
    left: -197px;
    top: 276px;
    background: #22bfff;
}
.modal .modal_row.row-14 .modal_row__piece:nth-child(17) {
    -webkit-transform: scale(0) rotate(338deg);
    transform: scale(0) rotate(338deg);
    left: -782px;
    top: -305px;
    background: #22b7ff;
}
.modal .modal_row.row-14 .modal_row__piece:nth-child(18) {
    -webkit-transform: scale(0) rotate(89deg);
    transform: scale(0) rotate(89deg);
    left: 559px;
    top: 336px;
    background: #2279ff;
}
.modal .modal_row.row-14 .modal_row__piece:nth-child(19) {
    -webkit-transform: scale(0) rotate(363deg);
    transform: scale(0) rotate(363deg);
    left: 150px;
    top: -99px;
    background: #5f22ff;
}
.modal .modal_row.row-14 .modal_row__piece:nth-child(20) {
    -webkit-transform: scale(0) rotate(374deg);
    transform: scale(0) rotate(374deg);
    left: 165px;
    top: -314px;
    background: #2279ff;
}
.modal .modal_row.row-15 .modal_row__piece:nth-child(1) {
    -webkit-transform: scale(0) rotate(300deg);
    transform: scale(0) rotate(300deg);
    left: -222px;
    top: 57px;
    background: #2242ff;
}
.modal .modal_row.row-15 .modal_row__piece:nth-child(2) {
    -webkit-transform: scale(0) rotate(223deg);
    transform: scale(0) rotate(223deg);
    left: 774px;
    top: 53px;
    background: #22ffd1;
}
.modal .modal_row.row-15 .modal_row__piece:nth-child(3) {
    -webkit-transform: scale(0) rotate(42deg);
    transform: scale(0) rotate(42deg);
    left: -198px;
    top: 379px;
    background: #3222ff;
}
.modal .modal_row.row-15 .modal_row__piece:nth-child(4) {
    -webkit-transform: scale(0) rotate(334deg);
    transform: scale(0) rotate(334deg);
    left: 519px;
    top: 223px;
    background: #22c2ff;
}
.modal .modal_row.row-15 .modal_row__piece:nth-child(5) {
    -webkit-transform: scale(0) rotate(462deg);
    transform: scale(0) rotate(462deg);
    left: 293px;
    top: 394px;
    background: #22e4ff;
}
.modal .modal_row.row-15 .modal_row__piece:nth-child(6) {
    -webkit-transform: scale(0) rotate(52deg);
    transform: scale(0) rotate(52deg);
    left: -640px;
    top: -267px;
    background: #22bbff;
}
.modal .modal_row.row-15 .modal_row__piece:nth-child(7) {
    -webkit-transform: scale(0) rotate(464deg);
    transform: scale(0) rotate(464deg);
    left: 884px;
    top: 325px;
    background: #226eff;
}
.modal .modal_row.row-15 .modal_row__piece:nth-child(8) {
    -webkit-transform: scale(0) rotate(3deg);
    transform: scale(0) rotate(3deg);
    left: -199px;
    top: -468px;
    background: #229eff;
}
.modal .modal_row.row-15 .modal_row__piece:nth-child(9) {
    -webkit-transform: scale(0) rotate(9deg);
    transform: scale(0) rotate(9deg);
    left: 494px;
    top: -258px;
    background: #22ffe3;
}
.modal .modal_row.row-15 .modal_row__piece:nth-child(10) {
    -webkit-transform: scale(0) rotate(426deg);
    transform: scale(0) rotate(426deg);
    left: 977px;
    top: -53px;
    background: #2249ff;
}
.modal .modal_row.row-15 .modal_row__piece:nth-child(11) {
    -webkit-transform: scale(0) rotate(167deg);
    transform: scale(0) rotate(167deg);
    left: 957px;
    top: 310px;
    background: #3222ff;
}
.modal .modal_row.row-15 .modal_row__piece:nth-child(12) {
    -webkit-transform: scale(0) rotate(374deg);
    transform: scale(0) rotate(374deg);
    left: 366px;
    top: 41px;
    background: #2275ff;
}
.modal .modal_row.row-15 .modal_row__piece:nth-child(13) {
    -webkit-transform: scale(0) rotate(191deg);
    transform: scale(0) rotate(191deg);
    left: 224px;
    top: -86px;
    background: #22a1ff;
}
.modal .modal_row.row-15 .modal_row__piece:nth-child(14) {
    -webkit-transform: scale(0) rotate(233deg);
    transform: scale(0) rotate(233deg);
    left: 196px;
    top: 401px;
    background: #2245ff;
}
.modal .modal_row.row-15 .modal_row__piece:nth-child(15) {
    -webkit-transform: scale(0) rotate(249deg);
    transform: scale(0) rotate(249deg);
    left: -325px;
    top: -43px;
    background: #223aff;
}
.modal .modal_row.row-15 .modal_row__piece:nth-child(16) {
    -webkit-transform: scale(0) rotate(176deg);
    transform: scale(0) rotate(176deg);
    left: -52px;
    top: 108px;
    background: #229aff;
}
.modal .modal_row.row-15 .modal_row__piece:nth-child(17) {
    -webkit-transform: scale(0) rotate(3deg);
    transform: scale(0) rotate(3deg);
    left: -542px;
    top: -183px;
    background: #2250ff;
}
.modal .modal_row.row-15 .modal_row__piece:nth-child(18) {
    -webkit-transform: scale(0) rotate(497deg);
    transform: scale(0) rotate(497deg);
    left: 771px;
    top: 77px;
    background: #224dff;
}
.modal .modal_row.row-15 .modal_row__piece:nth-child(19) {
    -webkit-transform: scale(0) rotate(313deg);
    transform: scale(0) rotate(313deg);
    left: -253px;
    top: -476px;
    background: #22c2ff;
}
.modal .modal_row.row-15 .modal_row__piece:nth-child(20) {
    -webkit-transform: scale(0) rotate(122deg);
    transform: scale(0) rotate(122deg);
    left: 385px;
    top: -336px;
    background: #2228ff;
}
input[type="checkbox"] {
    display: none;
}
input[type="checkbox"]:checked + label .modal_content {
    opacity: 1;
    -webkit-transition: all .4s .6s;
    transition: all .4s .6s;
}
input[type="checkbox"]:checked + label .modal_restart {
    opacity: 0;
    -webkit-transition: all .4s 0s;
    transition: all .4s 0s;
}
input[type="checkbox"]:checked + label .modal .modal_row.row-1 .modal_row__piece:nth-child(1) {
    left: 0px;
    top: 0px;
    opacity: 1;
    -webkit-transform: scale(1) rotate(0deg);
    transform: scale(1) rotate(0deg);
    background: white;
    -webkit-transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
    transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
}
input[type="checkbox"]:checked + label .modal .modal_row.row-1 .modal_row__piece:nth-child(2) {
    left: 15px;
    top: 0px;
    opacity: 1;
    -webkit-transform: scale(1) rotate(0deg);
    transform: scale(1) rotate(0deg);
    background: white;
    -webkit-transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
    transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
}
input[type="checkbox"]:checked + label .modal .modal_row.row-1 .modal_row__piece:nth-child(3) {
    left: 30px;
    top: 0px;
    opacity: 1;
    -webkit-transform: scale(1) rotate(0deg);
    transform: scale(1) rotate(0deg);
    background: white;
    -webkit-transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
    transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
}
input[type="checkbox"]:checked + label .modal .modal_row.row-1 .modal_row__piece:nth-child(4) {
    left: 45px;
    top: 0px;
    opacity: 1;
    -webkit-transform: scale(1) rotate(0deg);
    transform: scale(1) rotate(0deg);
    background: white;
    -webkit-transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
    transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
}
input[type="checkbox"]:checked + label .modal .modal_row.row-1 .modal_row__piece:nth-child(5) {
    left: 60px;
    top: 0px;
    opacity: 1;
    -webkit-transform: scale(1) rotate(0deg);
    transform: scale(1) rotate(0deg);
    background: white;
    -webkit-transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
    transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
}
input[type="checkbox"]:checked + label .modal .modal_row.row-1 .modal_row__piece:nth-child(6) {
    left: 75px;
    top: 0px;
    opacity: 1;
    -webkit-transform: scale(1) rotate(0deg);
    transform: scale(1) rotate(0deg);
    background: white;
    -webkit-transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
    transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
}
input[type="checkbox"]:checked + label .modal .modal_row.row-1 .modal_row__piece:nth-child(7) {
    left: 90px;
    top: 0px;
    opacity: 1;
    -webkit-transform: scale(1) rotate(0deg);
    transform: scale(1) rotate(0deg);
    background: white;
    -webkit-transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
    transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
}
input[type="checkbox"]:checked + label .modal .modal_row.row-1 .modal_row__piece:nth-child(8) {
    left: 105px;
    top: 0px;
    opacity: 1;
    -webkit-transform: scale(1) rotate(0deg);
    transform: scale(1) rotate(0deg);
    background: white;
    -webkit-transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
    transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
}
input[type="checkbox"]:checked + label .modal .modal_row.row-1 .modal_row__piece:nth-child(9) {
    left: 120px;
    top: 0px;
    opacity: 1;
    -webkit-transform: scale(1) rotate(0deg);
    transform: scale(1) rotate(0deg);
    background: white;
    -webkit-transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
    transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
}
input[type="checkbox"]:checked + label .modal .modal_row.row-1 .modal_row__piece:nth-child(10) {
    left: 135px;
    top: 0px;
    opacity: 1;
    -webkit-transform: scale(1) rotate(0deg);
    transform: scale(1) rotate(0deg);
    background: white;
    -webkit-transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
    transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
}
input[type="checkbox"]:checked + label .modal .modal_row.row-1 .modal_row__piece:nth-child(11) {
    left: 150px;
    top: 0px;
    opacity: 1;
    -webkit-transform: scale(1) rotate(0deg);
    transform: scale(1) rotate(0deg);
    background: white;
    -webkit-transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
    transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
}
input[type="checkbox"]:checked + label .modal .modal_row.row-1 .modal_row__piece:nth-child(12) {
    left: 165px;
    top: 0px;
    opacity: 1;
    -webkit-transform: scale(1) rotate(0deg);
    transform: scale(1) rotate(0deg);
    background: white;
    -webkit-transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
    transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
}
input[type="checkbox"]:checked + label .modal .modal_row.row-1 .modal_row__piece:nth-child(13) {
    left: 180px;
    top: 0px;
    opacity: 1;
    -webkit-transform: scale(1) rotate(0deg);
    transform: scale(1) rotate(0deg);
    background: white;
    -webkit-transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
    transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
}
input[type="checkbox"]:checked + label .modal .modal_row.row-1 .modal_row__piece:nth-child(14) {
    left: 195px;
    top: 0px;
    opacity: 1;
    -webkit-transform: scale(1) rotate(0deg);
    transform: scale(1) rotate(0deg);
    background: white;
    -webkit-transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
    transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
}
input[type="checkbox"]:checked + label .modal .modal_row.row-1 .modal_row__piece:nth-child(15) {
    left: 210px;
    top: 0px;
    opacity: 1;
    -webkit-transform: scale(1) rotate(0deg);
    transform: scale(1) rotate(0deg);
    background: white;
    -webkit-transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
    transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
}
input[type="checkbox"]:checked + label .modal .modal_row.row-1 .modal_row__piece:nth-child(16) {
    left: 225px;
    top: 0px;
    opacity: 1;
    -webkit-transform: scale(1) rotate(0deg);
    transform: scale(1) rotate(0deg);
    background: white;
    -webkit-transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
    transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
}
input[type="checkbox"]:checked + label .modal .modal_row.row-1 .modal_row__piece:nth-child(17) {
    left: 240px;
    top: 0px;
    opacity: 1;
    -webkit-transform: scale(1) rotate(0deg);
    transform: scale(1) rotate(0deg);
    background: white;
    -webkit-transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
    transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
}
input[type="checkbox"]:checked + label .modal .modal_row.row-1 .modal_row__piece:nth-child(18) {
    left: 255px;
    top: 0px;
    opacity: 1;
    -webkit-transform: scale(1) rotate(0deg);
    transform: scale(1) rotate(0deg);
    background: white;
    -webkit-transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
    transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
}
input[type="checkbox"]:checked + label .modal .modal_row.row-1 .modal_row__piece:nth-child(19) {
    left: 270px;
    top: 0px;
    opacity: 1;
    -webkit-transform: scale(1) rotate(0deg);
    transform: scale(1) rotate(0deg);
    background: white;
    -webkit-transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
    transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
}
input[type="checkbox"]:checked + label .modal .modal_row.row-1 .modal_row__piece:nth-child(20) {
    left: 285px;
    top: 0px;
    opacity: 1;
    -webkit-transform: scale(1) rotate(0deg);
    transform: scale(1) rotate(0deg);
    background: white;
    -webkit-transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
    transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
}
input[type="checkbox"]:checked + label .modal .modal_row.row-2 .modal_row__piece:nth-child(1) {
    left: 0px;
    top: 0px;
    opacity: 1;
    -webkit-transform: scale(1) rotate(0deg);
    transform: scale(1) rotate(0deg);
    background: white;
    -webkit-transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
    transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
}
input[type="checkbox"]:checked + label .modal .modal_row.row-2 .modal_row__piece:nth-child(2) {
    left: 15px;
    top: 0px;
    opacity: 1;
    -webkit-transform: scale(1) rotate(0deg);
    transform: scale(1) rotate(0deg);
    background: white;
    -webkit-transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
    transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
}
input[type="checkbox"]:checked + label .modal .modal_row.row-2 .modal_row__piece:nth-child(3) {
    left: 30px;
    top: 0px;
    opacity: 1;
    -webkit-transform: scale(1) rotate(0deg);
    transform: scale(1) rotate(0deg);
    background: white;
    -webkit-transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
    transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
}
input[type="checkbox"]:checked + label .modal .modal_row.row-2 .modal_row__piece:nth-child(4) {
    left: 45px;
    top: 0px;
    opacity: 1;
    -webkit-transform: scale(1) rotate(0deg);
    transform: scale(1) rotate(0deg);
    background: white;
    -webkit-transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
    transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
}
input[type="checkbox"]:checked + label .modal .modal_row.row-2 .modal_row__piece:nth-child(5) {
    left: 60px;
    top: 0px;
    opacity: 1;
    -webkit-transform: scale(1) rotate(0deg);
    transform: scale(1) rotate(0deg);
    background: white;
    -webkit-transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
    transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
}
input[type="checkbox"]:checked + label .modal .modal_row.row-2 .modal_row__piece:nth-child(6) {
    left: 75px;
    top: 0px;
    opacity: 1;
    -webkit-transform: scale(1) rotate(0deg);
    transform: scale(1) rotate(0deg);
    background: white;
    -webkit-transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
    transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
}
input[type="checkbox"]:checked + label .modal .modal_row.row-2 .modal_row__piece:nth-child(7) {
    left: 90px;
    top: 0px;
    opacity: 1;
    -webkit-transform: scale(1) rotate(0deg);
    transform: scale(1) rotate(0deg);
    background: white;
    -webkit-transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
    transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
}
input[type="checkbox"]:checked + label .modal .modal_row.row-2 .modal_row__piece:nth-child(8) {
    left: 105px;
    top: 0px;
    opacity: 1;
    -webkit-transform: scale(1) rotate(0deg);
    transform: scale(1) rotate(0deg);
    background: white;
    -webkit-transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
    transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
}
input[type="checkbox"]:checked + label .modal .modal_row.row-2 .modal_row__piece:nth-child(9) {
    left: 120px;
    top: 0px;
    opacity: 1;
    -webkit-transform: scale(1) rotate(0deg);
    transform: scale(1) rotate(0deg);
    background: white;
    -webkit-transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
    transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
}
input[type="checkbox"]:checked + label .modal .modal_row.row-2 .modal_row__piece:nth-child(10) {
    left: 135px;
    top: 0px;
    opacity: 1;
    -webkit-transform: scale(1) rotate(0deg);
    transform: scale(1) rotate(0deg);
    background: white;
    -webkit-transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
    transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
}
input[type="checkbox"]:checked + label .modal .modal_row.row-2 .modal_row__piece:nth-child(11) {
    left: 150px;
    top: 0px;
    opacity: 1;
    -webkit-transform: scale(1) rotate(0deg);
    transform: scale(1) rotate(0deg);
    background: white;
    -webkit-transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
    transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
}
input[type="checkbox"]:checked + label .modal .modal_row.row-2 .modal_row__piece:nth-child(12) {
    left: 165px;
    top: 0px;
    opacity: 1;
    -webkit-transform: scale(1) rotate(0deg);
    transform: scale(1) rotate(0deg);
    background: white;
    -webkit-transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
    transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
}
input[type="checkbox"]:checked + label .modal .modal_row.row-2 .modal_row__piece:nth-child(13) {
    left: 180px;
    top: 0px;
    opacity: 1;
    -webkit-transform: scale(1) rotate(0deg);
    transform: scale(1) rotate(0deg);
    background: white;
    -webkit-transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
    transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
}
input[type="checkbox"]:checked + label .modal .modal_row.row-2 .modal_row__piece:nth-child(14) {
    left: 195px;
    top: 0px;
    opacity: 1;
    -webkit-transform: scale(1) rotate(0deg);
    transform: scale(1) rotate(0deg);
    background: white;
    -webkit-transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
    transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
}
input[type="checkbox"]:checked + label .modal .modal_row.row-2 .modal_row__piece:nth-child(15) {
    left: 210px;
    top: 0px;
    opacity: 1;
    -webkit-transform: scale(1) rotate(0deg);
    transform: scale(1) rotate(0deg);
    background: white;
    -webkit-transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
    transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
}
input[type="checkbox"]:checked + label .modal .modal_row.row-2 .modal_row__piece:nth-child(16) {
    left: 225px;
    top: 0px;
    opacity: 1;
    -webkit-transform: scale(1) rotate(0deg);
    transform: scale(1) rotate(0deg);
    background: white;
    -webkit-transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
    transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
}
input[type="checkbox"]:checked + label .modal .modal_row.row-2 .modal_row__piece:nth-child(17) {
    left: 240px;
    top: 0px;
    opacity: 1;
    -webkit-transform: scale(1) rotate(0deg);
    transform: scale(1) rotate(0deg);
    background: white;
    -webkit-transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
    transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
}
input[type="checkbox"]:checked + label .modal .modal_row.row-2 .modal_row__piece:nth-child(18) {
    left: 255px;
    top: 0px;
    opacity: 1;
    -webkit-transform: scale(1) rotate(0deg);
    transform: scale(1) rotate(0deg);
    background: white;
    -webkit-transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
    transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
}
input[type="checkbox"]:checked + label .modal .modal_row.row-2 .modal_row__piece:nth-child(19) {
    left: 270px;
    top: 0px;
    opacity: 1;
    -webkit-transform: scale(1) rotate(0deg);
    transform: scale(1) rotate(0deg);
    background: white;
    -webkit-transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
    transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
}
input[type="checkbox"]:checked + label .modal .modal_row.row-2 .modal_row__piece:nth-child(20) {
    left: 285px;
    top: 0px;
    opacity: 1;
    -webkit-transform: scale(1) rotate(0deg);
    transform: scale(1) rotate(0deg);
    background: white;
    -webkit-transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
    transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
}
input[type="checkbox"]:checked + label .modal .modal_row.row-3 .modal_row__piece:nth-child(1) {
    left: 0px;
    top: 0px;
    opacity: 1;
    -webkit-transform: scale(1) rotate(0deg);
    transform: scale(1) rotate(0deg);
    background: white;
    -webkit-transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
    transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
}
input[type="checkbox"]:checked + label .modal .modal_row.row-3 .modal_row__piece:nth-child(2) {
    left: 15px;
    top: 0px;
    opacity: 1;
    -webkit-transform: scale(1) rotate(0deg);
    transform: scale(1) rotate(0deg);
    background: white;
    -webkit-transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
    transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
}
input[type="checkbox"]:checked + label .modal .modal_row.row-3 .modal_row__piece:nth-child(3) {
    left: 30px;
    top: 0px;
    opacity: 1;
    -webkit-transform: scale(1) rotate(0deg);
    transform: scale(1) rotate(0deg);
    background: white;
    -webkit-transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
    transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
}
input[type="checkbox"]:checked + label .modal .modal_row.row-3 .modal_row__piece:nth-child(4) {
    left: 45px;
    top: 0px;
    opacity: 1;
    -webkit-transform: scale(1) rotate(0deg);
    transform: scale(1) rotate(0deg);
    background: white;
    -webkit-transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
    transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
}
input[type="checkbox"]:checked + label .modal .modal_row.row-3 .modal_row__piece:nth-child(5) {
    left: 60px;
    top: 0px;
    opacity: 1;
    -webkit-transform: scale(1) rotate(0deg);
    transform: scale(1) rotate(0deg);
    background: white;
    -webkit-transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
    transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
}
input[type="checkbox"]:checked + label .modal .modal_row.row-3 .modal_row__piece:nth-child(6) {
    left: 75px;
    top: 0px;
    opacity: 1;
    -webkit-transform: scale(1) rotate(0deg);
    transform: scale(1) rotate(0deg);
    background: white;
    -webkit-transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
    transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
}
input[type="checkbox"]:checked + label .modal .modal_row.row-3 .modal_row__piece:nth-child(7) {
    left: 90px;
    top: 0px;
    opacity: 1;
    -webkit-transform: scale(1) rotate(0deg);
    transform: scale(1) rotate(0deg);
    background: white;
    -webkit-transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
    transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
}
input[type="checkbox"]:checked + label .modal .modal_row.row-3 .modal_row__piece:nth-child(8) {
    left: 105px;
    top: 0px;
    opacity: 1;
    -webkit-transform: scale(1) rotate(0deg);
    transform: scale(1) rotate(0deg);
    background: white;
    -webkit-transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
    transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
}
input[type="checkbox"]:checked + label .modal .modal_row.row-3 .modal_row__piece:nth-child(9) {
    left: 120px;
    top: 0px;
    opacity: 1;
    -webkit-transform: scale(1) rotate(0deg);
    transform: scale(1) rotate(0deg);
    background: white;
    -webkit-transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
    transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
}
input[type="checkbox"]:checked + label .modal .modal_row.row-3 .modal_row__piece:nth-child(10) {
    left: 135px;
    top: 0px;
    opacity: 1;
    -webkit-transform: scale(1) rotate(0deg);
    transform: scale(1) rotate(0deg);
    background: white;
    -webkit-transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
    transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
}
input[type="checkbox"]:checked + label .modal .modal_row.row-3 .modal_row__piece:nth-child(11) {
    left: 150px;
    top: 0px;
    opacity: 1;
    -webkit-transform: scale(1) rotate(0deg);
    transform: scale(1) rotate(0deg);
    background: white;
    -webkit-transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
    transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
}
input[type="checkbox"]:checked + label .modal .modal_row.row-3 .modal_row__piece:nth-child(12) {
    left: 165px;
    top: 0px;
    opacity: 1;
    -webkit-transform: scale(1) rotate(0deg);
    transform: scale(1) rotate(0deg);
    background: white;
    -webkit-transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
    transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
}
input[type="checkbox"]:checked + label .modal .modal_row.row-3 .modal_row__piece:nth-child(13) {
    left: 180px;
    top: 0px;
    opacity: 1;
    -webkit-transform: scale(1) rotate(0deg);
    transform: scale(1) rotate(0deg);
    background: white;
    -webkit-transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
    transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
}
input[type="checkbox"]:checked + label .modal .modal_row.row-3 .modal_row__piece:nth-child(14) {
    left: 195px;
    top: 0px;
    opacity: 1;
    -webkit-transform: scale(1) rotate(0deg);
    transform: scale(1) rotate(0deg);
    background: white;
    -webkit-transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
    transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
}
input[type="checkbox"]:checked + label .modal .modal_row.row-3 .modal_row__piece:nth-child(15) {
    left: 210px;
    top: 0px;
    opacity: 1;
    -webkit-transform: scale(1) rotate(0deg);
    transform: scale(1) rotate(0deg);
    background: white;
    -webkit-transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
    transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
}
input[type="checkbox"]:checked + label .modal .modal_row.row-3 .modal_row__piece:nth-child(16) {
    left: 225px;
    top: 0px;
    opacity: 1;
    -webkit-transform: scale(1) rotate(0deg);
    transform: scale(1) rotate(0deg);
    background: white;
    -webkit-transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
    transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
}
input[type="checkbox"]:checked + label .modal .modal_row.row-3 .modal_row__piece:nth-child(17) {
    left: 240px;
    top: 0px;
    opacity: 1;
    -webkit-transform: scale(1) rotate(0deg);
    transform: scale(1) rotate(0deg);
    background: white;
    -webkit-transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
    transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
}
input[type="checkbox"]:checked + label .modal .modal_row.row-3 .modal_row__piece:nth-child(18) {
    left: 255px;
    top: 0px;
    opacity: 1;
    -webkit-transform: scale(1) rotate(0deg);
    transform: scale(1) rotate(0deg);
    background: white;
    -webkit-transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
    transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
}
input[type="checkbox"]:checked + label .modal .modal_row.row-3 .modal_row__piece:nth-child(19) {
    left: 270px;
    top: 0px;
    opacity: 1;
    -webkit-transform: scale(1) rotate(0deg);
    transform: scale(1) rotate(0deg);
    background: white;
    -webkit-transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
    transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
}
input[type="checkbox"]:checked + label .modal .modal_row.row-3 .modal_row__piece:nth-child(20) {
    left: 285px;
    top: 0px;
    opacity: 1;
    -webkit-transform: scale(1) rotate(0deg);
    transform: scale(1) rotate(0deg);
    background: white;
    -webkit-transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
    transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
}
input[type="checkbox"]:checked + label .modal .modal_row.row-4 .modal_row__piece:nth-child(1) {
    left: 0px;
    top: 0px;
    opacity: 1;
    -webkit-transform: scale(1) rotate(0deg);
    transform: scale(1) rotate(0deg);
    background: white;
    -webkit-transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
    transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
}
input[type="checkbox"]:checked + label .modal .modal_row.row-4 .modal_row__piece:nth-child(2) {
    left: 15px;
    top: 0px;
    opacity: 1;
    -webkit-transform: scale(1) rotate(0deg);
    transform: scale(1) rotate(0deg);
    background: white;
    -webkit-transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
    transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
}
input[type="checkbox"]:checked + label .modal .modal_row.row-4 .modal_row__piece:nth-child(3) {
    left: 30px;
    top: 0px;
    opacity: 1;
    -webkit-transform: scale(1) rotate(0deg);
    transform: scale(1) rotate(0deg);
    background: white;
    -webkit-transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
    transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
}
input[type="checkbox"]:checked + label .modal .modal_row.row-4 .modal_row__piece:nth-child(4) {
    left: 45px;
    top: 0px;
    opacity: 1;
    -webkit-transform: scale(1) rotate(0deg);
    transform: scale(1) rotate(0deg);
    background: white;
    -webkit-transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
    transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
}
input[type="checkbox"]:checked + label .modal .modal_row.row-4 .modal_row__piece:nth-child(5) {
    left: 60px;
    top: 0px;
    opacity: 1;
    -webkit-transform: scale(1) rotate(0deg);
    transform: scale(1) rotate(0deg);
    background: white;
    -webkit-transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
    transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
}
input[type="checkbox"]:checked + label .modal .modal_row.row-4 .modal_row__piece:nth-child(6) {
    left: 75px;
    top: 0px;
    opacity: 1;
    -webkit-transform: scale(1) rotate(0deg);
    transform: scale(1) rotate(0deg);
    background: white;
    -webkit-transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
    transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
}
input[type="checkbox"]:checked + label .modal .modal_row.row-4 .modal_row__piece:nth-child(7) {
    left: 90px;
    top: 0px;
    opacity: 1;
    -webkit-transform: scale(1) rotate(0deg);
    transform: scale(1) rotate(0deg);
    background: white;
    -webkit-transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
    transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
}
input[type="checkbox"]:checked + label .modal .modal_row.row-4 .modal_row__piece:nth-child(8) {
    left: 105px;
    top: 0px;
    opacity: 1;
    -webkit-transform: scale(1) rotate(0deg);
    transform: scale(1) rotate(0deg);
    background: white;
    -webkit-transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
    transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
}
input[type="checkbox"]:checked + label .modal .modal_row.row-4 .modal_row__piece:nth-child(9) {
    left: 120px;
    top: 0px;
    opacity: 1;
    -webkit-transform: scale(1) rotate(0deg);
    transform: scale(1) rotate(0deg);
    background: white;
    -webkit-transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
    transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
}
input[type="checkbox"]:checked + label .modal .modal_row.row-4 .modal_row__piece:nth-child(10) {
    left: 135px;
    top: 0px;
    opacity: 1;
    -webkit-transform: scale(1) rotate(0deg);
    transform: scale(1) rotate(0deg);
    background: white;
    -webkit-transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
    transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
}
input[type="checkbox"]:checked + label .modal .modal_row.row-4 .modal_row__piece:nth-child(11) {
    left: 150px;
    top: 0px;
    opacity: 1;
    -webkit-transform: scale(1) rotate(0deg);
    transform: scale(1) rotate(0deg);
    background: white;
    -webkit-transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
    transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
}
input[type="checkbox"]:checked + label .modal .modal_row.row-4 .modal_row__piece:nth-child(12) {
    left: 165px;
    top: 0px;
    opacity: 1;
    -webkit-transform: scale(1) rotate(0deg);
    transform: scale(1) rotate(0deg);
    background: white;
    -webkit-transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
    transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
}
input[type="checkbox"]:checked + label .modal .modal_row.row-4 .modal_row__piece:nth-child(13) {
    left: 180px;
    top: 0px;
    opacity: 1;
    -webkit-transform: scale(1) rotate(0deg);
    transform: scale(1) rotate(0deg);
    background: white;
    -webkit-transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
    transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
}
input[type="checkbox"]:checked + label .modal .modal_row.row-4 .modal_row__piece:nth-child(14) {
    left: 195px;
    top: 0px;
    opacity: 1;
    -webkit-transform: scale(1) rotate(0deg);
    transform: scale(1) rotate(0deg);
    background: white;
    -webkit-transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
    transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
}
input[type="checkbox"]:checked + label .modal .modal_row.row-4 .modal_row__piece:nth-child(15) {
    left: 210px;
    top: 0px;
    opacity: 1;
    -webkit-transform: scale(1) rotate(0deg);
    transform: scale(1) rotate(0deg);
    background: white;
    -webkit-transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
    transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
}
input[type="checkbox"]:checked + label .modal .modal_row.row-4 .modal_row__piece:nth-child(16) {
    left: 225px;
    top: 0px;
    opacity: 1;
    -webkit-transform: scale(1) rotate(0deg);
    transform: scale(1) rotate(0deg);
    background: white;
    -webkit-transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
    transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
}
input[type="checkbox"]:checked + label .modal .modal_row.row-4 .modal_row__piece:nth-child(17) {
    left: 240px;
    top: 0px;
    opacity: 1;
    -webkit-transform: scale(1) rotate(0deg);
    transform: scale(1) rotate(0deg);
    background: white;
    -webkit-transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
    transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
}
input[type="checkbox"]:checked + label .modal .modal_row.row-4 .modal_row__piece:nth-child(18) {
    left: 255px;
    top: 0px;
    opacity: 1;
    -webkit-transform: scale(1) rotate(0deg);
    transform: scale(1) rotate(0deg);
    background: white;
    -webkit-transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
    transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
}
input[type="checkbox"]:checked + label .modal .modal_row.row-4 .modal_row__piece:nth-child(19) {
    left: 270px;
    top: 0px;
    opacity: 1;
    -webkit-transform: scale(1) rotate(0deg);
    transform: scale(1) rotate(0deg);
    background: white;
    -webkit-transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
    transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
}
input[type="checkbox"]:checked + label .modal .modal_row.row-4 .modal_row__piece:nth-child(20) {
    left: 285px;
    top: 0px;
    opacity: 1;
    -webkit-transform: scale(1) rotate(0deg);
    transform: scale(1) rotate(0deg);
    background: white;
    -webkit-transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
    transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
}
input[type="checkbox"]:checked + label .modal .modal_row.row-5 .modal_row__piece:nth-child(1) {
    left: 0px;
    top: 0px;
    opacity: 1;
    -webkit-transform: scale(1) rotate(0deg);
    transform: scale(1) rotate(0deg);
    background: white;
    -webkit-transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
    transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
}
input[type="checkbox"]:checked + label .modal .modal_row.row-5 .modal_row__piece:nth-child(2) {
    left: 15px;
    top: 0px;
    opacity: 1;
    -webkit-transform: scale(1) rotate(0deg);
    transform: scale(1) rotate(0deg);
    background: white;
    -webkit-transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
    transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
}
input[type="checkbox"]:checked + label .modal .modal_row.row-5 .modal_row__piece:nth-child(3) {
    left: 30px;
    top: 0px;
    opacity: 1;
    -webkit-transform: scale(1) rotate(0deg);
    transform: scale(1) rotate(0deg);
    background: white;
    -webkit-transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
    transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
}
input[type="checkbox"]:checked + label .modal .modal_row.row-5 .modal_row__piece:nth-child(4) {
    left: 45px;
    top: 0px;
    opacity: 1;
    -webkit-transform: scale(1) rotate(0deg);
    transform: scale(1) rotate(0deg);
    background: white;
    -webkit-transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
    transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
}
input[type="checkbox"]:checked + label .modal .modal_row.row-5 .modal_row__piece:nth-child(5) {
    left: 60px;
    top: 0px;
    opacity: 1;
    -webkit-transform: scale(1) rotate(0deg);
    transform: scale(1) rotate(0deg);
    background: white;
    -webkit-transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
    transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
}
input[type="checkbox"]:checked + label .modal .modal_row.row-5 .modal_row__piece:nth-child(6) {
    left: 75px;
    top: 0px;
    opacity: 1;
    -webkit-transform: scale(1) rotate(0deg);
    transform: scale(1) rotate(0deg);
    background: white;
    -webkit-transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
    transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
}
input[type="checkbox"]:checked + label .modal .modal_row.row-5 .modal_row__piece:nth-child(7) {
    left: 90px;
    top: 0px;
    opacity: 1;
    -webkit-transform: scale(1) rotate(0deg);
    transform: scale(1) rotate(0deg);
    background: white;
    -webkit-transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
    transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
}
input[type="checkbox"]:checked + label .modal .modal_row.row-5 .modal_row__piece:nth-child(8) {
    left: 105px;
    top: 0px;
    opacity: 1;
    -webkit-transform: scale(1) rotate(0deg);
    transform: scale(1) rotate(0deg);
    background: white;
    -webkit-transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
    transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
}
input[type="checkbox"]:checked + label .modal .modal_row.row-5 .modal_row__piece:nth-child(9) {
    left: 120px;
    top: 0px;
    opacity: 1;
    -webkit-transform: scale(1) rotate(0deg);
    transform: scale(1) rotate(0deg);
    background: white;
    -webkit-transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
    transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
}
input[type="checkbox"]:checked + label .modal .modal_row.row-5 .modal_row__piece:nth-child(10) {
    left: 135px;
    top: 0px;
    opacity: 1;
    -webkit-transform: scale(1) rotate(0deg);
    transform: scale(1) rotate(0deg);
    background: white;
    -webkit-transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
    transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
}
input[type="checkbox"]:checked + label .modal .modal_row.row-5 .modal_row__piece:nth-child(11) {
    left: 150px;
    top: 0px;
    opacity: 1;
    -webkit-transform: scale(1) rotate(0deg);
    transform: scale(1) rotate(0deg);
    background: white;
    -webkit-transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
    transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
}
input[type="checkbox"]:checked + label .modal .modal_row.row-5 .modal_row__piece:nth-child(12) {
    left: 165px;
    top: 0px;
    opacity: 1;
    -webkit-transform: scale(1) rotate(0deg);
    transform: scale(1) rotate(0deg);
    background: white;
    -webkit-transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
    transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
}
input[type="checkbox"]:checked + label .modal .modal_row.row-5 .modal_row__piece:nth-child(13) {
    left: 180px;
    top: 0px;
    opacity: 1;
    -webkit-transform: scale(1) rotate(0deg);
    transform: scale(1) rotate(0deg);
    background: white;
    -webkit-transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
    transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
}
input[type="checkbox"]:checked + label .modal .modal_row.row-5 .modal_row__piece:nth-child(14) {
    left: 195px;
    top: 0px;
    opacity: 1;
    -webkit-transform: scale(1) rotate(0deg);
    transform: scale(1) rotate(0deg);
    background: white;
    -webkit-transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
    transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
}
input[type="checkbox"]:checked + label .modal .modal_row.row-5 .modal_row__piece:nth-child(15) {
    left: 210px;
    top: 0px;
    opacity: 1;
    -webkit-transform: scale(1) rotate(0deg);
    transform: scale(1) rotate(0deg);
    background: white;
    -webkit-transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
    transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
}
input[type="checkbox"]:checked + label .modal .modal_row.row-5 .modal_row__piece:nth-child(16) {
    left: 225px;
    top: 0px;
    opacity: 1;
    -webkit-transform: scale(1) rotate(0deg);
    transform: scale(1) rotate(0deg);
    background: white;
    -webkit-transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
    transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
}
input[type="checkbox"]:checked + label .modal .modal_row.row-5 .modal_row__piece:nth-child(17) {
    left: 240px;
    top: 0px;
    opacity: 1;
    -webkit-transform: scale(1) rotate(0deg);
    transform: scale(1) rotate(0deg);
    background: white;
    -webkit-transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
    transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
}
input[type="checkbox"]:checked + label .modal .modal_row.row-5 .modal_row__piece:nth-child(18) {
    left: 255px;
    top: 0px;
    opacity: 1;
    -webkit-transform: scale(1) rotate(0deg);
    transform: scale(1) rotate(0deg);
    background: white;
    -webkit-transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
    transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
}
input[type="checkbox"]:checked + label .modal .modal_row.row-5 .modal_row__piece:nth-child(19) {
    left: 270px;
    top: 0px;
    opacity: 1;
    -webkit-transform: scale(1) rotate(0deg);
    transform: scale(1) rotate(0deg);
    background: white;
    -webkit-transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
    transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
}
input[type="checkbox"]:checked + label .modal .modal_row.row-5 .modal_row__piece:nth-child(20) {
    left: 285px;
    top: 0px;
    opacity: 1;
    -webkit-transform: scale(1) rotate(0deg);
    transform: scale(1) rotate(0deg);
    background: white;
    -webkit-transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
    transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
}
input[type="checkbox"]:checked + label .modal .modal_row.row-6 .modal_row__piece:nth-child(1) {
    left: 0px;
    top: 0px;
    opacity: 1;
    -webkit-transform: scale(1) rotate(0deg);
    transform: scale(1) rotate(0deg);
    background: white;
    -webkit-transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
    transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
}
input[type="checkbox"]:checked + label .modal .modal_row.row-6 .modal_row__piece:nth-child(2) {
    left: 15px;
    top: 0px;
    opacity: 1;
    -webkit-transform: scale(1) rotate(0deg);
    transform: scale(1) rotate(0deg);
    background: white;
    -webkit-transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
    transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
}
input[type="checkbox"]:checked + label .modal .modal_row.row-6 .modal_row__piece:nth-child(3) {
    left: 30px;
    top: 0px;
    opacity: 1;
    -webkit-transform: scale(1) rotate(0deg);
    transform: scale(1) rotate(0deg);
    background: white;
    -webkit-transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
    transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
}
input[type="checkbox"]:checked + label .modal .modal_row.row-6 .modal_row__piece:nth-child(4) {
    left: 45px;
    top: 0px;
    opacity: 1;
    -webkit-transform: scale(1) rotate(0deg);
    transform: scale(1) rotate(0deg);
    background: white;
    -webkit-transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
    transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
}
input[type="checkbox"]:checked + label .modal .modal_row.row-6 .modal_row__piece:nth-child(5) {
    left: 60px;
    top: 0px;
    opacity: 1;
    -webkit-transform: scale(1) rotate(0deg);
    transform: scale(1) rotate(0deg);
    background: white;
    -webkit-transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
    transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
}
input[type="checkbox"]:checked + label .modal .modal_row.row-6 .modal_row__piece:nth-child(6) {
    left: 75px;
    top: 0px;
    opacity: 1;
    -webkit-transform: scale(1) rotate(0deg);
    transform: scale(1) rotate(0deg);
    background: white;
    -webkit-transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
    transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
}
input[type="checkbox"]:checked + label .modal .modal_row.row-6 .modal_row__piece:nth-child(7) {
    left: 90px;
    top: 0px;
    opacity: 1;
    -webkit-transform: scale(1) rotate(0deg);
    transform: scale(1) rotate(0deg);
    background: white;
    -webkit-transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
    transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
}
input[type="checkbox"]:checked + label .modal .modal_row.row-6 .modal_row__piece:nth-child(8) {
    left: 105px;
    top: 0px;
    opacity: 1;
    -webkit-transform: scale(1) rotate(0deg);
    transform: scale(1) rotate(0deg);
    background: white;
    -webkit-transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
    transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
}
input[type="checkbox"]:checked + label .modal .modal_row.row-6 .modal_row__piece:nth-child(9) {
    left: 120px;
    top: 0px;
    opacity: 1;
    -webkit-transform: scale(1) rotate(0deg);
    transform: scale(1) rotate(0deg);
    background: white;
    -webkit-transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
    transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
}
input[type="checkbox"]:checked + label .modal .modal_row.row-6 .modal_row__piece:nth-child(10) {
    left: 135px;
    top: 0px;
    opacity: 1;
    -webkit-transform: scale(1) rotate(0deg);
    transform: scale(1) rotate(0deg);
    background: white;
    -webkit-transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
    transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
}
input[type="checkbox"]:checked + label .modal .modal_row.row-6 .modal_row__piece:nth-child(11) {
    left: 150px;
    top: 0px;
    opacity: 1;
    -webkit-transform: scale(1) rotate(0deg);
    transform: scale(1) rotate(0deg);
    background: white;
    -webkit-transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
    transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
}
input[type="checkbox"]:checked + label .modal .modal_row.row-6 .modal_row__piece:nth-child(12) {
    left: 165px;
    top: 0px;
    opacity: 1;
    -webkit-transform: scale(1) rotate(0deg);
    transform: scale(1) rotate(0deg);
    background: white;
    -webkit-transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
    transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
}
input[type="checkbox"]:checked + label .modal .modal_row.row-6 .modal_row__piece:nth-child(13) {
    left: 180px;
    top: 0px;
    opacity: 1;
    -webkit-transform: scale(1) rotate(0deg);
    transform: scale(1) rotate(0deg);
    background: white;
    -webkit-transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
    transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
}
input[type="checkbox"]:checked + label .modal .modal_row.row-6 .modal_row__piece:nth-child(14) {
    left: 195px;
    top: 0px;
    opacity: 1;
    -webkit-transform: scale(1) rotate(0deg);
    transform: scale(1) rotate(0deg);
    background: white;
    -webkit-transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
    transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
}
input[type="checkbox"]:checked + label .modal .modal_row.row-6 .modal_row__piece:nth-child(15) {
    left: 210px;
    top: 0px;
    opacity: 1;
    -webkit-transform: scale(1) rotate(0deg);
    transform: scale(1) rotate(0deg);
    background: white;
    -webkit-transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
    transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
}
input[type="checkbox"]:checked + label .modal .modal_row.row-6 .modal_row__piece:nth-child(16) {
    left: 225px;
    top: 0px;
    opacity: 1;
    -webkit-transform: scale(1) rotate(0deg);
    transform: scale(1) rotate(0deg);
    background: white;
    -webkit-transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
    transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
}
input[type="checkbox"]:checked + label .modal .modal_row.row-6 .modal_row__piece:nth-child(17) {
    left: 240px;
    top: 0px;
    opacity: 1;
    -webkit-transform: scale(1) rotate(0deg);
    transform: scale(1) rotate(0deg);
    background: white;
    -webkit-transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
    transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
}
input[type="checkbox"]:checked + label .modal .modal_row.row-6 .modal_row__piece:nth-child(18) {
    left: 255px;
    top: 0px;
    opacity: 1;
    -webkit-transform: scale(1) rotate(0deg);
    transform: scale(1) rotate(0deg);
    background: white;
    -webkit-transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
    transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
}
input[type="checkbox"]:checked + label .modal .modal_row.row-6 .modal_row__piece:nth-child(19) {
    left: 270px;
    top: 0px;
    opacity: 1;
    -webkit-transform: scale(1) rotate(0deg);
    transform: scale(1) rotate(0deg);
    background: white;
    -webkit-transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
    transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
}
input[type="checkbox"]:checked + label .modal .modal_row.row-6 .modal_row__piece:nth-child(20) {
    left: 285px;
    top: 0px;
    opacity: 1;
    -webkit-transform: scale(1) rotate(0deg);
    transform: scale(1) rotate(0deg);
    background: white;
    -webkit-transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
    transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
}
input[type="checkbox"]:checked + label .modal .modal_row.row-7 .modal_row__piece:nth-child(1) {
    left: 0px;
    top: 0px;
    opacity: 1;
    -webkit-transform: scale(1) rotate(0deg);
    transform: scale(1) rotate(0deg);
    background: white;
    -webkit-transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
    transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
}
input[type="checkbox"]:checked + label .modal .modal_row.row-7 .modal_row__piece:nth-child(2) {
    left: 15px;
    top: 0px;
    opacity: 1;
    -webkit-transform: scale(1) rotate(0deg);
    transform: scale(1) rotate(0deg);
    background: white;
    -webkit-transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
    transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
}
input[type="checkbox"]:checked + label .modal .modal_row.row-7 .modal_row__piece:nth-child(3) {
    left: 30px;
    top: 0px;
    opacity: 1;
    -webkit-transform: scale(1) rotate(0deg);
    transform: scale(1) rotate(0deg);
    background: white;
    -webkit-transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
    transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
}
input[type="checkbox"]:checked + label .modal .modal_row.row-7 .modal_row__piece:nth-child(4) {
    left: 45px;
    top: 0px;
    opacity: 1;
    -webkit-transform: scale(1) rotate(0deg);
    transform: scale(1) rotate(0deg);
    background: white;
    -webkit-transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
    transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
}
input[type="checkbox"]:checked + label .modal .modal_row.row-7 .modal_row__piece:nth-child(5) {
    left: 60px;
    top: 0px;
    opacity: 1;
    -webkit-transform: scale(1) rotate(0deg);
    transform: scale(1) rotate(0deg);
    background: white;
    -webkit-transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
    transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
}
input[type="checkbox"]:checked + label .modal .modal_row.row-7 .modal_row__piece:nth-child(6) {
    left: 75px;
    top: 0px;
    opacity: 1;
    -webkit-transform: scale(1) rotate(0deg);
    transform: scale(1) rotate(0deg);
    background: white;
    -webkit-transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
    transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
}
input[type="checkbox"]:checked + label .modal .modal_row.row-7 .modal_row__piece:nth-child(7) {
    left: 90px;
    top: 0px;
    opacity: 1;
    -webkit-transform: scale(1) rotate(0deg);
    transform: scale(1) rotate(0deg);
    background: white;
    -webkit-transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
    transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
}
input[type="checkbox"]:checked + label .modal .modal_row.row-7 .modal_row__piece:nth-child(8) {
    left: 105px;
    top: 0px;
    opacity: 1;
    -webkit-transform: scale(1) rotate(0deg);
    transform: scale(1) rotate(0deg);
    background: white;
    -webkit-transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
    transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
}
input[type="checkbox"]:checked + label .modal .modal_row.row-7 .modal_row__piece:nth-child(9) {
    left: 120px;
    top: 0px;
    opacity: 1;
    -webkit-transform: scale(1) rotate(0deg);
    transform: scale(1) rotate(0deg);
    background: white;
    -webkit-transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
    transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
}
input[type="checkbox"]:checked + label .modal .modal_row.row-7 .modal_row__piece:nth-child(10) {
    left: 135px;
    top: 0px;
    opacity: 1;
    -webkit-transform: scale(1) rotate(0deg);
    transform: scale(1) rotate(0deg);
    background: white;
    -webkit-transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
    transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
}
input[type="checkbox"]:checked + label .modal .modal_row.row-7 .modal_row__piece:nth-child(11) {
    left: 150px;
    top: 0px;
    opacity: 1;
    -webkit-transform: scale(1) rotate(0deg);
    transform: scale(1) rotate(0deg);
    background: white;
    -webkit-transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
    transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
}
input[type="checkbox"]:checked + label .modal .modal_row.row-7 .modal_row__piece:nth-child(12) {
    left: 165px;
    top: 0px;
    opacity: 1;
    -webkit-transform: scale(1) rotate(0deg);
    transform: scale(1) rotate(0deg);
    background: white;
    -webkit-transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
    transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
}
input[type="checkbox"]:checked + label .modal .modal_row.row-7 .modal_row__piece:nth-child(13) {
    left: 180px;
    top: 0px;
    opacity: 1;
    -webkit-transform: scale(1) rotate(0deg);
    transform: scale(1) rotate(0deg);
    background: white;
    -webkit-transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
    transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
}
input[type="checkbox"]:checked + label .modal .modal_row.row-7 .modal_row__piece:nth-child(14) {
    left: 195px;
    top: 0px;
    opacity: 1;
    -webkit-transform: scale(1) rotate(0deg);
    transform: scale(1) rotate(0deg);
    background: white;
    -webkit-transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
    transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
}
input[type="checkbox"]:checked + label .modal .modal_row.row-7 .modal_row__piece:nth-child(15) {
    left: 210px;
    top: 0px;
    opacity: 1;
    -webkit-transform: scale(1) rotate(0deg);
    transform: scale(1) rotate(0deg);
    background: white;
    -webkit-transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
    transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
}
input[type="checkbox"]:checked + label .modal .modal_row.row-7 .modal_row__piece:nth-child(16) {
    left: 225px;
    top: 0px;
    opacity: 1;
    -webkit-transform: scale(1) rotate(0deg);
    transform: scale(1) rotate(0deg);
    background: white;
    -webkit-transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
    transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
}
input[type="checkbox"]:checked + label .modal .modal_row.row-7 .modal_row__piece:nth-child(17) {
    left: 240px;
    top: 0px;
    opacity: 1;
    -webkit-transform: scale(1) rotate(0deg);
    transform: scale(1) rotate(0deg);
    background: white;
    -webkit-transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
    transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
}
input[type="checkbox"]:checked + label .modal .modal_row.row-7 .modal_row__piece:nth-child(18) {
    left: 255px;
    top: 0px;
    opacity: 1;
    -webkit-transform: scale(1) rotate(0deg);
    transform: scale(1) rotate(0deg);
    background: white;
    -webkit-transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
    transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
}
input[type="checkbox"]:checked + label .modal .modal_row.row-7 .modal_row__piece:nth-child(19) {
    left: 270px;
    top: 0px;
    opacity: 1;
    -webkit-transform: scale(1) rotate(0deg);
    transform: scale(1) rotate(0deg);
    background: white;
    -webkit-transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
    transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
}
input[type="checkbox"]:checked + label .modal .modal_row.row-7 .modal_row__piece:nth-child(20) {
    left: 285px;
    top: 0px;
    opacity: 1;
    -webkit-transform: scale(1) rotate(0deg);
    transform: scale(1) rotate(0deg);
    background: white;
    -webkit-transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
    transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
}
input[type="checkbox"]:checked + label .modal .modal_row.row-8 .modal_row__piece:nth-child(1) {
    left: 0px;
    top: 0px;
    opacity: 1;
    -webkit-transform: scale(1) rotate(0deg);
    transform: scale(1) rotate(0deg);
    background: white;
    -webkit-transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
    transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
}
input[type="checkbox"]:checked + label .modal .modal_row.row-8 .modal_row__piece:nth-child(2) {
    left: 15px;
    top: 0px;
    opacity: 1;
    -webkit-transform: scale(1) rotate(0deg);
    transform: scale(1) rotate(0deg);
    background: white;
    -webkit-transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
    transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
}
input[type="checkbox"]:checked + label .modal .modal_row.row-8 .modal_row__piece:nth-child(3) {
    left: 30px;
    top: 0px;
    opacity: 1;
    -webkit-transform: scale(1) rotate(0deg);
    transform: scale(1) rotate(0deg);
    background: white;
    -webkit-transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
    transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
}
input[type="checkbox"]:checked + label .modal .modal_row.row-8 .modal_row__piece:nth-child(4) {
    left: 45px;
    top: 0px;
    opacity: 1;
    -webkit-transform: scale(1) rotate(0deg);
    transform: scale(1) rotate(0deg);
    background: white;
    -webkit-transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
    transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
}
input[type="checkbox"]:checked + label .modal .modal_row.row-8 .modal_row__piece:nth-child(5) {
    left: 60px;
    top: 0px;
    opacity: 1;
    -webkit-transform: scale(1) rotate(0deg);
    transform: scale(1) rotate(0deg);
    background: white;
    -webkit-transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
    transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
}
input[type="checkbox"]:checked + label .modal .modal_row.row-8 .modal_row__piece:nth-child(6) {
    left: 75px;
    top: 0px;
    opacity: 1;
    -webkit-transform: scale(1) rotate(0deg);
    transform: scale(1) rotate(0deg);
    background: white;
    -webkit-transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
    transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
}
input[type="checkbox"]:checked + label .modal .modal_row.row-8 .modal_row__piece:nth-child(7) {
    left: 90px;
    top: 0px;
    opacity: 1;
    -webkit-transform: scale(1) rotate(0deg);
    transform: scale(1) rotate(0deg);
    background: white;
    -webkit-transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
    transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
}
input[type="checkbox"]:checked + label .modal .modal_row.row-8 .modal_row__piece:nth-child(8) {
    left: 105px;
    top: 0px;
    opacity: 1;
    -webkit-transform: scale(1) rotate(0deg);
    transform: scale(1) rotate(0deg);
    background: white;
    -webkit-transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
    transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
}
input[type="checkbox"]:checked + label .modal .modal_row.row-8 .modal_row__piece:nth-child(9) {
    left: 120px;
    top: 0px;
    opacity: 1;
    -webkit-transform: scale(1) rotate(0deg);
    transform: scale(1) rotate(0deg);
    background: white;
    -webkit-transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
    transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
}
input[type="checkbox"]:checked + label .modal .modal_row.row-8 .modal_row__piece:nth-child(10) {
    left: 135px;
    top: 0px;
    opacity: 1;
    -webkit-transform: scale(1) rotate(0deg);
    transform: scale(1) rotate(0deg);
    background: white;
    -webkit-transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
    transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
}
input[type="checkbox"]:checked + label .modal .modal_row.row-8 .modal_row__piece:nth-child(11) {
    left: 150px;
    top: 0px;
    opacity: 1;
    -webkit-transform: scale(1) rotate(0deg);
    transform: scale(1) rotate(0deg);
    background: white;
    -webkit-transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
    transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
}
input[type="checkbox"]:checked + label .modal .modal_row.row-8 .modal_row__piece:nth-child(12) {
    left: 165px;
    top: 0px;
    opacity: 1;
    -webkit-transform: scale(1) rotate(0deg);
    transform: scale(1) rotate(0deg);
    background: white;
    -webkit-transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
    transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
}
input[type="checkbox"]:checked + label .modal .modal_row.row-8 .modal_row__piece:nth-child(13) {
    left: 180px;
    top: 0px;
    opacity: 1;
    -webkit-transform: scale(1) rotate(0deg);
    transform: scale(1) rotate(0deg);
    background: white;
    -webkit-transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
    transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
}
input[type="checkbox"]:checked + label .modal .modal_row.row-8 .modal_row__piece:nth-child(14) {
    left: 195px;
    top: 0px;
    opacity: 1;
    -webkit-transform: scale(1) rotate(0deg);
    transform: scale(1) rotate(0deg);
    background: white;
    -webkit-transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
    transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
}
input[type="checkbox"]:checked + label .modal .modal_row.row-8 .modal_row__piece:nth-child(15) {
    left: 210px;
    top: 0px;
    opacity: 1;
    -webkit-transform: scale(1) rotate(0deg);
    transform: scale(1) rotate(0deg);
    background: white;
    -webkit-transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
    transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
}
input[type="checkbox"]:checked + label .modal .modal_row.row-8 .modal_row__piece:nth-child(16) {
    left: 225px;
    top: 0px;
    opacity: 1;
    -webkit-transform: scale(1) rotate(0deg);
    transform: scale(1) rotate(0deg);
    background: white;
    -webkit-transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
    transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
}
input[type="checkbox"]:checked + label .modal .modal_row.row-8 .modal_row__piece:nth-child(17) {
    left: 240px;
    top: 0px;
    opacity: 1;
    -webkit-transform: scale(1) rotate(0deg);
    transform: scale(1) rotate(0deg);
    background: white;
    -webkit-transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
    transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
}
input[type="checkbox"]:checked + label .modal .modal_row.row-8 .modal_row__piece:nth-child(18) {
    left: 255px;
    top: 0px;
    opacity: 1;
    -webkit-transform: scale(1) rotate(0deg);
    transform: scale(1) rotate(0deg);
    background: white;
    -webkit-transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
    transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
}
input[type="checkbox"]:checked + label .modal .modal_row.row-8 .modal_row__piece:nth-child(19) {
    left: 270px;
    top: 0px;
    opacity: 1;
    -webkit-transform: scale(1) rotate(0deg);
    transform: scale(1) rotate(0deg);
    background: white;
    -webkit-transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
    transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
}
input[type="checkbox"]:checked + label .modal .modal_row.row-8 .modal_row__piece:nth-child(20) {
    left: 285px;
    top: 0px;
    opacity: 1;
    -webkit-transform: scale(1) rotate(0deg);
    transform: scale(1) rotate(0deg);
    background: white;
    -webkit-transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
    transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
}
input[type="checkbox"]:checked + label .modal .modal_row.row-9 .modal_row__piece:nth-child(1) {
    left: 0px;
    top: 0px;
    opacity: 1;
    -webkit-transform: scale(1) rotate(0deg);
    transform: scale(1) rotate(0deg);
    background: white;
    -webkit-transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
    transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
}
input[type="checkbox"]:checked + label .modal .modal_row.row-9 .modal_row__piece:nth-child(2) {
    left: 15px;
    top: 0px;
    opacity: 1;
    -webkit-transform: scale(1) rotate(0deg);
    transform: scale(1) rotate(0deg);
    background: white;
    -webkit-transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
    transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
}
input[type="checkbox"]:checked + label .modal .modal_row.row-9 .modal_row__piece:nth-child(3) {
    left: 30px;
    top: 0px;
    opacity: 1;
    -webkit-transform: scale(1) rotate(0deg);
    transform: scale(1) rotate(0deg);
    background: white;
    -webkit-transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
    transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
}
input[type="checkbox"]:checked + label .modal .modal_row.row-9 .modal_row__piece:nth-child(4) {
    left: 45px;
    top: 0px;
    opacity: 1;
    -webkit-transform: scale(1) rotate(0deg);
    transform: scale(1) rotate(0deg);
    background: white;
    -webkit-transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
    transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
}
input[type="checkbox"]:checked + label .modal .modal_row.row-9 .modal_row__piece:nth-child(5) {
    left: 60px;
    top: 0px;
    opacity: 1;
    -webkit-transform: scale(1) rotate(0deg);
    transform: scale(1) rotate(0deg);
    background: white;
    -webkit-transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
    transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
}
input[type="checkbox"]:checked + label .modal .modal_row.row-9 .modal_row__piece:nth-child(6) {
    left: 75px;
    top: 0px;
    opacity: 1;
    -webkit-transform: scale(1) rotate(0deg);
    transform: scale(1) rotate(0deg);
    background: white;
    -webkit-transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
    transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
}
input[type="checkbox"]:checked + label .modal .modal_row.row-9 .modal_row__piece:nth-child(7) {
    left: 90px;
    top: 0px;
    opacity: 1;
    -webkit-transform: scale(1) rotate(0deg);
    transform: scale(1) rotate(0deg);
    background: white;
    -webkit-transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
    transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
}
input[type="checkbox"]:checked + label .modal .modal_row.row-9 .modal_row__piece:nth-child(8) {
    left: 105px;
    top: 0px;
    opacity: 1;
    -webkit-transform: scale(1) rotate(0deg);
    transform: scale(1) rotate(0deg);
    background: white;
    -webkit-transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
    transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
}
input[type="checkbox"]:checked + label .modal .modal_row.row-9 .modal_row__piece:nth-child(9) {
    left: 120px;
    top: 0px;
    opacity: 1;
    -webkit-transform: scale(1) rotate(0deg);
    transform: scale(1) rotate(0deg);
    background: white;
    -webkit-transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
    transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
}
input[type="checkbox"]:checked + label .modal .modal_row.row-9 .modal_row__piece:nth-child(10) {
    left: 135px;
    top: 0px;
    opacity: 1;
    -webkit-transform: scale(1) rotate(0deg);
    transform: scale(1) rotate(0deg);
    background: white;
    -webkit-transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
    transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
}
input[type="checkbox"]:checked + label .modal .modal_row.row-9 .modal_row__piece:nth-child(11) {
    left: 150px;
    top: 0px;
    opacity: 1;
    -webkit-transform: scale(1) rotate(0deg);
    transform: scale(1) rotate(0deg);
    background: white;
    -webkit-transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
    transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
}
input[type="checkbox"]:checked + label .modal .modal_row.row-9 .modal_row__piece:nth-child(12) {
    left: 165px;
    top: 0px;
    opacity: 1;
    -webkit-transform: scale(1) rotate(0deg);
    transform: scale(1) rotate(0deg);
    background: white;
    -webkit-transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
    transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
}
input[type="checkbox"]:checked + label .modal .modal_row.row-9 .modal_row__piece:nth-child(13) {
    left: 180px;
    top: 0px;
    opacity: 1;
    -webkit-transform: scale(1) rotate(0deg);
    transform: scale(1) rotate(0deg);
    background: white;
    -webkit-transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
    transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
}
input[type="checkbox"]:checked + label .modal .modal_row.row-9 .modal_row__piece:nth-child(14) {
    left: 195px;
    top: 0px;
    opacity: 1;
    -webkit-transform: scale(1) rotate(0deg);
    transform: scale(1) rotate(0deg);
    background: white;
    -webkit-transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
    transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
}
input[type="checkbox"]:checked + label .modal .modal_row.row-9 .modal_row__piece:nth-child(15) {
    left: 210px;
    top: 0px;
    opacity: 1;
    -webkit-transform: scale(1) rotate(0deg);
    transform: scale(1) rotate(0deg);
    background: white;
    -webkit-transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
    transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
}
input[type="checkbox"]:checked + label .modal .modal_row.row-9 .modal_row__piece:nth-child(16) {
    left: 225px;
    top: 0px;
    opacity: 1;
    -webkit-transform: scale(1) rotate(0deg);
    transform: scale(1) rotate(0deg);
    background: white;
    -webkit-transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
    transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
}
input[type="checkbox"]:checked + label .modal .modal_row.row-9 .modal_row__piece:nth-child(17) {
    left: 240px;
    top: 0px;
    opacity: 1;
    -webkit-transform: scale(1) rotate(0deg);
    transform: scale(1) rotate(0deg);
    background: white;
    -webkit-transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
    transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
}
input[type="checkbox"]:checked + label .modal .modal_row.row-9 .modal_row__piece:nth-child(18) {
    left: 255px;
    top: 0px;
    opacity: 1;
    -webkit-transform: scale(1) rotate(0deg);
    transform: scale(1) rotate(0deg);
    background: white;
    -webkit-transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
    transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
}
input[type="checkbox"]:checked + label .modal .modal_row.row-9 .modal_row__piece:nth-child(19) {
    left: 270px;
    top: 0px;
    opacity: 1;
    -webkit-transform: scale(1) rotate(0deg);
    transform: scale(1) rotate(0deg);
    background: white;
    -webkit-transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
    transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
}
input[type="checkbox"]:checked + label .modal .modal_row.row-9 .modal_row__piece:nth-child(20) {
    left: 285px;
    top: 0px;
    opacity: 1;
    -webkit-transform: scale(1) rotate(0deg);
    transform: scale(1) rotate(0deg);
    background: white;
    -webkit-transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
    transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
}
input[type="checkbox"]:checked + label .modal .modal_row.row-10 .modal_row__piece:nth-child(1) {
    left: 0px;
    top: 0px;
    opacity: 1;
    -webkit-transform: scale(1) rotate(0deg);
    transform: scale(1) rotate(0deg);
    background: white;
    -webkit-transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
    transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
}
input[type="checkbox"]:checked + label .modal .modal_row.row-10 .modal_row__piece:nth-child(2) {
    left: 15px;
    top: 0px;
    opacity: 1;
    -webkit-transform: scale(1) rotate(0deg);
    transform: scale(1) rotate(0deg);
    background: white;
    -webkit-transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
    transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
}
input[type="checkbox"]:checked + label .modal .modal_row.row-10 .modal_row__piece:nth-child(3) {
    left: 30px;
    top: 0px;
    opacity: 1;
    -webkit-transform: scale(1) rotate(0deg);
    transform: scale(1) rotate(0deg);
    background: white;
    -webkit-transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
    transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
}
input[type="checkbox"]:checked + label .modal .modal_row.row-10 .modal_row__piece:nth-child(4) {
    left: 45px;
    top: 0px;
    opacity: 1;
    -webkit-transform: scale(1) rotate(0deg);
    transform: scale(1) rotate(0deg);
    background: white;
    -webkit-transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
    transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
}
input[type="checkbox"]:checked + label .modal .modal_row.row-10 .modal_row__piece:nth-child(5) {
    left: 60px;
    top: 0px;
    opacity: 1;
    -webkit-transform: scale(1) rotate(0deg);
    transform: scale(1) rotate(0deg);
    background: white;
    -webkit-transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
    transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
}
input[type="checkbox"]:checked + label .modal .modal_row.row-10 .modal_row__piece:nth-child(6) {
    left: 75px;
    top: 0px;
    opacity: 1;
    -webkit-transform: scale(1) rotate(0deg);
    transform: scale(1) rotate(0deg);
    background: white;
    -webkit-transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
    transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
}
input[type="checkbox"]:checked + label .modal .modal_row.row-10 .modal_row__piece:nth-child(7) {
    left: 90px;
    top: 0px;
    opacity: 1;
    -webkit-transform: scale(1) rotate(0deg);
    transform: scale(1) rotate(0deg);
    background: white;
    -webkit-transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
    transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
}
input[type="checkbox"]:checked + label .modal .modal_row.row-10 .modal_row__piece:nth-child(8) {
    left: 105px;
    top: 0px;
    opacity: 1;
    -webkit-transform: scale(1) rotate(0deg);
    transform: scale(1) rotate(0deg);
    background: white;
    -webkit-transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
    transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
}
input[type="checkbox"]:checked + label .modal .modal_row.row-10 .modal_row__piece:nth-child(9) {
    left: 120px;
    top: 0px;
    opacity: 1;
    -webkit-transform: scale(1) rotate(0deg);
    transform: scale(1) rotate(0deg);
    background: white;
    -webkit-transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
    transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
}
input[type="checkbox"]:checked + label .modal .modal_row.row-10 .modal_row__piece:nth-child(10) {
    left: 135px;
    top: 0px;
    opacity: 1;
    -webkit-transform: scale(1) rotate(0deg);
    transform: scale(1) rotate(0deg);
    background: white;
    -webkit-transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
    transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
}
input[type="checkbox"]:checked + label .modal .modal_row.row-10 .modal_row__piece:nth-child(11) {
    left: 150px;
    top: 0px;
    opacity: 1;
    -webkit-transform: scale(1) rotate(0deg);
    transform: scale(1) rotate(0deg);
    background: white;
    -webkit-transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
    transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
}
input[type="checkbox"]:checked + label .modal .modal_row.row-10 .modal_row__piece:nth-child(12) {
    left: 165px;
    top: 0px;
    opacity: 1;
    -webkit-transform: scale(1) rotate(0deg);
    transform: scale(1) rotate(0deg);
    background: white;
    -webkit-transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
    transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
}
input[type="checkbox"]:checked + label .modal .modal_row.row-10 .modal_row__piece:nth-child(13) {
    left: 180px;
    top: 0px;
    opacity: 1;
    -webkit-transform: scale(1) rotate(0deg);
    transform: scale(1) rotate(0deg);
    background: white;
    -webkit-transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
    transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
}
input[type="checkbox"]:checked + label .modal .modal_row.row-10 .modal_row__piece:nth-child(14) {
    left: 195px;
    top: 0px;
    opacity: 1;
    -webkit-transform: scale(1) rotate(0deg);
    transform: scale(1) rotate(0deg);
    background: white;
    -webkit-transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
    transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
}
input[type="checkbox"]:checked + label .modal .modal_row.row-10 .modal_row__piece:nth-child(15) {
    left: 210px;
    top: 0px;
    opacity: 1;
    -webkit-transform: scale(1) rotate(0deg);
    transform: scale(1) rotate(0deg);
    background: white;
    -webkit-transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
    transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
}
input[type="checkbox"]:checked + label .modal .modal_row.row-10 .modal_row__piece:nth-child(16) {
    left: 225px;
    top: 0px;
    opacity: 1;
    -webkit-transform: scale(1) rotate(0deg);
    transform: scale(1) rotate(0deg);
    background: white;
    -webkit-transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
    transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
}
input[type="checkbox"]:checked + label .modal .modal_row.row-10 .modal_row__piece:nth-child(17) {
    left: 240px;
    top: 0px;
    opacity: 1;
    -webkit-transform: scale(1) rotate(0deg);
    transform: scale(1) rotate(0deg);
    background: white;
    -webkit-transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
    transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
}
input[type="checkbox"]:checked + label .modal .modal_row.row-10 .modal_row__piece:nth-child(18) {
    left: 255px;
    top: 0px;
    opacity: 1;
    -webkit-transform: scale(1) rotate(0deg);
    transform: scale(1) rotate(0deg);
    background: white;
    -webkit-transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
    transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
}
input[type="checkbox"]:checked + label .modal .modal_row.row-10 .modal_row__piece:nth-child(19) {
    left: 270px;
    top: 0px;
    opacity: 1;
    -webkit-transform: scale(1) rotate(0deg);
    transform: scale(1) rotate(0deg);
    background: white;
    -webkit-transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
    transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
}
input[type="checkbox"]:checked + label .modal .modal_row.row-10 .modal_row__piece:nth-child(20) {
    left: 285px;
    top: 0px;
    opacity: 1;
    -webkit-transform: scale(1) rotate(0deg);
    transform: scale(1) rotate(0deg);
    background: white;
    -webkit-transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
    transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
}
input[type="checkbox"]:checked + label .modal .modal_row.row-11 .modal_row__piece:nth-child(1) {
    left: 0px;
    top: 0px;
    opacity: 1;
    -webkit-transform: scale(1) rotate(0deg);
    transform: scale(1) rotate(0deg);
    background: white;
    -webkit-transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
    transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
}
input[type="checkbox"]:checked + label .modal .modal_row.row-11 .modal_row__piece:nth-child(2) {
    left: 15px;
    top: 0px;
    opacity: 1;
    -webkit-transform: scale(1) rotate(0deg);
    transform: scale(1) rotate(0deg);
    background: white;
    -webkit-transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
    transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
}
input[type="checkbox"]:checked + label .modal .modal_row.row-11 .modal_row__piece:nth-child(3) {
    left: 30px;
    top: 0px;
    opacity: 1;
    -webkit-transform: scale(1) rotate(0deg);
    transform: scale(1) rotate(0deg);
    background: white;
    -webkit-transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
    transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
}
input[type="checkbox"]:checked + label .modal .modal_row.row-11 .modal_row__piece:nth-child(4) {
    left: 45px;
    top: 0px;
    opacity: 1;
    -webkit-transform: scale(1) rotate(0deg);
    transform: scale(1) rotate(0deg);
    background: white;
    -webkit-transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
    transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
}
input[type="checkbox"]:checked + label .modal .modal_row.row-11 .modal_row__piece:nth-child(5) {
    left: 60px;
    top: 0px;
    opacity: 1;
    -webkit-transform: scale(1) rotate(0deg);
    transform: scale(1) rotate(0deg);
    background: white;
    -webkit-transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
    transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
}
input[type="checkbox"]:checked + label .modal .modal_row.row-11 .modal_row__piece:nth-child(6) {
    left: 75px;
    top: 0px;
    opacity: 1;
    -webkit-transform: scale(1) rotate(0deg);
    transform: scale(1) rotate(0deg);
    background: white;
    -webkit-transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
    transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
}
input[type="checkbox"]:checked + label .modal .modal_row.row-11 .modal_row__piece:nth-child(7) {
    left: 90px;
    top: 0px;
    opacity: 1;
    -webkit-transform: scale(1) rotate(0deg);
    transform: scale(1) rotate(0deg);
    background: white;
    -webkit-transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
    transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
}
input[type="checkbox"]:checked + label .modal .modal_row.row-11 .modal_row__piece:nth-child(8) {
    left: 105px;
    top: 0px;
    opacity: 1;
    -webkit-transform: scale(1) rotate(0deg);
    transform: scale(1) rotate(0deg);
    background: white;
    -webkit-transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
    transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
}
input[type="checkbox"]:checked + label .modal .modal_row.row-11 .modal_row__piece:nth-child(9) {
    left: 120px;
    top: 0px;
    opacity: 1;
    -webkit-transform: scale(1) rotate(0deg);
    transform: scale(1) rotate(0deg);
    background: white;
    -webkit-transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
    transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
}
input[type="checkbox"]:checked + label .modal .modal_row.row-11 .modal_row__piece:nth-child(10) {
    left: 135px;
    top: 0px;
    opacity: 1;
    -webkit-transform: scale(1) rotate(0deg);
    transform: scale(1) rotate(0deg);
    background: white;
    -webkit-transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
    transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
}
input[type="checkbox"]:checked + label .modal .modal_row.row-11 .modal_row__piece:nth-child(11) {
    left: 150px;
    top: 0px;
    opacity: 1;
    -webkit-transform: scale(1) rotate(0deg);
    transform: scale(1) rotate(0deg);
    background: white;
    -webkit-transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
    transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
}
input[type="checkbox"]:checked + label .modal .modal_row.row-11 .modal_row__piece:nth-child(12) {
    left: 165px;
    top: 0px;
    opacity: 1;
    -webkit-transform: scale(1) rotate(0deg);
    transform: scale(1) rotate(0deg);
    background: white;
    -webkit-transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
    transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
}
input[type="checkbox"]:checked + label .modal .modal_row.row-11 .modal_row__piece:nth-child(13) {
    left: 180px;
    top: 0px;
    opacity: 1;
    -webkit-transform: scale(1) rotate(0deg);
    transform: scale(1) rotate(0deg);
    background: white;
    -webkit-transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
    transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
}
input[type="checkbox"]:checked + label .modal .modal_row.row-11 .modal_row__piece:nth-child(14) {
    left: 195px;
    top: 0px;
    opacity: 1;
    -webkit-transform: scale(1) rotate(0deg);
    transform: scale(1) rotate(0deg);
    background: white;
    -webkit-transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
    transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
}
input[type="checkbox"]:checked + label .modal .modal_row.row-11 .modal_row__piece:nth-child(15) {
    left: 210px;
    top: 0px;
    opacity: 1;
    -webkit-transform: scale(1) rotate(0deg);
    transform: scale(1) rotate(0deg);
    background: white;
    -webkit-transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
    transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
}
input[type="checkbox"]:checked + label .modal .modal_row.row-11 .modal_row__piece:nth-child(16) {
    left: 225px;
    top: 0px;
    opacity: 1;
    -webkit-transform: scale(1) rotate(0deg);
    transform: scale(1) rotate(0deg);
    background: white;
    -webkit-transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
    transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
}
input[type="checkbox"]:checked + label .modal .modal_row.row-11 .modal_row__piece:nth-child(17) {
    left: 240px;
    top: 0px;
    opacity: 1;
    -webkit-transform: scale(1) rotate(0deg);
    transform: scale(1) rotate(0deg);
    background: white;
    -webkit-transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
    transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
}
input[type="checkbox"]:checked + label .modal .modal_row.row-11 .modal_row__piece:nth-child(18) {
    left: 255px;
    top: 0px;
    opacity: 1;
    -webkit-transform: scale(1) rotate(0deg);
    transform: scale(1) rotate(0deg);
    background: white;
    -webkit-transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
    transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
}
input[type="checkbox"]:checked + label .modal .modal_row.row-11 .modal_row__piece:nth-child(19) {
    left: 270px;
    top: 0px;
    opacity: 1;
    -webkit-transform: scale(1) rotate(0deg);
    transform: scale(1) rotate(0deg);
    background: white;
    -webkit-transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
    transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
}
input[type="checkbox"]:checked + label .modal .modal_row.row-11 .modal_row__piece:nth-child(20) {
    left: 285px;
    top: 0px;
    opacity: 1;
    -webkit-transform: scale(1) rotate(0deg);
    transform: scale(1) rotate(0deg);
    background: white;
    -webkit-transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
    transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
}
input[type="checkbox"]:checked + label .modal .modal_row.row-12 .modal_row__piece:nth-child(1) {
    left: 0px;
    top: 0px;
    opacity: 1;
    -webkit-transform: scale(1) rotate(0deg);
    transform: scale(1) rotate(0deg);
    background: white;
    -webkit-transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
    transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
}
input[type="checkbox"]:checked + label .modal .modal_row.row-12 .modal_row__piece:nth-child(2) {
    left: 15px;
    top: 0px;
    opacity: 1;
    -webkit-transform: scale(1) rotate(0deg);
    transform: scale(1) rotate(0deg);
    background: white;
    -webkit-transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
    transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
}
input[type="checkbox"]:checked + label .modal .modal_row.row-12 .modal_row__piece:nth-child(3) {
    left: 30px;
    top: 0px;
    opacity: 1;
    -webkit-transform: scale(1) rotate(0deg);
    transform: scale(1) rotate(0deg);
    background: white;
    -webkit-transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
    transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
}
input[type="checkbox"]:checked + label .modal .modal_row.row-12 .modal_row__piece:nth-child(4) {
    left: 45px;
    top: 0px;
    opacity: 1;
    -webkit-transform: scale(1) rotate(0deg);
    transform: scale(1) rotate(0deg);
    background: white;
    -webkit-transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
    transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
}
input[type="checkbox"]:checked + label .modal .modal_row.row-12 .modal_row__piece:nth-child(5) {
    left: 60px;
    top: 0px;
    opacity: 1;
    -webkit-transform: scale(1) rotate(0deg);
    transform: scale(1) rotate(0deg);
    background: white;
    -webkit-transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
    transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
}
input[type="checkbox"]:checked + label .modal .modal_row.row-12 .modal_row__piece:nth-child(6) {
    left: 75px;
    top: 0px;
    opacity: 1;
    -webkit-transform: scale(1) rotate(0deg);
    transform: scale(1) rotate(0deg);
    background: white;
    -webkit-transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
    transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
}
input[type="checkbox"]:checked + label .modal .modal_row.row-12 .modal_row__piece:nth-child(7) {
    left: 90px;
    top: 0px;
    opacity: 1;
    -webkit-transform: scale(1) rotate(0deg);
    transform: scale(1) rotate(0deg);
    background: white;
    -webkit-transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
    transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
}
input[type="checkbox"]:checked + label .modal .modal_row.row-12 .modal_row__piece:nth-child(8) {
    left: 105px;
    top: 0px;
    opacity: 1;
    -webkit-transform: scale(1) rotate(0deg);
    transform: scale(1) rotate(0deg);
    background: white;
    -webkit-transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
    transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
}
input[type="checkbox"]:checked + label .modal .modal_row.row-12 .modal_row__piece:nth-child(9) {
    left: 120px;
    top: 0px;
    opacity: 1;
    -webkit-transform: scale(1) rotate(0deg);
    transform: scale(1) rotate(0deg);
    background: white;
    -webkit-transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
    transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
}
input[type="checkbox"]:checked + label .modal .modal_row.row-12 .modal_row__piece:nth-child(10) {
    left: 135px;
    top: 0px;
    opacity: 1;
    -webkit-transform: scale(1) rotate(0deg);
    transform: scale(1) rotate(0deg);
    background: white;
    -webkit-transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
    transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
}
input[type="checkbox"]:checked + label .modal .modal_row.row-12 .modal_row__piece:nth-child(11) {
    left: 150px;
    top: 0px;
    opacity: 1;
    -webkit-transform: scale(1) rotate(0deg);
    transform: scale(1) rotate(0deg);
    background: white;
    -webkit-transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
    transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
}
input[type="checkbox"]:checked + label .modal .modal_row.row-12 .modal_row__piece:nth-child(12) {
    left: 165px;
    top: 0px;
    opacity: 1;
    -webkit-transform: scale(1) rotate(0deg);
    transform: scale(1) rotate(0deg);
    background: white;
    -webkit-transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
    transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
}
input[type="checkbox"]:checked + label .modal .modal_row.row-12 .modal_row__piece:nth-child(13) {
    left: 180px;
    top: 0px;
    opacity: 1;
    -webkit-transform: scale(1) rotate(0deg);
    transform: scale(1) rotate(0deg);
    background: white;
    -webkit-transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
    transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
}
input[type="checkbox"]:checked + label .modal .modal_row.row-12 .modal_row__piece:nth-child(14) {
    left: 195px;
    top: 0px;
    opacity: 1;
    -webkit-transform: scale(1) rotate(0deg);
    transform: scale(1) rotate(0deg);
    background: white;
    -webkit-transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
    transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
}
input[type="checkbox"]:checked + label .modal .modal_row.row-12 .modal_row__piece:nth-child(15) {
    left: 210px;
    top: 0px;
    opacity: 1;
    -webkit-transform: scale(1) rotate(0deg);
    transform: scale(1) rotate(0deg);
    background: white;
    -webkit-transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
    transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
}
input[type="checkbox"]:checked + label .modal .modal_row.row-12 .modal_row__piece:nth-child(16) {
    left: 225px;
    top: 0px;
    opacity: 1;
    -webkit-transform: scale(1) rotate(0deg);
    transform: scale(1) rotate(0deg);
    background: white;
    -webkit-transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
    transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
}
input[type="checkbox"]:checked + label .modal .modal_row.row-12 .modal_row__piece:nth-child(17) {
    left: 240px;
    top: 0px;
    opacity: 1;
    -webkit-transform: scale(1) rotate(0deg);
    transform: scale(1) rotate(0deg);
    background: white;
    -webkit-transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
    transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
}
input[type="checkbox"]:checked + label .modal .modal_row.row-12 .modal_row__piece:nth-child(18) {
    left: 255px;
    top: 0px;
    opacity: 1;
    -webkit-transform: scale(1) rotate(0deg);
    transform: scale(1) rotate(0deg);
    background: white;
    -webkit-transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
    transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
}
input[type="checkbox"]:checked + label .modal .modal_row.row-12 .modal_row__piece:nth-child(19) {
    left: 270px;
    top: 0px;
    opacity: 1;
    -webkit-transform: scale(1) rotate(0deg);
    transform: scale(1) rotate(0deg);
    background: white;
    -webkit-transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
    transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
}
input[type="checkbox"]:checked + label .modal .modal_row.row-12 .modal_row__piece:nth-child(20) {
    left: 285px;
    top: 0px;
    opacity: 1;
    -webkit-transform: scale(1) rotate(0deg);
    transform: scale(1) rotate(0deg);
    background: white;
    -webkit-transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
    transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
}
input[type="checkbox"]:checked + label .modal .modal_row.row-13 .modal_row__piece:nth-child(1) {
    left: 0px;
    top: 0px;
    opacity: 1;
    -webkit-transform: scale(1) rotate(0deg);
    transform: scale(1) rotate(0deg);
    background: white;
    -webkit-transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
    transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
}
input[type="checkbox"]:checked + label .modal .modal_row.row-13 .modal_row__piece:nth-child(2) {
    left: 15px;
    top: 0px;
    opacity: 1;
    -webkit-transform: scale(1) rotate(0deg);
    transform: scale(1) rotate(0deg);
    background: white;
    -webkit-transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
    transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
}
input[type="checkbox"]:checked + label .modal .modal_row.row-13 .modal_row__piece:nth-child(3) {
    left: 30px;
    top: 0px;
    opacity: 1;
    -webkit-transform: scale(1) rotate(0deg);
    transform: scale(1) rotate(0deg);
    background: white;
    -webkit-transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
    transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
}
input[type="checkbox"]:checked + label .modal .modal_row.row-13 .modal_row__piece:nth-child(4) {
    left: 45px;
    top: 0px;
    opacity: 1;
    -webkit-transform: scale(1) rotate(0deg);
    transform: scale(1) rotate(0deg);
    background: white;
    -webkit-transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
    transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
}
input[type="checkbox"]:checked + label .modal .modal_row.row-13 .modal_row__piece:nth-child(5) {
    left: 60px;
    top: 0px;
    opacity: 1;
    -webkit-transform: scale(1) rotate(0deg);
    transform: scale(1) rotate(0deg);
    background: white;
    -webkit-transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
    transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
}
input[type="checkbox"]:checked + label .modal .modal_row.row-13 .modal_row__piece:nth-child(6) {
    left: 75px;
    top: 0px;
    opacity: 1;
    -webkit-transform: scale(1) rotate(0deg);
    transform: scale(1) rotate(0deg);
    background: white;
    -webkit-transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
    transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
}
input[type="checkbox"]:checked + label .modal .modal_row.row-13 .modal_row__piece:nth-child(7) {
    left: 90px;
    top: 0px;
    opacity: 1;
    -webkit-transform: scale(1) rotate(0deg);
    transform: scale(1) rotate(0deg);
    background: white;
    -webkit-transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
    transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
}
input[type="checkbox"]:checked + label .modal .modal_row.row-13 .modal_row__piece:nth-child(8) {
    left: 105px;
    top: 0px;
    opacity: 1;
    -webkit-transform: scale(1) rotate(0deg);
    transform: scale(1) rotate(0deg);
    background: white;
    -webkit-transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
    transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
}
input[type="checkbox"]:checked + label .modal .modal_row.row-13 .modal_row__piece:nth-child(9) {
    left: 120px;
    top: 0px;
    opacity: 1;
    -webkit-transform: scale(1) rotate(0deg);
    transform: scale(1) rotate(0deg);
    background: white;
    -webkit-transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
    transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
}
input[type="checkbox"]:checked + label .modal .modal_row.row-13 .modal_row__piece:nth-child(10) {
    left: 135px;
    top: 0px;
    opacity: 1;
    -webkit-transform: scale(1) rotate(0deg);
    transform: scale(1) rotate(0deg);
    background: white;
    -webkit-transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
    transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
}
input[type="checkbox"]:checked + label .modal .modal_row.row-13 .modal_row__piece:nth-child(11) {
    left: 150px;
    top: 0px;
    opacity: 1;
    -webkit-transform: scale(1) rotate(0deg);
    transform: scale(1) rotate(0deg);
    background: white;
    -webkit-transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
    transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
}
input[type="checkbox"]:checked + label .modal .modal_row.row-13 .modal_row__piece:nth-child(12) {
    left: 165px;
    top: 0px;
    opacity: 1;
    -webkit-transform: scale(1) rotate(0deg);
    transform: scale(1) rotate(0deg);
    background: white;
    -webkit-transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
    transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
}
input[type="checkbox"]:checked + label .modal .modal_row.row-13 .modal_row__piece:nth-child(13) {
    left: 180px;
    top: 0px;
    opacity: 1;
    -webkit-transform: scale(1) rotate(0deg);
    transform: scale(1) rotate(0deg);
    background: white;
    -webkit-transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
    transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
}
input[type="checkbox"]:checked + label .modal .modal_row.row-13 .modal_row__piece:nth-child(14) {
    left: 195px;
    top: 0px;
    opacity: 1;
    -webkit-transform: scale(1) rotate(0deg);
    transform: scale(1) rotate(0deg);
    background: white;
    -webkit-transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
    transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
}
input[type="checkbox"]:checked + label .modal .modal_row.row-13 .modal_row__piece:nth-child(15) {
    left: 210px;
    top: 0px;
    opacity: 1;
    -webkit-transform: scale(1) rotate(0deg);
    transform: scale(1) rotate(0deg);
    background: white;
    -webkit-transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
    transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
}
input[type="checkbox"]:checked + label .modal .modal_row.row-13 .modal_row__piece:nth-child(16) {
    left: 225px;
    top: 0px;
    opacity: 1;
    -webkit-transform: scale(1) rotate(0deg);
    transform: scale(1) rotate(0deg);
    background: white;
    -webkit-transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
    transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
}
input[type="checkbox"]:checked + label .modal .modal_row.row-13 .modal_row__piece:nth-child(17) {
    left: 240px;
    top: 0px;
    opacity: 1;
    -webkit-transform: scale(1) rotate(0deg);
    transform: scale(1) rotate(0deg);
    background: white;
    -webkit-transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
    transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
}
input[type="checkbox"]:checked + label .modal .modal_row.row-13 .modal_row__piece:nth-child(18) {
    left: 255px;
    top: 0px;
    opacity: 1;
    -webkit-transform: scale(1) rotate(0deg);
    transform: scale(1) rotate(0deg);
    background: white;
    -webkit-transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
    transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
}
input[type="checkbox"]:checked + label .modal .modal_row.row-13 .modal_row__piece:nth-child(19) {
    left: 270px;
    top: 0px;
    opacity: 1;
    -webkit-transform: scale(1) rotate(0deg);
    transform: scale(1) rotate(0deg);
    background: white;
    -webkit-transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
    transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
}
input[type="checkbox"]:checked + label .modal .modal_row.row-13 .modal_row__piece:nth-child(20) {
    left: 285px;
    top: 0px;
    opacity: 1;
    -webkit-transform: scale(1) rotate(0deg);
    transform: scale(1) rotate(0deg);
    background: white;
    -webkit-transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
    transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
}
input[type="checkbox"]:checked + label .modal .modal_row.row-14 .modal_row__piece:nth-child(1) {
    left: 0px;
    top: 0px;
    opacity: 1;
    -webkit-transform: scale(1) rotate(0deg);
    transform: scale(1) rotate(0deg);
    background: white;
    -webkit-transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
    transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
}
input[type="checkbox"]:checked + label .modal .modal_row.row-14 .modal_row__piece:nth-child(2) {
    left: 15px;
    top: 0px;
    opacity: 1;
    -webkit-transform: scale(1) rotate(0deg);
    transform: scale(1) rotate(0deg);
    background: white;
    -webkit-transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
    transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
}
input[type="checkbox"]:checked + label .modal .modal_row.row-14 .modal_row__piece:nth-child(3) {
    left: 30px;
    top: 0px;
    opacity: 1;
    -webkit-transform: scale(1) rotate(0deg);
    transform: scale(1) rotate(0deg);
    background: white;
    -webkit-transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
    transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
}
input[type="checkbox"]:checked + label .modal .modal_row.row-14 .modal_row__piece:nth-child(4) {
    left: 45px;
    top: 0px;
    opacity: 1;
    -webkit-transform: scale(1) rotate(0deg);
    transform: scale(1) rotate(0deg);
    background: white;
    -webkit-transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
    transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
}
input[type="checkbox"]:checked + label .modal .modal_row.row-14 .modal_row__piece:nth-child(5) {
    left: 60px;
    top: 0px;
    opacity: 1;
    -webkit-transform: scale(1) rotate(0deg);
    transform: scale(1) rotate(0deg);
    background: white;
    -webkit-transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
    transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
}
input[type="checkbox"]:checked + label .modal .modal_row.row-14 .modal_row__piece:nth-child(6) {
    left: 75px;
    top: 0px;
    opacity: 1;
    -webkit-transform: scale(1) rotate(0deg);
    transform: scale(1) rotate(0deg);
    background: white;
    -webkit-transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
    transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
}
input[type="checkbox"]:checked + label .modal .modal_row.row-14 .modal_row__piece:nth-child(7) {
    left: 90px;
    top: 0px;
    opacity: 1;
    -webkit-transform: scale(1) rotate(0deg);
    transform: scale(1) rotate(0deg);
    background: white;
    -webkit-transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
    transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
}
input[type="checkbox"]:checked + label .modal .modal_row.row-14 .modal_row__piece:nth-child(8) {
    left: 105px;
    top: 0px;
    opacity: 1;
    -webkit-transform: scale(1) rotate(0deg);
    transform: scale(1) rotate(0deg);
    background: white;
    -webkit-transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
    transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
}
input[type="checkbox"]:checked + label .modal .modal_row.row-14 .modal_row__piece:nth-child(9) {
    left: 120px;
    top: 0px;
    opacity: 1;
    -webkit-transform: scale(1) rotate(0deg);
    transform: scale(1) rotate(0deg);
    background: white;
    -webkit-transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
    transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
}
input[type="checkbox"]:checked + label .modal .modal_row.row-14 .modal_row__piece:nth-child(10) {
    left: 135px;
    top: 0px;
    opacity: 1;
    -webkit-transform: scale(1) rotate(0deg);
    transform: scale(1) rotate(0deg);
    background: white;
    -webkit-transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
    transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
}
input[type="checkbox"]:checked + label .modal .modal_row.row-14 .modal_row__piece:nth-child(11) {
    left: 150px;
    top: 0px;
    opacity: 1;
    -webkit-transform: scale(1) rotate(0deg);
    transform: scale(1) rotate(0deg);
    background: white;
    -webkit-transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
    transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
}
input[type="checkbox"]:checked + label .modal .modal_row.row-14 .modal_row__piece:nth-child(12) {
    left: 165px;
    top: 0px;
    opacity: 1;
    -webkit-transform: scale(1) rotate(0deg);
    transform: scale(1) rotate(0deg);
    background: white;
    -webkit-transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
    transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
}
input[type="checkbox"]:checked + label .modal .modal_row.row-14 .modal_row__piece:nth-child(13) {
    left: 180px;
    top: 0px;
    opacity: 1;
    -webkit-transform: scale(1) rotate(0deg);
    transform: scale(1) rotate(0deg);
    background: white;
    -webkit-transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
    transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
}
input[type="checkbox"]:checked + label .modal .modal_row.row-14 .modal_row__piece:nth-child(14) {
    left: 195px;
    top: 0px;
    opacity: 1;
    -webkit-transform: scale(1) rotate(0deg);
    transform: scale(1) rotate(0deg);
    background: white;
    -webkit-transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
    transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
}
input[type="checkbox"]:checked + label .modal .modal_row.row-14 .modal_row__piece:nth-child(15) {
    left: 210px;
    top: 0px;
    opacity: 1;
    -webkit-transform: scale(1) rotate(0deg);
    transform: scale(1) rotate(0deg);
    background: white;
    -webkit-transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
    transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
}
input[type="checkbox"]:checked + label .modal .modal_row.row-14 .modal_row__piece:nth-child(16) {
    left: 225px;
    top: 0px;
    opacity: 1;
    -webkit-transform: scale(1) rotate(0deg);
    transform: scale(1) rotate(0deg);
    background: white;
    -webkit-transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
    transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
}
input[type="checkbox"]:checked + label .modal .modal_row.row-14 .modal_row__piece:nth-child(17) {
    left: 240px;
    top: 0px;
    opacity: 1;
    -webkit-transform: scale(1) rotate(0deg);
    transform: scale(1) rotate(0deg);
    background: white;
    -webkit-transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
    transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
}
input[type="checkbox"]:checked + label .modal .modal_row.row-14 .modal_row__piece:nth-child(18) {
    left: 255px;
    top: 0px;
    opacity: 1;
    -webkit-transform: scale(1) rotate(0deg);
    transform: scale(1) rotate(0deg);
    background: white;
    -webkit-transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
    transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
}
input[type="checkbox"]:checked + label .modal .modal_row.row-14 .modal_row__piece:nth-child(19) {
    left: 270px;
    top: 0px;
    opacity: 1;
    -webkit-transform: scale(1) rotate(0deg);
    transform: scale(1) rotate(0deg);
    background: white;
    -webkit-transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
    transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
}
input[type="checkbox"]:checked + label .modal .modal_row.row-14 .modal_row__piece:nth-child(20) {
    left: 285px;
    top: 0px;
    opacity: 1;
    -webkit-transform: scale(1) rotate(0deg);
    transform: scale(1) rotate(0deg);
    background: white;
    -webkit-transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
    transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
}
input[type="checkbox"]:checked + label .modal .modal_row.row-15 .modal_row__piece:nth-child(1) {
    left: 0px;
    top: 0px;
    opacity: 1;
    -webkit-transform: scale(1) rotate(0deg);
    transform: scale(1) rotate(0deg);
    background: white;
    -webkit-transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
    transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
}
input[type="checkbox"]:checked + label .modal .modal_row.row-15 .modal_row__piece:nth-child(2) {
    left: 15px;
    top: 0px;
    opacity: 1;
    -webkit-transform: scale(1) rotate(0deg);
    transform: scale(1) rotate(0deg);
    background: white;
    -webkit-transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
    transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
}
input[type="checkbox"]:checked + label .modal .modal_row.row-15 .modal_row__piece:nth-child(3) {
    left: 30px;
    top: 0px;
    opacity: 1;
    -webkit-transform: scale(1) rotate(0deg);
    transform: scale(1) rotate(0deg);
    background: white;
    -webkit-transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
    transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
}
input[type="checkbox"]:checked + label .modal .modal_row.row-15 .modal_row__piece:nth-child(4) {
    left: 45px;
    top: 0px;
    opacity: 1;
    -webkit-transform: scale(1) rotate(0deg);
    transform: scale(1) rotate(0deg);
    background: white;
    -webkit-transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
    transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
}
input[type="checkbox"]:checked + label .modal .modal_row.row-15 .modal_row__piece:nth-child(5) {
    left: 60px;
    top: 0px;
    opacity: 1;
    -webkit-transform: scale(1) rotate(0deg);
    transform: scale(1) rotate(0deg);
    background: white;
    -webkit-transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
    transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
}
input[type="checkbox"]:checked + label .modal .modal_row.row-15 .modal_row__piece:nth-child(6) {
    left: 75px;
    top: 0px;
    opacity: 1;
    -webkit-transform: scale(1) rotate(0deg);
    transform: scale(1) rotate(0deg);
    background: white;
    -webkit-transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
    transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
}
input[type="checkbox"]:checked + label .modal .modal_row.row-15 .modal_row__piece:nth-child(7) {
    left: 90px;
    top: 0px;
    opacity: 1;
    -webkit-transform: scale(1) rotate(0deg);
    transform: scale(1) rotate(0deg);
    background: white;
    -webkit-transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
    transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
}
input[type="checkbox"]:checked + label .modal .modal_row.row-15 .modal_row__piece:nth-child(8) {
    left: 105px;
    top: 0px;
    opacity: 1;
    -webkit-transform: scale(1) rotate(0deg);
    transform: scale(1) rotate(0deg);
    background: white;
    -webkit-transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
    transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
}
input[type="checkbox"]:checked + label .modal .modal_row.row-15 .modal_row__piece:nth-child(9) {
    left: 120px;
    top: 0px;
    opacity: 1;
    -webkit-transform: scale(1) rotate(0deg);
    transform: scale(1) rotate(0deg);
    background: white;
    -webkit-transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
    transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
}
input[type="checkbox"]:checked + label .modal .modal_row.row-15 .modal_row__piece:nth-child(10) {
    left: 135px;
    top: 0px;
    opacity: 1;
    -webkit-transform: scale(1) rotate(0deg);
    transform: scale(1) rotate(0deg);
    background: white;
    -webkit-transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
    transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
}
input[type="checkbox"]:checked + label .modal .modal_row.row-15 .modal_row__piece:nth-child(11) {
    left: 150px;
    top: 0px;
    opacity: 1;
    -webkit-transform: scale(1) rotate(0deg);
    transform: scale(1) rotate(0deg);
    background: white;
    -webkit-transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
    transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
}
input[type="checkbox"]:checked + label .modal .modal_row.row-15 .modal_row__piece:nth-child(12) {
    left: 165px;
    top: 0px;
    opacity: 1;
    -webkit-transform: scale(1) rotate(0deg);
    transform: scale(1) rotate(0deg);
    background: white;
    -webkit-transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
    transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
}
input[type="checkbox"]:checked + label .modal .modal_row.row-15 .modal_row__piece:nth-child(13) {
    left: 180px;
    top: 0px;
    opacity: 1;
    -webkit-transform: scale(1) rotate(0deg);
    transform: scale(1) rotate(0deg);
    background: white;
    -webkit-transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
    transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
}
input[type="checkbox"]:checked + label .modal .modal_row.row-15 .modal_row__piece:nth-child(14) {
    left: 195px;
    top: 0px;
    opacity: 1;
    -webkit-transform: scale(1) rotate(0deg);
    transform: scale(1) rotate(0deg);
    background: white;
    -webkit-transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
    transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
}
input[type="checkbox"]:checked + label .modal .modal_row.row-15 .modal_row__piece:nth-child(15) {
    left: 210px;
    top: 0px;
    opacity: 1;
    -webkit-transform: scale(1) rotate(0deg);
    transform: scale(1) rotate(0deg);
    background: white;
    -webkit-transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
    transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
}
input[type="checkbox"]:checked + label .modal .modal_row.row-15 .modal_row__piece:nth-child(16) {
    left: 225px;
    top: 0px;
    opacity: 1;
    -webkit-transform: scale(1) rotate(0deg);
    transform: scale(1) rotate(0deg);
    background: white;
    -webkit-transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
    transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
}
input[type="checkbox"]:checked + label .modal .modal_row.row-15 .modal_row__piece:nth-child(17) {
    left: 240px;
    top: 0px;
    opacity: 1;
    -webkit-transform: scale(1) rotate(0deg);
    transform: scale(1) rotate(0deg);
    background: white;
    -webkit-transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
    transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
}
input[type="checkbox"]:checked + label .modal .modal_row.row-15 .modal_row__piece:nth-child(18) {
    left: 255px;
    top: 0px;
    opacity: 1;
    -webkit-transform: scale(1) rotate(0deg);
    transform: scale(1) rotate(0deg);
    background: white;
    -webkit-transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
    transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
}
input[type="checkbox"]:checked + label .modal .modal_row.row-15 .modal_row__piece:nth-child(19) {
    left: 270px;
    top: 0px;
    opacity: 1;
    -webkit-transform: scale(1) rotate(0deg);
    transform: scale(1) rotate(0deg);
    background: white;
    -webkit-transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
    transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
}
input[type="checkbox"]:checked + label .modal .modal_row.row-15 .modal_row__piece:nth-child(20) {
    left: 285px;
    top: 0px;
    opacity: 1;
    -webkit-transform: scale(1) rotate(0deg);
    transform: scale(1) rotate(0deg);
    background: white;
    -webkit-transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
    transition: all 0.2s 0.3s cubic-bezier(0.06, 0.54, 0.58, 1);
}

HTML

CSS Only Exploding Modal 点击中间的弹出窗口，窗口会爆裂成碎片粒子四散开来，再次点击动画过程逆转，粒子聚合恢复窗口。

css3, particle

编辑器支持Emmet

快捷键

CSS Only Exploding Modal 点击中间的弹出窗口，窗口会爆裂成碎片粒子四散开来，再次点击动画过程逆转，粒子聚合恢复窗口。

css3, particle

HTML5 CSS3沿着对角线遮掩拉开浮层的图片悬停动效

CSS3/JavaScript 浮动的输入框标签

编辑器支持Emmet

快捷键

语言：

语言：

导入代码模板：