.wp-block-lohko-chooser-demo{--chooser-demo-ink:var(--wp--preset--color--darkestblue);--chooser-demo-soft:color-mix(in srgb,var(--wp--preset--color--darkestblue) 72%,var(--wp--preset--color--slateblue));--chooser-demo-accent:var(--wp--preset--color--royalblue);--chooser-demo-pick:color-mix(in srgb,var(--wp--preset--color--royalblue) 75%,var(--wp--preset--color--darkestblue));--chooser-demo-line:color-mix(in srgb,var(--wp--preset--color--royalblue) 16%,var(--wp--preset--color--lilyblue));align-items:center;display:flex;min-height:660px;position:relative;[hidden]{display:none!important}p,ul{margin:0}ul{list-style:none;padding:0}.chooser-demo__media{border-radius:28px;bottom:0;box-shadow:0 40px 90px -30px rgba(0,0,0,.7);margin:0;overflow:hidden;position:absolute;right:0;top:0;width:62%;&:after{background:linear-gradient(90deg,color-mix(in srgb,var(--wp--preset--color--dark) 55%,transparent) 0,transparent 45%);content:"";inset:0;position:absolute}}.chooser-demo__image{display:block;height:100%;object-fit:cover;object-position:62% 35%;width:100%}.chooser-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 color-mix(in srgb,var(--wp--preset--color--royalblue) 12%,var(--wp--preset--color--paleblue));border-radius:24px;box-shadow:0 40px 90px -30px rgba(0,0,0,.75);box-sizing:border-box;color:var(--chooser-demo-ink);display:flex;flex-direction:column;max-width:540px;min-height:520px;padding:34px;position:relative;width:100%;z-index:1}.chooser-demo__top{align-items:center;color:var(--chooser-demo-soft);display:flex;font-size:.75rem;font-weight:700;gap:12px;justify-content:space-between;margin-bottom:12px;min-height:24px}.chooser-demo__tag{align-items:center;background:color-mix(in srgb,var(--wp--preset--color--royalblue) 14%,transparent);border-radius:999px;color:var(--chooser-demo-pick);display:inline-flex;font-size:.6875rem;font-weight:800;height:24px;letter-spacing:.04em;padding:0 10px;text-transform:uppercase}.chooser-demo__back{background:none;border:0;color:var(--chooser-demo-soft);cursor:pointer;font:inherit;font-size:.8125rem;font-weight:600;padding:0;&:hover{color:var(--chooser-demo-ink)}}.chooser-demo__progress{background:color-mix(in srgb,var(--wp--preset--color--white) 85%,transparent);border-radius:6px;display:block;height:6px;margin-bottom:18px;overflow:hidden}.chooser-demo__progress-fill{background:var(--wp--preset--gradient--royalblue-to-cyan);border-radius:inherit;display:block;height:100%;transition:width .35s ease;width:var(--chooser-demo-position)}.chooser-demo__screen{display:flex;flex:1;flex-direction:column}.chooser-demo__ask{flex:none}.chooser-demo__screen:focus{outline:none}.chooser-demo__question,.chooser-demo__result-title,.chooser-demo__thanks-title{color:var(--chooser-demo-ink);font-size:clamp(1.125rem,2.2vw,1.4375rem);font-weight:700;line-height:1.3;margin-bottom:16px}.chooser-demo__result-title{margin-bottom:6px}.chooser-demo__result-text,.chooser-demo__thanks-text{color:var(--chooser-demo-soft);font-size:.9375rem;margin-bottom:12px}.chooser-demo__items,.chooser-demo__rows{display:flex;flex-direction:column;gap:9px}.chooser-demo__items{margin-bottom:14px}.chooser-demo__item,.chooser-demo__row{align-items:center;background:color-mix(in srgb,var(--wp--preset--color--white) 85%,transparent);border:1.5px solid var(--chooser-demo-line);border-radius:14px;box-sizing:border-box;color:var(--chooser-demo-ink);display:flex;font:inherit;font-size:.9375rem;font-weight:600;gap:12px;margin:0;min-height:52px;padding:10px 16px;text-align:left;width:100%}.chooser-demo__row{cursor:pointer;transition:border-color .2s,background-color .2s;&:hover{background:var(--wp--preset--color--white);border-color:color-mix(in srgb,var(--wp--preset--color--royalblue) 40%,var(--wp--preset--color--lilyblue))}&:focus-visible{outline:2px solid var(--chooser-demo-accent);outline-offset:2px}&.is-selected{background:var(--wp--preset--color--white);border-color:var(--chooser-demo-pick)}}.chooser-demo__row-label{flex:1}.chooser-demo__radio{border:2px solid color-mix(in srgb,var(--wp--preset--color--royalblue) 35%,var(--wp--preset--color--lilyblue));border-radius:50%;box-sizing:border-box;flex:none;height:18px;width:18px}.chooser-demo__row.is-selected .chooser-demo__radio{background:radial-gradient(circle,var(--chooser-demo-pick) 0 4px,transparent 5px);border-color:var(--chooser-demo-pick)}.chooser-demo__arrow{color:var(--wp--preset--color--slateblue);margin-left:auto}.chooser-demo__hint{color:var(--chooser-demo-soft);font-size:.75rem;margin-top:14px}.chooser-demo__summary{display:flex;flex-wrap:wrap;gap:7px;margin:4px 0 18px;span{align-items:center;background:var(--wp--preset--color--white);border:1px solid var(--chooser-demo-line);border-radius:999px;display:inline-flex;font-size:.78125rem;font-weight:600;height:30px;padding:0 12px}}.chooser-demo__summary:empty{display:none}.chooser-demo__form{display:flex;flex-direction:column}.chooser-demo__field-label{display:block;font-size:.8125rem;font-weight:700;margin-bottom:6px}.chooser-demo__field{background:var(--wp--preset--color--white);border:1.5px solid var(--chooser-demo-line);border-radius:14px;box-sizing:border-box;color:var(--chooser-demo-ink);font:inherit;font-size:.9375rem;font-weight:500;height:50px;margin-bottom:12px;padding:0 16px;width:100%;&:focus-visible{outline:2px solid var(--chooser-demo-accent);outline-offset:1px}}.chooser-demo__button{align-items:center;align-self:flex-start;background:var(--chooser-demo-ink);border:0;border-radius:999px;box-sizing:border-box;color:var(--wp--preset--color--white);cursor:pointer;display:inline-flex;font:inherit;font-size:.9375rem;font-weight:700;gap:8px;height:52px;justify-content:center;padding:0 26px;transition:background-color .2s;&:hover{background:var(--chooser-demo-pick)}&:focus-visible{outline:2px solid var(--chooser-demo-accent);outline-offset:2px}}.chooser-demo__items+.chooser-demo__restart,.chooser-demo__result>.chooser-demo__restart{margin-top:auto}.chooser-demo__thanks{align-items:center;justify-content:center;text-align:center;.chooser-demo__thanks-title{margin-bottom:12px}.chooser-demo__thanks-text{max-width:360px}.chooser-demo__summary{justify-content:center}.chooser-demo__restart{align-self:center}}.chooser-demo__thanks-emoji{font-size:46px;line-height:1;margin-bottom:12px}}@media (max-width:1023px){.wp-block-lohko-chooser-demo{flex-direction:column;gap:24px;min-height:0;.chooser-demo__media{height:280px;position:relative;width:100%}.chooser-demo__card{max-width:none}}}@media (max-width:640px){.wp-block-lohko-chooser-demo .chooser-demo__card{min-height:480px;padding:22px}}