.solar{--solar-accent: #d9a441;--solar-radius: 14px;--hover-scale: 1.15;--swing-angle: 80deg;--orbit-line-alpha: .15;position:relative;width:100%;height:100vh;height:100svh;min-height:480px;overflow:hidden;background:var(--solar-bg, #0b1020);font-family:var(--font-body-family, "Helvetica Neue", Arial, sans-serif)}.visually-hidden{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.solar:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:.8;background-image:radial-gradient(1px 1px at 20% 30%,rgba(255,255,255,.9),transparent 60%),radial-gradient(1px 1px at 70% 65%,rgba(255,255,255,.7),transparent 60%),radial-gradient(1.5px 1.5px at 40% 80%,rgba(255,255,255,.6),transparent 60%),radial-gradient(1px 1px at 85% 15%,rgba(255,255,255,.8),transparent 60%),radial-gradient(1.5px 1.5px at 55% 45%,rgba(255,255,255,.5),transparent 60%),radial-gradient(1px 1px at 10% 60%,rgba(255,255,255,.6),transparent 60%);background-repeat:repeat;background-size:300px 300px,250px 250px,350px 350px,200px 200px,280px 280px,320px 320px}.solar__sun{position:absolute;left:0;top:50%;width:var(--sun-size, 28vw);height:var(--sun-size, 28vw);border-radius:50%;transform:translate(-50%,-50%);background:radial-gradient(circle at 35% 35%,var(--sun-start, #ffe6a8),var(--sun-end, #ff8a3d) 70%);box-shadow:0 0 140px 50px #ffaa4659,0 0 50px 10px #ffdc8c8c inset}.solar__orbit-ring{position:absolute;left:0;top:50%;transform:translate(-50%,-50%);border-radius:50%;border:1px solid rgba(255,255,255,var(--orbit-line-alpha));pointer-events:none}.solar__orbit{position:absolute;left:0;top:50%;width:0;height:0;will-change:transform;animation-name:solar-swing;animation-timing-function:ease-in-out;animation-direction:alternate;animation-iteration-count:infinite;animation-duration:var(--orbit-duration, 30s);animation-delay:var(--orbit-delay, 0s)}@keyframes solar-swing{0%{transform:rotate(calc(-1 * var(--swing-angle)))}to{transform:rotate(var(--swing-angle))}}.solar__satellite{position:absolute;left:var(--orbit-radius, 200px);top:0;will-change:transform;animation-name:solar-swing-reverse;animation-timing-function:ease-in-out;animation-direction:alternate;animation-iteration-count:infinite;animation-duration:var(--orbit-duration, 30s);animation-delay:var(--orbit-delay, 0s);animation-fill-mode:both}@keyframes solar-swing-reverse{0%{transform:translate(-50%,-50%) rotate(var(--swing-angle))}to{transform:translate(-50%,-50%) rotate(calc(-1 * var(--swing-angle)))}}.solar__star{position:absolute;transform:translate(-50%,-50%)}.earring{position:relative;display:flex;flex-direction:column;align-items:center;gap:4px}.earring__label{font-size:11px;color:#ffffffd9;white-space:nowrap;text-align:center;letter-spacing:.02em;background:transparent}.earring__trigger{background:none;border:none;padding:0;cursor:pointer;display:block;line-height:0}.solar__planet-img{width:clamp(44px,6vw,72px);height:auto;display:block;filter:drop-shadow(0 4px 10px rgba(0,0,0,.4));transition:transform .2s ease}.solar__star-img{width:clamp(24px,3.2vw,40px);height:auto;display:block;animation:solar-twinkle 3.4s ease-in-out infinite;animation-delay:var(--twinkle-delay, 0s);transition:transform .2s ease}@keyframes solar-twinkle{0%,to{transform:scale(1);filter:drop-shadow(0 0 5px rgba(255,255,255,.6))}50%{transform:scale(1.15);filter:drop-shadow(0 0 12px rgba(255,255,255,.95))}}.earring.is-active .solar__planet-img,.earring:hover .solar__planet-img,.earring.is-active .solar__star-img,.earring:hover .solar__star-img{transform:scale(var(--hover-scale))}.earring__card{position:absolute;bottom:calc(100% + 10px);left:50%;transform:translate(-50%,6px);min-width:150px;padding:12px 14px;border-radius:var(--solar-radius);background:#0f1220eb;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#fff;text-align:center;opacity:0;pointer-events:none;transition:opacity .18s ease,transform .18s ease;z-index:5}.earring.is-active .earring__card,.earring:hover .earring__card{opacity:1;pointer-events:auto;transform:translate(-50%)}.earring__name{margin:0 0 4px;font-size:13px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.earring__price{margin:0 0 8px;font-size:13px;opacity:.85}.earring__price--compare{text-decoration:line-through;opacity:.6;margin-left:6px}.earring__buy{display:inline-block;padding:6px 16px;border-radius:999px;background:var(--solar-accent);color:#14131a;font-size:12px;font-weight:700;text-decoration:none;letter-spacing:.02em}@media(max-width:749px){.solar{transform:scale(.75);transform-origin:left center;width:133.34%;height:133.34vh;height:133.34svh}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/section-earring-solar-system.css.map */