gitscope
← marzneshin / v0.1.0 / app/templates/home/index.html
https://dev.kronoz.win/r/marzneshin.git
app/templates/home/index.html · HTML
Blame Raw
   1<style>
   2    html,
   3    body {
   4        height: 100%;
   5    }
   6
   7    body {
   8        overflow: hidden;
   9        margin: 0;
  10        perspective: 80em;
  11        perspective-origin: 50% 0%;
  12        background: black;
  13        color: cyan;
  14    }
  15
  16    .scene {
  17        transform: translate(-15em, 15em) rotateX(75deg) rotate(22.5deg);
  18    }
  19
  20    .scene,
  21    .scene * {
  22        box-sizing: border-box;
  23        position: absolute;
  24        top: 50%;
  25        left: 50%;
  26        transform-style: preserve-3d;
  27    }
  28
  29    .assembly:nth-child(1) {
  30        z-index: -1;
  31        transform: translate(0, -5em);
  32        animation: slide1 1s ease-in-out infinite;
  33    }
  34
  35    @keyframes slide1 {
  36        to {
  37            transform: translate(3em, -5em);
  38        }
  39    }
  40
  41    .assembly:nth-child(1) .roller {
  42        transform: rotateY(90deg) translateZ(1.5em) rotateY(-270deg);
  43        animation: inherit;
  44        animation-name: roll1a;
  45    }
  46
  47    .assembly:nth-child(1) .roller:last-child {
  48        z-index: -1;
  49        margin: 0 12em;
  50        transform: rotateY(-90deg) translateZ(-1.5em) rotateY(-90deg);
  51        animation-name: roll1b;
  52    }
  53
  54    @keyframes roll1a {
  55        to {
  56            transform: rotateY(-90deg) translateZ(1.5em) rotateY(-270deg);
  57        }
  58    }
  59
  60    @keyframes roll1b {
  61        to {
  62            transform: rotateY(90deg) translateZ(-1.5em) rotateY(-90deg);
  63        }
  64    }
  65
  66    .assembly:nth-child(1) .side {
  67        margin: -2em -1.5em;
  68        width: 3em;
  69        height: 4em;
  70    }
  71
  72    .assembly:nth-child(1) .side:nth-child(1) {
  73        transform: rotateY(0deg);
  74    }
  75
  76    .assembly:nth-child(1) .side:nth-child(2) {
  77        transform: rotateY(180deg);
  78    }
  79
  80    .assembly:nth-child(2) {
  81        z-index: -2;
  82        transform: translate(0, -10em);
  83        animation: slide2 1s ease-in-out infinite;
  84    }
  85
  86    @keyframes slide2 {
  87        to {
  88            transform: translate(3em, -10em);
  89        }
  90    }
  91
  92    .assembly:nth-child(2) .roller {
  93        transform: rotateY(60deg) translateZ(1.73205em) rotateY(-120deg);
  94        animation: inherit;
  95        animation-name: roll2a;
  96    }
  97
  98    .assembly:nth-child(2) .roller:last-child {
  99        z-index: -1;
 100        margin: 0 12em;
 101        transform: rotateY(-60deg) translateZ(-1.73205em) rotateY(-60deg);
 102        animation-name: roll2b;
 103    }
 104
 105    @keyframes roll2a {
 106        to {
 107            transform: rotateY(-60deg) translateZ(1.73205em) rotateY(-120deg);
 108        }
 109    }
 110
 111    @keyframes roll2b {
 112        to {
 113            transform: rotateY(60deg) translateZ(-1.73205em) rotateY(-60deg);
 114        }
 115    }
 116
 117    .assembly:nth-child(2) .side {
 118        margin: -2em -1.5em;
 119        width: 3em;
 120        height: 4em;
 121    }
 122
 123    .assembly:nth-child(2) .side:nth-child(1) {
 124        transform: rotateY(0deg) translateZ(0.86603em);
 125    }
 126
 127    .assembly:nth-child(2) .side:nth-child(2) {
 128        transform: rotateY(120deg) translateZ(0.86603em);
 129    }
 130
 131    .assembly:nth-child(2) .side:nth-child(3) {
 132        transform: rotateY(240deg) translateZ(0.86603em);
 133    }
 134
 135    .assembly:nth-child(3) {
 136        z-index: -3;
 137        transform: translate(0, -15em);
 138        animation: slide3 1s ease-in-out infinite;
 139    }
 140
 141    @keyframes slide3 {
 142        to {
 143            transform: translate(3em, -15em);
 144        }
 145    }
 146
 147    .assembly:nth-child(3) .roller {
 148        transform: rotateY(45deg) translateZ(2.12132em) rotateY(-135deg);
 149        animation: inherit;
 150        animation-name: roll3a;
 151    }
 152
 153    .assembly:nth-child(3) .roller:last-child {
 154        z-index: -1;
 155        margin: 0 12em;
 156        transform: rotateY(-45deg) translateZ(-2.12132em) rotateY(-45deg);
 157        animation-name: roll3b;
 158    }
 159
 160    @keyframes roll3a {
 161        to {
 162            transform: rotateY(-45deg) translateZ(2.12132em) rotateY(-135deg);
 163        }
 164    }
 165
 166    @keyframes roll3b {
 167        to {
 168            transform: rotateY(45deg) translateZ(-2.12132em) rotateY(-45deg);
 169        }
 170    }
 171
 172    .assembly:nth-child(3) .side {
 173        margin: -2em -1.5em;
 174        width: 3em;
 175        height: 4em;
 176    }
 177
 178    .assembly:nth-child(3) .side:nth-child(1) {
 179        transform: rotateY(0deg) translateZ(1.5em);
 180    }
 181
 182    .assembly:nth-child(3) .side:nth-child(1):before {
 183        height: 1.5em;
 184        left: .125em;
 185        width: calc(3em - .125em);
 186    }
 187
 188    .assembly:nth-child(3) .side:nth-child(2) {
 189        transform: rotateY(90deg) translateZ(1.5em);
 190    }
 191
 192    .assembly:nth-child(3) .side:nth-child(2):before {
 193        height: 1.5em;
 194        left: .125em;
 195        width: calc(3em - .125em);
 196    }
 197
 198    .assembly:nth-child(3) .side:nth-child(3) {
 199        transform: rotateY(180deg) translateZ(1.5em);
 200    }
 201
 202    .assembly:nth-child(3) .side:nth-child(3):before {
 203        height: 1.5em;
 204        left: .125em;
 205        width: calc(3em - .125em);
 206    }
 207
 208    .assembly:nth-child(3) .side:nth-child(4) {
 209        transform: rotateY(270deg) translateZ(1.5em);
 210    }
 211
 212    .assembly:nth-child(3) .side:nth-child(4):before {
 213        height: 1.5em;
 214        left: .125em;
 215        width: calc(3em - .125em);
 216    }
 217
 218    .assembly:nth-child(4) {
 219        z-index: -4;
 220        transform: translate(0, -20em);
 221        animation: slide4 1s ease-in-out infinite;
 222    }
 223
 224    @keyframes slide4 {
 225        to {
 226            transform: translate(3em, -20em);
 227        }
 228    }
 229
 230    .assembly:nth-child(4) .roller {
 231        transform: rotateY(36deg) translateZ(2.55195em) rotateY(-72deg);
 232        animation: inherit;
 233        animation-name: roll4a;
 234    }
 235
 236    .assembly:nth-child(4) .roller:last-child {
 237        z-index: -1;
 238        margin: 0 12em;
 239        transform: rotateY(-36deg) translateZ(-2.55195em) rotateY(-36deg);
 240        animation-name: roll4b;
 241    }
 242
 243    @keyframes roll4a {
 244        to {
 245            transform: rotateY(-36deg) translateZ(2.55195em) rotateY(-72deg);
 246        }
 247    }
 248
 249    @keyframes roll4b {
 250        to {
 251            transform: rotateY(36deg) translateZ(-2.55195em) rotateY(-36deg);
 252        }
 253    }
 254
 255    .assembly:nth-child(4) .side {
 256        margin: -2em -1.5em;
 257        width: 3em;
 258        height: 4em;
 259    }
 260
 261    .assembly:nth-child(4) .side:nth-child(1) {
 262        transform: rotateY(0deg) translateZ(2.06457em);
 263    }
 264
 265    .assembly:nth-child(4) .side:nth-child(1):before {
 266        height: 2.06457em;
 267    }
 268
 269    .assembly:nth-child(4) .side:nth-child(2) {
 270        transform: rotateY(72deg) translateZ(2.06457em);
 271    }
 272
 273    .assembly:nth-child(4) .side:nth-child(2):before {
 274        height: 2.06457em;
 275    }
 276
 277    .assembly:nth-child(4) .side:nth-child(3) {
 278        transform: rotateY(144deg) translateZ(2.06457em);
 279    }
 280
 281    .assembly:nth-child(4) .side:nth-child(3):before {
 282        height: 2.06457em;
 283    }
 284
 285    .assembly:nth-child(4) .side:nth-child(4) {
 286        transform: rotateY(216deg) translateZ(2.06457em);
 287    }
 288
 289    .assembly:nth-child(4) .side:nth-child(4):before {
 290        height: 2.06457em;
 291    }
 292
 293    .assembly:nth-child(4) .side:nth-child(5) {
 294        transform: rotateY(288deg) translateZ(2.06457em);
 295    }
 296
 297    .assembly:nth-child(4) .side:nth-child(5):before {
 298        height: 2.06457em;
 299    }
 300
 301    .assembly:nth-child(5) {
 302        z-index: -5;
 303        transform: translate(0, -25em);
 304        animation: slide5 1s ease-in-out infinite;
 305    }
 306
 307    @keyframes slide5 {
 308        to {
 309            transform: translate(3em, -25em);
 310        }
 311    }
 312
 313    .assembly:nth-child(5) .roller {
 314        transform: rotateY(30deg) translateZ(3em) rotateY(-90deg);
 315        animation: inherit;
 316        animation-name: roll5a;
 317    }
 318
 319    .assembly:nth-child(5) .roller:last-child {
 320        z-index: -1;
 321        margin: 0 12em;
 322        transform: rotateY(-30deg) translateZ(-3em) rotateY(-30deg);
 323        animation-name: roll5b;
 324    }
 325
 326    @keyframes roll5a {
 327        to {
 328            transform: rotateY(-30deg) translateZ(3em) rotateY(-90deg);
 329        }
 330    }
 331
 332    @keyframes roll5b {
 333        to {
 334            transform: rotateY(30deg) translateZ(-3em) rotateY(-30deg);
 335        }
 336    }
 337
 338    .assembly:nth-child(5) .side {
 339        margin: -2em -1.5em;
 340        width: 3em;
 341        height: 4em;
 342    }
 343
 344    .assembly:nth-child(5) .side:nth-child(1) {
 345        transform: rotateY(0deg) translateZ(2.59808em);
 346    }
 347
 348    .assembly:nth-child(5) .side:nth-child(1):before {
 349        height: 2.59808em;
 350    }
 351
 352    .assembly:nth-child(5) .side:nth-child(2) {
 353        transform: rotateY(60deg) translateZ(2.59808em);
 354    }
 355
 356    .assembly:nth-child(5) .side:nth-child(2):before {
 357        height: 2.59808em;
 358    }
 359
 360    .assembly:nth-child(5) .side:nth-child(3) {
 361        transform: rotateY(120deg) translateZ(2.59808em);
 362    }
 363
 364    .assembly:nth-child(5) .side:nth-child(3):before {
 365        height: 2.59808em;
 366    }
 367
 368    .assembly:nth-child(5) .side:nth-child(4) {
 369        transform: rotateY(180deg) translateZ(2.59808em);
 370    }
 371
 372    .assembly:nth-child(5) .side:nth-child(4):before {
 373        height: 2.59808em;
 374    }
 375
 376    .assembly:nth-child(5) .side:nth-child(5) {
 377        transform: rotateY(240deg) translateZ(2.59808em);
 378    }
 379
 380    .assembly:nth-child(5) .side:nth-child(5):before {
 381        height: 2.59808em;
 382    }
 383
 384    .assembly:nth-child(5) .side:nth-child(6) {
 385        transform: rotateY(300deg) translateZ(2.59808em);
 386    }
 387
 388    .assembly:nth-child(5) .side:nth-child(6):before {
 389        height: 2.59808em;
 390    }
 391
 392    .assembly:nth-child(6) {
 393        z-index: -6;
 394        transform: translate(0, -30em);
 395        animation: slide6 1s ease-in-out infinite;
 396    }
 397
 398    @keyframes slide6 {
 399        to {
 400            transform: translate(3em, -30em);
 401        }
 402    }
 403
 404    .assembly:nth-child(6) .roller {
 405        transform: rotateY(25.71429deg) translateZ(3.45715em) rotateY(-51.42857deg);
 406        animation: inherit;
 407        animation-name: roll6a;
 408    }
 409
 410    .assembly:nth-child(6) .roller:last-child {
 411        z-index: -1;
 412        margin: 0 12em;
 413        transform: rotateY(-25.71429deg) translateZ(-3.45715em) rotateY(-25.71429deg);
 414        animation-name: roll6b;
 415    }
 416
 417    @keyframes roll6a {
 418        to {
 419            transform: rotateY(-25.71429deg) translateZ(3.45715em) rotateY(-51.42857deg);
 420        }
 421    }
 422
 423    @keyframes roll6b {
 424        to {
 425            transform: rotateY(25.71429deg) translateZ(-3.45715em) rotateY(-25.71429deg);
 426        }
 427    }
 428
 429    .assembly:nth-child(6) .side {
 430        margin: -2em -1.5em;
 431        width: 3em;
 432        height: 4em;
 433    }
 434
 435    .assembly:nth-child(6) .side:nth-child(1) {
 436        transform: rotateY(0deg) translateZ(3.11478em);
 437    }
 438
 439    .assembly:nth-child(6) .side:nth-child(1):before {
 440        height: 3.11478em;
 441    }
 442
 443    .assembly:nth-child(6) .side:nth-child(2) {
 444        transform: rotateY(51.42857deg) translateZ(3.11478em);
 445    }
 446
 447    .assembly:nth-child(6) .side:nth-child(2):before {
 448        height: 3.11478em;
 449    }
 450
 451    .assembly:nth-child(6) .side:nth-child(3) {
 452        transform: rotateY(102.85714deg) translateZ(3.11478em);
 453    }
 454
 455    .assembly:nth-child(6) .side:nth-child(3):before {
 456        height: 3.11478em;
 457    }
 458
 459    .assembly:nth-child(6) .side:nth-child(4) {
 460        transform: rotateY(154.28571deg) translateZ(3.11478em);
 461    }
 462
 463    .assembly:nth-child(6) .side:nth-child(4):before {
 464        height: 3.11478em;
 465    }
 466
 467    .assembly:nth-child(6) .side:nth-child(5) {
 468        transform: rotateY(205.71429deg) translateZ(3.11478em);
 469    }
 470
 471    .assembly:nth-child(6) .side:nth-child(5):before {
 472        height: 3.11478em;
 473    }
 474
 475    .assembly:nth-child(6) .side:nth-child(6) {
 476        transform: rotateY(257.14286deg) translateZ(3.11478em);
 477    }
 478
 479    .assembly:nth-child(6) .side:nth-child(6):before {
 480        height: 3.11478em;
 481    }
 482
 483    .assembly:nth-child(6) .side:nth-child(7) {
 484        transform: rotateY(308.57143deg) translateZ(3.11478em);
 485    }
 486
 487    .assembly:nth-child(6) .side:nth-child(7):before {
 488        height: 3.11478em;
 489    }
 490
 491    .assembly:nth-child(7) {
 492        z-index: -7;
 493        transform: translate(0, -35em);
 494        animation: slide7 1s ease-in-out infinite;
 495    }
 496
 497    @keyframes slide7 {
 498        to {
 499            transform: translate(3em, -35em);
 500        }
 501    }
 502
 503    .assembly:nth-child(7) .roller {
 504        transform: rotateY(22.5deg) translateZ(3.91969em) rotateY(-67.5deg);
 505        animation: inherit;
 506        animation-name: roll7a;
 507    }
 508
 509    .assembly:nth-child(7) .roller:last-child {
 510        z-index: -1;
 511        margin: 0 12em;
 512        transform: rotateY(-22.5deg) translateZ(-3.91969em) rotateY(-22.5deg);
 513        animation-name: roll7b;
 514    }
 515
 516    @keyframes roll7a {
 517        to {
 518            transform: rotateY(-22.5deg) translateZ(3.91969em) rotateY(-67.5deg);
 519        }
 520    }
 521
 522    @keyframes roll7b {
 523        to {
 524            transform: rotateY(22.5deg) translateZ(-3.91969em) rotateY(-22.5deg);
 525        }
 526    }
 527
 528    .assembly:nth-child(7) .side {
 529        margin: -2em -1.5em;
 530        width: 3em;
 531        height: 4em;
 532    }
 533
 534    .assembly:nth-child(7) .side:nth-child(1) {
 535        transform: rotateY(0deg) translateZ(3.62132em);
 536    }
 537
 538    .assembly:nth-child(7) .side:nth-child(1):before {
 539        height: 3.62132em;
 540    }
 541
 542    .assembly:nth-child(7) .side:nth-child(2) {
 543        transform: rotateY(45deg) translateZ(3.62132em);
 544    }
 545
 546    .assembly:nth-child(7) .side:nth-child(2):before {
 547        height: 3.62132em;
 548    }
 549
 550    .assembly:nth-child(7) .side:nth-child(3) {
 551        transform: rotateY(90deg) translateZ(3.62132em);
 552    }
 553
 554    .assembly:nth-child(7) .side:nth-child(3):before {
 555        height: 3.62132em;
 556    }
 557
 558    .assembly:nth-child(7) .side:nth-child(4) {
 559        transform: rotateY(135deg) translateZ(3.62132em);
 560    }
 561
 562    .assembly:nth-child(7) .side:nth-child(4):before {
 563        height: 3.62132em;
 564    }
 565
 566    .assembly:nth-child(7) .side:nth-child(5) {
 567        transform: rotateY(180deg) translateZ(3.62132em);
 568    }
 569
 570    .assembly:nth-child(7) .side:nth-child(5):before {
 571        height: 3.62132em;
 572    }
 573
 574    .assembly:nth-child(7) .side:nth-child(6) {
 575        transform: rotateY(225deg) translateZ(3.62132em);
 576    }
 577
 578    .assembly:nth-child(7) .side:nth-child(6):before {
 579        height: 3.62132em;
 580    }
 581
 582    .assembly:nth-child(7) .side:nth-child(7) {
 583        transform: rotateY(270deg) translateZ(3.62132em);
 584    }
 585
 586    .assembly:nth-child(7) .side:nth-child(7):before {
 587        height: 3.62132em;
 588    }
 589
 590    .assembly:nth-child(7) .side:nth-child(8) {
 591        transform: rotateY(315deg) translateZ(3.62132em);
 592    }
 593
 594    .assembly:nth-child(7) .side:nth-child(8):before {
 595        height: 3.62132em;
 596    }
 597
 598    .assembly:nth-child(8) {
 599        z-index: -8;
 600        transform: translate(0, -40em);
 601        animation: slide8 1s ease-in-out infinite;
 602    }
 603
 604    @keyframes slide8 {
 605        to {
 606            transform: translate(3em, -40em);
 607        }
 608    }
 609
 610    .assembly:nth-child(8) .roller {
 611        transform: rotateY(20deg) translateZ(4.38571em) rotateY(-40deg);
 612        animation: inherit;
 613        animation-name: roll8a;
 614    }
 615
 616    .assembly:nth-child(8) .roller:last-child {
 617        z-index: -1;
 618        margin: 0 12em;
 619        transform: rotateY(-20deg) translateZ(-4.38571em) rotateY(-20deg);
 620        animation-name: roll8b;
 621    }
 622
 623    @keyframes roll8a {
 624        to {
 625            transform: rotateY(-20deg) translateZ(4.38571em) rotateY(-40deg);
 626        }
 627    }
 628
 629    @keyframes roll8b {
 630        to {
 631            transform: rotateY(20deg) translateZ(-4.38571em) rotateY(-20deg);
 632        }
 633    }
 634
 635    .assembly:nth-child(8) .side {
 636        margin: -2em -1.5em;
 637        width: 3em;
 638        height: 4em;
 639    }
 640
 641    .assembly:nth-child(8) .side:nth-child(1) {
 642        transform: rotateY(0deg) translateZ(4.12122em);
 643    }
 644
 645    .assembly:nth-child(8) .side:nth-child(1):before {
 646        height: 4.12122em;
 647    }
 648
 649    .assembly:nth-child(8) .side:nth-child(2) {
 650        transform: rotateY(40deg) translateZ(4.12122em);
 651    }
 652
 653    .assembly:nth-child(8) .side:nth-child(2):before {
 654        height: 4.12122em;
 655    }
 656
 657    .assembly:nth-child(8) .side:nth-child(3) {
 658        transform: rotateY(80deg) translateZ(4.12122em);
 659    }
 660
 661    .assembly:nth-child(8) .side:nth-child(3):before {
 662        height: 4.12122em;
 663    }
 664
 665    .assembly:nth-child(8) .side:nth-child(4) {
 666        transform: rotateY(120deg) translateZ(4.12122em);
 667    }
 668
 669    .assembly:nth-child(8) .side:nth-child(4):before {
 670        height: 4.12122em;
 671    }
 672
 673    .assembly:nth-child(8) .side:nth-child(5) {
 674        transform: rotateY(160deg) translateZ(4.12122em);
 675    }
 676
 677    .assembly:nth-child(8) .side:nth-child(5):before {
 678        height: 4.12122em;
 679    }
 680
 681    .assembly:nth-child(8) .side:nth-child(6) {
 682        transform: rotateY(200deg) translateZ(4.12122em);
 683    }
 684
 685    .assembly:nth-child(8) .side:nth-child(6):before {
 686        height: 4.12122em;
 687    }
 688
 689    .assembly:nth-child(8) .side:nth-child(7) {
 690        transform: rotateY(240deg) translateZ(4.12122em);
 691    }
 692
 693    .assembly:nth-child(8) .side:nth-child(7):before {
 694        height: 4.12122em;
 695    }
 696
 697    .assembly:nth-child(8) .side:nth-child(8) {
 698        transform: rotateY(280deg) translateZ(4.12122em);
 699    }
 700
 701    .assembly:nth-child(8) .side:nth-child(8):before {
 702        height: 4.12122em;
 703    }
 704
 705    .assembly:nth-child(8) .side:nth-child(9) {
 706        transform: rotateY(320deg) translateZ(4.12122em);
 707    }
 708
 709    .assembly:nth-child(8) .side:nth-child(9):before {
 710        height: 4.12122em;
 711    }
 712
 713    .assembly:nth-child(9) {
 714        z-index: -9;
 715        transform: translate(0, -45em);
 716        animation: slide9 1s ease-in-out infinite;
 717    }
 718
 719    @keyframes slide9 {
 720        to {
 721            transform: translate(3em, -45em);
 722        }
 723    }
 724
 725    .assembly:nth-child(9) .roller {
 726        transform: rotateY(18deg) translateZ(4.8541em) rotateY(-54deg);
 727        animation: inherit;
 728        animation-name: roll9a;
 729    }
 730
 731    .assembly:nth-child(9) .roller:last-child {
 732        z-index: -1;
 733        margin: 0 12em;
 734        transform: rotateY(-18deg) translateZ(-4.8541em) rotateY(-18deg);
 735        animation-name: roll9b;
 736    }
 737
 738    @keyframes roll9a {
 739        to {
 740            transform: rotateY(-18deg) translateZ(4.8541em) rotateY(-54deg);
 741        }
 742    }
 743
 744    @keyframes roll9b {
 745        to {
 746            transform: rotateY(18deg) translateZ(-4.8541em) rotateY(-18deg);
 747        }
 748    }
 749
 750    .assembly:nth-child(9) .side {
 751        margin: -2em -1.5em;
 752        width: 3em;
 753        height: 4em;
 754    }
 755
 756    .assembly:nth-child(9) .side:nth-child(1) {
 757        transform: rotateY(0deg) translateZ(4.61653em);
 758    }
 759
 760    .assembly:nth-child(9) .side:nth-child(1):before {
 761        height: 4.61653em;
 762    }
 763
 764    .assembly:nth-child(9) .side:nth-child(2) {
 765        transform: rotateY(36deg) translateZ(4.61653em);
 766    }
 767
 768    .assembly:nth-child(9) .side:nth-child(2):before {
 769        height: 4.61653em;
 770    }
 771
 772    .assembly:nth-child(9) .side:nth-child(3) {
 773        transform: rotateY(72deg) translateZ(4.61653em);
 774    }
 775
 776    .assembly:nth-child(9) .side:nth-child(3):before {
 777        height: 4.61653em;
 778    }
 779
 780    .assembly:nth-child(9) .side:nth-child(4) {
 781        transform: rotateY(108deg) translateZ(4.61653em);
 782    }
 783
 784    .assembly:nth-child(9) .side:nth-child(4):before {
 785        height: 4.61653em;
 786    }
 787
 788    .assembly:nth-child(9) .side:nth-child(5) {
 789        transform: rotateY(144deg) translateZ(4.61653em);
 790    }
 791
 792    .assembly:nth-child(9) .side:nth-child(5):before {
 793        height: 4.61653em;
 794    }
 795
 796    .assembly:nth-child(9) .side:nth-child(6) {
 797        transform: rotateY(180deg) translateZ(4.61653em);
 798    }
 799
 800    .assembly:nth-child(9) .side:nth-child(6):before {
 801        height: 4.61653em;
 802    }
 803
 804    .assembly:nth-child(9) .side:nth-child(7) {
 805        transform: rotateY(216deg) translateZ(4.61653em);
 806    }
 807
 808    .assembly:nth-child(9) .side:nth-child(7):before {
 809        height: 4.61653em;
 810    }
 811
 812    .assembly:nth-child(9) .side:nth-child(8) {
 813        transform: rotateY(252deg) translateZ(4.61653em);
 814    }
 815
 816    .assembly:nth-child(9) .side:nth-child(8):before {
 817        height: 4.61653em;
 818    }
 819
 820    .assembly:nth-child(9) .side:nth-child(9) {
 821        transform: rotateY(288deg) translateZ(4.61653em);
 822    }
 823
 824    .assembly:nth-child(9) .side:nth-child(9):before {
 825        height: 4.61653em;
 826    }
 827
 828    .assembly:nth-child(9) .side:nth-child(10) {
 829        transform: rotateY(324deg) translateZ(4.61653em);
 830    }
 831
 832    .assembly:nth-child(9) .side:nth-child(10):before {
 833        height: 4.61653em;
 834    }
 835
 836    .assembly:nth-child(10) {
 837        z-index: -10;
 838        transform: translate(0, -50em);
 839        animation: slide10 1s ease-in-out infinite;
 840    }
 841
 842    @keyframes slide10 {
 843        to {
 844            transform: translate(3em, -50em);
 845        }
 846    }
 847
 848    .assembly:nth-child(10) .roller {
 849        transform: rotateY(16.36364deg) translateZ(5.3242em) rotateY(-32.72727deg);
 850        animation: inherit;
 851        animation-name: roll10a;
 852    }
 853
 854    .assembly:nth-child(10) .roller:last-child {
 855        z-index: -1;
 856        margin: 0 12em;
 857        transform: rotateY(-16.36364deg) translateZ(-5.3242em) rotateY(-16.36364deg);
 858        animation-name: roll10b;
 859    }
 860
 861    @keyframes roll10a {
 862        to {
 863            transform: rotateY(-16.36364deg) translateZ(5.3242em) rotateY(-32.72727deg);
 864        }
 865    }
 866
 867    @keyframes roll10b {
 868        to {
 869            transform: rotateY(16.36364deg) translateZ(-5.3242em) rotateY(-16.36364deg);
 870        }
 871    }
 872
 873    .assembly:nth-child(10) .side {
 874        margin: -2em -1.5em;
 875        width: 3em;
 876        height: 4em;
 877    }
 878
 879    .assembly:nth-child(10) .side:nth-child(1) {
 880        transform: rotateY(0deg) translateZ(5.10853em);
 881    }
 882
 883    .assembly:nth-child(10) .side:nth-child(1):before {
 884        height: 5.10853em;
 885    }
 886
 887    .assembly:nth-child(10) .side:nth-child(2) {
 888        transform: rotateY(32.72727deg) translateZ(5.10853em);
 889    }
 890
 891    .assembly:nth-child(10) .side:nth-child(2):before {
 892        height: 5.10853em;
 893    }
 894
 895    .assembly:nth-child(10) .side:nth-child(3) {
 896        transform: rotateY(65.45455deg) translateZ(5.10853em);
 897    }
 898
 899    .assembly:nth-child(10) .side:nth-child(3):before {
 900        height: 5.10853em;
 901    }
 902
 903    .assembly:nth-child(10) .side:nth-child(4) {
 904        transform: rotateY(98.18182deg) translateZ(5.10853em);
 905    }
 906
 907    .assembly:nth-child(10) .side:nth-child(4):before {
 908        height: 5.10853em;
 909    }
 910
 911    .assembly:nth-child(10) .side:nth-child(5) {
 912        transform: rotateY(130.90909deg) translateZ(5.10853em);
 913    }
 914
 915    .assembly:nth-child(10) .side:nth-child(5):before {
 916        height: 5.10853em;
 917    }
 918
 919    .assembly:nth-child(10) .side:nth-child(6) {
 920        transform: rotateY(163.63636deg) translateZ(5.10853em);
 921    }
 922
 923    .assembly:nth-child(10) .side:nth-child(6):before {
 924        height: 5.10853em;
 925    }
 926
 927    .assembly:nth-child(10) .side:nth-child(7) {
 928        transform: rotateY(196.36364deg) translateZ(5.10853em);
 929    }
 930
 931    .assembly:nth-child(10) .side:nth-child(7):before {
 932        height: 5.10853em;
 933    }
 934
 935    .assembly:nth-child(10) .side:nth-child(8) {
 936        transform: rotateY(229.09091deg) translateZ(5.10853em);
 937    }
 938
 939    .assembly:nth-child(10) .side:nth-child(8):before {
 940        height: 5.10853em;
 941    }
 942
 943    .assembly:nth-child(10) .side:nth-child(9) {
 944        transform: rotateY(261.81818deg) translateZ(5.10853em);
 945    }
 946
 947    .assembly:nth-child(10) .side:nth-child(9):before {
 948        height: 5.10853em;
 949    }
 950
 951    .assembly:nth-child(10) .side:nth-child(10) {
 952        transform: rotateY(294.54545deg) translateZ(5.10853em);
 953    }
 954
 955    .assembly:nth-child(10) .side:nth-child(10):before {
 956        height: 5.10853em;
 957    }
 958
 959    .assembly:nth-child(10) .side:nth-child(11) {
 960        transform: rotateY(327.27273deg) translateZ(5.10853em);
 961    }
 962
 963    .assembly:nth-child(10) .side:nth-child(11):before {
 964        height: 5.10853em;
 965    }
 966
 967    .assembly:nth-child(11) {
 968        z-index: -11;
 969        transform: translate(0, -55em);
 970        animation: slide11 1s ease-in-out infinite;
 971    }
 972
 973    @keyframes slide11 {
 974        to {
 975            transform: translate(3em, -55em);
 976        }
 977    }
 978
 979    .assembly:nth-child(11) .roller {
 980        transform: rotateY(15deg) translateZ(5.79555em) rotateY(-45deg);
 981        animation: inherit;
 982        animation-name: roll11a;
 983    }
 984
 985    .assembly:nth-child(11) .roller:last-child {
 986        z-index: -1;
 987        margin: 0 12em;
 988        transform: rotateY(-15deg) translateZ(-5.79555em) rotateY(-15deg);
 989        animation-name: roll11b;
 990    }
 991
 992    @keyframes roll11a {
 993        to {
 994            transform: rotateY(-15deg) translateZ(5.79555em) rotateY(-45deg);
 995        }
 996    }
 997
 998    @keyframes roll11b {
 999        to {
1000            transform: rotateY(15deg) translateZ(-5.79555em) rotateY(-15deg);
1001        }
1002    }
1003
1004    .assembly:nth-child(11) .side {
1005        margin: -2em -1.5em;
1006        width: 3em;
1007        height: 4em;
1008    }
1009
1010    .assembly:nth-child(11) .side:nth-child(1) {
1011        transform: rotateY(0deg) translateZ(5.59808em);
1012    }
1013
1014    .assembly:nth-child(11) .side:nth-child(1):before {
1015        height: 5.59808em;
1016    }
1017
1018    .assembly:nth-child(11) .side:nth-child(2) {
1019        transform: rotateY(30deg) translateZ(5.59808em);
1020    }
1021
1022    .assembly:nth-child(11) .side:nth-child(2):before {
1023        height: 5.59808em;
1024    }
1025
1026    .assembly:nth-child(11) .side:nth-child(3) {
1027        transform: rotateY(60deg) translateZ(5.59808em);
1028    }
1029
1030    .assembly:nth-child(11) .side:nth-child(3):before {
1031        height: 5.59808em;
1032    }
1033
1034    .assembly:nth-child(11) .side:nth-child(4) {
1035        transform: rotateY(90deg) translateZ(5.59808em);
1036    }
1037
1038    .assembly:nth-child(11) .side:nth-child(4):before {
1039        height: 5.59808em;
1040    }
1041
1042    .assembly:nth-child(11) .side:nth-child(5) {
1043        transform: rotateY(120deg) translateZ(5.59808em);
1044    }
1045
1046    .assembly:nth-child(11) .side:nth-child(5):before {
1047        height: 5.59808em;
1048    }
1049
1050    .assembly:nth-child(11) .side:nth-child(6) {
1051        transform: rotateY(150deg) translateZ(5.59808em);
1052    }
1053
1054    .assembly:nth-child(11) .side:nth-child(6):before {
1055        height: 5.59808em;
1056    }
1057
1058    .assembly:nth-child(11) .side:nth-child(7) {
1059        transform: rotateY(180deg) translateZ(5.59808em);
1060    }
1061
1062    .assembly:nth-child(11) .side:nth-child(7):before {
1063        height: 5.59808em;
1064    }
1065
1066    .assembly:nth-child(11) .side:nth-child(8) {
1067        transform: rotateY(210deg) translateZ(5.59808em);
1068    }
1069
1070    .assembly:nth-child(11) .side:nth-child(8):before {
1071        height: 5.59808em;
1072    }
1073
1074    .assembly:nth-child(11) .side:nth-child(9) {
1075        transform: rotateY(240deg) translateZ(5.59808em);
1076    }
1077
1078    .assembly:nth-child(11) .side:nth-child(9):before {
1079        height: 5.59808em;
1080    }
1081
1082    .assembly:nth-child(11) .side:nth-child(10) {
1083        transform: rotateY(270deg) translateZ(5.59808em);
1084    }
1085
1086    .assembly:nth-child(11) .side:nth-child(10):before {
1087        height: 5.59808em;
1088    }
1089
1090    .assembly:nth-child(11) .side:nth-child(11) {
1091        transform: rotateY(300deg) translateZ(5.59808em);
1092    }
1093
1094    .assembly:nth-child(11) .side:nth-child(11):before {
1095        height: 5.59808em;
1096    }
1097
1098    .assembly:nth-child(11) .side:nth-child(12) {
1099        transform: rotateY(330deg) translateZ(5.59808em);
1100    }
1101
1102    .assembly:nth-child(11) .side:nth-child(12):before {
1103        height: 5.59808em;
1104    }
1105
1106    .assembly:nth-child(12) {
1107        z-index: -12;
1108        transform: translate(0, -60em);
1109        animation: slide12 1s ease-in-out infinite;
1110    }
1111
1112    @keyframes slide12 {
1113        to {
1114            transform: translate(3em, -60em);
1115        }
1116    }
1117
1118    .assembly:nth-child(12) .roller {
1119        transform: rotateY(13.84615deg) translateZ(6.26787em) rotateY(-27.69231deg);
1120        animation: inherit;
1121        animation-name: roll12a;
1122    }
1123
1124    .assembly:nth-child(12) .roller:last-child {
1125        z-index: -1;
1126        margin: 0 12em;
1127        transform: rotateY(-13.84615deg) translateZ(-6.26787em) rotateY(-13.84615deg);
1128        animation-name: roll12b;
1129    }
1130
1131    @keyframes roll12a {
1132        to {
1133            transform: rotateY(-13.84615deg) translateZ(6.26787em) rotateY(-27.69231deg);
1134        }
1135    }
1136
1137    @keyframes roll12b {
1138        to {
1139            transform: rotateY(13.84615deg) translateZ(-6.26787em) rotateY(-13.84615deg);
1140        }
1141    }
1142
1143    .assembly:nth-child(12) .side {
1144        margin: -2em -1.5em;
1145        width: 3em;
1146        height: 4em;
1147    }
1148
1149    .assembly:nth-child(12) .side:nth-child(1) {
1150        transform: rotateY(0deg) translateZ(6.08574em);
1151    }
1152
1153    .assembly:nth-child(12) .side:nth-child(1):before {
1154        height: 6.08574em;
1155    }
1156
1157    .assembly:nth-child(12) .side:nth-child(2) {
1158        transform: rotateY(27.69231deg) translateZ(6.08574em);
1159    }
1160
1161    .assembly:nth-child(12) .side:nth-child(2):before {
1162        height: 6.08574em;
1163    }
1164
1165    .assembly:nth-child(12) .side:nth-child(3) {
1166        transform: rotateY(55.38462deg) translateZ(6.08574em);
1167    }
1168
1169    .assembly:nth-child(12) .side:nth-child(3):before {
1170        height: 6.08574em;
1171    }
1172
1173    .assembly:nth-child(12) .side:nth-child(4) {
1174        transform: rotateY(83.07692deg) translateZ(6.08574em);
1175    }
1176
1177    .assembly:nth-child(12) .side:nth-child(4):before {
1178        height: 6.08574em;
1179    }
1180
1181    .assembly:nth-child(12) .side:nth-child(5) {
1182        transform: rotateY(110.76923deg) translateZ(6.08574em);
1183    }
1184
1185    .assembly:nth-child(12) .side:nth-child(5):before {
1186        height: 6.08574em;
1187    }
1188
1189    .assembly:nth-child(12) .side:nth-child(6) {
1190        transform: rotateY(138.46154deg) translateZ(6.08574em);
1191    }
1192
1193    .assembly:nth-child(12) .side:nth-child(6):before {
1194        height: 6.08574em;
1195    }
1196
1197    .assembly:nth-child(12) .side:nth-child(7) {
1198        transform: rotateY(166.15385deg) translateZ(6.08574em);
1199    }
1200
1201    .assembly:nth-child(12) .side:nth-child(7):before {
1202        height: 6.08574em;
1203    }
1204
1205    .assembly:nth-child(12) .side:nth-child(8) {
1206        transform: rotateY(193.84615deg) translateZ(6.08574em);
1207    }
1208
1209    .assembly:nth-child(12) .side:nth-child(8):before {
1210        height: 6.08574em;
1211    }
1212
1213    .assembly:nth-child(12) .side:nth-child(9) {
1214        transform: rotateY(221.53846deg) translateZ(6.08574em);
1215    }
1216
1217    .assembly:nth-child(12) .side:nth-child(9):before {
1218        height: 6.08574em;
1219    }
1220
1221    .assembly:nth-child(12) .side:nth-child(10) {
1222        transform: rotateY(249.23077deg) translateZ(6.08574em);
1223    }
1224
1225    .assembly:nth-child(12) .side:nth-child(10):before {
1226        height: 6.08574em;
1227    }
1228
1229    .assembly:nth-child(12) .side:nth-child(11) {
1230        transform: rotateY(276.92308deg) translateZ(6.08574em);
1231    }
1232
1233    .assembly:nth-child(12) .side:nth-child(11):before {
1234        height: 6.08574em;
1235    }
1236
1237    .assembly:nth-child(12) .side:nth-child(12) {
1238        transform: rotateY(304.61538deg) translateZ(6.08574em);
1239    }
1240
1241    .assembly:nth-child(12) .side:nth-child(12):before {
1242        height: 6.08574em;
1243    }
1244
1245    .assembly:nth-child(12) .side:nth-child(13) {
1246        transform: rotateY(332.30769deg) translateZ(6.08574em);
1247    }
1248
1249    .assembly:nth-child(12) .side:nth-child(13):before {
1250        height: 6.08574em;
1251    }
1252
1253    .assembly:nth-child(13) {
1254        z-index: -13;
1255        transform: translate(0, -65em);
1256        animation: slide13 1s ease-in-out infinite;
1257    }
1258
1259    @keyframes slide13 {
1260        to {
1261            transform: translate(3em, -65em);
1262        }
1263    }
1264
1265    .assembly:nth-child(13) .roller {
1266        transform: rotateY(12.85714deg) translateZ(6.74094em) rotateY(-38.57143deg);
1267        animation: inherit;
1268        animation-name: roll13a;
1269    }
1270
1271    .assembly:nth-child(13) .roller:last-child {
1272        z-index: -1;
1273        margin: 0 12em;
1274        transform: rotateY(-12.85714deg) translateZ(-6.74094em) rotateY(-12.85714deg);
1275        animation-name: roll13b;
1276    }
1277
1278    @keyframes roll13a {
1279        to {
1280            transform: rotateY(-12.85714deg) translateZ(6.74094em) rotateY(-38.57143deg);
1281        }
1282    }
1283
1284    @keyframes roll13b {
1285        to {
1286            transform: rotateY(12.85714deg) translateZ(-6.74094em) rotateY(-12.85714deg);
1287        }
1288    }
1289
1290    .assembly:nth-child(13) .side {
1291        margin: -2em -1.5em;
1292        width: 3em;
1293        height: 4em;
1294    }
1295
1296    .assembly:nth-child(13) .side:nth-child(1) {
1297        transform: rotateY(0deg) translateZ(6.57193em);
1298    }
1299
1300    .assembly:nth-child(13) .side:nth-child(1):before {
1301        height: 6.57193em;
1302    }
1303
1304    .assembly:nth-child(13) .side:nth-child(2) {
1305        transform: rotateY(25.71429deg) translateZ(6.57193em);
1306    }
1307
1308    .assembly:nth-child(13) .side:nth-child(2):before {
1309        height: 6.57193em;
1310    }
1311
1312    .assembly:nth-child(13) .side:nth-child(3) {
1313        transform: rotateY(51.42857deg) translateZ(6.57193em);
1314    }
1315
1316    .assembly:nth-child(13) .side:nth-child(3):before {
1317        height: 6.57193em;
1318    }
1319
1320    .assembly:nth-child(13) .side:nth-child(4) {
1321        transform: rotateY(77.14286deg) translateZ(6.57193em);
1322    }
1323
1324    .assembly:nth-child(13) .side:nth-child(4):before {
1325        height: 6.57193em;
1326    }
1327
1328    .assembly:nth-child(13) .side:nth-child(5) {
1329        transform: rotateY(102.85714deg) translateZ(6.57193em);
1330    }
1331
1332    .assembly:nth-child(13) .side:nth-child(5):before {
1333        height: 6.57193em;
1334    }
1335
1336    .assembly:nth-child(13) .side:nth-child(6) {
1337        transform: rotateY(128.57143deg) translateZ(6.57193em);
1338    }
1339
1340    .assembly:nth-child(13) .side:nth-child(6):before {
1341        height: 6.57193em;
1342    }
1343
1344    .assembly:nth-child(13) .side:nth-child(7) {
1345        transform: rotateY(154.28571deg) translateZ(6.57193em);
1346    }
1347
1348    .assembly:nth-child(13) .side:nth-child(7):before {
1349        height: 6.57193em;
1350    }
1351
1352    .assembly:nth-child(13) .side:nth-child(8) {
1353        transform: rotateY(180deg) translateZ(6.57193em);
1354    }
1355
1356    .assembly:nth-child(13) .side:nth-child(8):before {
1357        height: 6.57193em;
1358    }
1359
1360    .assembly:nth-child(13) .side:nth-child(9) {
1361        transform: rotateY(205.71429deg) translateZ(6.57193em);
1362    }
1363
1364    .assembly:nth-child(13) .side:nth-child(9):before {
1365        height: 6.57193em;
1366    }
1367
1368    .assembly:nth-child(13) .side:nth-child(10) {
1369        transform: rotateY(231.42857deg) translateZ(6.57193em);
1370    }
1371
1372    .assembly:nth-child(13) .side:nth-child(10):before {
1373        height: 6.57193em;
1374    }
1375
1376    .assembly:nth-child(13) .side:nth-child(11) {
1377        transform: rotateY(257.14286deg) translateZ(6.57193em);
1378    }
1379
1380    .assembly:nth-child(13) .side:nth-child(11):before {
1381        height: 6.57193em;
1382    }
1383
1384    .assembly:nth-child(13) .side:nth-child(12) {
1385        transform: rotateY(282.85714deg) translateZ(6.57193em);
1386    }
1387
1388    .assembly:nth-child(13) .side:nth-child(12):before {
1389        height: 6.57193em;
1390    }
1391
1392    .assembly:nth-child(13) .side:nth-child(13) {
1393        transform: rotateY(308.57143deg) translateZ(6.57193em);
1394    }
1395
1396    .assembly:nth-child(13) .side:nth-child(13):before {
1397        height: 6.57193em;
1398    }
1399
1400    .assembly:nth-child(13) .side:nth-child(14) {
1401        transform: rotateY(334.28571deg) translateZ(6.57193em);
1402    }
1403
1404    .assembly:nth-child(13) .side:nth-child(14):before {
1405        height: 6.57193em;
1406    }
1407
1408    .assembly:nth-child(14) {
1409        z-index: -14;
1410        transform: translate(0, -70em);
1411        animation: slide14 1s ease-in-out infinite;
1412    }
1413
1414    @keyframes slide14 {
1415        to {
1416            transform: translate(3em, -70em);
1417        }
1418    }
1419
1420    .assembly:nth-child(14) .roller {
1421        transform: rotateY(12deg) translateZ(7.2146em) rotateY(-24deg);
1422        animation: inherit;
1423        animation-name: roll14a;
1424    }
1425
1426    .assembly:nth-child(14) .roller:last-child {
1427        z-index: -1;
1428        margin: 0 12em;
1429        transform: rotateY(-12deg) translateZ(-7.2146em) rotateY(-12deg);
1430        animation-name: roll14b;
1431    }
1432
1433    @keyframes roll14a {
1434        to {
1435            transform: rotateY(-12deg) translateZ(7.2146em) rotateY(-24deg);
1436        }
1437    }
1438
1439    @keyframes roll14b {
1440        to {
1441            transform: rotateY(12deg) translateZ(-7.2146em) rotateY(-12deg);
1442        }
1443    }
1444
1445    .assembly:nth-child(14) .side {
1446        margin: -2em -1.5em;
1447        width: 3em;
1448        height: 4em;
1449    }
1450
1451    .assembly:nth-child(14) .side:nth-child(1) {
1452        transform: rotateY(0deg) translateZ(7.05695em);
1453    }
1454
1455    .assembly:nth-child(14) .side:nth-child(1):before {
1456        height: 7.05695em;
1457    }
1458
1459    .assembly:nth-child(14) .side:nth-child(2) {
1460        transform: rotateY(24deg) translateZ(7.05695em);
1461    }
1462
1463    .assembly:nth-child(14) .side:nth-child(2):before {
1464        height: 7.05695em;
1465    }
1466
1467    .assembly:nth-child(14) .side:nth-child(3) {
1468        transform: rotateY(48deg) translateZ(7.05695em);
1469    }
1470
1471    .assembly:nth-child(14) .side:nth-child(3):before {
1472        height: 7.05695em;
1473    }
1474
1475    .assembly:nth-child(14) .side:nth-child(4) {
1476        transform: rotateY(72deg) translateZ(7.05695em);
1477    }
1478
1479    .assembly:nth-child(14) .side:nth-child(4):before {
1480        height: 7.05695em;
1481    }
1482
1483    .assembly:nth-child(14) .side:nth-child(5) {
1484        transform: rotateY(96deg) translateZ(7.05695em);
1485    }
1486
1487    .assembly:nth-child(14) .side:nth-child(5):before {
1488        height: 7.05695em;
1489    }
1490
1491    .assembly:nth-child(14) .side:nth-child(6) {
1492        transform: rotateY(120deg) translateZ(7.05695em);
1493    }
1494
1495    .assembly:nth-child(14) .side:nth-child(6):before {
1496        height: 7.05695em;
1497    }
1498
1499    .assembly:nth-child(14) .side:nth-child(7) {
1500        transform: rotateY(144deg) translateZ(7.05695em);
1501    }
1502
1503    .assembly:nth-child(14) .side:nth-child(7):before {
1504        height: 7.05695em;
1505    }
1506
1507    .assembly:nth-child(14) .side:nth-child(8) {
1508        transform: rotateY(168deg) translateZ(7.05695em);
1509    }
1510
1511    .assembly:nth-child(14) .side:nth-child(8):before {
1512        height: 7.05695em;
1513    }
1514
1515    .assembly:nth-child(14) .side:nth-child(9) {
1516        transform: rotateY(192deg) translateZ(7.05695em);
1517    }
1518
1519    .assembly:nth-child(14) .side:nth-child(9):before {
1520        height: 7.05695em;
1521    }
1522
1523    .assembly:nth-child(14) .side:nth-child(10) {
1524        transform: rotateY(216deg) translateZ(7.05695em);
1525    }
1526
1527    .assembly:nth-child(14) .side:nth-child(10):before {
1528        height: 7.05695em;
1529    }
1530
1531    .assembly:nth-child(14) .side:nth-child(11) {
1532        transform: rotateY(240deg) translateZ(7.05695em);
1533    }
1534
1535    .assembly:nth-child(14) .side:nth-child(11):before {
1536        height: 7.05695em;
1537    }
1538
1539    .assembly:nth-child(14) .side:nth-child(12) {
1540        transform: rotateY(264deg) translateZ(7.05695em);
1541    }
1542
1543    .assembly:nth-child(14) .side:nth-child(12):before {
1544        height: 7.05695em;
1545    }
1546
1547    .assembly:nth-child(14) .side:nth-child(13) {
1548        transform: rotateY(288deg) translateZ(7.05695em);
1549    }
1550
1551    .assembly:nth-child(14) .side:nth-child(13):before {
1552        height: 7.05695em;
1553    }
1554
1555    .assembly:nth-child(14) .side:nth-child(14) {
1556        transform: rotateY(312deg) translateZ(7.05695em);
1557    }
1558
1559    .assembly:nth-child(14) .side:nth-child(14):before {
1560        height: 7.05695em;
1561    }
1562
1563    .assembly:nth-child(14) .side:nth-child(15) {
1564        transform: rotateY(336deg) translateZ(7.05695em);
1565    }
1566
1567    .assembly:nth-child(14) .side:nth-child(15):before {
1568        height: 7.05695em;
1569    }
1570
1571    .strip {
1572        margin: -2em -1px;
1573        width: 12em;
1574        height: 4em;
1575        border: solid 0.125em cyan;
1576        background: linear-gradient(90deg, #00ffff 0.125em, rgba(0, 0, 0, 0) 0%) black;
1577        background-size: 3em 100%;
1578    }
1579
1580    .side:before,
1581    .side:after {
1582        box-sizing: border-box;
1583        position: absolute;
1584        left: 0;
1585        width: inherit;
1586        backface-visibility: hidden;
1587        content: '';
1588    }
1589
1590    .side:before {
1591        top: 100%;
1592        height: .125em;
1593        transform-origin: 50% 0;
1594        transform: rotateX(-90deg);
1595        border-top: solid 0.125em cyan;
1596        background: black;
1597    }
1598
1599    .side:after {
1600        height: inherit;
1601        border: solid 0.125em cyan;
1602        background: black;
1603    }
1604</style>
1605<div class='scene'>
1606    <div class='assembly'>
1607        <div class='strip'></div>
1608        <div class='roller'>
1609            <div class='side'></div>
1610            <div class='side'></div>
1611        </div>
1612        <div class='roller'>
1613            <div class='side'></div>
1614            <div class='side'></div>
1615        </div>
1616    </div>
1617    <div class='assembly'>
1618        <div class='strip'></div>
1619        <div class='roller'>
1620            <div class='side'></div>
1621            <div class='side'></div>
1622            <div class='side'></div>
1623        </div>
1624        <div class='roller'>
1625            <div class='side'></div>
1626            <div class='side'></div>
1627            <div class='side'></div>
1628        </div>
1629    </div>
1630    <div class='assembly'>
1631        <div class='strip'></div>
1632        <div class='roller'>
1633            <div class='side'></div>
1634            <div class='side'></div>
1635            <div class='side'></div>
1636            <div class='side'></div>
1637        </div>
1638        <div class='roller'>
1639            <div class='side'></div>
1640            <div class='side'></div>
1641            <div class='side'></div>
1642            <div class='side'></div>
1643        </div>
1644    </div>
1645    <div class='assembly'>
1646        <div class='strip'></div>
1647        <div class='roller'>
1648            <div class='side'></div>
1649            <div class='side'></div>
1650            <div class='side'></div>
1651            <div class='side'></div>
1652            <div class='side'></div>
1653        </div>
1654        <div class='roller'>
1655            <div class='side'></div>
1656            <div class='side'></div>
1657            <div class='side'></div>
1658            <div class='side'></div>
1659            <div class='side'></div>
1660        </div>
1661    </div>
1662    <div class='assembly'>
1663        <div class='strip'></div>
1664        <div class='roller'>
1665            <div class='side'></div>
1666            <div class='side'></div>
1667            <div class='side'></div>
1668            <div class='side'></div>
1669            <div class='side'></div>
1670            <div class='side'></div>
1671        </div>
1672        <div class='roller'>
1673            <div class='side'></div>
1674            <div class='side'></div>
1675            <div class='side'></div>
1676            <div class='side'></div>
1677            <div class='side'></div>
1678            <div class='side'></div>
1679        </div>
1680    </div>
1681    <div class='assembly'>
1682        <div class='strip'></div>
1683        <div class='roller'>
1684            <div class='side'></div>
1685            <div class='side'></div>
1686            <div class='side'></div>
1687            <div class='side'></div>
1688            <div class='side'></div>
1689            <div class='side'></div>
1690            <div class='side'></div>
1691        </div>
1692        <div class='roller'>
1693            <div class='side'></div>
1694            <div class='side'></div>
1695            <div class='side'></div>
1696            <div class='side'></div>
1697            <div class='side'></div>
1698            <div class='side'></div>
1699            <div class='side'></div>
1700        </div>
1701    </div>
1702    <div class='assembly'>
1703        <div class='strip'></div>
1704        <div class='roller'>
1705            <div class='side'></div>
1706            <div class='side'></div>
1707            <div class='side'></div>
1708            <div class='side'></div>
1709            <div class='side'></div>
1710            <div class='side'></div>
1711            <div class='side'></div>
1712            <div class='side'></div>
1713        </div>
1714        <div class='roller'>
1715            <div class='side'></div>
1716            <div class='side'></div>
1717            <div class='side'></div>
1718            <div class='side'></div>
1719            <div class='side'></div>
1720            <div class='side'></div>
1721            <div class='side'></div>
1722            <div class='side'></div>
1723        </div>
1724    </div>
1725    <div class='assembly'>
1726        <div class='strip'></div>
1727        <div class='roller'>
1728            <div class='side'></div>
1729            <div class='side'></div>
1730            <div class='side'></div>
1731            <div class='side'></div>
1732            <div class='side'></div>
1733            <div class='side'></div>
1734            <div class='side'></div>
1735            <div class='side'></div>
1736            <div class='side'></div>
1737        </div>
1738        <div class='roller'>
1739            <div class='side'></div>
1740            <div class='side'></div>
1741            <div class='side'></div>
1742            <div class='side'></div>
1743            <div class='side'></div>
1744            <div class='side'></div>
1745            <div class='side'></div>
1746            <div class='side'></div>
1747            <div class='side'></div>
1748        </div>
1749    </div>
1750    <div class='assembly'>
1751        <div class='strip'></div>
1752        <div class='roller'>
1753            <div class='side'></div>
1754            <div class='side'></div>
1755            <div class='side'></div>
1756            <div class='side'></div>
1757            <div class='side'></div>
1758            <div class='side'></div>
1759            <div class='side'></div>
1760            <div class='side'></div>
1761            <div class='side'></div>
1762            <div class='side'></div>
1763        </div>
1764        <div class='roller'>
1765            <div class='side'></div>
1766            <div class='side'></div>
1767            <div class='side'></div>
1768            <div class='side'></div>
1769            <div class='side'></div>
1770            <div class='side'></div>
1771            <div class='side'></div>
1772            <div class='side'></div>
1773            <div class='side'></div>
1774            <div class='side'></div>
1775        </div>
1776    </div>
1777    <div class='assembly'>
1778        <div class='strip'></div>
1779        <div class='roller'>
1780            <div class='side'></div>
1781            <div class='side'></div>
1782            <div class='side'></div>
1783            <div class='side'></div>
1784            <div class='side'></div>
1785            <div class='side'></div>
1786            <div class='side'></div>
1787            <div class='side'></div>
1788            <div class='side'></div>
1789            <div class='side'></div>
1790            <div class='side'></div>
1791        </div>
1792        <div class='roller'>
1793            <div class='side'></div>
1794            <div class='side'></div>
1795            <div class='side'></div>
1796            <div class='side'></div>
1797            <div class='side'></div>
1798            <div class='side'></div>
1799            <div class='side'></div>
1800            <div class='side'></div>
1801            <div class='side'></div>
1802            <div class='side'></div>
1803            <div class='side'></div>
1804        </div>
1805    </div>
1806    <div class='assembly'>
1807        <div class='strip'></div>
1808        <div class='roller'>
1809            <div class='side'></div>
1810            <div class='side'></div>
1811            <div class='side'></div>
1812            <div class='side'></div>
1813            <div class='side'></div>
1814            <div class='side'></div>
1815            <div class='side'></div>
1816            <div class='side'></div>
1817            <div class='side'></div>
1818            <div class='side'></div>
1819            <div class='side'></div>
1820            <div class='side'></div>
1821        </div>
1822        <div class='roller'>
1823            <div class='side'></div>
1824            <div class='side'></div>
1825            <div class='side'></div>
1826            <div class='side'></div>
1827            <div class='side'></div>
1828            <div class='side'></div>
1829            <div class='side'></div>
1830            <div class='side'></div>
1831            <div class='side'></div>
1832            <div class='side'></div>
1833            <div class='side'></div>
1834            <div class='side'></div>
1835        </div>
1836    </div>
1837    <div class='assembly'>
1838        <div class='strip'></div>
1839        <div class='roller'>
1840            <div class='side'></div>
1841            <div class='side'></div>
1842            <div class='side'></div>
1843            <div class='side'></div>
1844            <div class='side'></div>
1845            <div class='side'></div>
1846            <div class='side'></div>
1847            <div class='side'></div>
1848            <div class='side'></div>
1849            <div class='side'></div>
1850            <div class='side'></div>
1851            <div class='side'></div>
1852            <div class='side'></div>
1853        </div>
1854        <div class='roller'>
1855            <div class='side'></div>
1856            <div class='side'></div>
1857            <div class='side'></div>
1858            <div class='side'></div>
1859            <div class='side'></div>
1860            <div class='side'></div>
1861            <div class='side'></div>
1862            <div class='side'></div>
1863            <div class='side'></div>
1864            <div class='side'></div>
1865            <div class='side'></div>
1866            <div class='side'></div>
1867            <div class='side'></div>
1868        </div>
1869    </div>
1870    <div class='assembly'>
1871        <div class='strip'></div>
1872        <div class='roller'>
1873            <div class='side'></div>
1874            <div class='side'></div>
1875            <div class='side'></div>
1876            <div class='side'></div>
1877            <div class='side'></div>
1878            <div class='side'></div>
1879            <div class='side'></div>
1880            <div class='side'></div>
1881            <div class='side'></div>
1882            <div class='side'></div>
1883            <div class='side'></div>
1884            <div class='side'></div>
1885            <div class='side'></div>
1886            <div class='side'></div>
1887        </div>
1888        <div class='roller'>
1889            <div class='side'></div>
1890            <div class='side'></div>
1891            <div class='side'></div>
1892            <div class='side'></div>
1893            <div class='side'></div>
1894            <div class='side'></div>
1895            <div class='side'></div>
1896            <div class='side'></div>
1897            <div class='side'></div>
1898            <div class='side'></div>
1899            <div class='side'></div>
1900            <div class='side'></div>
1901            <div class='side'></div>
1902            <div class='side'></div>
1903        </div>
1904    </div>
1905    <div class='assembly'>
1906        <div class='strip'></div>
1907        <div class='roller'>
1908            <div class='side'></div>
1909            <div class='side'></div>
1910            <div class='side'></div>
1911            <div class='side'></div>
1912            <div class='side'></div>
1913            <div class='side'></div>
1914            <div class='side'></div>
1915            <div class='side'></div>
1916            <div class='side'></div>
1917            <div class='side'></div>
1918            <div class='side'></div>
1919            <div class='side'></div>
1920            <div class='side'></div>
1921            <div class='side'></div>
1922            <div class='side'></div>
1923        </div>
1924        <div class='roller'>
1925            <div class='side'></div>
1926            <div class='side'></div>
1927            <div class='side'></div>
1928            <div class='side'></div>
1929            <div class='side'></div>
1930            <div class='side'></div>
1931            <div class='side'></div>
1932            <div class='side'></div>
1933            <div class='side'></div>
1934            <div class='side'></div>
1935            <div class='side'></div>
1936            <div class='side'></div>
1937            <div class='side'></div>
1938            <div class='side'></div>
1939            <div class='side'></div>
1940        </div>
1941    </div>
1942</div>