@charset "UTF-8";
@layer tokens {
  :root {
    --color-primary: rgba(220, 219, 219, 0.78);
    --color-surface: #242425;
    --time: 24s;
  }
}
@property --shadow-color {
  syntax: "<color>";
  initial-value: transparent;
  inherits: true;
}
@property --gradient-angle {
  syntax: "<angle>";
  inherits: false;
  initial-value: 0deg;
}
@property --angle-1 {
  syntax: "<angle>";
  inherits: false;
  initial-value: -75deg;
}
@property --angle-2 {
  syntax: "<angle>";
  inherits: false;
  initial-value: -45deg;
}
@layer stars {
  .stars {
    position: absolute;
    width: 100vmax;
    height: 100vmax;
  }
  .stars:before {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    filter: url(#stars) saturate(0) brightness(1.5);
    mix-blend-mode: overlay;
    opacity: 0.15;
    animation: stars-animation 20s ease-in-out infinite;
  }
  .stars-highlights {
    position: absolute;
    width: 100vw;
    height: 100vh;
    opacity: 0.6;
  }
  .stars-highlights:before {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    filter: url(#stars-highlights) saturate(0) brightness(1.5);
    mix-blend-mode: lighten;
    opacity: 0.75;
    animation: stars-animation-2 20s ease-in-out infinite;
  }
  @keyframes stars-animation {
    from {
      translate: 1vmin 2vmin;
      rotate: 0deg;
    }
    30% {
      translate: 1vmin -2vmin;
    }
    50% {
      translate: -1vmin 2vmin;
      rotate: 10deg;
    }
    to {
      translate: 1vmin 2vmin;
      rotate: 0deg;
    }
  }
  @keyframes stars-animation-2 {
    from {
      translate: 1vmin -2vmin;
    }
    30% {
      translate: -1vmin -2vmin;
    }
    50% {
      translate: 1vmin -2vmin;
    }
    to {
      translate: 1vmin -2vmin;
    }
  }
  .startails {
    position: absolute;
    inset: 0;
    opacity: 0.6;
  }
  .startails > div {
    --distance: 20vmax;
    border-radius: 50%;
    width: 0.55vmax;
    aspect-ratio: 3/1;
    background: white;
    translate: calc(var(--x) * 100vw) calc(var(--y) * 100vh);
    opacity: 0;
    animation: startails-animation 10s calc(var(--delay) * var(--time) * 6) linear infinite;
    box-shadow: 0 0 0.2vmax white;
  }
  .startails > div:nth-of-type(1) {
    --x: 0.2232821937;
    --y: 0.4984200794;
    --x2: -0.3999946866;
    --y2: 0.1347344837;
    --delay: 0.2245406521;
  }
  .startails > div:nth-of-type(2) {
    --x: 0.5374648678;
    --y: 0.3186581088;
    --x2: -0.4968686286;
    --y2: 0.0471819478;
    --delay: 0.4552295172;
  }
  .startails > div:nth-of-type(3) {
    --x: 0.2132743539;
    --y: 0.312086426;
    --x2: 0.1183198575;
    --y2: 0.0364398179;
    --delay: 0.2930713129;
  }
  .startails > div:nth-of-type(4) {
    --x: 0.7148682673;
    --y: 0.5545255125;
    --x2: 0.2310715326;
    --y2: -0.4387391538;
    --delay: 0.8267528299;
  }
  .startails > div:nth-of-type(5) {
    --x: 0.1421751665;
    --y: 0.4432248145;
    --x2: 0.0139952705;
    --y2: 0.2335443837;
    --delay: 0.2735303037;
  }
  .startails > div:nth-of-type(6) {
    --x: 0.0351869576;
    --y: 0.1262997065;
    --x2: 0.4987382698;
    --y2: -0.3160164427;
    --delay: 0.0488000944;
  }
  .startails > div:nth-of-type(7) {
    --x: 0.2244112807;
    --y: 0.2835612271;
    --x2: 0.0017489128;
    --y2: 0.3719683997;
    --delay: 0.5421652596;
  }
  .startails > div:nth-of-type(8) {
    --x: 0.847619561;
    --y: 0.6647959036;
    --x2: -0.2667054788;
    --y2: 0.0555380731;
    --delay: 0.7301048112;
  }
  .startails > div:nth-of-type(9) {
    --x: 0.7161849011;
    --y: 0.6179052154;
    --x2: 0.3726936532;
    --y2: 0.0574786439;
    --delay: 0.9681331692;
  }
  .startails > div:nth-of-type(10) {
    --x: 0.8766305753;
    --y: 0.8478482994;
    --x2: -0.1764013266;
    --y2: -0.2916044302;
    --delay: 0.5279407355;
  }
  .startails > div:nth-of-type(11) {
    --x: 0.6013319155;
    --y: 0.6427678032;
    --x2: -0.4835576744;
    --y2: 0.0636540879;
    --delay: 0.3726769439;
  }
  .startails > div:nth-of-type(12) {
    --x: 0.8308268617;
    --y: 0.5674584717;
    --x2: -0.3706523902;
    --y2: -0.4981301203;
    --delay: 0.3554230312;
  }
  .startails > div:nth-of-type(13) {
    --x: 0.0112723451;
    --y: 0.209266238;
    --x2: -0.2985851741;
    --y2: -0.2191196373;
    --delay: 0.9003469432;
  }
  .startails > div:nth-of-type(14) {
    --x: 0.4646440762;
    --y: 0.7543698448;
    --x2: 0.4721250903;
    --y2: 0.1976624184;
    --delay: 0.8880515886;
  }
  .startails > div:nth-of-type(15) {
    --x: 0.1919399058;
    --y: 0.7545813459;
    --x2: -0.0031118918;
    --y2: -0.1897916862;
    --delay: 0.3462372315;
  }
  .startails > div:nth-of-type(16) {
    --x: 0.606174775;
    --y: 0.1971831554;
    --x2: 0.3995486866;
    --y2: 0.0279714256;
    --delay: 0.7266592809;
  }
  .startails > div:nth-of-type(17) {
    --x: 0.8651215121;
    --y: 0.032995007;
    --x2: 0.3944386476;
    --y2: 0.3802771633;
    --delay: 0.5039437435;
  }
  .startails > div:nth-of-type(18) {
    --x: 0.3060841472;
    --y: 0.5541178963;
    --x2: -0.3536317465;
    --y2: -0.0249129752;
    --delay: 0.1716627437;
  }
  .startails > div:nth-of-type(19) {
    --x: 0.4107712025;
    --y: 0.1312085406;
    --x2: 0.4850148804;
    --y2: 0.4496766546;
    --delay: 0.8966643711;
  }
  .startails > div:nth-of-type(20) {
    --x: 0.8812449946;
    --y: 0.2256565231;
    --x2: 0.4881761245;
    --y2: 0.413905403;
    --delay: 0.2328148105;
  }
  .startails > div:nth-of-type(21) {
    --x: 0.808192695;
    --y: 0.8601234658;
    --x2: 0.3757002293;
    --y2: -0.4774352043;
    --delay: 0.8440008452;
  }
  .startails > div:nth-of-type(22) {
    --x: 0.4908002625;
    --y: 0.7761395883;
    --x2: -0.4161692046;
    --y2: -0.3085858958;
    --delay: 0.4678557309;
  }
  .startails > div:nth-of-type(23) {
    --x: 0.1903431429;
    --y: 0.1738868851;
    --x2: 0.3754663449;
    --y2: -0.1847957838;
    --delay: 0.7070987251;
  }
  .startails > div:nth-of-type(24) {
    --x: 0.0018243692;
    --y: 0.0237568936;
    --x2: -0.2195959977;
    --y2: -0.2445888516;
    --delay: 0.0226595418;
  }
  .startails > div:nth-of-type(25) {
    --x: 0.3421310406;
    --y: 0.3198106179;
    --x2: -0.0216911453;
    --y2: 0.105189406;
    --delay: 0.6247974035;
  }
  .startails > div:nth-of-type(26) {
    --x: 0.442983281;
    --y: 0.9511441254;
    --x2: 0.1439478578;
    --y2: 0.0145072732;
    --delay: 0.0735194933;
  }
  .startails > div:nth-of-type(27) {
    --x: 0.220803593;
    --y: 0.1333410205;
    --x2: -0.1627436518;
    --y2: -0.4704038557;
    --delay: 0.4585485629;
  }
  .startails > div:nth-of-type(28) {
    --x: 0.4305515944;
    --y: 0.5776126636;
    --x2: -0.3867253209;
    --y2: 0.3190223419;
    --delay: 0.2702556292;
  }
  .startails > div:nth-of-type(29) {
    --x: 0.6766900061;
    --y: 0.9587929049;
    --x2: 0.4143335458;
    --y2: -0.2035282457;
    --delay: 0.1183818279;
  }
  .startails > div:nth-of-type(30) {
    --x: 0.7994191989;
    --y: 0.2140215221;
    --x2: 0.0174053302;
    --y2: 0.0078784454;
    --delay: 0.0547997991;
  }
  .startails > div:nth-of-type(31) {
    --x: 0.0525770697;
    --y: 0.7863219275;
    --x2: -0.0354899057;
    --y2: 0.449896252;
    --delay: 0.5663676361;
  }
  .startails > div:nth-of-type(32) {
    --x: 0.0427864871;
    --y: 0.2782903936;
    --x2: -0.1584789629;
    --y2: 0.3585757965;
    --delay: 0.8537602826;
  }
  .startails > div:nth-of-type(33) {
    --x: 0.8457747902;
    --y: 0.1452018229;
    --x2: -0.440879232;
    --y2: -0.2483875256;
    --delay: 0.8963033754;
  }
  .startails > div:nth-of-type(34) {
    --x: 0.8805437559;
    --y: 0.5145842823;
    --x2: -0.3716385057;
    --y2: 0.1644275232;
    --delay: 0.5121871279;
  }
  .startails > div:nth-of-type(35) {
    --x: 0.0422296252;
    --y: 0.9743692144;
    --x2: -0.187356515;
    --y2: 0.44308142;
    --delay: 0.5148879451;
  }
  .startails > div:nth-of-type(36) {
    --x: 0.267402935;
    --y: 0.3032463158;
    --x2: 0.20092651;
    --y2: 0.4916487947;
    --delay: 0.4188404258;
  }
  .startails > div:nth-of-type(37) {
    --x: 0.3498948932;
    --y: 0.1041372916;
    --x2: 0.0715527318;
    --y2: -0.3739394356;
    --delay: 0.1917801514;
  }
  .startails > div:nth-of-type(38) {
    --x: 0.3252900721;
    --y: 0.703986925;
    --x2: 0.1002594823;
    --y2: 0.1984151152;
    --delay: 0.4719754847;
  }
  .startails > div:nth-of-type(39) {
    --x: 0.3024798515;
    --y: 0.8165383754;
    --x2: 0.177574419;
    --y2: -0.4475519131;
    --delay: 0.3281241599;
  }
  .startails > div:nth-of-type(40) {
    --x: 0.0266373885;
    --y: 0.4738665978;
    --x2: 0.3644053619;
    --y2: 0.4240644392;
    --delay: 0.657553029;
  }
  .startails > div:nth-of-type(41) {
    --x: 0.7989506919;
    --y: 0.153664032;
    --x2: -0.0887138235;
    --y2: -0.4217830477;
    --delay: 0.8394077624;
  }
  .startails > div:nth-of-type(42) {
    --x: 0.4833926308;
    --y: 0.2551675887;
    --x2: -0.4951106032;
    --y2: 0.0126110032;
    --delay: 0.8098941209;
  }
  .startails > div:nth-of-type(43) {
    --x: 0.043181808;
    --y: 0.5447063047;
    --x2: 0.0625722485;
    --y2: -0.370459291;
    --delay: 0.4909000157;
  }
  .startails > div:nth-of-type(44) {
    --x: 0.5549322372;
    --y: 0.6274214099;
    --x2: -0.0057272538;
    --y2: -0.0091541243;
    --delay: 0.5814935677;
  }
  .startails > div:nth-of-type(45) {
    --x: 0.6374284556;
    --y: 0.7120529428;
    --x2: -0.3669379691;
    --y2: 0.4437937018;
    --delay: 0.7400498907;
  }
  .startails > div:nth-of-type(46) {
    --x: 0.3125685224;
    --y: 0.4609415544;
    --x2: 0.1741593529;
    --y2: 0.0255865287;
    --delay: 0.6769538556;
  }
  .startails > div:nth-of-type(47) {
    --x: 0.4001596603;
    --y: 0.2581497859;
    --x2: 0.2956150695;
    --y2: 0.1879681617;
    --delay: 0.2980361246;
  }
  .startails > div:nth-of-type(48) {
    --x: 0.2022978992;
    --y: 0.8759884192;
    --x2: -0.1957651831;
    --y2: -0.1179834844;
    --delay: 0.6402153446;
  }
  .startails > div:nth-of-type(49) {
    --x: 0.2335571298;
    --y: 0.0322640926;
    --x2: 0.1578274499;
    --y2: -0.3982454597;
    --delay: 0.8201165421;
  }
  .startails > div:nth-of-type(50) {
    --x: 0.1113765377;
    --y: 0.9321689189;
    --x2: 0.4698287297;
    --y2: 0.2533769413;
    --delay: 0.4669175516;
  }
  .startails > div:nth-of-type(51) {
    --x: 0.1828577179;
    --y: 0.2004769818;
    --x2: -0.2157289584;
    --y2: 0.2225261644;
    --delay: 0.4769876647;
  }
  .startails > div:nth-of-type(52) {
    --x: 0.6484246582;
    --y: 0.6618522269;
    --x2: 0.0562053337;
    --y2: -0.0811186674;
    --delay: 0.0809825593;
  }
  .startails > div:nth-of-type(53) {
    --x: 0.8972394265;
    --y: 0.4386124143;
    --x2: -0.0059901571;
    --y2: -0.0174189258;
    --delay: 0.8381674082;
  }
  .startails > div:nth-of-type(54) {
    --x: 0.4516044869;
    --y: 0.7773241489;
    --x2: -0.3088675115;
    --y2: 0.1576947413;
    --delay: 0.702775737;
  }
  .startails > div:nth-of-type(55) {
    --x: 0.4818944933;
    --y: 0.5090226464;
    --x2: 0.2773583224;
    --y2: -0.0095833276;
    --delay: 0.9890163279;
  }
  .startails > div:nth-of-type(56) {
    --x: 0.7963337078;
    --y: 0.9508576267;
    --x2: -0.3323162709;
    --y2: -0.1589562228;
    --delay: 0.901835514;
  }
  .startails > div:nth-of-type(57) {
    --x: 0.4409167829;
    --y: 0.8392049316;
    --x2: 0.4914520214;
    --y2: -0.302971232;
    --delay: 0.3423211091;
  }
  .startails > div:nth-of-type(58) {
    --x: 0.3753789949;
    --y: 0.5208189242;
    --x2: -0.4674630253;
    --y2: -0.0894442927;
    --delay: 0.8645308806;
  }
  .startails > div:nth-of-type(59) {
    --x: 0.6268862544;
    --y: 0.4403636325;
    --x2: 0.0355183304;
    --y2: -0.2280351239;
    --delay: 0.9965991022;
  }
  .startails > div:nth-of-type(60) {
    --x: 0.1893295914;
    --y: 0.7282523049;
    --x2: -0.2966524669;
    --y2: -0.4905740563;
    --delay: 0.5686956234;
  }
  .startails > div:nth-of-type(61) {
    --x: 0.3527599469;
    --y: 0.5537477231;
    --x2: -0.04468195;
    --y2: 0.1916801074;
    --delay: 0.770325065;
  }
  .startails > div:nth-of-type(62) {
    --x: 0.3227214959;
    --y: 0.2486390608;
    --x2: -0.4091177608;
    --y2: -0.2103082674;
    --delay: 0.4720935997;
  }
  .startails > div:nth-of-type(63) {
    --x: 0.4289624884;
    --y: 0.8248324177;
    --x2: 0.4626716713;
    --y2: 0.0124467194;
    --delay: 0.6862954921;
  }
  .startails > div:nth-of-type(64) {
    --x: 0.9702000887;
    --y: 0.1830002349;
    --x2: -0.1310651857;
    --y2: -0.1993672567;
    --delay: 0.7848753754;
  }
  .startails > div:nth-of-type(65) {
    --x: 0.2741334174;
    --y: 0.9259200357;
    --x2: -0.1837586184;
    --y2: 0.0124036366;
    --delay: 0.3044818184;
  }
  .startails > div:nth-of-type(66) {
    --x: 0.7708526159;
    --y: 0.4507099468;
    --x2: -0.1574499749;
    --y2: 0.2728284453;
    --delay: 0.9020271844;
  }
  .startails > div:nth-of-type(67) {
    --x: 0.7150681127;
    --y: 0.6529411532;
    --x2: -0.2921380824;
    --y2: -0.448821709;
    --delay: 0.8919755055;
  }
  .startails > div:nth-of-type(68) {
    --x: 0.6457841258;
    --y: 0.1632964271;
    --x2: 0.2918004124;
    --y2: 0.3723788542;
    --delay: 0.7457582555;
  }
  .startails > div:nth-of-type(69) {
    --x: 0.9709308542;
    --y: 0.0732504851;
    --x2: 0.3317982251;
    --y2: -0.2005227159;
    --delay: 0.5654454271;
  }
  .startails > div:nth-of-type(70) {
    --x: 0.1280173519;
    --y: 0.0339205403;
    --x2: -0.1930738208;
    --y2: -0.2193942061;
    --delay: 0.7791231639;
  }
  .startails > div:nth-of-type(71) {
    --x: 0.2413841757;
    --y: 0.6784378149;
    --x2: 0.3794875672;
    --y2: -0.0982295078;
    --delay: 0.848098203;
  }
  .startails > div:nth-of-type(72) {
    --x: 0.2220103106;
    --y: 0.9174093221;
    --x2: -0.0418651517;
    --y2: 0.1054589774;
    --delay: 0.3711918223;
  }
  .startails > div:nth-of-type(73) {
    --x: 0.4233126489;
    --y: 0.4690041426;
    --x2: -0.4699811843;
    --y2: 0.2080778829;
    --delay: 0.0533506569;
  }
  .startails > div:nth-of-type(74) {
    --x: 0.1524582533;
    --y: 0.3144460652;
    --x2: 0.3453709702;
    --y2: 0.3595427666;
    --delay: 0.1348478975;
  }
  .startails > div:nth-of-type(75) {
    --x: 0.3827371423;
    --y: 0.5830026306;
    --x2: -0.0493906105;
    --y2: -0.4890701898;
    --delay: 0.9371046566;
  }
  .startails > div:nth-of-type(76) {
    --x: 0.8999666829;
    --y: 0.4661022407;
    --x2: 0.1780444666;
    --y2: 0.1906039017;
    --delay: 0.2642808403;
  }
  .startails > div:nth-of-type(77) {
    --x: 0.0328379145;
    --y: 0.5150787859;
    --x2: 0.4334140295;
    --y2: -0.4089114096;
    --delay: 0.3713559689;
  }
  .startails > div:nth-of-type(78) {
    --x: 0.6375016128;
    --y: 0.2484334986;
    --x2: 0.4106289696;
    --y2: 0.1436427172;
    --delay: 0.8081854001;
  }
  .startails > div:nth-of-type(79) {
    --x: 0.8360870136;
    --y: 0.9473199084;
    --x2: -0.3049222131;
    --y2: 0.4132422408;
    --delay: 0.9760720888;
  }
  .startails > div:nth-of-type(80) {
    --x: 0.8426435799;
    --y: 0.1378843456;
    --x2: 0.4455705913;
    --y2: -0.4189091001;
    --delay: 0.1509709062;
  }
  .startails > div:nth-of-type(81) {
    --x: 0.2861144893;
    --y: 0.77787731;
    --x2: -0.2858057354;
    --y2: -0.3176417503;
    --delay: 0.34658137;
  }
  .startails > div:nth-of-type(82) {
    --x: 0.5801303484;
    --y: 0.7455212618;
    --x2: 0.2294638832;
    --y2: 0.0715738042;
    --delay: 0.4687428917;
  }
  .startails > div:nth-of-type(83) {
    --x: 0.8386308552;
    --y: 0.0915576894;
    --x2: -0.299363977;
    --y2: 0.2712323522;
    --delay: 0.1950535513;
  }
  .startails > div:nth-of-type(84) {
    --x: 0.9268756818;
    --y: 0.5989682903;
    --x2: -0.477541513;
    --y2: -0.1536927501;
    --delay: 0.8012577966;
  }
  .startails > div:nth-of-type(85) {
    --x: 0.5217335151;
    --y: 0.5872268976;
    --x2: 0.1853946134;
    --y2: 0.3262572189;
    --delay: 0.9646868156;
  }
  .startails > div:nth-of-type(86) {
    --x: 0.5909304017;
    --y: 0.5731030174;
    --x2: -0.2674792714;
    --y2: 0.0208991973;
    --delay: 0.3003413613;
  }
  .startails > div:nth-of-type(87) {
    --x: 0.0700474351;
    --y: 0.2896431914;
    --x2: 0.3133781608;
    --y2: -0.3039068393;
    --delay: 0.6730963357;
  }
  .startails > div:nth-of-type(88) {
    --x: 0.867008591;
    --y: 0.0170485698;
    --x2: 0.0763661015;
    --y2: -0.287059828;
    --delay: 0.4590946215;
  }
  .startails > div:nth-of-type(89) {
    --x: 0.687969173;
    --y: 0.4854395994;
    --x2: -0.12094883;
    --y2: 0.3105364825;
    --delay: 0.6644539854;
  }
  .startails > div:nth-of-type(90) {
    --x: 0.5347932885;
    --y: 0.8237410906;
    --x2: 0.2899958567;
    --y2: -0.2081863496;
    --delay: 0.333740334;
  }
  .startails > div:nth-of-type(91) {
    --x: 0.4088843849;
    --y: 0.7709508757;
    --x2: -0.0736967619;
    --y2: -0.2839152072;
    --delay: 0.525702937;
  }
  .startails > div:nth-of-type(92) {
    --x: 0.1782469959;
    --y: 0.4914538647;
    --x2: 0.3965614689;
    --y2: 0.0421159354;
    --delay: 0.701407893;
  }
  .startails > div:nth-of-type(93) {
    --x: 0.684742054;
    --y: 0.987081663;
    --x2: 0.3176712406;
    --y2: -0.0747394258;
    --delay: 0.0015934398;
  }
  .startails > div:nth-of-type(94) {
    --x: 0.9564481529;
    --y: 0.4432063429;
    --x2: -0.4260503541;
    --y2: 0.1227196441;
    --delay: 0.7835386121;
  }
  .startails > div:nth-of-type(95) {
    --x: 0.8813181044;
    --y: 0.2750364919;
    --x2: -0.2890810466;
    --y2: -0.0596296773;
    --delay: 0.1253655429;
  }
  .startails > div:nth-of-type(96) {
    --x: 0.9900100403;
    --y: 0.8245281028;
    --x2: -0.4478877619;
    --y2: 0.3344326075;
    --delay: 0.8153389732;
  }
  .startails > div:nth-of-type(97) {
    --x: 0.3855983892;
    --y: 0.4884340551;
    --x2: 0.2059238753;
    --y2: 0.1548725879;
    --delay: 0.7002888472;
  }
  .startails > div:nth-of-type(98) {
    --x: 0.6012572879;
    --y: 0.9918849788;
    --x2: 0.0969524369;
    --y2: -0.2355626642;
    --delay: 0.0690201273;
  }
  .startails > div:nth-of-type(99) {
    --x: 0.5290029892;
    --y: 0.6058281397;
    --x2: 0.2253288803;
    --y2: 0.3756748152;
    --delay: 0.9804899257;
  }
  .startails > div:nth-of-type(100) {
    --x: 0.5861025003;
    --y: 0.1248935702;
    --x2: -0.4058687007;
    --y2: -0.1520564114;
    --delay: 0.904656607;
  }
  .startails > div:nth-of-type(101) {
    --x: 0.5925684825;
    --y: 0.9628326736;
    --x2: 0.0530795959;
    --y2: -0.2244426918;
    --delay: 0.6440461203;
  }
  .startails > div:nth-of-type(102) {
    --x: 0.7324608649;
    --y: 0.7857476584;
    --x2: -0.1234655293;
    --y2: 0.0653692754;
    --delay: 0.3589409195;
  }
  .startails > div:nth-of-type(103) {
    --x: 0.1880457839;
    --y: 0.3417853178;
    --x2: -0.120806095;
    --y2: -0.0239500628;
    --delay: 0.771576746;
  }
  .startails > div:nth-of-type(104) {
    --x: 0.3844246605;
    --y: 0.5450695543;
    --x2: 0.3766229162;
    --y2: -0.2065915969;
    --delay: 0.9520191368;
  }
  .startails > div:nth-of-type(105) {
    --x: 0.2903990814;
    --y: 0.357273992;
    --x2: 0.137104475;
    --y2: 0.2150119913;
    --delay: 0.3299440445;
  }
  .startails > div:nth-of-type(106) {
    --x: 0.9083403188;
    --y: 0.0491668051;
    --x2: 0.1621053579;
    --y2: 0.3739096496;
    --delay: 0.7959254668;
  }
  .startails > div:nth-of-type(107) {
    --x: 0.5400185291;
    --y: 0.4386068998;
    --x2: 0.0007360551;
    --y2: -0.1046530505;
    --delay: 0.3970538977;
  }
  .startails > div:nth-of-type(108) {
    --x: 0.6122444394;
    --y: 0.9277214654;
    --x2: -0.4290257227;
    --y2: -0.3997430918;
    --delay: 0.798552487;
  }
  .startails > div:nth-of-type(109) {
    --x: 0.3925877597;
    --y: 0.3251328446;
    --x2: -0.4763957031;
    --y2: -0.4112581892;
    --delay: 0.0783748648;
  }
  .startails > div:nth-of-type(110) {
    --x: 0.1120074377;
    --y: 0.8476741042;
    --x2: -0.0653734603;
    --y2: 0.1893402367;
    --delay: 0.6224339308;
  }
  .startails > div:nth-of-type(111) {
    --x: 0.9538065618;
    --y: 0.6297221595;
    --x2: 0.083729476;
    --y2: 0.4542014301;
    --delay: 0.4009186065;
  }
  .startails > div:nth-of-type(112) {
    --x: 0.3207970639;
    --y: 0.432139444;
    --x2: -0.3491976139;
    --y2: 0.1025445249;
    --delay: 0.6657927142;
  }
  .startails > div:nth-of-type(113) {
    --x: 0.4522946588;
    --y: 0.0606116198;
    --x2: -0.4027051457;
    --y2: -0.119278353;
    --delay: 0.5803714536;
  }
  .startails > div:nth-of-type(114) {
    --x: 0.9829411297;
    --y: 0.6363450889;
    --x2: 0.3872711334;
    --y2: -0.0117759419;
    --delay: 0.5761146604;
  }
  .startails > div:nth-of-type(115) {
    --x: 0.226442506;
    --y: 0.3600888216;
    --x2: 0.2589792794;
    --y2: 0.4831206081;
    --delay: 0.5779628354;
  }
  .startails > div:nth-of-type(116) {
    --x: 0.2293884843;
    --y: 0.4405100811;
    --x2: -0.3031320013;
    --y2: -0.4950720948;
    --delay: 0.3899726053;
  }
  .startails > div:nth-of-type(117) {
    --x: 0.4240788862;
    --y: 0.6257623332;
    --x2: 0.228272255;
    --y2: -0.0218321829;
    --delay: 0.2250558108;
  }
  .startails > div:nth-of-type(118) {
    --x: 0.0382123773;
    --y: 0.3702547223;
    --x2: -0.2981438168;
    --y2: -0.4995977369;
    --delay: 0.3487918875;
  }
  .startails > div:nth-of-type(119) {
    --x: 0.4699524916;
    --y: 0.6392140532;
    --x2: -0.0606695807;
    --y2: -0.1643772692;
    --delay: 0.1945937966;
  }
  .startails > div:nth-of-type(120) {
    --x: 0.2085796233;
    --y: 0.5121811161;
    --x2: 0.1438288776;
    --y2: -0.1624513335;
    --delay: 0.0012608706;
  }
  .startails > div:nth-of-type(121) {
    --x: 0.2745145216;
    --y: 0.5254010258;
    --x2: 0.1184363806;
    --y2: 0.1962394318;
    --delay: 0.3842370874;
  }
  .startails > div:nth-of-type(122) {
    --x: 0.0660966214;
    --y: 0.1464843821;
    --x2: -0.1517422887;
    --y2: 0.2213715036;
    --delay: 0.3861917362;
  }
  .startails > div:nth-of-type(123) {
    --x: 0.8201457682;
    --y: 0.6329568457;
    --x2: -0.1603025026;
    --y2: -0.3439911813;
    --delay: 0.3421571434;
  }
  .startails > div:nth-of-type(124) {
    --x: 0.3225572139;
    --y: 0.4875042475;
    --x2: -0.1152259946;
    --y2: -0.4079894974;
    --delay: 0.4086675782;
  }
  .startails > div:nth-of-type(125) {
    --x: 0.7241188191;
    --y: 0.3613477382;
    --x2: 0.2913313132;
    --y2: -0.3516451475;
    --delay: 0.6311886678;
  }
  .startails > div:nth-of-type(126) {
    --x: 0.6772960576;
    --y: 0.940289122;
    --x2: 0.1850283083;
    --y2: -0.0043005789;
    --delay: 0.9395818865;
  }
  .startails > div:nth-of-type(127) {
    --x: 0.1718921848;
    --y: 0.8077781154;
    --x2: -0.2640527642;
    --y2: -0.1903187344;
    --delay: 0.7225247379;
  }
  .startails > div:nth-of-type(128) {
    --x: 0.1674692601;
    --y: 0.992249069;
    --x2: -0.104766286;
    --y2: 0.0283949508;
    --delay: 0.476239396;
  }
  .startails > div:nth-of-type(129) {
    --x: 0.1688014546;
    --y: 0.2874065495;
    --x2: 0.1477895712;
    --y2: 0.1357295881;
    --delay: 0.5158439294;
  }
  .startails > div:nth-of-type(130) {
    --x: 0.9742436931;
    --y: 0.6639884593;
    --x2: -0.4744879799;
    --y2: 0.4707509689;
    --delay: 0.4629225175;
  }
  .startails > div:nth-of-type(131) {
    --x: 0.4584493563;
    --y: 0.8826012527;
    --x2: 0.0672103193;
    --y2: 0.1780441838;
    --delay: 0.4206930804;
  }
  .startails > div:nth-of-type(132) {
    --x: 0.9225132579;
    --y: 0.4925579746;
    --x2: -0.2663604422;
    --y2: 0.3444221755;
    --delay: 0.406458443;
  }
  .startails > div:nth-of-type(133) {
    --x: 0.6216952363;
    --y: 0.0029359568;
    --x2: -0.2087607582;
    --y2: -0.1833703391;
    --delay: 0.6546581667;
  }
  .startails > div:nth-of-type(134) {
    --x: 0.4571558061;
    --y: 0.9547149237;
    --x2: -0.2723552309;
    --y2: -0.4982929461;
    --delay: 0.1671558697;
  }
  .startails > div:nth-of-type(135) {
    --x: 0.7297755519;
    --y: 0.226790939;
    --x2: -0.2099040995;
    --y2: 0.1458058158;
    --delay: 0.3903228701;
  }
  .startails > div:nth-of-type(136) {
    --x: 0.792161202;
    --y: 0.3181234616;
    --x2: 0.0993514074;
    --y2: -0.3864457807;
    --delay: 0.4309040206;
  }
  .startails > div:nth-of-type(137) {
    --x: 0.2905422413;
    --y: 0.3141522526;
    --x2: 0.4065136845;
    --y2: 0.0323556886;
    --delay: 0.8443939353;
  }
  .startails > div:nth-of-type(138) {
    --x: 0.8406889979;
    --y: 0.2808025543;
    --x2: 0.1792501496;
    --y2: -0.4560015345;
    --delay: 0.071812237;
  }
  .startails > div:nth-of-type(139) {
    --x: 0.313017539;
    --y: 0.8067358535;
    --x2: -0.1820821987;
    --y2: -0.1452826535;
    --delay: 0.6283729875;
  }
  .startails > div:nth-of-type(140) {
    --x: 0.1391633504;
    --y: 0.9851836117;
    --x2: 0.1953241143;
    --y2: 0.3431522371;
    --delay: 0.8744599493;
  }
  .startails > div:nth-of-type(141) {
    --x: 0.9964154782;
    --y: 0.5911485343;
    --x2: -0.001200784;
    --y2: 0.453275694;
    --delay: 0.4192371224;
  }
  .startails > div:nth-of-type(142) {
    --x: 0.5070202155;
    --y: 0.5503451348;
    --x2: 0.2174606;
    --y2: -0.2491456887;
    --delay: 0.5892508483;
  }
  .startails > div:nth-of-type(143) {
    --x: 0.9016201513;
    --y: 0.7006862877;
    --x2: 0.4815413575;
    --y2: 0.2378234811;
    --delay: 0.5809993535;
  }
  .startails > div:nth-of-type(144) {
    --x: 0.9868100641;
    --y: 0.4371213284;
    --x2: 0.2347413522;
    --y2: -0.2665947786;
    --delay: 0.2260991029;
  }
  .startails > div:nth-of-type(145) {
    --x: 0.4707326132;
    --y: 0.3115704444;
    --x2: -0.2803528237;
    --y2: 0.1499570392;
    --delay: 0.1828242171;
  }
  .startails > div:nth-of-type(146) {
    --x: 0.508263664;
    --y: 0.1662867146;
    --x2: 0.3056658985;
    --y2: -0.0474679959;
    --delay: 0.3146533878;
  }
  .startails > div:nth-of-type(147) {
    --x: 0.0725361411;
    --y: 0.9896351393;
    --x2: 0.3255796715;
    --y2: 0.0654954607;
    --delay: 0.5477520002;
  }
  .startails > div:nth-of-type(148) {
    --x: 0.3472999129;
    --y: 0.3556770271;
    --x2: 0.0459502377;
    --y2: -0.4807162489;
    --delay: 0.3668955354;
  }
  .startails > div:nth-of-type(149) {
    --x: 0.1403131981;
    --y: 0.3806847025;
    --x2: 0.4967276741;
    --y2: 0.2279817034;
    --delay: 0.1677836699;
  }
  .startails > div:nth-of-type(150) {
    --x: 0.6644260907;
    --y: 0.3851756693;
    --x2: 0.2621187026;
    --y2: 0.4322592389;
    --delay: 0.862469428;
  }
  .startails > div:nth-of-type(151) {
    --x: 0.5093764857;
    --y: 0.1955231681;
    --x2: -0.216590527;
    --y2: 0.2223876428;
    --delay: 0.1240645571;
  }
  .startails > div:nth-of-type(152) {
    --x: 0.5979289982;
    --y: 0.2445085803;
    --x2: -0.3045774002;
    --y2: 0.3259292692;
    --delay: 0.8778653153;
  }
  .startails > div:nth-of-type(153) {
    --x: 0.8642243302;
    --y: 0.1954280621;
    --x2: 0.1080028362;
    --y2: -0.3015749923;
    --delay: 0.0670326614;
  }
  .startails > div:nth-of-type(154) {
    --x: 0.1833742941;
    --y: 0.4601960031;
    --x2: 0.444097956;
    --y2: -0.0637972449;
    --delay: 0.3390485983;
  }
  .startails > div:nth-of-type(155) {
    --x: 0.0399165598;
    --y: 0.3777107843;
    --x2: 0.0176594174;
    --y2: -0.3785408758;
    --delay: 0.9872116331;
  }
  .startails > div:nth-of-type(156) {
    --x: 0.2261516064;
    --y: 0.2262489623;
    --x2: -0.4612094118;
    --y2: 0.4700872639;
    --delay: 0.6618566927;
  }
  .startails > div:nth-of-type(157) {
    --x: 0.3623285786;
    --y: 0.0908322305;
    --x2: -0.277016944;
    --y2: -0.0275200202;
    --delay: 0.6820535583;
  }
  .startails > div:nth-of-type(158) {
    --x: 0.7432714106;
    --y: 0.0656376538;
    --x2: 0.3027495607;
    --y2: 0.1209031659;
    --delay: 0.3241786964;
  }
  .startails > div:nth-of-type(159) {
    --x: 0.1106783592;
    --y: 0.4682909231;
    --x2: 0.1411818438;
    --y2: 0.4707740747;
    --delay: 0.0823742495;
  }
  .startails > div:nth-of-type(160) {
    --x: 0.9112720124;
    --y: 0.873859339;
    --x2: 0.1713958518;
    --y2: 0.3061765107;
    --delay: 0.4138493596;
  }
  .startails > div:nth-of-type(161) {
    --x: 0.8761843618;
    --y: 0.4424845926;
    --x2: -0.4335449338;
    --y2: 0.4602407914;
    --delay: 0.6197578285;
  }
  .startails > div:nth-of-type(162) {
    --x: 0.4216484241;
    --y: 0.8254217828;
    --x2: 0.2698203911;
    --y2: 0.2331698751;
    --delay: 0.9606921129;
  }
  .startails > div:nth-of-type(163) {
    --x: 0.3306659338;
    --y: 0.3895551279;
    --x2: 0.0779299312;
    --y2: 0.1352090029;
    --delay: 0.4011490754;
  }
  .startails > div:nth-of-type(164) {
    --x: 0.820508915;
    --y: 0.9417511499;
    --x2: 0.1296115528;
    --y2: -0.0244471833;
    --delay: 0.286186763;
  }
  .startails > div:nth-of-type(165) {
    --x: 0.0200286085;
    --y: 0.5096735558;
    --x2: -0.0068568022;
    --y2: 0.2381601635;
    --delay: 0.5789056229;
  }
  .startails > div:nth-of-type(166) {
    --x: 0.0732821516;
    --y: 0.1246669814;
    --x2: 0.4926327407;
    --y2: -0.0669391681;
    --delay: 0.0481118693;
  }
  .startails > div:nth-of-type(167) {
    --x: 0.0051066241;
    --y: 0.2257892581;
    --x2: -0.3734190348;
    --y2: 0.1232236056;
    --delay: 0.6621236906;
  }
  .startails > div:nth-of-type(168) {
    --x: 0.8312939613;
    --y: 0.4836492013;
    --x2: 0.286231023;
    --y2: -0.4122332901;
    --delay: 0.0129602982;
  }
  .startails > div:nth-of-type(169) {
    --x: 0.0649638658;
    --y: 0.4499025818;
    --x2: -0.3715738936;
    --y2: -0.4891653876;
    --delay: 0.5994103827;
  }
  .startails > div:nth-of-type(170) {
    --x: 0.5831569197;
    --y: 0.8146118457;
    --x2: 0.127811658;
    --y2: 0.2786608596;
    --delay: 0.5917242694;
  }
  .startails > div:nth-of-type(171) {
    --x: 0.6505021834;
    --y: 0.2891786848;
    --x2: 0.3037369406;
    --y2: 0.0560414836;
    --delay: 0.5756392259;
  }
  .startails > div:nth-of-type(172) {
    --x: 0.9123830021;
    --y: 0.4537166621;
    --x2: -0.0180484174;
    --y2: -0.0575258145;
    --delay: 0.6959418915;
  }
  .startails > div:nth-of-type(173) {
    --x: 0.8225095362;
    --y: 0.1767024997;
    --x2: -0.2245254846;
    --y2: -0.1328066337;
    --delay: 0.2014175854;
  }
  .startails > div:nth-of-type(174) {
    --x: 0.0306300247;
    --y: 0.4918600731;
    --x2: 0.1392974675;
    --y2: -0.3281694698;
    --delay: 0.320267421;
  }
  .startails > div:nth-of-type(175) {
    --x: 0.9645124354;
    --y: 0.4944243729;
    --x2: -0.1920904188;
    --y2: 0.4982421174;
    --delay: 0.4183825079;
  }
  .startails > div:nth-of-type(176) {
    --x: 0.5638511975;
    --y: 0.2172224637;
    --x2: 0.3246297188;
    --y2: 0.2602710901;
    --delay: 0.4007871706;
  }
  .startails > div:nth-of-type(177) {
    --x: 0.2897772583;
    --y: 0.4807769425;
    --x2: 0.465351793;
    --y2: -0.258458316;
    --delay: 0.442047726;
  }
  .startails > div:nth-of-type(178) {
    --x: 0.0916480939;
    --y: 0.9898356971;
    --x2: 0.2979115426;
    --y2: 0.486942387;
    --delay: 0.6502158151;
  }
  .startails > div:nth-of-type(179) {
    --x: 0.6445702844;
    --y: 0.4879436952;
    --x2: 0.2924131244;
    --y2: 0.1976658128;
    --delay: 0.2152116668;
  }
  .startails > div:nth-of-type(180) {
    --x: 0.0814854645;
    --y: 0.7730178715;
    --x2: -0.2730833389;
    --y2: -0.4690983332;
    --delay: 0.2148678354;
  }
  .startails > div:nth-of-type(181) {
    --x: 0.2231087535;
    --y: 0.7464150474;
    --x2: 0.1374962503;
    --y2: 0.3429953809;
    --delay: 0.328454033;
  }
  .startails > div:nth-of-type(182) {
    --x: 0.3002661573;
    --y: 0.3793231352;
    --x2: 0.1497404033;
    --y2: -0.3399050312;
    --delay: 0.1008256187;
  }
  .startails > div:nth-of-type(183) {
    --x: 0.2099185686;
    --y: 0.2169049538;
    --x2: 0.4813713995;
    --y2: 0.1580843203;
    --delay: 0.1851345879;
  }
  .startails > div:nth-of-type(184) {
    --x: 0.030897164;
    --y: 0.4114558745;
    --x2: 0.3733449807;
    --y2: 0.2079910058;
    --delay: 0.9597804095;
  }
  .startails > div:nth-of-type(185) {
    --x: 0.2582823565;
    --y: 0.0630603486;
    --x2: -0.3223946694;
    --y2: 0.0382961876;
    --delay: 0.1456627259;
  }
  .startails > div:nth-of-type(186) {
    --x: 0.6352469452;
    --y: 0.263573942;
    --x2: -0.2137693574;
    --y2: -0.1505363792;
    --delay: 0.7227533323;
  }
  .startails > div:nth-of-type(187) {
    --x: 0.9772924136;
    --y: 0.5984513948;
    --x2: 0.2944031545;
    --y2: -0.2928732152;
    --delay: 0.6578152581;
  }
  .startails > div:nth-of-type(188) {
    --x: 0.9846828935;
    --y: 0.9756559047;
    --x2: -0.4621982516;
    --y2: -0.1847621646;
    --delay: 0.2450107819;
  }
  .startails > div:nth-of-type(189) {
    --x: 0.0510439186;
    --y: 0.768530933;
    --x2: -0.4398825435;
    --y2: -0.3409917488;
    --delay: 0.5959862169;
  }
  .startails > div:nth-of-type(190) {
    --x: 0.6890736557;
    --y: 0.0696294732;
    --x2: -0.1827182842;
    --y2: -0.2763968139;
    --delay: 0.0033758175;
  }
  .startails > div:nth-of-type(191) {
    --x: 0.9222619135;
    --y: 0.5130463569;
    --x2: 0.4357902411;
    --y2: -0.2639869076;
    --delay: 0.9618795094;
  }
  .startails > div:nth-of-type(192) {
    --x: 0.8676610311;
    --y: 0.4446777631;
    --x2: -0.3998325214;
    --y2: 0.2092159828;
    --delay: 0.5492468032;
  }
  .startails > div:nth-of-type(193) {
    --x: 0.9781669665;
    --y: 0.8439717672;
    --x2: 0.1622119601;
    --y2: -0.3470444276;
    --delay: 0.4374205923;
  }
  .startails > div:nth-of-type(194) {
    --x: 0.5611971881;
    --y: 0.4440768914;
    --x2: 0.1352222397;
    --y2: -0.4936992141;
    --delay: 0.1198243786;
  }
  .startails > div:nth-of-type(195) {
    --x: 0.626747344;
    --y: 0.3365862007;
    --x2: -0.3916695202;
    --y2: 0.4011623464;
    --delay: 0.3584397616;
  }
  .startails > div:nth-of-type(196) {
    --x: 0.5891815665;
    --y: 0.9784351871;
    --x2: 0.4197723306;
    --y2: -0.1782229825;
    --delay: 0.6504701523;
  }
  .startails > div:nth-of-type(197) {
    --x: 0.0591579668;
    --y: 0.2298775542;
    --x2: -0.220499343;
    --y2: -0.2334038944;
    --delay: 0.7565787742;
  }
  .startails > div:nth-of-type(198) {
    --x: 0.2733782512;
    --y: 0.3465961114;
    --x2: 0.271055203;
    --y2: -0.1628828293;
    --delay: 0.0345656406;
  }
  .startails > div:nth-of-type(199) {
    --x: 0.3156389802;
    --y: 0.7666996345;
    --x2: 0.3963827425;
    --y2: 0.3627808084;
    --delay: 0.2723426205;
  }
  .startails > div:nth-of-type(200) {
    --x: 0.9112833659;
    --y: 0.3508379284;
    --x2: 0.3309618701;
    --y2: 0.0083522868;
    --delay: 0.4035148853;
  }
  .startails > div:nth-of-type(201) {
    --x: 0.1291843833;
    --y: 0.7165995124;
    --x2: -0.4410925389;
    --y2: -0.1452344792;
    --delay: 0.9078477312;
  }
  @keyframes startails-animation {
    from {
      opacity: 1;
      translate: calc(var(--x) * 100vw) calc(var(--y) * 100vh);
      scale: 0.9;
    }
    2% {
      scale: 0.4;
    }
    5% {
      translate: calc(var(--x) * 100vw + var(--y2) * var(--distance)) calc(var(--y) * 100vh + var(--x2) * var(--distance));
      opacity: 0;
      scale: 1;
    }
    to {
      translate: calc(var(--x) * 100vw + var(--y2) * var(--distance)) calc(var(--y) * 100vh + var(--x2) * var(--distance));
      scale: 1;
      opacity: 0;
    }
  }
}
@layer scene {
  .scene {
    display: grid;
    place-items: center;
    position: absolute;
    animation: scene-zoom-in-out var(--time) ease-in-out infinite;
    transform-style: preserve-3d;
  }
  @keyframes scene-zoom-in-out {
    from {
      transform: scale(0.9);
    }
    50% {
      transform: scale(1);
    }
    to {
      transform: scale(0.9);
    }
  }
}
@property --space {
  syntax: "<length>";
  initial-value: 0;
  inherits: true;
}
@layer cuboid {
  .cuboid {
    position: absolute;
    transform-style: preserve-3d;
    transform: rotateY(312deg) rotateX(350deg) rotateZ(10deg) translateY(20vh);
    --size: 8vmax;
    --size-h: calc(var(--size) / 2);
    --size-h-n: calc(var(--size) / -2);
  }
  .cuboid .top {
    width: var(--size);
    aspect-ratio: 1;
    background: linear-gradient(135deg, #e8dbdd, #989699);
    transform-style: preserve-3d;
    transform: rotateX(90deg) translateZ(var(--size-h-n));
    opacity: 0.9;
  }
  .cuboid .front {
    width: var(--size);
    aspect-ratio: 1/2;
    background: linear-gradient(#5f595d, transparent 60%);
    opacity: 0.5;
    transform: translateZ(var(--size-h));
    position: absolute;
  }
  .cuboid .right {
    width: var(--size);
    aspect-ratio: 1/2;
    background: linear-gradient(#5f595d 10%, transparent 90%);
    transform: translate3d(var(--size-h), 0, 0) rotateY(90deg);
    position: absolute;
    opacity: 0.7;
    mask: radial-gradient(150% 120% at 0% 0%, black, transparent);
  }
  .cuboid .outline {
    --space: 0vmax;
    --space-h: calc(var(--size) / 2);
    position: absolute;
    width: var(--size);
    aspect-ratio: 1;
    border: 0.0125vmax solid white;
    transition: all 3s ease-in-out;
    translate: calc(-50% + var(--space-h)) calc(-50% + var(--space-h));
    padding: var(--space);
    --duration: 16s;
    animation: outline-animation var(--duration) 0s cubic-bezier(0.68, 0.27, 0.26, 0.91) infinite;
    opacity: 0;
    box-shadow: inset 0 0 0.5vmax rgba(255, 255, 255, 0.4), 0 0 0.5vmax rgba(255, 255, 255, 0.4);
    --initial-space: var(--size-h);
  }
  .cuboid .outline:nth-of-type(2) {
    animation-delay: calc(var(--duration) / 4);
  }
  .cuboid .outline:nth-of-type(3) {
    animation-delay: calc(var(--duration) / 4 * 2);
  }
  .cuboid .outline:nth-of-type(4) {
    animation-delay: calc(var(--duration) / 4 * 3);
  }
  @keyframes outline-animation {
    from {
      --space: var(--initial-space, 0vmax);
      opacity: 0;
      filter: blur(0vmax);
    }
    5% {
      opacity: 0.2;
    }
    40% {
      opacity: 0.5;
    }
    60% {
      opacity: 0.05;
      filter: blur(0vmax);
    }
    80% {
      opacity: 0;
    }
    to {
      --space: calc(var(--initial-space, 0vmax) + 25vmax);
      opacity: 0;
      filter: blur(0.6vmax);
    }
  }
}
@layer planets {
  @property --moon-angle {
    syntax: "<angle>";
    initial-value: 0deg;
    inherits: true;
  }
  @keyframes moon-animation {
    from {
      --moon-angle: 180deg;
    }
    50% {
      --moon-angle: 200deg;
    }
    to {
      --moon-angle: 180deg;
    }
  }
  .brain-orb {
    width: 44vmax;
    height: 16.8vmax;
    position: absolute;
    left: 50%;
    top: calc(50% - 9vmax);
    transform: translate(-50%, -50%);
    pointer-events: none;
    display: block;
    z-index: 30;
  }
  .planet-2 {
    transform-style: preserve-3d;
    border-radius: 50%;
    width: 13vmax;
    aspect-ratio: 1;
    background: radial-gradient(90% 90% at 60% 55%, #e3e3e3, #d2c6c8 52%, #212528 62%, transparent 82%);
    position: absolute;
    --r: 2vmax;
    --y: calc(-35vmax + sin(var(--moon-angle)) * var(--r));
    --z: calc(cos(var(--moon-angle)) * var(--r) * 1);
    transform: translateY(var(--y)) translateX(-20vmax) translateZ(var(--z));
    animation: moon-animation var(--time) ease-in-out infinite;
  }
  .planet-3 {
    transform-style: preserve-3d;
    border-radius: 50%;
    width: 2vmax;
    aspect-ratio: 1;
    background: radial-gradient(90% 90% at 70% 50%, #eeeeee 16%, #b7aeb0 38%, #3c4144 52%, #2d3134 60%, transparent 82%);
    position: absolute;
    transform: translateY(-10vmax) translateX(-20vmax);
    opacity: 0.6;
  }
  .planet-4 {
    transform-style: preserve-3d;
    border-radius: 50%;
    width: 1vmax;
    aspect-ratio: 1;
    background: radial-gradient(90% 90% at 70% 50%, #d0d0d0, #b7aeb0 38%, #121415 52%, #131617 60%, transparent 82%);
    position: absolute;
    transform: translateY(-11vmax) translateX(-22vmax);
    opacity: 0.5;
  }
  .planet-5 {
    transform-style: preserve-3d;
    border-radius: 50%;
    width: 10vmax;
    aspect-ratio: 1;
    background: radial-gradient(90% 90% at 30% 55%, #797777, #515051 52%, #212528 62%, transparent 82%);
    position: absolute;
    --r: 5vmax;
    --y: calc(-35vmax + sin(var(--moon-angle)) * var(--r));
    --z: calc(cos(var(--moon-angle)) * var(--r) * 1);
    transform: translateY(var(--y)) translateX(18vmax) translateZ(var(--z));
    clip-path: circle();
    overflow: clip;
    animation: moon-animation var(--time) ease-in-out infinite;
    filter: blur(0.03rem);
    --animation: move-to-left calc(var(--time) * 6) ease-in-out infinite;
  }
  .planet-5 .structure-1 {
    position: absolute;
    inset: -20vmax;
    filter: url(#planet-structure) saturate(0);
    mix-blend-mode: lighten;
    opacity: 0.4;
    transform: scale(4) translateX(1vmax);
    animation: var(--animation);
  }
  .planet-5 .structure-2 {
    position: absolute;
    inset: -20vmax;
    filter: url(#planet-structure) saturate(0);
    mix-blend-mode: lighten;
    opacity: 0.5;
    transform: scale(7.5);
    animation: var(--animation);
  }
  .planet-5 .structure-3 {
    position: absolute;
    inset: -20vmax;
    filter: url(#planet-structure) saturate(0);
    mix-blend-mode: lighten;
    opacity: 0.1;
    transform: scale(0.2) translateX(1vmax);
    animation: var(--animation);
  }
  .planet-5::after {
    content: "";
    position: absolute;
    inset: 0;
    background: radial-gradient(circle at 5% 20%, transparent 30%, #171a1c 60%);
  }
  @keyframes move-to-left {
    from {
      translate: 0 0;
    }
    50% {
      translate: -100% 0;
    }
    to {
      translate: 0 0;
    }
  }
  .planet-6 {
    transform-style: preserve-3d;
    border-radius: 50%;
    width: 7vmax;
    aspect-ratio: 1;
    background: radial-gradient(90% 90% at 30% 55%, #f3ecec, #7a7a7a 52%, #212528 72%, transparent);
    position: absolute;
    --r: 6vmax;
    --y: calc(-39.6vmax + sin(var(--moon-angle)) * var(--r));
    --z: calc(cos(var(--moon-angle)) * var(--r) * 1);
    transform: translateY(var(--y)) translateX(23vmax) translateZ(var(--z));
    animation: moon-animation var(--time) ease-in-out infinite;
    display: grid;
    place-items: center;
    filter: blur(0.06rem);
  }
  .planet-6::before {
    content: "";
    position: absolute;
    border-radius: 50%;
    width: 12vmax;
    height: 1vmax;
    border: 1vmax solid #5e5e5e;
    box-shadow: inset 0 0 1rem black;
    transform: rotate(25deg);
    mask: radial-gradient(circle at 50% -20%, transparent 30%, black);
    clip-path: ellipse(47% 22% at 50% 50%);
    filter: blur(0.5vmax);
  }
  .planet-6::after {
    content: "";
    position: absolute;
    border-radius: 50%;
    width: 12vmax;
    height: 1vmax;
    border: 2.6vmax solid #43484c;
    box-shadow: inset 0 0 1rem black;
    transform: rotate(25deg);
    mask: radial-gradient(circle at 50% -20%, transparent 30%, black);
    clip-path: ellipse(47% 22% at 50% 50%);
  }
  .planets,
  .planets-2 {
    position: absolute;
    inset: 0;
  }
  .planets > div,
  .planets-2 > div {
    --distance: 20vmax;
    border-radius: 50%;
    width: 1.6vmax;
    aspect-ratio: 1;
    background: radial-gradient(90% 90% at 70% 50%, #bbbaba, #888586 38%, #121415 52%, #131617 60%, transparent 82%);
    opacity: 0.5;
    filter: blur(0.1rem);
    translate: calc(var(--x) * 100vw) calc(var(--y) * 100vh);
  }
  .planets > div:nth-of-type(1),
  .planets-2 > div:nth-of-type(1) {
    --x: 0.7976262894;
    --y: 0.4773089067;
    --x2: 0.4583970622;
    --y2: -0.350901048;
    --delay: 0.3106303946;
  }
  .planets > div:nth-of-type(2),
  .planets-2 > div:nth-of-type(2) {
    --x: 0.0775567576;
    --y: 0.2203065492;
    --x2: 0.2202000115;
    --y2: -0.1736536232;
    --delay: 0.4730352847;
  }
  .planets > div:nth-of-type(3),
  .planets-2 > div:nth-of-type(3) {
    --x: 0.405861908;
    --y: 0.8916027717;
    --x2: -0.403894829;
    --y2: -0.47523165;
    --delay: 0.4527391704;
  }
  .planets > div:nth-of-type(4),
  .planets-2 > div:nth-of-type(4) {
    --x: 0.1525275571;
    --y: 0.5369956812;
    --x2: 0.0980689784;
    --y2: 0.432148456;
    --delay: 0.0640997178;
  }
  .planets > div:nth-of-type(5),
  .planets-2 > div:nth-of-type(5) {
    --x: 0.8305802356;
    --y: 0.7303736891;
    --x2: -0.0895905461;
    --y2: -0.2569008552;
    --delay: 0.451732428;
  }
  .planets > div:nth-of-type(6),
  .planets-2 > div:nth-of-type(6) {
    --x: 0.0847871179;
    --y: 0.6277913435;
    --x2: 0.4210597718;
    --y2: -0.2084935895;
    --delay: 0.2543548199;
  }
  .planets > div:nth-of-type(7),
  .planets-2 > div:nth-of-type(7) {
    --x: 0.1254384273;
    --y: 0.2581904697;
    --x2: -0.265127615;
    --y2: -0.2671366606;
    --delay: 0.4127737796;
  }
  .planets > div:nth-of-type(8),
  .planets-2 > div:nth-of-type(8) {
    --x: 0.952736182;
    --y: 0.9741962871;
    --x2: -0.1310444675;
    --y2: 0.0120310951;
    --delay: 0.2112074995;
  }
  .planets > div:nth-of-type(9),
  .planets-2 > div:nth-of-type(9) {
    --x: 0.6849857309;
    --y: 0.5647493531;
    --x2: -0.1678798893;
    --y2: -0.4568567506;
    --delay: 0.6794705335;
  }
  .planets > div:nth-of-type(10),
  .planets-2 > div:nth-of-type(10) {
    --x: 0.0128319297;
    --y: 0.0235492486;
    --x2: -0.4131547122;
    --y2: 0.3334898676;
    --delay: 0.3328529104;
  }
  .planets > div:nth-of-type(11),
  .planets-2 > div:nth-of-type(11) {
    --x: 0.7941727779;
    --y: 0.5349653949;
    --x2: 0.0995806282;
    --y2: -0.2416920272;
    --delay: 0.4306805977;
  }
  .planets > div:nth-of-type(12),
  .planets-2 > div:nth-of-type(12) {
    --x: 0.9236276445;
    --y: 0.5503944499;
    --x2: -0.3161887752;
    --y2: -0.0725028745;
    --delay: 0.5940263096;
  }
  .planets > div:nth-of-type(13),
  .planets-2 > div:nth-of-type(13) {
    --x: 0.4890265031;
    --y: 0.5505827692;
    --x2: -0.0575581191;
    --y2: -0.3546203966;
    --delay: 0.7922662989;
  }
  .planets > div:nth-of-type(14),
  .planets-2 > div:nth-of-type(14) {
    --x: 0.9816120965;
    --y: 0.2798070128;
    --x2: 0.4745178547;
    --y2: 0.002542644;
    --delay: 0.7710081026;
  }
  .planets > div:nth-of-type(15),
  .planets-2 > div:nth-of-type(15) {
    --x: 0.9484600657;
    --y: 0.4521024864;
    --x2: -0.367425367;
    --y2: -0.3081321254;
    --delay: 0.4190250019;
  }
  .planets > div:nth-of-type(16),
  .planets-2 > div:nth-of-type(16) {
    --x: 0.512039364;
    --y: 0.4534585898;
    --x2: -0.4735573596;
    --y2: 0.3264416015;
    --delay: 0.6649876234;
  }
  .planets > div:nth-of-type(17),
  .planets-2 > div:nth-of-type(17) {
    --x: 0.1163417236;
    --y: 0.9031416069;
    --x2: -0.3272751762;
    --y2: -0.0220499405;
    --delay: 0.4760086759;
  }
  .planets > div:nth-of-type(18),
  .planets-2 > div:nth-of-type(18) {
    --x: 0.362985031;
    --y: 0.971989026;
    --x2: -0.4923471632;
    --y2: -0.2746494112;
    --delay: 0.0108112369;
  }
  .planets > div:nth-of-type(19),
  .planets-2 > div:nth-of-type(19) {
    --x: 0.0852763411;
    --y: 0.2959127103;
    --x2: -0.0507566719;
    --y2: -0.2993893569;
    --delay: 0.0773063095;
  }
  .planets > div:nth-of-type(20),
  .planets-2 > div:nth-of-type(20) {
    --x: 0.7243707755;
    --y: 0.0798762315;
    --x2: 0.0939938077;
    --y2: -0.4829162917;
    --delay: 0.4455203928;
  }
  .planets > div:nth-of-type(21),
  .planets-2 > div:nth-of-type(21) {
    --x: 0.9974527698;
    --y: 0.3739559327;
    --x2: -0.4384627719;
    --y2: -0.4724224227;
    --delay: 0.7454863383;
  }
  .planets > div:nth-of-type(22),
  .planets-2 > div:nth-of-type(22) {
    --x: 0.542815933;
    --y: 0.5397005491;
    --x2: -0.0699518403;
    --y2: -0.4852603786;
    --delay: 0.6873299788;
  }
  .planets > div:nth-of-type(23),
  .planets-2 > div:nth-of-type(23) {
    --x: 0.5224417998;
    --y: 0.9816105002;
    --x2: 0.499240697;
    --y2: 0.4274585144;
    --delay: 0.0746138104;
  }
  .planets > div:nth-of-type(24),
  .planets-2 > div:nth-of-type(24) {
    --x: 0.8385407512;
    --y: 0.6805728563;
    --x2: -0.31339689;
    --y2: -0.3422501489;
    --delay: 0.38943653;
  }
  .planets > div:nth-of-type(25),
  .planets-2 > div:nth-of-type(25) {
    --x: 0.4088192557;
    --y: 0.1229635113;
    --x2: -0.2620788462;
    --y2: 0.4696820805;
    --delay: 0.1470366574;
  }
  .planets > div:nth-of-type(26),
  .planets-2 > div:nth-of-type(26) {
    --x: 0.9018285532;
    --y: 0.4381158539;
    --x2: 0.2773013488;
    --y2: 0.14468492;
    --delay: 0.4900504493;
  }
  .planets > div:nth-of-type(27),
  .planets-2 > div:nth-of-type(27) {
    --x: 0.9181360032;
    --y: 0.4322438952;
    --x2: 0.0962007181;
    --y2: -0.2370417466;
    --delay: 0.3956827813;
  }
  .planets > div:nth-of-type(28),
  .planets-2 > div:nth-of-type(28) {
    --x: 0.8874795126;
    --y: 0.0280309107;
    --x2: -0.2366519387;
    --y2: 0.1630680477;
    --delay: 0.857037925;
  }
  .planets > div:nth-of-type(29),
  .planets-2 > div:nth-of-type(29) {
    --x: 0.077562667;
    --y: 0.1331952556;
    --x2: 0.0241127871;
    --y2: -0.0147790056;
    --delay: 0.3864313273;
  }
  .planets > div:nth-of-type(30),
  .planets-2 > div:nth-of-type(30) {
    --x: 0.774413343;
    --y: 0.6352964926;
    --x2: -0.1044119588;
    --y2: -0.344782844;
    --delay: 0.9799445533;
  }
  .planets > div:nth-of-type(31),
  .planets-2 > div:nth-of-type(31) {
    --x: 0.4628872727;
    --y: 0.5369564239;
    --x2: 0.1175009464;
    --y2: 0.2338147968;
    --delay: 0.0309461514;
  }
  .planets > div:nth-of-type(32),
  .planets-2 > div:nth-of-type(32) {
    --x: 0.5039911888;
    --y: 0.4099445418;
    --x2: -0.1209694701;
    --y2: -0.2806448704;
    --delay: 0.9308609624;
  }
  .planets > div:nth-of-type(33),
  .planets-2 > div:nth-of-type(33) {
    --x: 0.0555532685;
    --y: 0.7392422628;
    --x2: -0.4354423715;
    --y2: -0.0634706307;
    --delay: 0.4896892319;
  }
  .planets > div:nth-of-type(34),
  .planets-2 > div:nth-of-type(34) {
    --x: 0.4443359016;
    --y: 0.1605073678;
    --x2: 0.1133631196;
    --y2: -0.455421001;
    --delay: 0.0757998848;
  }
  .planets > div:nth-of-type(35),
  .planets-2 > div:nth-of-type(35) {
    --x: 0.3265151975;
    --y: 0.70323048;
    --x2: 0.3940671698;
    --y2: -0.2341875933;
    --delay: 0.1422649047;
  }
  .planets > div:nth-of-type(36),
  .planets-2 > div:nth-of-type(36) {
    --x: 0.8068253543;
    --y: 0.3124814007;
    --x2: -0.1642297709;
    --y2: -0.1828366168;
    --delay: 0.4355505012;
  }
  .planets > div:nth-of-type(37),
  .planets-2 > div:nth-of-type(37) {
    --x: 0.1075720561;
    --y: 0.4213539143;
    --x2: -0.4350777414;
    --y2: 0.2922154443;
    --delay: 0.9694956296;
  }
  .planets > div:nth-of-type(38),
  .planets-2 > div:nth-of-type(38) {
    --x: 0.8307000817;
    --y: 0.508735656;
    --x2: 0.43709549;
    --y2: 0.2148486203;
    --delay: 0.314222459;
  }
  .planets > div:nth-of-type(39),
  .planets-2 > div:nth-of-type(39) {
    --x: 0.0045559765;
    --y: 0.4326125904;
    --x2: -0.1632259816;
    --y2: -0.0596936605;
    --delay: 0.3937595199;
  }
  .planets > div:nth-of-type(40),
  .planets-2 > div:nth-of-type(40) {
    --x: 0.0737662473;
    --y: 0.2576674701;
    --x2: 0.2611886942;
    --y2: -0.3334029123;
    --delay: 0.1237882338;
  }
  .planets > div:nth-of-type(41),
  .planets-2 > div:nth-of-type(41) {
    --x: 0.5180224752;
    --y: 0.3244749145;
    --x2: 0.1708480698;
    --y2: -0.2157484664;
    --delay: 0.3932352699;
  }
  .planets > div:nth-of-type(42),
  .planets-2 > div:nth-of-type(42) {
    --x: 0.7892640072;
    --y: 0.9248566038;
    --x2: -0.1771599704;
    --y2: 0.0431589137;
    --delay: 0.3276121069;
  }
  .planets > div:nth-of-type(43),
  .planets-2 > div:nth-of-type(43) {
    --x: 0.1717135538;
    --y: 0.8541467525;
    --x2: -0.421172512;
    --y2: 0.2282014438;
    --delay: 0.9840858382;
  }
  .planets > div:nth-of-type(44),
  .planets-2 > div:nth-of-type(44) {
    --x: 0.7410535754;
    --y: 0.1339700985;
    --x2: 0.3221271399;
    --y2: 0.1110795049;
    --delay: 0.7674025942;
  }
  .planets > div:nth-of-type(45),
  .planets-2 > div:nth-of-type(45) {
    --x: 0.7634414088;
    --y: 0.2251528514;
    --x2: 0.4481842557;
    --y2: 0.1375423584;
    --delay: 0.5372284517;
  }
  .planets > div:nth-of-type(46),
  .planets-2 > div:nth-of-type(46) {
    --x: 0.6045345118;
    --y: 0.1556736795;
    --x2: -0.0657865022;
    --y2: -0.3695140585;
    --delay: 0.0553570094;
  }
  .planets > div:nth-of-type(47),
  .planets-2 > div:nth-of-type(47) {
    --x: 0.656678559;
    --y: 0.8089027054;
    --x2: 0.0081148022;
    --y2: -0.1612472405;
    --delay: 0.2080932716;
  }
  .planets > div:nth-of-type(48),
  .planets-2 > div:nth-of-type(48) {
    --x: 0.8378727305;
    --y: 0.2059671076;
    --x2: -0.1913906719;
    --y2: 0.1495525678;
    --delay: 0.1997504059;
  }
  .planets > div:nth-of-type(49),
  .planets-2 > div:nth-of-type(49) {
    --x: 0.0062631584;
    --y: 0.6400441454;
    --x2: 0.3522768581;
    --y2: 0.3657263091;
    --delay: 0.5714281303;
  }
  .planets > div:nth-of-type(50),
  .planets-2 > div:nth-of-type(50) {
    --x: 0.2171023123;
    --y: 0.5482423275;
    --x2: -0.391219899;
    --y2: 0.2603830496;
    --delay: 0.1718852471;
  }
  .planets > div:nth-of-type(51),
  .planets-2 > div:nth-of-type(51) {
    --x: 0.4839323806;
    --y: 0.8591004957;
    --x2: -0.3724086878;
    --y2: 0.0936285764;
    --delay: 0.2272424165;
  }
  .planets-2 > div {
    width: 0.5vmax;
    opacity: 0.6;
    filter: unset;
  }
}
@layer object {
  .object {
    position: absolute;
    display: grid;
    display: none;
    place-items: center;
    transform: rotateY(45deg) translateZ(6vmax);
    translate: 5vmax 5vmax;
  }
  .object .body {
    position: absolute;
    display: grid;
    place-items: center;
    --content: "🏄‍♂️";
    --content: "🐋";
    font-size: 6vmax;
    color: initial;
    z-index: 1111;
  }
  .object .body:before {
    content: var(--content);
    transform: scaleX(-1);
    filter: saturate(0) brightness(1.1) drop-shadow(0 0 1vmax rgba(0, 0, 0, 0.4));
    z-index: 1111;
  }
  .object .body:after {
    content: var(--content);
    transform: scaleX(-1) scaleY(-1) translateY(2.5vmax);
    filter: saturate(0) brightness(0);
    mask: linear-gradient(to bottom, transparent 60%, black 80%);
    z-index: 115;
  }
}
@layer human {
  .human {
    position: absolute;
    display: grid;
    place-items: center;
    width: 6vmax;
    height: 14vmax;
    translate: 0 17vh;
    z-index: 111;
  }
  .human:not(.shadow) {
    filter: invert(0.04) drop-shadow(0 0 1.5vmax rgba(250, 250, 250, 0.6));
  }
  .human > div {
    position: absolute;
  }
  .human .head {
    background: white;
    width: 1.5vmax;
    height: 1.6vmax;
    border-radius: 50%;
    translate: 0.2vmax -6.2vmax;
    rotate: 355deg;
  }
  .human .head:before {
    content: "";
    position: absolute;
    background: white;
    width: 0.27vmax;
    height: 0.7vmax;
    border-radius: 50%;
    translate: 1.19vmax 0.5vmin;
    rotate: 136deg;
    animation: head-nose calc(var(--time) / 4) ease-in-out infinite;
  }
  @keyframes head-nose {
    from {
      translate: 1.19vmax 0.5vmin;
    }
    50% {
      translate: 1.06vmax 0.5vmin;
    }
    to {
      translate: 1.19vmax 0.5vmin;
    }
  }
  .human .head:after {
    content: "";
    position: absolute;
    background: white;
    width: 1.1vmax;
    height: 0.9vmax;
    border-radius: 50%;
    translate: 0.45vmax 0.66vmax;
    rotate: 45deg;
    animation: head-chin calc(var(--time) / 4) ease-in-out infinite;
  }
  @keyframes head-chin {
    from {
      translate: 0.45vmax 0.66vmax;
    }
    50% {
      translate: 0.2vmax 0.66vmax;
    }
    to {
      translate: 0.45vmax 0.66vmax;
    }
  }
  .human .neck {
    background: white;
    width: 0.8vmax;
    height: 1.5vmax;
    border-radius: 50%;
    translate: 0.2vmax -5.4vmax;
  }
  .human .neck:before {
    content: "";
    position: absolute;
    width: 0.3vmax;
    height: 1.5vmax;
    background: white;
    border-radius: 50%;
    translate: 0.6vmax 0.4vmax;
    rotate: 352deg;
  }
  .human .body {
    z-index: 11;
  }
  .human .body > div {
    position: absolute;
  }
  .human .body .shoulder:before {
    content: "";
    position: absolute;
    width: 1.3vmax;
    height: 0.5vmax;
    background: white;
    border-radius: 50%;
    translate: -1.1vmax -5vmax;
    rotate: 330deg;
  }
  .human .body .shoulder:after {
    content: "";
    position: absolute;
    width: 1.3vmax;
    height: 0.5vmax;
    background: white;
    border-radius: 50%;
    translate: 0.4vmax -4.9vmax;
    rotate: 24deg;
  }
  .human .body .back {
    width: 1.3vmax;
    height: 4.1vmax;
    background: rgb(250, 250, 250);
    border-radius: 20%;
    translate: -0.2vmax -4.9vmax;
    rotate: 357deg;
  }
  .human .body .back:before {
    content: "";
    position: absolute;
    width: 2.9vmax;
    height: 1.5vmax;
    background: rgb(250, 250, 250);
    border-radius: 50%;
    translate: -1.4vmax 0.7vmax;
    rotate: 69deg;
    z-index: -1;
  }
  .human .body .back:after {
    content: "";
    position: absolute;
    width: 2.6vmax;
    height: 1vmax;
    background: rgb(250, 250, 250);
    border-radius: 50%;
    translate: 0.1vmax 1.1vmax;
    rotate: 96deg;
  }
  .human .body .hip .center {
    position: absolute;
    width: 1.6vmax;
    height: 1.8vmax;
    background: radial-gradient(white, #f5f5f5);
    border-radius: 39.6%;
    translate: -0.3vmax -3vmax;
    rotate: 267deg;
    display: grid;
  }
  .human .body .hip:before {
    content: "";
    position: absolute;
    width: 1.6vmax;
    height: 2.2vmax;
    background: radial-gradient(white, #e7e4e4);
    border-radius: 46.5%;
    translate: -0.6vmax -2.5vmax;
    rotate: 8deg;
  }
  .human .body .hip:after {
    content: "";
    position: absolute;
    width: 1.3vmax;
    height: 2.2vmax;
    background: radial-gradient(white, #f6f5f5);
    border-radius: 41.1%;
    translate: 0.3vmax -2.2vmax;
    rotate: 161deg;
  }
  .human .leg.right {
    width: 1.1vmax;
    height: 2.9vmax;
    background: white;
    border-radius: 50%;
    translate: 1.2vmax 0.4vmax;
    rotate: 348deg;
  }
  .human .leg.right:after {
    content: "";
    position: absolute;
    width: 0.7vmax;
    height: 2.9vmax;
    background: white;
    border-radius: 50%;
    translate: 0.5vmax 0.2vmax;
    rotate: 13deg;
  }
  .human .leg.right .knee {
    position: absolute;
    height: 1.7vmax;
    width: 0.75vmax;
    background: white;
    border-radius: 39.6%;
    translate: 0vmax 2.2vmax;
    rotate: 15deg;
  }
  .human .leg.right .lower {
    position: absolute;
    height: 3.2vmax;
    width: 0.8vmax;
    background: white;
    border-radius: 50%;
    translate: -0.3vmax 2.4vmax;
    rotate: 15deg;
  }
  .human .leg.right .lower:before {
    content: "";
    position: absolute;
    width: 0.5vmax;
    height: 1.5vmax;
    background: white;
    border-radius: 67.8%;
    translate: 0.5vmax 2.6vmax;
    rotate: 66deg;
  }
  .human .leg.right .lower:after {
    content: "";
    position: absolute;
    width: 0.5vmax;
    height: 1.5vmax;
    background: white;
    border-radius: 27.8%;
    translate: 0.1vmax 2.3vmax;
    rotate: 0deg;
  }
  .human .leg.left {
    width: 1.1vmax;
    height: 2.9vmax;
    background: #f4efef;
    border-radius: 50%;
    translate: -0.3vmax 0.4vmax;
    rotate: 2deg;
    filter: invert(0.04);
    z-index: -1;
  }
  .human .leg.left:after {
    content: "";
    position: absolute;
    width: 0.7vmax;
    height: 2.9vmax;
    background: #f4efef;
    border-radius: 50%;
    translate: 0.5vmax 0.2vmax;
    rotate: 13deg;
  }
  .human .leg.left .knee {
    position: absolute;
    height: 1.7vmax;
    width: 0.75vmax;
    background: #e7e4e4;
    border-radius: 39.6%;
    translate: 0vmax 2.2vmax;
    rotate: 5deg;
  }
  .human .leg.left .lower {
    position: absolute;
    height: 3.2vmax;
    width: 0.8vmax;
    background: #eae6e6;
    border-radius: 50%;
    translate: -0.1vmax 1.9vmax;
    rotate: 5deg;
  }
  .human .leg.left .lower:before {
    content: "";
    position: absolute;
    width: 0.5vmax;
    height: 1.5vmax;
    background: #e7e4e4;
    border-radius: 67.8%;
    translate: 0.5vmax 2.6vmax;
    rotate: 47deg;
  }
  .human .leg.left .lower:after {
    content: "";
    position: absolute;
    width: 0.5vmax;
    height: 1.55vmax;
    background: #e7e4e4;
    border-radius: 27.8%;
    translate: 0.1vmax 2.3vmax;
    rotate: 0deg;
  }
  .human .arm.right {
    position: absolute;
    width: 0.7vmax;
    height: 2.9vmax;
    background: white;
    border-radius: 27.8%;
    translate: 1.6vmax -3.1vmax;
    rotate: 346deg;
    animation: arm-right calc(var(--time) / 4) ease-in-out infinite;
  }
  @keyframes arm-right {
    from {
      rotate: 346deg;
    }
    50% {
      rotate: 350deg;
    }
    to {
      rotate: 346deg;
    }
  }
  .human .arm.right:before {
    content: "";
    position: absolute;
    width: 0.3vmax;
    height: 2.45vmax;
    background: white;
    border-radius: 27.8%;
    translate: 0.3vmax 2.1vmax;
    rotate: 6deg;
  }
  .human .arm.right:after {
    content: "";
    position: absolute;
    width: 0.4vmax;
    height: 2.15vmax;
    background: white;
    border-radius: 27.8%;
    translate: 0.1vmax 2.1vmax;
    rotate: 351deg;
  }
  .human .arm.right .hand {
    position: absolute;
    width: 0.3vmax;
    height: 0.85vmax;
    background: white;
    border-radius: 27.8%;
    translate: 0.3vmax 3.7vmax;
    rotate: 353deg;
  }
  .human .arm.right .hand:after {
    content: "";
    position: absolute;
    width: 0.5vmax;
    height: 0.55vmax;
    background: white;
    border-radius: 39.2%;
    translate: -0.2vmax 0.6vmax;
    rotate: 65deg;
  }
  .human .arm.left {
    width: 0.7vmax;
    height: 2.5vmax;
    background: white;
    border-radius: 59.8%;
    translate: -0.9vmax -3.4vmax;
    rotate: 359deg;
    filter: invert(0.1);
    z-index: -2;
    animation: arm-left calc(var(--time) / 4) ease-in-out infinite;
  }
  @keyframes arm-left {
    from {
      rotate: 359deg;
    }
    50% {
      rotate: 364deg;
    }
    to {
      rotate: 359deg;
    }
  }
  .human .arm.left:before {
    content: "";
    position: absolute;
    width: 0.3vmax;
    height: 2.45vmax;
    background: white;
    border-radius: 27.8%;
    translate: 0.3vmax 1.8vmax;
    rotate: 6deg;
  }
  .human .arm.left:after {
    content: "";
    position: absolute;
    width: 0.4vmax;
    height: 2.15vmax;
    background: white;
    border-radius: 27.8%;
    translate: 0.2vmax 2.1vmax;
    rotate: 351deg;
  }
  .human .arm.left .hand {
    position: absolute;
    width: 0.3vmax;
    height: 0.85vmax;
    background: white;
    border-radius: 27.8%;
    translate: 0.3vmax 3.7vmax;
    rotate: 353deg;
  }
  .human .arm.left .hand:after {
    content: "";
    position: absolute;
    width: 0.5vmax;
    height: 0.55vmax;
    background: white;
    border-radius: 39.2%;
    translate: -0.1vmax 0.2vmax;
    rotate: 65deg;
  }
  .human.shadow {
    transform: scaleY(-1) translateY(-9vmax);
    filter: invert(0.2);
    opacity: 0.5;
    z-index: 0;
    mask: linear-gradient(to top, black 25%, transparent 35%);
  }
  .human.shadow .leg.left .lower:before {
    rotate: 102deg;
  }
  .human.shadow .leg.right .lower:before {
    rotate: 102deg;
  }
}
.highlight {
  position: absolute;
  height: 100vh;
  width: 100vw;
  background: radial-gradient(50vmin 70vmin at 70% 70%, rgba(255, 255, 255, 0.12), transparent), radial-gradient(40vmin 30vmin at 70% 70%, rgba(255, 255, 255, 0.12), transparent), radial-gradient(40vmin 60vmin at 10% 70%, rgba(255, 255, 255, 0.14), transparent), radial-gradient(80vmin 100vh at 30% 70%, rgba(255, 255, 255, 0.1), transparent);
  filter: blur(5vmin);
  pointer-events: none;
}

.color-filter {
  position: absolute;
  height: 100vh;
  width: 100vw;
  background: conic-gradient(at 50% 60%, rgba(50, 56, 92, 0.27), rgba(152, 75, 132, 0.07), rgba(150, 75, 152, 0.04), rgba(50, 56, 92, 0.27));
  mix-blend-mode: color;
  pointer-events: none;
}

.audio-icon-button {
  border: 0.0625rem white solid;
  padding: 0.5rem;
  width: 2.265rem;
  height: 2.265rem;
  border-radius: 50%;
  background: transparent;
  position: fixed;
  right: 2rem;
  top: 2rem;
  z-index: 4200;
  aspect-ratio: 1;
  display: flex;
  gap: 0.125rem;
  align-items: center;
  justify-content: center;
  opacity: 0.5;
  transition: opacity 0.3s ease;
}
@media (hover) {
  .audio-icon-button {
    cursor: pointer;
  }
  .audio-icon-button:hover {
    opacity: 1;
  }
}
.audio-icon-button .bar {
  background: white;
  height: 1.5rem;
  width: 0.0825rem;
}
.audio-icon-button .bar:nth-of-type(1), .audio-icon-button .bar:nth-of-type(5) {
  height: 0.5rem;
}
.audio-icon-button .bar:nth-of-type(2), .audio-icon-button .bar:nth-of-type(4) {
  height: 1rem;
}

.waitlist-cta {
  position: fixed;
  left: 50%;
  top: calc(100vh - 6.2rem);
  transform: translate(-50%, -50%);
  display: grid;
  place-items: center;
  z-index: 4200;
  width: var(--size-10);
  height: var(--waitlist-closed-height);
  --color-primary: hsl(264deg 44% 48%);
  --color-on-surface: white;
  --color-primary-variant: #120046;
  --color-surface-emphasis-4: rgba(255, 255, 255, 0.8);
  --color-surface-emphasis-2: rgba(255, 255, 255, 0.2);
  --size-10: 8.75rem;
  --size-4: 0.8rem;
  --size-3: 0.75rem;
  --size-2: 0.5rem;
  --waitlist-closed-height: 2.7rem;
  --waitlist-open-height: 5.8rem;
  overflow: visible;
  transform-origin: center center;
  transition:
    width 0.52s cubic-bezier(0.19, 1, 0.22, 1),
    height 0.52s cubic-bezier(0.19, 1, 0.22, 1),
    transform 0.52s cubic-bezier(0.19, 1, 0.22, 1);
}

.waitlist-panel {
  position: absolute;
  inset: 0;
  padding: 0.8rem 0.8rem 0.72rem;
  border-radius: 2px;
  background: linear-gradient(180deg, rgba(14, 17, 28, 0.3), rgba(11, 14, 24, 0.12));
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.035);
  backdrop-filter: blur(18px) saturate(120%);
  -webkit-backdrop-filter: blur(18px) saturate(120%);
  opacity: 0;
  pointer-events: none;
  clip-path: inset(30% 0 30% 0 round 2px);
  transform: translateY(0.12rem) scale(0.985);
  transition:
    opacity 0.2s ease 0s,
    clip-path 0.48s cubic-bezier(0.19, 1, 0.22, 1) 0s,
    transform 0.48s cubic-bezier(0.19, 1, 0.22, 1) 0s;
  z-index: 2;
}

.waitlist-cta[data-open="true"] {
  width: min(21rem, calc(100vw - 2.75rem));
  height: var(--waitlist-open-height);
  transform: translate(-50%, -50%);
}

.waitlist-cta[data-open="true"] .waitlist-panel {
  opacity: 1;
  pointer-events: auto;
  clip-path: inset(0 0 0 0 round 2px);
  transform: translateY(0) scale(1);
  transition-delay: 0.12s, 0.02s, 0.02s;
}

.waitlist-form {
  display: grid;
  gap: 0.58rem;
}

.waitlist-form > * {
  opacity: 0;
  transform: translateY(0.34rem);
  transition:
    opacity 0.22s ease 0s,
    transform 0.38s cubic-bezier(0.19, 1, 0.22, 1) 0s;
}

.waitlist-cta[data-open="true"] .waitlist-form > * {
  opacity: 1;
  transform: translateY(0);
}

.waitlist-cta[data-open="true"] .waitlist-form > *:nth-child(1) {
  transition-delay: 0.2s;
}

.waitlist-cta[data-open="true"] .waitlist-form > *:nth-child(2) {
  transition-delay: 0.24s;
}

.waitlist-cta[data-open="true"] .waitlist-form > *:nth-child(3) {
  transition-delay: 0.28s;
}

.waitlist-form__label,
.waitlist-form__input,
.waitlist-form__submit {
  font-family: "SF Mono", Menlo, Consolas, monospace;
}

.waitlist-form__label {
  color: rgba(255, 255, 255, 0.72);
  font-size: 0.6rem;
  letter-spacing: 0.16em;
  text-transform: uppercase;
}

.waitlist-form__row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 0.52rem;
}

.waitlist-form__input,
.waitlist-form__submit {
  appearance: none;
  border-radius: 2px;
  height: 2.35rem;
  border: 1px solid rgba(255, 255, 255, 0.14);
}

.waitlist-form__input {
  background: rgba(255, 255, 255, 0.045);
  color: rgba(255, 255, 255, 0.94);
  padding: 0 0.78rem;
  font-size: 0.76rem;
  letter-spacing: 0.01em;
  outline: none;
  transition: border-color 0.18s ease, background-color 0.18s ease, box-shadow 0.18s ease;
}

.waitlist-form__input::placeholder {
  color: rgba(255, 255, 255, 0.36);
}

.waitlist-form__input:focus {
  border-color: rgba(255, 255, 255, 0.3);
  background: rgba(255, 255, 255, 0.06);
  box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.08);
}

.waitlist-form__submit {
  padding: 0 0.95rem;
  background: rgba(255, 255, 255, 0.08);
  color: rgba(255, 255, 255, 0.86);
  font-size: 0.68rem;
  letter-spacing: 0.11em;
  text-transform: uppercase;
  cursor: pointer;
  transition: background-color 0.18s ease, border-color 0.18s ease, color 0.18s ease;
}

.waitlist-form__submit:hover,
.waitlist-form__submit:focus-visible {
  background: rgba(255, 255, 255, 0.14);
  border-color: rgba(255, 255, 255, 0.22);
  color: rgba(255, 255, 255, 0.96);
}

.waitlist-feedback {
  position: absolute;
  top: calc(100% + 0.55rem);
  left: 50%;
  margin: 0;
  width: max-content;
  max-width: min(24rem, calc(100vw - 2rem));
  transform: translateX(-50%);
  color: rgba(228, 238, 255, 0.86);
  font-family: "SF Mono", Menlo, Consolas, monospace;
  font-size: 0.62rem;
  letter-spacing: 0.03em;
  text-align: center;
  white-space: nowrap;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.22s ease, transform 0.22s ease;
}

.waitlist-feedback[data-state="visible"] {
  opacity: 1;
  transform: translateX(-50%) translateY(0);
}

.waitlist-feedback[data-variant="error"] {
  color: rgba(255, 214, 214, 0.84);
}

.waitlist-cta .block {
  width: 100%;
  height: 100%;
  place-self: center;
  position: relative;
  padding: 1px;
  background: conic-gradient(
    from var(--gradient-angle),
    rgba(255, 255, 255, 0.04) 0deg,
    rgba(255, 255, 255, 0.04) 70deg,
    rgba(255, 255, 255, 1) 120deg,
    rgba(255, 255, 255, 0.04) 180deg,
    rgba(255, 255, 255, 0.04) 250deg,
    rgba(255, 255, 255, 1) 300deg,
    rgba(255, 255, 255, 0.04) 360deg
  );
  border-radius: 1px;
  mask: conic-gradient(#000 0 0) content-box exclude, conic-gradient(#000 0 0);
  animation: loading 12s linear infinite;
  grid-area: 1 / 1;
  pointer-events: none;
  opacity: 0.42;
  transition: opacity 0.18s ease;
  z-index: 3;
}

.waitlist-cta .block::before {
  content: "";
  position: absolute;
  inset: 0;
  padding: 1px;
  background: radial-gradient(
    9.25rem 5.35rem at var(--x, 50%) var(--y, 50%),
    rgba(255, 255, 255, 1) 0%,
    rgba(255, 255, 255, 0.62) 16%,
    rgba(255, 255, 255, 0.22) 36%,
    transparent 62%
  );
  border-radius: inherit;
  mask: conic-gradient(#000 0 0) content-box exclude, conic-gradient(#000 0 0);
  opacity: 0;
  transition: opacity 0.18s ease;
}

.waitlist-cta button[labs-button] {
  overflow: hidden;
  background-color: rgba(255, 255, 255, 0.028);
  border: 1px solid transparent;
  box-shadow: -1px -1px 0 rgba(255, 255, 255, var(--tl, 0.2)),
    1px 1px 0 rgba(255, 255, 255, var(--br, 0.2)),
    1px -1px 0 rgba(255, 255, 255, var(--tr, 0.2)),
    -1px 1px 0 rgba(255, 255, 255, var(--bl, 0.2));
  border-radius: 2px;
  padding: var(--size-4);
  min-width: var(--size-10);
  color: rgba(255, 255, 255, 0.62);
  font-family: Menlo, Consolas, monospace;
  font-size: 0.68rem;
  font-weight: 500;
  letter-spacing: 0.03125rem;
  backdrop-filter: blur(5px);
  -webkit-backdrop-filter: blur(5px);
  transition:
    box-shadow 0.7s ease,
    background-color 0.28s ease,
    opacity 0.18s ease 0.26s,
    transform 0.46s cubic-bezier(0.19, 1, 0.22, 1),
    color 0.28s ease;
  position: relative;
  overflow: hidden;
  grid-area: 1 / 1;
  z-index: 2;
  width: 100%;
  min-width: 0;
  height: 100%;
}

.waitlist-cta button[labs-button]::before {
  content: "";
  transition: opacity 0.18s ease;
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  filter: blur(2px);
  bottom: 0;
  background: radial-gradient(
      circle,
      rgba(196, 200, 208, 0.46) 0%,
      rgba(118, 124, 136, 0.2) 24%,
      transparent 100%
    )
    no-repeat;
  background-size: 240% 200%;
  background-position: calc(80% + var(--x)) calc(100% + var(--y));
  z-index: -1;
}

.waitlist-cta button[labs-button].right::before {
  filter: blur(2px);
}

.waitlist-cta button[labs-button]:hover {
  opacity: 1;
  color: rgba(255, 255, 255, 0.96);
  background-color: rgba(255, 255, 255, 0.04);
}

.waitlist-cta:hover .block,
.waitlist-cta[data-open="true"] .block {
  opacity: 0.82;
}

.waitlist-cta:hover .block::before,
.waitlist-cta[data-open="true"] .block::before {
  opacity: 1;
}

.waitlist-cta button[labs-button]:hover::before {
  opacity: 0.62;
}

.waitlist-cta[data-open="true"] button[labs-button] {
  opacity: 0;
  pointer-events: none;
  transform: translateY(-0.04rem) scale(0.968);
  transition-delay: 0s, 0s, 0s, 0s, 0s;
}

@media (max-width: 640px) {
  .waitlist-cta {
    left: 50%;
    top: calc(100vh - 4.2rem);
  }
  .waitlist-cta[data-open="true"] {
    width: min(19.5rem, calc(100vw - 1.75rem));
  }
  .waitlist-panel {
    padding: 0.78rem;
  }
  .waitlist-form__row {
    grid-template-columns: 1fr;
  }
  .waitlist-feedback {
    max-width: calc(100vw - 1.5rem);
    white-space: normal;
  }
}

@keyframes loading {
  0% {
    --gradient-angle: 0deg;
  }
  100% {
    --gradient-angle: 360deg;
  }
}

.wordmark-canvas {
  position: fixed;
  z-index: 2400;
  pointer-events: none;
  display: none;
}

.harness-layer {
  position: fixed;
  inset: 0;
  width: 100vw;
  height: 100vh;
  z-index: 24;
  pointer-events: none;
  display: block;
}

@layer global {
  body {
    width: 100vw;
    height: 100vh;
    display: grid;
    place-items: center;
    background-color: var(--color-surface);
    color: var(--color-primary);
    position: absolute;
    inset: 0;
    perspective: 80vmax;
    margin: 0;
    overflow: hidden;
  }
  body:before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 111;
    pointer-events: none;
    background: rgba(0, 0, 0, 0.1);
    mask: linear-gradient(black 10%, transparent 30%, transparent 70%, black 80%);
    backdrop-filter: blur(5vmin) invert(0);
  }
  * {
    box-sizing: border-box;
  }
}
a.labs-follow-me {
  left: 2rem;
  right: 2rem;
  bottom: 1rem;
  top: unset;
  text-align: center;
}

@media (min-width: 1600px) {
  .scene {
    translate: 10vw 0;
  }
  .highlight {
    background: radial-gradient(50vmin 70vmin at 70% 70%, rgba(255, 255, 255, 0.12), transparent), radial-gradient(40vmin 30vmin at 70% 70%, rgba(255, 255, 255, 0.12), transparent), radial-gradient(40vmin 60vmin at 10% 70%, rgba(255, 255, 255, 0.14), transparent), radial-gradient(80vmin 100vh at 30% 70%, rgba(255, 255, 255, 0.1), transparent), radial-gradient(65vmin 90vh at 82% 58%, rgba(255, 255, 255, 0.08), transparent);
  }
  .color-filter {
    background: conic-gradient(at 58% 58%, rgba(50, 56, 92, 0.27), rgba(152, 75, 132, 0.07), rgba(150, 75, 152, 0.04), rgba(50, 56, 92, 0.27));
  }
}