.survey-root{background-color:#f3eee9;min-height:100dvh}.survey-welcome-canvas{background-color:#f3eee9;min-height:100lvh}.onb-flow.survey-welcome-canvas{background-image:linear-gradient(#e8daf3 0,#f0e7f2 32dvh,#f3eee9 62dvh 100%)}.onb-ring{border:1px solid #8a2be238}.onb-ring-strong{border:1.5px solid #8a2be24d}.onb-portrait-fill{background-color:#43266f1a}.onb-progress-track{background-color:#43266f24}.onb-progress-fill{background-color:#8a2be2}.onb-option-selected{box-shadow:0 2px 10px #43266f14;background-color:#fff!important;border-color:#43266f!important}.onb-radio{border:1.5px solid #d4c2e8;border-radius:9999px;flex:none;width:22px;height:22px}.onb-option-selected .onb-radio{border:7px solid #5a2390}.onb-tile-selected{box-shadow:0 0 0 3px #f3eee9,0 0 0 6px #8a2be2}.onb-stats{background-color:#fbf9f7bf}.onb-reply{background-color:#fff}.survey-footer.onb-welcome-foot{gap:6px}.onb-welcome-foot .survey-cta{height:56px}.onb-welcome-foot .survey-cta,.onb-welcome-foot .survey-cta span{font-weight:600!important}.onb-top-badge{color:#5a2390;letter-spacing:.06em;text-transform:uppercase;pointer-events:none;background-color:#ece4f3;border:1.5px solid #f3eee9;border-radius:9999px;padding:3px 8px;font-size:10px;font-weight:600;line-height:13px;position:absolute;top:-9px;left:60px}.onb-segment{transition:background-color .4s}.onb-segment-current{animation:2.4s ease-in-out infinite onb-segment-pulse}.onb-enter{animation:.42s cubic-bezier(.2,.8,.2,1) backwards onb-in-forward}.onb-enter-back{animation-name:onb-in-back}.onb-rise,.onb-foot>*{animation:.45s cubic-bezier(.2,.8,.2,1) backwards onb-rise}.onb-foot>*{animation-delay:.3s}.onb-goal{-webkit-user-select:none;user-select:none;transition:transform .22s cubic-bezier(.2,.8,.2,1),opacity .25s,box-shadow .2s}.onb-goal-dragging{z-index:3;cursor:grabbing;transition:box-shadow .2s;box-shadow:0 14px 30px #43266f38}.onb-goals-settling .onb-goal{transition:none}.onb-arrive-a{animation:.4s cubic-bezier(.2,.8,.2,1.3) backwards onb-arrive-a}.onb-arrive-b{animation:.4s cubic-bezier(.2,.8,.2,1.3) backwards onb-arrive-b}.onb-pop-a{animation:.45s cubic-bezier(.2,.8,.2,1.4) backwards onb-pop-a}.onb-pop-b{animation:.45s cubic-bezier(.2,.8,.2,1.4) backwards onb-pop-b}.onb-tile{transition:opacity .35s,transform .35s}.onb-tile.onb-tile-selected{z-index:1;animation:.45s cubic-bezier(.2,.8,.2,1.2) both onb-tile-pop,3.2s ease-in-out .45s infinite onb-ring-breathe}.onb-tile-selected .onb-tile-image{animation:7s ease-in-out infinite alternate onb-drift}.onb-ripple{pointer-events:none;opacity:0;background-color:#fff9;border-radius:9999px;width:30px;height:30px;margin:-15px 0 0 -15px;position:absolute;transform:scale(0)}.onb-ripple-a{animation:.75s ease-out both onb-ripple-a}.onb-ripple-b{animation:.75s ease-out both onb-ripple-b}.onb-tick{animation:.35s cubic-bezier(.2,.8,.2,1.4) both onb-tick-pop}.onb-option-selected .onb-radio{animation:.4s ease-out both onb-radio-pop,.55s ease-out .1s both onb-radio-ring}.onb-fill-grey{background-color:#d3d2d0}.onb-fill-pale{background-color:#e8e7e6}.onb-axis{position:relative}.onb-axis:after{content:"";background-color:#a2a19f;height:1.5px;position:absolute;inset:auto 0 0}.onb-seg{animation:.8s cubic-bezier(.2,.8,.2,1) both onb-seg-grow;overflow:hidden}@keyframes onb-seg-grow{0%{height:0}}.onb-bar-grow{transform-origin:bottom;animation:onb-grow .8s cubic-bezier(.2, .8, .2, 1) calc(.15s + var(--onb-lead,0s)) both}.onb-bar-drop{transform-origin:bottom;animation:onb-drop 1.6s cubic-bezier(.4, 0, .2, 1) calc(.7s + var(--onb-lead,0s)) both}.onb-value{animation:onb-fade-in .4s ease calc(.9s + var(--onb-lead,0s)) both}.onb-settle{animation:.5s both onb-fade-up}.onb-line{animation:.45s both onb-fade-up}.onb-line-tick{animation:.35s cubic-bezier(.2,.8,.2,1.4) both onb-tick-pop}.onb-fade-in{animation:.5s both onb-fade-in}@keyframes onb-segment-pulse{0%,to{opacity:1}50%{opacity:.4}}@keyframes onb-in-forward{0%{opacity:0;transform:translate(28px)}to{opacity:1;transform:none}}@keyframes onb-in-back{0%{opacity:0;transform:translate(-28px)}to{opacity:1;transform:none}}@keyframes onb-rise{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@keyframes onb-arrive-a{0%{opacity:.5;transform:scale(.96)}to{opacity:1;transform:none}}@keyframes onb-arrive-b{0%{opacity:.5;transform:scale(.96)}to{opacity:1;transform:none}}@keyframes onb-pop-a{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:none}}@keyframes onb-pop-b{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:none}}@keyframes onb-tile-pop{0%{transform:scale(1)}55%{transform:scale(1.06)}to{transform:scale(1.03)}}@keyframes onb-ring-breathe{0%,to{box-shadow:0 0 0 3px #f3eee9,0 0 0 6px #8a2be2,0 8px 22px #8a2be238}50%{box-shadow:0 0 0 3px #f3eee9,0 0 0 9px #8a2be280,0 12px 30px #8a2be252}}@keyframes onb-ring-breathe-dark{0%,to{box-shadow:0 0 0 3px #121115,0 0 0 6px #d4c2e8,0 8px 22px #d4c2e838}50%{box-shadow:0 0 0 3px #121115,0 0 0 9px #d4c2e880,0 12px 30px #d4c2e852}}@keyframes onb-drift{0%{transform:scale(1.02)}to{transform:scale(1.15)translate(-3%,-2%)}}@keyframes onb-ripple-a{0%{opacity:.85;transform:scale(0)}to{opacity:0;transform:scale(12)}}@keyframes onb-ripple-b{0%{opacity:.85;transform:scale(0)}to{opacity:0;transform:scale(12)}}@keyframes onb-tick-pop{0%{transform:scale(0)}to{transform:scale(1)}}@keyframes onb-radio-pop{0%{transform:scale(0)}60%{transform:scale(1.3)}to{transform:scale(1)}}@keyframes onb-radio-ring{0%{box-shadow:0 0 #8a2be280}to{box-shadow:0 0 0 14px #8a2be200}}@keyframes onb-grow{0%{transform:scaleY(0)}to{transform:scaleY(1)}}@keyframes onb-drop{0%{transform:scaleY(0)}30%,45%{transform:scaleY(var(--onb-peak,1))}to{transform:scaleY(1)}}@keyframes onb-fade-in{0%{opacity:0}to{opacity:1}}@keyframes onb-fade-up{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@keyframes onb-fade-out{to{opacity:0}}@property --onb-p{syntax:"<number>";inherits:true;initial-value:0}@keyframes onb-build{0%{--onb-p:0}to{--onb-p:100}}.onb-bcn{--onb-p:100;flex:none;width:253px;height:253px;animation:linear both onb-build;position:relative}.onb-bcn>*{pointer-events:none;position:absolute;top:50%;left:50%}.onb-beacon{--onb-rest:calc(1 - var(--onb-p) / 100);object-fit:contain;width:253px;height:253px;transform:scale(calc(1 - .6 * var(--onb-rest) * var(--onb-rest)));margin:-126.5px 0 0 -126.5px;animation:3s ease-in-out infinite alternate onb-beacon-pulse}@keyframes onb-beacon-pulse{0%{scale:1}to{scale:1.1}}.onb-bpill{letter-spacing:.03em;font-variant-numeric:tabular-nums;background-color:#fbf9f7;border-radius:14px;justify-content:center;align-items:center;gap:9px;min-width:94px;height:40px;padding:0 16px;font-size:17px;font-weight:600;line-height:20px;display:flex;transform:translate(-50%,-50%);box-shadow:0 8px 20px #43266f29}.onb-bpill-out{animation:.3s both onb-pill-out}@keyframes onb-pill-out{to{opacity:0;transform:translate(-50%,-50%)scale(.6)}}@media (prefers-reduced-motion:reduce){.onb-flow,.onb-flow *{transition:none!important;animation:none!important}.onb-flow .onb-bpill-out{animation:.3s both onb-fade-out!important}}.survey-cta,.survey-cta span{font-weight:500!important}.survey-cta{color:#fff!important;background-color:#43266f!important;border-radius:9999px!important}.survey-footer{z-index:10;padding-top:16px;padding-bottom:max(16px, env(safe-area-inset-bottom));background-color:#f3eee9;flex-direction:column;align-items:stretch;gap:10px;display:flex;position:sticky;bottom:0}.onb-flow.survey-welcome-canvas .survey-col{flex-direction:column;min-height:100dvh;margin-bottom:0;display:flex}.onb-flow.survey-welcome-canvas .survey-screen{flex:auto}.onb-flow.survey-welcome-canvas .survey-footer{margin-top:auto}@media (max-width:640px){.survey-col{flex-direction:column;min-height:100dvh;margin-bottom:0;display:flex}.survey-screen{flex-direction:column;flex:auto;display:flex}.survey-footer{padding-bottom:max(8px, env(safe-area-inset-bottom));align-items:center;margin-top:auto}.survey-footer>*{width:100%;max-width:430px}.survey-footer.onb-foot-tight{padding-top:8px;padding-bottom:max(4px, env(safe-area-inset-bottom))}}@media (prefers-color-scheme:dark){.survey-root .survey-welcome-canvas{background-image:linear-gradient(#43266f 0,#121115 45dvh 100%)}.survey-cta{color:#43266f!important;background-color:#d4c2e8!important}.survey-canvas,.survey-root{background-color:#121115}.survey-root .bg-lightGrey-20{background-color:#0000!important}.survey-root .bg-lightGrey-10{background-color:#ffffff0f!important}.survey-root .bg-grey-90{background-color:#ffffff24!important}.survey-root .survey-footer{background-color:#121115}.survey-root .text-onb-ink{color:#ffffffeb!important}.survey-root .text-onb-body{color:#ffffffb8!important}.survey-root .text-onb-muted{color:#fff9!important}.survey-root .text-onb-accent,.survey-root .text-onb-deep,.survey-root .text-onb-cta{color:#d4c2e8!important}.survey-root .text-grey-40{color:#fff9!important}.survey-root .bg-onb-chip{background-color:#ffffff14!important}.survey-root .bg-onb-divider{background-color:#ffffff24!important}.survey-root .border-onb-divider{border-color:#ffffff24!important}.survey-root .onb-ring{border-color:#d4c2e859}.survey-root .onb-ring-strong{border-color:#d4c2e873}.survey-root .onb-portrait-fill{background-color:#d4c2e824}.survey-root .onb-progress-track{background-color:#ffffff24}.survey-root .onb-progress-fill{background-color:#d4c2e8}.survey-root .onb-card,.survey-root .onb-bpill{border:1px solid #ffffff24;background-color:#2c2c2e!important}.survey-root .onb-fill-grey{background-color:#ffffff38}.survey-root .onb-fill-pale{background-color:#ffffff1f}.survey-root .onb-axis:after{background-color:#ffffff4d}.survey-root .onb-flow .bg-onb-chip{background-color:#4b3761!important}.survey-root .onb-tick{background-color:#43266f}.survey-root img.onb-logo,.survey-canvas .survey-header-logo{filter:brightness(0)invert()}.survey-canvas .survey-header-action{color:#fff}.survey-root .border-lightGrey-20,.survey-root .border-grey-30{border-color:#ffffff24!important}.survey-root{color:#ffffffeb}.survey-root .text-grey-70{color:#ffffffeb!important}.survey-root .text-default{color:#ffffffb8!important}.survey-root input,.survey-root textarea{color:#fff!important}.survey-root input::placeholder,.survey-root textarea::placeholder{color:#ffffff73!important}.survey-root .peer:checked+label,.survey-root .onb-option-selected{background-color:#a717ff24!important;border-color:#d4c2e8!important}.survey-root .onb-stats,.survey-root .onb-reply{background-color:#ffffff0f}.survey-root .onb-radio{border-color:#d4c2e873}.survey-root .onb-option-selected .onb-radio{border-color:#d4c2e8}.survey-root .onb-goal-dragging{background-color:#271236!important}.survey-root .onb-tile-selected{box-shadow:0 0 0 3px #121115,0 0 0 6px #d4c2e8}.survey-root .onb-tile.onb-tile-selected{animation-name:onb-tile-pop,onb-ring-breathe-dark}.survey-root .onb-top-badge{color:#d4c2e8;background-color:#4b3761;border-color:#121115}.survey-root img[alt=Back\ icon],.survey-root img[alt="Back arrow icon"],.survey-root img[alt=Next\ arrow]{filter:brightness(0)invert()}}