@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;
}
@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;
    -webkit-animation: stars-animation 20s ease-in-out infinite;
            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.2;
    -webkit-animation: stars-animation-2 20s ease-in-out infinite;
            animation: stars-animation-2 20s ease-in-out infinite;
  }

  @-webkit-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 {
    from {
      translate: 1vmin 2vmin;
      rotate: 0deg;
    }
    30% {
      translate: 1vmin -2vmin;
    }
    50% {
      translate: -1vmin 2vmin;
      rotate: 10deg;
    }
    to {
      translate: 1vmin 2vmin;
      rotate: 0deg;
    }
  }
  @-webkit-keyframes stars-animation-2 {
    from {
      translate: 1vmin -2vmin;
    }
    30% {
      translate: -1vmin -2vmin;
    }
    50% {
      translate: 1vmin -2vmin;
    }
    to {
      translate: 1vmin -2vmin;
    }
  }
  @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;
    -webkit-animation: startails-animation 10s calc(var(--delay) * var(--time) * 6) linear infinite;
            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.213657971;
    --y: 0.59351043;
    --x2: -0.3507167662;
    --y2: -0.435632988;
    --delay: 0.7156052;
  }
  .startails > div:nth-of-type(2) {
    --x: 0.9880710063;
    --y: 0.0916302766;
    --x2: 0.1759282679;
    --y2: -0.1605661006;
    --delay: 0.7371219729;
  }
  .startails > div:nth-of-type(3) {
    --x: 0.5892917725;
    --y: 0.9622578276;
    --x2: 0.3029582114;
    --y2: -0.2250879418;
    --delay: 0.4863065442;
  }
  .startails > div:nth-of-type(4) {
    --x: 0.6508114394;
    --y: 0.4875814634;
    --x2: -0.4826861778;
    --y2: -0.2271415901;
    --delay: 0.2082449743;
  }
  .startails > div:nth-of-type(5) {
    --x: 0.4969053961;
    --y: 0.0429756565;
    --x2: -0.3717000089;
    --y2: -0.4896027849;
    --delay: 0.6408552558;
  }
  .startails > div:nth-of-type(6) {
    --x: 0.7096278047;
    --y: 0.7388634112;
    --x2: 0.3711757471;
    --y2: 0.1257540891;
    --delay: 0.1998551246;
  }
  .startails > div:nth-of-type(7) {
    --x: 0.0316236573;
    --y: 0.6399921553;
    --x2: -0.1286312394;
    --y2: -0.4066912033;
    --delay: 0.1541979832;
  }
  .startails > div:nth-of-type(8) {
    --x: 0.2769779;
    --y: 0.8004464597;
    --x2: -0.224048996;
    --y2: -0.3532497064;
    --delay: 0.1028704016;
  }
  .startails > div:nth-of-type(9) {
    --x: 0.9412927744;
    --y: 0.6821680422;
    --x2: -0.1748057541;
    --y2: 0.4290204124;
    --delay: 0.977720531;
  }
  .startails > div:nth-of-type(10) {
    --x: 0.3996756413;
    --y: 0.638996817;
    --x2: -0.2418227755;
    --y2: 0.1540876957;
    --delay: 0.9255969569;
  }
  .startails > div:nth-of-type(11) {
    --x: 0.4481350841;
    --y: 0.7077802741;
    --x2: -0.3228548864;
    --y2: -0.3472469154;
    --delay: 0.3065916618;
  }
  .startails > div:nth-of-type(12) {
    --x: 0.5211291521;
    --y: 0.2240609191;
    --x2: 0.2481160181;
    --y2: 0.1515464932;
    --delay: 0.9548404129;
  }
  .startails > div:nth-of-type(13) {
    --x: 0.0467951735;
    --y: 0.6977624975;
    --x2: -0.0103770774;
    --y2: -0.3469417203;
    --delay: 0.296546825;
  }
  .startails > div:nth-of-type(14) {
    --x: 0.6754529882;
    --y: 0.2794700079;
    --x2: 0.4719446989;
    --y2: -0.2081549215;
    --delay: 0.4630070649;
  }
  .startails > div:nth-of-type(15) {
    --x: 0.6064141121;
    --y: 0.8330036006;
    --x2: -0.4871105788;
    --y2: -0.0246994869;
    --delay: 0.0138968795;
  }
  .startails > div:nth-of-type(16) {
    --x: 0.6366550801;
    --y: 0.8908703029;
    --x2: 0.3496801404;
    --y2: -0.1242965023;
    --delay: 0.7972908568;
  }
  .startails > div:nth-of-type(17) {
    --x: 0.4026214394;
    --y: 0.4396368728;
    --x2: -0.0660106575;
    --y2: -0.1399085206;
    --delay: 0.9662916383;
  }
  .startails > div:nth-of-type(18) {
    --x: 0.5065521859;
    --y: 0.6680069;
    --x2: 0.0452982938;
    --y2: 0.2166962139;
    --delay: 0.8874277919;
  }
  .startails > div:nth-of-type(19) {
    --x: 0.5139048538;
    --y: 0.6345422508;
    --x2: 0.3425288155;
    --y2: -0.2012406319;
    --delay: 0.9846631772;
  }
  .startails > div:nth-of-type(20) {
    --x: 0.1184761902;
    --y: 0.5983491159;
    --x2: -0.1368177107;
    --y2: 0.3418740119;
    --delay: 0.567866576;
  }
  .startails > div:nth-of-type(21) {
    --x: 0.3196809529;
    --y: 0.8894939167;
    --x2: -0.42956309;
    --y2: 0.3886187164;
    --delay: 0.4545790577;
  }
  .startails > div:nth-of-type(22) {
    --x: 0.4624323027;
    --y: 0.6742665221;
    --x2: -0.011125248;
    --y2: -0.4880428525;
    --delay: 0.8965705166;
  }
  .startails > div:nth-of-type(23) {
    --x: 0.4388235731;
    --y: 0.4826183519;
    --x2: -0.3318697003;
    --y2: 0.1081392519;
    --delay: 0.0867654861;
  }
  .startails > div:nth-of-type(24) {
    --x: 0.7142192354;
    --y: 0.19914966;
    --x2: 0.0013524315;
    --y2: -0.1568341379;
    --delay: 0.1714851839;
  }
  .startails > div:nth-of-type(25) {
    --x: 0.0509757432;
    --y: 0.0340986216;
    --x2: -0.1953644416;
    --y2: 0.070973139;
    --delay: 0.3520124582;
  }
  .startails > div:nth-of-type(26) {
    --x: 0.4351787028;
    --y: 0.4908110365;
    --x2: 0.1584235105;
    --y2: 0.4617644712;
    --delay: 0.4987249528;
  }
  .startails > div:nth-of-type(27) {
    --x: 0.8831540772;
    --y: 0.9118050515;
    --x2: -0.2491225846;
    --y2: -0.4165453035;
    --delay: 0.130812103;
  }
  .startails > div:nth-of-type(28) {
    --x: 0.9198626557;
    --y: 0.961540112;
    --x2: -0.3284258588;
    --y2: -0.164849218;
    --delay: 0.8634811208;
  }
  .startails > div:nth-of-type(29) {
    --x: 0.3616579396;
    --y: 0.1302678469;
    --x2: -0.1866307045;
    --y2: 0.1513800433;
    --delay: 0.6530901574;
  }
  .startails > div:nth-of-type(30) {
    --x: 0.7571690574;
    --y: 0.7529299271;
    --x2: 0.3503761108;
    --y2: -0.3962334376;
    --delay: 0.6432381158;
  }
  .startails > div:nth-of-type(31) {
    --x: 0.2593015499;
    --y: 0.9920782891;
    --x2: -0.2614114869;
    --y2: 0.4646299137;
    --delay: 0.418159083;
  }
  .startails > div:nth-of-type(32) {
    --x: 0.2836171304;
    --y: 0.7003715256;
    --x2: -0.4776861345;
    --y2: -0.0926350953;
    --delay: 0.9230656036;
  }
  .startails > div:nth-of-type(33) {
    --x: 0.6078694839;
    --y: 0.0600630702;
    --x2: 0.1123907604;
    --y2: -0.2275217965;
    --delay: 0.3802634144;
  }
  .startails > div:nth-of-type(34) {
    --x: 0.2947319782;
    --y: 0.4436378028;
    --x2: 0.0253975077;
    --y2: -0.0513121459;
    --delay: 0.2917685206;
  }
  .startails > div:nth-of-type(35) {
    --x: 0.9240680468;
    --y: 0.7906006009;
    --x2: -0.0344719506;
    --y2: 0.2348749644;
    --delay: 0.3761074148;
  }
  .startails > div:nth-of-type(36) {
    --x: 0.8406340161;
    --y: 0.0002524563;
    --x2: -0.153378539;
    --y2: 0.4724471124;
    --delay: 0.5646730888;
  }
  .startails > div:nth-of-type(37) {
    --x: 0.2496291657;
    --y: 0.3953650886;
    --x2: 0.0748549448;
    --y2: 0.2470560414;
    --delay: 0.2507005242;
  }
  .startails > div:nth-of-type(38) {
    --x: 0.1677143187;
    --y: 0.4445858582;
    --x2: 0.3361445131;
    --y2: -0.035130642;
    --delay: 0.243081167;
  }
  .startails > div:nth-of-type(39) {
    --x: 0.145941875;
    --y: 0.4144301271;
    --x2: 0.4753440278;
    --y2: -0.1960215725;
    --delay: 0.2403020309;
  }
  .startails > div:nth-of-type(40) {
    --x: 0.1435486735;
    --y: 0.306129201;
    --x2: -0.2265190869;
    --y2: -0.2679648161;
    --delay: 0.7634921959;
  }
  .startails > div:nth-of-type(41) {
    --x: 0.4812798742;
    --y: 0.1741544886;
    --x2: -0.0082640451;
    --y2: -0.4207303476;
    --delay: 0.2787209731;
  }
  .startails > div:nth-of-type(42) {
    --x: 0.9120111724;
    --y: 0.2681420772;
    --x2: 0.2902991062;
    --y2: -0.0288258836;
    --delay: 0.1178798289;
  }
  .startails > div:nth-of-type(43) {
    --x: 0.509059014;
    --y: 0.2426906558;
    --x2: -0.2409710892;
    --y2: -0.3442649414;
    --delay: 0.2398261246;
  }
  .startails > div:nth-of-type(44) {
    --x: 0.6550725873;
    --y: 0.3069008962;
    --x2: -0.2364827793;
    --y2: -0.0444415242;
    --delay: 0.0936373622;
  }
  .startails > div:nth-of-type(45) {
    --x: 0.8330646265;
    --y: 0.4864290372;
    --x2: -0.2257747725;
    --y2: -0.0771263433;
    --delay: 0.2464790444;
  }
  .startails > div:nth-of-type(46) {
    --x: 0.0530699602;
    --y: 0.2449810312;
    --x2: -0.0519549541;
    --y2: -0.3423978815;
    --delay: 0.2039398471;
  }
  .startails > div:nth-of-type(47) {
    --x: 0.5290947139;
    --y: 0.7065900727;
    --x2: -0.1169095852;
    --y2: -0.4795469251;
    --delay: 0.374505904;
  }
  .startails > div:nth-of-type(48) {
    --x: 0.0701490835;
    --y: 0.9784346052;
    --x2: -0.2677045087;
    --y2: 0.0629581591;
    --delay: 0.1738296188;
  }
  .startails > div:nth-of-type(49) {
    --x: 0.9985994966;
    --y: 0.715091791;
    --x2: -0.4742008084;
    --y2: 0.1027924027;
    --delay: 0.7211181094;
  }
  .startails > div:nth-of-type(50) {
    --x: 0.7394350871;
    --y: 0.6204277756;
    --x2: -0.1773719261;
    --y2: -0.427902595;
    --delay: 0.455161794;
  }
  .startails > div:nth-of-type(51) {
    --x: 0.6013948877;
    --y: 0.7315772882;
    --x2: 0.3587181537;
    --y2: -0.1644049634;
    --delay: 0.1132776229;
  }
  .startails > div:nth-of-type(52) {
    --x: 0.7134423783;
    --y: 0.5811228972;
    --x2: 0.4479685802;
    --y2: 0.1348448717;
    --delay: 0.3320512796;
  }
  .startails > div:nth-of-type(53) {
    --x: 0.0169392722;
    --y: 0.5268799779;
    --x2: 0.0096222166;
    --y2: 0.395925627;
    --delay: 0.4830129279;
  }
  .startails > div:nth-of-type(54) {
    --x: 0.917414225;
    --y: 0.1208144959;
    --x2: 0.2152202442;
    --y2: -0.3432396046;
    --delay: 0.4163751554;
  }
  .startails > div:nth-of-type(55) {
    --x: 0.3501652206;
    --y: 0.9565873564;
    --x2: -0.4651189271;
    --y2: 0.0115717049;
    --delay: 0.5140396401;
  }
  .startails > div:nth-of-type(56) {
    --x: 0.954367274;
    --y: 0.2168650303;
    --x2: 0.2681663071;
    --y2: -0.4975626526;
    --delay: 0.0071729151;
  }
  .startails > div:nth-of-type(57) {
    --x: 0.9086082074;
    --y: 0.0165696792;
    --x2: 0.1961862289;
    --y2: -0.2759316492;
    --delay: 0.9536390897;
  }
  .startails > div:nth-of-type(58) {
    --x: 0.7129871003;
    --y: 0.9735615327;
    --x2: -0.312569335;
    --y2: 0.4216209935;
    --delay: 0.3312950809;
  }
  .startails > div:nth-of-type(59) {
    --x: 0.5859904847;
    --y: 0.9431682384;
    --x2: 0.0033932811;
    --y2: 0.1914988461;
    --delay: 0.6840388322;
  }
  .startails > div:nth-of-type(60) {
    --x: 0.9742697038;
    --y: 0.9469324085;
    --x2: 0.1710148606;
    --y2: 0.1390987608;
    --delay: 0.3128263169;
  }
  .startails > div:nth-of-type(61) {
    --x: 0.8323495148;
    --y: 0.1985996358;
    --x2: -0.3046223122;
    --y2: 0.3342696229;
    --delay: 0.2271723587;
  }
  .startails > div:nth-of-type(62) {
    --x: 0.0406518797;
    --y: 0.04417205;
    --x2: -0.429676047;
    --y2: 0.4608453422;
    --delay: 0.1266655659;
  }
  .startails > div:nth-of-type(63) {
    --x: 0.9120127488;
    --y: 0.5148185343;
    --x2: 0.1604145484;
    --y2: -0.2247290105;
    --delay: 0.393809026;
  }
  .startails > div:nth-of-type(64) {
    --x: 0.3866859746;
    --y: 0.0047597512;
    --x2: 0.1494458642;
    --y2: -0.3386052185;
    --delay: 0.5972486846;
  }
  .startails > div:nth-of-type(65) {
    --x: 0.8986482148;
    --y: 0.8973073717;
    --x2: 0.3277870195;
    --y2: 0.2666900093;
    --delay: 0.1202939793;
  }
  .startails > div:nth-of-type(66) {
    --x: 0.3817344655;
    --y: 0.8869547544;
    --x2: -0.3983816389;
    --y2: -0.088135056;
    --delay: 0.0490019917;
  }
  .startails > div:nth-of-type(67) {
    --x: 0.9907302957;
    --y: 0.2206985994;
    --x2: 0.4043704431;
    --y2: 0.1198457784;
    --delay: 0.4613375734;
  }
  .startails > div:nth-of-type(68) {
    --x: 0.8202319551;
    --y: 0.6178692723;
    --x2: -0.1649507163;
    --y2: 0.2334743068;
    --delay: 0.9116462503;
  }
  .startails > div:nth-of-type(69) {
    --x: 0.9616980258;
    --y: 0.4719002596;
    --x2: -0.286912713;
    --y2: 0.4493213581;
    --delay: 0.0258615925;
  }
  .startails > div:nth-of-type(70) {
    --x: 0.305526991;
    --y: 0.395175842;
    --x2: 0.1042482488;
    --y2: 0.458888059;
    --delay: 0.7681355083;
  }
  .startails > div:nth-of-type(71) {
    --x: 0.1163257218;
    --y: 0.09343271;
    --x2: -0.0281096162;
    --y2: -0.0107073698;
    --delay: 0.0168106564;
  }
  .startails > div:nth-of-type(72) {
    --x: 0.5191157984;
    --y: 0.5569598581;
    --x2: 0.2505639542;
    --y2: 0.0936895429;
    --delay: 0.8734514156;
  }
  .startails > div:nth-of-type(73) {
    --x: 0.2416778961;
    --y: 0.4457547214;
    --x2: 0.492600047;
    --y2: 0.3558060336;
    --delay: 0.115371492;
  }
  .startails > div:nth-of-type(74) {
    --x: 0.6478328629;
    --y: 0.9448514974;
    --x2: -0.3632543724;
    --y2: -0.0633092238;
    --delay: 0.4818208476;
  }
  .startails > div:nth-of-type(75) {
    --x: 0.5802996659;
    --y: 0.5173952198;
    --x2: 0.0208804112;
    --y2: -0.0969671728;
    --delay: 0.9611398077;
  }
  .startails > div:nth-of-type(76) {
    --x: 0.937139623;
    --y: 0.4459019047;
    --x2: -0.1948831287;
    --y2: -0.1028688729;
    --delay: 0.3758124465;
  }
  .startails > div:nth-of-type(77) {
    --x: 0.9417143383;
    --y: 0.4360660316;
    --x2: 0.0564069826;
    --y2: -0.2425969093;
    --delay: 0.2545215556;
  }
  .startails > div:nth-of-type(78) {
    --x: 0.2321631488;
    --y: 0.3565023756;
    --x2: 0.0089069467;
    --y2: 0.1165999495;
    --delay: 0.7284721909;
  }
  .startails > div:nth-of-type(79) {
    --x: 0.5944962013;
    --y: 0.7688622968;
    --x2: -0.2546933432;
    --y2: 0.4498877568;
    --delay: 0.3625949105;
  }
  .startails > div:nth-of-type(80) {
    --x: 0.7630896398;
    --y: 0.5671680773;
    --x2: -0.4388005297;
    --y2: 0.47676711;
    --delay: 0.3710292184;
  }
  .startails > div:nth-of-type(81) {
    --x: 0.2443061604;
    --y: 0.7936557402;
    --x2: -0.3860640635;
    --y2: -0.2523928986;
    --delay: 0.940976241;
  }
  .startails > div:nth-of-type(82) {
    --x: 0.1009827712;
    --y: 0.108380641;
    --x2: 0.1899602054;
    --y2: 0.2935201378;
    --delay: 0.0150644148;
  }
  .startails > div:nth-of-type(83) {
    --x: 0.8530236897;
    --y: 0.4866167258;
    --x2: -0.1712035002;
    --y2: -0.4253192862;
    --delay: 0.1967990945;
  }
  .startails > div:nth-of-type(84) {
    --x: 0.855691086;
    --y: 0.5299520337;
    --x2: 0.2368658632;
    --y2: 0.1398943182;
    --delay: 0.0230221872;
  }
  .startails > div:nth-of-type(85) {
    --x: 0.4516792125;
    --y: 0.7072520744;
    --x2: -0.0962636909;
    --y2: -0.1485146826;
    --delay: 0.5651962376;
  }
  .startails > div:nth-of-type(86) {
    --x: 0.6860969878;
    --y: 0.7318865326;
    --x2: 0.1649663145;
    --y2: -0.2944823327;
    --delay: 0.6933207735;
  }
  .startails > div:nth-of-type(87) {
    --x: 0.9494115117;
    --y: 0.6643742068;
    --x2: -0.0831774509;
    --y2: -0.3339835507;
    --delay: 0.9591009271;
  }
  .startails > div:nth-of-type(88) {
    --x: 0.1201840482;
    --y: 0.7792219022;
    --x2: -0.0049627242;
    --y2: -0.1680064289;
    --delay: 0.8812808748;
  }
  .startails > div:nth-of-type(89) {
    --x: 0.5585941687;
    --y: 0.9898147265;
    --x2: 0.3068854497;
    --y2: 0.4682723005;
    --delay: 0.7030064513;
  }
  .startails > div:nth-of-type(90) {
    --x: 0.4452294326;
    --y: 0.3782381716;
    --x2: -0.0305722463;
    --y2: 0.3159054258;
    --delay: 0.5938006867;
  }
  .startails > div:nth-of-type(91) {
    --x: 0.9092328141;
    --y: 0.7977548845;
    --x2: 0.2985572706;
    --y2: -0.3607060742;
    --delay: 0.6028656315;
  }
  .startails > div:nth-of-type(92) {
    --x: 0.6337440077;
    --y: 0.096717106;
    --x2: 0.423269789;
    --y2: -0.1632144886;
    --delay: 0.7291277651;
  }
  .startails > div:nth-of-type(93) {
    --x: 0.4354305455;
    --y: 0.6082625187;
    --x2: -0.3983091196;
    --y2: -0.4568665574;
    --delay: 0.0214147663;
  }
  .startails > div:nth-of-type(94) {
    --x: 0.390988012;
    --y: 0.9392583046;
    --x2: 0.2196475474;
    --y2: 0.2659886537;
    --delay: 0.7853724608;
  }
  .startails > div:nth-of-type(95) {
    --x: 0.1090789305;
    --y: 0.2421836939;
    --x2: 0.371988651;
    --y2: 0.162228977;
    --delay: 0.0803200464;
  }
  .startails > div:nth-of-type(96) {
    --x: 0.3148349029;
    --y: 0.8056161694;
    --x2: 0.3287733239;
    --y2: -0.2059862861;
    --delay: 0.8813620204;
  }
  .startails > div:nth-of-type(97) {
    --x: 0.8243166564;
    --y: 0.7650676295;
    --x2: -0.2242588595;
    --y2: 0.3875308514;
    --delay: 0.1216516171;
  }
  .startails > div:nth-of-type(98) {
    --x: 0.0287773017;
    --y: 0.7397689607;
    --x2: 0.4341737428;
    --y2: -0.2934213399;
    --delay: 0.5411224744;
  }
  .startails > div:nth-of-type(99) {
    --x: 0.169276013;
    --y: 0.8003525581;
    --x2: -0.3179221409;
    --y2: -0.0988603212;
    --delay: 0.0627848321;
  }
  .startails > div:nth-of-type(100) {
    --x: 0.3652041263;
    --y: 0.4695164026;
    --x2: 0.017453984;
    --y2: -0.2241469944;
    --delay: 0.2864309008;
  }
  .startails > div:nth-of-type(101) {
    --x: 0.5737607383;
    --y: 0.3124024924;
    --x2: 0.1625836438;
    --y2: 0.2430512125;
    --delay: 0.6327402249;
  }
  .startails > div:nth-of-type(102) {
    --x: 0.1827740098;
    --y: 0.4281781568;
    --x2: 0.3624394683;
    --y2: 0.4489901381;
    --delay: 0.496448197;
  }
  .startails > div:nth-of-type(103) {
    --x: 0.0294534654;
    --y: 0.1247412916;
    --x2: -0.208879313;
    --y2: 0.1148339249;
    --delay: 0.7889125487;
  }
  .startails > div:nth-of-type(104) {
    --x: 0.8079329754;
    --y: 0.1753268005;
    --x2: -0.2537745399;
    --y2: 0.051027372;
    --delay: 0.5596254158;
  }
  .startails > div:nth-of-type(105) {
    --x: 0.9620053712;
    --y: 0.3578671776;
    --x2: -0.2782474062;
    --y2: 0.4633802409;
    --delay: 0.6818283361;
  }
  .startails > div:nth-of-type(106) {
    --x: 0.0424271915;
    --y: 0.4811473864;
    --x2: 0.3407671036;
    --y2: -0.125336295;
    --delay: 0.8375339949;
  }
  .startails > div:nth-of-type(107) {
    --x: 0.6411222338;
    --y: 0.313828618;
    --x2: 0.1937576858;
    --y2: -0.3117152667;
    --delay: 0.0593580672;
  }
  .startails > div:nth-of-type(108) {
    --x: 0.5083142937;
    --y: 0.0566585022;
    --x2: 0.0266274262;
    --y2: -0.0193736612;
    --delay: 0.8906380059;
  }
  .startails > div:nth-of-type(109) {
    --x: 0.1196903173;
    --y: 0.2071696097;
    --x2: -0.1373158137;
    --y2: -0.4678689978;
    --delay: 0.5701095784;
  }
  .startails > div:nth-of-type(110) {
    --x: 0.9230953169;
    --y: 0.5509018941;
    --x2: -0.4119806924;
    --y2: 0.0209652329;
    --delay: 0.9437805872;
  }
  .startails > div:nth-of-type(111) {
    --x: 0.799110479;
    --y: 0.2227673073;
    --x2: 0.3375805784;
    --y2: -0.1423486821;
    --delay: 0.1992182429;
  }
  .startails > div:nth-of-type(112) {
    --x: 0.0186149668;
    --y: 0.349065577;
    --x2: 0.335225288;
    --y2: -0.4884181551;
    --delay: 0.8903105505;
  }
  .startails > div:nth-of-type(113) {
    --x: 0.0131993187;
    --y: 0.4317949098;
    --x2: 0.347318972;
    --y2: -0.2554219323;
    --delay: 0.7394215293;
  }
  .startails > div:nth-of-type(114) {
    --x: 0.388969202;
    --y: 0.5095761655;
    --x2: -0.4667332278;
    --y2: -0.1654302034;
    --delay: 0.4725056103;
  }
  .startails > div:nth-of-type(115) {
    --x: 0.2222997366;
    --y: 0.8591696672;
    --x2: 0.106288489;
    --y2: 0.4776197348;
    --delay: 0.1185733672;
  }
  .startails > div:nth-of-type(116) {
    --x: 0.5711613592;
    --y: 0.5469974032;
    --x2: -0.1010786928;
    --y2: -0.3782612135;
    --delay: 0.3581386966;
  }
  .startails > div:nth-of-type(117) {
    --x: 0.4583361509;
    --y: 0.7033242838;
    --x2: -0.2122412282;
    --y2: 0.4770695006;
    --delay: 0.7257243443;
  }
  .startails > div:nth-of-type(118) {
    --x: 0.4913633879;
    --y: 0.761535707;
    --x2: -0.0408787976;
    --y2: -0.3319659697;
    --delay: 0.739186393;
  }
  .startails > div:nth-of-type(119) {
    --x: 0.2572015731;
    --y: 0.6823949901;
    --x2: 0.3743456829;
    --y2: 0.4084459068;
    --delay: 0.254466112;
  }
  .startails > div:nth-of-type(120) {
    --x: 0.1323034841;
    --y: 0.9024308234;
    --x2: -0.3286441653;
    --y2: 0.0486405197;
    --delay: 0.5956586897;
  }
  .startails > div:nth-of-type(121) {
    --x: 0.4080320063;
    --y: 0.5335983581;
    --x2: 0.4756742833;
    --y2: 0.3429845155;
    --delay: 0.7681497236;
  }
  .startails > div:nth-of-type(122) {
    --x: 0.3121396162;
    --y: 0.4561557452;
    --x2: -0.1906368192;
    --y2: -0.3833634676;
    --delay: 0.9516399659;
  }
  .startails > div:nth-of-type(123) {
    --x: 0.1860143653;
    --y: 0.5158364098;
    --x2: -0.3888924458;
    --y2: -0.2542815625;
    --delay: 0.9778073843;
  }
  .startails > div:nth-of-type(124) {
    --x: 0.5191934013;
    --y: 0.8958167636;
    --x2: 0.3619153188;
    --y2: -0.1254473449;
    --delay: 0.5133490563;
  }
  .startails > div:nth-of-type(125) {
    --x: 0.1338075947;
    --y: 0.8170274122;
    --x2: -0.4703090242;
    --y2: 0.1311493475;
    --delay: 0.5151337561;
  }
  .startails > div:nth-of-type(126) {
    --x: 0.7005573502;
    --y: 0.1587790384;
    --x2: -0.4526672848;
    --y2: 0.4396456276;
    --delay: 0.76249364;
  }
  .startails > div:nth-of-type(127) {
    --x: 0.8201251636;
    --y: 0.4633774101;
    --x2: 0.0178250242;
    --y2: -0.3141448658;
    --delay: 0.0738022001;
  }
  .startails > div:nth-of-type(128) {
    --x: 0.3566220949;
    --y: 0.8498644829;
    --x2: 0.1112780714;
    --y2: -0.1531244381;
    --delay: 0.5389426114;
  }
  .startails > div:nth-of-type(129) {
    --x: 0.5442732241;
    --y: 0.0006335018;
    --x2: 0.3839439644;
    --y2: -0.3519578243;
    --delay: 0.6112202834;
  }
  .startails > div:nth-of-type(130) {
    --x: 0.933419109;
    --y: 0.095403282;
    --x2: -0.364118358;
    --y2: 0.0833977088;
    --delay: 0.0275902378;
  }
  .startails > div:nth-of-type(131) {
    --x: 0.7454371288;
    --y: 0.641906172;
    --x2: -0.3701280077;
    --y2: 0.2263412758;
    --delay: 0.3442630474;
  }
  .startails > div:nth-of-type(132) {
    --x: 0.1717337989;
    --y: 0.9384687774;
    --x2: 0.1277101615;
    --y2: -0.2533251719;
    --delay: 0.6458750045;
  }
  .startails > div:nth-of-type(133) {
    --x: 0.1183059208;
    --y: 0.1901169888;
    --x2: 0.142228191;
    --y2: 0.3496728303;
    --delay: 0.5835904966;
  }
  .startails > div:nth-of-type(134) {
    --x: 0.7857091142;
    --y: 0.6175820608;
    --x2: 0.3489813276;
    --y2: -0.1816480056;
    --delay: 0.6174180611;
  }
  .startails > div:nth-of-type(135) {
    --x: 0.5063143053;
    --y: 0.7569083928;
    --x2: 0.4710099366;
    --y2: 0.2424796257;
    --delay: 0.0168526484;
  }
  .startails > div:nth-of-type(136) {
    --x: 0.9093329453;
    --y: 0.066805741;
    --x2: -0.4229406219;
    --y2: -0.2444798631;
    --delay: 0.3172228354;
  }
  .startails > div:nth-of-type(137) {
    --x: 0.8184293208;
    --y: 0.0655263502;
    --x2: 0.4389783373;
    --y2: 0.3023103689;
    --delay: 0.9538439257;
  }
  .startails > div:nth-of-type(138) {
    --x: 0.7502398455;
    --y: 0.1748410238;
    --x2: 0.042278695;
    --y2: 0.1098765406;
    --delay: 0.6586073332;
  }
  .startails > div:nth-of-type(139) {
    --x: 0.0443877438;
    --y: 0.2094550998;
    --x2: 0.0364315173;
    --y2: -0.0037339014;
    --delay: 0.9442029036;
  }
  .startails > div:nth-of-type(140) {
    --x: 0.8217699872;
    --y: 0.3447438688;
    --x2: -0.0146709727;
    --y2: -0.2806094753;
    --delay: 0.9346046053;
  }
  .startails > div:nth-of-type(141) {
    --x: 0.0464444671;
    --y: 0.2825882299;
    --x2: -0.4012612873;
    --y2: 0.3995043893;
    --delay: 0.4224574059;
  }
  .startails > div:nth-of-type(142) {
    --x: 0.8649769707;
    --y: 0.135207992;
    --x2: 0.1233454199;
    --y2: 0.2126406484;
    --delay: 0.405497945;
  }
  .startails > div:nth-of-type(143) {
    --x: 0.0962241318;
    --y: 0.9876834443;
    --x2: 0.0999522796;
    --y2: -0.4821202299;
    --delay: 0.3705066162;
  }
  .startails > div:nth-of-type(144) {
    --x: 0.1499070685;
    --y: 0.6701511277;
    --x2: 0.1754714404;
    --y2: 0.3046630372;
    --delay: 0.5773143707;
  }
  .startails > div:nth-of-type(145) {
    --x: 0.8498790217;
    --y: 0.5583266936;
    --x2: -0.3283087627;
    --y2: -0.3895035119;
    --delay: 0.0847934643;
  }
  .startails > div:nth-of-type(146) {
    --x: 0.4620332344;
    --y: 0.6160831808;
    --x2: 0.3740626817;
    --y2: -0.1987600255;
    --delay: 0.6777038871;
  }
  .startails > div:nth-of-type(147) {
    --x: 0.0583697374;
    --y: 0.3060341293;
    --x2: -0.1596375594;
    --y2: 0.4691387272;
    --delay: 0.6787781729;
  }
  .startails > div:nth-of-type(148) {
    --x: 0.418812864;
    --y: 0.4445745127;
    --x2: -0.1910061436;
    --y2: 0.4692827198;
    --delay: 0.8578317671;
  }
  .startails > div:nth-of-type(149) {
    --x: 0.3585735896;
    --y: 0.0598664791;
    --x2: -0.0713664027;
    --y2: 0.3162537451;
    --delay: 0.5034284879;
  }
  .startails > div:nth-of-type(150) {
    --x: 0.5773124111;
    --y: 0.4365929426;
    --x2: 0.2033517696;
    --y2: 0.0193002667;
    --delay: 0.9859838246;
  }
  .startails > div:nth-of-type(151) {
    --x: 0.1654580666;
    --y: 0.0726371851;
    --x2: 0.2009287202;
    --y2: 0.1078738246;
    --delay: 0.3894154184;
  }
  .startails > div:nth-of-type(152) {
    --x: 0.921050517;
    --y: 0.2099902614;
    --x2: -0.100546155;
    --y2: -0.2627635676;
    --delay: 0.2818794338;
  }
  .startails > div:nth-of-type(153) {
    --x: 0.2711716525;
    --y: 0.1392593512;
    --x2: 0.3922896993;
    --y2: -0.0141655525;
    --delay: 0.1522930557;
  }
  .startails > div:nth-of-type(154) {
    --x: 0.5011471485;
    --y: 0.6679703513;
    --x2: 0.4939486781;
    --y2: -0.492531141;
    --delay: 0.8503014027;
  }
  .startails > div:nth-of-type(155) {
    --x: 0.8346446531;
    --y: 0.7324782164;
    --x2: 0.4918548557;
    --y2: -0.0645781564;
    --delay: 0.5695549265;
  }
  .startails > div:nth-of-type(156) {
    --x: 0.7820548705;
    --y: 0.477832915;
    --x2: 0.2385743928;
    --y2: 0.1650565178;
    --delay: 0.5856598032;
  }
  .startails > div:nth-of-type(157) {
    --x: 0.2042810051;
    --y: 0.1603173757;
    --x2: -0.3384383674;
    --y2: 0.4794354415;
    --delay: 0.0914060793;
  }
  .startails > div:nth-of-type(158) {
    --x: 0.7278407543;
    --y: 0.1789554786;
    --x2: -0.2594789667;
    --y2: -0.0951351561;
    --delay: 0.9646594137;
  }
  .startails > div:nth-of-type(159) {
    --x: 0.8997871799;
    --y: 0.5551634607;
    --x2: 0.333777635;
    --y2: -0.1398586;
    --delay: 0.6030222267;
  }
  .startails > div:nth-of-type(160) {
    --x: 0.2887507911;
    --y: 0.1564899474;
    --x2: -0.2813000254;
    --y2: 0.1680489635;
    --delay: 0.8753848657;
  }
  .startails > div:nth-of-type(161) {
    --x: 0.1196771119;
    --y: 0.9401868957;
    --x2: 0.3285396369;
    --y2: -0.2810190783;
    --delay: 0.0667859302;
  }
  .startails > div:nth-of-type(162) {
    --x: 0.0654383884;
    --y: 0.3817267475;
    --x2: -0.2529921167;
    --y2: 0.3999431994;
    --delay: 0.045452693;
  }
  .startails > div:nth-of-type(163) {
    --x: 0.6402313563;
    --y: 0.2094937936;
    --x2: 0.384845788;
    --y2: 0.1224089006;
    --delay: 0.1553081693;
  }
  .startails > div:nth-of-type(164) {
    --x: 0.7043127341;
    --y: 0.1474468663;
    --x2: 0.3731843599;
    --y2: -0.2077727686;
    --delay: 0.8755314897;
  }
  .startails > div:nth-of-type(165) {
    --x: 0.4992361078;
    --y: 0.9489378352;
    --x2: 0.1394551017;
    --y2: 0.4860232683;
    --delay: 0.1554956995;
  }
  .startails > div:nth-of-type(166) {
    --x: 0.4099889331;
    --y: 0.8065979906;
    --x2: -0.1363521835;
    --y2: -0.4611210103;
    --delay: 0.6726751294;
  }
  .startails > div:nth-of-type(167) {
    --x: 0.7982370427;
    --y: 0.3368375803;
    --x2: -0.200036545;
    --y2: 0.2282856258;
    --delay: 0.2224830158;
  }
  .startails > div:nth-of-type(168) {
    --x: 0.7917367857;
    --y: 0.0339460441;
    --x2: 0.4767227434;
    --y2: 0.4456832412;
    --delay: 0.7695240737;
  }
  .startails > div:nth-of-type(169) {
    --x: 0.1517274176;
    --y: 0.1606705185;
    --x2: 0.3945130012;
    --y2: -0.055259425;
    --delay: 0.0083922315;
  }
  .startails > div:nth-of-type(170) {
    --x: 0.2791284342;
    --y: 0.2910105408;
    --x2: -0.3301368773;
    --y2: -0.0237965468;
    --delay: 0.4721838434;
  }
  .startails > div:nth-of-type(171) {
    --x: 0.9521952401;
    --y: 0.770156137;
    --x2: 0.1669547094;
    --y2: -0.3090420517;
    --delay: 0.0602532128;
  }
  .startails > div:nth-of-type(172) {
    --x: 0.002009997;
    --y: 0.4619906493;
    --x2: 0.3188553636;
    --y2: -0.3787800405;
    --delay: 0.2813591392;
  }
  .startails > div:nth-of-type(173) {
    --x: 0.451367008;
    --y: 0.3128341415;
    --x2: 0.0489580254;
    --y2: -0.0769100558;
    --delay: 0.3731484112;
  }
  .startails > div:nth-of-type(174) {
    --x: 0.4592672894;
    --y: 0.4962369554;
    --x2: -0.0797481085;
    --y2: 0.1558549048;
    --delay: 0.3032024512;
  }
  .startails > div:nth-of-type(175) {
    --x: 0.1898946086;
    --y: 0.9121138704;
    --x2: -0.1888210072;
    --y2: -0.3352342192;
    --delay: 0.8439323593;
  }
  .startails > div:nth-of-type(176) {
    --x: 0.0281365287;
    --y: 0.8312585251;
    --x2: 0.4644817287;
    --y2: 0.360079526;
    --delay: 0.4001790642;
  }
  .startails > div:nth-of-type(177) {
    --x: 0.9898258003;
    --y: 0.3434447706;
    --x2: -0.009251852;
    --y2: -0.0436315096;
    --delay: 0.544909061;
  }
  .startails > div:nth-of-type(178) {
    --x: 0.7147310926;
    --y: 0.2634745822;
    --x2: -0.4320336706;
    --y2: -0.0083579795;
    --delay: 0.4601205816;
  }
  .startails > div:nth-of-type(179) {
    --x: 0.4788240661;
    --y: 0.7639288001;
    --x2: -0.443008695;
    --y2: -0.343266142;
    --delay: 0.3752694459;
  }
  .startails > div:nth-of-type(180) {
    --x: 0.8087761992;
    --y: 0.6726707381;
    --x2: -0.1481239529;
    --y2: -0.4028798421;
    --delay: 0.5185925691;
  }
  .startails > div:nth-of-type(181) {
    --x: 0.4076255026;
    --y: 0.3874099062;
    --x2: 0.4260995269;
    --y2: -0.0755901473;
    --delay: 0.2810638874;
  }
  .startails > div:nth-of-type(182) {
    --x: 0.6341080067;
    --y: 0.0252991642;
    --x2: 0.0811672438;
    --y2: 0.2241828646;
    --delay: 0.3683047834;
  }
  .startails > div:nth-of-type(183) {
    --x: 0.35368018;
    --y: 0.8482560021;
    --x2: -0.1362407363;
    --y2: 0.2315953073;
    --delay: 0.6825199467;
  }
  .startails > div:nth-of-type(184) {
    --x: 0.050410462;
    --y: 0.902120494;
    --x2: 0.0875138624;
    --y2: -0.2156091666;
    --delay: 0.6916097923;
  }
  .startails > div:nth-of-type(185) {
    --x: 0.5271019746;
    --y: 0.5734476236;
    --x2: -0.4438577768;
    --y2: -0.3947841495;
    --delay: 0.8029296218;
  }
  .startails > div:nth-of-type(186) {
    --x: 0.8921338143;
    --y: 0.6541372005;
    --x2: -0.0557807448;
    --y2: -0.1365650241;
    --delay: 0.1651560101;
  }
  .startails > div:nth-of-type(187) {
    --x: 0.7152245904;
    --y: 0.1084510052;
    --x2: -0.1437298097;
    --y2: -0.024909708;
    --delay: 0.3131725129;
  }
  .startails > div:nth-of-type(188) {
    --x: 0.0572925598;
    --y: 0.3161447746;
    --x2: 0.1498644315;
    --y2: 0.2367568362;
    --delay: 0.2972513842;
  }
  .startails > div:nth-of-type(189) {
    --x: 0.1661641345;
    --y: 0.490179073;
    --x2: -0.026664116;
    --y2: 0.3566907491;
    --delay: 0.0757361283;
  }
  .startails > div:nth-of-type(190) {
    --x: 0.1785255697;
    --y: 0.4936631695;
    --x2: 0.1987827873;
    --y2: -0.2065246666;
    --delay: 0.2748859821;
  }
  .startails > div:nth-of-type(191) {
    --x: 0.9315393338;
    --y: 0.3752922393;
    --x2: -0.1433103284;
    --y2: -0.063205322;
    --delay: 0.6735869166;
  }
  .startails > div:nth-of-type(192) {
    --x: 0.4167454049;
    --y: 0.2861655997;
    --x2: -0.1691327731;
    --y2: 0.3470128501;
    --delay: 0.787977132;
  }
  .startails > div:nth-of-type(193) {
    --x: 0.2054133766;
    --y: 0.7978294078;
    --x2: -0.4231876233;
    --y2: -0.3664999019;
    --delay: 0.1809359937;
  }
  .startails > div:nth-of-type(194) {
    --x: 0.9741262517;
    --y: 0.1253020974;
    --x2: -0.3450207716;
    --y2: -0.4229719546;
    --delay: 0.5960636942;
  }
  .startails > div:nth-of-type(195) {
    --x: 0.1606733702;
    --y: 0.5982747056;
    --x2: -0.110306522;
    --y2: 0.2722828683;
    --delay: 0.6110205921;
  }
  .startails > div:nth-of-type(196) {
    --x: 0.7286433726;
    --y: 0.9524552117;
    --x2: -0.0497988192;
    --y2: 0.1590794512;
    --delay: 0.3039725526;
  }
  .startails > div:nth-of-type(197) {
    --x: 0.872798474;
    --y: 0.1257300352;
    --x2: 0.0155671224;
    --y2: -0.4037652335;
    --delay: 0.9175527625;
  }
  .startails > div:nth-of-type(198) {
    --x: 0.2974248656;
    --y: 0.5044575183;
    --x2: 0.4226601278;
    --y2: -0.153744911;
    --delay: 0.4841108096;
  }
  .startails > div:nth-of-type(199) {
    --x: 0.1596374179;
    --y: 0.890355172;
    --x2: 0.1755244023;
    --y2: 0.4467385697;
    --delay: 0.4568616349;
  }
  .startails > div:nth-of-type(200) {
    --x: 0.5875855443;
    --y: 0.3399688298;
    --x2: 0.450325274;
    --y2: -0.1233710329;
    --delay: 0.3078346094;
  }
  .startails > div:nth-of-type(201) {
    --x: 0.26785409;
    --y: 0.2842481966;
    --x2: -0.2777604811;
    --y2: 0.4621459872;
    --delay: 0.1266418615;
  }

  @-webkit-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;
    }
  }

  @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;
    -webkit-animation: scene-zoom-in-out var(--time) ease-in-out infinite;
            animation: scene-zoom-in-out var(--time) ease-in-out infinite;
    transform-style: preserve-3d;
  }

  @-webkit-keyframes scene-zoom-in-out {
    from {
      transform: scale(0.9);
    }
    50% {
      transform: scale(1);
    }
    to {
      transform: scale(0.9);
    }
  }

  @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;
    -webkit-mask: radial-gradient(150% 120% at 0% 0%, black, transparent);
            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;
    -webkit-animation: outline-animation var(--duration) 0s cubic-bezier(0.68, 0.27, 0.26, 0.91) infinite;
            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) {
    -webkit-animation-delay: calc(var(--duration) / 4);
            animation-delay: calc(var(--duration) / 4);
  }
  .cuboid .outline:nth-of-type(3) {
    -webkit-animation-delay: calc(var(--duration) / 4 * 2);
            animation-delay: calc(var(--duration) / 4 * 2);
  }
  .cuboid .outline:nth-of-type(4) {
    -webkit-animation-delay: calc(var(--duration) / 4 * 3);
            animation-delay: calc(var(--duration) / 4 * 3);
  }

  @-webkit-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);
    }
  }

  @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;
  }
  @-webkit-keyframes moon-animation {
    from {
      --moon-angle: 180deg;
    }
    50% {
      --moon-angle: 200deg;
    }
    to {
      --moon-angle: 180deg;
    }
  }
  @keyframes moon-animation {
    from {
      --moon-angle: 180deg;
    }
    50% {
      --moon-angle: 200deg;
    }
    to {
      --moon-angle: 180deg;
    }
  }
  .sun {
    border-radius: 50%;
    width: 25vmax;
    aspect-ratio: 1;
    background: radial-gradient(circle at 60% 60%, #f6f6f6, #E8DBDD, #d9d9d9);
    position: absolute;
    transform: translateY(-20vmax);
    box-shadow: 0 0 14vmax rgba(255, 255, 255, 0.5), 0 0 22vmax rgba(255, 255, 255, 0.05), 0 0 42vmax rgba(255, 255, 255, 0.4);
    transform-style: preserve-3d;
  }

  .planet {
    border-radius: 50%;
    width: 17vmax;
    aspect-ratio: 1;
    background: radial-gradient(90% 90% at 60% 55%, #252525, #2A2F33 52%, #ede9ea 62%), #ede9ea;
    position: absolute;
    --r: 15vmax;
    --y: calc(-10vmax + sin(var(--moon-angle)) * var(--r));
    --z: calc(cos(var(--moon-angle)) * var(--r) * -1);
    transform: translateY(var(--y)) translateX(10vmax) translateZ(var(--z));
    -webkit-animation: moon-animation var(--time) ease-in-out infinite;
            animation: moon-animation var(--time) ease-in-out infinite;
    box-shadow: 0 0 2.5vmax rgba(255, 255, 255, 0.12);
    filter: blur(0.05vmax);
    transform-style: preserve-3d;
  }

  .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));
    -webkit-animation: moon-animation var(--time) ease-in-out infinite;
            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));
    -webkit-clip-path: circle();
            clip-path: circle();
    -webkit-animation: moon-animation var(--time) ease-in-out infinite;
            animation: moon-animation var(--time) ease-in-out infinite;
    --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);
    -webkit-animation: var(--animation);
            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);
    -webkit-animation: var(--animation);
            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);
    -webkit-animation: var(--animation);
            animation: var(--animation);
  }
  .planet-5::after {
    content: "";
    position: absolute;
    inset: 0;
    background: radial-gradient(circle at 5% 20%, transparent 30%, #171a1c 60%);
  }

  @-webkit-keyframes move-to-left {
    from {
      translate: 0 0;
    }
    50% {
      translate: -100% 0;
    }
    to {
      translate: 0 0;
    }
  }

  @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));
    -webkit-animation: moon-animation var(--time) ease-in-out infinite;
            animation: moon-animation var(--time) ease-in-out infinite;
    display: grid;
    place-items: center;
  }
  .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);
    -webkit-mask: radial-gradient(circle at 50% -20%, transparent 30%, black);
            mask: radial-gradient(circle at 50% -20%, transparent 30%, black);
    -webkit-clip-path: ellipse(47% 22% at 50% 50%);
            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);
    -webkit-mask: radial-gradient(circle at 50% -20%, transparent 30%, black);
            mask: radial-gradient(circle at 50% -20%, transparent 30%, black);
    -webkit-clip-path: ellipse(47% 22% at 50% 50%);
            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.8892924056;
    --y: 0.6908391267;
    --x2: 0.433601944;
    --y2: 0.3527956631;
    --delay: 0.2380160139;
  }
  .planets > div:nth-of-type(2), .planets-2 > div:nth-of-type(2) {
    --x: 0.9594445118;
    --y: 0.6434145413;
    --x2: -0.3467785762;
    --y2: -0.1846531838;
    --delay: 0.369247694;
  }
  .planets > div:nth-of-type(3), .planets-2 > div:nth-of-type(3) {
    --x: 0.0608185291;
    --y: 0.9421385611;
    --x2: -0.3716321148;
    --y2: 0.2272695805;
    --delay: 0.0778868836;
  }
  .planets > div:nth-of-type(4), .planets-2 > div:nth-of-type(4) {
    --x: 0.5230281227;
    --y: 0.1856420233;
    --x2: 0.368732268;
    --y2: -0.1713082018;
    --delay: 0.99357217;
  }
  .planets > div:nth-of-type(5), .planets-2 > div:nth-of-type(5) {
    --x: 0.8653206698;
    --y: 0.6462985583;
    --x2: 0.2709154774;
    --y2: -0.4405753095;
    --delay: 0.3773319325;
  }
  .planets > div:nth-of-type(6), .planets-2 > div:nth-of-type(6) {
    --x: 0.5939844093;
    --y: 0.9132552634;
    --x2: 0.3267617291;
    --y2: -0.0060869138;
    --delay: 0.0940178287;
  }
  .planets > div:nth-of-type(7), .planets-2 > div:nth-of-type(7) {
    --x: 0.2480526544;
    --y: 0.8673289208;
    --x2: -0.4348319838;
    --y2: 0.3864926306;
    --delay: 0.4657912875;
  }
  .planets > div:nth-of-type(8), .planets-2 > div:nth-of-type(8) {
    --x: 0.5679064169;
    --y: 0.4072197255;
    --x2: -0.2607367318;
    --y2: 0.2457924986;
    --delay: 0.2292211917;
  }
  .planets > div:nth-of-type(9), .planets-2 > div:nth-of-type(9) {
    --x: 0.8775302644;
    --y: 0.984118968;
    --x2: 0.4081536472;
    --y2: -0.3360655036;
    --delay: 0.4201671677;
  }
  .planets > div:nth-of-type(10), .planets-2 > div:nth-of-type(10) {
    --x: 0.8658015129;
    --y: 0.7693839471;
    --x2: -0.3011935746;
    --y2: -0.1452383191;
    --delay: 0.2353309784;
  }
  .planets > div:nth-of-type(11), .planets-2 > div:nth-of-type(11) {
    --x: 0.9488836064;
    --y: 0.5134643138;
    --x2: -0.3566077551;
    --y2: -0.4442832873;
    --delay: 0.8228781188;
  }
  .planets > div:nth-of-type(12), .planets-2 > div:nth-of-type(12) {
    --x: 0.6324160837;
    --y: 0.8975951708;
    --x2: 0.3682634357;
    --y2: 0.117460328;
    --delay: 0.7502284648;
  }
  .planets > div:nth-of-type(13), .planets-2 > div:nth-of-type(13) {
    --x: 0.5352934238;
    --y: 0.1773209605;
    --x2: 0.4299778093;
    --y2: -0.405725377;
    --delay: 0.8710851859;
  }
  .planets > div:nth-of-type(14), .planets-2 > div:nth-of-type(14) {
    --x: 0.3711172346;
    --y: 0.1067765489;
    --x2: 0.1606832832;
    --y2: 0.3705891877;
    --delay: 0.2802216039;
  }
  .planets > div:nth-of-type(15), .planets-2 > div:nth-of-type(15) {
    --x: 0.3170770795;
    --y: 0.6841116812;
    --x2: 0.1557281436;
    --y2: -0.1554712873;
    --delay: 0.3721677813;
  }
  .planets > div:nth-of-type(16), .planets-2 > div:nth-of-type(16) {
    --x: 0.51827282;
    --y: 0.010142547;
    --x2: -0.491120396;
    --y2: 0.1231981066;
    --delay: 0.1541350757;
  }
  .planets > div:nth-of-type(17), .planets-2 > div:nth-of-type(17) {
    --x: 0.0416814935;
    --y: 0.0892687048;
    --x2: 0.4056212882;
    --y2: -0.0079758703;
    --delay: 0.6528474377;
  }
  .planets > div:nth-of-type(18), .planets-2 > div:nth-of-type(18) {
    --x: 0.1310958336;
    --y: 0.802185382;
    --x2: -0.4517065433;
    --y2: 0.3309190374;
    --delay: 0.4163432952;
  }
  .planets > div:nth-of-type(19), .planets-2 > div:nth-of-type(19) {
    --x: 0.069458371;
    --y: 0.6755968345;
    --x2: 0.4367064624;
    --y2: 0.1726936023;
    --delay: 0.8631549622;
  }
  .planets > div:nth-of-type(20), .planets-2 > div:nth-of-type(20) {
    --x: 0.4114448482;
    --y: 0.8016480159;
    --x2: 0.4991290996;
    --y2: -0.3719140206;
    --delay: 0.1351010788;
  }
  .planets > div:nth-of-type(21), .planets-2 > div:nth-of-type(21) {
    --x: 0.7889664597;
    --y: 0.7361536628;
    --x2: 0.4588171844;
    --y2: 0.4061750988;
    --delay: 0.4685327287;
  }
  .planets > div:nth-of-type(22), .planets-2 > div:nth-of-type(22) {
    --x: 0.2168080011;
    --y: 0.5401293299;
    --x2: -0.4026999447;
    --y2: -0.0752455005;
    --delay: 0.617425074;
  }
  .planets > div:nth-of-type(23), .planets-2 > div:nth-of-type(23) {
    --x: 0.0441643038;
    --y: 0.2686907797;
    --x2: -0.3941884839;
    --y2: -0.0689288147;
    --delay: 0.4570897819;
  }
  .planets > div:nth-of-type(24), .planets-2 > div:nth-of-type(24) {
    --x: 0.3169595869;
    --y: 0.5076795189;
    --x2: -0.4425927557;
    --y2: -0.4289527398;
    --delay: 0.6713130136;
  }
  .planets > div:nth-of-type(25), .planets-2 > div:nth-of-type(25) {
    --x: 0.2340374138;
    --y: 0.8072019951;
    --x2: 0.1057060278;
    --y2: 0.3311763412;
    --delay: 0.6157555368;
  }
  .planets > div:nth-of-type(26), .planets-2 > div:nth-of-type(26) {
    --x: 0.8322797195;
    --y: 0.9844548129;
    --x2: 0.3659517713;
    --y2: -0.2177150948;
    --delay: 0.6040425372;
  }
  .planets > div:nth-of-type(27), .planets-2 > div:nth-of-type(27) {
    --x: 0.6182053427;
    --y: 0.5448115155;
    --x2: 0.4906872402;
    --y2: 0.113126983;
    --delay: 0.5039979072;
  }
  .planets > div:nth-of-type(28), .planets-2 > div:nth-of-type(28) {
    --x: 0.8342686438;
    --y: 0.1739681429;
    --x2: -0.2654633796;
    --y2: 0.0747773068;
    --delay: 0.1569982204;
  }
  .planets > div:nth-of-type(29), .planets-2 > div:nth-of-type(29) {
    --x: 0.8980617297;
    --y: 0.7396264888;
    --x2: 0.340500064;
    --y2: -0.0704526866;
    --delay: 0.3020188769;
  }
  .planets > div:nth-of-type(30), .planets-2 > div:nth-of-type(30) {
    --x: 0.6299171376;
    --y: 0.427531772;
    --x2: -0.3211227123;
    --y2: 0.4963003098;
    --delay: 0.0381961889;
  }
  .planets > div:nth-of-type(31), .planets-2 > div:nth-of-type(31) {
    --x: 0.6158128915;
    --y: 0.0135557911;
    --x2: -0.0056154875;
    --y2: -0.1807304414;
    --delay: 0.5800975243;
  }
  .planets > div:nth-of-type(32), .planets-2 > div:nth-of-type(32) {
    --x: 0.7134378964;
    --y: 0.9950075343;
    --x2: 0.3681463702;
    --y2: -0.4780794209;
    --delay: 0.983504072;
  }
  .planets > div:nth-of-type(33), .planets-2 > div:nth-of-type(33) {
    --x: 0.3886785898;
    --y: 0.5845867169;
    --x2: -0.2439687589;
    --y2: 0.0358452038;
    --delay: 0.3843733867;
  }
  .planets > div:nth-of-type(34), .planets-2 > div:nth-of-type(34) {
    --x: 0.5337296207;
    --y: 0.6731938626;
    --x2: -0.2816736609;
    --y2: 0.3020496773;
    --delay: 0.3982164409;
  }
  .planets > div:nth-of-type(35), .planets-2 > div:nth-of-type(35) {
    --x: 0.9988165274;
    --y: 0.8237498278;
    --x2: 0.1841891419;
    --y2: -0.1367488945;
    --delay: 0.194840164;
  }
  .planets > div:nth-of-type(36), .planets-2 > div:nth-of-type(36) {
    --x: 0.8385157271;
    --y: 0.5569622264;
    --x2: -0.1741089768;
    --y2: -0.3826676887;
    --delay: 0.5242718213;
  }
  .planets > div:nth-of-type(37), .planets-2 > div:nth-of-type(37) {
    --x: 0.6122196616;
    --y: 0.1888792766;
    --x2: -0.0528220094;
    --y2: -0.3635972288;
    --delay: 0.9190572183;
  }
  .planets > div:nth-of-type(38), .planets-2 > div:nth-of-type(38) {
    --x: 0.5914899744;
    --y: 0.54015581;
    --x2: 0.3390927945;
    --y2: -0.049639322;
    --delay: 0.911724484;
  }
  .planets > div:nth-of-type(39), .planets-2 > div:nth-of-type(39) {
    --x: 0.9481443509;
    --y: 0.8578783486;
    --x2: -0.4436393793;
    --y2: -0.1839891052;
    --delay: 0.4314064016;
  }
  .planets > div:nth-of-type(40), .planets-2 > div:nth-of-type(40) {
    --x: 0.1673478448;
    --y: 0.1248542665;
    --x2: -0.3995858223;
    --y2: 0.27060339;
    --delay: 0.6688067279;
  }
  .planets > div:nth-of-type(41), .planets-2 > div:nth-of-type(41) {
    --x: 0.8428674466;
    --y: 0.1981729078;
    --x2: 0.0560292505;
    --y2: -0.1430854911;
    --delay: 0.5487168252;
  }
  .planets > div:nth-of-type(42), .planets-2 > div:nth-of-type(42) {
    --x: 0.4330458582;
    --y: 0.2924719131;
    --x2: -0.3924157324;
    --y2: 0.0930257768;
    --delay: 0.8466320433;
  }
  .planets > div:nth-of-type(43), .planets-2 > div:nth-of-type(43) {
    --x: 0.1832992222;
    --y: 0.9290771384;
    --x2: 0.0713105581;
    --y2: -0.3599630164;
    --delay: 0.2813686103;
  }
  .planets > div:nth-of-type(44), .planets-2 > div:nth-of-type(44) {
    --x: 0.6874842332;
    --y: 0.6909774014;
    --x2: -0.2104078134;
    --y2: -0.0576536004;
    --delay: 0.4075674206;
  }
  .planets > div:nth-of-type(45), .planets-2 > div:nth-of-type(45) {
    --x: 0.9796952791;
    --y: 0.2457826309;
    --x2: -0.091151634;
    --y2: -0.0327576241;
    --delay: 0.9993744944;
  }
  .planets > div:nth-of-type(46), .planets-2 > div:nth-of-type(46) {
    --x: 0.1983714855;
    --y: 0.1805618652;
    --x2: 0.2275565269;
    --y2: -0.4970903896;
    --delay: 0.8424996647;
  }
  .planets > div:nth-of-type(47), .planets-2 > div:nth-of-type(47) {
    --x: 0.8440365854;
    --y: 0.761122898;
    --x2: 0.1113417774;
    --y2: 0.167033071;
    --delay: 0.0573345688;
  }
  .planets > div:nth-of-type(48), .planets-2 > div:nth-of-type(48) {
    --x: 0.8832636534;
    --y: 0.6347110076;
    --x2: -0.2161278684;
    --y2: -0.282162921;
    --delay: 0.0984060049;
  }
  .planets > div:nth-of-type(49), .planets-2 > div:nth-of-type(49) {
    --x: 0.9404531891;
    --y: 0.0562093225;
    --x2: -0.0176423165;
    --y2: -0.2696871385;
    --delay: 0.3319364886;
  }
  .planets > div:nth-of-type(50), .planets-2 > div:nth-of-type(50) {
    --x: 0.0456062711;
    --y: 0.0538002251;
    --x2: 0.2631216967;
    --y2: 0.470046665;
    --delay: 0.2988335451;
  }
  .planets > div:nth-of-type(51), .planets-2 > div:nth-of-type(51) {
    --x: 0.6018107456;
    --y: 0.5165830184;
    --x2: -0.4003047907;
    --y2: 0.06376136;
    --delay: 0.716324001;
  }

  .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);
    -webkit-mask: linear-gradient(to bottom, transparent 60%, black 80%);
            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;
    -webkit-animation: head-nose calc(var(--time) / 4) ease-in-out infinite;
            animation: head-nose calc(var(--time) / 4) ease-in-out infinite;
  }
  @-webkit-keyframes head-nose {
    from {
      translate: 1.19vmax 0.5vmin;
    }
    50% {
      translate: 1.06vmax 0.5vmin;
    }
    to {
      translate: 1.19vmax 0.5vmin;
    }
  }
  @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;
    -webkit-animation: head-chin calc(var(--time) / 4) ease-in-out infinite;
            animation: head-chin calc(var(--time) / 4) ease-in-out infinite;
  }
  @-webkit-keyframes head-chin {
    from {
      translate: 0.45vmax 0.66vmax;
    }
    50% {
      translate: 0.2vmax 0.66vmax;
    }
    to {
      translate: 0.45vmax 0.66vmax;
    }
  }
  @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: #fafafa;
    border-radius: 20%;
    translate: -0.2vmax -4.9vmax;
    rotate: 357deg;
  }
  .human .body .back:before {
    content: "";
    position: absolute;
    width: 2.9vmax;
    height: 1.5vmax;
    background: #fafafa;
    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: #fafafa;
    border-radius: 50%;
    translate: 0.1vmax 1.1vmax;
    rotate: 107deg;
  }
  .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;
    -webkit-animation: arm-right calc(var(--time) / 4) ease-in-out infinite;
            animation: arm-right calc(var(--time) / 4) ease-in-out infinite;
  }
  @-webkit-keyframes arm-right {
    from {
      rotate: 346deg;
    }
    50% {
      rotate: 350deg;
    }
    to {
      rotate: 346deg;
    }
  }
  @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;
    -webkit-animation: arm-left calc(var(--time) / 4) ease-in-out infinite;
            animation: arm-left calc(var(--time) / 4) ease-in-out infinite;
  }
  @-webkit-keyframes arm-left {
    from {
      rotate: 359deg;
    }
    50% {
      rotate: 364deg;
    }
    to {
      rotate: 359deg;
    }
  }
  @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;
    -webkit-mask: linear-gradient(to top, black 25%, transparent 35%);
            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;
  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;
}

@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);
    -webkit-mask: linear-gradient(black 10%, transparent 30%, transparent 70%, black 80%);
            mask: linear-gradient(black 10%, transparent 30%, transparent 70%, black 80%);
    -webkit-backdrop-filter: blur(5vmin) invert(0);
            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;
}