.wp-block-lohko-survey-demo{--survey-demo-ink:var(--wp--preset--color--darkestblue);--survey-demo-muted:var(--wp--preset--color--slateblue);--survey-demo-accent:var(--wp--preset--color--royalblue);--survey-demo-line:color-mix(in srgb,var(--wp--preset--color--royalblue) 18%,var(--wp--preset--color--paleblue));--survey-demo-good:var(--wp--preset--color--success);align-items:center;display:flex;min-height:640px;position:relative;[hidden]{display:none!important}.survey-demo__media{border-radius:28px;bottom:0;box-shadow:0 40px 90px -30px color-mix(in srgb,var(--wp--preset--color--black) 70%,transparent);margin:0;overflow:hidden;position:absolute;right:0;top:0;width:64%;&:after{background:linear-gradient(90deg,color-mix(in srgb,var(--wp--preset--color--dark) 55%,transparent) 0,transparent 45%);content:"";inset:0;position:absolute}}.survey-demo__image{display:block;height:100%;object-fit:cover;object-position:60% 40%;width:100%}.survey-demo__card{background:linear-gradient(135deg,var(--wp--preset--color--white) 0,var(--wp--preset--color--paleblue) 55%,color-mix(in srgb,var(--wp--preset--color--royalblue) 22%,var(--wp--preset--color--paleblue)) 100%);border:1px solid var(--wp--preset--color--paleblue);border-radius:18px;box-shadow:0 32px 64px color-mix(in srgb,var(--wp--preset--color--black) 35%,transparent);box-sizing:border-box;color:var(--survey-demo-ink);display:flex;flex-direction:column;max-width:540px;min-height:480px;padding:clamp(24px,4vw,36px);position:relative;width:100%;z-index:1}.survey-demo__meta{align-items:center;display:flex;flex-wrap:wrap;gap:8px 12px;justify-content:space-between;margin-bottom:14px}.survey-demo__step{color:var(--survey-demo-muted);font-size:.8125rem;font-weight:700}.survey-demo__tag{background:var(--wp--preset--color--white);border-radius:999px;color:var(--survey-demo-accent);font-size:.75rem;font-weight:700;padding:4px 10px}.survey-demo__progress{background:color-mix(in srgb,var(--wp--preset--color--white) 80%,transparent);border-radius:6px;display:block;height:6px;margin-bottom:32px}.survey-demo__progress-fill{background:var(--wp--preset--gradient--royalblue-to-cyan);border-radius:inherit;display:block;height:100%;transition:width .35s ease;width:var(--survey-demo-position)}.survey-demo__screen{display:flex;flex-direction:column;gap:12px}.survey-demo__branch-question,.survey-demo__question,.survey-demo__rating-question,.survey-demo__thanks-title{color:var(--survey-demo-ink);font-size:clamp(1.25rem,2.4vw,1.625rem);font-weight:700;letter-spacing:-.01em;line-height:1.25;margin:0 0 12px}.survey-demo__options{display:flex;flex-direction:column;gap:12px}.survey-demo__option{align-items:center;background:color-mix(in srgb,var(--wp--preset--color--white) 80%,transparent);border:1px solid var(--wp--preset--color--white);border-radius:12px;box-sizing:border-box;color:var(--survey-demo-ink);cursor:pointer;display:flex;font:inherit;font-size:.9375rem;font-weight:500;gap:14px;margin:0;min-height:52px;padding:12px 16px;text-align:left;transition:background-color .15s ease,border-color .15s ease;width:100%;&:hover{border-color:color-mix(in srgb,var(--survey-demo-accent) 45%,var(--wp--preset--color--white))}&.is-selected,&:hover{background:var(--wp--preset--color--white)}&.is-selected{border-color:var(--survey-demo-accent)}}.survey-demo__radio{border:2px solid var(--survey-demo-muted);border-radius:50%;box-sizing:border-box;flex:none;height:18px;width:18px}.survey-demo__option.is-selected .survey-demo__radio{background:radial-gradient(circle,var(--survey-demo-accent) 0 4px,transparent 5px);border-color:var(--survey-demo-accent)}.survey-demo__follow{align-self:flex-start;background:color-mix(in srgb,var(--survey-demo-good) 18%,var(--wp--preset--color--white));border-radius:999px;color:color-mix(in srgb,var(--survey-demo-good) 65%,var(--wp--preset--color--black));font-size:.75rem;font-weight:700;margin-bottom:6px;padding:4px 10px}.survey-demo__open{display:flex;flex-direction:column;gap:8px}.survey-demo__open-label{color:var(--survey-demo-muted);font-size:.875rem}.survey-demo__open-field{background:var(--wp--preset--color--white);border:1px solid var(--survey-demo-line);border-radius:12px;box-sizing:border-box;color:var(--survey-demo-ink);font:inherit;font-size:.9375rem;padding:14px 16px;resize:none;width:100%;&:focus-visible{outline:2px solid var(--survey-demo-accent);outline-offset:1px}}.survey-demo__scale{display:flex;gap:10px}.survey-demo__scale-option{align-items:center;background:var(--wp--preset--color--white);border:1px solid var(--survey-demo-line);border-radius:10px;color:var(--survey-demo-ink);cursor:pointer;display:flex;flex:1;font:inherit;font-size:1rem;font-weight:600;height:48px;justify-content:center;&:hover{border-color:var(--survey-demo-accent)}&.is-selected{background:var(--wp--preset--gradient--royalblue-to-cyan);border-color:transparent;color:var(--wp--preset--color--dark)}}.survey-demo__scale-labels{color:var(--survey-demo-muted);display:flex;font-size:.75rem;gap:12px;justify-content:space-between}.survey-demo__thanks{align-items:flex-start;gap:16px}.survey-demo__check{align-items:center;background:color-mix(in srgb,var(--survey-demo-good) 18%,var(--wp--preset--color--white));border-radius:16px;color:color-mix(in srgb,var(--survey-demo-good) 65%,var(--wp--preset--color--black));display:flex;height:56px;justify-content:center;width:56px;svg{height:28px;width:28px}}.survey-demo__thanks-title{margin:0}.survey-demo__thanks-text{color:var(--survey-demo-muted);font-size:.9375rem;line-height:1.6;margin:0}.survey-demo__back,.survey-demo__open-next,.survey-demo__restart{align-items:center;background:var(--wp--preset--color--white);border:1px solid var(--survey-demo-line);border-radius:999px;box-sizing:border-box;color:var(--survey-demo-ink);cursor:pointer;display:inline-flex;font:inherit;font-size:.875rem;font-weight:700;height:44px;padding:0 20px;&:hover{border-color:var(--survey-demo-accent)}}.survey-demo__open-next{align-self:flex-end;background:var(--wp--preset--gradient--royalblue-to-cyan);border-color:transparent;color:var(--wp--preset--color--dark)}.survey-demo__back{height:40px;padding:0 16px}.survey-demo__footer{align-items:center;border-top:1px solid var(--survey-demo-line);display:flex;gap:12px;justify-content:space-between;margin-top:auto;min-height:40px;padding-top:20px}.survey-demo__powered{color:var(--survey-demo-muted);font-size:.75rem;margin-left:auto}.survey-demo__screen:not([hidden]){margin-bottom:28px}button:focus-visible{outline:2px solid var(--wp--preset--color--cyan);outline-offset:3px}}@media (max-width:991px){.wp-block-lohko-survey-demo{align-items:stretch;flex-direction:column;min-height:0;.survey-demo__media{aspect-ratio:16/10;position:relative;width:100%}.survey-demo__card{margin:-80px auto 0;max-width:540px;width:calc(100% - 32px)}}}@media (prefers-reduced-motion:reduce){.wp-block-lohko-survey-demo{.survey-demo__option,.survey-demo__progress-fill{transition:none}}}