.eg{--eg-navy: #002c77;--eg-deep: #00133a;--eg-mint: #a1e7d7;--eg-pink: #e9c5cb;--eg-gold: #f0ab00;--eg-orange: #dd4814;--eg-seal: 13rem;position:relative;overflow:hidden;isolation:isolate;color:#fff;background:radial-gradient(120% 90% at 50% 0%,#0a3a8f 0%,var(--eg-navy) 38%,var(--eg-deep) 100%)}.eg__sky{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none}.eg__sky>*{position:absolute;will-change:transform}.eg__stars{top:-30%;right:0;bottom:-30%;left:0;background-repeat:repeat}.eg__stars--far{background-image:radial-gradient(circle,rgba(255,255,255,.55) .07rem,transparent .11rem),radial-gradient(circle,rgba(161,231,215,.6) .07rem,transparent .11rem);background-size:8rem 8rem,11rem 11rem;background-position:0 0,4rem 5rem}.eg__stars--mid{background-image:radial-gradient(circle,rgba(233,197,203,.85) .1rem,transparent .15rem),radial-gradient(circle,rgba(255,255,255,.7) .1rem,transparent .15rem);background-size:15rem 15rem,21rem 21rem;background-position:3rem 2rem,10rem 13rem}.eg__stars--near{background-image:radial-gradient(circle,rgba(240,171,0,.9) .15rem,transparent .24rem),radial-gradient(circle,rgba(161,231,215,.95) .14rem,transparent .22rem);background-size:27rem 27rem,35rem 35rem;background-position:7rem 9rem,20rem 3rem}.eg__planet{top:6%;right:-4rem;width:22rem;opacity:.9}.eg__moon{top:18%;left:4%;width:5.5rem;opacity:.85}.eg__comet{top:12%;left:-20%;width:16rem;height:.2rem;border-radius:1rem;background:linear-gradient(90deg,transparent,rgba(161,231,215,.9));transform:rotate(-18deg);opacity:0}.eg__horizon{left:-10%;right:-10%;bottom:30%;height:.2rem;background:var(--eg-mint);box-shadow:0 0 2.4rem .6rem #a1e7d773;opacity:.55}.eg__grid{left:-50%;right:-50%;bottom:0;height:30%;transform-origin:50% 0;transform:perspective(28rem) rotateX(62deg);background-image:linear-gradient(rgba(161,231,215,.55) .15rem,transparent .15rem),linear-gradient(90deg,rgba(161,231,215,.55) .15rem,transparent .15rem);background-size:6rem 6rem;-webkit-mask:linear-gradient(to bottom,transparent,#000 35%);mask:linear-gradient(to bottom,transparent,#000 35%)}.eg__content{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;text-align:center}.eg__heading{margin:0;color:var(--eg-mint);letter-spacing:.02em;text-shadow:.06em .06em 0 var(--eg-orange),.12em .12em 0 rgba(156,95,181,.6)}.eg__heading .mc-c.is-coded:after{background:var(--eg-mint)}.eg__text{max-width:62rem;margin-top:1.6rem;color:#ffffffe6;font-size:1.7rem;line-height:1.6}.eg__text strong{color:var(--eg-gold)}.eg__text .mc-c.is-coded:after{background:var(--eg-mint)}.eg__orbit{position:absolute;left:50%;bottom:calc(var(--eg-seal) * .2);width:min(110rem,96%);height:calc(var(--eg-seal) * 1.25);transform:translate(-50%);border:.15rem dashed rgba(161,231,215,.35);border-radius:50%;pointer-events:none}.eg__seals{position:relative;display:flex;flex-wrap:wrap;justify-content:center;gap:2.4rem 3.2rem;margin:5.6rem 0 0;padding:0;list-style:none}.eg__seal-slot{position:relative;will-change:transform}.eg__seal-slot:nth-child(2n){margin-top:3.2rem}.eg__float{animation:eg-float calc(4.6s + var(--eg-i) * .55s) ease-in-out calc(var(--eg-i) * -.9s) infinite}.eg__float{filter:drop-shadow(0 0 .1rem rgba(161,231,215,.9)) drop-shadow(0 0 1.4rem rgba(161,231,215,.55));transition:filter .35s ease}.eg__seal{position:relative;width:var(--eg-seal);height:var(--eg-seal);overflow:hidden;transition:scale .35s cubic-bezier(.34,1.56,.64,1)}.eg__seal img{position:absolute;max-width:none;width:calc(var(--eg-seal) * 6.667);height:auto;left:calc(var(--eg-seal) * 6.667 * (.075 - var(--eg-cx)));top:calc(var(--eg-seal) * (.5 - .5 * 6.667 * var(--eg-ratio, .2075)))}@media(hover:hover)and (pointer:fine){.eg__seal-slot:hover .eg__seal{scale:1.12}.eg__seal-slot:hover .eg__float{filter:drop-shadow(0 0 .1rem rgba(240,171,0,.95)) drop-shadow(0 0 2rem rgba(240,171,0,.6))}}@media screen and (max-width:749px){.eg{--eg-seal: 9.6rem}.eg__planet{width:13rem;right:-4rem;top:3%;opacity:.75}.eg__moon{width:4rem;top:4%;left:3%}.eg__text{font-size:1.5rem}.eg__seals{gap:1.6rem 1.8rem;margin-top:4.4rem;max-width:36rem}.eg__seal-slot:nth-child(2n){margin-top:0}.eg__seal-slot:nth-child(3n+2){margin-top:2.4rem}.eg__orbit{display:none}.eg__horizon{bottom:22%}.eg__grid{height:22%;background-size:4.4rem 4.4rem}}@media(prefers-reduced-motion:no-preference){.eg__stars--far{animation:eg-twinkle 5s ease-in-out infinite}.eg__stars--mid{animation:eg-twinkle 7s ease-in-out 1.5s infinite}.eg__grid{animation:eg-grid 2.4s linear infinite}.eg__comet{animation:eg-comet 9s ease-in 2s infinite}.eg.is-armed .eg__seal{opacity:0;transform:scale(.3);filter:blur(.6rem)}.eg.is-in .eg__seal{animation:eg-warp .9s cubic-bezier(.34,1.56,.64,1) calc(.25s + var(--eg-i) * .14s) both}.eg.is-armed .eg__orbit{opacity:0;transform:translate(-50%) scale(.6)}.eg.is-in .eg__orbit{animation:eg-orbit-in 1.4s cubic-bezier(.16,1,.3,1) .1s both}}@media(prefers-reduced-motion:reduce){.eg__float{animation:none}}@keyframes eg-float{0%,to{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-1rem) rotate(2deg)}}@keyframes eg-twinkle{0%,to{opacity:1}50%{opacity:.45}}@keyframes eg-grid{0%{background-position:0 0,0 0}to{background-position:0 6rem,0 0}}@keyframes eg-comet{0%{opacity:0;translate:0 0}4%{opacity:1}14%{opacity:0;translate:140vw 30vw}to{opacity:0;translate:140vw 30vw}}@keyframes eg-warp{0%{opacity:0;transform:scale(.3);filter:blur(.6rem)}60%{opacity:1;filter:blur(0)}to{opacity:1;transform:scale(1);filter:blur(0)}}@keyframes eg-orbit-in{0%{opacity:0;transform:translate(-50%) scale(.6)}to{opacity:1;transform:translate(-50%) scale(1)}}.eg__seal--individual{overflow:visible}.eg__seal--individual img{position:static;display:block;width:100%;height:100%;object-fit:contain}.eg__seal--individual img{filter:brightness(0) saturate(100%) invert(91%) sepia(13%) saturate(724%) hue-rotate(104deg) brightness(97%) contrast(88%)}.eg__float{position:relative;filter:none}.eg__float:before{content:"";position:absolute;top:-22%;right:-22%;bottom:-22%;left:-22%;z-index:-1;border-radius:50%;background:radial-gradient(circle,rgba(156,95,181,.6) 0%,rgba(156,95,181,.22) 42%,transparent 68%);transition:background .35s ease,transform .35s ease;pointer-events:none}@media(hover:hover)and (pointer:fine){.eg__seal-slot:hover .eg__float{filter:none}.eg__seal-slot:hover .eg__float:before{background:radial-gradient(circle,rgba(240,171,0,.6) 0%,rgba(240,171,0,.22) 42%,transparent 68%);transform:scale(1.12)}}.eg__heading{font-family:var(--font-accent-family, "Kardust TS Condensed", "Arial Narrow", sans-serif);font-style:italic;font-weight:700;letter-spacing:.01em}.eg__ill{position:absolute;pointer-events:none;z-index:1}.eg__ill img{display:block;width:100%;height:auto}.eg__ill--rocket{top:8%;right:6%;width:clamp(4.5rem,8vw,8.5rem)}.eg__ill--rocket2{top:14%;left:4%;width:clamp(4.5rem,7vw,8rem)}.eg__ill--spark1{top:46%;right:14%;width:clamp(3rem,4.5vw,5.5rem)}.eg__ill--spark2{top:6%;left:30%;width:clamp(2.6rem,3.6vw,4.5rem)}.eg__ill--spark3{top:40%;left:12%;width:clamp(3rem,4.5vw,5.5rem)}@media screen and (max-width:749px){.eg__ill--rocket{top:2%;right:3%}.eg__ill--rocket2{top:3%;left:2%}.eg__ill--spark1{top:30%;right:2%}.eg__ill--spark2{display:none}.eg__ill--spark3{top:32%;left:1%}}@media(prefers-reduced-motion:no-preference){.eg__ill--rocket img{animation:eg-ill-fly 5s ease-in-out infinite}.eg__ill--rocket2 img{animation:eg-ill-fly 6.5s ease-in-out infinite reverse}.eg__ill--spark1 img,.eg__ill--spark2 img,.eg__ill--spark3 img{animation:eg-ill-twinkle 3.4s ease-in-out infinite}.eg__ill--spark2 img{animation-delay:-1.2s}.eg__ill--spark3 img{animation-delay:-2.3s}}@keyframes eg-ill-fly{0%,to{transform:translate(0) rotate(-6deg)}50%{transform:translate(-.6rem,-1.1rem) rotate(6deg)}}@keyframes eg-ill-twinkle{0%,to{transform:scale(.85) rotate(0);opacity:.65}50%{transform:scale(1.12) rotate(18deg);opacity:1}}.eg__heading{text-shadow:.06em .06em 0 #ff3fd4}.eg__stars--near{display:none}.eg__stars--mid{opacity:.6}.eg__horizon{opacity:.35;box-shadow:none}.eg__grid{opacity:.55}.eg__float:before{display:none}.eg__seals{gap:2.4rem 4rem;margin-top:4.8rem}.eg__seal-slot:nth-child(2n){margin-top:0}@media screen and (max-width:749px){.eg__seals{display:grid;grid-template-columns:repeat(3,var(--eg-seal));gap:2rem 1.6rem;margin-top:3.6rem}.eg__seal-slot:nth-child(3n+2){margin-top:0}}@keyframes eg-float{0%,to{transform:translateY(0)}50%{transform:translateY(-.5rem)}}.eg__seal--individual{isolation:isolate}.eg__seal--individual:before{content:"";position:absolute;top:3%;right:3%;bottom:3%;left:3%;z-index:-1;border-radius:50%;background:#00205b}.eg__heading{text-shadow:.05em .05em 0 #ff3fd4,.1em .1em 0 #9c5fb5}.eg__text strong{color:var(--eg-mint);text-decoration:underline;text-decoration-color:#ff3fd4;text-decoration-thickness:.12em;text-underline-offset:.22em}.eg__shoot{position:absolute;left:var(--x);top:var(--y);width:13rem;height:.2rem;border-radius:.2rem;background:linear-gradient(90deg,transparent,rgba(161,231,215,.8) 70%,#ffffff);opacity:0;pointer-events:none;animation:eg-shoot var(--d, 1.2s) ease-out forwards}@keyframes eg-shoot{0%{opacity:0;transform:rotate(var(--a)) translate(0)}15%{opacity:1}to{opacity:0;transform:rotate(var(--a)) translate(28rem)}}@media screen and (max-width:749px){.eg__shoot{width:8rem}}@media(prefers-reduced-motion:reduce){.eg__shoot{display:none}}.eg__horizon{bottom:44%;opacity:.18;box-shadow:0 0 1.6rem .3rem #a1e7d733}.eg__grid{height:44%;opacity:.8;background-image:linear-gradient(rgba(161,231,215,.65) .15rem,transparent .15rem),linear-gradient(90deg,rgba(161,231,215,.65) .15rem,transparent .15rem);-webkit-mask:linear-gradient(to bottom,transparent 0%,rgba(0,0,0,.08) 18%,rgba(0,0,0,.35) 45%,#000 85%);mask:linear-gradient(to bottom,transparent 0%,rgba(0,0,0,.08) 18%,rgba(0,0,0,.35) 45%,#000 85%)}@media screen and (max-width:749px){.eg__horizon{bottom:34%}.eg__grid{height:34%}}.eg__horizon{display:none}.eg__grid{-webkit-mask:linear-gradient(to bottom,transparent 0%,transparent 22%,rgba(0,0,0,.18) 45%,rgba(0,0,0,.6) 70%,#000 92%);mask:linear-gradient(to bottom,transparent 0%,transparent 22%,rgba(0,0,0,.18) 45%,rgba(0,0,0,.6) 70%,#000 92%)}.eg__seal--individual{position:relative;z-index:1}.eg__atom{display:block;position:absolute;top:-24%;right:-24%;bottom:-24%;left:-24%;pointer-events:none;opacity:0;transform:translateY(-12%);transition:opacity .35s ease}.eg__atom--back{z-index:0}.eg__atom--front{z-index:2}.eg__orb{position:absolute;top:0;right:0;bottom:0;left:0;transform:rotate(var(--tilt)) scaleY(.34)}.eg__orb:nth-child(1){--tilt: 40deg;--dur: 2.6s;--delay: 0s}.eg__orb:nth-child(2){--tilt: -40deg;--dur: 3.4s;--delay: -1.7s}.eg__orb:nth-child(3){--tilt: 0deg;--dur: 3s;--delay: -.9s}.eg__atom--front .eg__orb{clip-path:inset(50% -10% -10% -10%)}.eg__atom--back .eg__orb{clip-path:inset(-10% -10% 50% -10%)}.eg__orb i,.eg__orb b{position:absolute;top:0;right:0;bottom:0;left:0;animation:eg-orbit var(--dur) linear var(--delay) infinite paused}.eg__orb i{border-radius:50%;background:conic-gradient(from 0deg,transparent 0deg 240deg,rgba(255,63,212,.75) 330deg,rgba(255,255,255,.95) 360deg);-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - .7rem),#000 calc(100% - .45rem));mask:radial-gradient(farthest-side,transparent calc(100% - .7rem),#000 calc(100% - .45rem));filter:blur(.12rem)}.eg__orb b:after{content:"";position:absolute;top:-.65rem;left:50%;width:1.3rem;height:1.3rem;margin-left:-.65rem;border-radius:50%;background:radial-gradient(circle,#fff 0 30%,#ff3fd4 55%,#ff3fd400 72%)}.eg__seal-slot.is-orbiting .eg__atom{opacity:1}.eg__seal-slot.is-orbiting .eg__orb i,.eg__seal-slot.is-orbiting .eg__orb b{animation-play-state:running}.eg__seal-slot.is-orbiting .eg__seal{scale:1.08}@media(hover:hover)and (pointer:fine){.eg__seal-slot:hover .eg__atom{opacity:1}.eg__seal-slot:hover .eg__orb i,.eg__seal-slot:hover .eg__orb b{animation-play-state:running}}@media screen and (max-width:749px){.eg__orb b:after{width:1rem;height:1rem;margin-left:-.5rem;top:-.5rem}.eg__atom{top:-16%;right:-16%;bottom:-16%;left:-16%}}@media(prefers-reduced-motion:reduce){.eg__atom{display:none}}@keyframes eg-orbit{to{transform:rotate(360deg)}}
/*# sourceMappingURL=/cdn/shop/t/117/assets/section-eterea-galaxy.css.map */
