/* ****************** 首页背景动画 ******************** */

[data-theme=light]{
  --glmp-bannerBg-inset: 100vw;
  --glmp-bannerBg-sunbg: radial-gradient(circle at 60% 60%, #ffdfdf, #ffded9, #ffd8d8);
  --glmp-bannerBg-sunbox: 0 0 14vmax rgb(255 190 190 / 50%), 
                          0 0 22vmax rgb(255 151 77 / 5%), 
                          0 0 42vmax rgb(255 255 255 / 40%);
  --glmp-bannerBg-planetbg: radial-gradient(circle at 60% 60%, #ffd4d4, #ffdede, #fff2ef);
  --glmp-bannerBg-celis: radial-gradient(90% 90% at 70% 50%, #ffdcdc, #ffc7c7 38%, #ffd1d1 52%, #ffbaba 60%, #ffede500 82%);
}

/* *** 深色 *** */

[data-theme=dark]{
  --glmp-bannerBg-inset: 0;
  --glmp-bannerBg-sunbg: radial-gradient(circle at 60% 60%, #f6f6f6, #e8dbdd, #d9d9d9);
  --glmp-bannerBg-sunbox: 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);
  --glmp-bannerBg-planetbg: radial-gradient(90% 90% at 60% 55%, #252525, #2a2f33 52%, #ede9ea 62%), #ede9ea;
  --glmp-bannerBg-celis: radial-gradient(90% 90% at 70% 50%, #bbbaba, #888586 38%, #121415 52%, #131617 60%, transparent 82%);
}


:root {
  --color-primary: rgba(220, 219, 219, 0.78);
  --color-surface: #242425;
  --time: 24s;
}
@property --shadow-color {
  syntax: "<color>";
  initial-value: transparent;
  inherits: true;
}
/* #celis::before {
  content: "";
  position: fixed;
  top: -50%;
  left: -50%;
  width: 200%;
  height: 200%;
  background: transparent
    url("http://assets.iceable.com/img/noise-transparent.png") repeat 0 0;
  background-size: 300px 300px;
  animation: noise-animation 0.3s steps(5) infinite;
  opacity: 1;
  will-change: transform;
  z-index: 100;
  pointer-events: none;
}
@keyframes noise-animation {
  0% {
    transform: translate(0, 0);
  }
  10% {
    transform: translate(-2%, -3%);
  }
  20% {
    transform: translate(-4%, 2%);
  }
  30% {
    transform: translate(2%, -4%);
  }
  40% {
    transform: translate(-2%, 5%);
  }
  50% {
    transform: translate(-4%, 2%);
  }
  60% {
    transform: translate(3%, 0);
  }
  70% {
    transform: translate(0, 3%);
  }
  80% {
    transform: translate(-3%, 0);
  }
  90% {
    transform: translate(2%, 2%);
  }
  100% {
    transform: translate(1%, 0);
  }
} */
.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: var(--glmp-bannerBg-inset);
  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.4021974414;
  --y: 0.4590392261;
  --x2: 0.1037815259;
  --y2: -0.2234645291;
  --delay: 0.0587641985;
}
.startails > div:nth-of-type(2) {
  --x: 0.5251723123;
  --y: 0.7642640231;
  --x2: -0.4567854038;
  --y2: -0.161930249;
  --delay: 0.4649760921;
}
.startails > div:nth-of-type(3) {
  --x: 0.6523828826;
  --y: 0.6917834646;
  --x2: -0.115694111;
  --y2: -0.0853267045;
  --delay: 0.5783653987;
}
.startails > div:nth-of-type(4) {
  --x: 0.9761771001;
  --y: 0.8449995579;
  --x2: 0.4876892406;
  --y2: -0.4640495564;
  --delay: 0.4475927984;
}
.startails > div:nth-of-type(5) {
  --x: 0.967439036;
  --y: 0.9200423837;
  --x2: 0.1622328412;
  --y2: -0.3504172097;
  --delay: 0.0453353544;
}
.startails > div:nth-of-type(6) {
  --x: 0.6257141472;
  --y: 0.0579016021;
  --x2: -0.2132330054;
  --y2: -0.4671296702;
  --delay: 0.4346258856;
}
.startails > div:nth-of-type(7) {
  --x: 0.1872781814;
  --y: 0.0097364324;
  --x2: 0.3169976457;
  --y2: 0.2970135358;
  --delay: 0.4853094076;
}
.startails > div:nth-of-type(8) {
  --x: 0.1955715961;
  --y: 0.5380732016;
  --x2: 0.2454417969;
  --y2: -0.4147777396;
  --delay: 0.2161136402;
}
.startails > div:nth-of-type(9) {
  --x: 0.4779324937;
  --y: 0.1898868477;
  --x2: -0.4364757116;
  --y2: -0.4003997773;
  --delay: 0.4197065096;
}
.startails > div:nth-of-type(10) {
  --x: 0.1308128854;
  --y: 0.6257355418;
  --x2: 0.4415607975;
  --y2: -0.3787169092;
  --delay: 0.5060439629;
}
.startails > div:nth-of-type(11) {
  --x: 0.2957419069;
  --y: 0.7091284005;
  --x2: 0.1181083173;
  --y2: -0.4886531637;
  --delay: 0.7410589612;
}
.startails > div:nth-of-type(12) {
  --x: 0.5863244513;
  --y: 0.246076486;
  --x2: -0.0690279274;
  --y2: 0.0713327839;
  --delay: 0.984281782;
}
.startails > div:nth-of-type(13) {
  --x: 0.0974654909;
  --y: 0.7406043857;
  --x2: -0.4245094404;
  --y2: 0.4390901768;
  --delay: 0.7983556014;
}
.startails > div:nth-of-type(14) {
  --x: 0.6302589294;
  --y: 0.9159492547;
  --x2: 0.1328257216;
  --y2: -0.0996000548;
  --delay: 0.7634276189;
}
.startails > div:nth-of-type(15) {
  --x: 0.2796781533;
  --y: 0.1467597148;
  --x2: 0.3549298909;
  --y2: -0.3901189699;
  --delay: 0.6474519238;
}
.startails > div:nth-of-type(16) {
  --x: 0.3585368297;
  --y: 0.7279922889;
  --x2: 0.1785226223;
  --y2: 0.4929963247;
  --delay: 0.4259056144;
}
.startails > div:nth-of-type(17) {
  --x: 0.6817137043;
  --y: 0.2279966356;
  --x2: 0.368022596;
  --y2: 0.1688460481;
  --delay: 0.4424545785;
}
.startails > div:nth-of-type(18) {
  --x: 0.1374282466;
  --y: 0.3261318211;
  --x2: -0.1865272371;
  --y2: -0.2093565123;
  --delay: 0.6104661851;
}
.startails > div:nth-of-type(19) {
  --x: 0.1937811342;
  --y: 0.3143107835;
  --x2: 0.3921441462;
  --y2: 0.0304790977;
  --delay: 0.4258307287;
}
.startails > div:nth-of-type(20) {
  --x: 0.4279544339;
  --y: 0.5590924258;
  --x2: 0.2774626192;
  --y2: -0.0846880514;
  --delay: 0.3801604267;
}
.startails > div:nth-of-type(21) {
  --x: 0.0384370229;
  --y: 0.0482170874;
  --x2: -0.4297695065;
  --y2: -0.4391956244;
  --delay: 0.7987129474;
}
.startails > div:nth-of-type(22) {
  --x: 0.4926204018;
  --y: 0.0363613795;
  --x2: -0.3526458354;
  --y2: 0.4029133077;
  --delay: 0.2308222025;
}
.startails > div:nth-of-type(23) {
  --x: 0.8799526455;
  --y: 0.6946159942;
  --x2: -0.2936663161;
  --y2: 0.4716835608;
  --delay: 0.5219058141;
}
.startails > div:nth-of-type(24) {
  --x: 0.4156919429;
  --y: 0.9700177174;
  --x2: -0.1889779861;
  --y2: -0.3983843709;
  --delay: 0.3432934296;
}
.startails > div:nth-of-type(25) {
  --x: 0.9247009075;
  --y: 0.8994793751;
  --x2: 0.2729148637;
  --y2: -0.2218241223;
  --delay: 0.1763957365;
}
.startails > div:nth-of-type(26) {
  --x: 0.5290416666;
  --y: 0.5789134009;
  --x2: 0.216252761;
  --y2: -0.4337358234;
  --delay: 0.0287849461;
}
.startails > div:nth-of-type(27) {
  --x: 0.8546606473;
  --y: 0.2159503942;
  --x2: -0.387977011;
  --y2: 0.3213576049;
  --delay: 0.8126733447;
}
.startails > div:nth-of-type(28) {
  --x: 0.4199418173;
  --y: 0.264451321;
  --x2: -0.0968325962;
  --y2: -0.1588384566;
  --delay: 0.4669107533;
}
.startails > div:nth-of-type(29) {
  --x: 0.1789564129;
  --y: 0.3592318904;
  --x2: 0.355739555;
  --y2: -0.3563766907;
  --delay: 0.9893397105;
}
.startails > div:nth-of-type(30) {
  --x: 0.2823921753;
  --y: 0.3562980854;
  --x2: 0.472382536;
  --y2: -0.4560724902;
  --delay: 0.2864793216;
}
.startails > div:nth-of-type(31) {
  --x: 0.9508688427;
  --y: 0.4561762903;
  --x2: -0.2603684985;
  --y2: 0.2955726991;
  --delay: 0.6268287108;
}
.startails > div:nth-of-type(32) {
  --x: 0.108382344;
  --y: 0.8734580939;
  --x2: -0.0964591934;
  --y2: -0.3508513426;
  --delay: 0.501979799;
}
.startails > div:nth-of-type(33) {
  --x: 0.9645549045;
  --y: 0.8346607161;
  --x2: 0.3008810776;
  --y2: -0.1926145013;
  --delay: 0.1942846412;
}
.startails > div:nth-of-type(34) {
  --x: 0.1248940581;
  --y: 0.5055414966;
  --x2: 0.1105754389;
  --y2: -0.048118659;
  --delay: 0.818303495;
}
.startails > div:nth-of-type(35) {
  --x: 0.6413225543;
  --y: 0.8788255546;
  --x2: -0.4964792411;
  --y2: -0.4833240638;
  --delay: 0.1518137616;
}
.startails > div:nth-of-type(36) {
  --x: 0.9500811927;
  --y: 0.3298617446;
  --x2: -0.2625692359;
  --y2: 0.0566345336;
  --delay: 0.0756976166;
}
.startails > div:nth-of-type(37) {
  --x: 0.0571869174;
  --y: 0.7421171002;
  --x2: 0.1348451459;
  --y2: -0.2370435762;
  --delay: 0.8080848674;
}
.startails > div:nth-of-type(38) {
  --x: 0.745989884;
  --y: 0.0640576985;
  --x2: 0.4190248576;
  --y2: 0.3658493937;
  --delay: 0.1136378255;
}
.startails > div:nth-of-type(39) {
  --x: 0.2198385366;
  --y: 0.6949200677;
  --x2: 0.4075435856;
  --y2: -0.3117495284;
  --delay: 0.8055111274;
}
.startails > div:nth-of-type(40) {
  --x: 0.4295276151;
  --y: 0.4781636843;
  --x2: 0.2644153629;
  --y2: -0.0161054422;
  --delay: 0.3625851742;
}
.startails > div:nth-of-type(41) {
  --x: 0.5202973289;
  --y: 0.491328799;
  --x2: -0.3651718076;
  --y2: 0.305412837;
  --delay: 0.1727412644;
}
.startails > div:nth-of-type(42) {
  --x: 0.93598618;
  --y: 0.9262499015;
  --x2: -0.0346272636;
  --y2: 0.0742937912;
  --delay: 0.2068510946;
}
.startails > div:nth-of-type(43) {
  --x: 0.0468221867;
  --y: 0.0249171782;
  --x2: 0.1595810229;
  --y2: -0.3059474681;
  --delay: 0.9994776727;
}
.startails > div:nth-of-type(44) {
  --x: 0.4685970455;
  --y: 0.587331642;
  --x2: 0.3094827154;
  --y2: 0.1178279851;
  --delay: 0.8566045213;
}
.startails > div:nth-of-type(45) {
  --x: 0.9027919319;
  --y: 0.8909230313;
  --x2: 0.4954382171;
  --y2: 0.2144482937;
  --delay: 0.9299484073;
}
.startails > div:nth-of-type(46) {
  --x: 0.8798927459;
  --y: 0.0536192923;
  --x2: 0.1244531214;
  --y2: 0.3146075322;
  --delay: 0.4172922548;
}
.startails > div:nth-of-type(47) {
  --x: 0.1361979116;
  --y: 0.9330150649;
  --x2: -0.4066842963;
  --y2: -0.1583140277;
  --delay: 0.834332774;
}
.startails > div:nth-of-type(48) {
  --x: 0.6635321982;
  --y: 0.0239111214;
  --x2: 0.1082003361;
  --y2: -0.2513819178;
  --delay: 0.4347090476;
}
.startails > div:nth-of-type(49) {
  --x: 0.6840278816;
  --y: 0.0079743767;
  --x2: 0.309110568;
  --y2: -0.4386034298;
  --delay: 0.6115156841;
}
.startails > div:nth-of-type(50) {
  --x: 0.8619744304;
  --y: 0.3835113924;
  --x2: -0.1312995102;
  --y2: -0.3498324034;
  --delay: 0.2137461075;
}
.startails > div:nth-of-type(51) {
  --x: 0.885888471;
  --y: 0.4934636315;
  --x2: -0.185218716;
  --y2: 0.4677693664;
  --delay: 0.8822896117;
}
.startails > div:nth-of-type(52) {
  --x: 0.3202598571;
  --y: 0.4165530933;
  --x2: -0.1364691973;
  --y2: -0.4890891065;
  --delay: 0.1182411023;
}
.startails > div:nth-of-type(53) {
  --x: 0.5925193218;
  --y: 0.4830710061;
  --x2: 0.3842587538;
  --y2: 0.3702848289;
  --delay: 0.0803270526;
}
.startails > div:nth-of-type(54) {
  --x: 0.8640690594;
  --y: 0.018444218;
  --x2: 0.4461249317;
  --y2: -0.1511606352;
  --delay: 0.8566439674;
}
.startails > div:nth-of-type(55) {
  --x: 0.3376693079;
  --y: 0.4221802885;
  --x2: -0.4342907468;
  --y2: 0.2135426749;
  --delay: 0.4026794142;
}
.startails > div:nth-of-type(56) {
  --x: 0.9131886628;
  --y: 0.3989266293;
  --x2: 0.1055023767;
  --y2: -0.0855616819;
  --delay: 0.6369933272;
}
.startails > div:nth-of-type(57) {
  --x: 0.882405586;
  --y: 0.9669533155;
  --x2: -0.2960526783;
  --y2: -0.2365408536;
  --delay: 0.3640687663;
}
.startails > div:nth-of-type(58) {
  --x: 0.6411314324;
  --y: 0.5437801144;
  --x2: -0.169352593;
  --y2: -0.406655099;
  --delay: 0.8955379305;
}
.startails > div:nth-of-type(59) {
  --x: 0.8637006844;
  --y: 0.425134538;
  --x2: 0.1208006363;
  --y2: 0.0429931251;
  --delay: 0.311583561;
}
.startails > div:nth-of-type(60) {
  --x: 0.1893556304;
  --y: 0.4672936501;
  --x2: -0.0228677699;
  --y2: 0.4628635626;
  --delay: 0.0970197416;
}
.startails > div:nth-of-type(61) {
  --x: 0.1836206107;
  --y: 0.4763751521;
  --x2: 0.2998673442;
  --y2: -0.4067297416;
  --delay: 0.0128964001;
}
.startails > div:nth-of-type(62) {
  --x: 0.3491503395;
  --y: 0.5302249249;
  --x2: 0.0362723282;
  --y2: -0.1517972537;
  --delay: 0.7014654148;
}
.startails > div:nth-of-type(63) {
  --x: 0.089132935;
  --y: 0.1602285565;
  --x2: 0.147483659;
  --y2: -0.1775638022;
  --delay: 0.8588732689;
}
.startails > div:nth-of-type(64) {
  --x: 0.724490333;
  --y: 0.4018871347;
  --x2: -0.3675755269;
  --y2: 0.148185478;
  --delay: 0.034553951;
}
.startails > div:nth-of-type(65) {
  --x: 0.1620865367;
  --y: 0.1621745765;
  --x2: 0.3402793221;
  --y2: 0.3315400082;
  --delay: 0.8035244711;
}
.startails > div:nth-of-type(66) {
  --x: 0.7356680693;
  --y: 0.2230284484;
  --x2: 0.365353268;
  --y2: -0.4363877825;
  --delay: 0.8070192353;
}
.startails > div:nth-of-type(67) {
  --x: 0.9386029551;
  --y: 0.2917962569;
  --x2: -0.3651162868;
  --y2: 0.3770977895;
  --delay: 0.3371709084;
}
.startails > div:nth-of-type(68) {
  --x: 0.192944517;
  --y: 0.8678821384;
  --x2: 0.0378883365;
  --y2: 0.1909830456;
  --delay: 0.4019457547;
}
.startails > div:nth-of-type(69) {
  --x: 0.9323411702;
  --y: 0.4748124286;
  --x2: -0.2025395804;
  --y2: -0.1124598577;
  --delay: 0.0511843125;
}
.startails > div:nth-of-type(70) {
  --x: 0.0427989522;
  --y: 0.6319036696;
  --x2: -0.3637433602;
  --y2: 0.0317097955;
  --delay: 0.1181180127;
}
.startails > div:nth-of-type(71) {
  --x: 0.2607237913;
  --y: 0.0236266107;
  --x2: 0.4220977615;
  --y2: 0.1880492392;
  --delay: 0.9355146528;
}
.startails > div:nth-of-type(72) {
  --x: 0.6898528334;
  --y: 0.6573419024;
  --x2: -0.3895291069;
  --y2: -0.1391096225;
  --delay: 0.9501044392;
}
.startails > div:nth-of-type(73) {
  --x: 0.5659341388;
  --y: 0.5880850959;
  --x2: 0.4059291936;
  --y2: -0.2742054124;
  --delay: 0.90133312;
}
.startails > div:nth-of-type(74) {
  --x: 0.9026013616;
  --y: 0.1344179622;
  --x2: -0.2200563537;
  --y2: 0.3455481221;
  --delay: 0.2568443856;
}
.startails > div:nth-of-type(75) {
  --x: 0.2767640878;
  --y: 0.4117741832;
  --x2: -0.3711442876;
  --y2: -0.1041316778;
  --delay: 0.6389840721;
}
.startails > div:nth-of-type(76) {
  --x: 0.9502222628;
  --y: 0.0234720323;
  --x2: 0.2179575276;
  --y2: -0.4957160126;
  --delay: 0.6541875683;
}
.startails > div:nth-of-type(77) {
  --x: 0.0675499805;
  --y: 0.5010129411;
  --x2: -0.3034735158;
  --y2: 0.2886983733;
  --delay: 0.018631458;
}
.startails > div:nth-of-type(78) {
  --x: 0.1473229207;
  --y: 0.9455169176;
  --x2: -0.2492348442;
  --y2: 0.3715583594;
  --delay: 0.1678232801;
}
.startails > div:nth-of-type(79) {
  --x: 0.3978366574;
  --y: 0.1603552269;
  --x2: 0.3989425502;
  --y2: -0.4239211249;
  --delay: 0.9078035491;
}
.startails > div:nth-of-type(80) {
  --x: 0.4894456104;
  --y: 0.9623221354;
  --x2: 0.0867394345;
  --y2: -0.3054924823;
  --delay: 0.4626595758;
}
.startails > div:nth-of-type(81) {
  --x: 0.8942645669;
  --y: 0.3471980313;
  --x2: -0.278162656;
  --y2: -0.4771879437;
  --delay: 0.5220424797;
}
.startails > div:nth-of-type(82) {
  --x: 0.0192184606;
  --y: 0.3565825828;
  --x2: -0.4592399198;
  --y2: -0.147500033;
  --delay: 0.8284130712;
}
.startails > div:nth-of-type(83) {
  --x: 0.1882108773;
  --y: 0.4822441821;
  --x2: -0.4517224696;
  --y2: 0.0445582849;
  --delay: 0.2742743199;
}
.startails > div:nth-of-type(84) {
  --x: 0.6790326192;
  --y: 0.3596811017;
  --x2: 0.196348937;
  --y2: 0.1116681633;
  --delay: 0.1444875049;
}
.startails > div:nth-of-type(85) {
  --x: 0.5370841434;
  --y: 0.7784941395;
  --x2: -0.311266721;
  --y2: -0.2737059822;
  --delay: 0.3911773477;
}
.startails > div:nth-of-type(86) {
  --x: 0.5433637685;
  --y: 0.666524061;
  --x2: -0.2663413163;
  --y2: 0.4539926524;
  --delay: 0.5341303681;
}
.startails > div:nth-of-type(87) {
  --x: 0.2962492697;
  --y: 0.3306444765;
  --x2: 0.0396306018;
  --y2: 0.4403019167;
  --delay: 0.7432355605;
}
.startails > div:nth-of-type(88) {
  --x: 0.1784826711;
  --y: 0.0245413719;
  --x2: 0.3048802748;
  --y2: 0.353480586;
  --delay: 0.5686883358;
}
.startails > div:nth-of-type(89) {
  --x: 0.492902428;
  --y: 0.4637028504;
  --x2: 0.4334802508;
  --y2: -0.4401239645;
  --delay: 0.4458561631;
}
.startails > div:nth-of-type(90) {
  --x: 0.561718225;
  --y: 0.791148457;
  --x2: 0.3946551831;
  --y2: 0.1626401572;
  --delay: 0.4377609774;
}
.startails > div:nth-of-type(91) {
  --x: 0.3206591369;
  --y: 0.8900368425;
  --x2: -0.4934004915;
  --y2: 0.2039566442;
  --delay: 0.0510271455;
}
.startails > div:nth-of-type(92) {
  --x: 0.492497129;
  --y: 0.0145482265;
  --x2: 0.2076874713;
  --y2: -0.2084033507;
  --delay: 0.8113630042;
}
.startails > div:nth-of-type(93) {
  --x: 0.6307777971;
  --y: 0.0423532791;
  --x2: -0.4645064311;
  --y2: -0.2642206849;
  --delay: 0.9735274075;
}
.startails > div:nth-of-type(94) {
  --x: 0.8971466551;
  --y: 0.2627140072;
  --x2: 0.2829624929;
  --y2: -0.3369255501;
  --delay: 0.3065529688;
}
.startails > div:nth-of-type(95) {
  --x: 0.8205446192;
  --y: 0.5990867025;
  --x2: -0.2943066955;
  --y2: -0.1008625273;
  --delay: 0.5560462311;
}
.startails > div:nth-of-type(96) {
  --x: 0.9365034077;
  --y: 0.7061842032;
  --x2: -0.0208624444;
  --y2: 0.350483071;
  --delay: 0.532103201;
}
.startails > div:nth-of-type(97) {
  --x: 0.808406814;
  --y: 0.4354155705;
  --x2: 0.0401707369;
  --y2: -0.1200437861;
  --delay: 0.1376617887;
}
.startails > div:nth-of-type(98) {
  --x: 0.7137256645;
  --y: 0.5656485809;
  --x2: -0.2048015083;
  --y2: -0.2941873148;
  --delay: 0.3953358056;
}
.startails > div:nth-of-type(99) {
  --x: 0.883117125;
  --y: 0.9173211759;
  --x2: 0.1400534711;
  --y2: -0.363436887;
  --delay: 0.4249594127;
}
.startails > div:nth-of-type(100) {
  --x: 0.3413066341;
  --y: 0.1828776594;
  --x2: -0.0000681847;
  --y2: 0.3067009;
  --delay: 0.9335447995;
}
.startails > div:nth-of-type(101) {
  --x: 0.0549363898;
  --y: 0.3785452637;
  --x2: -0.4045997306;
  --y2: -0.0207979669;
  --delay: 0.8487268367;
}
.startails > div:nth-of-type(102) {
  --x: 0.2947969672;
  --y: 0.8493303637;
  --x2: 0.104586963;
  --y2: 0.0812070181;
  --delay: 0.8069010678;
}
.startails > div:nth-of-type(103) {
  --x: 0.1701527296;
  --y: 0.1340752394;
  --x2: -0.3857931994;
  --y2: -0.0284155273;
  --delay: 0.3020023298;
}
.startails > div:nth-of-type(104) {
  --x: 0.2065153128;
  --y: 0.0498155695;
  --x2: 0.1500224613;
  --y2: -0.2719172757;
  --delay: 0.5747962068;
}
.startails > div:nth-of-type(105) {
  --x: 0.1690024717;
  --y: 0.0295095972;
  --x2: -0.3338992566;
  --y2: -0.4552440464;
  --delay: 0.0396185125;
}
.startails > div:nth-of-type(106) {
  --x: 0.9357896801;
  --y: 0.1250259846;
  --x2: 0.330106271;
  --y2: -0.4257880322;
  --delay: 0.0543128916;
}
.startails > div:nth-of-type(107) {
  --x: 0.0179919186;
  --y: 0.1204577745;
  --x2: -0.414708011;
  --y2: 0.0961381884;
  --delay: 0.8426607079;
}
.startails > div:nth-of-type(108) {
  --x: 0.7995950323;
  --y: 0.1008289751;
  --x2: 0.431983618;
  --y2: -0.1797229468;
  --delay: 0.2306197306;
}
.startails > div:nth-of-type(109) {
  --x: 0.20092956;
  --y: 0.9241937478;
  --x2: -0.2904021841;
  --y2: 0.4020506441;
  --delay: 0.718484091;
}
.startails > div:nth-of-type(110) {
  --x: 0.893860272;
  --y: 0.7612597239;
  --x2: -0.2962424671;
  --y2: 0.3058750893;
  --delay: 0.9781651497;
}
.startails > div:nth-of-type(111) {
  --x: 0.4819107459;
  --y: 0.3397017097;
  --x2: -0.4989899183;
  --y2: 0.0761345354;
  --delay: 0.3001469224;
}
.startails > div:nth-of-type(112) {
  --x: 0.3257332073;
  --y: 0.9059726789;
  --x2: 0.3372443183;
  --y2: 0.2633150755;
  --delay: 0.3117692894;
}
.startails > div:nth-of-type(113) {
  --x: 0.5247066836;
  --y: 0.9415772836;
  --x2: 0.4821081814;
  --y2: -0.4673233022;
  --delay: 0.978054647;
}
.startails > div:nth-of-type(114) {
  --x: 0.1157156285;
  --y: 0.6212136041;
  --x2: -0.1313982174;
  --y2: 0.3820262107;
  --delay: 0.91263334;
}
.startails > div:nth-of-type(115) {
  --x: 0.9013685626;
  --y: 0.8438999497;
  --x2: -0.1959713161;
  --y2: -0.1593027399;
  --delay: 0.121917607;
}
.startails > div:nth-of-type(116) {
  --x: 0.1065957662;
  --y: 0.957579517;
  --x2: 0.0635845057;
  --y2: 0.145689577;
  --delay: 0.2170767796;
}
.startails > div:nth-of-type(117) {
  --x: 0.5643216578;
  --y: 0.099549766;
  --x2: 0.425259876;
  --y2: 0.2103996577;
  --delay: 0.6789821334;
}
.startails > div:nth-of-type(118) {
  --x: 0.3664658308;
  --y: 0.4536323659;
  --x2: 0.4262963258;
  --y2: -0.3434336553;
  --delay: 0.5156215759;
}
.startails > div:nth-of-type(119) {
  --x: 0.8328195413;
  --y: 0.3116432601;
  --x2: 0.2736624912;
  --y2: -0.4266047948;
  --delay: 0.6015481116;
}
.startails > div:nth-of-type(120) {
  --x: 0.9360934407;
  --y: 0.7713273054;
  --x2: -0.4386652534;
  --y2: -0.4478792215;
  --delay: 0.4039701696;
}
.startails > div:nth-of-type(121) {
  --x: 0.68682402;
  --y: 0.7346263546;
  --x2: -0.3960514025;
  --y2: 0.022213833;
  --delay: 0.11339599;
}
.startails > div:nth-of-type(122) {
  --x: 0.927994843;
  --y: 0.6678598282;
  --x2: -0.3115921657;
  --y2: 0.0608142714;
  --delay: 0.5344182511;
}
.startails > div:nth-of-type(123) {
  --x: 0.7276134955;
  --y: 0.8045878953;
  --x2: 0.4866748504;
  --y2: 0.0511275215;
  --delay: 0.9481806174;
}
.startails > div:nth-of-type(124) {
  --x: 0.4859174271;
  --y: 0.9144693235;
  --x2: 0.0101287462;
  --y2: 0.093798511;
  --delay: 0.5692390852;
}
.startails > div:nth-of-type(125) {
  --x: 0.0394627264;
  --y: 0.4581358275;
  --x2: -0.4925348169;
  --y2: 0.2437100163;
  --delay: 0.6870958882;
}
.startails > div:nth-of-type(126) {
  --x: 0.6536111721;
  --y: 0.5505125794;
  --x2: -0.0137699434;
  --y2: 0.0667926527;
  --delay: 0.9419223202;
}
.startails > div:nth-of-type(127) {
  --x: 0.6985377066;
  --y: 0.308698256;
  --x2: 0.3655545862;
  --y2: 0.0530288364;
  --delay: 0.3559646658;
}
.startails > div:nth-of-type(128) {
  --x: 0.1062728788;
  --y: 0.6437085436;
  --x2: 0.4032375034;
  --y2: -0.2862510135;
  --delay: 0.5731140688;
}
.startails > div:nth-of-type(129) {
  --x: 0.8118221373;
  --y: 0.4235875008;
  --x2: 0.4073186274;
  --y2: 0.1838160955;
  --delay: 0.4519716748;
}
.startails > div:nth-of-type(130) {
  --x: 0.5442531276;
  --y: 0.1300548456;
  --x2: 0.3129263492;
  --y2: 0.2189234837;
  --delay: 0.0945624635;
}
.startails > div:nth-of-type(131) {
  --x: 0.6550575458;
  --y: 0.9755538944;
  --x2: -0.1273297065;
  --y2: 0.1257293257;
  --delay: 0.2869044199;
}
.startails > div:nth-of-type(132) {
  --x: 0.0445933401;
  --y: 0.6542116298;
  --x2: 0.2066904423;
  --y2: 0.0611010325;
  --delay: 0.5483394522;
}
.startails > div:nth-of-type(133) {
  --x: 0.4774137784;
  --y: 0.1888415911;
  --x2: -0.313731623;
  --y2: 0.0029605176;
  --delay: 0.3417763673;
}
.startails > div:nth-of-type(134) {
  --x: 0.3741503559;
  --y: 0.8013447383;
  --x2: 0.2310503916;
  --y2: -0.0760431166;
  --delay: 0.8170958788;
}
.startails > div:nth-of-type(135) {
  --x: 0.4415047974;
  --y: 0.5925956391;
  --x2: -0.1870172365;
  --y2: -0.1600175422;
  --delay: 0.6856700967;
}
.startails > div:nth-of-type(136) {
  --x: 0.1297656991;
  --y: 0.2237770607;
  --x2: -0.203351578;
  --y2: 0.3572399215;
  --delay: 0.9828402303;
}
.startails > div:nth-of-type(137) {
  --x: 0.4203996485;
  --y: 0.787631405;
  --x2: 0.1804977711;
  --y2: 0.0926697181;
  --delay: 0.6939017215;
}
.startails > div:nth-of-type(138) {
  --x: 0.2175145225;
  --y: 0.5781850587;
  --x2: -0.1649290368;
  --y2: -0.2613362088;
  --delay: 0.5281186029;
}
.startails > div:nth-of-type(139) {
  --x: 0.2682327784;
  --y: 0.7483680799;
  --x2: -0.1973723516;
  --y2: -0.2084645367;
  --delay: 0.9563500821;
}
.startails > div:nth-of-type(140) {
  --x: 0.5862339828;
  --y: 0.1849242875;
  --x2: -0.0871454696;
  --y2: -0.384815531;
  --delay: 0.2242730025;
}
.startails > div:nth-of-type(141) {
  --x: 0.0861698518;
  --y: 0.4876546401;
  --x2: -0.2820083662;
  --y2: -0.4187690765;
  --delay: 0.3694671977;
}
.startails > div:nth-of-type(142) {
  --x: 0.7815987452;
  --y: 0.7005222139;
  --x2: 0.3717854789;
  --y2: 0.002134195;
  --delay: 0.1620793896;
}
.startails > div:nth-of-type(143) {
  --x: 0.5736360516;
  --y: 0.4441559254;
  --x2: 0.0124146194;
  --y2: -0.0931551928;
  --delay: 0.1401394349;
}
.startails > div:nth-of-type(144) {
  --x: 0.1919932154;
  --y: 0.1270345904;
  --x2: -0.1958181427;
  --y2: 0.3504479774;
  --delay: 0.0668481018;
}
.startails > div:nth-of-type(145) {
  --x: 0.133261712;
  --y: 0.2599070606;
  --x2: 0.0474038034;
  --y2: -0.0425288995;
  --delay: 0.2445896601;
}
.startails > div:nth-of-type(146) {
  --x: 0.0803391135;
  --y: 0.5994626745;
  --x2: 0.147005696;
  --y2: 0.4067752161;
  --delay: 0.839195443;
}
.startails > div:nth-of-type(147) {
  --x: 0.2557129985;
  --y: 0.3102334983;
  --x2: 0.0075404122;
  --y2: 0.04554263;
  --delay: 0.289533049;
}
.startails > div:nth-of-type(148) {
  --x: 0.6632745572;
  --y: 0.6571661276;
  --x2: 0.0156913427;
  --y2: 0.1366431186;
  --delay: 0.6303320563;
}
.startails > div:nth-of-type(149) {
  --x: 0.3537248129;
  --y: 0.4998435213;
  --x2: 0.1082837278;
  --y2: -0.3202834379;
  --delay: 0.299290177;
}
.startails > div:nth-of-type(150) {
  --x: 0.063598047;
  --y: 0.3772909031;
  --x2: -0.2957510629;
  --y2: 0.2237946901;
  --delay: 0.5056022463;
}
.startails > div:nth-of-type(151) {
  --x: 0.7647190598;
  --y: 0.1601862747;
  --x2: -0.1379877672;
  --y2: 0.4486557876;
  --delay: 0.2306875687;
}
.startails > div:nth-of-type(152) {
  --x: 0.5300409668;
  --y: 0.1840960372;
  --x2: -0.31216866;
  --y2: -0.196318588;
  --delay: 0.3179929465;
}
.startails > div:nth-of-type(153) {
  --x: 0.1090824289;
  --y: 0.4004302305;
  --x2: -0.092652311;
  --y2: 0.3157435498;
  --delay: 0.6433514488;
}
.startails > div:nth-of-type(154) {
  --x: 0.5541999785;
  --y: 0.0326999893;
  --x2: -0.2043303484;
  --y2: 0.431861839;
  --delay: 0.320749994;
}
.startails > div:nth-of-type(155) {
  --x: 0.0634628256;
  --y: 0.53003814;
  --x2: -0.4873384737;
  --y2: -0.1058333067;
  --delay: 0.9299954817;
}
.startails > div:nth-of-type(156) {
  --x: 0.1130351748;
  --y: 0.4141145631;
  --x2: -0.3042457975;
  --y2: 0.0942661465;
  --delay: 0.1132942099;
}
.startails > div:nth-of-type(157) {
  --x: 0.4736526203;
  --y: 0.9870310207;
  --x2: 0.2261920255;
  --y2: 0.0604796159;
  --delay: 0.9800013064;
}
.startails > div:nth-of-type(158) {
  --x: 0.1482477188;
  --y: 0.5930217796;
  --x2: 0.0369812526;
  --y2: 0.0870768469;
  --delay: 0.1021260047;
}
.startails > div:nth-of-type(159) {
  --x: 0.1164372578;
  --y: 0.5197673948;
  --x2: 0.2925199653;
  --y2: 0.303109349;
  --delay: 0.229815631;
}
.startails > div:nth-of-type(160) {
  --x: 0.3578575551;
  --y: 0.3795369183;
  --x2: 0.3286563077;
  --y2: -0.3962128537;
  --delay: 0.8621627176;
}
.startails > div:nth-of-type(161) {
  --x: 0.4831463014;
  --y: 0.0691166278;
  --x2: 0.446772548;
  --y2: -0.2714642862;
  --delay: 0.6732873193;
}
.startails > div:nth-of-type(162) {
  --x: 0.2184570598;
  --y: 0.667556655;
  --x2: 0.0368577337;
  --y2: 0.3696265207;
  --delay: 0.4500430994;
}
.startails > div:nth-of-type(163) {
  --x: 0.9452163855;
  --y: 0.9010983057;
  --x2: -0.1232413691;
  --y2: -0.3794972189;
  --delay: 0.6534395041;
}
.startails > div:nth-of-type(164) {
  --x: 0.0583980474;
  --y: 0.7630966839;
  --x2: -0.4401821182;
  --y2: 0.1225141675;
  --delay: 0.3034591515;
}
.startails > div:nth-of-type(165) {
  --x: 0.8606454811;
  --y: 0.431323067;
  --x2: 0.3676802423;
  --y2: -0.0520100878;
  --delay: 0.3203955882;
}
.startails > div:nth-of-type(166) {
  --x: 0.1391589687;
  --y: 0.7906735175;
  --x2: -0.2446161916;
  --y2: -0.3992153915;
  --delay: 0.6575630833;
}
.startails > div:nth-of-type(167) {
  --x: 0.2787138489;
  --y: 0.7167889675;
  --x2: -0.331901329;
  --y2: 0.3829625242;
  --delay: 0.4128816876;
}
.startails > div:nth-of-type(168) {
  --x: 0.0240396823;
  --y: 0.0922759833;
  --x2: 0.3665715216;
  --y2: 0.2068800324;
  --delay: 0.0091854834;
}
.startails > div:nth-of-type(169) {
  --x: 0.36302701;
  --y: 0.1940952514;
  --x2: 0.4094488051;
  --y2: -0.2379128214;
  --delay: 0.672138933;
}
.startails > div:nth-of-type(170) {
  --x: 0.8178477375;
  --y: 0.2141328578;
  --x2: -0.1078495365;
  --y2: -0.3256937188;
  --delay: 0.0172811865;
}
.startails > div:nth-of-type(171) {
  --x: 0.3168362646;
  --y: 0.3613170193;
  --x2: -0.2717238408;
  --y2: -0.3881401444;
  --delay: 0.3979511574;
}
.startails > div:nth-of-type(172) {
  --x: 0.2255011911;
  --y: 0.1905014509;
  --x2: 0.4538345324;
  --y2: 0.0855367561;
  --delay: 0.3319746504;
}
.startails > div:nth-of-type(173) {
  --x: 0.9720260979;
  --y: 0.5713599347;
  --x2: -0.1990873629;
  --y2: -0.0146713688;
  --delay: 0.6185990197;
}
.startails > div:nth-of-type(174) {
  --x: 0.3634761932;
  --y: 0.9261134564;
  --x2: 0.2404744688;
  --y2: 0.4080418017;
  --delay: 0.2238029748;
}
.startails > div:nth-of-type(175) {
  --x: 0.1713354459;
  --y: 0.9926016946;
  --x2: 0.1911292547;
  --y2: -0.160379637;
  --delay: 0.8732542068;
}
.startails > div:nth-of-type(176) {
  --x: 0.271712649;
  --y: 0.0717736134;
  --x2: 0.479799232;
  --y2: 0.176414403;
  --delay: 0.2559805021;
}
.startails > div:nth-of-type(177) {
  --x: 0.7391281873;
  --y: 0.1415230612;
  --x2: -0.0213598146;
  --y2: -0.4992076911;
  --delay: 0.2781831313;
}
.startails > div:nth-of-type(178) {
  --x: 0.6889570597;
  --y: 0.0183175207;
  --x2: 0.405339995;
  --y2: 0.1107158061;
  --delay: 0.6335240424;
}
.startails > div:nth-of-type(179) {
  --x: 0.5330861483;
  --y: 0.436342189;
  --x2: -0.0158946979;
  --y2: -0.2004979435;
  --delay: 0.0750397153;
}
.startails > div:nth-of-type(180) {
  --x: 0.6440412868;
  --y: 0.992239137;
  --x2: -0.3608047396;
  --y2: -0.0889670008;
  --delay: 0.4067280453;
}
.startails > div:nth-of-type(181) {
  --x: 0.9932283513;
  --y: 0.3989550862;
  --x2: 0.3929080353;
  --y2: -0.4534942464;
  --delay: 0.3980941226;
}
.startails > div:nth-of-type(182) {
  --x: 0.9005941824;
  --y: 0.9862381815;
  --x2: 0.2528159443;
  --y2: 0.3647221185;
  --delay: 0.0780239171;
}
.startails > div:nth-of-type(183) {
  --x: 0.9485507644;
  --y: 0.3494885448;
  --x2: -0.409434946;
  --y2: 0.2567256167;
  --delay: 0.8697620669;
}
.startails > div:nth-of-type(184) {
  --x: 0.2742187675;
  --y: 0.4092172917;
  --x2: -0.4043533548;
  --y2: 0.2758457317;
  --delay: 0.3613637101;
}
.startails > div:nth-of-type(185) {
  --x: 0.5700521693;
  --y: 0.6611743571;
  --x2: 0.0191317481;
  --y2: -0.3763633734;
  --delay: 0.6503541755;
}
.startails > div:nth-of-type(186) {
  --x: 0.5756984148;
  --y: 0.3718892647;
  --x2: 0.4766682639;
  --y2: 0.0967407515;
  --delay: 0.924332089;
}
.startails > div:nth-of-type(187) {
  --x: 0.8861898424;
  --y: 0.2751131246;
  --x2: 0.0037650039;
  --y2: 0.0174472644;
  --delay: 0.9294413223;
}
.startails > div:nth-of-type(188) {
  --x: 0.9240349927;
  --y: 0.1359001789;
  --x2: -0.392323156;
  --y2: -0.4476856942;
  --delay: 0.1931406444;
}
.startails > div:nth-of-type(189) {
  --x: 0.9114123989;
  --y: 0.1594821274;
  --x2: -0.3952347211;
  --y2: -0.0422353413;
  --delay: 0.3365792305;
}
.startails > div:nth-of-type(190) {
  --x: 0.3710653094;
  --y: 0.4985688379;
  --x2: 0.0398586595;
  --y2: 0.4226008773;
  --delay: 0.3458891206;
}
.startails > div:nth-of-type(191) {
  --x: 0.7573103693;
  --y: 0.0142157141;
  --x2: 0.4092271527;
  --y2: -0.3473152162;
  --delay: 0.8654475298;
}
.startails > div:nth-of-type(192) {
  --x: 0.6459402134;
  --y: 0.796496524;
  --x2: 0.0359835511;
  --y2: -0.3717261096;
  --delay: 0.6084069247;
}
.startails > div:nth-of-type(193) {
  --x: 0.3756638652;
  --y: 0.0924783267;
  --x2: 0.4734479853;
  --y2: 0.026190091;
  --delay: 0.097108293;
}
.startails > div:nth-of-type(194) {
  --x: 0.7375094764;
  --y: 0.3006786206;
  --x2: -0.0424573994;
  --y2: -0.0916021684;
  --delay: 0.8006326935;
}
.startails > div:nth-of-type(195) {
  --x: 0.6673975648;
  --y: 0.7176429258;
  --x2: -0.0079866198;
  --y2: 0.151530674;
  --delay: 0.5156286206;
}
.startails > div:nth-of-type(196) {
  --x: 0.8499668331;
  --y: 0.0080191673;
  --x2: -0.2295114255;
  --y2: 0.4679869045;
  --delay: 0.940833957;
}
.startails > div:nth-of-type(197) {
  --x: 0.3500114661;
  --y: 0.0556032647;
  --x2: 0.0853954267;
  --y2: -0.3807453488;
  --delay: 0.4582923642;
}
.startails > div:nth-of-type(198) {
  --x: 0.3821748554;
  --y: 0.9096094398;
  --x2: -0.1224893435;
  --y2: 0.2194911466;
  --delay: 0.6065132934;
}
.startails > div:nth-of-type(199) {
  --x: 0.6808464957;
  --y: 0.3849767441;
  --x2: -0.2344970036;
  --y2: 0.4572622573;
  --delay: 0.6018028469;
}
.startails > div:nth-of-type(200) {
  --x: 0.9825544843;
  --y: 0.6362647201;
  --x2: 0.107493849;
  --y2: 0.2185888954;
  --delay: 0.142283205;
}
.startails > div:nth-of-type(201) {
  --x: 0.8975551575;
  --y: 0.4318562767;
  --x2: 0.1363322929;
  --y2: -0.4377798124;
  --delay: 0.5665066522;
}

@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;
  }
}
@-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);
    }
  }
}
@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;
  }
}
.home .sun {
  border-radius: 50%;
  width: 25vmax;
  aspect-ratio: 1;
  background: var(--glmp-bannerBg-sunbg);
  position: absolute;
  transform: translateY(-4vmax);
  box-shadow: var(--glmp-bannerBg-sunbox);
  transform-style: preserve-3d;
  transition: .7s;
}

