* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  overflow: hidden;
  font-family: Arial, Helvetica, sans-serif;
}

/* Start Of Navbar  */
nav {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: fixed;
  padding: 0 3em;
  top: 0%;
  width: 100%;
  z-index: 99;
}

nav ul {
  list-style-type: none;
  display: flex;
}

nav ul li {
  margin: 1em;
}

nav div button {
  margin-top: 1em;
  margin-bottom: 1em;
}

nav div button {
  padding: 0.5em 2em;
}

div button:nth-child(1) {
  border-top-right-radius: 20px;
  border-bottom-left-radius: 20px;
}

div button:nth-child(1):hover {
  background: #2b1f5d;
  color: #f0f0f0;
  transition: all 0.5s ease;
  cursor: pointer;
}

div button:nth-child(1):not(:hover) {
  background: #f0f0f0;
  color: #2b1f5d;
  transition: all 0.5s ease;
}
div button:nth-child(2) {
  background: #2b1f5d;
  color: #f0f0f0;
  border-top-left-radius: 20px;
  border-bottom-right-radius: 20px;
  outline: none;
  cursor: pointer;
}

div button:nth-child(2):hover {
  background: #f0f0f0;
  transition: all 0.5s ease;
  color: #2b1f5d;
}

div button:nth-child(2):not(:hover) {
  background: #2b1f5d;
  color: #f0f0f0;
  transition: all 0.5s ease;
}

/* FORM */
.form {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  height: calc(100% - 11%);
}

input[type="submit"] {
  background-color: rgba(0, 255, 255, 0.685);
  color: #000;
  border: none;
  outline: none;
  width: 100%;
  padding: .6em;
  border-radius: 20px 0 20px 0;
  border: 2px solid cyan;
  font-size: 1em;
}

input[type="submit"]:hover {
  background-color: transparent;
  border: 2px solid cyan;
  color: #fff;
  transition: all .3s ease;
  cursor: pointer;
}

.sub-categories {
  border: 2px solid rgba(0, 255, 255, 0.427);
  background-color: transparent;
  padding: 0.7em 2em;
  border-radius: 20px 0 20px 0;
  color: #fff;
  width: 100%;
  height: 100%;
  font-size: 1em;
  outline: none;
}

.next {
  margin-top: 10% !important;
}

.sub-categories:focus {
  color: #fff;
  background-color: #042c54;
  transition: all 0.3s ease;
}

.parent {
  position: relative;
  width: 20rem;
  overflow: initial;
  margin-top: 2%;
}

.form__input {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  color: #fff;
  border: 2px solid rgba(0, 255, 255, 0.427);
  border-radius: 20px 0 20px 0;
  font-family: inherit;
  font-size: inherit;
  outline: none;
  padding: 1.25rem;
  background: none;
}

.form__input:focus {
  border: 2px solid rgba(0, 255, 255, 0.792);
}

.form__label {
  position: absolute;
  left: 1.8rem;
  top: 0.8rem;
  color: #fff;
  z-index: 99;
  padding: 0 0.5rem;
  cursor: text;
  transition: top 200ms ease-in, left 200ms ease-in, font-size 200ms ease-in;
  background-color: #042c54 !important;
}

input[type="range"] {
  margin-top: 2%;
}

/* 1. When the input is in the focus state reduce the size of the label and move upwards 2. Keep label state when content is in input field */
.form__input:focus ~ .form__label,
.form__input:not(:placeholder-shown).form__input:not(:focus) ~ .form__label {
  top: -0.5rem;
  font-size: 0.8rem;
  left: 0.8rem;
}
.parent {
  position: relative;
}

/* Start Of main content */
.bg {
  width: 100%;
  height: 100%;
}

.main .content {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 60%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}

.main .content h1 {
  color: #2b1f5d;
  font-size: 60px;
}

.main .content h2 {
  color: #2b1f5d;
  font-size: 50px;
  text-align: center;
  line-height: 0.8;
}

.main .content article {
  width: 75%;
  text-align: center;
  margin-top: 2%;
}

.main .content button {
  padding: 0.5em 2em;
}

.btns {
  margin-top: 1.5%;
}

/* Model Animation */
.popups-cont {
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: -10;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100vh;
  perspective: 1000px;
  pointer-events: none;
  transition: z-index 0s 0.8s;
}

.popups-cont.s--popup-active {
  z-index: 1000;
  pointer-events: auto;
  transition: z-index 0s 0s;
}

.popups-cont__overlay {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  transition: opacity 0.35s;
}

.popups-cont.s--popup-active .popups-cont__overlay {
  opacity: 1;
  transition: opacity 0.35s 0.35s;
  background: linear-gradient(
    146.89deg,
    rgba(217, 217, 217, 0.13) 6.93%,
    #207169 93.92%
  );
  border: 1px solid #2f5bf8;
  box-shadow: 0px 4px 20px -1px rgba(0, 0, 0, 0.25);
  backdrop-filter: blur(20px);
  color: #fff;
}

.options {
  display: flex;
  align-items: center;
  justify-content: space-around;
  width: 100%;
  height: 40vh;
}

.option {
  height: 100%;
  width: 25%;
  background-color: rgba(255, 255, 255, 0.336);
  border-radius: 20px;
  display: flex;
  align-items: center;
  justify-content: space-around;
  flex-direction: column;
  text-align: center;
  font-family: Verdana, Geneva, Tahoma, sans-serif;
  cursor: pointer;
  padding: 1em;
}

.option:hover {
  border: 2px solid #fff;
  transition: 1s;
  transform: scale(1.1);
}

.option:not(:hover) {
  transition: 1s;
  transform: scale(1);
}

.popup {
  z-index: 2;
  position: relative;
  width: 80vw;
  height: 90vh;
  border-radius: 50px 0 50px 0;
  transform-style: preserve-3d;
}

.popup .popup__piece:nth-child(1) {
  height: 19.6666666667%;
  width: 21.6666666667%;
}

.popup .popup__piece:nth-child(1) .popup__piece-inner:nth-child(1) {
  transform: translate3d(15vw, -3vh, 646px) rotateX(231deg) rotateY(384deg);
  -webkit-clip-path: polygon(0 0, 0 100%, 70% 100%);
  clip-path: polygon(0 0, 0 100%, 70% 100%);
}

.popup .popup__piece:nth-child(1) .popup__piece-inner:nth-child(2) {
  transform: translate3d(-42vw, -8vh, -113px) rotateX(469deg) rotateY(328deg);
  -webkit-clip-path: polygon(0 0, 70% 100%, 100% 0);
  clip-path: polygon(0 0, 70% 100%, 100% 0);
}

.popup .popup__piece:nth-child(1) .popup__piece-inner:nth-child(3) {
  transform: translate3d(1vw, 42vh, 212px) rotateX(151deg) rotateY(284deg);
  -webkit-clip-path: polygon(100% 0, 100% 100%, 70% 100%);
  clip-path: polygon(100% 0, 100% 100%, 70% 100%);
}

.popup.s--closed .popup__piece:nth-child(1) {
  transform: translate3d(0, 140vh, 0);
}

.popup.s--closed .popup__piece:nth-child(1) .popup__piece-inner:nth-child(1) {
  transform: translate3d(20vw, 0, 0) rotateX(165deg) rotateY(268deg);
}

.popup.s--closed .popup__piece:nth-child(1) .popup__piece-inner:nth-child(2) {
  transform: translate3d(48vw, 0, 0) rotateX(376deg) rotateY(358deg);
}

.popup.s--closed .popup__piece:nth-child(1) .popup__piece-inner:nth-child(3) {
  transform: translate3d(38vw, 0, 0) rotateX(362deg) rotateY(373deg);
}

.popup .popup__piece:nth-child(2) {
  height: 19.6666666667%;
  width: 14.6666666667%;
}

.popup .popup__piece:nth-child(2) .popup__piece-inner:nth-child(1) {
  transform: translate3d(16vw, 28vh, -376px) rotateX(293deg) rotateY(443deg);
  -webkit-clip-path: polygon(0 0, 0 100%, 40% 100%);
  clip-path: polygon(0 0, 0 100%, 40% 100%);
}

.popup .popup__piece:nth-child(2) .popup__piece-inner:nth-child(2) {
  transform: translate3d(17vw, -57vh, 182px) rotateX(241deg) rotateY(254deg);
  -webkit-clip-path: polygon(0 0, 40% 100%, 100% 0);
  clip-path: polygon(0 0, 40% 100%, 100% 0);
}

