.v4-survey{--sv-ink:var(--v4-ink,#101013);--sv-ink-2:var(--v4-ink-2,#3a3946);--sv-muted:var(--v4-muted,#6e6a86);--sv-field:var(--v4-field,#f4f3fa);--sv-line:var(--v4-line-strong,#d5d2e1);--sv-lime:var(--v4-lime,#bdff39);background:var(--v4-sheet,#fff);color:var(--sv-ink);font-family:var(--v4-sans,system-ui, sans-serif);flex-direction:column;gap:14px;display:flex!important}.v4-survey.is-desktop{border-radius:20px;max-width:560px;padding:28px}.v4-survey.is-phone{width:100vw;max-width:none;height:100dvh;padding:20px 16px calc(16px + env(safe-area-inset-bottom));border:0;border-radius:0;overflow-y:auto}.v4-survey-top{flex-direction:column;gap:8px;padding-right:28px;display:flex}.v4-survey-bar{gap:4px;display:flex}.v4-survey-bar i{background:var(--sv-field);border-radius:4px;flex:1;height:4px}.v4-survey-bar i.is-past{background:var(--sv-ink-2)}.v4-survey-bar i.is-now{background:var(--sv-ink)}.v4-survey-progress{color:var(--sv-muted);font-size:13px}.v4-survey-title{letter-spacing:-.01em;font-size:22px;font-weight:700;line-height:1.25}.v4-survey-hint,.v4-survey-body{color:var(--sv-muted);font-size:14px}.v4-survey-options{flex-direction:column;gap:8px;display:flex}.v4-survey-options.is-grid{grid-template-columns:1fr 1fr;display:grid}.v4-survey.is-phone .v4-survey-options.is-grid{grid-template-columns:1fr}.v4-survey-opt{border:1px solid var(--sv-line);min-height:48px;color:var(--sv-ink);text-align:left;cursor:pointer;background:#fff;border-radius:12px;align-items:center;gap:10px;padding:10px 14px;font-size:14px;display:flex}.v4-survey-opt:hover{background:var(--sv-field)}.v4-survey-opt.is-on{border-color:var(--sv-ink);box-shadow:inset 0 0 0 1px var(--sv-ink)}.v4-survey-box{border:1.5px solid var(--sv-ink-2);color:#fff;border-radius:6px;flex:0 0 20px;justify-content:center;align-items:center;width:20px;height:20px;display:inline-flex}.v4-survey-opt.is-on .v4-survey-box{background:var(--sv-ink-2)}.v4-survey-box.is-radio{border-radius:50%}.v4-survey-opt:focus-visible,.v4-survey-other:focus{outline:2px solid var(--sv-ink-2);outline-offset:1px}.v4-survey-other{border:1px solid var(--sv-line);background:var(--sv-field);border-radius:12px;width:100%;height:44px;padding:0 14px;font-size:14px}.v4-survey-error{color:var(--v4-danger,#d92d20);font-size:13px}.v4-survey-actions{justify-content:space-between;align-items:center;gap:12px;margin-top:4px;display:flex}.v4-survey.is-phone .v4-survey-actions{margin-top:auto}.v4-survey-next{height:44px;padding:0 22px}.v4-survey-next:disabled,.v4-survey-lime:disabled{opacity:1;background:var(--sv-field);border-color:var(--sv-field);color:var(--sv-muted);cursor:default}.v4-survey-lime{background:var(--sv-lime);height:48px;color:var(--sv-ink);cursor:pointer;border:0;border-radius:999px;justify-content:center;align-items:center;padding:0 24px;font-size:15px;font-weight:700;display:inline-flex}.v4-survey-lime:hover:not(:disabled){background:var(--v4-lime-hover,#adf21f)}.v4-survey-skip{color:var(--sv-muted);cursor:pointer;background:0 0;border:0;align-self:center;font-size:13px;text-decoration:underline}.v4-survey-done{text-align:center;flex-direction:column;align-items:center;gap:12px;padding:12px 0;display:flex}.v4-survey.is-phone .v4-survey-done{margin:auto 0}.v4-survey-done-ic{border:2px solid var(--sv-ink-2);width:48px;height:48px;color:var(--sv-ink-2);border-radius:50%;justify-content:center;align-items:center;display:inline-flex}.v4-survey-wait{height:240px}
