.wp-block-lohko-publish-preview{--publish-preview-accent:var(--wp--preset--color--royalblue);--publish-preview-correct:var(--wp--preset--color--teal);--publish-preview-muted:var(--wp--preset--color--greyblue);--publish-preview-line:color-mix(in srgb,var(--wp--preset--color--white) 10%,transparent);align-items:center;display:grid;gap:64px;grid-template-columns:minmax(0,440px) minmax(0,1fr);.publish-preview__main{display:flex;flex-direction:column;gap:24px;min-width:0}.publish-preview__intro{display:flex;flex-direction:column;gap:18px;>*{margin-block:0}}.publish-preview__domains{display:flex;flex-direction:column;gap:8px}.publish-preview__domain{align-items:center;background:color-mix(in srgb,var(--wp--preset--color--darkestblue) 70%,transparent);border:1px solid var(--publish-preview-line);border-radius:12px;box-sizing:border-box;color:var(--wp--preset--color--lilyblue);cursor:pointer;display:flex;font:inherit;gap:12px;margin:0;padding:12px 14px;text-align:left;transition:border-color .2s ease,background-color .2s ease;width:100%;&:hover{border-color:color-mix(in srgb,var(--publish-preview-accent) 50%,transparent)}&:focus-visible{outline:2px solid var(--publish-preview-accent);outline-offset:2px}&.is-pressed,&[aria-pressed=true]{background:color-mix(in srgb,var(--publish-preview-accent) 14%,var(--wp--preset--color--darkestblue));border-color:var(--publish-preview-accent);.publish-preview__ring{background:var(--publish-preview-accent);border-color:var(--publish-preview-accent);box-shadow:inset 0 0 0 3px var(--wp--preset--color--darkestblue)}}}.publish-preview__ring{border:2px solid color-mix(in srgb,var(--wp--preset--color--slateblue) 70%,transparent);border-radius:50%;box-sizing:border-box;flex:0 0 18px;height:18px;transition:border-color .2s ease,background-color .2s ease;width:18px}.publish-preview__domain-text{display:flex;flex-direction:column;gap:2px;min-width:0}.publish-preview__domain-title{color:var(--wp--preset--color--white);font-size:.8125rem;font-weight:700;line-height:1.35}.publish-preview__domain-url{color:var(--publish-preview-muted);font-size:.75rem;line-height:1.4;overflow-wrap:anywhere;b,strong{font-weight:inherit}}.publish-preview__window{background:var(--wp--preset--color--blackblue);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;min-width:0;overflow:hidden}.publish-preview__chrome{align-items:center;background:var(--wp--preset--color--darkestblue);display:flex;gap:10px;height:34px;padding:0 14px}.publish-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}}.publish-preview__bar{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;gap:6px;height:20px;min-width:0;overflow:hidden;padding:0 10px;white-space:nowrap}.publish-preview__lock{color:var(--publish-preview-correct);flex:none}.publish-preview__address{overflow:hidden;text-overflow:ellipsis;b,strong{color:var(--wp--preset--color--white);font-weight:700}}.publish-preview__page{align-items:center;background:radial-gradient(420px 220px at 50% 0,color-mix(in srgb,var(--publish-preview-accent) 22%,transparent),transparent 70%);display:flex;flex-direction:column;gap:14px;padding:34px 28px;text-align:center}.publish-preview__status{background:color-mix(in srgb,var(--publish-preview-correct) 16%,transparent);border-radius:999px;color:var(--publish-preview-correct);font-size:.6875rem;font-weight:700;padding:5px 10px}.publish-preview__page-title{color:var(--wp--preset--color--white);font-size:clamp(1.25rem,2.4vw,1.625rem);font-weight:800;letter-spacing:-.02em;line-height:1.2;margin:0}.publish-preview__page-text{color:var(--publish-preview-muted);font-size:.875rem;line-height:1.5;margin:0}.publish-preview__card{background:color-mix(in srgb,var(--wp--preset--color--darkestblue) 70%,transparent);border:1px solid var(--publish-preview-line);border-radius:14px;box-sizing:border-box;display:flex;flex-direction:column;gap:10px;max-width:360px;padding:20px;text-align:left;width:100%}.publish-preview__meta{color:var(--wp--preset--color--slateblue);display:flex;font-size:.6875rem;gap:12px;justify-content:space-between}.publish-preview__progress{background:color-mix(in srgb,var(--wp--preset--color--white) 8%,transparent);border-radius:4px;display:block;height:4px;span{background:var(--wp--preset--gradient--royalblue-to-cyan);border-radius:inherit;display:block;height:100%}}.publish-preview__question{color:var(--wp--preset--color--white);font-size:.9375rem;font-weight:700;line-height:1.35;margin:0}.publish-preview__option{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:10px;color:var(--wp--preset--color--lilyblue);display:flex;font-size:.8125rem;gap:10px;padding:11px 14px;&.is-correct{background:color-mix(in srgb,var(--publish-preview-correct) 12%,transparent);border-color:var(--publish-preview-correct);color:var(--wp--preset--color--white);.publish-preview__key{background:var(--publish-preview-correct);color:var(--wp--preset--color--dark)}}}.publish-preview__key{align-items:center;background:color-mix(in srgb,var(--wp--preset--color--white) 8%,transparent);border-radius:6px;color:var(--publish-preview-muted);display:flex;flex:0 0 22px;font-size:.6875rem;font-weight:700;height:22px;justify-content:center;width:22px}}@media (max-width:991px){.wp-block-lohko-publish-preview{gap:40px;grid-template-columns:minmax(0,1fr)}}@media (max-width:575px){.wp-block-lohko-publish-preview .publish-preview__page{padding:28px 16px}}@media (prefers-reduced-motion:reduce){.wp-block-lohko-publish-preview{.publish-preview__domain,.publish-preview__ring{transition:none}}}