.lohko-tag{--lohko-tag-color:var(--lohko-module,var(--wp--preset--color--skyblue));align-self:flex-start;background:color-mix(in srgb,var(--lohko-tag-color) 16%,transparent);border-radius:999px;color:var(--lohko-tag-color);display:inline-block;font-size:.625rem;font-weight:800;letter-spacing:.06em;line-height:1.4;margin:0;padding:4px 9px;text-transform:uppercase;white-space:nowrap}.wp-block-lohko-experience-preview{--experience-preview-done:var(--wp--preset--color--teal);--experience-preview-ink:var(--wp--preset--color--lilyblue);--experience-preview-muted:var(--wp--preset--color--greyblue);--experience-preview-line:color-mix(in srgb,var(--wp--preset--color--white) 12%,transparent);--experience-preview-shadow:color-mix(in srgb,var(--wp--preset--color--black) 55%,transparent);box-sizing:border-box;height:590px;max-width:600px;position:relative;width:100%;p{margin:0}.experience-preview__frame{background:var(--wp--preset--color--darkestblue);border:1px solid var(--experience-preview-line);border-radius:16px;box-shadow:0 30px 70px var(--experience-preview-shadow);box-sizing:border-box;display:flex;flex-direction:column;gap:14px;left:10px;padding:18px;position:absolute;top:100px;width:min(420px,100% - 120px)}.experience-preview__header{align-items:center;display:flex;gap:12px;justify-content:space-between}.experience-preview__dots{display:flex;flex:none;gap:6px;i{border:1.5px solid var(--wp--preset--color--coral);border-radius:50%;box-sizing:border-box;height:9px;width:9px}i:nth-child(2){border-color:var(--wp--preset--color--amber)}i:nth-child(3){border-color:var(--wp--preset--color--green)}}.experience-preview__meta{color:var(--experience-preview-muted);font-size:.6875rem;margin-right:120px}.experience-preview__rail{align-items:center;display:flex;gap:6px}.experience-preview__step{align-items:center;color:var(--experience-preview-muted);display:flex;flex:1;flex-direction:column;font-size:.625rem;font-weight:600;gap:6px;min-width:0;text-align:center;&.is-current{color:var(--wp--preset--color--white)}}.experience-preview__step-label{max-width:100%;overflow-wrap:anywhere}.experience-preview__node{align-items:center;background:color-mix(in srgb,var(--wp--preset--color--white) 6%,transparent);border:1px solid color-mix(in srgb,var(--wp--preset--color--white) 14%,transparent);border-radius:50%;box-sizing:border-box;color:var(--experience-preview-muted);display:flex;font-size:.6875rem;height:26px;justify-content:center;line-height:1;width:26px}.experience-preview__step.is-done .experience-preview__node{background:color-mix(in srgb,var(--experience-preview-done) 14%,transparent);border-color:var(--experience-preview-done);color:var(--experience-preview-done)}.experience-preview__step.is-current .experience-preview__node{background:var(--wp--preset--gradient--royalblue-to-cyan);border:0;box-shadow:0 0 16px color-mix(in srgb,var(--wp--preset--color--cyan) 50%,transparent);color:var(--wp--preset--color--dark);font-weight:800}.experience-preview__link{background:color-mix(in srgb,var(--wp--preset--color--royalblue) 45%,transparent);flex:0 0 14px;height:1px;margin-bottom:16px}.experience-preview__card{align-items:center;background:var(--wp--preset--color--blackblue);border:1px solid color-mix(in srgb,var(--wp--preset--color--white) 8%,transparent);border-radius:12px;display:flex;gap:16px;padding:14px}.experience-preview__card-body{display:flex;flex:1;flex-direction:column;gap:8px;min-width:0}.experience-preview__wheel-title{color:var(--wp--preset--color--white);font-size:.9375rem;font-weight:700;line-height:1.35}.experience-preview__points{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.experience-preview__points-note{color:var(--experience-preview-muted);font-size:.6875rem}.experience-preview__wheel{--experience-preview-wheel:110px;flex:none;height:calc(var(--experience-preview-wheel) + 8px);position:relative;width:var(--experience-preview-wheel)}.experience-preview__pin{border-left:7px solid transparent;border-right:7px solid transparent;border-top:12px solid var(--wp--preset--color--white);filter:drop-shadow(0 2px 3px color-mix(in srgb,var(--wp--preset--color--black) 50%,transparent));height:0;left:50%;position:absolute;top:0;translate:-50% 0;width:0;z-index:1}.experience-preview__disc{height:var(--experience-preview-wheel);left:0;position:absolute;rotate:-18deg;top:8px;width:var(--experience-preview-wheel)}.experience-preview__segment{path{fill:var(--experience-preview-segment);stroke:var(--wp--preset--color--dark);stroke-width:2}text{fill:var(--wp--preset--color--white);font-family:inherit;font-size:15px;font-weight:800}&:nth-child(6n+1){--experience-preview-segment:var(--wp--preset--color--royalblue)}&:nth-child(6n+2){--experience-preview-segment:color-mix(in srgb,var(--wp--preset--color--teal) 35%,var(--wp--preset--color--dark))}&:nth-child(6n+3){--experience-preview-segment:color-mix(in srgb,var(--wp--preset--color--purple) 40%,var(--wp--preset--color--dark))}&:nth-child(6n+4){--experience-preview-segment:color-mix(in srgb,var(--wp--preset--color--royalblue) 35%,var(--wp--preset--color--dark))}&:nth-child(6n+5){--experience-preview-segment:color-mix(in srgb,var(--wp--preset--color--teal) 55%,var(--wp--preset--color--dark))}&:nth-child(6n){--experience-preview-segment:color-mix(in srgb,var(--wp--preset--color--purple) 30%,color-mix(in srgb,var(--wp--preset--color--royalblue) 30%,var(--wp--preset--color--dark)))}}.experience-preview__hub{fill:var(--wp--preset--color--dark);stroke:var(--wp--preset--color--cyan);stroke-width:4}.experience-preview__progress{align-items:center;color:var(--experience-preview-muted);display:flex;font-size:.6875rem;gap:12px;justify-content:space-between}.experience-preview__bar{background:color-mix(in srgb,var(--wp--preset--color--white) 8%,transparent);border-radius:5px;display:block;height:8px;overflow:hidden;&.is-poll{height:6px}}.experience-preview__fill{background:var(--wp--preset--gradient--royalblue-to-cyan);border-radius:5px;display:block;height:100%}.experience-preview__bar.is-poll .experience-preview__fill{background:var(--wp--preset--color--amber)}.experience-preview__float{background:var(--wp--preset--color--darkestblue);border:1px solid var(--experience-preview-line);border-radius:14px;box-shadow:0 24px 50px var(--experience-preview-shadow);box-sizing:border-box;display:flex;flex-direction:column;gap:8px;padding:14px;position:absolute;z-index:1;&.is-board{right:0;top:0;width:190px}&.is-quiz{bottom:30px;left:0;width:220px}&.is-poll{bottom:0;right:0;width:230px}}.experience-preview__row{align-items:baseline;color:var(--experience-preview-ink);display:flex;font-size:.75rem;gap:8px;justify-content:space-between;&.is-me{background:color-mix(in srgb,var(--wp--preset--color--royalblue) 18%,transparent);border-radius:6px;color:var(--wp--preset--color--white);margin:0 -7px;padding:5px 7px}}.experience-preview__row-who{display:flex;gap:4px;min-width:0}.experience-preview__row-score{color:var(--wp--preset--color--white);font-weight:700}.experience-preview__poll-question,.experience-preview__quiz-question{color:var(--wp--preset--color--white);font-size:.75rem;font-weight:700;line-height:1.4}.experience-preview__answer{align-items:center;background:color-mix(in srgb,var(--experience-preview-done) 14%,transparent);border:1px solid var(--experience-preview-done);border-radius:7px;color:var(--wp--preset--color--white);display:flex;font-size:.6875rem;gap:6px;padding:7px 9px;.experience-preview__tick{color:var(--experience-preview-done);flex:none}}.experience-preview__answer-points{color:var(--experience-preview-done);margin-left:auto}.experience-preview__option{display:flex;flex-direction:column;gap:5px}.experience-preview__option-head{color:var(--experience-preview-muted);display:flex;font-size:.6875rem;gap:8px;justify-content:space-between}}@media (max-width:991px){.wp-block-lohko-experience-preview{margin-left:auto;margin-right:auto;max-width:520px}}@media (max-width:575px){.wp-block-lohko-experience-preview{display:grid;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr));height:auto;max-width:none;.experience-preview__float:is(.is-board,.is-quiz,.is-poll),.experience-preview__frame{position:static;width:auto}.experience-preview__float.is-poll,.experience-preview__frame{grid-column:1/-1}.experience-preview__frame{padding:14px}.experience-preview__meta{margin-right:0}.experience-preview__rail{gap:4px}.experience-preview__link{flex-basis:6px}.experience-preview__card{flex-wrap:wrap;gap:12px}.experience-preview__card-body{flex-basis:150px}.experience-preview__wheel{--experience-preview-wheel:88px}.experience-preview__wheel-title{font-size:.875rem}}}