.button-group
{
	display: flex;
    flex-direction: row;
    justify-content: space-around;
}
.btn-camera {
	flex-wrap: nowrap;
	text-align: center;
}
      
.btn-camera form {
	display: inline-block;
	transform-style: preserve-3d;
	transition: transform 0.3s;
}
#takeSnapshotBtn {
        margin-right: 40px;
}
#cropImageBtn {
        margin-left: 40px;
}
      
.btn-camera form:hover {
        transform: scale(1.1);
}
      
.btn-camera input[type="button"] {
        padding: 10px 20px;
        background-color: #4CAF50;
        color: white;
        border: none;
        border-radius: 5px;
        cursor: pointer;
        font-size: 16px;
}
      
.btn-camera input[type="button"]:hover {
        background-color: #45a049;
}
      
#my_camera
{
    max-width: 100%;
    width: 100% !important;
    height: auto;
}
video
{
    max-width: 100%;
    height: auto !important;
    transform: scaleX(1) scaleY(1) !important;
}
#results
{
    max-width: 100%;
    max-height: 100%;
    height: auto;
}
.camera-row {
    max-width: 100%;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap; /* Không cho phần tử tràn xuống dòng mới */
    justify-content: space-between; /* Các phần tử được căn cách đều nhau trong hàng */
    align-items: center; /* Căn giữa theo chiều dọc */
}
#btn-camera-scan {
    text-align: center;
    text-decoration: none;
    display: inline-block;
    width: 32px;
    margin: 4px 2px;
    cursor: pointer;
    border-radius: 4px;
}

