.onboarding-container{aspect-ratio:16/11;background-color:var(--popup-background);border-radius:12px;box-shadow:0 4px 6px rgba(0,0,0,.1);display:none;left:50%;padding:2rem;position:fixed;top:50%;transform:translate(-50%,-50%);width:50%;z-index:9999}.onboarding-container video{border-radius:12px;height:auto;left:0;position:absolute;top:0;width:100%;z-index:0}.onboarding-container .progress-bar{background-color:var(--border-color);border-radius:2px;height:4px;margin-bottom:2rem;width:100%}.onboarding-container .progress{background-color:var(--main-color);border-radius:2px;height:100%;transition:width .3s ease;width:25%}.onboarding-container .question-container{display:none;height:fit-content;overflow:hidden}.onboarding-container .question-container.active{animation:fadeIn .3s ease;display:block}.onboarding-container .question{color:var(--font-color);font-size:1.5rem;margin-bottom:1.5rem}.onboarding-container .options{display:grid;gap:1rem;margin-bottom:2rem}.onboarding-container .option{border:1px solid var(--border-color);cursor:pointer;transition:all .2s ease}.onboarding-container .option,.onboarding-container .option input{background-color:var(--background-color);border-radius:8px;color:var(--font-color);padding:1rem}.onboarding-container .option input{border:none;outline:none;width:100%}#other-option-input-container{border:2px solid var(--main-color)!important;padding:0!important}.onboarding-container .option:hover{background-color:var(--content-hover-color);border-color:var(--border-highlight)}.onboarding-container .option.selected{background-color:var(--main-color);border-color:var(--main-color);color:#fff}.onboarding-container .navigation{align-items:center;display:flex;justify-content:space-between}.onboarding-container button{background-color:var(--main-color);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:1rem;padding:.75rem 1.5rem;transition:opacity .2s ease}.onboarding-container button:disabled{cursor:not-allowed;opacity:.5}.onboarding-container button.back{background-color:transparent;color:var(--font-color)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.onboarding-intro{bottom:0;display:flex;flex-direction:column;left:50%;padding-bottom:2em;padding-top:2em;position:absolute;transform:translateX(-50%);width:80%;z-index:2}.onboarding-intro button{margin-top:1em;width:fit-content}.gradient-overlay{background:linear-gradient(0deg,#000 0,#000 20%,rgba(0,0,0,.8) 50%,rgba(0,0,0,.4) 60%,rgba(0,0,0,.2) 80%,transparent);border-radius:12px;bottom:0;left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:1}.onboarding-intro .icon-container{display:flex;justify-content:center;margin-bottom:30px;margin-top:30px;width:100%}.onboarding-intro .icon-container .feature-icon{align-items:center;background:var(--main-color-background);border:1px solid var(--main-color-border-hover);border-radius:50%;display:flex;height:3em;justify-content:center;margin:0 15px;opacity:0;outline:0 solid transparent;transform:scale(.7);transition:all .2s ease-in-out;width:3em}.onboarding-intro .icon-container .feature-icon:hover{outline:4px solid var(--main-color);transform:scale(1.1)}.feature-icon i{color:var(--main-color);font-size:1.5em}.onboarding-intro-title{font-weight:600}.onboarding-intro-para,.onboarding-intro-title{color:var(--font-color);text-align:center;z-index:2}#onboarding-bolt{transform:scaleX(-1)}#last-question-container .options{display:flex;flex-wrap:wrap}#last-question-container .option{width:fit-content}@media (max-width:786px){.onboarding-container{aspect-ratio:11/16;width:95%}.onboarding-intro-para{font-size:.8em}#mobile-onboarding-video{display:block}#desktop-onboarding-video{display:none}.onboarding-container video{border-radius:12px;height:100%;left:0;object-fit:cover;position:absolute;top:0;width:100%;z-index:0}}@media (min-width:786px){#mobile-onboarding-video{display:none}#desktop-onboarding-video{display:block}}