.input-line-color:nth-of-type(1) .color-rect-fo:nth-of-type(1) .color-rect {
    background-repeat: no-repeat;
    background-position-y: 0%;
    background-position-x: 0%
    }
.contentBox:nth-of-type(1) .squareBox {
    background-repeat: no-repeat;
    background-position-y: 0%;
    background-position-x: 0%
    }
.input-line-color:nth-of-type(1) .color-rect-fo:nth-of-type(2) .color-rect {
    background-repeat: no-repeat;
    background-position-y: 0%;
    background-position-x: 25%
    }
.contentBox:nth-of-type(2) .squareBox {
    background-repeat: no-repeat;
    background-position-y: 0%;
    background-position-x: 25%
    }
.input-line-color:nth-of-type(1) .color-rect-fo:nth-of-type(3) .color-rect {
    background-repeat: no-repeat;
    background-position-y: 0%;
    background-position-x: 50%
    }
.contentBox:nth-of-type(3) .squareBox {
    background-repeat: no-repeat;
    background-position-y: 0%;
    background-position-x: 50%
    }
.input-line-color:nth-of-type(1) .color-rect-fo:nth-of-type(4) .color-rect {
    background-repeat: no-repeat;
    background-position-y: 0%;
    background-position-x: 75%
    }
.contentBox:nth-of-type(4) .squareBox {
    background-repeat: no-repeat;
    background-position-y: 0%;
    background-position-x: 75%
    }
.input-line-color:nth-of-type(1) .color-rect-fo:nth-of-type(5) .color-rect {
    background-repeat: no-repeat;
    background-position-y: 0%;
    background-position-x: 100%
    }
.contentBox:nth-of-type(5) .squareBox {
    background-repeat: no-repeat;
    background-position-y: 0%;
    background-position-x: 100%
    }
.input-line-color:nth-of-type(2) .color-rect-fo:nth-of-type(1) .color-rect {
    background-repeat: no-repeat;
    background-position-y: 32.3775%;
    background-position-x: 0%
    }
.contentBox:nth-of-type(6) .squareBox {
    background-repeat: no-repeat;
    background-position-y: 33.333333%;
    background-position-x: 0%
    }
.input-line-color:nth-of-type(2) .color-rect-fo:nth-of-type(2) .color-rect {
    background-repeat: no-repeat;
    background-position-y: 32.3775%;
    background-position-x: 25%
    }
.contentBox:nth-of-type(7) .squareBox {
    background-repeat: no-repeat;
    background-position-y: 33.333333%;
    background-position-x: 25%
    }
.input-line-color:nth-of-type(2) .color-rect-fo:nth-of-type(3) .color-rect {
    background-repeat: no-repeat;
    background-position-y: 32.3775%;
    background-position-x: 50%
    }
.contentBox:nth-of-type(8) .squareBox {
    background-repeat: no-repeat;
    background-position-y: 33.333333%;
    background-position-x: 50%
    }
.input-line-color:nth-of-type(2) .color-rect-fo:nth-of-type(4) .color-rect {
    background-repeat: no-repeat;
    background-position-y: 32.3775%;
    background-position-x: 75%
    }
.contentBox:nth-of-type(9) .squareBox {
    background-repeat: no-repeat;
    background-position-y: 33.333333%;
    background-position-x: 75%
    }
.input-line-color:nth-of-type(2) .color-rect-fo:nth-of-type(5) .color-rect {
    background-repeat: no-repeat;
    background-position-y: 32.3775%;
    background-position-x: 100%
    }
.contentBox:nth-of-type(10) .squareBox {
    background-repeat: no-repeat;
    background-position-y: 33.333333%;
    background-position-x: 100%
    }
.input-line-color:nth-of-type(3) .color-rect-fo:nth-of-type(1) .color-rect {
    background-repeat: no-repeat;
    background-position-y: 64.755%;
    background-position-x: 0%
    }
.contentBox:nth-of-type(11) .squareBox {
    background-repeat: no-repeat;
    background-position-y: 66.666667%;
    background-position-x: 0%
    }
.input-line-color:nth-of-type(3) .color-rect-fo:nth-of-type(2) .color-rect {
    background-repeat: no-repeat;
    background-position-y: 64.755%;
    background-position-x: 25%
    }
.contentBox:nth-of-type(12) .squareBox {
    background-repeat: no-repeat;
    background-position-y: 66.666667%;
    background-position-x: 25%
    }
.input-line-color:nth-of-type(3) .color-rect-fo:nth-of-type(3) .color-rect {
    background-repeat: no-repeat;
    background-position-y: 64.755%;
    background-position-x: 50%
    }
