.wp-block-lohko-format-card{--format-card-right:var(--wp--preset--color--teal);background:color-mix(in srgb,var(--wp--preset--color--white) 3%,transparent);border:1px solid color-mix(in srgb,var(--wp--preset--color--white) 9%,transparent);border-radius:14px;box-sizing:border-box;display:flex;flex-direction:column;gap:14px;height:100%;padding:18px;.format-card__mock{background:var(--wp--preset--color--blackblue);border:1px solid color-mix(in srgb,var(--wp--preset--color--white) 8%,transparent);border-radius:10px;box-sizing:border-box;display:flex;flex-direction:column;gap:6px;height:150px;overflow:hidden;padding:12px}.format-card__question{color:var(--wp--preset--color--white);font-size:.625rem;font-weight:700;margin-bottom:4px}.format-card__options{display:flex;flex-direction:column;gap:6px;list-style:none;margin:0;padding:0}.format-card__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:5px;box-sizing:border-box;color:var(--wp--preset--color--lilyblue);display:flex;flex:1;font-size:.5625rem;height:18px;margin:0;min-width:0;padding:0 8px;white-space:nowrap;&.is-correct{background:color-mix(in srgb,var(--format-card-right) 14%,transparent);border-color:var(--format-card-right);color:var(--wp--preset--color--white)}}.format-card__tiles{display:grid;flex:1;gap:6px;grid-template-columns:repeat(2,minmax(0,1fr));min-height:0}.format-card__tile{align-items:center;background:linear-gradient(135deg,color-mix(in srgb,var(--wp--preset--color--royalblue) 35%,var(--wp--preset--color--dark)),color-mix(in srgb,var(--wp--preset--color--teal) 30%,var(--wp--preset--color--dark)));border-radius:6px;color:color-mix(in srgb,var(--wp--preset--color--lightblue) 80%,var(--wp--preset--color--white));display:flex;justify-content:center;min-height:0;svg{height:20px;width:20px}&.is-correct{outline:2px solid var(--format-card-right)}}.format-card__heading{color:var(--wp--preset--color--white);font-size:.9375rem;font-weight:700;line-height:1.3;margin:0}.format-card__description{color:var(--wp--preset--color--greyblue);font-size:.8125rem;line-height:1.55;margin:0}}.wp-block-lohko-format-card.format-card--image{.format-card__tiles{flex:none;grid-template-columns:minmax(0,1fr);height:62px}.format-card__question{margin-bottom:0}}.wp-block-lohko-format-card.format-card--image,.wp-block-lohko-format-card.format-card--rating,.wp-block-lohko-format-card.format-card--video{.format-card__options{flex-direction:row}}.wp-block-lohko-format-card.format-card--rating{.format-card__stars{display:flex;gap:4px;margin-bottom:6px}.format-card__star{color:color-mix(in srgb,var(--wp--preset--color--white) 18%,transparent);display:flex;svg{fill:currentColor;height:20px;width:20px}&.is-lit{color:var(--wp--preset--color--amber)}}.format-card__option{font-weight:700;height:24px;justify-content:center;padding:0 4px}}.wp-block-lohko-format-card.format-card--open .format-card__answer{background:color-mix(in srgb,var(--wp--preset--color--white) 5%,transparent);border:1px solid var(--format-card-right);border-radius:6px;color:var(--wp--preset--color--lilyblue);display:block;flex:1;font-size:.6875rem;line-height:1.5;min-height:0;padding:10px;&:after{animation:format-card-caret 1s steps(1) infinite;background:var(--wp--preset--color--cyan);content:"";display:inline-block;height:1.1em;margin-left:2px;vertical-align:middle;width:1px}}@keyframes format-card-caret{50%{opacity:0}}@media (prefers-reduced-motion:reduce){.wp-block-lohko-format-card.format-card--open .format-card__answer:after{animation:none}}.wp-block-lohko-format-card.format-card--video .format-card__tile{background:linear-gradient(135deg,color-mix(in srgb,var(--wp--preset--color--purple) 30%,var(--wp--preset--color--dark)),color-mix(in srgb,var(--wp--preset--color--royalblue) 35%,var(--wp--preset--color--dark)))}.wp-block-lohko-format-card.is-style-survey{--format-card-right:var(--wp--preset--color--royalblue);--format-card-ink:var(--wp--preset--color--darkestblue);--format-card-line:color-mix(in srgb,var(--wp--preset--color--royalblue) 18%,var(--wp--preset--color--paleblue));border-color:color-mix(in srgb,var(--wp--preset--color--white) 10%,transparent);border-radius:16px;gap:8px;overflow:hidden;padding:0 0 22px;.format-card__mock{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:0;border-bottom:1px solid color-mix(in srgb,var(--wp--preset--color--white) 10%,transparent);border-radius:0;gap:8px;height:220px;margin-bottom:14px;padding:20px}.format-card__description,.format-card__heading{padding-inline:22px}.format-card__heading{font-size:1.0625rem}.format-card__question{color:var(--format-card-ink);font-size:.8125rem;margin-bottom:4px}.format-card__options{gap:8px}.format-card__option{background:color-mix(in srgb,var(--wp--preset--color--white) 80%,transparent);border-color:var(--wp--preset--color--white);border-radius:12px;color:var(--format-card-ink);flex:none;font-size:.8125rem;gap:10px;height:36px;padding:0 12px;&:before{border:2px solid var(--wp--preset--color--slateblue);border-radius:50%;box-sizing:border-box;content:"";flex:none;height:14px;width:14px}&.is-correct{background:var(--wp--preset--color--white);border-color:var(--format-card-right);color:var(--format-card-ink);&:before{background:radial-gradient(circle,var(--format-card-right) 0 2.5px,transparent 3.5px);border-color:var(--format-card-right)}}}.format-card__tile{background:color-mix(in srgb,var(--wp--preset--color--white) 70%,transparent);border:1px dashed color-mix(in srgb,var(--wp--preset--color--slateblue) 45%,var(--wp--preset--color--white));border-radius:10px;color:var(--wp--preset--color--slateblue);&.is-correct{background:color-mix(in srgb,var(--format-card-right) 10%,var(--wp--preset--color--white));border:1px solid var(--format-card-right);color:var(--format-card-right);outline:0}}}.wp-block-lohko-format-card.is-style-survey.format-card--rating{.format-card__stars{gap:6px;margin-bottom:10px}.format-card__star{color:var(--wp--preset--color--amber);svg{height:26px;width:26px}&:not(.is-lit) svg{fill:none;stroke:color-mix(in srgb,var(--wp--preset--color--slateblue) 55%,var(--wp--preset--color--white));stroke-width:2}}.format-card__options{gap:4px}.format-card__option{background:var(--wp--preset--color--white);border-color:var(--format-card-line);border-radius:10px;flex:1;font-size:.75rem;font-weight:600;height:30px;justify-content:center;padding:0;&:before{display:none}&.is-correct{background:var(--wp--preset--gradient--royalblue-to-cyan);border-color:transparent;color:var(--wp--preset--color--dark)}}}.wp-block-lohko-format-card.is-style-survey.format-card--open .format-card__answer{background:var(--wp--preset--color--white);border-color:var(--format-card-right);border-radius:10px;color:var(--format-card-ink);font-size:.8125rem;padding:12px}.wp-block-lohko-format-card.is-style-survey.format-card--image .format-card__option,.wp-block-lohko-format-card.is-style-survey.format-card--video .format-card__option{flex:1;&:before{display:none}}.wp-block-lohko-format-card{--format-card-tone:var(--wp--preset--color--royalblue);.format-card__items{display:flex;flex-direction:column;gap:6px;list-style:none;margin:0;padding:0}.format-card__item{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:6px;color:var(--wp--preset--color--lilyblue);display:flex;font-size:.625rem;gap:7px;margin:0;min-width:0;padding:5px 8px}.format-card__swatch{background:var(--format-card-tone);border-radius:50%;flex:none;height:9px;width:9px}.format-card__item-label{flex:1;min-width:0}.format-card__item-score{color:var(--wp--preset--color--slateblue);font-weight:800}.format-card__item.is-correct .format-card__item-score{color:var(--format-card-tone)}.format-card__title{color:var(--wp--preset--color--white);font-size:.875rem;font-weight:800}.format-card__intro{color:var(--wp--preset--color--greyblue);font-size:.6875rem}.format-card__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:800;margin-top:auto;padding:6px 14px}}.wp-block-lohko-format-card.format-card--profiles .format-card__items,.wp-block-lohko-format-card.format-card--visual .format-card__items{display:grid;flex:1;gap:8px;grid-template-columns:repeat(2,minmax(0,1fr));min-height:0}.wp-block-lohko-format-card.format-card--profiles .format-card__item{align-items:flex-start;border-radius:10px;flex-direction:column;font-weight:800;gap:6px;justify-content:flex-start;line-height:1.2;padding:10px;.format-card__swatch{border-radius:7px;height:22px;width:22px}.format-card__item-label{flex:none}&.is-correct{border-color:var(--format-card-tone)}}.wp-block-lohko-format-card.format-card--result{.format-card__question{color:var(--format-card-tone);font-size:.65625rem;font-weight:800;letter-spacing:.08em;margin-bottom:0;text-transform:uppercase}.format-card__options{margin-top:2px}.format-card__option{flex:none;font-weight:600;height:auto;line-height:1.3;padding:7px 10px;white-space:normal}}.wp-block-lohko-format-card.format-card--visual .format-card__item{align-items:flex-end;background:linear-gradient(160deg,color-mix(in srgb,var(--format-card-tone) 65%,var(--wp--preset--color--white)),var(--format-card-tone));border-radius:10px;color:color-mix(in srgb,var(--format-card-tone) 25%,var(--wp--preset--color--black));font-size:.71875rem;font-weight:800;padding:8px;&.is-correct{outline:2px solid var(--wp--preset--color--darkestblue);outline-offset:-2px}}.wp-block-lohko-format-card.is-style-survey{.format-card__item{background:color-mix(in srgb,var(--wp--preset--color--white) 80%,transparent);border-color:var(--format-card-line);color:var(--format-card-ink);font-size:.75rem}.format-card__item.is-correct .format-card__item-score{color:color-mix(in srgb,var(--format-card-tone) 75%,var(--wp--preset--color--black))}.format-card__title{color:var(--format-card-ink);font-size:.9375rem}.format-card__intro{color:var(--wp--preset--color--slateblue);font-size:.75rem}}.wp-block-lohko-format-card.is-style-survey.format-card--scoring .format-card__item{border-radius:8px;padding:7px 10px}.wp-block-lohko-format-card.is-style-survey.format-card--profiles .format-card__item{background:var(--wp--preset--color--white);&.is-correct{border-color:var(--format-card-tone)}}.wp-block-lohko-format-card.is-style-survey.format-card--result{.format-card__question{color:color-mix(in srgb,var(--format-card-tone) 75%,var(--wp--preset--color--black))}.format-card__option{background:var(--wp--preset--color--white);border-color:var(--format-card-line);border-radius:8px;font-size:.75rem;font-weight:600;height:auto;padding:7px 10px;&:before{display:none}}}.wp-block-lohko-format-card.is-style-survey.format-card--visual .format-card__item{background:linear-gradient(160deg,color-mix(in srgb,var(--format-card-tone) 65%,var(--wp--preset--color--white)),var(--format-card-tone));border-color:var(--format-card-line);color:color-mix(in srgb,var(--format-card-tone) 25%,var(--wp--preset--color--black));font-size:.71875rem;&.is-correct{border-color:var(--format-card-ink);outline-color:var(--format-card-ink)}}