@keyframes floatAnimation {
  0% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(100px);
  }
  100% {
    transform: translateY(0);
  }
}

.planet {
  border-radius: 50%;
  width: 15vmax;
  aspect-ratio: 1;
  background: var(--glmp-bannerBg-planetbg);
  position: absolute;
  opacity: 0;
  left: 40px;
  bottom: -50px;
  -webkit-animation: floatAnimation var(--time) ease-in-out infinite;
          animation: floatAnimation var(--time) ease-in-out infinite;
  transition: .5s;
  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();
  overflow: clip;
  -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: var(--glmp-bannerBg-celis);
  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.8224831906;
  --y: 0.5778000229;
  --x2: 0.3604083793;
  --y2: -0.4673881196;
  --delay: 0.6885462275;
}
.planets > div:nth-of-type(2),
.planets-2 > div:nth-of-type(2) {
  --x: 0.2315689377;
  --y: 0.7483150267;
  --x2: 0.3816154475;
  --y2: 0.0404366052;
  --delay: 0.1727658845;
}
.planets > div:nth-of-type(3),
.planets-2 > div:nth-of-type(3) {
  --x: 0.1737135726;
  --y: 0.1465343978;
  --x2: -0.2657330995;
  --y2: -0.3632344913;
  --delay: 0.6136576561;
}
.planets > div:nth-of-type(4),
.planets-2 > div:nth-of-type(4) {
  --x: 0.6438603928;
  --y: 0.5626228505;
  --x2: 0.3508721502;
  --y2: 0.1155209338;
  --delay: 0.3387193768;
}
.planets > div:nth-of-type(5),
.planets-2 > div:nth-of-type(5) {
  --x: 0.0123134735;
  --y: 0.9567365027;
  --x2: 0.1469564821;
  --y2: 0.1695591184;
  --delay: 0.0471931709;
}
.planets > div:nth-of-type(6),
.planets-2 > div:nth-of-type(6) {
  --x: 0.8205095888;
  --y: 0.1172703683;
  --x2: -0.1418402681;
  --y2: 0.4920429849;
  --delay: 0.6079658558;
}
.planets > div:nth-of-type(7),
.planets-2 > div:nth-of-type(7) {
  --x: 0.2278224775;
  --y: 0.5828257441;
  --x2: -0.3127247688;
  --y2: -0.304604109;
  --delay: 0.3574602932;
}
.planets > div:nth-of-type(8),
.planets-2 > div:nth-of-type(8) {
  --x: 0.5380095275;
  --y: 0.7691808099;
  --x2: 0.1951211675;
  --y2: -0.091824041;
  --delay: 0.1969487573;
}
.planets > div:nth-of-type(9),
.planets-2 > div:nth-of-type(9) {
  --x: 0.3221047884;
  --y: 0.2944334981;
  --x2: -0.3230470175;
  --y2: -0.1268676251;
  --delay: 0.2587175597;
}
.planets > div:nth-of-type(10),
.planets-2 > div:nth-of-type(10) {
  --x: 0.7619236912;
  --y: 0.2341917189;
  --x2: -0.3830855018;
  --y2: -0.2991568942;
  --delay: 0.4870629693;
}
.planets > div:nth-of-type(11),
.planets-2 > div:nth-of-type(11) {
  --x: 0.8670229371;
  --y: 0.9447767439;
  --x2: -0.1958580753;
  --y2: 0.1979053089;
  --delay: 0.1046649095;
}
.planets > div:nth-of-type(12),
.planets-2 > div:nth-of-type(12) {
  --x: 0.7369655004;
  --y: 0.6291862616;
  --x2: 0.3822129948;
  --y2: 0.3488038301;
  --delay: 0.7745481724;
}
.planets > div:nth-of-type(13),
.planets-2 > div:nth-of-type(13) {
  --x: 0.3488028469;
  --y: 0.4247901184;
  --x2: -0.3001800744;
  --y2: -0.4559850298;
  --delay: 0.0009591842;
}
.planets > div:nth-of-type(14),
.planets-2 > div:nth-of-type(14) {
  --x: 0.3140488438;
  --y: 0.2417614583;
  --x2: -0.4496681237;
  --y2: 0.3885055568;
  --delay: 0.8115855606;
}
.planets > div:nth-of-type(15),
.planets-2 > div:nth-of-type(15) {
  --x: 0.3304824248;
  --y: 0.7361495936;
  --x2: 0.3585294723;
  --y2: 0.3996765026;
  --delay: 0.018473771;
}
.planets > div:nth-of-type(16),
.planets-2 > div:nth-of-type(16) {
  --x: 0.8495291566;
  --y: 0.9827433205;
  --x2: -0.4710159127;
  --y2: -0.4003763322;
  --delay: 0.7077941503;
}
.planets > div:nth-of-type(17),
.planets-2 > div:nth-of-type(17) {
  --x: 0.2519109557;
  --y: 0.3891269333;
  --x2: 0.4013645376;
  --y2: 0.0873123498;
  --delay: 0.7277484884;
}
.planets > div:nth-of-type(18),
.planets-2 > div:nth-of-type(18) {
  --x: 0.8984174275;
  --y: 0.8241940502;
  --x2: -0.1872938392;
  --y2: 0.4644235913;
  --delay: 0.0704604037;
}
.planets > div:nth-of-type(19),
.planets-2 > div:nth-of-type(19) {
  --x: 0.011199724;
  --y: 0.1729259471;
  --x2: 0.4242207715;
  --y2: -0.3608304395;
  --delay: 0.3599959105;
}
.planets > div:nth-of-type(20),
.planets-2 > div:nth-of-type(20) {
  --x: 0.5226414592;
  --y: 0.4843728247;
  --x2: -0.3501795715;
  --y2: -0.3286170408;
  --delay: 0.5550345795;
}
.planets > div:nth-of-type(21),
.planets-2 > div:nth-of-type(21) {
  --x: 0.5555664994;
  --y: 0.5466519606;
  --x2: 0.3899247526;
  --y2: 0.4197730438;
  --delay: 0.5151842289;
}
.planets > div:nth-of-type(22),
.planets-2 > div:nth-of-type(22) {
  --x: 0.6323831544;
  --y: 0.4675598811;
  --x2: -0.0774249162;
  --y2: 0.1807639254;
  --delay: 0.4758212248;
}
.planets > div:nth-of-type(23),
.planets-2 > div:nth-of-type(23) {
  --x: 0.0104542824;
  --y: 0.4423126784;
  --x2: -0.3463457428;
  --y2: -0.0583182389;
  --delay: 0.9645164761;
}
.planets > div:nth-of-type(24),
.planets-2 > div:nth-of-type(24) {
  --x: 0.8087571931;
  --y: 0.6494564543;
  --x2: 0.0148115058;
  --y2: 0.43867145;
  --delay: 0.1914214206;
}
.planets > div:nth-of-type(25),
.planets-2 > div:nth-of-type(25) {
  --x: 0.3013906521;
  --y: 0.8087608927;
  --x2: 0.1665799807;
  --y2: -0.0722384415;
  --delay: 0.3743948457;
}
.planets > div:nth-of-type(26),
.planets-2 > div:nth-of-type(26) {
  --x: 0.7529104611;
  --y: 0.9411802025;
  --x2: 0.3829005744;
  --y2: 0.100090211;
  --delay: 0.3324347951;
}
.planets > div:nth-of-type(27),
.planets-2 > div:nth-of-type(27) {
  --x: 0.2768970036;
  --y: 0.8424315465;
  --x2: 0.2905071206;
  --y2: 0.0127967143;
  --delay: 0.6313044916;
}
.planets > div:nth-of-type(28),
.planets-2 > div:nth-of-type(28) {
  --x: 0.6427365571;
  --y: 0.2376900437;
  --x2: 0.393892823;
  --y2: -0.3835048946;
  --delay: 0.7577853468;
}
.planets > div:nth-of-type(29),
.planets-2 > div:nth-of-type(29) {
  --x: 0.5556681001;
  --y: 0.9210886297;
  --x2: -0.4862740757;
  --y2: -0.1943813979;
  --delay: 0.1811463106;
}
.planets > div:nth-of-type(30),
.planets-2 > div:nth-of-type(30) {
  --x: 0.0615635098;
  --y: 0.3101337726;
  --x2: -0.4156677326;
  --y2: 0.3365531624;
  --delay: 0.4298952435;
}
.planets > div:nth-of-type(31),
.planets-2 > div:nth-of-type(31) {
  --x: 0.9285377155;
  --y: 0.4061714141;
  --x2: -0.4609000085;
  --y2: 0.399257129;
  --delay: 0.6802510331;
}
.planets > div:nth-of-type(32),
.planets-2 > div:nth-of-type(32) {
  --x: 0.5647968809;
  --y: 0.9320859044;
  --x2: 0.3370740005;
  --y2: 0.1635151585;
  --delay: 0.3642654581;
}
.planets > div:nth-of-type(33),
.planets-2 > div:nth-of-type(33) {
  --x: 0.2523844559;
  --y: 0.1587493358;
  --x2: 0.459742381;
  --y2: -0.1162014309;
  --delay: 0.6714479011;
}
.planets > div:nth-of-type(34),
.planets-2 > div:nth-of-type(34) {
  --x: 0.9059798414;
  --y: 0.7424289636;
  --x2: 0.2219872331;
  --y2: -0.0240806942;
  --delay: 0.7876081507;
}
.planets > div:nth-of-type(35),
.planets-2 > div:nth-of-type(35) {
  --x: 0.0213063577;
  --y: 0.1272975045;
  --x2: -0.1170582436;
  --y2: -0.4258088691;
  --delay: 0.4109223009;
}
.planets > div:nth-of-type(36),
.planets-2 > div:nth-of-type(36) {
  --x: 0.4309402902;
  --y: 0.5228720206;
  --x2: 0.4642123121;
  --y2: 0.4472209818;
  --delay: 0.220924167;
}
.planets > div:nth-of-type(37),
.planets-2 > div:nth-of-type(37) {
  --x: 0.9293570454;
  --y: 0.7815378695;
  --x2: -0.3971179427;
  --y2: -0.2893091554;
  --delay: 0.5889532238;
}
.planets > div:nth-of-type(38),
.planets-2 > div:nth-of-type(38) {
  --x: 0.7137206046;
  --y: 0.7385589744;
  --x2: 0.2135153697;
  --y2: 0.378845682;
  --delay: 0.6202403049;
}
.planets > div:nth-of-type(39),
.planets-2 > div:nth-of-type(39) {
  --x: 0.819384573;
  --y: 0.272559787;
  --x2: -0.1174347448;
  --y2: 0.2910178819;
  --delay: 0.2921677686;
}
.planets > div:nth-of-type(40),
.planets-2 > div:nth-of-type(40) {
  --x: 0.6202765661;
  --y: 0.9800121881;
  --x2: -0.1186733219;
  --y2: 0.0868853392;
  --delay: 0.3463925938;
}
.planets > div:nth-of-type(41),
.planets-2 > div:nth-of-type(41) {
  --x: 0.5499025947;
  --y: 0.2957566369;
  --x2: -0.0289703906;
  --y2: 0.450698346;
  --delay: 0.8606281689;
}
.planets > div:nth-of-type(42),
.planets-2 > div:nth-of-type(42) {
  --x: 0.6949306697;
  --y: 0.8629186482;
  --x2: 0.2492415694;
  --y2: -0.4551345816;
  --delay: 0.1326511601;
}
.planets > div:nth-of-type(43),
.planets-2 > div:nth-of-type(43) {
  --x: 0.3438411716;
  --y: 0.3713252634;
  --x2: 0.1546476635;
  --y2: -0.249966297;
  --delay: 0.5044053079;
}
.planets > div:nth-of-type(44),
.planets-2 > div:nth-of-type(44) {
  --x: 0.7871950194;
  --y: 0.3030887199;
  --x2: 0.445401962;
  --y2: -0.3979479495;
  --delay: 0.2311749249;
}
.planets > div:nth-of-type(45),
.planets-2 > div:nth-of-type(45) {
  --x: 0.6132246615;
  --y: 0.1635504451;
  --x2: 0.4427966198;
  --y2: -0.445868512;
  --delay: 0.4606698199;
}
.planets > div:nth-of-type(46),
.planets-2 > div:nth-of-type(46) {
  --x: 0.5972551508;
  --y: 0.0715478588;
  --x2: -0.4252524853;
  --y2: -0.0759102786;
  --delay: 0.6740077525;
}
.planets > div:nth-of-type(47),
.planets-2 > div:nth-of-type(47) {
  --x: 0.6629232924;
  --y: 0.8994093272;
  --x2: -0.4625944765;
  --y2: 0.2758908463;
  --delay: 0.6332595857;
}
.planets > div:nth-of-type(48),
.planets-2 > div:nth-of-type(48) {
  --x: 0.98418111;
  --y: 0.3557048806;
  --x2: -0.4679849554;
  --y2: -0.1501698444;
  --delay: 0.9775517788;
}
.planets > div:nth-of-type(49),
.planets-2 > div:nth-of-type(49) {
  --x: 0.5485175808;
  --y: 0.7449161462;
  --x2: 0.1424275146;
  --y2: 0.1119796664;
  --delay: 0.3308296709;
}
.planets > div:nth-of-type(50),
.planets-2 > div:nth-of-type(50) {
  --x: 0.443187499;
  --y: 0.5511578363;
  --x2: 0.2317294214;
  --y2: -0.2633621642;
  --delay: 0.7435274392;
}
.planets > div:nth-of-type(51),
.planets-2 > div:nth-of-type(51) {
  --x: 0.0395858851;
  --y: 0.4929679023;
  --x2: -0.3597931452;
  --y2: 0.4773640222;
  --delay: 0.2511549711;
}

