[data-app-opal]{display:inline-grid}@keyframes opalShift{0%,to{filter:hue-rotate(-5deg) saturate(1.02)}50%{filter:hue-rotate(5deg) saturate(1.06)}}@keyframes opalSheen{0%,60%{background-position:160% 0}to{background-position:-60% 0}}@keyframes opalBob{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}@keyframes opalPopIn{0%{transform:scale(.4);opacity:0;filter:brightness(1.9)}60%{transform:scale(1.12);opacity:1;filter:brightness(1.35)}to{transform:scale(1);opacity:1;filter:brightness(1)}}.opal-wrap{position:relative;display:grid;place-items:center}.opal-halo{position:absolute;border-radius:50%;corner-shape:round;pointer-events:none}.opal-bob{animation:opalBob 5s ease-in-out infinite}.opal-gem{position:relative;overflow:hidden}.opal-fire{position:absolute;inset:0;border-radius:inherit;animation:opalShift 8s ease-in-out infinite}.opal-light{position:absolute;inset:0;border-radius:inherit;background:linear-gradient(165deg,rgba(255,255,255,.16) 0%,transparent 42% 62%,rgba(12,35,52,.2) 100%);box-shadow:inset 0 1px 1px #ffffff61,inset 0 -1px 1px #0c23341f;pointer-events:none}.opal-sheen{position:absolute;inset:0;border-radius:inherit;mix-blend-mode:screen;background:linear-gradient(115deg,transparent 40%,rgba(255,255,255,.22) 50%,transparent 60%);background-size:250% 100%;animation:opalSheen 10s ease-in-out infinite;pointer-events:none}.opal-gloss{position:absolute;top:13%;left:18%;width:34%;height:20%;border-radius:50%;corner-shape:round;transform:rotate(-24deg);background:radial-gradient(ellipse at 46% 40%,#fffffff0,#ffffffb8 28%,#fff3 55%,#fff0 76%);pointer-events:none}.opal-pop{animation:opalPopIn .7s cubic-bezier(.2,.8,.2,1) both}@media(prefers-reduced-motion:reduce){[data-app-opal] *{animation:none!important}}