.popup .popup__piece:nth-child(2) .popup__piece-inner:nth-child(3) {
  transform: translate3d(3vw, -24vh, 662px) rotateX(155deg) rotateY(419deg);
  -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(2) {
  transform: translate3d(0, 126vh, 0);
}

.popup.s--closed .popup__piece:nth-child(2) .popup__piece-inner:nth-child(1) {
  transform: translate3d(71vw, 0, 0) rotateX(181deg) rotateY(234deg);
}

.popup.s--closed .popup__piece:nth-child(2) .popup__piece-inner:nth-child(2) {
  transform: translate3d(-38vw, 0, 0) rotateX(372deg) rotateY(389deg);
}

.popup.s--closed .popup__piece:nth-child(2) .popup__piece-inner:nth-child(3) {
  transform: translate3d(8vw, 0, 0) rotateX(321deg) rotateY(132deg);
}

.popup .popup__piece:nth-child(3) {
  height: 19.6666666667%;
  width: 20.6666666667%;
}

.popup .popup__piece:nth-child(3) .popup__piece-inner:nth-child(1) {
  transform: translate3d(-24vw, -30vh, -631px) rotateX(165deg) rotateY(374deg);
  -webkit-clip-path: polygon(0 0, 0 100%, 67% 100%);
  clip-path: polygon(0 0, 0 100%, 67% 100%);
}

.popup .popup__piece:nth-child(3) .popup__piece-inner:nth-child(2) {
  transform: translate3d(48vw, -30vh, 530px) rotateX(278deg) rotateY(238deg);
  -webkit-clip-path: polygon(0 0, 67% 100%, 100% 0);
  clip-path: polygon(0 0, 67% 100%, 100% 0);
}

.popup .popup__piece:nth-child(3) .popup__piece-inner:nth-child(3) {
  transform: translate3d(56vw, -31vh, 550px) rotateX(295deg) rotateY(184deg);
  -webkit-clip-path: polygon(100% 0, 100% 100%, 67% 100%);
  clip-path: polygon(100% 0, 100% 100%, 67% 100%);
}

.popup.s--closed .popup__piece:nth-child(3) {
  transform: translate3d(0, 117vh, 0);
}

.popup.s--closed .popup__piece:nth-child(3) .popup__piece-inner:nth-child(1) {
  transform: translate3d(-79vw, 0, 0) rotateX(244deg) rotateY(197deg);
}

.popup.s--closed .popup__piece:nth-child(3) .popup__piece-inner:nth-child(2) {
  transform: translate3d(-15vw, 0, 0) rotateX(230deg) rotateY(272deg);
}

.popup.s--closed .popup__piece:nth-child(3) .popup__piece-inner:nth-child(3) {
  transform: translate3d(50vw, 0, 0) rotateX(192deg) rotateY(207deg);
}

.popup .popup__piece:nth-child(4) {
  height: 19.6666666667%;
  width: 18.6666666667%;
}

.popup .popup__piece:nth-child(4) .popup__piece-inner:nth-child(1) {
  transform: translate3d(-33vw, 22vh, 696px) rotateX(216deg) rotateY(220deg);
  -webkit-clip-path: polygon(0 0, 0 100%, 31% 100%);
  clip-path: polygon(0 0, 0 100%, 31% 100%);
}

.popup .popup__piece:nth-child(4) .popup__piece-inner:nth-child(2) {
  transform: translate3d(-43vw, -3vh, -521px) rotateX(378deg) rotateY(391deg);
  -webkit-clip-path: polygon(0 0, 31% 100%, 100% 0);
  clip-path: polygon(0 0, 31% 100%, 100% 0);
}

.popup .popup__piece:nth-child(4) .popup__piece-inner:nth-child(3) {
  transform: translate3d(43vw, -46vh, 67px) rotateX(270deg) rotateY(422deg);
  -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(4) {
  transform: translate3d(0, 127vh, 0);
}

.popup.s--closed .popup__piece:nth-child(4) .popup__piece-inner:nth-child(1) {
  transform: translate3d(-16vw, 0, 0) rotateX(356deg) rotateY(337deg);
}

.popup.s--closed .popup__piece:nth-child(4) .popup__piece-inner:nth-child(2) {
  transform: translate3d(61vw, 0, 0) rotateX(347deg) rotateY(429deg);
}

.popup.s--closed .popup__piece:nth-child(4) .popup__piece-inner:nth-child(3) {
  transform: translate3d(-74vw, 0, 0) rotateX(169deg) rotateY(190deg);
}

.popup .popup__piece:nth-child(5) {
  height: 19.6666666667%;
  width: 5.6666666667%;
}

.popup .popup__piece:nth-child(5) .popup__piece-inner:nth-child(1) {
  transform: translate3d(-32vw, -53vh, 358px) rotateX(260deg) rotateY(190deg);
  -webkit-clip-path: polygon(0 0, 0 100%, 48% 100%);
  clip-path: polygon(0 0, 0 100%, 48% 100%);
}

.popup .popup__piece:nth-child(5) .popup__piece-inner:nth-child(2) {
  transform: translate3d(-37vw, -45vh, -738px) rotateX(317deg) rotateY(453deg);
  -webkit-clip-path: polygon(0 0, 48% 100%, 100% 0);
  clip-path: polygon(0 0, 48% 100%, 100% 0);
}

.popup .popup__piece:nth-child(5) .popup__piece-inner:nth-child(3) {
  transform: translate3d(48vw, 51vh, 849px) rotateX(233deg) rotateY(161deg);
  -webkit-clip-path: polygon(100% 0, 100% 100%, 48% 100%);
  clip-path: polygon(100% 0, 100% 100%, 48% 100%);
}

.popup.s--closed .popup__piece:nth-child(5) {
  transform: translate3d(0, 121vh, 0);
}

.popup.s--closed .popup__piece:nth-child(5) .popup__piece-inner:nth-child(1) {
  transform: translate3d(-75vw, 0, 0) rotateX(246deg) rotateY(168deg);
}

.popup.s--closed .popup__piece:nth-child(5) .popup__piece-inner:nth-child(2) {
  transform: translate3d(50vw, 0, 0) rotateX(278deg) rotateY(340deg);
}

.popup.s--closed .popup__piece:nth-child(5) .popup__piece-inner:nth-child(3) {
  transform: translate3d(26vw, 0, 0) rotateX(477deg) rotateY(459deg);
}

.popup .popup__piece:nth-child(6) {
  height: 19.6666666667%;
  width: 18.6666666667%;
}

.popup .popup__piece:nth-child(6) .popup__piece-inner:nth-child(1) {
  transform: translate3d(-24vw, -53vh, 577px) rotateX(251deg) rotateY(182deg);
  -webkit-clip-path: polygon(0 0, 0 100%, 39% 100%);
  clip-path: polygon(0 0, 0 100%, 39% 100%);
}

.popup .popup__piece:nth-child(6) .popup__piece-inner:nth-child(2) {
  transform: translate3d(-50vw, -31vh, 790px) rotateX(210deg) rotateY(311deg);
  -webkit-clip-path: polygon(0 0, 39% 100%, 100% 0);
  clip-path: polygon(0 0, 39% 100%, 100% 0);
}

.popup .popup__piece:nth-child(6) .popup__piece-inner:nth-child(3) {
  transform: translate3d(-51vw, 59vh, -47px) rotateX(170deg) rotateY(143deg);
  -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(6) {
  transform: translate3d(0, 118vh, 0);
}

.popup.s--closed .popup__piece:nth-child(6) .popup__piece-inner:nth-child(1) {
  transform: translate3d(9vw, 0, 0) rotateX(363deg) rotateY(143deg);
}

.popup.s--closed .popup__piece:nth-child(6) .popup__piece-inner:nth-child(2) {
  transform: translate3d(-5vw, 0, 0) rotateX(237deg) rotateY(143deg);
}

.popup.s--closed .popup__piece:nth-child(6) .popup__piece-inner:nth-child(3) {
  transform: translate3d(-72vw, 0, 0) rotateX(272deg) rotateY(293deg);
}

.popup .popup__piece:nth-child(7) {
  height: 19.6666666667%;
  width: 16.6666666667%;
}

.popup .popup__piece:nth-child(7) .popup__piece-inner:nth-child(1) {
  transform: translate3d(-57vw, 10vh, 337px) rotateX(459deg) rotateY(304deg);
  -webkit-clip-path: polygon(0 0, 0 100%, 32% 100%);
  clip-path: polygon(0 0, 0 100%, 32% 100%);
}

.popup .popup__piece:nth-child(7) .popup__piece-inner:nth-child(2) {
  transform: translate3d(-44vw, 43vh, -506px) rotateX(215deg) rotateY(159deg);
  -webkit-clip-path: polygon(0 0, 32% 100%, 100% 0);
  clip-path: polygon(0 0, 32% 100%, 100% 0);
}

.popup .popup__piece:nth-child(7) .popup__piece-inner:nth-child(3) {
  transform: translate3d(10vw, 5vh, -99px) rotateX(232deg) rotateY(364deg);
  -webkit-clip-path: polygon(100% 0, 100% 100%, 32% 100%);
  clip-path: polygon(100% 0, 100% 100%, 32% 100%);
}

.popup.s--closed .popup__piece:nth-child(7) {
  transform: translate3d(0, 132vh, 0);
}

.popup.s--closed .popup__piece:nth-child(7) .popup__piece-inner:nth-child(1) {
  transform: translate3d(-74vw, 0, 0) rotateX(224deg) rotateY(437deg);
}

.popup.s--closed .popup__piece:nth-child(7) .popup__piece-inner:nth-child(2) {
  transform: translate3d(69vw, 0, 0) rotateX(180deg) rotateY(286deg);
}

.popup.s--closed .popup__piece:nth-child(7) .popup__piece-inner:nth-child(3) {
  transform: translate3d(59vw, 0, 0) rotateX(174deg) rotateY(279deg);
}

.popup .popup__piece:nth-child(8) {
  height: 19.6666666667%;
  width: 20.6666666667%;
}

.popup .popup__piece:nth-child(8) .popup__piece-inner:nth-child(1) {
  transform: translate3d(30vw, -17vh, 451px) rotateX(292deg) rotateY(343deg);
  -webkit-clip-path: polygon(0 0, 0 100%, 45% 100%);
  clip-path: polygon(0 0, 0 100%, 45% 100%);
}

.popup .popup__piece:nth-child(8) .popup__piece-inner:nth-child(2) {
  transform: translate3d(-20vw, -49vh, -786px) rotateX(334deg) rotateY(160deg);
  -webkit-clip-path: polygon(0 0, 45% 100%, 100% 0);
  clip-path: polygon(0 0, 45% 100%, 100% 0);
}

.popup .popup__piece:nth-child(8) .popup__piece-inner:nth-child(3) {
  transform: translate3d(42vw, -50vh, -553px) rotateX(144deg) rotateY(392deg);
  -webkit-clip-path: polygon(100% 0, 100% 100%, 45% 100%);
  clip-path: polygon(100% 0, 100% 100%, 45% 100%);
}

.popup.s--closed .popup__piece:nth-child(8) {
  transform: translate3d(0, 121vh, 0);
}

.popup.s--closed .popup__piece:nth-child(8) .popup__piece-inner:nth-child(1) {
  transform: translate3d(45vw, 0, 0) rotateX(412deg) rotateY(311deg);
}

.popup.s--closed .popup__piece:nth-child(8) .popup__piece-inner:nth-child(2) {
  transform: translate3d(44vw, 0, 0) rotateX(127deg) rotateY(468deg);
}

.popup.s--closed .popup__piece:nth-child(8) .popup__piece-inner:nth-child(3) {
  transform: translate3d(-2vw, 0, 0) rotateX(415deg) rotateY(417deg);
}

.popup .popup__piece:nth-child(9) {
  height: 19.6666666667%;
  width: 15.6666666667%;
}

.popup .popup__piece:nth-child(9) .popup__piece-inner:nth-child(1) {
  transform: translate3d(-34vw, -37vh, -227px) rotateX(220deg) rotateY(169deg);
  -webkit-clip-path: polygon(0 0, 0 100%, 57% 100%);
  clip-path: polygon(0 0, 0 100%, 57% 100%);
}

.popup .popup__piece:nth-child(9) .popup__piece-inner:nth-child(2) {
  transform: translate3d(54vw, -13vh, 171px) rotateX(370deg) rotateY(455deg);
  -webkit-clip-path: polygon(0 0, 57% 100%, 100% 0);
  clip-path: polygon(0 0, 57% 100%, 100% 0);
}

.popup .popup__piece:nth-child(9) .popup__piece-inner:nth-child(3) {
  transform: translate3d(13vw, -59vh, 500px) rotateX(313deg) rotateY(132deg);
  -webkit-clip-path: polygon(100% 0, 100% 100%, 57% 100%);
  clip-path: polygon(100% 0, 100% 100%, 57% 100%);
}

.popup.s--closed .popup__piece:nth-child(9) {
  transform: translate3d(0, 106vh, 0);
}

.popup.s--closed .popup__piece:nth-child(9) .popup__piece-inner:nth-child(1) {
  transform: translate3d(50vw, 0, 0) rotateX(224deg) rotateY(209deg);
}

.popup.s--closed .popup__piece:nth-child(9) .popup__piece-inner:nth-child(2) {
  transform: translate3d(40vw, 0, 0) rotateX(451deg) rotateY(404deg);
}

.popup.s--closed .popup__piece:nth-child(9) .popup__piece-inner:nth-child(3) {
  transform: translate3d(-56vw, 0, 0) rotateX(389deg) rotateY(160deg);
}

.popup .popup__piece:nth-child(10) {
  height: 19.6666666667%;
  width: 19.6666666667%;
}

.popup .popup__piece:nth-child(10) .popup__piece-inner:nth-child(1) {
  transform: translate3d(-17vw, -47vh, -615px) rotateX(335deg) rotateY(193deg);
  -webkit-clip-path: polygon(0 0, 0 100%, 39% 100%);
  clip-path: polygon(0 0, 0 100%, 39% 100%);
}

.popup .popup__piece:nth-child(10) .popup__piece-inner:nth-child(2) {
  transform: translate3d(-42vw, 17vh, -213px) rotateX(190deg) rotateY(152deg);
  -webkit-clip-path: polygon(0 0, 39% 100%, 100% 0);
  clip-path: polygon(0 0, 39% 100%, 100% 0);
}

.popup .popup__piece:nth-child(10) .popup__piece-inner:nth-child(3) {
  transform: translate3d(46vw, 17vh, 93px) rotateX(163deg) rotateY(336deg);
  -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(10) {
  transform: translate3d(0, 104vh, 0);
}

.popup.s--closed .popup__piece:nth-child(10) .popup__piece-inner:nth-child(1) {
  transform: translate3d(56vw, 0, 0) rotateX(216deg) rotateY(211deg);
}

.popup.s--closed .popup__piece:nth-child(10) .popup__piece-inner:nth-child(2) {
  transform: translate3d(68vw, 0, 0) rotateX(263deg) rotateY(161deg);
}

.popup.s--closed .popup__piece:nth-child(10) .popup__piece-inner:nth-child(3) {
  transform: translate3d(59vw, 0, 0) rotateX(203deg) rotateY(233deg);
}

.popup .popup__piece:nth-child(11) {
  height: 19.6666666667%;
  width: 12.6666666667%;
}

.popup .popup__piece:nth-child(11) .popup__piece-inner:nth-child(1) {
  transform: translate3d(6vw, -17vh, -451px) rotateX(279deg) rotateY(312deg);
  -webkit-clip-path: polygon(0 0, 0 100%, 31% 100%);
  clip-path: polygon(0 0, 0 100%, 31% 100%);
}

.popup .popup__piece:nth-child(11) .popup__piece-inner:nth-child(2) {
  transform: translate3d(5vw, 44vh, -836px) rotateX(209deg) rotateY(457deg);
  -webkit-clip-path: polygon(0 0, 31% 100%, 100% 0);
  clip-path: polygon(0 0, 31% 100%, 100% 0);
}

.popup .popup__piece:nth-child(11) .popup__piece-inner:nth-child(3) {
  transform: translate3d(-4vw, 1vh, -175px) rotateX(125deg) rotateY(346deg);
  -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(11) {
  transform: translate3d(0, 139vh, 0);
}

.popup.s--closed .popup__piece:nth-child(11) .popup__piece-inner:nth-child(1) {
  transform: translate3d(-70vw, 0, 0) rotateX(237deg) rotateY(254deg);
}

.popup.s--closed .popup__piece:nth-child(11) .popup__piece-inner:nth-child(2) {
  transform: translate3d(63vw, 0, 0) rotateX(299deg) rotateY(186deg);
}

.popup.s--closed .popup__piece:nth-child(11) .popup__piece-inner:nth-child(3) {
  transform: translate3d(12vw, 0, 0) rotateX(415deg) rotateY(448deg);
}

.popup .popup__piece:nth-child(12) {
  height: 19.6666666667%;
  width: 14.6666666667%;
}

.popup .popup__piece:nth-child(12) .popup__piece-inner:nth-child(1) {
  transform: translate3d(31vw, -53vh, 52px) rotateX(474deg) rotateY(244deg);
  -webkit-clip-path: polygon(0 0, 0 100%, 42% 100%);
  clip-path: polygon(0 0, 0 100%, 42% 100%);
}

.popup .popup__piece:nth-child(12) .popup__piece-inner:nth-child(2) {
  transform: translate3d(26vw, -26vh, -276px) rotateX(350deg) rotateY(251deg);
  -webkit-clip-path: polygon(0 0, 42% 100%, 100% 0);
  clip-path: polygon(0 0, 42% 100%, 100% 0);
}

.popup .popup__piece:nth-child(12) .popup__piece-inner:nth-child(3) {
  transform: translate3d(-58vw, 58vh, 90px) rotateX(348deg) rotateY(304deg);
  -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(12) {
  transform: translate3d(0, 136vh, 0);
}

.popup.s--closed .popup__piece:nth-child(12) .popup__piece-inner:nth-child(1) {
  transform: translate3d(-44vw, 0, 0) rotateX(379deg) rotateY(437deg);
}

.popup.s--closed .popup__piece:nth-child(12) .popup__piece-inner:nth-child(2) {
  transform: translate3d(-25vw, 0, 0) rotateX(380deg) rotateY(363deg);
}

.popup.s--closed .popup__piece:nth-child(12) .popup__piece-inner:nth-child(3) {
  transform: translate3d(55vw, 0, 0) rotateX(379deg) rotateY(154deg);
}

.popup .popup__piece:nth-child(13) {
  height: 13.6666666667%;
  width: 14.6666666667%;
}

.popup .popup__piece:nth-child(13) .popup__piece-inner:nth-child(1) {
  transform: translate3d(33vw, -6vh, 810px) rotateX(291deg) rotateY(279deg);
  -webkit-clip-path: polygon(0 0, 0 100%, 58% 100%);
  clip-path: polygon(0 0, 0 100%, 58% 100%);
}

.popup .popup__piece:nth-child(13) .popup__piece-inner:nth-child(2) {
  transform: translate3d(38vw, 50vh, -632px) rotateX(200deg) rotateY(410deg);
  -webkit-clip-path: polygon(0 0, 58% 100%, 100% 0);
  clip-path: polygon(0 0, 58% 100%, 100% 0);
}

.popup .popup__piece:nth-child(13) .popup__piece-inner:nth-child(3) {
  transform: translate3d(-44vw, 10vh, -99px) rotateX(364deg) rotateY(418deg);
  -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(13) {
  transform: translate3d(0, 145vh, 0);
}

.popup.s--closed .popup__piece:nth-child(13) .popup__piece-inner:nth-child(1) {
  transform: translate3d(-52vw, 0, 0) rotateX(300deg) rotateY(328deg);
}

.popup.s--closed .popup__piece:nth-child(13) .popup__piece-inner:nth-child(2) {
  transform: translate3d(-75vw, 0, 0) rotateX(243deg) rotateY(199deg);
}

.popup.s--closed .popup__piece:nth-child(13) .popup__piece-inner:nth-child(3) {
  transform: translate3d(13vw, 0, 0) rotateX(135deg) rotateY(182deg);
}

.popup .popup__piece:nth-child(14) {
  height: 13.6666666667%;
  width: 15.6666666667%;
}

.popup .popup__piece:nth-child(14) .popup__piece-inner:nth-child(1) {
  transform: translate3d(45vw, 11vh, 755px) rotateX(285deg) rotateY(314deg);
  -webkit-clip-path: polygon(0 0, 0 100%, 48% 100%);
  clip-path: polygon(0 0, 0 100%, 48% 100%);
}

.popup .popup__piece:nth-child(14) .popup__piece-inner:nth-child(2) {
  transform: translate3d(7vw, -48vh, -77px) rotateX(256deg) rotateY(130deg);
  -webkit-clip-path: polygon(0 0, 48% 100%, 100% 0);
  clip-path: polygon(0 0, 48% 100%, 100% 0);
}

.popup .popup__piece:nth-child(14) .popup__piece-inner:nth-child(3) {
  transform: translate3d(25vw, 45vh, 475px) rotateX(234deg) rotateY(145deg);
  -webkit-clip-path: polygon(100% 0, 100% 100%, 48% 100%);
  clip-path: polygon(100% 0, 100% 100%, 48% 100%);
}

.popup.s--closed .popup__piece:nth-child(14) {
  transform: translate3d(0, 108vh, 0);
}

.popup.s--closed .popup__piece:nth-child(14) .popup__piece-inner:nth-child(1) {
  transform: translate3d(22vw, 0, 0) rotateX(264deg) rotateY(364deg);
}

.popup.s--closed .popup__piece:nth-child(14) .popup__piece-inner:nth-child(2) {
  transform: translate3d(75vw, 0, 0) rotateX(433deg) rotateY(212deg);
}

.popup.s--closed .popup__piece:nth-child(14) .popup__piece-inner:nth-child(3) {
  transform: translate3d(-73vw, 0, 0) rotateX(244deg) rotateY(336deg);
}

.popup .popup__piece:nth-child(15) {
  height: 13.6666666667%;
  width: 15.6666666667%;
}

.popup .popup__piece:nth-child(15) .popup__piece-inner:nth-child(1) {
  transform: translate3d(43vw, -59vh, -532px) rotateX(307deg) rotateY(359deg);
  -webkit-clip-path: polygon(0 0, 0 100%, 43% 100%);
  clip-path: polygon(0 0, 0 100%, 43% 100%);
}

.popup .popup__piece:nth-child(15) .popup__piece-inner:nth-child(2) {
  transform: translate3d(52vw, -17vh, 346px) rotateX(246deg) rotateY(278deg);
  -webkit-clip-path: polygon(0 0, 43% 100%, 100% 0);
  clip-path: polygon(0 0, 43% 100%, 100% 0);
}

.popup .popup__piece:nth-child(15) .popup__piece-inner:nth-child(3) {
  transform: translate3d(-28vw, -26vh, 377px) rotateX(405deg) rotateY(330deg);
  -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(15) {
  transform: translate3d(0, 118vh, 0);
}

.popup.s--closed .popup__piece:nth-child(15) .popup__piece-inner:nth-child(1) {
  transform: translate3d(-47vw, 0, 0) rotateX(225deg) rotateY(343deg);
}

.popup.s--closed .popup__piece:nth-child(15) .popup__piece-inner:nth-child(2) {
  transform: translate3d(58vw, 0, 0) rotateX(461deg) rotateY(252deg);
}

.popup.s--closed .popup__piece:nth-child(15) .popup__piece-inner:nth-child(3) {
  transform: translate3d(-31vw, 0, 0) rotateX(441deg) rotateY(211deg);
}

.popup .popup__piece:nth-child(16) {
  height: 13.6666666667%;
  width: 13.6666666667%;
}

.popup .popup__piece:nth-child(16) .popup__piece-inner:nth-child(1) {
  transform: translate3d(19vw, -20vh, -723px) rotateX(139deg) rotateY(212deg);
  -webkit-clip-path: polygon(0 0, 0 100%, 31% 100%);
  clip-path: polygon(0 0, 0 100%, 31% 100%);
}

.popup .popup__piece:nth-child(16) .popup__piece-inner:nth-child(2) {
  transform: translate3d(29vw, -42vh, -877px) rotateX(434deg) rotateY(208deg);
  -webkit-clip-path: polygon(0 0, 31% 100%, 100% 0);
  clip-path: polygon(0 0, 31% 100%, 100% 0);
}

.popup .popup__piece:nth-child(16) .popup__piece-inner:nth-child(3) {
  transform: translate3d(-42vw, 59vh, -658px) rotateX(189deg) rotateY(215deg);
  -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(16) {
  transform: translate3d(0, 103vh, 0);
}

.popup.s--closed .popup__piece:nth-child(16) .popup__piece-inner:nth-child(1) {
  transform: translate3d(-24vw, 0, 0) rotateX(226deg) rotateY(466deg);
}

.popup.s--closed .popup__piece:nth-child(16) .popup__piece-inner:nth-child(2) {
  transform: translate3d(44vw, 0, 0) rotateX(272deg) rotateY(417deg);
}

.popup.s--closed .popup__piece:nth-child(16) .popup__piece-inner:nth-child(3) {
  transform: translate3d(-28vw, 0, 0) rotateX(305deg) rotateY(170deg);
}

.popup .popup__piece:nth-child(17) {
  height: 13.6666666667%;
  width: 26.6666666667%;
}

.popup .popup__piece:nth-child(17) .popup__piece-inner:nth-child(1) {
  transform: translate3d(29vw, 35vh, 486px) rotateX(222deg) rotateY(133deg);
  -webkit-clip-path: polygon(0 0, 0 100%, 31% 100%);
  clip-path: polygon(0 0, 0 100%, 31% 100%);
}

.popup .popup__piece:nth-child(17) .popup__piece-inner:nth-child(2) {
  transform: translate3d(11vw, -55vh, 242px) rotateX(410deg) rotateY(470deg);
  -webkit-clip-path: polygon(0 0, 31% 100%, 100% 0);
  clip-path: polygon(0 0, 31% 100%, 100% 0);
}

.popup .popup__piece:nth-child(17) .popup__piece-inner:nth-child(3) {
  transform: translate3d(-36vw, -36vh, 715px) rotateX(193deg) rotateY(301deg);
  -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(17) {
  transform: translate3d(0, 128vh, 0);
}

.popup.s--closed .popup__piece:nth-child(17) .popup__piece-inner:nth-child(1) {
  transform: translate3d(-21vw, 0, 0) rotateX(474deg) rotateY(171deg);
}

.popup.s--closed .popup__piece:nth-child(17) .popup__piece-inner:nth-child(2) {
  transform: translate3d(58vw, 0, 0) rotateX(330deg) rotateY(377deg);
}

.popup.s--closed .popup__piece:nth-child(17) .popup__piece-inner:nth-child(3) {
  transform: translate3d(-56vw, 0, 0) rotateX(378deg) rotateY(365deg);
}

.popup .popup__piece:nth-child(18) {
  height: 13.6666666667%;
  width: 13.6666666667%;
}

.popup .popup__piece:nth-child(18) .popup__piece-inner:nth-child(1) {
  transform: translate3d(5vw, 19vh, -286px) rotateX(219deg) rotateY(454deg);
  -webkit-clip-path: polygon(0 0, 0 100%, 51% 100%);
  clip-path: polygon(0 0, 0 100%, 51% 100%);
}

.popup .popup__piece:nth-child(18) .popup__piece-inner:nth-child(2) {
  transform: translate3d(11vw, -18vh, 640px) rotateX(404deg) rotateY(301deg);
  -webkit-clip-path: polygon(0 0, 51% 100%, 100% 0);
  clip-path: polygon(0 0, 51% 100%, 100% 0);
}

.popup .popup__piece:nth-child(18) .popup__piece-inner:nth-child(3) {
  transform: translate3d(59vw, -17vh, 650px) rotateX(441deg) rotateY(208deg);
  -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(18) {
  transform: translate3d(0, 112vh, 0);
}

.popup.s--closed .popup__piece:nth-child(18) .popup__piece-inner:nth-child(1) {
  transform: translate3d(-36vw, 0, 0) rotateX(431deg) rotateY(460deg);
}

.popup.s--closed .popup__piece:nth-child(18) .popup__piece-inner:nth-child(2) {
  transform: translate3d(-6vw, 0, 0) rotateX(194deg) rotateY(428deg);
}

.popup.s--closed .popup__piece:nth-child(18) .popup__piece-inner:nth-child(3) {
  transform: translate3d(51vw, 0, 0) rotateX(367deg) rotateY(304deg);
}

.popup .popup__piece:nth-child(19) {
  height: 12.6666666667%;
  width: 13.6666666667%;
}

.popup .popup__piece:nth-child(19) .popup__piece-inner:nth-child(1) {
  transform: translate3d(-47vw, 52vh, -141px) rotateX(362deg) rotateY(229deg);
  -webkit-clip-path: polygon(0 0, 0 100%, 42% 100%);
  clip-path: polygon(0 0, 0 100%, 42% 100%);
}

.popup .popup__piece:nth-child(19) .popup__piece-inner:nth-child(2) {
  transform: translate3d(-12vw, -55vh, -330px) rotateX(341deg) rotateY(161deg);
  -webkit-clip-path: polygon(0 0, 42% 100%, 100% 0);
  clip-path: polygon(0 0, 42% 100%, 100% 0);
}

.popup .popup__piece:nth-child(19) .popup__piece-inner:nth-child(3) {
  transform: translate3d(-36vw, 41vh, 177px) rotateX(266deg) rotateY(280deg);
  -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(19) {
  transform: translate3d(0, 122vh, 0);
}

.popup.s--closed .popup__piece:nth-child(19) .popup__piece-inner:nth-child(1) {
  transform: translate3d(-23vw, 0, 0) rotateX(222deg) rotateY(123deg);
}

.popup.s--closed .popup__piece:nth-child(19) .popup__piece-inner:nth-child(2) {
  transform: translate3d(17vw, 0, 0) rotateX(268deg) rotateY(426deg);
}

.popup.s--closed .popup__piece:nth-child(19) .popup__piece-inner:nth-child(3) {
  transform: translate3d(-9vw, 0, 0) rotateX(254deg) rotateY(437deg);
}

.popup .popup__piece:nth-child(20) {
  height: 12.6666666667%;
  width: 21.6666666667%;
}

.popup .popup__piece:nth-child(20) .popup__piece-inner:nth-child(1) {
  transform: translate3d(49vw, 13vh, 451px) rotateX(220deg) rotateY(264deg);
  -webkit-clip-path: polygon(0 0, 0 100%, 47% 100%);
  clip-path: polygon(0 0, 0 100%, 47% 100%);
}

.popup .popup__piece:nth-child(20) .popup__piece-inner:nth-child(2) {
  transform: translate3d(38vw, -58vh, -28px) rotateX(473deg) rotateY(325deg);
  -webkit-clip-path: polygon(0 0, 47% 100%, 100% 0);
  clip-path: polygon(0 0, 47% 100%, 100% 0);
}

.popup .popup__piece:nth-child(20) .popup__piece-inner:nth-child(3) {
  transform: translate3d(47vw, -53vh, 804px) rotateX(373deg) rotateY(183deg);
  -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(20) {
  transform: translate3d(0, 106vh, 0);
}

.popup.s--closed .popup__piece:nth-child(20) .popup__piece-inner:nth-child(1) {
  transform: translate3d(-19vw, 0, 0) rotateX(473deg) rotateY(452deg);
}

.popup.s--closed .popup__piece:nth-child(20) .popup__piece-inner:nth-child(2) {
  transform: translate3d(65vw, 0, 0) rotateX(250deg) rotateY(255deg);
}

.popup.s--closed .popup__piece:nth-child(20) .popup__piece-inner:nth-child(3) {
  transform: translate3d(21vw, 0, 0) rotateX(355deg) rotateY(319deg);
}

.popup .popup__piece:nth-child(21) {
  height: 12.6666666667%;
  width: 20.6666666667%;
}

.popup .popup__piece:nth-child(21) .popup__piece-inner:nth-child(1) {
  transform: translate3d(27vw, -40vh, -583px) rotateX(156deg) rotateY(356deg);
  -webkit-clip-path: polygon(0 0, 0 100%, 49% 100%);
  clip-path: polygon(0 0, 0 100%, 49% 100%);
}

.popup .popup__piece:nth-child(21) .popup__piece-inner:nth-child(2) {
  transform: translate3d(-23vw, 47vh, 488px) rotateX(284deg) rotateY(391deg);
  -webkit-clip-path: polygon(0 0, 49% 100%, 100% 0);
  clip-path: polygon(0 0, 49% 100%, 100% 0);
}

.popup .popup__piece:nth-child(21) .popup__piece-inner:nth-child(3) {
  transform: translate3d(-49vw, -42vh, 804px) rotateX(396deg) rotateY(447deg);
  -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(21) {
  transform: translate3d(0, 140vh, 0);
}

.popup.s--closed .popup__piece:nth-child(21) .popup__piece-inner:nth-child(1) {
  transform: translate3d(71vw, 0, 0) rotateX(430deg) rotateY(183deg);
}

.popup.s--closed .popup__piece:nth-child(21) .popup__piece-inner:nth-child(2) {
  transform: translate3d(-10vw, 0, 0) rotateX(153deg) rotateY(182deg);
}

.popup.s--closed .popup__piece:nth-child(21) .popup__piece-inner:nth-child(3) {
  transform: translate3d(20vw, 0, 0) rotateX(477deg) rotateY(127deg);
}

.popup .popup__piece:nth-child(22) {
  height: 12.6666666667%;
  width: 13.6666666667%;
}

.popup .popup__piece:nth-child(22) .popup__piece-inner:nth-child(1) {
  transform: translate3d(60vw, -49vh, 152px) rotateX(223deg) rotateY(385deg);
  -webkit-clip-path: polygon(0 0, 0 100%, 60% 100%);
  clip-path: polygon(0 0, 0 100%, 60% 100%);
}

.popup .popup__piece:nth-child(22) .popup__piece-inner:nth-child(2) {
  transform: translate3d(-21vw, 26vh, -726px) rotateX(232deg) rotateY(134deg);
  -webkit-clip-path: polygon(0 0, 60% 100%, 100% 0);
  clip-path: polygon(0 0, 60% 100%, 100% 0);
}

.popup .popup__piece:nth-child(22) .popup__piece-inner:nth-child(3) {
  transform: translate3d(-29vw, -4vh, -444px) rotateX(266deg) rotateY(399deg);
  -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(22) {
  transform: translate3d(0, 132vh, 0);
}

.popup.s--closed .popup__piece:nth-child(22) .popup__piece-inner:nth-child(1) {
  transform: translate3d(70vw, 0, 0) rotateX(473deg) rotateY(357deg);
}

.popup.s--closed .popup__piece:nth-child(22) .popup__piece-inner:nth-child(2) {
  transform: translate3d(-51vw, 0, 0) rotateX(228deg) rotateY(201deg);
}

.popup.s--closed .popup__piece:nth-child(22) .popup__piece-inner:nth-child(3) {
  transform: translate3d(61vw, 0, 0) rotateX(351deg) rotateY(281deg);
}

.popup .popup__piece:nth-child(23) {
  height: 12.6666666667%;
  width: 12.6666666667%;
}

.popup .popup__piece:nth-child(23) .popup__piece-inner:nth-child(1) {
  transform: translate3d(44vw, -1vh, 800px) rotateX(146deg) rotateY(364deg);
  -webkit-clip-path: polygon(0 0, 0 100%, 40% 100%);
  clip-path: polygon(0 0, 0 100%, 40% 100%);
}

.popup .popup__piece:nth-child(23) .popup__piece-inner:nth-child(2) {
  transform: translate3d(60vw, 4vh, 549px) rotateX(373deg) rotateY(456deg);
  -webkit-clip-path: polygon(0 0, 40% 100%, 100% 0);
  clip-path: polygon(0 0, 40% 100%, 100% 0);
}

.popup .popup__piece:nth-child(23) .popup__piece-inner:nth-child(3) {
  transform: translate3d(-58vw, 35vh, -405px) rotateX(133deg) rotateY(400deg);
  -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(23) {
  transform: translate3d(0, 124vh, 0);
}

.popup.s--closed .popup__piece:nth-child(23) .popup__piece-inner:nth-child(1) {
  transform: translate3d(-45vw, 0, 0) rotateX(417deg) rotateY(370deg);
}

.popup.s--closed .popup__piece:nth-child(23) .popup__piece-inner:nth-child(2) {
  transform: translate3d(64vw, 0, 0) rotateX(465deg) rotateY(167deg);
}

.popup.s--closed .popup__piece:nth-child(23) .popup__piece-inner:nth-child(3) {
  transform: translate3d(65vw, 0, 0) rotateX(312deg) rotateY(327deg);
}

.popup .popup__piece:nth-child(24) {
  height: 12.6666666667%;
  width: 17.6666666667%;
}

.popup .popup__piece:nth-child(24) .popup__piece-inner:nth-child(1) {
  transform: translate3d(4vw, 34vh, 381px) rotateX(244deg) rotateY(231deg);
  -webkit-clip-path: polygon(0 0, 0 100%, 37% 100%);
  clip-path: polygon(0 0, 0 100%, 37% 100%);
}

.popup .popup__piece:nth-child(24) .popup__piece-inner:nth-child(2) {
  transform: translate3d(1vw, 48vh, -825px) rotateX(381deg) rotateY(237deg);
  -webkit-clip-path: polygon(0 0, 37% 100%, 100% 0);
  clip-path: polygon(0 0, 37% 100%, 100% 0);
}

.popup .popup__piece:nth-child(24) .popup__piece-inner:nth-child(3) {
  transform: translate3d(-33vw, 6vh, -41px) rotateX(193deg) rotateY(218deg);
  -webkit-clip-path: polygon(100% 0, 100% 100%, 37% 100%);
  clip-path: polygon(100% 0, 100% 100%, 37% 100%);
}

.popup.s--closed .popup__piece:nth-child(24) {
  transform: translate3d(0, 126vh, 0);
}

.popup.s--closed .popup__piece:nth-child(24) .popup__piece-inner:nth-child(1) {
  transform: translate3d(-37vw, 0, 0) rotateX(449deg) rotateY(317deg);
}

.popup.s--closed .popup__piece:nth-child(24) .popup__piece-inner:nth-child(2) {
  transform: translate3d(-50vw, 0, 0) rotateX(368deg) rotateY(325deg);
}

.popup.s--closed .popup__piece:nth-child(24) .popup__piece-inner:nth-child(3) {
  transform: translate3d(47vw, 0, 0) rotateX(204deg) rotateY(404deg);
}

.popup .popup__piece:nth-child(25) {
  height: 17.6666666667%;
  width: 12.6666666667%;
}

.popup .popup__piece:nth-child(25) .popup__piece-inner:nth-child(1) {
  transform: translate3d(55vw, 34vh, -240px) rotateX(346deg) rotateY(136deg);
  -webkit-clip-path: polygon(0 0, 0 100%, 36% 100%);
  clip-path: polygon(0 0, 0 100%, 36% 100%);
}

.popup .popup__piece:nth-child(25) .popup__piece-inner:nth-child(2) {
  transform: translate3d(45vw, -27vh, -190px) rotateX(169deg) rotateY(171deg);
  -webkit-clip-path: polygon(0 0, 36% 100%, 100% 0);
  clip-path: polygon(0 0, 36% 100%, 100% 0);
}

.popup .popup__piece:nth-child(25) .popup__piece-inner:nth-child(3) {
  transform: translate3d(16vw, -57vh, 363px) rotateX(470deg) rotateY(200deg);
  -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(25) {
  transform: translate3d(0, 144vh, 0);
}

.popup.s--closed .popup__piece:nth-child(25) .popup__piece-inner:nth-child(1) {
  transform: translate3d(-56vw, 0, 0) rotateX(124deg) rotateY(376deg);
}

.popup.s--closed .popup__piece:nth-child(25) .popup__piece-inner:nth-child(2) {
  transform: translate3d(-10vw, 0, 0) rotateX(339deg) rotateY(282deg);
}

.popup.s--closed .popup__piece:nth-child(25) .popup__piece-inner:nth-child(3) {
  transform: translate3d(27vw, 0, 0) rotateX(342deg) rotateY(278deg);
}

.popup .popup__piece:nth-child(26) {
  height: 17.6666666667%;
  width: 18.6666666667%;
}

.popup .popup__piece:nth-child(26) .popup__piece-inner:nth-child(1) {
  transform: translate3d(28vw, -49vh, 223px) rotateX(461deg) rotateY(261deg);
  -webkit-clip-path: polygon(0 0, 0 100%, 60% 100%);
  clip-path: polygon(0 0, 0 100%, 60% 100%);
}

.popup .popup__piece:nth-child(26) .popup__piece-inner:nth-child(2) {
  transform: translate3d(-36vw, 5vh, -200px) rotateX(360deg) rotateY(351deg);
  -webkit-clip-path: polygon(0 0, 60% 100%, 100% 0);
  clip-path: polygon(0 0, 60% 100%, 100% 0);
}

.popup .popup__piece:nth-child(26) .popup__piece-inner:nth-child(3) {
  transform: translate3d(-39vw, -41vh, -599px) rotateX(371deg) rotateY(244deg);
  -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(26) {
  transform: translate3d(0, 119vh, 0);
}

.popup.s--closed .popup__piece:nth-child(26) .popup__piece-inner:nth-child(1) {
  transform: translate3d(-57vw, 0, 0) rotateX(423deg) rotateY(244deg);
}

.popup.s--closed .popup__piece:nth-child(26) .popup__piece-inner:nth-child(2) {
  transform: translate3d(78vw, 0, 0) rotateX(312deg) rotateY(135deg);
}

.popup.s--closed .popup__piece:nth-child(26) .popup__piece-inner:nth-child(3) {
  transform: translate3d(34vw, 0, 0) rotateX(145deg) rotateY(211deg);
}

.popup .popup__piece:nth-child(27) {
  height: 17.6666666667%;
  width: 15.6666666667%;
}

.popup .popup__piece:nth-child(27) .popup__piece-inner:nth-child(1) {
  transform: translate3d(-15vw, 59vh, -832px) rotateX(176deg) rotateY(479deg);
  -webkit-clip-path: polygon(0 0, 0 100%, 61% 100%);
  clip-path: polygon(0 0, 0 100%, 61% 100%);
}

.popup .popup__piece:nth-child(27) .popup__piece-inner:nth-child(2) {
  transform: translate3d(9vw, -8vh, -868px) rotateX(246deg) rotateY(331deg);
  -webkit-clip-path: polygon(0 0, 61% 100%, 100% 0);
  clip-path: polygon(0 0, 61% 100%, 100% 0);
}

.popup .popup__piece:nth-child(27) .popup__piece-inner:nth-child(3) {
  transform: translate3d(-43vw, -59vh, 679px) rotateX(375deg) rotateY(390deg);
  -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(27) {
  transform: translate3d(0, 102vh, 0);
}

.popup.s--closed .popup__piece:nth-child(27) .popup__piece-inner:nth-child(1) {
  transform: translate3d(-5vw, 0, 0) rotateX(479deg) rotateY(454deg);
}

.popup.s--closed .popup__piece:nth-child(27) .popup__piece-inner:nth-child(2) {
  transform: translate3d(44vw, 0, 0) rotateX(473deg) rotateY(181deg);
}

.popup.s--closed .popup__piece:nth-child(27) .popup__piece-inner:nth-child(3) {
  transform: translate3d(29vw, 0, 0) rotateX(267deg) rotateY(138deg);
}

.popup .popup__piece:nth-child(28) {
  height: 17.6666666667%;
  width: 15.6666666667%;
}

.popup .popup__piece:nth-child(28) .popup__piece-inner:nth-child(1) {
  transform: translate3d(-37vw, 57vh, -798px) rotateX(177deg) rotateY(199deg);
  -webkit-clip-path: polygon(0 0, 0 100%, 49% 100%);
  clip-path: polygon(0 0, 0 100%, 49% 100%);
}

.popup .popup__piece:nth-child(28) .popup__piece-inner:nth-child(2) {
  transform: translate3d(13vw, 24vh, -668px) rotateX(260deg) rotateY(314deg);
  -webkit-clip-path: polygon(0 0, 49% 100%, 100% 0);
  clip-path: polygon(0 0, 49% 100%, 100% 0);
}

.popup .popup__piece:nth-child(28) .popup__piece-inner:nth-child(3) {
  transform: translate3d(-12vw, 43vh, -295px) rotateX(418deg) rotateY(330deg);
  -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(28) {
  transform: translate3d(0, 140vh, 0);
}

.popup.s--closed .popup__piece:nth-child(28) .popup__piece-inner:nth-child(1) {
  transform: translate3d(38vw, 0, 0) rotateX(353deg) rotateY(372deg);
}

.popup.s--closed .popup__piece:nth-child(28) .popup__piece-inner:nth-child(2) {
  transform: translate3d(35vw, 0, 0) rotateX(477deg) rotateY(416deg);
}

.popup.s--closed .popup__piece:nth-child(28) .popup__piece-inner:nth-child(3) {
  transform: translate3d(5vw, 0, 0) rotateX(147deg) rotateY(173deg);
}

.popup .popup__piece:nth-child(29) {
  height: 17.6666666667%;
  width: 19.6666666667%;
}

.popup .popup__piece:nth-child(29) .popup__piece-inner:nth-child(1) {
  transform: translate3d(-58vw, 44vh, 206px) rotateX(430deg) rotateY(259deg);
  -webkit-clip-path: polygon(0 0, 0 100%, 36% 100%);
  clip-path: polygon(0 0, 0 100%, 36% 100%);
}

.popup .popup__piece:nth-child(29) .popup__piece-inner:nth-child(2) {
  transform: translate3d(24vw, 54vh, -116px) rotateX(406deg) rotateY(179deg);
  -webkit-clip-path: polygon(0 0, 36% 100%, 100% 0);
  clip-path: polygon(0 0, 36% 100%, 100% 0);
}

.popup .popup__piece:nth-child(29) .popup__piece-inner:nth-child(3) {
  transform: translate3d(-16vw, 13vh, 206px) rotateX(284deg) rotateY(384deg);
  -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(29) {
  transform: translate3d(0, 131vh, 0);
}

.popup.s--closed .popup__piece:nth-child(29) .popup__piece-inner:nth-child(1) {
  transform: translate3d(49vw, 0, 0) rotateX(139deg) rotateY(273deg);
}

.popup.s--closed .popup__piece:nth-child(29) .popup__piece-inner:nth-child(2) {
  transform: translate3d(43vw, 0, 0) rotateX(479deg) rotateY(405deg);
}

.popup.s--closed .popup__piece:nth-child(29) .popup__piece-inner:nth-child(3) {
  transform: translate3d(23vw, 0, 0) rotateX(359deg) rotateY(375deg);
}

.popup .popup__piece:nth-child(30) {
  height: 17.6666666667%;
  width: 17.6666666667%;
}

.popup .popup__piece:nth-child(30) .popup__piece-inner:nth-child(1) {
  transform: translate3d(-56vw, -19vh, -772px) rotateX(322deg) rotateY(288deg);
  -webkit-clip-path: polygon(0 0, 0 100%, 57% 100%);
  clip-path: polygon(0 0, 0 100%, 57% 100%);
}

.popup .popup__piece:nth-child(30) .popup__piece-inner:nth-child(2) {
  transform: translate3d(26vw, 36vh, -532px) rotateX(249deg) rotateY(350deg);
  -webkit-clip-path: polygon(0 0, 57% 100%, 100% 0);
  clip-path: polygon(0 0, 57% 100%, 100% 0);
}

.popup .popup__piece:nth-child(30) .popup__piece-inner:nth-child(3) {
  transform: translate3d(-36vw, 46vh, -594px) rotateX(170deg) rotateY(441deg);
  -webkit-clip-path: polygon(100% 0, 100% 100%, 57% 100%);
  clip-path: polygon(100% 0, 100% 100%, 57% 100%);
}

.popup.s--closed .popup__piece:nth-child(30) {
  transform: translate3d(0, 101vh, 0);
}

.popup.s--closed .popup__piece:nth-child(30) .popup__piece-inner:nth-child(1) {
  transform: translate3d(1vw, 0, 0) rotateX(162deg) rotateY(414deg);
}

.popup.s--closed .popup__piece:nth-child(30) .popup__piece-inner:nth-child(2) {
  transform: translate3d(53vw, 0, 0) rotateX(289deg) rotateY(477deg);
}

.popup.s--closed .popup__piece:nth-child(30) .popup__piece-inner:nth-child(3) {
  transform: translate3d(30vw, 0, 0) rotateX(173deg) rotateY(333deg);
}

.popup .popup__piece:nth-child(31) {
  height: 16.6666666667%;
  width: 16.6666666667%;
}

.popup .popup__piece:nth-child(31) .popup__piece-inner:nth-child(1) {
  transform: translate3d(-28vw, 47vh, 213px) rotateX(130deg) 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(31) .popup__piece-inner:nth-child(2) {
  transform: translate3d(-48vw, 44vh, 328px) rotateX(376deg) rotateY(248deg);
  -webkit-clip-path: polygon(0 0, 53% 100%, 100% 0);
  clip-path: polygon(0 0, 53% 100%, 100% 0);
}

.popup .popup__piece:nth-child(31) .popup__piece-inner:nth-child(3) {
  transform: translate3d(-33vw, 9vh, -551px) rotateX(381deg) rotateY(357deg);
  -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(31) {
  transform: translate3d(0, 117vh, 0);
}

.popup.s--closed .popup__piece:nth-child(31) .popup__piece-inner:nth-child(1) {
  transform: translate3d(66vw, 0, 0) rotateX(310deg) rotateY(298deg);
}

.popup.s--closed .popup__piece:nth-child(31) .popup__piece-inner:nth-child(2) {
  transform: translate3d(28vw, 0, 0) rotateX(327deg) rotateY(216deg);
}

.popup.s--closed .popup__piece:nth-child(31) .popup__piece-inner:nth-child(3) {
  transform: translate3d(-48vw, 0, 0) rotateX(436deg) rotateY(242deg);
}

.popup .popup__piece:nth-child(32) {
  height: 16.6666666667%;
  width: 18.6666666667%;
}

.popup .popup__piece:nth-child(32) .popup__piece-inner:nth-child(1) {
  transform: translate3d(-30vw, 12vh, -143px) rotateX(472deg) rotateY(298deg);
  -webkit-clip-path: polygon(0 0, 0 100%, 64% 100%);
  clip-path: polygon(0 0, 0 100%, 64% 100%);
}

.popup .popup__piece:nth-child(32) .popup__piece-inner:nth-child(2) {
  transform: translate3d(33vw, -42vh, -521px) rotateX(210deg) rotateY(203deg);
  -webkit-clip-path: polygon(0 0, 64% 100%, 100% 0);
  clip-path: polygon(0 0, 64% 100%, 100% 0);
}

.popup .popup__piece:nth-child(32) .popup__piece-inner:nth-child(3) {
  transform: translate3d(-46vw, 25vh, 13px) rotateX(187deg) rotateY(281deg);
  -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(32) {
  transform: translate3d(0, 107vh, 0);
}

.popup.s--closed .popup__piece:nth-child(32) .popup__piece-inner:nth-child(1) {
  transform: translate3d(-67vw, 0, 0) rotateX(361deg) rotateY(144deg);
}

.popup.s--closed .popup__piece:nth-child(32) .popup__piece-inner:nth-child(2) {
  transform: translate3d(37vw, 0, 0) rotateX(346deg) rotateY(179deg);
}

.popup.s--closed .popup__piece:nth-child(32) .popup__piece-inner:nth-child(3) {
  transform: translate3d(67vw, 0, 0) rotateX(260deg) rotateY(299deg);
}

.popup .popup__piece:nth-child(33) {
  height: 16.6666666667%;
  width: 12.6666666667%;
}

.popup .popup__piece:nth-child(33) .popup__piece-inner:nth-child(1) {
  transform: translate3d(-24vw, 7vh, 63px) rotateX(404deg) rotateY(358deg);
  -webkit-clip-path: polygon(0 0, 0 100%, 68% 100%);
  clip-path: polygon(0 0, 0 100%, 68% 100%);
}

.popup .popup__piece:nth-child(33) .popup__piece-inner:nth-child(2) {
  transform: translate3d(-14vw, -50vh, -551px) rotateX(146deg) rotateY(440deg);
  -webkit-clip-path: polygon(0 0, 68% 100%, 100% 0);
  clip-path: polygon(0 0, 68% 100%, 100% 0);
}

.popup .popup__piece:nth-child(33) .popup__piece-inner:nth-child(3) {
  transform: translate3d(-33vw, -9vh, -36px) rotateX(149deg) rotateY(191deg);
  -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(33) {
  transform: translate3d(0, 118vh, 0);
}

.popup.s--closed .popup__piece:nth-child(33) .popup__piece-inner:nth-child(1) {
  transform: translate3d(-36vw, 0, 0) rotateX(420deg) rotateY(375deg);
}

.popup.s--closed .popup__piece:nth-child(33) .popup__piece-inner:nth-child(2) {
  transform: translate3d(56vw, 0, 0) rotateX(314deg) rotateY(415deg);
}

.popup.s--closed .popup__piece:nth-child(33) .popup__piece-inner:nth-child(3) {
  transform: translate3d(71vw, 0, 0) rotateX(410deg) rotateY(327deg);
}

.popup .popup__piece:nth-child(34) {
  height: 16.6666666667%;
  width: 21.6666666667%;
}

.popup .popup__piece:nth-child(34) .popup__piece-inner:nth-child(1) {
  transform: translate3d(32vw, -21vh, 216px) rotateX(191deg) rotateY(174deg);
  -webkit-clip-path: polygon(0 0, 0 100%, 59% 100%);
  clip-path: polygon(0 0, 0 100%, 59% 100%);
}

.popup .popup__piece:nth-child(34) .popup__piece-inner:nth-child(2) {
  transform: translate3d(-38vw, -31vh, -253px) rotateX(222deg) rotateY(470deg);
  -webkit-clip-path: polygon(0 0, 59% 100%, 100% 0);
  clip-path: polygon(0 0, 59% 100%, 100% 0);
}

.popup .popup__piece:nth-child(34) .popup__piece-inner:nth-child(3) {
  transform: translate3d(-7vw, 52vh, 289px) rotateX(446deg) rotateY(319deg);
  -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(34) {
  transform: translate3d(0, 148vh, 0);
}

.popup.s--closed .popup__piece:nth-child(34) .popup__piece-inner:nth-child(1) {
  transform: translate3d(4vw, 0, 0) rotateX(401deg) rotateY(188deg);
}

.popup.s--closed .popup__piece:nth-child(34) .popup__piece-inner:nth-child(2) {
  transform: translate3d(-12vw, 0, 0) rotateX(241deg) rotateY(279deg);
}

.popup.s--closed .popup__piece:nth-child(34) .popup__piece-inner:nth-child(3) {
  transform: translate3d(-76vw, 0, 0) rotateX(283deg) rotateY(278deg);
}

.popup .popup__piece:nth-child(35) {
  height: 16.6666666667%;
  width: 11.6666666667%;
}

.popup .popup__piece:nth-child(35) .popup__piece-inner:nth-child(1) {
  transform: translate3d(-47vw, 56vh, 43px) rotateX(366deg) rotateY(230deg);
  -webkit-clip-path: polygon(0 0, 0 100%, 42% 100%);
  clip-path: polygon(0 0, 0 100%, 42% 100%);
}

.popup .popup__piece:nth-child(35) .popup__piece-inner:nth-child(2) {
  transform: translate3d(-24vw, -16vh, -63px) rotateX(247deg) rotateY(140deg);
  -webkit-clip-path: polygon(0 0, 42% 100%, 100% 0);
  clip-path: polygon(0 0, 42% 100%, 100% 0);
}

.popup .popup__piece:nth-child(35) .popup__piece-inner:nth-child(3) {
  transform: translate3d(-19vw, -32vh, 57px) rotateX(305deg) rotateY(211deg);
  -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(35) {
  transform: translate3d(0, 146vh, 0);
}

.popup.s--closed .popup__piece:nth-child(35) .popup__piece-inner:nth-child(1) {
  transform: translate3d(-9vw, 0, 0) rotateX(455deg) rotateY(121deg);
}

.popup.s--closed .popup__piece:nth-child(35) .popup__piece-inner:nth-child(2) {
  transform: translate3d(3vw, 0, 0) rotateX(304deg) rotateY(246deg);
}

.popup.s--closed .popup__piece:nth-child(35) .popup__piece-inner:nth-child(3) {
  transform: translate3d(15vw, 0, 0) rotateX(213deg) rotateY(164deg);
}

.popup .popup__piece:nth-child(36) {
  height: 16.6666666667%;
  width: 18.6666666667%;
}

.popup .popup__piece:nth-child(36) .popup__piece-inner:nth-child(1) {
  transform: translate3d(-30vw, -15vh, 407px) rotateX(470deg) rotateY(409deg);
  -webkit-clip-path: polygon(0 0, 0 100%, 38% 100%);
  clip-path: polygon(0 0, 0 100%, 38% 100%);
}

.popup .popup__piece:nth-child(36) .popup__piece-inner:nth-child(2) {
  transform: translate3d(38vw, -59vh, 720px) rotateX(348deg) rotateY(302deg);
  -webkit-clip-path: polygon(0 0, 38% 100%, 100% 0);
  clip-path: polygon(0 0, 38% 100%, 100% 0);
}

.popup .popup__piece:nth-child(36) .popup__piece-inner:nth-child(3) {
  transform: translate3d(21vw, -22vh, -617px) rotateX(255deg) rotateY(429deg);
  -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(36) {
  transform: translate3d(0, 101vh, 0);
}

.popup.s--closed .popup__piece:nth-child(36) .popup__piece-inner:nth-child(1) {
  transform: translate3d(73vw, 0, 0) rotateX(315deg) rotateY(206deg);
}

.popup.s--closed .popup__piece:nth-child(36) .popup__piece-inner:nth-child(2) {
  transform: translate3d(-53vw, 0, 0) rotateX(379deg) rotateY(317deg);
}

.popup.s--closed .popup__piece:nth-child(36) .popup__piece-inner:nth-child(3) {
  transform: translate3d(-42vw, 0, 0) rotateX(244deg) rotateY(262deg);
}

.popup__pieces {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

.popup__piece {
  float: left;
  position: relative;
  transform-style: preserve-3d;
  transition: transform 0s 0s;
}

.popup.s--closed .popup__piece {
  transition: 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: #042c54;
  opacity: 0;
  transition: opacity 0.28s 0.55s ease-in, transform 0.7s 0.1s ease-out;
}

.popup.s--active .popup__piece-inner {
  transition: opacity 0.35s, transform 0.7s ease-in-out;
  transform: translate3d(0, 0, 0) rotateX(0) rotateY(0) !important;
  opacity: 1;
}

.popup__content {
  position: relative;
  height: 100%;
  width: 100%;
  background: #042c54;
  backdrop-filter: blur(20px);
  color: #fff;
  transition: opacity 0.2s;
  opacity: 0;
  display: flex;
}

.popup__content aside {
  width: 40%;
  height: 100%;
  border-right: 2px solid rgba(0, 255, 255, 0.427);
  display: flex;
  align-items: flex-start;
  justify-content: start;
  flex-direction: column;
  list-style-type: none;
  margin-top: 6%;
}

.popup__content aside li {
  padding: 1em;
  border-bottom: 2px solid rgba(0, 255, 255, 0.427);
  width: 100%;
}

aside li:hover {
  background: cyan;
  cursor: pointer;
  color: #042c54;
  transition: all 0.3s ease;
}

aside li:not(:hover) {
  background: transparent;
  color: #fff;
  transition: all 0.3s ease;
}

.bar {
  width: 100%;
  height: 11%;
  position: absolute;
  z-index: -1;
  background: #071b2e;
}

.popup__content main {
  width: 60%;
  height: 100%;
  margin-top: 5%;
  padding: 1em;
}

.popup.s--active .popup__content {
  transition-delay: 0.6s;
  opacity: 1;
  display: flex;
}

.popup__close {
  position: absolute;
  right: 30px;
  top: 15px;
  width: 30px;
  height: 30px;
  color: #f0f0f0;
  cursor: pointer;
}

.popup__close:before,
.popup__close:after {
  content: "";
  position: absolute;
  left: 0;
  top: 14px;
  width: 100%;
  height: 2px;
  background: #fff;
}

.popup__close:before {
  transform: rotate(45deg);
}

.popup__close:after {
  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;
}