.planets-2 > div {
  width: 0.3vmax;
  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: 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;
    -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;
  }
}
#celisbg .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;
}

.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;
}

.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;
}
.celisbg:before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 111;
  pointer-events: none;
  background: var(--glmp-bannerBg-bafore);
  -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); */
}


.celisbg .meteors {
  position: absolute;
  width: 100%;
  height: 100%;
}
.celisbg .meteors .meteor {
  width: 0;
  height: 0;
  border-top: 1px solid transparent;
  border-bottom: 1px solid transparent;
  border-right: 90px solid var(--glmp-color);
  border-image: linear-gradient(to left, var(--glmp-color), transparent) 1 100%;
  border-radius: 0 2px 2px 0;
  transform: rotate(30deg);
  position: absolute;
  top: 23%;
  left: 70%;
  opacity: 0;
  animation: shooting 4s linear infinite;
  animation-delay: 1s;
}
.celisbg .meteors .meteor:nth-child(2) {
  top: 13%;
  left: 64%;
  border-right-width: 80px;
  animation-delay: 2s;
}
.celisbg .meteors .meteor:nth-child(3) {
  top: 23%;
  left: 62%;
  border-right-width: 50px;
  animation-delay: 2.5s;
}
.celisbg .meteors .meteor:nth-child(4) {
  top: 64%;
  left: 72%;
  border-right-width: 50px;
  animation-delay: 1.3s;
}
.celisbg .meteors .meteor:nth-child(5) {
  top: 70%;
  left: 22%;
  border-right-width: 50px;
  animation-delay: 1.1s;
}
.celisbg .meteors .meteor:nth-child(6) {
  top: 20%;
  left: 30%;
  border-right-width: 50px;
  animation-delay: 3s;
}
.celisbg .meteors .meteor:nth-child(7) {
  top: 14%;
  left: 15%;
  border-right-width: 50px;
  animation-delay: 1.3s;
}
.celisbg .meteors .meteor:nth-child(8) {
  top: 34%;
  left: 32%;
  border-right-width: 50px;
  animation-delay: 3.3s;
}
.celisbg .meteors .meteor:nth-child(9) {
  top: 22%;
  left: 8%;
  border-right-width: 50px;
  animation-delay: .6s;
}
.celisbg .meteors .meteor:nth-child(10) {
  top: 44%;
  left: 82%;
  border-right-width: 50px;
  animation-delay: 2.8s;
}
.celisbg .meteors .meteor:nth-child(11) {
  top: 34%;
  left: 85%;
  border-right-width: 50px;
  animation-delay: .4s;
}
.celisbg .meteors .meteor:nth-child(12) {
  top: 64%;
  left: 8%;
  border-right-width: 50px;
  animation-delay: .8s;
}
.celisbg .meteors .meteor:nth-child(13) {
  top: 45%;
  left: 20%;
  border-right-width: 50px;
  animation-delay: 2.6s;
}
.celisbg .meteors .meteor:nth-child(14) {
  top: 67%;
  left: 52%;
  border-right-width: 50px;
  animation-delay: 3.4s;
}
.celisbg .meteors .meteor:nth-child(15) {
  top: 70%;
  left: 86%;
  border-right-width: 50px;
  animation-delay: 3.8s;
}
@keyframes shooting {
  0% {
    transform: rotate(30deg) translate(-200%, -200%);
    opacity: 1;
  }

  20% {
    transform: rotate(30deg) translate(200%, 200%);
    opacity: 0;
  }
  100% {
    transform: rotate(30deg) translate(200%, 200%);
    opacity: 0;
  }
}

/* ****************** 首页背景动画 ******************** */







/* ****************** 留言页背景动画 ******************** */

#type-messages::-webkit-scrollbar-track {
  background: #1a1413 !important; /* 轨道透明 */
  /* border-radius: 4px; */
}
#type-messages::-webkit-scrollbar-thumb {
  background: #72291c59;
  border: none;
}

.message #content-inner {
  animation: none;
}

.mstars {
  position:absolute;
  top:0;
  left:0;
  right:0;
  bottom:0;
  width:100%;
  height:100%;
  display:block;
}

.mstars {
  background:linear-gradient(rgb(0 0 0 / 72%), rgb(0 0 0 / 72%)), url(/img/stars.jpg) no-repeat;
  background-size: cover;
  z-index:0;
}

/* ****************** 留言页背景动画 ******************** */