@charset "UTF-8";@media only screen and (min-width:0rem){#onboarding{padding:var(--sectionPadding);position:relative;z-index:1}#onboarding .ob-container{width:100%;max-width:47.5rem;margin:auto}#onboarding .ob-intro{margin-bottom:clamp(2rem,4vw,3rem)}#onboarding .ob-intro .cs-topper{display:block;margin-bottom:.5rem}#onboarding .ob-intro .cs-title{margin-bottom:1rem}#onboarding .ob-intro p{font-size:1rem;line-height:1.6;color:var(--bodyTextColor);max-width:56ch}#onboarding .ob-form{width:100%;box-sizing:border-box;padding:clamp(1.5rem,5vw,3rem) clamp(1rem,5vw,3rem);background-color:#f7f7f7;display:flex;flex-direction:column;gap:clamp(2rem,4vw,3rem)}#onboarding .ob-section{width:100%;display:flex;flex-direction:column;gap:clamp(1.5rem,3vw,2rem)}#onboarding .ob-section+.ob-section{padding-top:clamp(1.5rem,3vw,2rem);border-top:2px solid var(--primary)}#onboarding .ob-section-title{font-size:1.25rem;font-weight:700;color:var(--primary);margin:0}#onboarding .ob-section-desc{font-size:.875rem;color:var(--medium);margin:-.5rem 0 0}#onboarding .ob-question{display:flex;flex-direction:column;gap:.625rem}#onboarding .cs-label{font-size:clamp(.9375rem,1.5vw,1rem);font-weight:600;width:100%;color:var(--headerColor);display:flex;flex-direction:column;gap:.25rem}#onboarding .ob-required{color:var(--primary);font-weight:700}#onboarding .ob-hint{font-size:.8125rem;color:var(--medium);font-weight:400;font-style:italic}#onboarding p.ob-required-note{font-size:.8125rem;color:var(--medium);margin:.75rem 0 0}#onboarding fieldset.ob-question{display:block;border:none;padding:0;margin:0;min-width:0}#onboarding fieldset.ob-question legend.cs-label{display:block;padding:0;margin-bottom:.375rem}#onboarding fieldset.ob-question legend.cs-label .ob-hint{display:block;margin-top:.25rem}#onboarding .ob-count-msg{font-size:.8125rem;color:var(--medium);margin:.5rem 0 0}#onboarding .ob-count-msg.ob-count-error{color:var(--primary);font-weight:700}#onboarding .cs-input{font-size:1rem;width:100%;height:3.25rem;padding:0 1rem;color:var(--headerColor);background-color:#fff;border:1px solid #e0e0e0;box-sizing:border-box;font-family:inherit;transition:border-color .2s;margin-top:.375rem}#onboarding .cs-input:focus{outline:none;border-color:var(--primary)}#onboarding .cs-input::-moz-placeholder{color:#767676;opacity:.7}#onboarding .cs-input::placeholder{color:#767676;opacity:.7}#onboarding .cs-textarea{min-height:6.25rem;height:auto;padding:.75rem 1rem;resize:vertical;font-family:inherit;line-height:1.5}#onboarding .ob-textarea--sm{min-height:4.5rem;margin-top:0}#onboarding .ob-row{width:100%;display:flex;flex-direction:column;gap:.75rem}#onboarding .ob-options{width:100%;display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.25rem}#onboarding .ob-options--stacked{flex-direction:column;gap:.375rem}#onboarding .ob-option{display:flex;align-items:center;gap:.5rem;padding:.5rem .875rem;background-color:#fff;border:1px solid #e0e0e0;border-radius:2rem;cursor:pointer;font-size:.9375rem;font-weight:400;color:var(--headerColor);transition:border-color .2s,background-color .2s;-webkit-user-select:none;-moz-user-select:none;user-select:none;line-height:1.4}#onboarding .ob-option em{color:var(--medium);font-style:italic}#onboarding .ob-option input[type=radio],#onboarding .ob-option input[type=checkbox]{position:absolute;opacity:0;pointer-events:none;width:0;height:0}#onboarding .ob-option:has(input:checked){border-color:var(--primary);background-color:#d640110f;color:var(--primary);font-weight:600}#onboarding .ob-option:has(input:checked) em{color:var(--primaryLight)}#onboarding .ob-option:hover{border-color:var(--primaryLight)}#onboarding .ob-option--wide{border-radius:.5rem;width:100%}#onboarding .ob-key{display:inline-flex;align-items:center;justify-content:center;width:1.375rem;height:1.375rem;border-radius:.25rem;background-color:#e5e5e5;color:#555;font-size:.6875rem;font-weight:700;flex-shrink:0;margin-right:.25rem}#onboarding .ob-option:has(input:checked) .ob-key{background-color:var(--primary);color:#fff}#onboarding .ob-reveal{margin-top:.25rem}#onboarding .ob-reveal[hidden]{display:none}#onboarding .ob-reveal .cs-input{margin-top:0}#onboarding .ob-options--stacked .ob-reveal{padding-left:.5rem;margin-bottom:.125rem}#onboarding .ob-url-group{width:100%;display:flex;flex-direction:column;gap:.5rem;margin-top:.375rem}#onboarding .ob-url-group>.cs-input{margin-top:0}#onboarding .ob-url-entry{display:flex;flex-direction:column;gap:.375rem;padding:1rem;background-color:#fff;border:1px solid #e0e0e0;border-radius:.375rem}#onboarding .ob-url-entry .cs-input{margin-top:0}#onboarding .ob-url-label{font-size:.875rem;font-weight:600;color:var(--headerColor)}#onboarding .ob-social-group{display:flex;flex-direction:column;gap:.5rem;margin-top:.375rem}#onboarding .ob-social-row{display:flex;align-items:center;gap:.75rem}#onboarding .ob-social-row .ob-social-label{font-size:.8125rem;font-weight:600;color:var(--medium);width:7rem;flex-shrink:0}#onboarding .ob-social-row .cs-input{margin-top:0;flex:1}#onboarding .ob-social-row--extra .ob-social-platform{width:7rem;flex:0 0 7rem}#onboarding .ob-social-remove{background:none;border:none;font-size:1.25rem;line-height:1;color:var(--medium);cursor:pointer;padding:0 .25rem;flex-shrink:0}#onboarding .ob-social-remove:hover{color:var(--primary)}#onboarding .ob-add-social{background:none;border:1px dashed #ccc;border-radius:2rem;padding:.375rem .875rem;font-size:.875rem;color:var(--medium);cursor:pointer;align-self:flex-start;margin-top:.25rem;transition:border-color .2s,color .2s}#onboarding .ob-add-social:hover{border-color:var(--primary);color:var(--primary)}#onboarding .cs-recaptcha{width:100%;min-height:4.875rem;display:flex;justify-content:flex-start;align-items:center;overflow-x:auto}#onboarding .ob-submit{width:100%;font-size:1rem;line-height:clamp(2.875em,5.5vw,3.5em);font-weight:700;text-align:center;color:#fff;background-color:var(--primary);border:none;box-sizing:border-box;padding:0 1.5rem;cursor:pointer;position:relative;z-index:1;overflow:hidden;transition:color .3s}#onboarding .ob-submit:before{content:"";position:absolute;height:100%;width:0%;background:var(--primaryLight);top:0;left:0;z-index:-1;transition:width .3s}#onboarding .ob-submit:hover:before{width:100%}#onboarding .ob-submit:disabled{opacity:.6;cursor:not-allowed}#onboarding .ob-toast{width:100%;box-sizing:border-box;padding:1rem 1.25rem;border-radius:4px;display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:.5rem;opacity:0;transform:translateY(-8px);transition:opacity .3s,transform .3s}#onboarding .ob-toast[hidden]{display:none}#onboarding .ob-toast.ob-toast-visible{opacity:1;transform:translateY(0)}#onboarding .ob-toast.ob-toast-success{background-color:#ecfdf5;border:1px solid #6ee7b7}#onboarding .ob-toast.ob-toast-error{background-color:#fef2f2;border:1px solid #fca5a5}#onboarding .ob-toast-message{font-size:.9375rem;color:var(--headerColor);line-height:1.5}#onboarding .ob-toast-close{background:none;border:none;font-size:1.25rem;line-height:1;color:var(--medium);cursor:pointer;padding:0;flex-shrink:0}}@media only screen and (min-width:40rem){#onboarding .ob-row{flex-direction:row}#onboarding .ob-row .cs-label{flex:1}#onboarding .ob-options:not(.ob-options--stacked){flex-direction:row}}body.dark-mode #onboarding .ob-form{background-color:#2a2a2a}body.dark-mode #onboarding .ob-intro p,body.dark-mode #onboarding .cs-label,body.dark-mode #onboarding .ob-url-label,body.dark-mode #onboarding .ob-toast-message{color:var(--bodyTextColorWhite)}body.dark-mode #onboarding .ob-section-desc,body.dark-mode #onboarding .ob-hint,body.dark-mode #onboarding .ob-social-label,body.dark-mode #onboarding .ob-social-remove,body.dark-mode #onboarding .ob-toast-close,body.dark-mode #onboarding p.ob-required-note,body.dark-mode #onboarding .ob-count-msg{color:#f6f4f0c7}body.dark-mode #onboarding .ob-required,body.dark-mode #onboarding .ob-count-msg.ob-count-error{color:var(--primaryLight)}body.dark-mode #onboarding .ob-section+.ob-section{border-top-color:#ffffff38}body.dark-mode #onboarding .ob-section-title{color:var(--primaryLight)}body.dark-mode #onboarding .cs-input{background-color:#ffffff14;border-color:#ffffff47;color:var(--bodyTextColorWhite)}body.dark-mode #onboarding .cs-input::-moz-placeholder{color:#f6f4f08c;opacity:1}body.dark-mode #onboarding .cs-input::placeholder{color:#f6f4f08c;opacity:1}body.dark-mode #onboarding .cs-input:focus{border-color:var(--primaryLight)}body.dark-mode #onboarding .ob-option{background-color:#ffffff14;border-color:#ffffff47;color:var(--bodyTextColorWhite)}body.dark-mode #onboarding .ob-option em{color:#f6f4f0b8}body.dark-mode #onboarding .ob-option:has(input:checked){border-color:var(--primaryLight);background-color:#d6401126;color:var(--primaryLight)}body.dark-mode #onboarding .ob-option:has(input:checked) em{color:var(--primaryLight)}body.dark-mode #onboarding .ob-option:hover{border-color:#ffffff73}body.dark-mode #onboarding .ob-key{background-color:#ffffff2e;color:var(--bodyTextColorWhite)}body.dark-mode #onboarding .ob-url-entry{background-color:#ffffff0f;border-color:#ffffff47}body.dark-mode #onboarding .ob-add-social{border-color:#ffffff59;color:#f6f4f0c7}body.dark-mode #onboarding .ob-add-social:hover{border-color:var(--primaryLight);color:var(--primaryLight)}body.dark-mode #onboarding .ob-toast.ob-toast-success{background-color:#10b9811f;border-color:#6ee7b773}body.dark-mode #onboarding .ob-toast.ob-toast-error{background-color:#ef44441f;border-color:#fca5a573}
