.magic-8-ball_wrap__taWsr{display:flex;flex-direction:column;align-items:center;gap:1.25rem;max-width:480px;margin-inline:auto;padding-block:.5rem}.magic-8-ball_ballArea__Tos9i{width:min(280px,76vw);aspect-ratio:1}.magic-8-ball_ball__1nNkB{position:relative;width:100%;height:100%;filter:drop-shadow(0 8px 24px rgba(11,12,14,.32))}.magic-8-ball_ballSvg__iCFnp{display:block;width:100%;height:100%}.magic-8-ball_ballShaking__UCKD7{animation:magic-8-ball_cbdShake__AGlD5 .42s ease-in-out 0s 2}@keyframes magic-8-ball_cbdShake__AGlD5{0%{transform:translateZ(0) rotate(0deg)}20%{transform:translate3d(-7px,3px,0) rotate(-4deg)}40%{transform:translate3d(7px,-3px,0) rotate(4deg)}60%{transform:translate3d(-5px,4px,0) rotate(-3deg)}80%{transform:translate3d(5px,-2px,0) rotate(2deg)}to{transform:translateZ(0) rotate(0deg)}}.magic-8-ball_window__moEcY{position:absolute;inset-block-start:56%;inset-inline-start:50%;transform:translate(-50%,-50%);width:52%;min-height:52%;display:flex;align-items:center;justify-content:center;text-align:center;pointer-events:none}.magic-8-ball_windowEight__fvlUw{font-family:var(--cbd-font-mono);font-size:3.4rem;font-weight:700;line-height:1;color:hsla(0,0%,100%,.92)}.magic-8-ball_windowAnswer__5XXdd{font-family:var(--cbd-font-display);font-size:1rem;font-weight:700;line-height:1.28;letter-spacing:.005em;animation:magic-8-ball_cbdReveal__M74we .36s ease-out both}@keyframes magic-8-ball_cbdReveal__M74we{0%{opacity:0;transform:scale(.86)}to{opacity:1;transform:scale(1)}}.magic-8-ball_dots__0_dtT{display:inline-flex;gap:.4rem}.magic-8-ball_dots__0_dtT span{width:.55rem;height:.55rem;border-radius:var(--cbd-radius-pill);background:hsla(0,0%,100%,.7);animation:magic-8-ball_cbdPulse__sBLFf 1s ease-in-out infinite}.magic-8-ball_dots__0_dtT span:nth-child(2){animation-delay:.16s}.magic-8-ball_dots__0_dtT span:nth-child(3){animation-delay:.32s}@keyframes magic-8-ball_cbdPulse__sBLFf{0%,to{opacity:.3;transform:scale(.85)}50%{opacity:1;transform:scale(1)}}.magic-8-ball_field__i60gc{display:block;width:100%}.magic-8-ball_fieldLabel__D0lS9{display:block;font-family:var(--cbd-font-mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--cbd-on-surface-muted);-webkit-margin-after:8px;margin-block-end:8px}.magic-8-ball_input__qwJOE{width:100%;height:48px;border:1.5px solid var(--cbd-outline);border-radius:var(--cbd-radius-button);background:var(--cbd-surface);padding-inline:14px;font-family:var(--cbd-font-body);font-size:1rem;color:var(--cbd-on-surface)}.magic-8-ball_input__qwJOE:focus{outline:none;border-color:var(--cbd-primary)}.magic-8-ball_shakeBtn__2_VPC{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;width:100%;height:3.25rem;border:none;border-radius:var(--cbd-radius-button);background:var(--cbd-primary);color:#fff;font-family:var(--cbd-font-display);font-size:1.05rem;font-weight:700;cursor:pointer;transition:transform .12s ease,background .12s ease,opacity .12s ease}.magic-8-ball_shakeBtn__2_VPC:hover:not(:disabled){background:var(--cbd-primary-hover)}.magic-8-ball_shakeBtn__2_VPC:active:not(:disabled){transform:scale(.97)}.magic-8-ball_shakeBtn__2_VPC:disabled{opacity:.5;cursor:not-allowed}.magic-8-ball_helper__Zpz5C{margin:0;text-align:center;font-size:.9rem;line-height:1.5;color:var(--cbd-on-surface-muted);max-width:34ch}@media (prefers-reduced-motion:reduce){.magic-8-ball_ballShaking__UCKD7,.magic-8-ball_dots__0_dtT span,.magic-8-ball_windowAnswer__5XXdd{animation:none}}