.contentBox:nth-of-type(13) .squareBox {
    background-repeat: no-repeat;
    background-position-y: 66.666667%;
    background-position-x: 50%
    }
.input-line-color:nth-of-type(3) .color-rect-fo:nth-of-type(4) .color-rect {
    background-repeat: no-repeat;
    background-position-y: 64.755%;
    background-position-x: 75%
    }
.contentBox:nth-of-type(14) .squareBox {
    background-repeat: no-repeat;
    background-position-y: 66.666667%;
    background-position-x: 75%
    }
.input-line-color:nth-of-type(3) .color-rect-fo:nth-of-type(5) .color-rect {
    background-repeat: no-repeat;
    background-position-y: 64.755%;
    background-position-x: 100%
    }
.contentBox:nth-of-type(15) .squareBox {
    background-repeat: no-repeat;
    background-position-y: 66.666667%;
    background-position-x: 100%
    }
.input-line-color:nth-of-type(4) .color-rect-fo:nth-of-type(1) .color-rect {
    background-repeat: no-repeat;
    background-position-y: 97.1325%;
    background-position-x: 0%
    }
.contentBox:nth-of-type(16) .squareBox {
    background-repeat: no-repeat;
    background-position-y: 100%;
    background-position-x: 0%
    }
.input-line-color:nth-of-type(4) .color-rect-fo:nth-of-type(2) .color-rect {
    background-repeat: no-repeat;
    background-position-y: 97.1325%;
    background-position-x: 25%
    }
.contentBox:nth-of-type(17) .squareBox {
    background-repeat: no-repeat;
    background-position-y: 100%;
    background-position-x: 25%
    }
.input-line-color:nth-of-type(4) .color-rect-fo:nth-of-type(3) .color-rect {
    background-repeat: no-repeat;
    background-position-y: 97.1325%;
    background-position-x: 50%
    }
.contentBox:nth-of-type(18) .squareBox {
    background-repeat: no-repeat;
    background-position-y: 100%;
    background-position-x: 50%
    }
.input-line-color:nth-of-type(4) .color-rect-fo:nth-of-type(4) .color-rect {
    background-repeat: no-repeat;
    background-position-y: 97.1325%;
    background-position-x: 75%
    }
.contentBox:nth-of-type(19) .squareBox {
    background-repeat: no-repeat;
    background-position-y: 100%;
    background-position-x: 75%
    }
.input-line-color:nth-of-type(4) .color-rect-fo:nth-of-type(5) .color-rect {
    background-repeat: no-repeat;
    background-position-y: 97.1325%;
    background-position-x: 100%
    }
.contentBox:nth-of-type(20) .squareBox {
    background-repeat: no-repeat;
    background-position-y: 100%;
    background-position-x: 100%
    }
.color1 {
    fill: #FFF;
    background-color: #FFF;
    text-shadow: none;
    opacity: 1;
    background-image: url(/static/images/flaps/app_image_1.png)
    }
.color1::before {
    color: #FFF;
    font-size: 1rem;
    display: flex;
    justify-content: center
    }
.color2 {
    fill: #FFF;
    background-color: #FFF;
    text-shadow: none;
    opacity: 1;
    background-image: url(/static/images/flaps/app_image_2.png)
    }
.color2::before {
    color: #FFF;
    font-size: 1rem;
    display: flex;
    justify-content: center
    }
.color3 {
    fill: #FFF;
    background-color: #FFF;
    text-shadow: none;
    opacity: 1;
    background-image: url(/static/images/flaps/app_image_3.png)
    }
.color3::before {
    color: #FFF;
    font-size: 1rem;
    display: flex;
    justify-content: center
    }
.color4 {
    fill: #FFF;
    background-color: #FFF;
    text-shadow: none;
    opacity: 1;
    background-image: url(/static/images/flaps/app_image_4.png)
    }
.color4::before {
    color: #FFF;
    font-size: 1rem;
    display: flex;
    justify-content: center
    }
.color5 {
    fill: #FFF;
    background-color: #FFF;
    text-shadow: none;
    opacity: 1;
    background-image: url(/static/images/flaps/app_image_5.png)
    }
.color5::before {
    color: #FFF;
    font-size: 1rem;
    display: flex;
    justify-content: center
    }
.color6 {
    fill: #FFF;
    background-color: #FFF;
    text-shadow: none;
    opacity: 1;
    background-image: url(/static/images/flaps/app_image_6.png)
    }
