.onboarding-modal-overlay{position:fixed;z-index:1000;top:0;left:0;display:flex;align-items:center;justify-content:center;width:100%;height:100%;background-color:color(display-p3 0 0 0/50%)}.onboarding-modal{width:90%;max-width:500px;padding:20px;color:var(--modal-text-color,color(display-p3 0 0 0));background:var(--modal-background,color(display-p3 1 1 1));border-radius:8px;box-shadow:0 4px 6px color(display-p3 0 0 0/10%);animation:fade-in .3s ease-in-out}.onboarding-modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;padding-bottom:10px;border-bottom:1px solid var(--modal-border-color,color(display-p3 .88 .88 .88))}.onboarding-modal-header h2{margin:0}.close-button,.onboarding-modal-header h2{font-size:1.5rem;color:var(--modal-text-color,color(display-p3 0 0 0))}.close-button{cursor:pointer;background:none;border:none}.onboarding-modal-body{color:var(--modal-text-color,color(display-p3 0 0 0));text-align:center}.onboarding-modal-body p{margin-bottom:20px;font-size:1rem}.onboarding-modal-body .btn{cursor:pointer;margin:5px;padding:10px 20px;font-size:1rem}@keyframes fade-in{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}[data-bs-theme=light]{--modal-background:color(display-p3 1 1 1);--modal-text-color:color(display-p3 0 0 0);--modal-border-color:color(display-p3 0.88 0.88 0.88);--overlay-background:color(display-p3 0 0 0/50%)}[data-bs-theme=dark]{--modal-background:color(display-p3 0.2 0.2 0.2);--modal-text-color:color(display-p3 1 1 1);--modal-border-color:color(display-p3 0.33 0.33 0.33);--overlay-background:color(display-p3 0 0 0/80%)}