@layer components{.window{background-color:var(--grey-1);border:1vmin solid var(--grey-3);z-index:1;width:98%;height:48%;position:absolute;top:30%;left:50%;transform:translate(-50%,-50%)}.window:after{content:"";pointer-events:none;background-color:#0000004d;width:calc(100% + 2vmin);height:.4vmin;position:absolute;top:calc(100% + 1vmin);left:-1vmin;transform:perspective(13em)rotateX(-10deg)scale(.997)}.window__angles{background-color:var(--grey-0);width:5%;height:.1vmin;position:absolute}.window__angles:first-child{top:2.5%;left:-.35%;transform:rotate(41deg)scaleX(1.1)}.window__angles:nth-child(2){top:2.5%;right:-.35%;transform:rotate(-41deg)scaleX(1.1)}.window__angles:nth-child(3){bottom:2.5%;left:-.35%;transform:rotate(-41deg)scaleX(1.1)}.window__angles:nth-child(4){bottom:2.5%;right:-.35%;transform:rotate(41deg)scaleX(1.1)}.window__inner{background-color:#000;width:92%;height:90%;position:absolute;top:5%;left:4%;overflow:clip}.window__inner:before{content:"";opacity:1;background:radial-gradient(circle at 65% 15%,#fff,#0000 .2vmin),radial-gradient(circle at 62% 18%,#fff,#0000 .15vmin),radial-gradient(circle at 70% 22%,#fff,#0000 .1vmin),radial-gradient(circle at 67% 19%,#fff,#0000 .1vmin),radial-gradient(circle at 68% 16%,#fff,#0000 .2vmin),radial-gradient(circle at 59% 63%,#fff,#0000 .15vmin),radial-gradient(circle at 60% 60%,#fff,#0000 .1vmin),radial-gradient(circle at 50% 75%,#fff,#0000 .2vmin),radial-gradient(circle at 40% 25%,#fff,#0000 .2vmin),radial-gradient(circle at 42% 28%,#fff,#0000 .15vmin),radial-gradient(circle at 38% 22%,#fff,#0000 .1vmin),radial-gradient(circle at 25% 60%,#fff,#0000 .2vmin),radial-gradient(circle at 55% 62%,#fff,#0000 .3vmin),radial-gradient(circle at 15% 36%,#fff,#0000 .2vmin),radial-gradient(circle at 19% 39%,#fff,#0000 .1vmin),radial-gradient(circle at 32% 70%,#fff,#0000 .2vmin),radial-gradient(circle at 28% 53%,#fff,#0000 .25vmin),radial-gradient(circle at 45% 92%,#fff,#0000 .3vmin),radial-gradient(circle at 85% 36%,#fff,#0000 .2vmin),radial-gradient(circle at 82% 32%,#fff,#0000 .15vmin),radial-gradient(circle at 75% 25%,#fff,#0000 .1vmin),radial-gradient(circle at 90% 80%,#fff,#0000 .2vmin),radial-gradient(circle at 92% 78%,#fff,#0000 .15vmin),radial-gradient(circle at 88% 82%,#fff,#0000 .1vmin),radial-gradient(circle at 89% 45%,#fff .2vmin,#0000 .15vmin),radial-gradient(circle at 78% 70%,#fff .1vmin,#0000 .2vmin),radial-gradient(circle at 33% 85%,#fff .3vmin,#0000 .2vmin);width:100%;height:100%;position:absolute;top:0;left:0}.window__moon{background-color:#c3c2be;background-position:50%;background-size:cover;border-radius:50%;width:600%;height:600%;position:absolute;top:80%;left:-250%}.window__moon:after{content:"";background:radial-gradient(circle at 30%,#0000 30%,#000c 100%);border-radius:50%;width:100%;height:100%;position:absolute;top:0;left:0}.window__moon-crater{background-color:#a8a7a3;border-radius:50%;position:absolute;box-shadow:inset .4vmin .4vmin .6vmin #0003,inset -.4vmin -.4vmin .8vmin #fff3,0 .4vmin .5vmin .1vmin #84848099}.window__moon-crater--1{width:2%;height:1%;top:1%;left:42%;transform:rotate(-3deg)}.window__moon-crater--2{width:3%;height:1.5%;top:2%;left:46%;transform:rotate(-1deg)}.window__moon-crater--3{width:4%;height:1%;top:1.2%;left:54%;transform:rotate(5deg)}.window__moon-crater--4{width:2.5%;height:.8%;top:.5%;left:48%;transform:rotate(-1deg)}.window__moon-crater--5{width:1.5%;height:.7%;top:1.2%;left:45%;transform:rotate(-3deg)}.window__moon-crater--6{width:3%;height:1.5%;top:2.4%;left:50.5%}.window__rocket{border-radius:50% 10%/80% 0%;flex-direction:column;width:40%;height:180%;display:flex;position:absolute;bottom:-40%;right:-30%;overflow:clip}.window__rocket-part{border-top:var(--border);border-left:var(--border);flex:100%;transform:skewY(2deg)}.window__rocket-part--red{background:linear-gradient(to bottom right,#a02016,#e43020)}.window__rocket-part--white{background:linear-gradient(to bottom right,#b3b3b3,#f9f9f9)}.window__earth{aspect-ratio:1;background-color:#0b3463;background-position:50%;background-size:cover;border-radius:50%;width:18%;position:absolute;top:2%;left:20%;overflow:clip}.window__earth:after{content:"";background:radial-gradient(circle at 0%,#0000 55%,#000 100%);border-radius:50%;width:100%;height:100%;position:absolute;top:0;left:0}.window__continent{background:linear-gradient(135deg,#1f6a32,#10491d);border-radius:20%/30%;position:absolute}.window__continent--1{border-radius:60% 40% 45% 55%/50%;width:25%;height:28%;top:15%;left:3%;transform:rotate(-15deg)}.window__continent--2{border-radius:45% 55% 50% 50%/40% 60%;width:32%;height:35%;top:35%;left:15%;transform:rotate(10deg)}.window__continent--3{border-radius:40% 60% 50% 50%/45% 55%;width:15%;height:20%;bottom:15%;left:15%;transform:rotate(-25deg)}.window__continent--4{border-radius:50% 50% 60% 40%/55% 45%;width:38%;height:16%;top:28%;right:-4%;transform:rotate(20deg)}.window__continent--5{border-radius:55% 45% 50% 50%/60% 40%;width:22%;height:15%;top:16%;right:-2%;transform:rotate(35deg)}.window__continent--6{border-radius:50% 50% 45% 55%/40% 60%;width:30%;height:36%;bottom:18%;right:-10%;transform:rotate(-30deg)}.window__ice-cap{background-color:#dbe5ec;width:60%;height:10%;position:absolute}.window__ice-cap--top{border-radius:0% 0% 50% 50%/0% 0% 100% 100%;width:40%;top:0;left:30%}.window__ice-cap--bottom{border-radius:50% 50% 0% 0%/100% 100% 0% 0%;width:60%;bottom:0;left:20%}.window__rivet{--size:.5vmin;width:var(--size);height:var(--size);background-color:var(--grey-4);border-radius:50%;position:absolute;box-shadow:0 .1vmin 0 .1vmin #0003}.window__rivet--1{bottom:calc(100% + var(--size) / 3);right:calc(100% + var(--size) / 3)}.window__rivet--2{bottom:calc(100% + var(--size) / 3);left:calc(100% + var(--size) / 3)}.window__rivet--3{top:calc(100% + var(--size) / 3);left:calc(100% + var(--size) / 3)}.window__rivet--4{top:calc(100% + var(--size) / 3);right:calc(100% + var(--size) / 3)}.window__glass{background-color:#9dc5d31f;border:.4vmin solid #fff3;width:98%;height:97.6%;position:absolute;top:1.2%;left:1%;overflow:clip}.window__glass:before{content:"";opacity:.02;background-image:url("data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 110 110\"><filter id=\"grain\"><feTurbulence type=\"fractalNoise\" baseFrequency=\"0.05\" numOctaves=\"1\" stitchTiles=\"stitch\" /></filter><rect width=\"100%\" height=\"100%\" filter=\"url(%23grain)\" /></svg>");background-size:18vmin 18vmin;width:100%;height:100%;position:absolute;top:0;left:0}.window__glass:after{content:"";pointer-events:none;mix-blend-mode:screen;z-index:1;background:linear-gradient(90deg,#fff0 0% 39%,#ffffff0a 40% 60%,#fff0 100%);width:60px;height:100%;animation:10s linear infinite shine;position:absolute;top:0;left:40%;transform:skew(-20deg)}}