.wp-block-lohko-embed-preview{--embed-preview-paper:color-mix(in srgb,var(--wp--preset--color--amber) 7%,var(--wp--preset--color--white));--embed-preview-rule:color-mix(in srgb,var(--wp--preset--color--amber) 16%,var(--wp--preset--color--lilyblue));--embed-preview-ink:color-mix(in srgb,var(--wp--preset--color--success) 12%,var(--wp--preset--color--darkestblue));--embed-preview-text:var(--wp--preset--color--slateblue);--embed-preview-accent:color-mix(in srgb,var(--wp--preset--color--success) 70%,var(--wp--preset--color--dark));display:flex;flex-direction:column;gap:14px;position:relative;width:100%;.embed-preview__browser{background:var(--embed-preview-paper);border:1px solid color-mix(in srgb,var(--wp--preset--color--white) 14%,transparent);border-radius:14px;box-shadow:0 30px 60px color-mix(in srgb,var(--wp--preset--color--black) 50%,transparent);display:flex;flex-direction:column;overflow:hidden}.embed-preview__chrome{align-items:center;background:var(--wp--preset--color--darkestblue);display:flex;gap:10px;height:34px;padding:0 14px}.embed-preview__dots{display:flex;gap:6px;span{background:color-mix(in srgb,var(--wp--preset--color--slateblue) 60%,var(--wp--preset--color--darkestblue));border-radius:50%;height:9px;width:9px}}.embed-preview__url{align-items:center;background:var(--wp--preset--color--blackblue);border-radius:6px;color:var(--wp--preset--color--greyblue);display:flex;flex:1;font-size:.6875rem;height:20px;min-width:0;overflow:hidden;padding:0 10px;white-space:nowrap}.embed-preview__site-header{align-items:center;border-bottom:1px solid var(--embed-preview-rule);display:flex;flex-wrap:wrap;gap:8px 18px;justify-content:space-between;padding:16px 24px}.embed-preview__logo{color:var(--embed-preview-ink);font-size:.9375rem;font-weight:800}.embed-preview__nav{display:flex;flex-wrap:wrap;gap:18px;list-style:none;margin:0;padding:0}.embed-preview__nav-item{color:var(--embed-preview-text);font-size:.75rem;margin:0}.embed-preview__site-body{align-items:center;display:flex;gap:24px;padding:24px}.embed-preview__intro{display:flex;flex:0 0 38%;flex-direction:column;gap:10px}.embed-preview__heading{color:var(--embed-preview-ink);font-size:clamp(1.125rem,2.4vw,1.375rem);font-weight:800;line-height:1.2;margin:0}.embed-preview__text{color:var(--embed-preview-text);font-size:.75rem;line-height:1.55;margin:0}.embed-preview__lines{display:flex;flex-direction:column;gap:10px;span{background:var(--embed-preview-rule);border-radius:4px;height:8px;max-width:100%;width:140px}span+span{width:110px}}.embed-preview__cards{display:flex;gap:12px;padding:0 24px 24px;span{background:color-mix(in srgb,var(--embed-preview-rule) 60%,var(--embed-preview-paper));border-radius:10px;flex:1;height:56px}}.embed-preview__calculator{background:var(--wp--preset--color--white);border-radius:12px;box-shadow:0 10px 30px color-mix(in srgb,var(--embed-preview-ink) 12%,transparent);display:flex;flex:1;flex-direction:column;gap:12px;min-width:0;outline:2px dashed var(--wp--preset--color--cyan);outline-offset:6px;padding:18px}.embed-preview__step{color:var(--embed-preview-text);font-size:.6875rem;margin-bottom:-4px}.embed-preview__meta{display:flex;gap:12px;justify-content:space-between;margin-bottom:-4px;.embed-preview__step{margin-bottom:0}}.embed-preview__step-note{color:var(--embed-preview-text);font-size:.6875rem}.embed-preview__question{color:var(--embed-preview-ink);font-size:.8125rem;font-weight:700;margin:0}.embed-preview__options{display:flex;gap:8px;list-style:none;margin:0;padding:0}.embed-preview__option{border:1px solid var(--embed-preview-rule);border-radius:8px;color:var(--embed-preview-ink);flex:1;font-size:.75rem;margin:0;padding:9px 4px;text-align:center;&.is-selected{background:var(--embed-preview-accent);border-color:var(--embed-preview-accent);color:var(--wp--preset--color--white);font-weight:700}}.embed-preview__result{align-items:center;background:color-mix(in srgb,var(--wp--preset--color--success) 10%,var(--wp--preset--color--white));border-radius:8px;display:flex;flex-wrap:wrap;gap:8px;justify-content:space-between;padding:12px}.embed-preview__result-text{display:flex;flex-direction:column;gap:2px}.embed-preview__result-label{color:var(--embed-preview-accent);font-size:.6875rem}.embed-preview__result-value{color:var(--embed-preview-ink);font-size:1.25rem;font-weight:800}.embed-preview__button{background:var(--embed-preview-accent);border-radius:8px;color:var(--wp--preset--color--white);font-size:.6875rem;font-weight:700;padding:8px 12px}.embed-preview__badge{background:var(--wp--preset--gradient--royalblue-to-cyan);border-radius:999px;box-shadow:0 10px 24px color-mix(in srgb,var(--wp--preset--color--cyan) 40%,transparent);color:var(--wp--preset--color--dark);font-size:.6875rem;font-weight:800;padding:7px 12px;position:absolute;right:-14px;top:70px}.embed-preview__caption{color:var(--wp--preset--color--greyblue);font-size:.75rem;margin:0;text-align:center}}.wp-block-lohko-embed-preview:is(.is-style-survey,.is-style-test){--embed-preview-paper:color-mix(in srgb,var(--wp--preset--color--paleblue) 30%,var(--wp--preset--color--white));--embed-preview-rule:color-mix(in srgb,var(--wp--preset--color--lilyblue) 80%,var(--wp--preset--color--white));--embed-preview-ink:var(--wp--preset--color--darkestblue);--embed-preview-text:var(--wp--preset--color--slateblue);.embed-preview__browser{border-color:var(--wp--preset--color--paleblue);border-radius:18px}.embed-preview__chrome{background:var(--wp--preset--color--paleblue)}.embed-preview__dots span{background:var(--wp--preset--color--lilyblue)}.embed-preview__url{background:var(--wp--preset--color--white);color:var(--embed-preview-text)}.embed-preview__site-header{border-bottom:0;padding:22px 22px 0}.embed-preview__nav{gap:10px}.embed-preview__nav-item{background:var(--embed-preview-rule);border-radius:3px;color:transparent;font-size:0;height:6px;overflow:hidden;width:40px}.embed-preview__site-body{align-items:stretch;flex-direction:column;gap:12px;padding:12px 22px}.embed-preview__heading:empty,.embed-preview__text:empty{display:none}.embed-preview__lines{gap:12px;span{width:70%}span+span{width:55%}}.embed-preview__calculator{background:var(--wp--preset--color--blackblue);box-shadow:none;gap:8px;margin-top:6px;outline:0;padding:18px}.embed-preview__step,.embed-preview__step-note{color:var(--wp--preset--color--greyblue);font-size:.75rem}.embed-preview__question{color:var(--wp--preset--color--white);font-size:.9375rem}.embed-preview__options{gap:6px}.embed-preview__option{background:color-mix(in srgb,var(--wp--preset--color--white) 3%,transparent);border-color:color-mix(in srgb,var(--wp--preset--color--white) 10%,transparent);border-radius:10px;color:var(--wp--preset--color--white);font-size:.8125rem;font-weight:600;padding:8px 4px;&.is-selected{background:var(--wp--preset--gradient--royalblue-to-cyan);border-color:transparent;color:var(--wp--preset--color--dark)}}.embed-preview__cards{padding:4px 22px 22px;span{background:var(--embed-preview-rule);border-radius:4px;flex:0 0 62%;height:8px}span+span{display:none}}}.wp-block-lohko-embed-preview.is-style-test{.embed-preview__options{display:grid;gap:8px;grid-template-columns:repeat(2,minmax(0,1fr))}.embed-preview__option{padding:9px 12px;text-align:left;&.is-selected{background:color-mix(in srgb,var(--wp--preset--color--royalblue) 18%,transparent);border-color:var(--wp--preset--color--royalblue);color:var(--wp--preset--color--white)}}}.wp-block-lohko-embed-preview.is-style-stacked{.embed-preview__options{flex-direction:column}.embed-preview__option{font-size:.8125rem;padding:10px 12px;text-align:left}.embed-preview__option:not(.is-selected){background:var(--wp--preset--color--white)}}.wp-block-lohko-embed-preview:has(.embed-preview__plugin){padding-bottom:80px}.wp-block-lohko-embed-preview .embed-preview__plugin{background:var(--wp--preset--color--darkestblue);border:1px solid color-mix(in srgb,var(--wp--preset--color--white) 12%,transparent);border-radius:14px;bottom:0;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:10px;padding:16px;position:absolute;right:-24px;width:250px;.embed-preview__plugin-head{align-items:center;display:flex;gap:10px}.embed-preview__plugin-icon{align-items:center;background:color-mix(in srgb,var(--wp--preset--color--royalblue) 18%,transparent);border-radius:9px;color:var(--wp--preset--color--skyblue);display:inline-flex;flex:none;height:30px;justify-content:center;width:30px}.embed-preview__plugin-name{display:flex;flex-direction:column;gap:1px;min-width:0}.embed-preview__plugin-title{color:var(--wp--preset--color--white);font-size:.8125rem;font-weight:700}.embed-preview__plugin-status{color:var(--wp--preset--color--greyblue);font-size:.6875rem}.embed-preview__plugin-field{background:var(--wp--preset--color--blackblue);border:1px solid color-mix(in srgb,var(--wp--preset--color--white) 9%,transparent);border-radius:8px;display:flex;flex-direction:column;gap:6px;padding:10px}.embed-preview__plugin-label{color:var(--wp--preset--color--greyblue);font-size:.6875rem}.embed-preview__plugin-select{align-items:center;background:color-mix(in srgb,var(--wp--preset--color--white) 4%,transparent);border:1px solid color-mix(in srgb,var(--wp--preset--color--white) 12%,transparent);border-radius:6px;color:var(--wp--preset--color--white);display:flex;font-size:.6875rem;gap:8px;justify-content:space-between;padding:7px 9px}.embed-preview__plugin-caret{color:var(--wp--preset--color--greyblue);flex:none}.embed-preview__plugin-button{align-self:flex-start;background:var(--wp--preset--gradient--royalblue-to-cyan);border-radius:999px;color:var(--wp--preset--color--dark);font-size:.6875rem;font-weight:700;padding:7px 12px}}@media (max-width:991px){.wp-block-lohko-embed-preview:has(.embed-preview__plugin){padding-bottom:0}.wp-block-lohko-embed-preview .embed-preview__plugin{position:static;width:auto}}@media (max-width:575px){.wp-block-lohko-embed-preview{.embed-preview__site-body{align-items:stretch;flex-direction:column}.embed-preview__nav{display:none}.embed-preview__badge{right:10px}}}