.color6::before {
    color: #FFF;
    font-size: 1rem;
    display: flex;
    justify-content: center
    }
.color7 {
    fill: #FFF;
    background-color: #FFF;
    text-shadow: none;
    opacity: 1;
    background-image: url(/static/images/flaps/app_image_7.png)
    }
.color7::before {
    color: #FFF;
    font-size: 1rem;
    display: flex;
    justify-content: center
    }
.color8 {
    fill: #FFF;
    background-color: #FFF;
    text-shadow: none;
    opacity: 1;
    background-image: url(/static/images/flaps/app_image_8.png)
    }
.color8::before {
    color: #FFF;
    font-size: 1rem;
    display: flex;
    justify-content: center
    }
.color9 {
    fill: #FFF;
    background-color: #FFF;
    text-shadow: none;
    opacity: 1;
    background-image: url(/static/images/flaps/app_image_9.png)
    }
.color9::before {
    color: #FFF;
    font-size: 1rem;
    display: flex;
    justify-content: center
    }
.color10 {
    fill: #FFF;
    background-color: #FFF;
    text-shadow: none;
    opacity: 1;
    background-image: url(/static/images/flaps/app_image_10.png)
    }
.color10::before {
    color: #FFF;
    font-size: 1rem;
    display: flex;
    justify-content: center
    }
.color11 {
    fill: #FFF;
    background-color: #FFF;
    text-shadow: none;
    opacity: 1;
    background-image: url(/static/images/flaps/app_image_11.png)
    }
.color11::before {
    color: #FFF;
    font-size: 1rem;
    display: flex;
    justify-content: center
    }
.color12 {
    fill: #FFF;
    background-color: #FFF;
    text-shadow: none;
    opacity: 1;
    background-image: url(/static/images/flaps/app_image_12.png)
    }
.color12::before {
    color: #FFF;
    font-size: 1rem;
    display: flex;
    justify-content: center
    }
.color13 {
    fill: #FFF;
    background-color: #FFF;
    text-shadow: none;
    opacity: 1;
    background-image: url(/static/images/flaps/app_image_13.png)
    }
.color13::before {
    color: #FFF;
    font-size: 1rem;
    display: flex;
    justify-content: center
    }
.color14 {
    fill: #FFF;
    background-color: #FFF;
    text-shadow: none;
    opacity: 1;
    background-image: url(/static/images/flaps/app_image_14.png)
    }
.color14::before {
    color: #FFF;
    font-size: 1rem;
    display: flex;
    justify-content: center
    }
.color15 {
    fill: #FFF;
    background-color: #FFF;
    text-shadow: none;
    opacity: 1;
    background-image: url(/static/images/flaps/app_image_15.png)
    }
.color15::before {
    color: #FFF;
    font-size: 1rem;
    display: flex;
    justify-content: center
    }
.color16 {
    fill: #FFF;
    background-color: #FFF;
    text-shadow: none;
    opacity: 1;
    background-image: url(/static/images/flaps/app_image_16.png)
    }
.color16::before {
    color: #FFF;
    font-size: 1rem;
    display: flex;
    justify-content: center
    }
.color17 {
    fill: #FFF;
    background-color: #FFF;
    text-shadow: none;
    opacity: 1;
    background-image: url(/static/images/flaps/app_image_17.png)
    }
.color17::before {
    color: #FFF;
    font-size: 1rem;
    display: flex;
    justify-content: center
    }
.color18 {
    fill: #FFF;
    background-color: #FFF;
    text-shadow: none;
    opacity: 1;
    background-image: url(/static/images/flaps/app_image_18.png)
    }
.color18::before {
    color: #FFF;
    font-size: 1rem;
    display: flex;
    justify-content: center
    }
.color19 {
    fill: #FFF;
    background-color: #FFF;
    text-shadow: none;
    opacity: 1;
    background-image: url(/static/images/flaps/app_image_19.png)
    }
.color19::before {
    color: #FFF;
    font-size: 1rem;
    display: flex;
    justify-content: center
    }
.color20 {
    fill: #FFF;
    background-color: #FFF;
    text-shadow: none;
    opacity: 1;
    background-image: url(/static/images/flaps/app_image_20.png)
    }
.color20::before {
    color: #FFF;
    font-size: 1rem;
    display: flex;
    justify-content: center
    }
.color0 {
    fill: #000;
    background-color: #000;
    text-shadow: none
    }
.splitflap-input-good {
    background-color: rgba(0, 0, 0, 0.5)
    }
.splitflap-input {
    color: #FFF
    }