*, *:before, *:after {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
  } 
  
  .popups-cont {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    z-index: -10;
    left: 0;
    top: 0;
    width: 100%;
    -webkit-perspective: 1000px;
            perspective: 1000px;
    pointer-events: none;
    -webkit-transition: z-index 0s 0.8s;
    transition: z-index 0s 0.8s;
  }
  .popups-cont.s--popup-active {
    z-index: 1000;
    pointer-events: auto;
    -webkit-transition: z-index 0s 0s;
    transition: z-index 0s 0s;
  }
  .popups-cont__overlay {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    -webkit-transition: opacity 0.35s;
    transition: opacity 0.35s;
  }
  .popups-cont.s--popup-active .popups-cont__overlay {
    opacity: 1;
    -webkit-transition: opacity 0.35s 0.35s;
    transition: opacity 0.35s 0.35s;
  }
  
  .popup {
    z-index: 2;
    position: relative;
    width: 90%;
    height: auto;
    -webkit-transform-style: preserve-3d;
            transform-style: preserve-3d;
  }
  .popup .popup__piece:nth-child(1) {
    height: 17.66667%;
    width: 19.66667%;
  }
  .popup .popup__piece:nth-child(1) .popup__piece-inner:nth-child(1) {
    -webkit-transform: translate3d(44vw, -46vh, -893px) rotateX(322deg) rotateY(375deg);
            transform: translate3d(44vw, -46vh, -893px) rotateX(322deg) rotateY(375deg);
    -webkit-clip-path: polygon(0 0, 0 100%, 44% 100%);
            clip-path: polygon(0 0, 0 100%, 44% 100%);
  }
  .popup .popup__piece:nth-child(1) .popup__piece-inner:nth-child(2) {
    -webkit-transform: translate3d(-46vw, 37vh, 331px) rotateX(160deg) rotateY(417deg);
            transform: translate3d(-46vw, 37vh, 331px) rotateX(160deg) rotateY(417deg);
    -webkit-clip-path: polygon(0 0, 44% 100%, 100% 0);
            clip-path: polygon(0 0, 44% 100%, 100% 0);
  }
  .popup .popup__piece:nth-child(1) .popup__piece-inner:nth-child(3) {
    -webkit-transform: translate3d(-55vw, 13vh, 473px) rotateX(333deg) rotateY(227deg);
            transform: translate3d(-55vw, 13vh, 473px) rotateX(333deg) rotateY(227deg);
    -webkit-clip-path: polygon(100% 0, 100% 100%, 44% 100%);
            clip-path: polygon(100% 0, 100% 100%, 44% 100%);
  }
  .popup.s--closed .popup__piece:nth-child(1) {
    -webkit-transform: translate3d(0, 108vh, 0);
            transform: translate3d(0, 108vh, 0);
  }
  .popup.s--closed .popup__piece:nth-child(1) .popup__piece-inner:nth-child(1) {
    -webkit-transform: translate3d(66vw, 0, 0) rotateX(333deg) rotateY(395deg);
            transform: translate3d(66vw, 0, 0) rotateX(333deg) rotateY(395deg);
  }
  .popup.s--closed .popup__piece:nth-child(1) .popup__piece-inner:nth-child(2) {
    -webkit-transform: translate3d(20vw, 0, 0) rotateX(469deg) rotateY(193deg);
            transform: translate3d(20vw, 0, 0) rotateX(469deg) rotateY(193deg);
  }
  .popup.s--closed .popup__piece:nth-child(1) .popup__piece-inner:nth-child(3) {
    -webkit-transform: translate3d(40vw, 0, 0) rotateX(214deg) rotateY(426deg);
            transform: translate3d(40vw, 0, 0) rotateX(214deg) rotateY(426deg);
  }
  .popup .popup__piece:nth-child(2) {
    height: 17.66667%;
    width: 15.66667%;
  }
  .popup .popup__piece:nth-child(2) .popup__piece-inner:nth-child(1) {
    -webkit-transform: translate3d(-3vw, 48vh, -203px) rotateX(426deg) rotateY(163deg);
            transform: translate3d(-3vw, 48vh, -203px) rotateX(426deg) rotateY(163deg);
    -webkit-clip-path: polygon(0 0, 0 100%, 51% 100%);
            clip-path: polygon(0 0, 0 100%, 51% 100%);
  }
  .popup .popup__piece:nth-child(2) .popup__piece-inner:nth-child(2) {
    -webkit-transform: translate3d(-12vw, -56vh, -27px) rotateX(310deg) rotateY(145deg);
            transform: translate3d(-12vw, -56vh, -27px) rotateX(310deg) rotateY(145deg);
    -webkit-clip-path: polygon(0 0, 51% 100%, 100% 0);
            clip-path: polygon(0 0, 51% 100%, 100% 0);
  }
  .popup .popup__piece:nth-child(2) .popup__piece-inner:nth-child(3) {
    -webkit-transform: translate3d(39vw, -4vh, 316px) rotateX(249deg) rotateY(217deg);
            transform: translate3d(39vw, -4vh, 316px) rotateX(249deg) rotateY(217deg);
    -webkit-clip-path: polygon(100% 0, 100% 100%, 51% 100%);
            clip-path: polygon(100% 0, 100% 100%, 51% 100%);
  }
  .popup.s--closed .popup__piece:nth-child(2) {
    -webkit-transform: translate3d(0, 113vh, 0);
            transform: translate3d(0, 113vh, 0);
  }
  .popup.s--closed .popup__piece:nth-child(2) .popup__piece-inner:nth-child(1) {
    -webkit-transform: translate3d(1vw, 0, 0) rotateX(134deg) rotateY(245deg);
            transform: translate3d(1vw, 0, 0) rotateX(134deg) rotateY(245deg);
  }
  .popup.s--closed .popup__piece:nth-child(2) .popup__piece-inner:nth-child(2) {
    -webkit-transform: translate3d(17vw, 0, 0) rotateX(362deg) rotateY(479deg);
            transform: translate3d(17vw, 0, 0) rotateX(362deg) rotateY(479deg);
  }
  .popup.s--closed .popup__piece:nth-child(2) .popup__piece-inner:nth-child(3) {
    -webkit-transform: translate3d(-77vw, 0, 0) rotateX(234deg) rotateY(411deg);
            transform: translate3d(-77vw, 0, 0) rotateX(234deg) rotateY(411deg);
  }
  .popup .popup__piece:nth-child(3) {
    height: 17.66667%;
    width: 17.66667%;
  }
  .popup .popup__piece:nth-child(3) .popup__piece-inner:nth-child(1) {
    -webkit-transform: translate3d(19vw, 5vh, 369px) rotateX(203deg) rotateY(147deg);
            transform: translate3d(19vw, 5vh, 369px) rotateX(203deg) rotateY(147deg);
    -webkit-clip-path: polygon(0 0, 0 100%, 34% 100%);
            clip-path: polygon(0 0, 0 100%, 34% 100%);
  }
  .popup .popup__piece:nth-child(3) .popup__piece-inner:nth-child(2) {
    -webkit-transform: translate3d(19vw, -52vh, 60px) rotateX(367deg) rotateY(449deg);
            transform: translate3d(19vw, -52vh, 60px) rotateX(367deg) rotateY(449deg);
    -webkit-clip-path: polygon(0 0, 34% 100%, 100% 0);
            clip-path: polygon(0 0, 34% 100%, 100% 0);
  }
  .popup .popup__piece:nth-child(3) .popup__piece-inner:nth-child(3) {
    -webkit-transform: translate3d(-56vw, -8vh, -151px) rotateX(239deg) rotateY(129deg);
            transform: translate3d(-56vw, -8vh, -151px) rotateX(239deg) rotateY(129deg);
    -webkit-clip-path: polygon(100% 0, 100% 100%, 34% 100%);
            clip-path: polygon(100% 0, 100% 100%, 34% 100%);
  }
  .popup.s--closed .popup__piece:nth-child(3) {
    -webkit-transform: translate3d(0, 147vh, 0);
            transform: translate3d(0, 147vh, 0);
  }
  .popup.s--closed .popup__piece:nth-child(3) .popup__piece-inner:nth-child(1) {
    -webkit-transform: translate3d(55vw, 0, 0) rotateX(416deg) rotateY(236deg);
            transform: translate3d(55vw, 0, 0) rotateX(416deg) rotateY(236deg);
  }
  .popup.s--closed .popup__piece:nth-child(3) .popup__piece-inner:nth-child(2) {
    -webkit-transform: translate3d(-43vw, 0, 0) rotateX(236deg) rotateY(299deg);
            transform: translate3d(-43vw, 0, 0) rotateX(236deg) rotateY(299deg);
  }
  .popup.s--closed .popup__piece:nth-child(3) .popup__piece-inner:nth-child(3) {
    -webkit-transform: translate3d(73vw, 0, 0) rotateX(230deg) rotateY(329deg);
            transform: translate3d(73vw, 0, 0) rotateX(230deg) rotateY(329deg);
  }
  .popup .popup__piece:nth-child(4) {
    height: 17.66667%;
    width: 14.66667%;
  }
  .popup .popup__piece:nth-child(4) .popup__piece-inner:nth-child(1) {
    -webkit-transform: translate3d(39vw, 28vh, 316px) rotateX(295deg) rotateY(455deg);
            transform: translate3d(39vw, 28vh, 316px) rotateX(295deg) rotateY(455deg);
    -webkit-clip-path: polygon(0 0, 0 100%, 64% 100%);
            clip-path: polygon(0 0, 0 100%, 64% 100%);
  }
  .popup .popup__piece:nth-child(4) .popup__piece-inner:nth-child(2) {
    -webkit-transform: translate3d(31vw, -11vh, 517px) rotateX(281deg) rotateY(292deg);
            transform: translate3d(31vw, -11vh, 517px) rotateX(281deg) rotateY(292deg);
    -webkit-clip-path: polygon(0 0, 64% 100%, 100% 0);
            clip-path: polygon(0 0, 64% 100%, 100% 0);
  }
  .popup .popup__piece:nth-child(4) .popup__piece-inner:nth-child(3) {
    -webkit-transform: translate3d(48vw, -15vh, -236px) rotateX(456deg) rotateY(283deg);
            transform: translate3d(48vw, -15vh, -236px) rotateX(456deg) rotateY(283deg);
    -webkit-clip-path: polygon(100% 0, 100% 100%, 64% 100%);
            clip-path: polygon(100% 0, 100% 100%, 64% 100%);
  }
  .popup.s--closed .popup__piece:nth-child(4) {
    -webkit-transform: translate3d(0, 115vh, 0);
            transform: translate3d(0, 115vh, 0);
  }
  .popup.s--closed .popup__piece:nth-child(4) .popup__piece-inner:nth-child(1) {
    -webkit-transform: translate3d(-16vw, 0, 0) rotateX(329deg) rotateY(462deg);
            transform: translate3d(-16vw, 0, 0) rotateX(329deg) rotateY(462deg);
  }
  .popup.s--closed .popup__piece:nth-child(4) .popup__piece-inner:nth-child(2) {
    -webkit-transform: translate3d(66vw, 0, 0) rotateX(142deg) rotateY(187deg);
            transform: translate3d(66vw, 0, 0) rotateX(142deg) rotateY(187deg);
  }
  .popup.s--closed .popup__piece:nth-child(4) .popup__piece-inner:nth-child(3) {
    -webkit-transform: translate3d(62vw, 0, 0) rotateX(199deg) rotateY(322deg);
            transform: translate3d(62vw, 0, 0) rotateX(199deg) rotateY(322deg);
  }
  .popup .popup__piece:nth-child(5) {
    height: 17.66667%;
    width: 18.66667%;
  }
  .popup .popup__piece:nth-child(5) .popup__piece-inner:nth-child(1) {
    -webkit-transform: translate3d(-14vw, 55vh, -579px) rotateX(200deg) rotateY(247deg);
            transform: translate3d(-14vw, 55vh, -579px) rotateX(200deg) rotateY(247deg);
    -webkit-clip-path: polygon(0 0, 0 100%, 55% 100%);
            clip-path: polygon(0 0, 0 100%, 55% 100%);
  }
  .popup .popup__piece:nth-child(5) .popup__piece-inner:nth-child(2) {
    -webkit-transform: translate3d(-17vw, 0vh, 137px) rotateX(146deg) rotateY(444deg);
            transform: translate3d(-17vw, 0vh, 137px) rotateX(146deg) rotateY(444deg);
    -webkit-clip-path: polygon(0 0, 55% 100%, 100% 0);
            clip-path: polygon(0 0, 55% 100%, 100% 0);
  }
  .popup .popup__piece:nth-child(5) .popup__piece-inner:nth-child(3) {
    -webkit-transform: translate3d(-34vw, -53vh, -179px) rotateX(151deg) rotateY(183deg);
            transform: translate3d(-34vw, -53vh, -179px) rotateX(151deg) rotateY(183deg);
    -webkit-clip-path: polygon(100% 0, 100% 100%, 55% 100%);
            clip-path: polygon(100% 0, 100% 100%, 55% 100%);
  }
  .popup.s--closed .popup__piece:nth-child(5) {
    -webkit-transform: translate3d(0, 123vh, 0);
            transform: translate3d(0, 123vh, 0);
  }
  .popup.s--closed .popup__piece:nth-child(5) .popup__piece-inner:nth-child(1) {
    -webkit-transform: translate3d(19vw, 0, 0) rotateX(362deg) rotateY(289deg);
            transform: translate3d(19vw, 0, 0) rotateX(362deg) rotateY(289deg);
  }
  .popup.s--closed .popup__piece:nth-child(5) .popup__piece-inner:nth-child(2) {
    -webkit-transform: translate3d(-29vw, 0, 0) rotateX(229deg) rotateY(225deg);
            transform: translate3d(-29vw, 0, 0) rotateX(229deg) rotateY(225deg);
  }
  .popup.s--closed .popup__piece:nth-child(5) .popup__piece-inner:nth-child(3) {
    -webkit-transform: translate3d(-72vw, 0, 0) rotateX(310deg) rotateY(420deg);
            transform: translate3d(-72vw, 0, 0) rotateX(310deg) rotateY(420deg);
  }
  .popup .popup__piece:nth-child(6) {
    height: 17.66667%;
    width: 13.66667%;
  }
  .popup .popup__piece:nth-child(6) .popup__piece-inner:nth-child(1) {
    -webkit-transform: translate3d(-52vw, -53vh, -124px) rotateX(148deg) rotateY(416deg);
            transform: translate3d(-52vw, -53vh, -124px) rotateX(148deg) rotateY(416deg);
    -webkit-clip-path: polygon(0 0, 0 100%, 52% 100%);
            clip-path: polygon(0 0, 0 100%, 52% 100%);
  }
  .popup .popup__piece:nth-child(6) .popup__piece-inner:nth-child(2) {
    -webkit-transform: translate3d(16vw, -46vh, 343px) rotateX(208deg) rotateY(447deg);
            transform: translate3d(16vw, -46vh, 343px) rotateX(208deg) rotateY(447deg);
    -webkit-clip-path: polygon(0 0, 52% 100%, 100% 0);
            clip-path: polygon(0 0, 52% 100%, 100% 0);
  }
  .popup .popup__piece:nth-child(6) .popup__piece-inner:nth-child(3) {
    -webkit-transform: translate3d(47vw, -33vh, 709px) rotateX(155deg) rotateY(370deg);
            transform: translate3d(47vw, -33vh, 709px) rotateX(155deg) rotateY(370deg);
    -webkit-clip-path: polygon(100% 0, 100% 100%, 52% 100%);
            clip-path: polygon(100% 0, 100% 100%, 52% 100%);
  }
  .popup.s--closed .popup__piece:nth-child(6) {
    -webkit-transform: translate3d(0, 101vh, 0);
            transform: translate3d(0, 101vh, 0);
  }
  .popup.s--closed .popup__piece:nth-child(6) .popup__piece-inner:nth-child(1) {
    -webkit-transform: translate3d(72vw, 0, 0) rotateX(374deg) rotateY(221deg);
            transform: translate3d(72vw, 0, 0) rotateX(374deg) rotateY(221deg);
  }
  .popup.s--closed .popup__piece:nth-child(6) .popup__piece-inner:nth-child(2) {
    -webkit-transform: translate3d(-53vw, 0, 0) rotateX(412deg) rotateY(340deg);
            transform: translate3d(-53vw, 0, 0) rotateX(412deg) rotateY(340deg);
  }
  .popup.s--closed .popup__piece:nth-child(6) .popup__piece-inner:nth-child(3) {
    -webkit-transform: translate3d(35vw, 0, 0) rotateX(162deg) rotateY(438deg);
            transform: translate3d(35vw, 0, 0) rotateX(162deg) rotateY(438deg);
  }
  .popup .popup__piece:nth-child(7) {
    height: 18.66667%;
    width: 19.66667%;
  }
  .popup .popup__piece:nth-child(7) .popup__piece-inner:nth-child(1) {
    -webkit-transform: translate3d(49vw, -54vh, 252px) rotateX(256deg) rotateY(260deg);
            transform: translate3d(49vw, -54vh, 252px) rotateX(256deg) rotateY(260deg);
    -webkit-clip-path: polygon(0 0, 0 100%, 68% 100%);
            clip-path: polygon(0 0, 0 100%, 68% 100%);
  }
  .popup .popup__piece:nth-child(7) .popup__piece-inner:nth-child(2) {
    -webkit-transform: translate3d(-32vw, 59vh, -661px) rotateX(277deg) rotateY(450deg);
            transform: translate3d(-32vw, 59vh, -661px) rotateX(277deg) rotateY(450deg);
    -webkit-clip-path: polygon(0 0, 68% 100%, 100% 0);
            clip-path: polygon(0 0, 68% 100%, 100% 0);
  }
  .popup .popup__piece:nth-child(7) .popup__piece-inner:nth-child(3) {
    -webkit-transform: translate3d(50vw, -30vh, 353px) rotateX(462deg) rotateY(274deg);
            transform: translate3d(50vw, -30vh, 353px) rotateX(462deg) rotateY(274deg);
    -webkit-clip-path: polygon(100% 0, 100% 100%, 68% 100%);
            clip-path: polygon(100% 0, 100% 100%, 68% 100%);
  }
  .popup.s--closed .popup__piece:nth-child(7) {
    -webkit-transform: translate3d(0, 125vh, 0);
            transform: translate3d(0, 125vh, 0);
  }
  .popup.s--closed .popup__piece:nth-child(7) .popup__piece-inner:nth-child(1) {
    -webkit-transform: translate3d(11vw, 0, 0) rotateX(189deg) rotateY(350deg);
            transform: translate3d(11vw, 0, 0) rotateX(189deg) rotateY(350deg);
  }
  .popup.s--closed .popup__piece:nth-child(7) .popup__piece-inner:nth-child(2) {
    -webkit-transform: translate3d(37vw, 0, 0) rotateX(375deg) rotateY(204deg);
            transform: translate3d(37vw, 0, 0) rotateX(375deg) rotateY(204deg);
  }
  .popup.s--closed .popup__piece:nth-child(7) .popup__piece-inner:nth-child(3) {
    -webkit-transform: translate3d(-49vw, 0, 0) rotateX(325deg) rotateY(370deg);
            transform: translate3d(-49vw, 0, 0) rotateX(325deg) rotateY(370deg);
  }
  .popup .popup__piece:nth-child(8) {
    height: 18.66667%;
    width: 15.66667%;
  }
  .popup .popup__piece:nth-child(8) .popup__piece-inner:nth-child(1) {
    -webkit-transform: translate3d(47vw, -28vh, -609px) rotateX(310deg) rotateY(414deg);
            transform: translate3d(47vw, -28vh, -609px) rotateX(310deg) rotateY(414deg);
    -webkit-clip-path: polygon(0 0, 0 100%, 47% 100%);
            clip-path: polygon(0 0, 0 100%, 47% 100%);
  }
  .popup .popup__piece:nth-child(8) .popup__piece-inner:nth-child(2) {
    -webkit-transform: translate3d(33vw, 19vh, -728px) rotateX(240deg) rotateY(256deg);
            transform: translate3d(33vw, 19vh, -728px) rotateX(240deg) rotateY(256deg);
    -webkit-clip-path: polygon(0 0, 47% 100%, 100% 0);
            clip-path: polygon(0 0, 47% 100%, 100% 0);
  }
  .popup .popup__piece:nth-child(8) .popup__piece-inner:nth-child(3) {
    -webkit-transform: translate3d(12vw, 44vh, -594px) rotateX(395deg) rotateY(141deg);
            transform: translate3d(12vw, 44vh, -594px) rotateX(395deg) rotateY(141deg);
    -webkit-clip-path: polygon(100% 0, 100% 100%, 47% 100%);
            clip-path: polygon(100% 0, 100% 100%, 47% 100%);
  }
  .popup.s--closed .popup__piece:nth-child(8) {
    -webkit-transform: translate3d(0, 143vh, 0);
            transform: translate3d(0, 143vh, 0);
  }
  .popup.s--closed .popup__piece:nth-child(8) .popup__piece-inner:nth-child(1) {
    -webkit-transform: translate3d(-13vw, 0, 0) rotateX(403deg) rotateY(268deg);
            transform: translate3d(-13vw, 0, 0) rotateX(403deg) rotateY(268deg);
  }
  .popup.s--closed .popup__piece:nth-child(8) .popup__piece-inner:nth-child(2) {
    -webkit-transform: translate3d(-27vw, 0, 0) rotateX(238deg) rotateY(379deg);
            transform: translate3d(-27vw, 0, 0) rotateX(238deg) rotateY(379deg);
  }
  .popup.s--closed .popup__piece:nth-child(8) .popup__piece-inner:nth-child(3) {
    -webkit-transform: translate3d(25vw, 0, 0) rotateX(137deg) rotateY(426deg);
            transform: translate3d(25vw, 0, 0) rotateX(137deg) rotateY(426deg);
  }
  .popup .popup__piece:nth-child(9) {
    height: 18.66667%;
    width: 14.66667%;
  }
  .popup .popup__piece:nth-child(9) .popup__piece-inner:nth-child(1) {
    -webkit-transform: translate3d(55vw, 51vh, -253px) rotateX(228deg) rotateY(160deg);
            transform: translate3d(55vw, 51vh, -253px) rotateX(228deg) rotateY(160deg);
    -webkit-clip-path: polygon(0 0, 0 100%, 60% 100%);
            clip-path: polygon(0 0, 0 100%, 60% 100%);
  }
  .popup .popup__piece:nth-child(9) .popup__piece-inner:nth-child(2) {
    -webkit-transform: translate3d(-15vw, 9vh, 48px) rotateX(428deg) rotateY(344deg);
            transform: translate3d(-15vw, 9vh, 48px) rotateX(428deg) rotateY(344deg);
    -webkit-clip-path: polygon(0 0, 60% 100%, 100% 0);
            clip-path: polygon(0 0, 60% 100%, 100% 0);
  }
  .popup .popup__piece:nth-child(9) .popup__piece-inner:nth-child(3) {
    -webkit-transform: translate3d(18vw, 34vh, -383px) rotateX(224deg) rotateY(190deg);
            transform: translate3d(18vw, 34vh, -383px) rotateX(224deg) rotateY(190deg);
    -webkit-clip-path: polygon(100% 0, 100% 100%, 60% 100%);
            clip-path: polygon(100% 0, 100% 100%, 60% 100%);
  }
  .popup.s--closed .popup__piece:nth-child(9) {
    -webkit-transform: translate3d(0, 133vh, 0);
            transform: translate3d(0, 133vh, 0);
  }
  .popup.s--closed .popup__piece:nth-child(9) .popup__piece-inner:nth-child(1) {
    -webkit-transform: translate3d(-35vw, 0, 0) rotateX(357deg) rotateY(231deg);
            transform: translate3d(-35vw, 0, 0) rotateX(357deg) rotateY(231deg);
  }
  .popup.s--closed .popup__piece:nth-child(9) .popup__piece-inner:nth-child(2) {
    -webkit-transform: translate3d(-17vw, 0, 0) rotateX(373deg) rotateY(214deg);
            transform: translate3d(-17vw, 0, 0) rotateX(373deg) rotateY(214deg);
  }
  .popup.s--closed .popup__piece:nth-child(9) .popup__piece-inner:nth-child(3) {
    -webkit-transform: translate3d(1vw, 0, 0) rotateX(217deg) rotateY(346deg);
            transform: translate3d(1vw, 0, 0) rotateX(217deg) rotateY(346deg);
  }
  .popup .popup__piece:nth-child(10) {
    height: 18.66667%;
    width: 13.66667%;
  }
  .popup .popup__piece:nth-child(10) .popup__piece-inner:nth-child(1) {
    -webkit-transform: translate3d(-27vw, -35vh, -409px) rotateX(153deg) rotateY(385deg);
            transform: translate3d(-27vw, -35vh, -409px) rotateX(153deg) rotateY(385deg);
    -webkit-clip-path: polygon(0 0, 0 100%, 31% 100%);
            clip-path: polygon(0 0, 0 100%, 31% 100%);
  }
  .popup .popup__piece:nth-child(10) .popup__piece-inner:nth-child(2) {
    -webkit-transform: translate3d(53vw, -28vh, -668px) rotateX(421deg) rotateY(431deg);
            transform: translate3d(53vw, -28vh, -668px) rotateX(421deg) rotateY(431deg);
    -webkit-clip-path: polygon(0 0, 31% 100%, 100% 0);
            clip-path: polygon(0 0, 31% 100%, 100% 0);
  }
  .popup .popup__piece:nth-child(10) .popup__piece-inner:nth-child(3) {
    -webkit-transform: translate3d(57vw, -27vh, -176px) rotateX(383deg) rotateY(275deg);
            transform: translate3d(57vw, -27vh, -176px) rotateX(383deg) rotateY(275deg);
    -webkit-clip-path: polygon(100% 0, 100% 100%, 31% 100%);
            clip-path: polygon(100% 0, 100% 100%, 31% 100%);
  }
  .popup.s--closed .popup__piece:nth-child(10) {
    -webkit-transform: translate3d(0, 106vh, 0);
            transform: translate3d(0, 106vh, 0);
  }
  .popup.s--closed .popup__piece:nth-child(10) .popup__piece-inner:nth-child(1) {
    -webkit-transform: translate3d(-62vw, 0, 0) rotateX(397deg) rotateY(192deg);
            transform: translate3d(-62vw, 0, 0) rotateX(397deg) rotateY(192deg);
  }
  .popup.s--closed .popup__piece:nth-child(10) .popup__piece-inner:nth-child(2) {
    -webkit-transform: translate3d(56vw, 0, 0) rotateX(318deg) rotateY(266deg);
            transform: translate3d(56vw, 0, 0) rotateX(318deg) rotateY(266deg);
  }
  .popup.s--closed .popup__piece:nth-child(10) .popup__piece-inner:nth-child(3) {
    -webkit-transform: translate3d(52vw, 0, 0) rotateX(350deg) rotateY(252deg);
            transform: translate3d(52vw, 0, 0) rotateX(350deg) rotateY(252deg);
  }
  .popup .popup__piece:nth-child(11) {
    height: 18.66667%;
    width: 21.66667%;
  }
  .popup .popup__piece:nth-child(11) .popup__piece-inner:nth-child(1) {
    -webkit-transform: translate3d(-40vw, -34vh, -517px) rotateX(137deg) rotateY(166deg);
            transform: translate3d(-40vw, -34vh, -517px) rotateX(137deg) rotateY(166deg);
    -webkit-clip-path: polygon(0 0, 0 100%, 59% 100%);
            clip-path: polygon(0 0, 0 100%, 59% 100%);
  }
  .popup .popup__piece:nth-child(11) .popup__piece-inner:nth-child(2) {
    -webkit-transform: translate3d(-9vw, -45vh, 358px) rotateX(152deg) rotateY(416deg);
            transform: translate3d(-9vw, -45vh, 358px) rotateX(152deg) rotateY(416deg);
    -webkit-clip-path: polygon(0 0, 59% 100%, 100% 0);
            clip-path: polygon(0 0, 59% 100%, 100% 0);
  }
  .popup .popup__piece:nth-child(11) .popup__piece-inner:nth-child(3) {
    -webkit-transform: translate3d(43vw, 45vh, -632px) rotateX(348deg) rotateY(478deg);
            transform: translate3d(43vw, 45vh, -632px) rotateX(348deg) rotateY(478deg);
    -webkit-clip-path: polygon(100% 0, 100% 100%, 59% 100%);
            clip-path: polygon(100% 0, 100% 100%, 59% 100%);
  }
  .popup.s--closed .popup__piece:nth-child(11) {
    -webkit-transform: translate3d(0, 113vh, 0);
            transform: translate3d(0, 113vh, 0);
  }
  .popup.s--closed .popup__piece:nth-child(11) .popup__piece-inner:nth-child(1) {
    -webkit-transform: translate3d(-40vw, 0, 0) rotateX(198deg) rotateY(230deg);
            transform: translate3d(-40vw, 0, 0) rotateX(198deg) rotateY(230deg);
  }
  .popup.s--closed .popup__piece:nth-child(11) .popup__piece-inner:nth-child(2) {
    -webkit-transform: translate3d(78vw, 0, 0) rotateX(379deg) rotateY(266deg);
            transform: translate3d(78vw, 0, 0) rotateX(379deg) rotateY(266deg);
  }
  .popup.s--closed .popup__piece:nth-child(11) .popup__piece-inner:nth-child(3) {
    -webkit-transform: translate3d(63vw, 0, 0) rotateX(453deg) rotateY(380deg);
            transform: translate3d(63vw, 0, 0) rotateX(453deg) rotateY(380deg);
  }
  .popup .popup__piece:nth-child(12) {
    height: 18.66667%;
    width: 14.66667%;
  }
  .popup .popup__piece:nth-child(12) .popup__piece-inner:nth-child(1) {
    -webkit-transform: translate3d(47vw, 51vh, 779px) rotateX(363deg) rotateY(420deg);
            transform: translate3d(47vw, 51vh, 779px) rotateX(363deg) rotateY(420deg);
    -webkit-clip-path: polygon(0 0, 0 100%, 33% 100%);
            clip-path: polygon(0 0, 0 100%, 33% 100%);
  }
  .popup .popup__piece:nth-child(12) .popup__piece-inner:nth-child(2) {
    -webkit-transform: translate3d(30vw, -26vh, 16px) rotateX(129deg) rotateY(299deg);
            transform: translate3d(30vw, -26vh, 16px) rotateX(129deg) rotateY(299deg);
    -webkit-clip-path: polygon(0 0, 33% 100%, 100% 0);
            clip-path: polygon(0 0, 33% 100%, 100% 0);
  }
  .popup .popup__piece:nth-child(12) .popup__piece-inner:nth-child(3) {
    -webkit-transform: translate3d(21vw, -30vh, -120px) rotateX(413deg) rotateY(374deg);
            transform: translate3d(21vw, -30vh, -120px) rotateX(413deg) rotateY(374deg);
    -webkit-clip-path: polygon(100% 0, 100% 100%, 33% 100%);
            clip-path: polygon(100% 0, 100% 100%, 33% 100%);
  }
  .popup.s--closed .popup__piece:nth-child(12) {
    -webkit-transform: translate3d(0, 139vh, 0);
            transform: translate3d(0, 139vh, 0);
  }
  .popup.s--closed .popup__piece:nth-child(12) .popup__piece-inner:nth-child(1) {
    -webkit-transform: translate3d(-15vw, 0, 0) rotateX(122deg) rotateY(228deg);
            transform: translate3d(-15vw, 0, 0) rotateX(122deg) rotateY(228deg);
  }
  .popup.s--closed .popup__piece:nth-child(12) .popup__piece-inner:nth-child(2) {
    -webkit-transform: translate3d(-73vw, 0, 0) rotateX(193deg) rotateY(426deg);
            transform: translate3d(-73vw, 0, 0) rotateX(193deg) rotateY(426deg);
  }
  .popup.s--closed .popup__piece:nth-child(12) .popup__piece-inner:nth-child(3) {
    -webkit-transform: translate3d(59vw, 0, 0) rotateX(140deg) rotateY(341deg);
            transform: translate3d(59vw, 0, 0) rotateX(140deg) rotateY(341deg);
  }
  .popup .popup__piece:nth-child(13) {
    height: 20.66667%;
    width: 17.66667%;
  }
  .popup .popup__piece:nth-child(13) .popup__piece-inner:nth-child(1) {
    -webkit-transform: translate3d(-58vw, 5vh, -540px) rotateX(153deg) rotateY(348deg);
            transform: translate3d(-58vw, 5vh, -540px) rotateX(153deg) rotateY(348deg);
    -webkit-clip-path: polygon(0 0, 0 100%, 52% 100%);
            clip-path: polygon(0 0, 0 100%, 52% 100%);
  }
  .popup .popup__piece:nth-child(13) .popup__piece-inner:nth-child(2) {
    -webkit-transform: translate3d(-54vw, -5vh, -526px) rotateX(183deg) rotateY(257deg);
            transform: translate3d(-54vw, -5vh, -526px) rotateX(183deg) rotateY(257deg);
    -webkit-clip-path: polygon(0 0, 52% 100%, 100% 0);
            clip-path: polygon(0 0, 52% 100%, 100% 0);
  }
  .popup .popup__piece:nth-child(13) .popup__piece-inner:nth-child(3) {
    -webkit-transform: translate3d(44vw, 11vh, -4px) rotateX(383deg) rotateY(346deg);
            transform: translate3d(44vw, 11vh, -4px) rotateX(383deg) rotateY(346deg);
    -webkit-clip-path: polygon(100% 0, 100% 100%, 52% 100%);
            clip-path: polygon(100% 0, 100% 100%, 52% 100%);
  }
  .popup.s--closed .popup__piece:nth-child(13) {
    -webkit-transform: translate3d(0, 150vh, 0);
            transform: translate3d(0, 150vh, 0);
  }
  .popup.s--closed .popup__piece:nth-child(13) .popup__piece-inner:nth-child(1) {
    -webkit-transform: translate3d(-39vw, 0, 0) rotateX(302deg) rotateY(363deg);
            transform: translate3d(-39vw, 0, 0) rotateX(302deg) rotateY(363deg);
  }
  .popup.s--closed .popup__piece:nth-child(13) .popup__piece-inner:nth-child(2) {
    -webkit-transform: translate3d(54vw, 0, 0) rotateX(171deg) rotateY(352deg);
            transform: translate3d(54vw, 0, 0) rotateX(171deg) rotateY(352deg);
  }
  .popup.s--closed .popup__piece:nth-child(13) .popup__piece-inner:nth-child(3) {
    -webkit-transform: translate3d(17vw, 0, 0) rotateX(287deg) rotateY(385deg);
            transform: translate3d(17vw, 0, 0) rotateX(287deg) rotateY(385deg);
  }
  .popup .popup__piece:nth-child(14) {
    height: 20.66667%;
    width: 12.66667%;
  }
  .popup .popup__piece:nth-child(14) .popup__piece-inner:nth-child(1) {
    -webkit-transform: translate3d(23vw, 12vh, -88px) rotateX(270deg) rotateY(293deg);
            transform: translate3d(23vw, 12vh, -88px) rotateX(270deg) rotateY(293deg);
    -webkit-clip-path: polygon(0 0, 0 100%, 40% 100%);
            clip-path: polygon(0 0, 0 100%, 40% 100%);
  }
  .popup .popup__piece:nth-child(14) .popup__piece-inner:nth-child(2) {
    -webkit-transform: translate3d(-43vw, 45vh, 437px) rotateX(261deg) rotateY(460deg);
            transform: translate3d(-43vw, 45vh, 437px) rotateX(261deg) rotateY(460deg);
    -webkit-clip-path: polygon(0 0, 40% 100%, 100% 0);
            clip-path: polygon(0 0, 40% 100%, 100% 0);
  }
  .popup .popup__piece:nth-child(14) .popup__piece-inner:nth-child(3) {
    -webkit-transform: translate3d(-31vw, 40vh, 177px) rotateX(393deg) rotateY(363deg);
            transform: translate3d(-31vw, 40vh, 177px) rotateX(393deg) rotateY(363deg);
    -webkit-clip-path: polygon(100% 0, 100% 100%, 40% 100%);
            clip-path: polygon(100% 0, 100% 100%, 40% 100%);
  }
  .popup.s--closed .popup__piece:nth-child(14) {
    -webkit-transform: translate3d(0, 124vh, 0);
            transform: translate3d(0, 124vh, 0);
  }
  .popup.s--closed .popup__piece:nth-child(14) .popup__piece-inner:nth-child(1) {
    -webkit-transform: translate3d(71vw, 0, 0) rotateX(338deg) rotateY(333deg);
            transform: translate3d(71vw, 0, 0) rotateX(338deg) rotateY(333deg);
  }
  .popup.s--closed .popup__piece:nth-child(14) .popup__piece-inner:nth-child(2) {
    -webkit-transform: translate3d(-71vw, 0, 0) rotateX(195deg) rotateY(301deg);
            transform: translate3d(-71vw, 0, 0) rotateX(195deg) rotateY(301deg);
  }
  .popup.s--closed .popup__piece:nth-child(14) .popup__piece-inner:nth-child(3) {
    -webkit-transform: translate3d(24vw, 0, 0) rotateX(390deg) rotateY(331deg);
            transform: translate3d(24vw, 0, 0) rotateX(390deg) rotateY(331deg);
  }
  .popup .popup__piece:nth-child(15) {
    height: 20.66667%;
    width: 20.66667%;
  }
  .popup .popup__piece:nth-child(15) .popup__piece-inner:nth-child(1) {
    -webkit-transform: translate3d(27vw, -1vh, -62px) rotateX(139deg) rotateY(469deg);
            transform: translate3d(27vw, -1vh, -62px) rotateX(139deg) rotateY(469deg);
    -webkit-clip-path: polygon(0 0, 0 100%, 40% 100%);
            clip-path: polygon(0 0, 0 100%, 40% 100%);
  }
  .popup .popup__piece:nth-child(15) .popup__piece-inner:nth-child(2) {
    -webkit-transform: translate3d(22vw, -36vh, 432px) rotateX(472deg) rotateY(297deg);
            transform: translate3d(22vw, -36vh, 432px) rotateX(472deg) rotateY(297deg);
    -webkit-clip-path: polygon(0 0, 40% 100%, 100% 0);
            clip-path: polygon(0 0, 40% 100%, 100% 0);
  }
  .popup .popup__piece:nth-child(15) .popup__piece-inner:nth-child(3) {
    -webkit-transform: translate3d(-46vw, 1vh, 777px) rotateX(471deg) rotateY(421deg);
            transform: translate3d(-46vw, 1vh, 777px) rotateX(471deg) rotateY(421deg);
    -webkit-clip-path: polygon(100% 0, 100% 100%, 40% 100%);
            clip-path: polygon(100% 0, 100% 100%, 40% 100%);
  }
  .popup.s--closed .popup__piece:nth-child(15) {
    -webkit-transform: translate3d(0, 113vh, 0);
            transform: translate3d(0, 113vh, 0);
  }
  .popup.s--closed .popup__piece:nth-child(15) .popup__piece-inner:nth-child(1) {
    -webkit-transform: translate3d(-35vw, 0, 0) rotateX(424deg) rotateY(421deg);
            transform: translate3d(-35vw, 0, 0) rotateX(424deg) rotateY(421deg);
  }
  .popup.s--closed .popup__piece:nth-child(15) .popup__piece-inner:nth-child(2) {
    -webkit-transform: translate3d(-35vw, 0, 0) rotateX(208deg) rotateY(153deg);
            transform: translate3d(-35vw, 0, 0) rotateX(208deg) rotateY(153deg);
  }
  .popup.s--closed .popup__piece:nth-child(15) .popup__piece-inner:nth-child(3) {
    -webkit-transform: translate3d(-76vw, 0, 0) rotateX(299deg) rotateY(167deg);
            transform: translate3d(-76vw, 0, 0) rotateX(299deg) rotateY(167deg);
  }
  .popup .popup__piece:nth-child(16) {
    height: 20.66667%;
    width: 12.66667%;
  }
  .popup .popup__piece:nth-child(16) .popup__piece-inner:nth-child(1) {
    -webkit-transform: translate3d(-11vw, 42vh, 375px) rotateX(368deg) rotateY(385deg);
            transform: translate3d(-11vw, 42vh, 375px) rotateX(368deg) rotateY(385deg);
    -webkit-clip-path: polygon(0 0, 0 100%, 42% 100%);
            clip-path: polygon(0 0, 0 100%, 42% 100%);
  }
  .popup .popup__piece:nth-child(16) .popup__piece-inner:nth-child(2) {
    -webkit-transform: translate3d(-46vw, 42vh, 229px) rotateX(437deg) rotateY(182deg);
            transform: translate3d(-46vw, 42vh, 229px) rotateX(437deg) rotateY(182deg);
    -webkit-clip-path: polygon(0 0, 42% 100%, 100% 0);
            clip-path: polygon(0 0, 42% 100%, 100% 0);
  }
  .popup .popup__piece:nth-child(16) .popup__piece-inner:nth-child(3) {
    -webkit-transform: translate3d(2vw, -49vh, 784px) rotateX(278deg) rotateY(340deg);
            transform: translate3d(2vw, -49vh, 784px) rotateX(278deg) rotateY(340deg);
    -webkit-clip-path: polygon(100% 0, 100% 100%, 42% 100%);
            clip-path: polygon(100% 0, 100% 100%, 42% 100%);
  }
  .popup.s--closed .popup__piece:nth-child(16) {
    -webkit-transform: translate3d(0, 137vh, 0);
            transform: translate3d(0, 137vh, 0);
  }
  .popup.s--closed .popup__piece:nth-child(16) .popup__piece-inner:nth-child(1) {
    -webkit-transform: translate3d(-78vw, 0, 0) rotateX(197deg) rotateY(163deg);
            transform: translate3d(-78vw, 0, 0) rotateX(197deg) rotateY(163deg);
  }
  .popup.s--closed .popup__piece:nth-child(16) .popup__piece-inner:nth-child(2) {
    -webkit-transform: translate3d(12vw, 0, 0) rotateX(351deg) rotateY(149deg);
            transform: translate3d(12vw, 0, 0) rotateX(351deg) rotateY(149deg);
  }
  .popup.s--closed .popup__piece:nth-child(16) .popup__piece-inner:nth-child(3) {
    -webkit-transform: translate3d(41vw, 0, 0) rotateX(267deg) rotateY(174deg);
            transform: translate3d(41vw, 0, 0) rotateX(267deg) rotateY(174deg);
  }
  .popup .popup__piece:nth-child(17) {
    height: 20.66667%;
    width: 18.66667%;
  }
  .popup .popup__piece:nth-child(17) .popup__piece-inner:nth-child(1) {
    -webkit-transform: translate3d(37vw, -50vh, -615px) rotateX(251deg) rotateY(289deg);
            transform: translate3d(37vw, -50vh, -615px) rotateX(251deg) rotateY(289deg);
    -webkit-clip-path: polygon(0 0, 0 100%, 65% 100%);
            clip-path: polygon(0 0, 0 100%, 65% 100%);
  }
  .popup .popup__piece:nth-child(17) .popup__piece-inner:nth-child(2) {
    -webkit-transform: translate3d(35vw, -19vh, 493px) rotateX(399deg) rotateY(269deg);
            transform: translate3d(35vw, -19vh, 493px) rotateX(399deg) rotateY(269deg);
    -webkit-clip-path: polygon(0 0, 65% 100%, 100% 0);
            clip-path: polygon(0 0, 65% 100%, 100% 0);
  }
  .popup .popup__piece:nth-child(17) .popup__piece-inner:nth-child(3) {
    -webkit-transform: translate3d(-3vw, 58vh, -789px) rotateX(358deg) rotateY(392deg);
            transform: translate3d(-3vw, 58vh, -789px) rotateX(358deg) rotateY(392deg);
    -webkit-clip-path: polygon(100% 0, 100% 100%, 65% 100%);
            clip-path: polygon(100% 0, 100% 100%, 65% 100%);
  }
  .popup.s--closed .popup__piece:nth-child(17) {
    -webkit-transform: translate3d(0, 116vh, 0);
            transform: translate3d(0, 116vh, 0);
  }
  .popup.s--closed .popup__piece:nth-child(17) .popup__piece-inner:nth-child(1) {
    -webkit-transform: translate3d(57vw, 0, 0) rotateX(320deg) rotateY(297deg);
            transform: translate3d(57vw, 0, 0) rotateX(320deg) rotateY(297deg);
  }
  .popup.s--closed .popup__piece:nth-child(17) .popup__piece-inner:nth-child(2) {
    -webkit-transform: translate3d(64vw, 0, 0) rotateX(343deg) rotateY(432deg);
            transform: translate3d(64vw, 0, 0) rotateX(343deg) rotateY(432deg);
  }
  .popup.s--closed .popup__piece:nth-child(17) .popup__piece-inner:nth-child(3) {
    -webkit-transform: translate3d(-31vw, 0, 0) rotateX(460deg) rotateY(259deg);
            transform: translate3d(-31vw, 0, 0) rotateX(460deg) rotateY(259deg);
  }
  .popup .popup__piece:nth-child(18) {
    height: 20.66667%;
    width: 17.66667%;
  }
  .popup .popup__piece:nth-child(18) .popup__piece-inner:nth-child(1) {
    -webkit-transform: translate3d(-15vw, -54vh, -262px) rotateX(426deg) rotateY(156deg);
            transform: translate3d(-15vw, -54vh, -262px) rotateX(426deg) rotateY(156deg);
    -webkit-clip-path: polygon(0 0, 0 100%, 36% 100%);
            clip-path: polygon(0 0, 0 100%, 36% 100%);
  }
  .popup .popup__piece:nth-child(18) .popup__piece-inner:nth-child(2) {
    -webkit-transform: translate3d(54vw, 7vh, -832px) rotateX(318deg) rotateY(370deg);
            transform: translate3d(54vw, 7vh, -832px) rotateX(318deg) rotateY(370deg);
    -webkit-clip-path: polygon(0 0, 36% 100%, 100% 0);
            clip-path: polygon(0 0, 36% 100%, 100% 0);
  }
  .popup .popup__piece:nth-child(18) .popup__piece-inner:nth-child(3) {
    -webkit-transform: translate3d(-58vw, -41vh, -367px) rotateX(366deg) rotateY(406deg);
            transform: translate3d(-58vw, -41vh, -367px) rotateX(366deg) rotateY(406deg);
    -webkit-clip-path: polygon(100% 0, 100% 100%, 36% 100%);
            clip-path: polygon(100% 0, 100% 100%, 36% 100%);
  }
  .popup.s--closed .popup__piece:nth-child(18) {
    -webkit-transform: translate3d(0, 147vh, 0);
            transform: translate3d(0, 147vh, 0);
  }
  .popup.s--closed .popup__piece:nth-child(18) .popup__piece-inner:nth-child(1) {
    -webkit-transform: translate3d(15vw, 0, 0) rotateX(402deg) rotateY(434deg);
            transform: translate3d(15vw, 0, 0) rotateX(402deg) rotateY(434deg);
  }
  .popup.s--closed .popup__piece:nth-child(18) .popup__piece-inner:nth-child(2) {
    -webkit-transform: translate3d(57vw, 0, 0) rotateX(243deg) rotateY(406deg);
            transform: translate3d(57vw, 0, 0) rotateX(243deg) rotateY(406deg);
  }
  .popup.s--closed .popup__piece:nth-child(18) .popup__piece-inner:nth-child(3) {
    -webkit-transform: translate3d(-68vw, 0, 0) rotateX(177deg) rotateY(397deg);
            transform: translate3d(-68vw, 0, 0) rotateX(177deg) rotateY(397deg);
  }
  .popup .popup__piece:nth-child(19) {
    height: 12.66667%;
    width: 18.66667%;
  }
  .popup .popup__piece:nth-child(19) .popup__piece-inner:nth-child(1) {
    -webkit-transform: translate3d(28vw, 13vh, -663px) rotateX(377deg) rotateY(310deg);
            transform: translate3d(28vw, 13vh, -663px) rotateX(377deg) rotateY(310deg);
    -webkit-clip-path: polygon(0 0, 0 100%, 58% 100%);
            clip-path: polygon(0 0, 0 100%, 58% 100%);
  }
  .popup .popup__piece:nth-child(19) .popup__piece-inner:nth-child(2) {
    -webkit-transform: translate3d(-9vw, -43vh, -790px) rotateX(278deg) rotateY(216deg);
            transform: translate3d(-9vw, -43vh, -790px) rotateX(278deg) rotateY(216deg);
    -webkit-clip-path: polygon(0 0, 58% 100%, 100% 0);
            clip-path: polygon(0 0, 58% 100%, 100% 0);
  }
  .popup .popup__piece:nth-child(19) .popup__piece-inner:nth-child(3) {
    -webkit-transform: translate3d(1vw, 29vh, -613px) rotateX(201deg) rotateY(456deg);
            transform: translate3d(1vw, 29vh, -613px) rotateX(201deg) rotateY(456deg);
    -webkit-clip-path: polygon(100% 0, 100% 100%, 58% 100%);
            clip-path: polygon(100% 0, 100% 100%, 58% 100%);
  }
  .popup.s--closed .popup__piece:nth-child(19) {
    -webkit-transform: translate3d(0, 129vh, 0);
            transform: translate3d(0, 129vh, 0);
  }
  .popup.s--closed .popup__piece:nth-child(19) .popup__piece-inner:nth-child(1) {
    -webkit-transform: translate3d(10vw, 0, 0) rotateX(181deg) rotateY(361deg);
            transform: translate3d(10vw, 0, 0) rotateX(181deg) rotateY(361deg);
  }
  .popup.s--closed .popup__piece:nth-child(19) .popup__piece-inner:nth-child(2) {
    -webkit-transform: translate3d(2vw, 0, 0) rotateX(416deg) rotateY(366deg);
            transform: translate3d(2vw, 0, 0) rotateX(416deg) rotateY(366deg);
  }
  .popup.s--closed .popup__piece:nth-child(19) .popup__piece-inner:nth-child(3) {
    -webkit-transform: translate3d(-73vw, 0, 0) rotateX(323deg) rotateY(181deg);
            transform: translate3d(-73vw, 0, 0) rotateX(323deg) rotateY(181deg);
  }
  .popup .popup__piece:nth-child(20) {
    height: 12.66667%;
    width: 20.66667%;
  }
  .popup .popup__piece:nth-child(20) .popup__piece-inner:nth-child(1) {
    -webkit-transform: translate3d(-45vw, 54vh, -99px) rotateX(456deg) rotateY(432deg);
            transform: translate3d(-45vw, 54vh, -99px) rotateX(456deg) rotateY(432deg);
    -webkit-clip-path: polygon(0 0, 0 100%, 62% 100%);
            clip-path: polygon(0 0, 0 100%, 62% 100%);
  }
  .popup .popup__piece:nth-child(20) .popup__piece-inner:nth-child(2) {
    -webkit-transform: translate3d(-6vw, -3vh, -376px) rotateX(181deg) rotateY(467deg);
            transform: translate3d(-6vw, -3vh, -376px) rotateX(181deg) rotateY(467deg);
    -webkit-clip-path: polygon(0 0, 62% 100%, 100% 0);
            clip-path: polygon(0 0, 62% 100%, 100% 0);
  }
  .popup .popup__piece:nth-child(20) .popup__piece-inner:nth-child(3) {
    -webkit-transform: translate3d(51vw, 49vh, 110px) rotateX(329deg) rotateY(253deg);
            transform: translate3d(51vw, 49vh, 110px) rotateX(329deg) rotateY(253deg);
    -webkit-clip-path: polygon(100% 0, 100% 100%, 62% 100%);
            clip-path: polygon(100% 0, 100% 100%, 62% 100%);
  }
  .popup.s--closed .popup__piece:nth-child(20) {
    -webkit-transform: translate3d(0, 127vh, 0);
            transform: translate3d(0, 127vh, 0);
  }
  .popup.s--closed .popup__piece:nth-child(20) .popup__piece-inner:nth-child(1) {
    -webkit-transform: translate3d(-15vw, 0, 0) rotateX(358deg) rotateY(385deg);
            transform: translate3d(-15vw, 0, 0) rotateX(358deg) rotateY(385deg);
  }
  .popup.s--closed .popup__piece:nth-child(20) .popup__piece-inner:nth-child(2) {
    -webkit-transform: translate3d(18vw, 0, 0) rotateX(256deg) rotateY(311deg);
            transform: translate3d(18vw, 0, 0) rotateX(256deg) rotateY(311deg);
  }
  .popup.s--closed .popup__piece:nth-child(20) .popup__piece-inner:nth-child(3) {
    -webkit-transform: translate3d(73vw, 0, 0) rotateX(470deg) rotateY(372deg);
            transform: translate3d(73vw, 0, 0) rotateX(470deg) rotateY(372deg);
  }
  .popup .popup__piece:nth-child(21) {
    height: 12.66667%;
    width: 16.66667%;
  }
  .popup .popup__piece:nth-child(21) .popup__piece-inner:nth-child(1) {
    -webkit-transform: translate3d(49vw, -42vh, -410px) rotateX(258deg) rotateY(466deg);
            transform: translate3d(49vw, -42vh, -410px) rotateX(258deg) rotateY(466deg);
    -webkit-clip-path: polygon(0 0, 0 100%, 44% 100%);
            clip-path: polygon(0 0, 0 100%, 44% 100%);
  }
  .popup .popup__piece:nth-child(21) .popup__piece-inner:nth-child(2) {
    -webkit-transform: translate3d(2vw, 4vh, 116px) rotateX(291deg) rotateY(245deg);
            transform: translate3d(2vw, 4vh, 116px) rotateX(291deg) rotateY(245deg);
    -webkit-clip-path: polygon(0 0, 44% 100%, 100% 0);
            clip-path: polygon(0 0, 44% 100%, 100% 0);
  }
  .popup .popup__piece:nth-child(21) .popup__piece-inner:nth-child(3) {
    -webkit-transform: translate3d(-41vw, 53vh, -453px) rotateX(172deg) rotateY(427deg);
            transform: translate3d(-41vw, 53vh, -453px) rotateX(172deg) rotateY(427deg);
    -webkit-clip-path: polygon(100% 0, 100% 100%, 44% 100%);
            clip-path: polygon(100% 0, 100% 100%, 44% 100%);
  }
  .popup.s--closed .popup__piece:nth-child(21) {
    -webkit-transform: translate3d(0, 139vh, 0);
            transform: translate3d(0, 139vh, 0);
  }
  .popup.s--closed .popup__piece:nth-child(21) .popup__piece-inner:nth-child(1) {
    -webkit-transform: translate3d(-59vw, 0, 0) rotateX(401deg) rotateY(324deg);
            transform: translate3d(-59vw, 0, 0) rotateX(401deg) rotateY(324deg);
  }
  .popup.s--closed .popup__piece:nth-child(21) .popup__piece-inner:nth-child(2) {
    -webkit-transform: translate3d(53vw, 0, 0) rotateX(277deg) rotateY(149deg);
            transform: translate3d(53vw, 0, 0) rotateX(277deg) rotateY(149deg);
  }
  .popup.s--closed .popup__piece:nth-child(21) .popup__piece-inner:nth-child(3) {
    -webkit-transform: translate3d(-44vw, 0, 0) rotateX(180deg) rotateY(164deg);
            transform: translate3d(-44vw, 0, 0) rotateX(180deg) rotateY(164deg);
  }
  .popup .popup__piece:nth-child(22) {
    height: 12.66667%;
    width: 12.66667%;
  }
  .popup .popup__piece:nth-child(22) .popup__piece-inner:nth-child(1) {
    -webkit-transform: translate3d(-56vw, -7vh, -858px) rotateX(282deg) rotateY(226deg);
            transform: translate3d(-56vw, -7vh, -858px) rotateX(282deg) rotateY(226deg);
    -webkit-clip-path: polygon(0 0, 0 100%, 53% 100%);
            clip-path: polygon(0 0, 0 100%, 53% 100%);
  }
  .popup .popup__piece:nth-child(22) .popup__piece-inner:nth-child(2) {
    -webkit-transform: translate3d(-39vw, -39vh, -847px) rotateX(307deg) rotateY(170deg);
            transform: translate3d(-39vw, -39vh, -847px) rotateX(307deg) rotateY(170deg);
    -webkit-clip-path: polygon(0 0, 53% 100%, 100% 0);
            clip-path: polygon(0 0, 53% 100%, 100% 0);
  }
  .popup .popup__piece:nth-child(22) .popup__piece-inner:nth-child(3) {
    -webkit-transform: translate3d(-15vw, 20vh, -641px) rotateX(376deg) rotateY(182deg);
            transform: translate3d(-15vw, 20vh, -641px) rotateX(376deg) rotateY(182deg);
    -webkit-clip-path: polygon(100% 0, 100% 100%, 53% 100%);
            clip-path: polygon(100% 0, 100% 100%, 53% 100%);
  }
  .popup.s--closed .popup__piece:nth-child(22) {
    -webkit-transform: translate3d(0, 108vh, 0);
            transform: translate3d(0, 108vh, 0);
  }
  .popup.s--closed .popup__piece:nth-child(22) .popup__piece-inner:nth-child(1) {
    -webkit-transform: translate3d(30vw, 0, 0) rotateX(386deg) rotateY(299deg);
            transform: translate3d(30vw, 0, 0) rotateX(386deg) rotateY(299deg);
  }
  .popup.s--closed .popup__piece:nth-child(22) .popup__piece-inner:nth-child(2) {
    -webkit-transform: translate3d(23vw, 0, 0) rotateX(322deg) rotateY(231deg);
            transform: translate3d(23vw, 0, 0) rotateX(322deg) rotateY(231deg);
  }
  .popup.s--closed .popup__piece:nth-child(22) .popup__piece-inner:nth-child(3) {
    -webkit-transform: translate3d(-35vw, 0, 0) rotateX(306deg) rotateY(156deg);
            transform: translate3d(-35vw, 0, 0) rotateX(306deg) rotateY(156deg);
  }
  .popup .popup__piece:nth-child(23) {
    height: 12.66667%;
    width: 15.66667%;
  }
  .popup .popup__piece:nth-child(23) .popup__piece-inner:nth-child(1) {
    -webkit-transform: translate3d(48vw, -14vh, -646px) rotateX(472deg) rotateY(344deg);
            transform: translate3d(48vw, -14vh, -646px) rotateX(472deg) rotateY(344deg);
    -webkit-clip-path: polygon(0 0, 0 100%, 44% 100%);
            clip-path: polygon(0 0, 0 100%, 44% 100%);
  }
  .popup .popup__piece:nth-child(23) .popup__piece-inner:nth-child(2) {
    -webkit-transform: translate3d(-23vw, 7vh, 458px) rotateX(253deg) rotateY(252deg);
            transform: translate3d(-23vw, 7vh, 458px) rotateX(253deg) rotateY(252deg);
    -webkit-clip-path: polygon(0 0, 44% 100%, 100% 0);
            clip-path: polygon(0 0, 44% 100%, 100% 0);
  }
  .popup .popup__piece:nth-child(23) .popup__piece-inner:nth-child(3) {
    -webkit-transform: translate3d(-32vw, 21vh, -60px) rotateX(383deg) rotateY(341deg);
            transform: translate3d(-32vw, 21vh, -60px) rotateX(383deg) rotateY(341deg);
    -webkit-clip-path: polygon(100% 0, 100% 100%, 44% 100%);
            clip-path: polygon(100% 0, 100% 100%, 44% 100%);
  }
  .popup.s--closed .popup__piece:nth-child(23) {
    -webkit-transform: translate3d(0, 139vh, 0);
            transform: translate3d(0, 139vh, 0);
  }
  .popup.s--closed .popup__piece:nth-child(23) .popup__piece-inner:nth-child(1) {
    -webkit-transform: translate3d(-35vw, 0, 0) rotateX(370deg) rotateY(471deg);
            transform: translate3d(-35vw, 0, 0) rotateX(370deg) rotateY(471deg);
  }
  .popup.s--closed .popup__piece:nth-child(23) .popup__piece-inner:nth-child(2) {
    -webkit-transform: translate3d(-76vw, 0, 0) rotateX(443deg) rotateY(478deg);
            transform: translate3d(-76vw, 0, 0) rotateX(443deg) rotateY(478deg);
  }
  .popup.s--closed .popup__piece:nth-child(23) .popup__piece-inner:nth-child(3) {
    -webkit-transform: translate3d(36vw, 0, 0) rotateX(435deg) rotateY(415deg);
            transform: translate3d(36vw, 0, 0) rotateX(435deg) rotateY(415deg);
  }
  .popup .popup__piece:nth-child(24) {
    height: 12.66667%;
    width: 15.66667%;
  }
  .popup .popup__piece:nth-child(24) .popup__piece-inner:nth-child(1) {
    -webkit-transform: translate3d(13vw, -49vh, -97px) rotateX(429deg) rotateY(394deg);
            transform: translate3d(13vw, -49vh, -97px) rotateX(429deg) rotateY(394deg);
    -webkit-clip-path: polygon(0 0, 0 100%, 36% 100%);
            clip-path: polygon(0 0, 0 100%, 36% 100%);
  }
  .popup .popup__piece:nth-child(24) .popup__piece-inner:nth-child(2) {
    -webkit-transform: translate3d(42vw, -5vh, 320px) rotateX(252deg) rotateY(256deg);
            transform: translate3d(42vw, -5vh, 320px) rotateX(252deg) rotateY(256deg);
    -webkit-clip-path: polygon(0 0, 36% 100%, 100% 0);
            clip-path: polygon(0 0, 36% 100%, 100% 0);
  }
  .popup .popup__piece:nth-child(24) .popup__piece-inner:nth-child(3) {
    -webkit-transform: translate3d(-52vw, 15vh, -755px) rotateX(191deg) rotateY(279deg);
            transform: translate3d(-52vw, 15vh, -755px) rotateX(191deg) rotateY(279deg);
    -webkit-clip-path: polygon(100% 0, 100% 100%, 36% 100%);
            clip-path: polygon(100% 0, 100% 100%, 36% 100%);
  }
  .popup.s--closed .popup__piece:nth-child(24) {
    -webkit-transform: translate3d(0, 145vh, 0);
            transform: translate3d(0, 145vh, 0);
  }
  .popup.s--closed .popup__piece:nth-child(24) .popup__piece-inner:nth-child(1) {
    -webkit-transform: translate3d(-63vw, 0, 0) rotateX(127deg) rotateY(148deg);
            transform: translate3d(-63vw, 0, 0) rotateX(127deg) rotateY(148deg);
  }
  .popup.s--closed .popup__piece:nth-child(24) .popup__piece-inner:nth-child(2) {
    -webkit-transform: translate3d(-1vw, 0, 0) rotateX(411deg) rotateY(408deg);
            transform: translate3d(-1vw, 0, 0) rotateX(411deg) rotateY(408deg);
  }
  .popup.s--closed .popup__piece:nth-child(24) .popup__piece-inner:nth-child(3) {
    -webkit-transform: translate3d(-15vw, 0, 0) rotateX(367deg) rotateY(275deg);
            transform: translate3d(-15vw, 0, 0) rotateX(367deg) rotateY(275deg);
  }
  .popup .popup__piece:nth-child(25) {
    height: 13.66667%;
    width: 14.66667%;
  }
  .popup .popup__piece:nth-child(25) .popup__piece-inner:nth-child(1) {
    -webkit-transform: translate3d(37vw, -39vh, 717px) rotateX(418deg) rotateY(289deg);
            transform: translate3d(37vw, -39vh, 717px) rotateX(418deg) rotateY(289deg);
    -webkit-clip-path: polygon(0 0, 0 100%, 31% 100%);
            clip-path: polygon(0 0, 0 100%, 31% 100%);
  }
  .popup .popup__piece:nth-child(25) .popup__piece-inner:nth-child(2) {
    -webkit-transform: translate3d(26vw, 53vh, 558px) rotateX(140deg) rotateY(413deg);
            transform: translate3d(26vw, 53vh, 558px) rotateX(140deg) rotateY(413deg);
    -webkit-clip-path: polygon(0 0, 31% 100%, 100% 0);
            clip-path: polygon(0 0, 31% 100%, 100% 0);
  }
  .popup .popup__piece:nth-child(25) .popup__piece-inner:nth-child(3) {
    -webkit-transform: translate3d(17vw, 41vh, 112px) rotateX(204deg) rotateY(254deg);
            transform: translate3d(17vw, 41vh, 112px) rotateX(204deg) rotateY(254deg);
    -webkit-clip-path: polygon(100% 0, 100% 100%, 31% 100%);
            clip-path: polygon(100% 0, 100% 100%, 31% 100%);
  }
  .popup.s--closed .popup__piece:nth-child(25) {
    -webkit-transform: translate3d(0, 117vh, 0);
            transform: translate3d(0, 117vh, 0);
  }
  .popup.s--closed .popup__piece:nth-child(25) .popup__piece-inner:nth-child(1) {
    -webkit-transform: translate3d(56vw, 0, 0) rotateX(189deg) rotateY(126deg);
            transform: translate3d(56vw, 0, 0) rotateX(189deg) rotateY(126deg);
  }
  .popup.s--closed .popup__piece:nth-child(25) .popup__piece-inner:nth-child(2) {
    -webkit-transform: translate3d(31vw, 0, 0) rotateX(188deg) rotateY(415deg);
            transform: translate3d(31vw, 0, 0) rotateX(188deg) rotateY(415deg);
  }
  .popup.s--closed .popup__piece:nth-child(25) .popup__piece-inner:nth-child(3) {
    -webkit-transform: translate3d(22vw, 0, 0) rotateX(468deg) rotateY(274deg);
            transform: translate3d(22vw, 0, 0) rotateX(468deg) rotateY(274deg);
  }
  .popup .popup__piece:nth-child(26) {
    height: 13.66667%;
    width: 14.66667%;
  }
  .popup .popup__piece:nth-child(26) .popup__piece-inner:nth-child(1) {
    -webkit-transform: translate3d(-50vw, 56vh, -335px) rotateX(445deg) rotateY(271deg);
            transform: translate3d(-50vw, 56vh, -335px) rotateX(445deg) rotateY(271deg);
    -webkit-clip-path: polygon(0 0, 0 100%, 49% 100%);
            clip-path: polygon(0 0, 0 100%, 49% 100%);
  }
  .popup .popup__piece:nth-child(26) .popup__piece-inner:nth-child(2) {
    -webkit-transform: translate3d(20vw, 17vh, -541px) rotateX(309deg) rotateY(390deg);
            transform: translate3d(20vw, 17vh, -541px) rotateX(309deg) rotateY(390deg);
    -webkit-clip-path: polygon(0 0, 49% 100%, 100% 0);
            clip-path: polygon(0 0, 49% 100%, 100% 0);
  }
  .popup .popup__piece:nth-child(26) .popup__piece-inner:nth-child(3) {
    -webkit-transform: translate3d(-52vw, -39vh, -864px) rotateX(211deg) rotateY(158deg);
            transform: translate3d(-52vw, -39vh, -864px) rotateX(211deg) rotateY(158deg);
    -webkit-clip-path: polygon(100% 0, 100% 100%, 49% 100%);
            clip-path: polygon(100% 0, 100% 100%, 49% 100%);
  }
  .popup.s--closed .popup__piece:nth-child(26) {
    -webkit-transform: translate3d(0, 150vh, 0);
            transform: translate3d(0, 150vh, 0);
  }
  .popup.s--closed .popup__piece:nth-child(26) .popup__piece-inner:nth-child(1) {
    -webkit-transform: translate3d(26vw, 0, 0) rotateX(125deg) rotateY(386deg);
            transform: translate3d(26vw, 0, 0) rotateX(125deg) rotateY(386deg);
  }
  .popup.s--closed .popup__piece:nth-child(26) .popup__piece-inner:nth-child(2) {
    -webkit-transform: translate3d(15vw, 0, 0) rotateX(366deg) rotateY(246deg);
            transform: translate3d(15vw, 0, 0) rotateX(366deg) rotateY(246deg);
  }
  .popup.s--closed .popup__piece:nth-child(26) .popup__piece-inner:nth-child(3) {
    -webkit-transform: translate3d(80vw, 0, 0) rotateX(319deg) rotateY(352deg);
            transform: translate3d(80vw, 0, 0) rotateX(319deg) rotateY(352deg);
  }
  .popup .popup__piece:nth-child(27) {
    height: 13.66667%;
    width: 12.66667%;
  }
  .popup .popup__piece:nth-child(27) .popup__piece-inner:nth-child(1) {
    -webkit-transform: translate3d(54vw, 53vh, 292px) rotateX(122deg) rotateY(358deg);
            transform: translate3d(54vw, 53vh, 292px) rotateX(122deg) rotateY(358deg);
    -webkit-clip-path: polygon(0 0, 0 100%, 43% 100%);
            clip-path: polygon(0 0, 0 100%, 43% 100%);
  }
  .popup .popup__piece:nth-child(27) .popup__piece-inner:nth-child(2) {
    -webkit-transform: translate3d(-58vw, 5vh, 773px) rotateX(429deg) rotateY(301deg);
            transform: translate3d(-58vw, 5vh, 773px) rotateX(429deg) rotateY(301deg);
    -webkit-clip-path: polygon(0 0, 43% 100%, 100% 0);
            clip-path: polygon(0 0, 43% 100%, 100% 0);
  }
  .popup .popup__piece:nth-child(27) .popup__piece-inner:nth-child(3) {
    -webkit-transform: translate3d(-32vw, -16vh, 482px) rotateX(374deg) rotateY(153deg);
            transform: translate3d(-32vw, -16vh, 482px) rotateX(374deg) rotateY(153deg);
    -webkit-clip-path: polygon(100% 0, 100% 100%, 43% 100%);
            clip-path: polygon(100% 0, 100% 100%, 43% 100%);
  }
  .popup.s--closed .popup__piece:nth-child(27) {
    -webkit-transform: translate3d(0, 113vh, 0);
            transform: translate3d(0, 113vh, 0);
  }
  .popup.s--closed .popup__piece:nth-child(27) .popup__piece-inner:nth-child(1) {
    -webkit-transform: translate3d(31vw, 0, 0) rotateX(305deg) rotateY(300deg);
            transform: translate3d(31vw, 0, 0) rotateX(305deg) rotateY(300deg);
  }
  .popup.s--closed .popup__piece:nth-child(27) .popup__piece-inner:nth-child(2) {
    -webkit-transform: translate3d(50vw, 0, 0) rotateX(386deg) rotateY(401deg);
            transform: translate3d(50vw, 0, 0) rotateX(386deg) rotateY(401deg);
  }
  .popup.s--closed .popup__piece:nth-child(27) .popup__piece-inner:nth-child(3) {
    -webkit-transform: translate3d(30vw, 0, 0) rotateX(263deg) rotateY(282deg);
            transform: translate3d(30vw, 0, 0) rotateX(263deg) rotateY(282deg);
  }
  .popup .popup__piece:nth-child(28) {
    height: 13.66667%;
    width: 16.66667%;
  }
  .popup .popup__piece:nth-child(28) .popup__piece-inner:nth-child(1) {
    -webkit-transform: translate3d(-56vw, 56vh, -872px) rotateX(451deg) rotateY(160deg);
            transform: translate3d(-56vw, 56vh, -872px) rotateX(451deg) rotateY(160deg);
    -webkit-clip-path: polygon(0 0, 0 100%, 58% 100%);
            clip-path: polygon(0 0, 0 100%, 58% 100%);
  }
  .popup .popup__piece:nth-child(28) .popup__piece-inner:nth-child(2) {
    -webkit-transform: translate3d(-2vw, -23vh, 771px) rotateX(242deg) rotateY(441deg);
            transform: translate3d(-2vw, -23vh, 771px) rotateX(242deg) rotateY(441deg);
    -webkit-clip-path: polygon(0 0, 58% 100%, 100% 0);
            clip-path: polygon(0 0, 58% 100%, 100% 0);
  }
  .popup .popup__piece:nth-child(28) .popup__piece-inner:nth-child(3) {
    -webkit-transform: translate3d(38vw, -18vh, -492px) rotateX(242deg) rotateY(170deg);
            transform: translate3d(38vw, -18vh, -492px) rotateX(242deg) rotateY(170deg);
    -webkit-clip-path: polygon(100% 0, 100% 100%, 58% 100%);
            clip-path: polygon(100% 0, 100% 100%, 58% 100%);
  }
  .popup.s--closed .popup__piece:nth-child(28) {
    -webkit-transform: translate3d(0, 118vh, 0);
            transform: translate3d(0, 118vh, 0);
  }
  .popup.s--closed .popup__piece:nth-child(28) .popup__piece-inner:nth-child(1) {
    -webkit-transform: translate3d(57vw, 0, 0) rotateX(270deg) rotateY(215deg);
            transform: translate3d(57vw, 0, 0) rotateX(270deg) rotateY(215deg);
  }
  .popup.s--closed .popup__piece:nth-child(28) .popup__piece-inner:nth-child(2) {
    -webkit-transform: translate3d(-50vw, 0, 0) rotateX(158deg) rotateY(276deg);
            transform: translate3d(-50vw, 0, 0) rotateX(158deg) rotateY(276deg);
  }
  .popup.s--closed .popup__piece:nth-child(28) .popup__piece-inner:nth-child(3) {
    -webkit-transform: translate3d(-61vw, 0, 0) rotateX(221deg) rotateY(204deg);
            transform: translate3d(-61vw, 0, 0) rotateX(221deg) rotateY(204deg);
  }
  .popup .popup__piece:nth-child(29) {
    height: 13.66667%;
    width: 24.66667%;
  }
  .popup .popup__piece:nth-child(29) .popup__piece-inner:nth-child(1) {
    -webkit-transform: translate3d(1vw, -27vh, 221px) rotateX(228deg) rotateY(405deg);
            transform: translate3d(1vw, -27vh, 221px) rotateX(228deg) rotateY(405deg);
    -webkit-clip-path: polygon(0 0, 0 100%, 34% 100%);
            clip-path: polygon(0 0, 0 100%, 34% 100%);
  }
  .popup .popup__piece:nth-child(29) .popup__piece-inner:nth-child(2) {
    -webkit-transform: translate3d(-8vw, -8vh, -798px) rotateX(354deg) rotateY(452deg);
            transform: translate3d(-8vw, -8vh, -798px) rotateX(354deg) rotateY(452deg);
    -webkit-clip-path: polygon(0 0, 34% 100%, 100% 0);
            clip-path: polygon(0 0, 34% 100%, 100% 0);
  }
  .popup .popup__piece:nth-child(29) .popup__piece-inner:nth-child(3) {
    -webkit-transform: translate3d(-5vw, 18vh, 423px) rotateX(280deg) rotateY(130deg);
            transform: translate3d(-5vw, 18vh, 423px) rotateX(280deg) rotateY(130deg);
    -webkit-clip-path: polygon(100% 0, 100% 100%, 34% 100%);
            clip-path: polygon(100% 0, 100% 100%, 34% 100%);
  }
  .popup.s--closed .popup__piece:nth-child(29) {
    -webkit-transform: translate3d(0, 130vh, 0);
            transform: translate3d(0, 130vh, 0);
  }
  .popup.s--closed .popup__piece:nth-child(29) .popup__piece-inner:nth-child(1) {
    -webkit-transform: translate3d(50vw, 0, 0) rotateX(335deg) rotateY(251deg);
            transform: translate3d(50vw, 0, 0) rotateX(335deg) rotateY(251deg);
  }
  .popup.s--closed .popup__piece:nth-child(29) .popup__piece-inner:nth-child(2) {
    -webkit-transform: translate3d(8vw, 0, 0) rotateX(412deg) rotateY(312deg);
            transform: translate3d(8vw, 0, 0) rotateX(412deg) rotateY(312deg);
  }
  .popup.s--closed .popup__piece:nth-child(29) .popup__piece-inner:nth-child(3) {
    -webkit-transform: translate3d(23vw, 0, 0) rotateX(339deg) rotateY(233deg);
            transform: translate3d(23vw, 0, 0) rotateX(339deg) rotateY(233deg);
  }
  .popup .popup__piece:nth-child(30) {
    height: 13.66667%;
    width: 16.66667%;
  }
  .popup .popup__piece:nth-child(30) .popup__piece-inner:nth-child(1) {
    -webkit-transform: translate3d(1vw, -31vh, 763px) rotateX(410deg) rotateY(313deg);
            transform: translate3d(1vw, -31vh, 763px) rotateX(410deg) rotateY(313deg);
    -webkit-clip-path: polygon(0 0, 0 100%, 38% 100%);
            clip-path: polygon(0 0, 0 100%, 38% 100%);
  }
  .popup .popup__piece:nth-child(30) .popup__piece-inner:nth-child(2) {
    -webkit-transform: translate3d(-17vw, 21vh, -354px) rotateX(293deg) rotateY(336deg);
            transform: translate3d(-17vw, 21vh, -354px) rotateX(293deg) rotateY(336deg);
    -webkit-clip-path: polygon(0 0, 38% 100%, 100% 0);
            clip-path: polygon(0 0, 38% 100%, 100% 0);
  }
  .popup .popup__piece:nth-child(30) .popup__piece-inner:nth-child(3) {
    -webkit-transform: translate3d(-13vw, 41vh, -795px) rotateX(448deg) rotateY(345deg);
            transform: translate3d(-13vw, 41vh, -795px) rotateX(448deg) rotateY(345deg);
    -webkit-clip-path: polygon(100% 0, 100% 100%, 38% 100%);
            clip-path: polygon(100% 0, 100% 100%, 38% 100%);
  }
  .popup.s--closed .popup__piece:nth-child(30) {
    -webkit-transform: translate3d(0, 122vh, 0);
            transform: translate3d(0, 122vh, 0);
  }
  .popup.s--closed .popup__piece:nth-child(30) .popup__piece-inner:nth-child(1) {
    -webkit-transform: translate3d(73vw, 0, 0) rotateX(227deg) rotateY(334deg);
            transform: translate3d(73vw, 0, 0) rotateX(227deg) rotateY(334deg);
  }
  .popup.s--closed .popup__piece:nth-child(30) .popup__piece-inner:nth-child(2) {
    -webkit-transform: translate3d(80vw, 0, 0) rotateX(257deg) rotateY(132deg);
            transform: translate3d(80vw, 0, 0) rotateX(257deg) rotateY(132deg);
  }
  .popup.s--closed .popup__piece:nth-child(30) .popup__piece-inner:nth-child(3) {
    -webkit-transform: translate3d(62vw, 0, 0) rotateX(452deg) rotateY(141deg);
            transform: translate3d(62vw, 0, 0) rotateX(452deg) rotateY(141deg);
  }
  .popup .popup__piece:nth-child(31) {
    height: 16.66667%;
    width: 18.66667%;
  }
  .popup .popup__piece:nth-child(31) .popup__piece-inner:nth-child(1) {
    -webkit-transform: translate3d(-43vw, -5vh, -488px) rotateX(233deg) rotateY(310deg);
            transform: translate3d(-43vw, -5vh, -488px) rotateX(233deg) rotateY(310deg);
    -webkit-clip-path: polygon(0 0, 0 100%, 49% 100%);
            clip-path: polygon(0 0, 0 100%, 49% 100%);
  }
  .popup .popup__piece:nth-child(31) .popup__piece-inner:nth-child(2) {
    -webkit-transform: translate3d(-22vw, -40vh, -289px) rotateX(419deg) rotateY(222deg);
            transform: translate3d(-22vw, -40vh, -289px) rotateX(419deg) rotateY(222deg);
    -webkit-clip-path: polygon(0 0, 49% 100%, 100% 0);
            clip-path: polygon(0 0, 49% 100%, 100% 0);
  }
  .popup .popup__piece:nth-child(31) .popup__piece-inner:nth-child(3) {
    -webkit-transform: translate3d(-18vw, 36vh, -673px) rotateX(360deg) rotateY(407deg);
            transform: translate3d(-18vw, 36vh, -673px) rotateX(360deg) rotateY(407deg);
    -webkit-clip-path: polygon(100% 0, 100% 100%, 49% 100%);
            clip-path: polygon(100% 0, 100% 100%, 49% 100%);
  }
  .popup.s--closed .popup__piece:nth-child(31) {
    -webkit-transform: translate3d(0, 110vh, 0);
            transform: translate3d(0, 110vh, 0);
  }
  .popup.s--closed .popup__piece:nth-child(31) .popup__piece-inner:nth-child(1) {
    -webkit-transform: translate3d(38vw, 0, 0) rotateX(382deg) rotateY(321deg);
            transform: translate3d(38vw, 0, 0) rotateX(382deg) rotateY(321deg);
  }
  .popup.s--closed .popup__piece:nth-child(31) .popup__piece-inner:nth-child(2) {
    -webkit-transform: translate3d(-42vw, 0, 0) rotateX(294deg) rotateY(298deg);
            transform: translate3d(-42vw, 0, 0) rotateX(294deg) rotateY(298deg);
  }
  .popup.s--closed .popup__piece:nth-child(31) .popup__piece-inner:nth-child(3) {
    -webkit-transform: translate3d(79vw, 0, 0) rotateX(367deg) rotateY(137deg);
            transform: translate3d(79vw, 0, 0) rotateX(367deg) rotateY(137deg);
  }
  .popup .popup__piece:nth-child(32) {
    height: 16.66667%;
    width: 21.66667%;
  }
  .popup .popup__piece:nth-child(32) .popup__piece-inner:nth-child(1) {
    -webkit-transform: translate3d(35vw, -11vh, -117px) rotateX(418deg) rotateY(219deg);
            transform: translate3d(35vw, -11vh, -117px) rotateX(418deg) rotateY(219deg);
    -webkit-clip-path: polygon(0 0, 0 100%, 53% 100%);
            clip-path: polygon(0 0, 0 100%, 53% 100%);
  }
  .popup .popup__piece:nth-child(32) .popup__piece-inner:nth-child(2) {
    -webkit-transform: translate3d(47vw, -33vh, -11px) rotateX(365deg) rotateY(156deg);
            transform: translate3d(47vw, -33vh, -11px) rotateX(365deg) rotateY(156deg);
    -webkit-clip-path: polygon(0 0, 53% 100%, 100% 0);
            clip-path: polygon(0 0, 53% 100%, 100% 0);
  }
  .popup .popup__piece:nth-child(32) .popup__piece-inner:nth-child(3) {
    -webkit-transform: translate3d(-48vw, 42vh, -346px) rotateX(353deg) rotateY(135deg);
            transform: translate3d(-48vw, 42vh, -346px) rotateX(353deg) rotateY(135deg);
    -webkit-clip-path: polygon(100% 0, 100% 100%, 53% 100%);
            clip-path: polygon(100% 0, 100% 100%, 53% 100%);
  }
  .popup.s--closed .popup__piece:nth-child(32) {
    -webkit-transform: translate3d(0, 138vh, 0);
            transform: translate3d(0, 138vh, 0);
  }
  .popup.s--closed .popup__piece:nth-child(32) .popup__piece-inner:nth-child(1) {
    -webkit-transform: translate3d(-53vw, 0, 0) rotateX(371deg) rotateY(345deg);
            transform: translate3d(-53vw, 0, 0) rotateX(371deg) rotateY(345deg);
  }
  .popup.s--closed .popup__piece:nth-child(32) .popup__piece-inner:nth-child(2) {
    -webkit-transform: translate3d(5vw, 0, 0) rotateX(427deg) rotateY(153deg);
            transform: translate3d(5vw, 0, 0) rotateX(427deg) rotateY(153deg);
  }
  .popup.s--closed .popup__piece:nth-child(32) .popup__piece-inner:nth-child(3) {
    -webkit-transform: translate3d(-74vw, 0, 0) rotateX(409deg) rotateY(391deg);
            transform: translate3d(-74vw, 0, 0) rotateX(409deg) rotateY(391deg);
  }
  .popup .popup__piece:nth-child(33) {
    height: 16.66667%;
    width: 12.66667%;
  }
  .popup .popup__piece:nth-child(33) .popup__piece-inner:nth-child(1) {
    -webkit-transform: translate3d(-36vw, -35vh, -372px) rotateX(150deg) rotateY(369deg);
            transform: translate3d(-36vw, -35vh, -372px) rotateX(150deg) rotateY(369deg);
    -webkit-clip-path: polygon(0 0, 0 100%, 39% 100%);
            clip-path: polygon(0 0, 0 100%, 39% 100%);
  }
  .popup .popup__piece:nth-child(33) .popup__piece-inner:nth-child(2) {
    -webkit-transform: translate3d(-7vw, -24vh, 587px) rotateX(339deg) rotateY(342deg);
            transform: translate3d(-7vw, -24vh, 587px) rotateX(339deg) rotateY(342deg);
    -webkit-clip-path: polygon(0 0, 39% 100%, 100% 0);
            clip-path: polygon(0 0, 39% 100%, 100% 0);
  }
  .popup .popup__piece:nth-child(33) .popup__piece-inner:nth-child(3) {
    -webkit-transform: translate3d(-42vw, 7vh, 407px) rotateX(155deg) rotateY(352deg);
            transform: translate3d(-42vw, 7vh, 407px) rotateX(155deg) rotateY(352deg);
    -webkit-clip-path: polygon(100% 0, 100% 100%, 39% 100%);
            clip-path: polygon(100% 0, 100% 100%, 39% 100%);
  }
  .popup.s--closed .popup__piece:nth-child(33) {
    -webkit-transform: translate3d(0, 110vh, 0);
            transform: translate3d(0, 110vh, 0);
  }
  .popup.s--closed .popup__piece:nth-child(33) .popup__piece-inner:nth-child(1) {
    -webkit-transform: translate3d(-5vw, 0, 0) rotateX(285deg) rotateY(420deg);
            transform: translate3d(-5vw, 0, 0) rotateX(285deg) rotateY(420deg);
  }
  .popup.s--closed .popup__piece:nth-child(33) .popup__piece-inner:nth-child(2) {
    -webkit-transform: translate3d(32vw, 0, 0) rotateX(164deg) rotateY(312deg);
            transform: translate3d(32vw, 0, 0) rotateX(164deg) rotateY(312deg);
  }
  .popup.s--closed .popup__piece:nth-child(33) .popup__piece-inner:nth-child(3) {
    -webkit-transform: translate3d(-18vw, 0, 0) rotateX(187deg) rotateY(189deg);
            transform: translate3d(-18vw, 0, 0) rotateX(187deg) rotateY(189deg);
  }
  .popup .popup__piece:nth-child(34) {
    height: 16.66667%;
    width: 15.66667%;
  }
  .popup .popup__piece:nth-child(34) .popup__piece-inner:nth-child(1) {
    -webkit-transform: translate3d(-47vw, 52vh, -462px) rotateX(275deg) rotateY(273deg);
            transform: translate3d(-47vw, 52vh, -462px) rotateX(275deg) rotateY(273deg);
    -webkit-clip-path: polygon(0 0, 0 100%, 61% 100%);
            clip-path: polygon(0 0, 0 100%, 61% 100%);
  }
  .popup .popup__piece:nth-child(34) .popup__piece-inner:nth-child(2) {
    -webkit-transform: translate3d(50vw, -35vh, 197px) rotateX(332deg) rotateY(198deg);
            transform: translate3d(50vw, -35vh, 197px) rotateX(332deg) rotateY(198deg);
    -webkit-clip-path: polygon(0 0, 61% 100%, 100% 0);
            clip-path: polygon(0 0, 61% 100%, 100% 0);
  }
  .popup .popup__piece:nth-child(34) .popup__piece-inner:nth-child(3) {
    -webkit-transform: translate3d(-37vw, -14vh, 224px) rotateX(433deg) rotateY(270deg);
            transform: translate3d(-37vw, -14vh, 224px) rotateX(433deg) rotateY(270deg);
    -webkit-clip-path: polygon(100% 0, 100% 100%, 61% 100%);
            clip-path: polygon(100% 0, 100% 100%, 61% 100%);
  }
  .popup.s--closed .popup__piece:nth-child(34) {
    -webkit-transform: translate3d(0, 116vh, 0);
            transform: translate3d(0, 116vh, 0);
  }
  .popup.s--closed .popup__piece:nth-child(34) .popup__piece-inner:nth-child(1) {
    -webkit-transform: translate3d(-65vw, 0, 0) rotateX(185deg) rotateY(405deg);
            transform: translate3d(-65vw, 0, 0) rotateX(185deg) rotateY(405deg);
  }
  .popup.s--closed .popup__piece:nth-child(34) .popup__piece-inner:nth-child(2) {
    -webkit-transform: translate3d(-26vw, 0, 0) rotateX(221deg) rotateY(132deg);
            transform: translate3d(-26vw, 0, 0) rotateX(221deg) rotateY(132deg);
  }
  .popup.s--closed .popup__piece:nth-child(34) .popup__piece-inner:nth-child(3) {
    -webkit-transform: translate3d(-51vw, 0, 0) rotateX(122deg) rotateY(434deg);
            transform: translate3d(-51vw, 0, 0) rotateX(122deg) rotateY(434deg);
  }
  .popup .popup__piece:nth-child(35) {
    height: 16.66667%;
    width: 9.66667%;
  }
  .popup .popup__piece:nth-child(35) .popup__piece-inner:nth-child(1) {
    -webkit-transform: translate3d(1vw, -47vh, -604px) rotateX(263deg) rotateY(190deg);
            transform: translate3d(1vw, -47vh, -604px) rotateX(263deg) rotateY(190deg);
    -webkit-clip-path: polygon(0 0, 0 100%, 38% 100%);
            clip-path: polygon(0 0, 0 100%, 38% 100%);
  }
  .popup .popup__piece:nth-child(35) .popup__piece-inner:nth-child(2) {
    -webkit-transform: translate3d(-31vw, -45vh, -241px) rotateX(404deg) rotateY(272deg);
            transform: translate3d(-31vw, -45vh, -241px) rotateX(404deg) rotateY(272deg);
    -webkit-clip-path: polygon(0 0, 38% 100%, 100% 0);
            clip-path: polygon(0 0, 38% 100%, 100% 0);
  }
  .popup .popup__piece:nth-child(35) .popup__piece-inner:nth-child(3) {
    -webkit-transform: translate3d(-59vw, 53vh, 558px) rotateX(353deg) rotateY(356deg);
            transform: translate3d(-59vw, 53vh, 558px) rotateX(353deg) rotateY(356deg);
    -webkit-clip-path: polygon(100% 0, 100% 100%, 38% 100%);
            clip-path: polygon(100% 0, 100% 100%, 38% 100%);
  }
  .popup.s--closed .popup__piece:nth-child(35) {
    -webkit-transform: translate3d(0, 122vh, 0);
            transform: translate3d(0, 122vh, 0);
  }
  .popup.s--closed .popup__piece:nth-child(35) .popup__piece-inner:nth-child(1) {
    -webkit-transform: translate3d(19vw, 0, 0) rotateX(125deg) rotateY(453deg);
            transform: translate3d(19vw, 0, 0) rotateX(125deg) rotateY(453deg);
  }
  .popup.s--closed .popup__piece:nth-child(35) .popup__piece-inner:nth-child(2) {
    -webkit-transform: translate3d(-6vw, 0, 0) rotateX(400deg) rotateY(139deg);
            transform: translate3d(-6vw, 0, 0) rotateX(400deg) rotateY(139deg);
  }
  .popup.s--closed .popup__piece:nth-child(35) .popup__piece-inner:nth-child(3) {
    -webkit-transform: translate3d(-26vw, 0, 0) rotateX(334deg) rotateY(213deg);
            transform: translate3d(-26vw, 0, 0) rotateX(334deg) rotateY(213deg);
  }
  .popup .popup__piece:nth-child(36) {
    height: 16.66667%;
    width: 21.66667%;
  }
  .popup .popup__piece:nth-child(36) .popup__piece-inner:nth-child(1) {
    -webkit-transform: translate3d(-58vw, 30vh, -822px) rotateX(196deg) rotateY(408deg);
            transform: translate3d(-58vw, 30vh, -822px) rotateX(196deg) rotateY(408deg);
    -webkit-clip-path: polygon(0 0, 0 100%, 52% 100%);
            clip-path: polygon(0 0, 0 100%, 52% 100%);
  }
  .popup .popup__piece:nth-child(36) .popup__piece-inner:nth-child(2) {
    -webkit-transform: translate3d(30vw, -14vh, -316px) rotateX(295deg) rotateY(179deg);
            transform: translate3d(30vw, -14vh, -316px) rotateX(295deg) rotateY(179deg);
    -webkit-clip-path: polygon(0 0, 52% 100%, 100% 0);
            clip-path: polygon(0 0, 52% 100%, 100% 0);
  }
  .popup .popup__piece:nth-child(36) .popup__piece-inner:nth-child(3) {
    -webkit-transform: translate3d(-1vw, 2vh, 746px) rotateX(210deg) rotateY(188deg);
            transform: translate3d(-1vw, 2vh, 746px) rotateX(210deg) rotateY(188deg);
    -webkit-clip-path: polygon(100% 0, 100% 100%, 52% 100%);
            clip-path: polygon(100% 0, 100% 100%, 52% 100%);
  }
  .popup.s--closed .popup__piece:nth-child(36) {
    -webkit-transform: translate3d(0, 150vh, 0);
            transform: translate3d(0, 150vh, 0);
  }
  .popup.s--closed .popup__piece:nth-child(36) .popup__piece-inner:nth-child(1) {
    -webkit-transform: translate3d(-42vw, 0, 0) rotateX(394deg) rotateY(263deg);
            transform: translate3d(-42vw, 0, 0) rotateX(394deg) rotateY(263deg);
  }
  .popup.s--closed .popup__piece:nth-child(36) .popup__piece-inner:nth-child(2) {
    -webkit-transform: translate3d(75vw, 0, 0) rotateX(198deg) rotateY(223deg);
            transform: translate3d(75vw, 0, 0) rotateX(198deg) rotateY(223deg);
  }
  .popup.s--closed .popup__piece:nth-child(36) .popup__piece-inner:nth-child(3) {
    -webkit-transform: translate3d(-52vw, 0, 0) rotateX(374deg) rotateY(461deg);
            transform: translate3d(-52vw, 0, 0) rotateX(374deg) rotateY(461deg);
  }
  .popup__pieces {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
  }
  .popup__piece {
    float: left;
    position: relative;
    -webkit-transform-style: preserve-3d;
            transform-style: preserve-3d;
    -webkit-transition: -webkit-transform 0s 0s;
    transition: -webkit-transform 0s 0s;
    transition: transform 0s 0s;
    transition: transform 0s 0s, -webkit-transform 0s 0s;
  }
  .popup.s--closed .popup__piece {
    -webkit-transition: -webkit-transform 0.7s 0.1s cubic-bezier(0.69, -0.47, 0.97, 1.04);
    transition: -webkit-transform 0.7s 0.1s cubic-bezier(0.69, -0.47, 0.97, 1.04);
    transition: transform 0.7s 0.1s cubic-bezier(0.69, -0.47, 0.97, 1.04);
    transition: transform 0.7s 0.1s cubic-bezier(0.69, -0.47, 0.97, 1.04), -webkit-transform 0.7s 0.1s cubic-bezier(0.69, -0.47, 0.97, 1.04);
  }
  .popup__piece:after {
    content: "";
    display: table;
    clear: both;
  }
  .popup__piece-inner {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.8);
    opacity: 0;
    -webkit-transition: opacity 0.28s 0.55s ease-in, -webkit-transform 0.7s 0.1s ease-out;
    transition: opacity 0.28s 0.55s ease-in, -webkit-transform 0.7s 0.1s ease-out;
    transition: opacity 0.28s 0.55s ease-in, transform 0.7s 0.1s ease-out;
    transition: opacity 0.28s 0.55s ease-in, transform 0.7s 0.1s ease-out, -webkit-transform 0.7s 0.1s ease-out;
  }
  .popup.s--active .popup__piece-inner {
    -webkit-transition: opacity 0.35s, -webkit-transform 0.7s ease-in-out;
    transition: opacity 0.35s, -webkit-transform 0.7s ease-in-out;
    transition: opacity 0.35s, transform 0.7s ease-in-out;
    transition: opacity 0.35s, transform 0.7s ease-in-out, -webkit-transform 0.7s ease-in-out;
    -webkit-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0) !important;
            transform: translate3d(0, 0, 0) rotateX(0) rotateY(0) !important;
    opacity: 1;
  }
  .popup__content {
    position: relative;
    min-height: 500px;
    padding: 30px;
    background: #000;
    color: #fff;
    -webkit-transition: opacity 0.2s;
    transition: opacity 0.2s;
    opacity: 0;
  }
  .popup.s--active .popup__content {
    -webkit-transition-delay: 0.6s;
            transition-delay: 0.6s;
    opacity: 1;
  }
  .popup__close {
    position: absolute;
    right: 30px;
    top: 30px;
    width: 30px;
    height: 30px;
    cursor: pointer;
  }
  .popup__close:before, .popup__close:after {
    content: '';
    position: absolute;
    left: 0;
    top: 14px;
    width: 100%;
    height: 2px;
    background: #fff;
  }
  .popup__close:before {
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
  }
  .popup__close:after {
    -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
  }
  .popup__heading {
    margin-bottom: 20px;
    font-size: 30px;
    letter-spacing: 1px;
    text-transform: uppercase;
  }
  .popup__text {
    font-size: 18px;
    line-height: 1.5;
  }
  
  .popup-btn {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 200px;
    height: 50px;
    margin-left: -100px;
    margin-top: -25px;
    background: transparent;
    outline: none;
    font-size: 20px;
    text-transform: uppercase;
    font-weight: bold;
    color: #000;
    border: 2px solid #000;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    cursor: pointer;
  }
  .popup-btn:hover {
    background-color: #000;
    color: #fff;
    letter-spacing: 2px;
  }