.wp-block-lohko-quiz-preview{--quiz-preview-accent:var(--wp--preset--color--teal);--quiz-preview-ink:var(--wp--preset--color--lilyblue);--quiz-preview-muted:var(--wp--preset--color--greyblue);height:410px;margin-inline:auto;max-width:520px;position:relative;width:100%;.quiz-preview__window{backdrop-filter:blur(40px);-webkit-backdrop-filter:blur(40px);background:color-mix(in srgb,var(--wp--preset--color--darkestblue) 82%,transparent);border:1px solid color-mix(in srgb,var(--wp--preset--color--white) 10%,transparent);border-radius:14px;box-shadow:0 30px 60px color-mix(in srgb,var(--wp--preset--color--black) 50%,transparent);box-sizing:border-box;display:flex;flex-direction:column;gap:14px;left:0;padding:18px 22px 24px;position:absolute;top:0;width:80%}.quiz-preview__chrome{display:flex;gap:6px;span{border:1.5px solid var(--wp--preset--color--coral);border-radius:50%;box-sizing:border-box;height:9px;width:9px}span:nth-child(2){border-color:var(--wp--preset--color--amber)}span:nth-child(3){border-color:var(--wp--preset--color--green)}}.quiz-preview__track{background:color-mix(in srgb,var(--wp--preset--color--white) 8%,transparent);border-radius:4px;display:block;height:4px;width:100%}.quiz-preview__track-fill{background:var(--wp--preset--gradient--royalblue-to-cyan);border-radius:inherit;display:block;height:100%;width:var(--quiz-preview-position)}.quiz-preview__meta{color:var(--quiz-preview-muted);display:flex;font-size:.6875rem;gap:12px;justify-content:space-between}.quiz-preview__question{color:var(--wp--preset--color--white);font-size:.9375rem;font-weight:700;line-height:1.4;margin:0}.quiz-preview__options{display:flex;flex-direction:column;gap:10px;list-style:none;margin:0;padding:0}.quiz-preview__option{align-items:center;background:color-mix(in srgb,var(--wp--preset--color--white) 5%,transparent);border:1px solid color-mix(in srgb,var(--wp--preset--color--white) 12%,transparent);border-radius:10px;color:var(--quiz-preview-ink);display:flex;font-size:.8125rem;gap:10px;margin:0;padding:11px 14px;&.is-correct{background:color-mix(in srgb,var(--quiz-preview-accent) 14%,transparent);border-color:var(--quiz-preview-accent);color:var(--wp--preset--color--white)}}.quiz-preview__key{align-items:center;background:color-mix(in srgb,var(--wp--preset--color--white) 9%,transparent);border-radius:6px;color:var(--quiz-preview-muted);display:inline-flex;flex:none;font-size:.6875rem;font-weight:700;height:22px;justify-content:center;width:22px}.quiz-preview__option.is-correct .quiz-preview__key{background:var(--quiz-preview-accent);color:var(--wp--preset--color--dark)}.quiz-preview__card{background:color-mix(in srgb,var(--wp--preset--color--darkestblue) 96%,transparent);border:1px solid color-mix(in srgb,var(--wp--preset--color--white) 12%,transparent);border-radius:14px;box-shadow:0 30px 60px color-mix(in srgb,var(--wp--preset--color--black) 55%,transparent);box-sizing:border-box;display:flex;flex-direction:column;gap:8px;padding:18px;position:absolute;right:0;top:250px;width:54%}.quiz-preview__card-head{align-items:center;display:flex;gap:12px;justify-content:space-between}.quiz-preview__verdict{background:color-mix(in srgb,var(--quiz-preview-accent) 16%,transparent);border-radius:999px;color:var(--quiz-preview-accent);font-size:.6875rem;font-weight:700;padding:5px 10px}.quiz-preview__points{color:var(--wp--preset--color--white);font-size:.75rem;font-weight:700}.quiz-preview__explanation{color:var(--quiz-preview-ink);font-size:.8125rem;line-height:1.55;margin:0}.quiz-preview__card-progress{align-items:center;display:flex;gap:8px;margin-top:4px}.quiz-preview__card-track{flex:1}.quiz-preview__card-step{color:var(--quiz-preview-muted);font-size:.6875rem}.quiz-preview__button{align-self:flex-start;background:var(--wp--preset--gradient--royalblue-to-cyan);border-radius:999px;color:var(--wp--preset--color--dark);font-size:.75rem;font-weight:700;padding:8px 14px}}.wp-block-lohko-quiz-preview.is-style-survey{--quiz-preview-accent:var(--wp--preset--color--royalblue);--quiz-preview-ink:var(--wp--preset--color--darkestblue);--quiz-preview-muted:var(--wp--preset--color--slateblue);height:420px;.quiz-preview__window{backdrop-filter:none;-webkit-backdrop-filter:none;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-color:var(--wp--preset--color--paleblue);gap:16px;left:6%;padding:26px 26px 30px;width:94%}.quiz-preview__chrome{display:none}.quiz-preview__meta{align-items:center;font-weight:600;order:-1}.quiz-preview__score{background:var(--wp--preset--color--white);border-radius:999px;color:var(--quiz-preview-accent);font-weight:700;padding:4px 10px}.quiz-preview__track{background:color-mix(in srgb,var(--wp--preset--color--white) 80%,transparent)}.quiz-preview__question{color:var(--quiz-preview-ink);font-size:1.125rem;line-height:1.3;margin-top:6px}.quiz-preview__option{background:color-mix(in srgb,var(--wp--preset--color--white) 80%,transparent);border-color:var(--wp--preset--color--white);color:var(--quiz-preview-ink);&.is-correct{background:var(--wp--preset--color--white);border-color:var(--quiz-preview-accent);color:var(--quiz-preview-ink)}}.quiz-preview__key,.quiz-preview__option.is-correct .quiz-preview__key{background:transparent;border:2px solid var(--quiz-preview-muted);border-radius:50%;box-sizing:border-box;color:transparent;font-size:0;height:16px;width:16px}.quiz-preview__option.is-correct .quiz-preview__key{background:radial-gradient(circle,var(--quiz-preview-accent) 0 3px,transparent 4px);border-color:var(--quiz-preview-accent)}.quiz-preview__card{align-items:center;bottom:0;display:grid;gap:2px 12px;grid-template-columns:34px minmax(0,1fr);left:0;max-width:62%;padding:14px 18px 14px 16px;right:auto;top:auto;width:auto;&:before{background:color-mix(in srgb,var(--wp--preset--color--royalblue) 14%,transparent);border-radius:10px;content:"";grid-row:1/span 2;height:34px;width:34px}&:after{background:var(--wp--preset--color--cyan);content:"";height:18px;left:24px;mask:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 fill=%27none%27 stroke=%27%23000%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27 stroke-width=%272%27 viewBox=%270 0 24 24%27%3E%3Ccircle cx=%276%27 cy=%276%27 r=%273%27/%3E%3Ccircle cx=%276%27 cy=%2718%27 r=%273%27/%3E%3Ccircle cx=%2718%27 cy=%276%27 r=%273%27/%3E%3Cpath d=%27M6 9v6m12-6a9 9 0 0 1-9 9%27/%3E%3C/svg%3E") center /contain no-repeat;position:absolute;top:50%;transform:translateY(-50%);width:18px}}.quiz-preview__card-head{grid-column:2}.quiz-preview__verdict{background:none;color:var(--wp--preset--color--white);font-size:.8125rem;padding:0}.quiz-preview__explanation{color:var(--wp--preset--color--greyblue);font-size:.75rem;grid-column:2;line-height:1.4}.quiz-preview__button,.quiz-preview__card-progress,.quiz-preview__points{display:none}}@media (max-width:767px){.wp-block-lohko-quiz-preview{height:auto;.quiz-preview__window{padding-bottom:64px;position:relative;width:100%}.quiz-preview__card{margin:-44px 10px 0;position:relative;right:auto;top:auto;width:auto}}.wp-block-lohko-quiz-preview.is-style-survey{.quiz-preview__window{left:auto}.quiz-preview__card{bottom:auto;left:auto;margin:-36px 10px 0;max-width:none;width:fit-content}}}