@layer payload-default{.icon--copy{height:1.5384615385rem;width:1.5384615385rem}.icon--copy .stroke{fill:none;stroke:currentColor;stroke-width:1px}}.solar-system-container{display:flex;align-items:center;justify-content:center;position:relative;width:100%;min-height:80vh;background:transparent;overflow:hidden;border-radius:1rem;padding:2rem;box-sizing:border-box}.solar-system-container .star{position:absolute;background:rgba(255,255,255,.9);border-radius:50%;filter:drop-shadow(0 0 6px rgba(255,255,255,.7))}@keyframes twinkle{0%,to{opacity:.7;transform:scale(1)}50%{opacity:.2;transform:scale(.5)}}.main-box:has(.solar-system-container){padding-block:0}.solar-system-container .shooting-star{position:absolute;width:3px;height:3px;background:rgba(255,255,255,.95);border-radius:50%;box-shadow:0 0 8px rgba(255,255,255,.9);animation:shooting 2.3s ease-in-out infinite;top:10%;left:10%}@keyframes shooting{0%{opacity:0;transform:translate(0) scale(.5)}10%{opacity:1}to{opacity:0;transform:translate(600px,400px) scale(.2)}}@keyframes orbit{0%{transform:translate(-50%,-50%) rotate(0deg)}to{transform:translate(-50%,-50%) rotate(1turn)}}@keyframes flower-orbit{0%{transform:translate(-50%,-50%) rotate(0deg)}to{transform:translate(-50%,-50%) rotate(-1turn)}}.solar-system{position:absolute;width:100%;height:100%;overflow:visible}.solar-system-dynamic{position:absolute;inset:0;overflow:visible}.solar-system .orbit{border:1px dashed rgba(255,255,255,.15)}.solar-system .orbit,.solar-system .sun{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:50%}.solar-system .sun{width:6rem;height:6rem;background:var(--accent);display:flex;align-items:center;justify-content:center;box-shadow:0 0 60px rgba(216,202,167,.7)}.solar-system .matisse img{width:80%;height:80%}.solar-system .solar-system-facts-button{position:absolute;bottom:1.5rem;right:1.5rem;padding:.75rem 1.25rem;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.25);border-radius:999px;color:white;font-weight:500;cursor:pointer;backdrop-filter:blur(10px)}.solar-system-facts{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:min(90vw,36rem);max-height:80vh;overflow:auto;padding:1.5rem;background:rgba(0,0,0,.85);border-radius:1rem;border:1px solid rgba(255,255,255,.25);color:white;z-index:1000;opacity:0;transition:opacity .25s ease}.solar-system-facts.visible{opacity:1}.facts-drag-handle{display:flex;justify-content:space-between;align-items:center;padding-bottom:.75rem;cursor:grab;-webkit-user-select:none;-moz-user-select:none;user-select:none}.facts-drag-handle .close-button{background:transparent;border:none;color:white;font-size:1.5rem;cursor:pointer}@media (max-width:768px){.solar-system-container{min-height:36rem;padding:1.25rem}.solar-system .solar-system-facts-button{bottom:1rem;right:1rem}}.focused-planet-info,.planet-info{position:absolute;top:1.5rem;left:1.5rem;right:1.5rem;padding:1.25rem;background:var(--transparent-accent);border-radius:1rem;color:white;max-width:26rem;z-index:50;opacity:0;-webkit-mask:radial-gradient(.8rem at .8rem .8rem,#0000 98%,#000) -.8rem -.8rem;mask:radial-gradient(.8rem at .8rem .8rem,#0000 98%,#000) -.8rem -.8rem;transform:translateY(-1rem);transition:opacity .25s ease,transform .25s ease;h2{cursor:move;font-size:3rem}h2,p{color:var(--main)}@media (max-width:65rem){p{font-size:.9rem}}}.focused-planet-info.visible{opacity:1;transform:translateY(0)}.focused-planet-info button{margin-top:1rem;padding:.5rem 1rem;width:100%;-webkit-mask:radial-gradient(.4rem at .4rem .4rem,#0000 98%,#000) -.4rem -.4rem;mask:radial-gradient(.4rem at .4rem .4rem,#0000 98%,#000) -.4rem -.4rem;background:var(--deep-space-blue);color:var(--accent);cursor:pointer;transition:.25s ease}.focused-planet-info button:hover{background:var(--jungle-teal);color:var(--main-dark)}.planet-container{position:absolute;left:50%;top:50%;width:1px;height:1px;pointer-events:none}.planet{position:absolute;border-radius:50%;cursor:pointer;transition:all .3s;pointer-events:auto}.planet-flower-container{position:absolute;z-index:22}.planet-flower{position:absolute;width:calc(100% + 5px);height:auto;left:50%;top:50%;transform:translate(-50%,-50%);transition:all .3s}.planet.focused,.planet:hover{transform:translate(-50%,-50%) scale(3)!important;z-index:21}.planet:hover+.planet-flower-container{z-index:22}.planet.focused+.planet-flower-container.focused>.planet-flower,.planet:hover+.planet-flower-container,.planet:hover+.planet-flower-container>.planet-flower{transform:translate(-50%,-50%) scale(3)}.planet.focused+.planet-flower-container.focused{transform:translate(-50%,-50%) scale(3);z-index:22}.planet-container.focused,.planet-container:hover{z-index:20!important}.planet.focused{transform:translate(-50%,-50%) scale(3);z-index:21;box-shadow:0 0 10px 5px rgba(255,255,255,.3)}.planet-container.focused,.planet.focused{animation-play-state:paused!important;-webkit-animation-play-state:paused!important;-moz-animation-play-state:paused!important;-o-animation-play-state:paused!important}.planet.dimmed{opacity:.5}.planet-container:hover{animation-play-state:paused!important;-webkit-animation-play-state:paused!important;-moz-animation-play-state:paused!important;-o-animation-play-state:paused!important}