:root {
  --iti-hover-color: rgba(0, 0, 0, 0.05);
  --iti-border-color: #ccc;
  --iti-dialcode-color: #999;
  --iti-dropdown-bg: white;
  --iti-spacer-horizontal: 8px;
  --iti-flag-height: 12px;
  --iti-flag-width: 16px;
  --iti-border-width: 1px;
  --iti-arrow-height: 4px;
  --iti-arrow-width: 6px;
  --iti-triangle-border: calc(var(--iti-arrow-width) / 2);
  --iti-arrow-padding: 6px;
  --iti-arrow-color: #555;

  --iti-flag-sprite-width: 3904px;
  --iti-flag-sprite-height: 12px;
  --iti-mobile-popup-margin: 30px;
}
.iti {
  position: relative;
  display: inline-block;
}
.iti * {
  box-sizing: border-box;
}
.iti__hide {
  display: none;
}
.iti__v-hide {
  visibility: hidden;
}
.iti__a11y-text {
  width: 1px;
  height: 1px;
  clip: rect(1px, 1px, 1px, 1px);
  overflow: hidden;
  position: absolute;
}
.iti input.iti__tel-input,
.iti input.iti__tel-input[type="text"],
.iti input.iti__tel-input[type="tel"] {
  position: relative;
  z-index: 0;
  margin: 0 !important;
}
.iti__country-container {
  position: absolute;
  top: 0;
  bottom: 0;
  padding: var(--iti-border-width);
}
.iti__selected-country {
  z-index: 1;
  position: relative;
  display: flex;
  align-items: center;
  height: 100%;
  background: none;
  border: 0;
  margin: 0;
  padding: 0;
  font-family: inherit;
  font-size: inherit;
  color: inherit;
  border-radius: 0;
  font-weight: inherit;
  line-height: inherit;
  text-decoration: none;
}
.iti__selected-country-primary {
  display: flex;
  align-items: center;
  height: 100%;
  padding: 0 var(--iti-arrow-padding) 0 var(--iti-spacer-horizontal);
}
.iti__arrow {
  margin-left: var(--iti-arrow-padding);
  width: 0;
  height: 0;
  border-left: var(--iti-triangle-border) solid transparent;
  border-right: var(--iti-triangle-border) solid transparent;
  border-top: var(--iti-arrow-height) solid var(--iti-arrow-color);
}
[dir="rtl"] .iti__arrow {
  margin-right: var(--iti-arrow-padding);
  margin-left: 0;
}
.iti__arrow--up {
  border-top: none;
  border-bottom: var(--iti-arrow-height) solid var(--iti-arrow-color);
}
.iti__dropdown-content {
  border-radius: 3px;
  background-color: var(--iti-dropdown-bg);
}
.iti--inline-dropdown .iti__dropdown-content {
  position: absolute;
  z-index: 2;
  margin-top: 3px;
  margin-left: calc(var(--iti-border-width) * -1);
  border: var(--iti-border-width) solid var(--iti-border-color);
  box-shadow: 1px 1px 4px #0003;
}
.iti__search-input {
  width: 100%;
  border-width: 0;
  border-radius: 3px;
}
.iti__search-input + .iti__country-list {
  border-top: 1px solid var(--iti-border-color);
}
.iti__country-list {
  list-style: none;
  padding: 0;
  margin: 0;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
}
.iti--inline-dropdown .iti__country-list {
  max-height: 185px;
}
.iti--flexible-dropdown-width .iti__country-list {
  white-space: nowrap;
}
@media (max-width: 500px) {
  .iti--flexible-dropdown-width .iti__country-list {
    white-space: normal;
  }
}
.iti__country {
  display: flex;
  align-items: center;
  padding: 8px var(--iti-spacer-horizontal);
  outline: none;
}
.iti__dial-code {
  color: var(--iti-dialcode-color);
}
.iti__country.iti__highlight {
  background-color: var(--iti-hover-color);
}
.iti__country-list .iti__flag,
.iti__country-name {
  margin-right: var(--iti-spacer-horizontal);
}
[dir="rtl"] .iti__country-list .iti__flag,
[dir="rtl"] .iti__country-name {
  margin-right: 0;
  margin-left: var(--iti-spacer-horizontal);
}
.iti--allow-dropdown
  .iti__country-container:not(:has(+ input[disabled])):not(
    :has(+ input[readonly])
  ):hover,
.iti--allow-dropdown
  .iti__country-container:not(:has(+ input[disabled])):not(
    :has(+ input[readonly])
  ):hover
  button {
  cursor: pointer;
}
.iti--allow-dropdown
  .iti__country-container:not(:has(+ input[disabled])):not(
    :has(+ input[readonly])
  )
  .iti__selected-country-primary:hover,
.iti--allow-dropdown
  .iti__country-container:not(:has(+ input[disabled])):not(
    :has(+ input[readonly])
  )
  .iti__selected-country:has(+ .iti__dropdown-content:hover)
  .iti__selected-country-primary {
  background-color: var(--iti-hover-color);
}
.iti .iti__selected-dial-code {
  margin-left: 4px;
}
[dir="rtl"] .iti .iti__selected-dial-code {
  margin-left: 0;
  margin-right: 4px;
}
.iti--container {
  position: fixed;
  top: -1000px;
  left: -1000px;
  z-index: 1060;
  padding: var(--iti-border-width);
}
.iti--container:hover {
  cursor: pointer;
}
.iti--fullscreen-popup.iti--container {
  background-color: #00000080;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  position: fixed;
  padding: var(--iti-mobile-popup-margin);
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}
.iti--fullscreen-popup .iti__dropdown-content {
  display: flex;
  flex-direction: column;
  max-height: 100%;
  position: relative;
}
.iti--fullscreen-popup .iti__country {
  padding: 10px;
  line-height: 1.5em;
}
.iti__flag {
  --iti-flag-offset: 100px;
  height: var(--iti-flag-height);
  width: var(--iti-flag-width);
  border-radius: 1px;
  box-shadow: 0 0 1px #888;
  background-image: var(--iti-path-flags-1x);
  background-repeat: no-repeat;
  background-position: var(--iti-flag-offset) 0;
  background-size: var(--iti-flag-sprite-width) var(--iti-flag-sprite-height);
}
.iti__ac {
  --iti-flag-offset: 0px;
}
.iti__ad {
  --iti-flag-offset: -16px;
}
.iti__ae {
  --iti-flag-offset: -32px;
}
.iti__af {
  --iti-flag-offset: -48px;
}
.iti__ag {
  --iti-flag-offset: -64px;
}
.iti__ai {
  --iti-flag-offset: -80px;
}
.iti__al {
  --iti-flag-offset: -96px;
}
.iti__am {
  --iti-flag-offset: -112px;
}
.iti__ao {
  --iti-flag-offset: -128px;
}
.iti__ar {
  --iti-flag-offset: -144px;
}
.iti__as {
  --iti-flag-offset: -160px;
}
.iti__at {
  --iti-flag-offset: -176px;
}
.iti__au {
  --iti-flag-offset: -192px;
}
.iti__aw {
  --iti-flag-offset: -208px;
}
.iti__ax {
  --iti-flag-offset: -224px;
}
.iti__az {
  --iti-flag-offset: -240px;
}
.iti__ba {
  --iti-flag-offset: -256px;
}
.iti__bb {
  --iti-flag-offset: -272px;
}
.iti__bd {
  --iti-flag-offset: -288px;
}
.iti__be {
  --iti-flag-offset: -304px;
}
.iti__bf {
  --iti-flag-offset: -320px;
}
.iti__bg {
  --iti-flag-offset: -336px;
}
.iti__bh {
  --iti-flag-offset: -352px;
}
.iti__bi {
  --iti-flag-offset: -368px;
}
.iti__bj {
  --iti-flag-offset: -384px;
}
.iti__bl {
  --iti-flag-offset: -400px;
}
.iti__bm {
  --iti-flag-offset: -416px;
}
.iti__bn {
  --iti-flag-offset: -432px;
}
.iti__bo {
  --iti-flag-offset: -448px;
}
.iti__bq {
  --iti-flag-offset: -464px;
}
.iti__br {
  --iti-flag-offset: -480px;
}
.iti__bs {
  --iti-flag-offset: -496px;
}
.iti__bt {
  --iti-flag-offset: -512px;
}
.iti__bw {
  --iti-flag-offset: -528px;
}
.iti__by {
  --iti-flag-offset: -544px;
}
.iti__bz {
  --iti-flag-offset: -560px;
}
.iti__ca {
  --iti-flag-offset: -576px;
}
.iti__cc {
  --iti-flag-offset: -592px;
}
.iti__cd {
  --iti-flag-offset: -608px;
}
.iti__cf {
  --iti-flag-offset: -624px;
}
.iti__cg {
  --iti-flag-offset: -640px;
}
.iti__ch {
  --iti-flag-offset: -656px;
}
.iti__ci {
  --iti-flag-offset: -672px;
}
.iti__ck {
  --iti-flag-offset: -688px;
}
.iti__cl {
  --iti-flag-offset: -704px;
}
.iti__cm {
  --iti-flag-offset: -720px;
}
.iti__cn {
  --iti-flag-offset: -736px;
}
.iti__co {
  --iti-flag-offset: -752px;
}
.iti__cr {
  --iti-flag-offset: -768px;
}
.iti__cu {
  --iti-flag-offset: -784px;
}
.iti__cv {
  --iti-flag-offset: -800px;
}
.iti__cw {
  --iti-flag-offset: -816px;
}
.iti__cx {
  --iti-flag-offset: -832px;
}
.iti__cy {
  --iti-flag-offset: -848px;
}
.iti__cz {
  --iti-flag-offset: -864px;
}
.iti__de {
  --iti-flag-offset: -880px;
}
.iti__dj {
  --iti-flag-offset: -896px;
}
.iti__dk {
  --iti-flag-offset: -912px;
}
.iti__dm {
  --iti-flag-offset: -928px;
}
.iti__do {
  --iti-flag-offset: -944px;
}
.iti__dz {
  --iti-flag-offset: -960px;
}
.iti__ec {
  --iti-flag-offset: -976px;
}
.iti__ee {
  --iti-flag-offset: -992px;
}
.iti__eg {
  --iti-flag-offset: -1008px;
}
.iti__eh {
  --iti-flag-offset: -1024px;
}
.iti__er {
  --iti-flag-offset: -1040px;
}
.iti__es {
  --iti-flag-offset: -1056px;
}
.iti__et {
  --iti-flag-offset: -1072px;
}
.iti__fi {
  --iti-flag-offset: -1088px;
}
.iti__fj {
  --iti-flag-offset: -1104px;
}
.iti__fk {
  --iti-flag-offset: -1120px;
}
.iti__fm {
  --iti-flag-offset: -1136px;
}
.iti__fo {
  --iti-flag-offset: -1152px;
}
.iti__fr {
  --iti-flag-offset: -1168px;
}
.iti__ga {
  --iti-flag-offset: -1184px;
}
.iti__gb {
  --iti-flag-offset: -1200px;
}
.iti__gd {
  --iti-flag-offset: -1216px;
}
.iti__ge {
  --iti-flag-offset: -1232px;
}
.iti__gf {
  --iti-flag-offset: -1248px;
}
.iti__gg {
  --iti-flag-offset: -1264px;
}
.iti__gh {
  --iti-flag-offset: -1280px;
}
.iti__gi {
  --iti-flag-offset: -1296px;
}
.iti__gl {
  --iti-flag-offset: -1312px;
}
.iti__gm {
  --iti-flag-offset: -1328px;
}
.iti__gn {
  --iti-flag-offset: -1344px;
}
.iti__gp {
  --iti-flag-offset: -1360px;
}
.iti__gq {
  --iti-flag-offset: -1376px;
}
.iti__gr {
  --iti-flag-offset: -1392px;
}
.iti__gt {
  --iti-flag-offset: -1408px;
}
.iti__gu {
  --iti-flag-offset: -1424px;
}
.iti__gw {
  --iti-flag-offset: -1440px;
}
.iti__gy {
  --iti-flag-offset: -1456px;
}
.iti__hk {
  --iti-flag-offset: -1472px;
}
.iti__hn {
  --iti-flag-offset: -1488px;
}
.iti__hr {
  --iti-flag-offset: -1504px;
}
.iti__ht {
  --iti-flag-offset: -1520px;
}
.iti__hu {
  --iti-flag-offset: -1536px;
}
.iti__id {
  --iti-flag-offset: -1552px;
}
.iti__ie {
  --iti-flag-offset: -1568px;
}
.iti__il {
  --iti-flag-offset: -1584px;
}
.iti__im {
  --iti-flag-offset: -1600px;
}
.iti__in {
  --iti-flag-offset: -1616px;
}
.iti__io {
  --iti-flag-offset: -1632px;
}
.iti__iq {
  --iti-flag-offset: -1648px;
}
.iti__ir {
  --iti-flag-offset: -1664px;
}
.iti__is {
  --iti-flag-offset: -1680px;
}
.iti__it {
  --iti-flag-offset: -1696px;
}
.iti__je {
  --iti-flag-offset: -1712px;
}
.iti__jm {
  --iti-flag-offset: -1728px;
}
.iti__jo {
  --iti-flag-offset: -1744px;
}
.iti__jp {
  --iti-flag-offset: -1760px;
}
.iti__ke {
  --iti-flag-offset: -1776px;
}
.iti__kg {
  --iti-flag-offset: -1792px;
}
.iti__kh {
  --iti-flag-offset: -1808px;
}
.iti__ki {
  --iti-flag-offset: -1824px;
}
.iti__km {
  --iti-flag-offset: -1840px;
}
.iti__kn {
  --iti-flag-offset: -1856px;
}
.iti__kp {
  --iti-flag-offset: -1872px;
}
.iti__kr {
  --iti-flag-offset: -1888px;
}
.iti__kw {
  --iti-flag-offset: -1904px;
}
.iti__ky {
  --iti-flag-offset: -1920px;
}
.iti__kz {
  --iti-flag-offset: -1936px;
}
.iti__la {
  --iti-flag-offset: -1952px;
}
.iti__lb {
  --iti-flag-offset: -1968px;
}
.iti__lc {
  --iti-flag-offset: -1984px;
}
.iti__li {
  --iti-flag-offset: -2000px;
}
.iti__lk {
  --iti-flag-offset: -2016px;
}
.iti__lr {
  --iti-flag-offset: -2032px;
}
.iti__ls {
  --iti-flag-offset: -2048px;
}
.iti__lt {
  --iti-flag-offset: -2064px;
}
.iti__lu {
  --iti-flag-offset: -2080px;
}
.iti__lv {
  --iti-flag-offset: -2096px;
}
.iti__ly {
  --iti-flag-offset: -2112px;
}
.iti__ma {
  --iti-flag-offset: -2128px;
}
.iti__mc {
  --iti-flag-offset: -2144px;
}
.iti__md {
  --iti-flag-offset: -2160px;
}
.iti__me {
  --iti-flag-offset: -2176px;
}
.iti__mf {
  --iti-flag-offset: -2192px;
}
.iti__mg {
  --iti-flag-offset: -2208px;
}
.iti__mh {
  --iti-flag-offset: -2224px;
}
.iti__mk {
  --iti-flag-offset: -2240px;
}
.iti__ml {
  --iti-flag-offset: -2256px;
}
.iti__mm {
  --iti-flag-offset: -2272px;
}
.iti__mn {
  --iti-flag-offset: -2288px;
}
.iti__mo {
  --iti-flag-offset: -2304px;
}
.iti__mp {
  --iti-flag-offset: -2320px;
}
.iti__mq {
  --iti-flag-offset: -2336px;
}
.iti__mr {
  --iti-flag-offset: -2352px;
}
.iti__ms {
  --iti-flag-offset: -2368px;
}
.iti__mt {
  --iti-flag-offset: -2384px;
}
.iti__mu {
  --iti-flag-offset: -2400px;
}
.iti__mv {
  --iti-flag-offset: -2416px;
}
.iti__mw {
  --iti-flag-offset: -2432px;
}
.iti__mx {
  --iti-flag-offset: -2448px;
}
.iti__my {
  --iti-flag-offset: -2464px;
}
.iti__mz {
  --iti-flag-offset: -2480px;
}
.iti__na {
  --iti-flag-offset: -2496px;
}
.iti__nc {
  --iti-flag-offset: -2512px;
}
.iti__ne {
  --iti-flag-offset: -2528px;
}
.iti__nf {
  --iti-flag-offset: -2544px;
}
.iti__ng {
  --iti-flag-offset: -2560px;
}
.iti__ni {
  --iti-flag-offset: -2576px;
}
.iti__nl {
  --iti-flag-offset: -2592px;
}
.iti__no {
  --iti-flag-offset: -2608px;
}
.iti__np {
  --iti-flag-offset: -2624px;
}
.iti__nr {
  --iti-flag-offset: -2640px;
}
.iti__nu {
  --iti-flag-offset: -2656px;
}
.iti__nz {
  --iti-flag-offset: -2672px;
}
.iti__om {
  --iti-flag-offset: -2688px;
}
.iti__pa {
  --iti-flag-offset: -2704px;
}
.iti__pe {
  --iti-flag-offset: -2720px;
}
.iti__pf {
  --iti-flag-offset: -2736px;
}
.iti__pg {
  --iti-flag-offset: -2752px;
}
.iti__ph {
  --iti-flag-offset: -2768px;
}
.iti__pk {
  --iti-flag-offset: -2784px;
}
.iti__pl {
  --iti-flag-offset: -2800px;
}
.iti__pm {
  --iti-flag-offset: -2816px;
}
.iti__pr {
  --iti-flag-offset: -2832px;
}
.iti__ps {
  --iti-flag-offset: -2848px;
}
.iti__pt {
  --iti-flag-offset: -2864px;
}
.iti__pw {
  --iti-flag-offset: -2880px;
}
.iti__py {
  --iti-flag-offset: -2896px;
}
.iti__qa {
  --iti-flag-offset: -2912px;
}
.iti__re {
  --iti-flag-offset: -2928px;
}
.iti__ro {
  --iti-flag-offset: -2944px;
}
.iti__rs {
  --iti-flag-offset: -2960px;
}
.iti__ru {
  --iti-flag-offset: -2976px;
}
.iti__rw {
  --iti-flag-offset: -2992px;
}
.iti__sa {
  --iti-flag-offset: -3008px;
}
.iti__sb {
  --iti-flag-offset: -3024px;
}
.iti__sc {
  --iti-flag-offset: -3040px;
}
.iti__sd {
  --iti-flag-offset: -3056px;
}
.iti__se {
  --iti-flag-offset: -3072px;
}
.iti__sg {
  --iti-flag-offset: -3088px;
}
.iti__sh {
  --iti-flag-offset: -3104px;
}
.iti__si {
  --iti-flag-offset: -3120px;
}
.iti__sj {
  --iti-flag-offset: -3136px;
}
.iti__sk {
  --iti-flag-offset: -3152px;
}
.iti__sl {
  --iti-flag-offset: -3168px;
}
.iti__sm {
  --iti-flag-offset: -3184px;
}
.iti__sn {
  --iti-flag-offset: -3200px;
}
.iti__so {
  --iti-flag-offset: -3216px;
}
.iti__sr {
  --iti-flag-offset: -3232px;
}
.iti__ss {
  --iti-flag-offset: -3248px;
}
.iti__st {
  --iti-flag-offset: -3264px;
}
.iti__sv {
  --iti-flag-offset: -3280px;
}
.iti__sx {
  --iti-flag-offset: -3296px;
}
.iti__sy {
  --iti-flag-offset: -3312px;
}
.iti__sz {
  --iti-flag-offset: -3328px;
}
.iti__tc {
  --iti-flag-offset: -3344px;
}
.iti__td {
  --iti-flag-offset: -3360px;
}
.iti__tg {
  --iti-flag-offset: -3376px;
}
.iti__th {
  --iti-flag-offset: -3392px;
}
.iti__tj {
  --iti-flag-offset: -3408px;
}
.iti__tk {
  --iti-flag-offset: -3424px;
}
.iti__tl {
  --iti-flag-offset: -3440px;
}
.iti__tm {
  --iti-flag-offset: -3456px;
}
.iti__tn {
  --iti-flag-offset: -3472px;
}
.iti__to {
  --iti-flag-offset: -3488px;
}
.iti__tr {
  --iti-flag-offset: -3504px;
}
.iti__tt {
  --iti-flag-offset: -3520px;
}
.iti__tv {
  --iti-flag-offset: -3536px;
}
.iti__tw {
  --iti-flag-offset: -3552px;
}
.iti__tz {
  --iti-flag-offset: -3568px;
}
.iti__ua {
  --iti-flag-offset: -3584px;
}
.iti__ug {
  --iti-flag-offset: -3600px;
}
.iti__us {
  --iti-flag-offset: -3616px;
}
.iti__uy {
  --iti-flag-offset: -3632px;
}
.iti__uz {
  --iti-flag-offset: -3648px;
}
.iti__va {
  --iti-flag-offset: -3664px;
}
.iti__vc {
  --iti-flag-offset: -3680px;
}
.iti__ve {
  --iti-flag-offset: -3696px;
}
.iti__vg {
  --iti-flag-offset: -3712px;
}
.iti__vi {
  --iti-flag-offset: -3728px;
}
.iti__vn {
  --iti-flag-offset: -3744px;
}
.iti__vu {
  --iti-flag-offset: -3760px;
}
.iti__wf {
  --iti-flag-offset: -3776px;
}
.iti__ws {
  --iti-flag-offset: -3792px;
}
.iti__xk {
  --iti-flag-offset: -3808px;
}
.iti__ye {
  --iti-flag-offset: -3824px;
}
.iti__yt {
  --iti-flag-offset: -3840px;
}
.iti__za {
  --iti-flag-offset: -3856px;
}
.iti__zm {
  --iti-flag-offset: -3872px;
}
.iti__zw {
  --iti-flag-offset: -3888px;
}
.iti__globe {
  background-image: var(--iti-path-globe-1x);
  background-size: contain;
  background-position: right;
  box-shadow: none;
  height: 19px;
}
@media (min-resolution: 2x) {
  .iti__flag {
    background-image: var(--iti-path-flags-2x);
  }
  .iti__globe {
    background-image: var(--iti-path-globe-2x);
  }
}
.flatpickr-calendar {
  background: transparent;
  opacity: 0;
  display: none;
  text-align: center;
  visibility: hidden;
  padding: 0;
  -webkit-animation: none;
  animation: none;
  direction: ltr;
  border: 0;
  font-size: 14px;
  line-height: 24px;
  border-radius: 5px;
  position: absolute;
  width: 307.875px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  background: #fff;
  -webkit-box-shadow: 1px 0 0 #e6e6e6, -1px 0 0 #e6e6e6, 0 1px 0 #e6e6e6,
    0 -1px 0 #e6e6e6, 0 3px 13px rgba(0, 0, 0, 0.08);
  box-shadow: 1px 0 #e6e6e6, -1px 0 #e6e6e6, 0 1px #e6e6e6, 0 -1px #e6e6e6,
    0 3px 13px #00000014;
}
.flatpickr-calendar.open,
.flatpickr-calendar.inline {
  opacity: 1;
  max-height: 640px;
  visibility: visible;
}
.flatpickr-calendar.open {
  display: inline-block;
  z-index: 99999;
}
.flatpickr-calendar.animate.open {
  -webkit-animation: fpFadeInDown 0.3s cubic-bezier(0.23, 1, 0.32, 1);
  animation: fpFadeInDown 0.3s cubic-bezier(0.23, 1, 0.32, 1);
}
.flatpickr-calendar.inline {
  display: block;
  position: relative;
  top: 2px;
}
.flatpickr-calendar.static {
  position: absolute;
  top: calc(100% + 2px);
}
.flatpickr-calendar.static.open {
  z-index: 999;
  display: block;
}
.flatpickr-calendar.multiMonth
  .flatpickr-days
  .dayContainer:nth-child(n + 1)
  .flatpickr-day.inRange:nth-child(7n + 7) {
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}
.flatpickr-calendar.multiMonth
  .flatpickr-days
  .dayContainer:nth-child(n + 2)
  .flatpickr-day.inRange:nth-child(7n + 1) {
  -webkit-box-shadow: -2px 0 0 #e6e6e6, 5px 0 0 #e6e6e6;
  box-shadow: -2px 0 #e6e6e6, 5px 0 #e6e6e6;
}
.flatpickr-calendar .hasWeeks .dayContainer,
.flatpickr-calendar .hasTime .dayContainer {
  border-bottom: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.flatpickr-calendar .hasWeeks .dayContainer {
  border-left: 0;
}
.flatpickr-calendar.hasTime .flatpickr-time {
  height: 40px;
  border-top: 1px solid #e6e6e6;
}
.flatpickr-calendar.noCalendar.hasTime .flatpickr-time {
  height: auto;
}
.flatpickr-calendar:before,
.flatpickr-calendar:after {
  position: absolute;
  display: block;
  pointer-events: none;
  border: solid transparent;
  content: "";
  height: 0;
  width: 0;
  left: 22px;
}
.flatpickr-calendar.rightMost:before,
.flatpickr-calendar.arrowRight:before,
.flatpickr-calendar.rightMost:after,
.flatpickr-calendar.arrowRight:after {
  left: auto;
  right: 22px;
}
.flatpickr-calendar.arrowCenter:before,
.flatpickr-calendar.arrowCenter:after {
  left: 50%;
  right: 50%;
}
.flatpickr-calendar:before {
  border-width: 5px;
  margin: 0 -5px;
}
.flatpickr-calendar:after {
  border-width: 4px;
  margin: 0 -4px;
}
.flatpickr-calendar.arrowTop:before,
.flatpickr-calendar.arrowTop:after {
  bottom: 100%;
}
.flatpickr-calendar.arrowTop:before {
  border-bottom-color: #e6e6e6;
}
.flatpickr-calendar.arrowTop:after {
  border-bottom-color: #fff;
}
.flatpickr-calendar.arrowBottom:before,
.flatpickr-calendar.arrowBottom:after {
  top: 100%;
}
.flatpickr-calendar.arrowBottom:before {
  border-top-color: #e6e6e6;
}
.flatpickr-calendar.arrowBottom:after {
  border-top-color: #fff;
}
.flatpickr-calendar:focus {
  outline: 0;
}
.flatpickr-wrapper {
  position: relative;
  display: inline-block;
}
.flatpickr-months {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.flatpickr-months .flatpickr-month {
  background: transparent;
  color: #000000e6;
  fill: #000000e6;
  height: 34px;
  line-height: 1;
  text-align: center;
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  overflow: hidden;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.flatpickr-months .flatpickr-prev-month,
.flatpickr-months .flatpickr-next-month {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  text-decoration: none;
  cursor: pointer;
  position: absolute;
  top: 0;
  height: 34px;
  padding: 10px;
  z-index: 3;
  color: #000000e6;
  fill: #000000e6;
}
.flatpickr-months .flatpickr-prev-month.flatpickr-disabled,
.flatpickr-months .flatpickr-next-month.flatpickr-disabled {
  display: none;
}
.flatpickr-months .flatpickr-prev-month i,
.flatpickr-months .flatpickr-next-month i {
  position: relative;
}
.flatpickr-months .flatpickr-prev-month.flatpickr-prev-month,
.flatpickr-months .flatpickr-next-month.flatpickr-prev-month {
  left: 0;
}
.flatpickr-months .flatpickr-prev-month.flatpickr-next-month,
.flatpickr-months .flatpickr-next-month.flatpickr-next-month {
  right: 0;
}
.flatpickr-months .flatpickr-prev-month:hover,
.flatpickr-months .flatpickr-next-month:hover {
  color: #959ea9;
}
.flatpickr-months .flatpickr-prev-month:hover svg,
.flatpickr-months .flatpickr-next-month:hover svg {
  fill: #f64747;
}
.flatpickr-months .flatpickr-prev-month svg,
.flatpickr-months .flatpickr-next-month svg {
  width: 14px;
  height: 14px;
}
.flatpickr-months .flatpickr-prev-month svg path,
.flatpickr-months .flatpickr-next-month svg path {
  -webkit-transition: fill 0.1s;
  transition: fill 0.1s;
  fill: inherit;
}
.numInputWrapper {
  position: relative;
  height: auto;
}
.numInputWrapper input,
.numInputWrapper span {
  display: inline-block;
}
.numInputWrapper input {
  width: 100%;
}
.numInputWrapper input::-ms-clear {
  display: none;
}
.numInputWrapper input::-webkit-outer-spin-button,
.numInputWrapper input::-webkit-inner-spin-button {
  margin: 0;
  -webkit-appearance: none;
}
.numInputWrapper span {
  position: absolute;
  right: 0;
  width: 14px;
  padding: 0 4px 0 2px;
  height: 50%;
  line-height: 50%;
  opacity: 0;
  cursor: pointer;
  border: 1px solid rgba(57, 57, 57, 0.15);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.numInputWrapper span:hover {
  background: #0000001a;
}
.numInputWrapper span:active {
  background: #0003;
}
.numInputWrapper span:after {
  display: block;
  content: "";
  position: absolute;
}
.numInputWrapper span.arrowUp {
  top: 0;
  border-bottom: 0;
}
.numInputWrapper span.arrowUp:after {
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-bottom: 4px solid rgba(57, 57, 57, 0.6);
  top: 26%;
}
.numInputWrapper span.arrowDown {
  top: 50%;
}
.numInputWrapper span.arrowDown:after {
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 4px solid rgba(57, 57, 57, 0.6);
  top: 40%;
}
.numInputWrapper span svg {
  width: inherit;
  height: auto;
}
.numInputWrapper span svg path {
  fill: #00000080;
}
.numInputWrapper:hover {
  background: #0000000d;
}
.numInputWrapper:hover span {
  opacity: 1;
}
.flatpickr-current-month {
  font-size: 135%;
  line-height: inherit;
  font-weight: 300;
  color: inherit;
  position: absolute;
  width: 75%;
  left: 12.5%;
  padding: 7.48px 0 0;
  line-height: 1;
  height: 34px;
  display: inline-block;
  text-align: center;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translateZ(0);
}
.flatpickr-current-month span.cur-month {
  font-family: inherit;
  font-weight: 700;
  color: inherit;
  display: inline-block;
  margin-left: 0.5ch;
  padding: 0;
}
.flatpickr-current-month span.cur-month:hover {
  background: #0000000d;
}
.flatpickr-current-month .numInputWrapper {
  width: 6ch;
  width: 7ch�;
  display: inline-block;
}
.flatpickr-current-month .numInputWrapper span.arrowUp:after {
  border-bottom-color: #000000e6;
}
.flatpickr-current-month .numInputWrapper span.arrowDown:after {
  border-top-color: #000000e6;
}
.flatpickr-current-month input.cur-year {
  background: transparent;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: inherit;
  cursor: text;
  padding: 0 0 0 0.5ch;
  margin: 0;
  display: inline-block;
  font-size: inherit;
  font-family: inherit;
  font-weight: 300;
  line-height: inherit;
  height: auto;
  border: 0;
  border-radius: 0;
  vertical-align: initial;
  -webkit-appearance: textfield;
  -moz-appearance: textfield;
  appearance: textfield;
}
.flatpickr-current-month input.cur-year:focus {
  outline: 0;
}
.flatpickr-current-month input.cur-year[disabled],
.flatpickr-current-month input.cur-year[disabled]:hover {
  font-size: 100%;
  color: #00000080;
  background: transparent;
  pointer-events: none;
}
.flatpickr-current-month .flatpickr-monthDropdown-months {
  appearance: menulist;
  background: transparent;
  border: none;
  border-radius: 0;
  box-sizing: border-box;
  color: inherit;
  cursor: pointer;
  font-size: inherit;
  font-family: inherit;
  font-weight: 300;
  height: auto;
  line-height: inherit;
  margin: -1px 0 0;
  outline: none;
  padding: 0 0 0 0.5ch;
  position: relative;
  vertical-align: initial;
  -webkit-box-sizing: border-box;
  -webkit-appearance: menulist;
  -moz-appearance: menulist;
  width: auto;
}
.flatpickr-current-month .flatpickr-monthDropdown-months:focus,
.flatpickr-current-month .flatpickr-monthDropdown-months:active {
  outline: none;
}
.flatpickr-current-month .flatpickr-monthDropdown-months:hover {
  background: #0000000d;
}
.flatpickr-current-month
  .flatpickr-monthDropdown-months
  .flatpickr-monthDropdown-month {
  background-color: transparent;
  outline: none;
  padding: 0;
}
.flatpickr-weekdays {
  background: transparent;
  text-align: center;
  overflow: hidden;
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  height: 28px;
}
.flatpickr-weekdays .flatpickr-weekdaycontainer {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
span.flatpickr-weekday {
  cursor: default;
  font-size: 90%;
  background: transparent;
  color: #0000008a;
  line-height: 1;
  margin: 0;
  text-align: center;
  display: block;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  font-weight: bolder;
}
.dayContainer,
.flatpickr-weeks {
  padding: 1px 0 0;
}
.flatpickr-days {
  position: relative;
  overflow: hidden;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  width: 307.875px;
}
.flatpickr-days:focus {
  outline: 0;
}
.dayContainer {
  padding: 0;
  outline: 0;
  text-align: left;
  width: 307.875px;
  min-width: 307.875px;
  max-width: 307.875px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
  display: -ms-flexbox;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-around;
  justify-content: space-around;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translateZ(0);
  opacity: 1;
}
.dayContainer + .dayContainer {
  -webkit-box-shadow: -1px 0 0 #e6e6e6;
  box-shadow: -1px 0 #e6e6e6;
}
.flatpickr-day {
  background: none;
  border: 1px solid transparent;
  border-radius: 150px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: #393939;
  cursor: pointer;
  font-weight: 400;
  width: 14.2857143%;
  -webkit-flex-basis: 14.2857143%;
  -ms-flex-preferred-size: 14.2857143%;
  flex-basis: 14.2857143%;
  max-width: 39px;
  height: 39px;
  line-height: 39px;
  margin: 0;
  display: inline-block;
  position: relative;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center;
}
.flatpickr-day.inRange,
.flatpickr-day.prevMonthDay.inRange,
.flatpickr-day.nextMonthDay.inRange,
.flatpickr-day.today.inRange,
.flatpickr-day.prevMonthDay.today.inRange,
.flatpickr-day.nextMonthDay.today.inRange,
.flatpickr-day:hover,
.flatpickr-day.prevMonthDay:hover,
.flatpickr-day.nextMonthDay:hover,
.flatpickr-day:focus,
.flatpickr-day.prevMonthDay:focus,
.flatpickr-day.nextMonthDay:focus {
  cursor: pointer;
  outline: 0;
  background: #e6e6e6;
  border-color: #e6e6e6;
}
.flatpickr-day.today {
  border-color: #959ea9;
}
.flatpickr-day.today:hover,
.flatpickr-day.today:focus {
  border-color: #959ea9;
  background: #959ea9;
  color: #fff;
}
.flatpickr-day.selected,
.flatpickr-day.startRange,
.flatpickr-day.endRange,
.flatpickr-day.selected.inRange,
.flatpickr-day.startRange.inRange,
.flatpickr-day.endRange.inRange,
.flatpickr-day.selected:focus,
.flatpickr-day.startRange:focus,
.flatpickr-day.endRange:focus,
.flatpickr-day.selected:hover,
.flatpickr-day.startRange:hover,
.flatpickr-day.endRange:hover,
.flatpickr-day.selected.prevMonthDay,
.flatpickr-day.startRange.prevMonthDay,
.flatpickr-day.endRange.prevMonthDay,
.flatpickr-day.selected.nextMonthDay,
.flatpickr-day.startRange.nextMonthDay,
.flatpickr-day.endRange.nextMonthDay {
  background: #569ff7;
  -webkit-box-shadow: none;
  box-shadow: none;
  color: #fff;
  border-color: #569ff7;
}
.flatpickr-day.selected.startRange,
.flatpickr-day.startRange.startRange,
.flatpickr-day.endRange.startRange {
  border-radius: 50px 0 0 50px;
}
.flatpickr-day.selected.endRange,
.flatpickr-day.startRange.endRange,
.flatpickr-day.endRange.endRange {
  border-radius: 0 50px 50px 0;
}
.flatpickr-day.selected.startRange + .endRange:not(:nth-child(7n + 1)),
.flatpickr-day.startRange.startRange + .endRange:not(:nth-child(7n + 1)),
.flatpickr-day.endRange.startRange + .endRange:not(:nth-child(7n + 1)) {
  -webkit-box-shadow: -10px 0 0 #569ff7;
  box-shadow: -10px 0 #569ff7;
}
.flatpickr-day.selected.startRange.endRange,
.flatpickr-day.startRange.startRange.endRange,
.flatpickr-day.endRange.startRange.endRange {
  border-radius: 50px;
}
.flatpickr-day.inRange {
  border-radius: 0;
  -webkit-box-shadow: -5px 0 0 #e6e6e6, 5px 0 0 #e6e6e6;
  box-shadow: -5px 0 #e6e6e6, 5px 0 #e6e6e6;
}
.flatpickr-day.flatpickr-disabled,
.flatpickr-day.flatpickr-disabled:hover,
.flatpickr-day.prevMonthDay,
.flatpickr-day.nextMonthDay,
.flatpickr-day.notAllowed,
.flatpickr-day.notAllowed.prevMonthDay,
.flatpickr-day.notAllowed.nextMonthDay {
  color: #3939394d;
  background: transparent;
  border-color: transparent;
  cursor: default;
}
.flatpickr-day.flatpickr-disabled,
.flatpickr-day.flatpickr-disabled:hover {
  cursor: not-allowed;
  color: #3939391a;
}
.flatpickr-day.week.selected {
  border-radius: 0;
  -webkit-box-shadow: -5px 0 0 #569ff7, 5px 0 0 #569ff7;
  box-shadow: -5px 0 #569ff7, 5px 0 #569ff7;
}
.flatpickr-day.hidden {
  visibility: hidden;
}
.rangeMode .flatpickr-day {
  margin-top: 1px;
}
.flatpickr-weekwrapper {
  float: left;
}
.flatpickr-weekwrapper .flatpickr-weeks {
  padding: 0 12px;
  -webkit-box-shadow: 1px 0 0 #e6e6e6;
  box-shadow: 1px 0 #e6e6e6;
}
.flatpickr-weekwrapper .flatpickr-weekday {
  float: none;
  width: 100%;
  line-height: 28px;
}
.flatpickr-weekwrapper span.flatpickr-day,
.flatpickr-weekwrapper span.flatpickr-day:hover {
  display: block;
  width: 100%;
  max-width: none;
  color: #3939394d;
  background: transparent;
  cursor: default;
  border: none;
}
.flatpickr-innerContainer {
  display: block;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden;
}
.flatpickr-rContainer {
  display: inline-block;
  padding: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.flatpickr-time {
  text-align: center;
  outline: 0;
  display: block;
  height: 0;
  line-height: 40px;
  max-height: 40px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.flatpickr-time:after {
  content: "";
  display: table;
  clear: both;
}
.flatpickr-time .numInputWrapper {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  width: 40%;
  height: 40px;
  float: left;
}
.flatpickr-time .numInputWrapper span.arrowUp:after {
  border-bottom-color: #393939;
}
.flatpickr-time .numInputWrapper span.arrowDown:after {
  border-top-color: #393939;
}
.flatpickr-time.hasSeconds .numInputWrapper {
  width: 26%;
}
.flatpickr-time.time24hr .numInputWrapper {
  width: 49%;
}
.flatpickr-time input {
  background: transparent;
  -webkit-box-shadow: none;
  box-shadow: none;
  border: 0;
  border-radius: 0;
  text-align: center;
  margin: 0;
  padding: 0;
  height: inherit;
  line-height: inherit;
  color: #393939;
  font-size: 14px;
  position: relative;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-appearance: textfield;
  -moz-appearance: textfield;
  appearance: textfield;
}
.flatpickr-time input.flatpickr-hour {
  font-weight: 700;
}
.flatpickr-time input.flatpickr-minute,
.flatpickr-time input.flatpickr-second {
  font-weight: 400;
}
.flatpickr-time input:focus {
  outline: 0;
  border: 0;
}
.flatpickr-time .flatpickr-time-separator,
.flatpickr-time .flatpickr-am-pm {
  height: inherit;
  float: left;
  line-height: inherit;
  color: #393939;
  font-weight: 700;
  width: 2%;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  align-self: center;
}
.flatpickr-time .flatpickr-am-pm {
  outline: 0;
  width: 18%;
  cursor: pointer;
  text-align: center;
  font-weight: 400;
}
.flatpickr-time input:hover,
.flatpickr-time .flatpickr-am-pm:hover,
.flatpickr-time input:focus,
.flatpickr-time .flatpickr-am-pm:focus {
  background: #eee;
}
.flatpickr-input[readonly] {
  cursor: pointer;
}
@-webkit-keyframes fpFadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translateZ(0);
  }
}
@keyframes fpFadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translateZ(0);
  }
}
@keyframes slideInLeft {
  0% {
    opacity: 0;
    transform: translate(-100px);
  }
  to {
    opacity: 1;
    transform: translate(0);
  }
}
@keyframes slideInRight {
  0% {
    opacity: 0;
    transform: translate(100px);
  }
  to {
    opacity: 1;
    transform: translate(0);
  }
}
@keyframes slideInTop {
  0% {
    opacity: 0;
    transform: translateY(-100px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes slideInBottom {
  0% {
    opacity: 0;
    transform: translateY(100px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes notAnimated {
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.ll-quiz-block-paragraph-container.ll-quiz-block-paragraph-container--left {
  text-align: left;
}
.ll-quiz-block-paragraph-container.ll-quiz-block-paragraph-container--right {
  text-align: right;
}
.ll-quiz-block-paragraph-container.ll-quiz-block-paragraph-container--center {
  text-align: center;
}
.ll-quiz-block-paragraph-container {
  box-shadow: none !important;
}
.ll-quiz p,
.ll-quiz .ll-quiz__block__label,
.ll-quiz p a {
  margin: 0;
  padding: 0;
  border: 0;
  font-style: normal;
  font-variant: normal;
  text-decoration: none;
  vertical-align: baseline;
  box-sizing: border-box;
  word-break: break-word;
  outline: none;
}
.ll-quiz p {
  color: var(--paragraphTextColor, inherit);
  line-height: var(--lineHeight, 1.6);
  font-size: var(--fontSize, 16px);
  font-weight: var(--fontWeight, 400);
}
.ll-quiz .ll-quiz-block > label {
  color: var(--labelTextColor, inherit);
  font-size: var(--labelFontSize, 14px);
  font-weight: var(--labelFontWeight, 400);
  line-height: var(--labelLineHeight, 1.35);
  width: 100%;
  display: inline-block;
}
.ll-quiz p a {
  color: var(--textLinkColor, inherit);
  text-decoration: var(--textLinkDecoration, none);
  transition: text-decoration 0.15s ease, color 0.15s ease;
}
.ll-quiz p a:hover {
  text-decoration: var(--textLinkHoverDecoration, underline);
}
.ll-quiz p a:focus {
  outline: 2px solid var(--textLinkColor, inherit);
  outline-offset: 2px;
}
.ll-quiz-block .ll-quiz-block-slider-wrapper {
  position: relative;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  -webkit-user-select: none;
  user-select: none;
}
.ll-quiz-block .ll-quiz-block-slider {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  width: 100%;
  border-radius: 200px;
  background: transparent;
  outline: none;
}
.ll-quiz-block .ll-quiz-block-slider-value {
  position: absolute;
  font-size: var(--labelFontSize);
  font-weight: var(--labelFontWeight);
  color: var(--labelColor);
}
.ll-quiz-block .ll-quiz-block-slider-value--min {
  left: 0;
  padding-top: 4px;
}
.ll-quiz-block .ll-quiz-block-slider-value--max {
  right: 0;
  padding-top: 4px;
}
.ll-quiz-block .ll-quiz-block-slider-value--active {
  text-wrap: nowrap;
  transform: translate(-50%);
  display: block;
  border-radius: 8px;
  padding: 6px 8px;
  z-index: 1;
  line-height: 1;
  cursor: grab;
  -webkit-user-select: none;
  user-select: none;
  touch-action: none;
}
.ll-quiz-block .ll-quiz-block-slider-value--active:active {
  cursor: grabbing;
  filter: brightness(0.95);
}
.ll-quiz-block[block-preset="thin"] .ll-quiz-block-slider-wrapper {
  margin-bottom: var(--sliderHandleSizeThin);
  --handle-margin-top: calc(
    var(--sliderHeightThin) / 2 - var(--sliderHandleSizeThin) / 2
  );
  --tooltip-top: calc(
    var(--sliderHeightThin) / 2 + var(--sliderHandleSizeThin) / 2
  );
  margin-top: calc(
    var(--sliderHandleSizeThin) / 2 - var(--sliderHeightThin) / 2
  );
}
.ll-quiz-block[block-preset="thin"]
  .ll-quiz-block-slider-wrapper
  .ll-quiz-block-slider {
  height: var(--sliderHeightThin);
}
.ll-quiz-block[block-preset="thin"]
  .ll-quiz-block-slider-wrapper
  .ll-quiz-block-slider-value {
  top: calc(var(--sliderHandleSizeThin) / 2 + 2px);
}
.ll-quiz-block[block-preset="thin"]
  .ll-quiz-block-slider-wrapper
  .ll-quiz-block-slider-value--active {
  display: var(--sliderTooltipDisplayThin) !important;
  top: calc(var(--tooltip-top) + 3px) !important;
  background-color: var(--sliderTooltipBackgroundThin);
  color: var(--sliderTooltipColorThin);
  left: var(--fillPercentage) !important;
}
.ll-quiz-block[block-preset="thin"]
  .ll-quiz-block-slider-wrapper
  .ll-quiz-block-slider::-webkit-slider-thumb {
  -moz-appearance: none;
  appearance: none;
  -webkit-appearance: none;
  cursor: pointer;
  margin-top: var(--handle-margin-top);
  background: var(--sliderHandleBackgroundThin);
  height: var(--sliderHandleSizeThin);
  width: var(--sliderHandleSizeThin);
  border-radius: var(--sliderHandleBorderRadiusThin);
}
.ll-quiz-block[block-preset="thin"]
  .ll-quiz-block-slider-wrapper
  .ll-quiz-block-slider::-moz-range-thumb {
  cursor: pointer;
  background: var(--sliderHandleBackgroundThin);
  height: var(--sliderHandleSizeThin);
  width: var(--sliderHandleSizeThin);
  border-radius: var(--sliderHandleBorderRadiusThin);
  border: none;
}
.ll-quiz-block[block-preset="thin"]
  .ll-quiz-block-slider-wrapper
  .ll-quiz-block-slider::-ms-thumb {
  cursor: pointer;
  background: var(--sliderHandleBackgroundThin);
  height: var(--sliderHandleSizeThin);
  width: var(--sliderHandleSizeThin);
  border-radius: var(--sliderHandleBorderRadiusThin);
  border: none;
}
.ll-quiz-block[block-preset="thin"]
  .ll-quiz-block-slider-wrapper
  .ll-quiz-block-slider::-webkit-slider-runnable-track {
  width: 100%;
  cursor: pointer;
  border-radius: 200px;
  height: var(--sliderHeightThin);
  background: linear-gradient(
    to right,
    var(--sliderActiveBackgroundThin) var(--fillPercentage),
    var(--sliderBackgroundThin) var(--fillPercentage),
    var(--sliderBackgroundThin) 100%
  );
}
.ll-quiz-block[block-preset="thin"]
  .ll-quiz-block-slider-wrapper
  .ll-quiz-block-slider::-moz-range-track {
  width: 100%;
  height: var(--sliderHeightThin);
  cursor: pointer;
  border-radius: 200px;
  background-color: var(--sliderBackgroundThin);
}
.ll-quiz-block[block-preset="thin"]
  .ll-quiz-block-slider-wrapper
  .ll-quiz-block-slider::-ms-track {
  width: 100%;
  height: var(--sliderHeightThin);
  cursor: pointer;
  border-radius: 200px;
  background: var(--sliderBackgroundThin);
  border: none;
  color: transparent;
}
.ll-quiz-block[block-preset="thin"]
  .ll-quiz-block-slider-wrapper
  .ll-quiz-block-slider::-ms-fill-lower {
  background: var(--sliderActiveBackgroundThin);
  border-radius: 200px;
}
.ll-quiz-block[block-preset="thin"]
  .ll-quiz-block-slider-wrapper
  .ll-quiz-block-slider::-ms-fill-upper {
  background: var(--sliderBackgroundThin);
  border-radius: 200px;
}
.ll-quiz-block[block-preset="bold"] .ll-quiz-block-slider-wrapper {
  padding-bottom: calc(var(--sliderHeightBold) + 12px);
  --handle-margin-top: calc(
    var(--sliderHeightBold) / 2 - var(--sliderHandleSizeBold) / 2
  );
  --tooltip-top: calc(
    var(--sliderHeightBold) / 2 + var(--sliderHandleSizeBold) / 2
  );
  margin-top: calc(
    var(--sliderHandleSizeBold) / 2 - var(--sliderHeightBold) / 2
  );
}
.ll-quiz-block[block-preset="bold"]
  .ll-quiz-block-slider-wrapper
  .ll-quiz-block-slider {
  height: var(--sliderHeightBold);
}
.ll-quiz-block[block-preset="bold"]
  .ll-quiz-block-slider-wrapper
  .ll-quiz-block-slider-value {
  top: calc(var(--sliderHandleSizeBold) / 2 + 2px);
}
.ll-quiz-block[block-preset="bold"]
  .ll-quiz-block-slider-wrapper
  .ll-quiz-block-slider-value--active {
  display: var(--sliderTooltipDisplayBold) !important;
  top: calc(var(--tooltip-top) + 3px) !important;
  background-color: var(--sliderTooltipBackgroundBold);
  color: var(--sliderTooltipColorBold);
  left: var(--fillPercentage) !important;
}
.ll-quiz-block[block-preset="bold"]
  .ll-quiz-block-slider-wrapper
  .ll-quiz-block-slider::-webkit-slider-thumb {
  -moz-appearance: none;
  appearance: none;
  -webkit-appearance: none;
  cursor: pointer;
  margin-top: var(--handle-margin-top);
  background: var(--sliderHandleBackgroundBold);
  height: var(--sliderHandleSizeBold);
  width: var(--sliderHandleSizeBold);
  border-radius: var(--sliderHandleBorderRadiusBold);
}
.ll-quiz-block[block-preset="bold"]
  .ll-quiz-block-slider-wrapper
  .ll-quiz-block-slider::-moz-range-thumb {
  cursor: pointer;
  background: var(--sliderHandleBackgroundBold);
  height: var(--sliderHandleSizeBold);
  width: var(--sliderHandleSizeBold);
  border-radius: var(--sliderHandleBorderRadiusBold);
  border: none;
}
.ll-quiz-block[block-preset="bold"]
  .ll-quiz-block-slider-wrapper
  .ll-quiz-block-slider::-ms-thumb {
  cursor: pointer;
  background: var(--sliderHandleBackgroundBold);
  border: none;
}
.ll-quiz-block[block-preset="bold"]
  .ll-quiz-block-slider-wrapper
  .ll-quiz-block-slider::-webkit-slider-runnable-track {
  width: 100%;
  cursor: pointer;
  border-radius: 200px;
  height: var(--sliderHeightBold);
  background: linear-gradient(
    to right,
    var(--sliderActiveBackgroundBold) var(--fillPercentage),
    var(--sliderBackgroundBold) var(--fillPercentage),
    var(--sliderBackgroundBold) 100%
  );
}
.ll-quiz-block[block-preset="bold"]
  .ll-quiz-block-slider-wrapper
  .ll-quiz-block-slider::-moz-range-track {
  width: 100%;
  height: var(--sliderHeightBold);
  cursor: pointer;
  border-radius: 200px;
  background-color: var(--sliderBackgroundBold);
}
.ll-quiz-block[block-preset="bold"]
  .ll-quiz-block-slider-wrapper
  .ll-quiz-block-slider::-ms-track {
  width: 100%;
  height: var(--sliderHeightBold);
  cursor: pointer;
  border-radius: 200px;
  background: var(--sliderBackgroundBold);
  border: none;
  color: transparent;
}
.ll-quiz-block[block-preset="bold"]
  .ll-quiz-block-slider-wrapper
  .ll-quiz-block-slider::-ms-fill-lower {
  background: var(--sliderActiveBackgroundBold);
  border-radius: 200px;
}
.ll-quiz-block[block-preset="bold"]
  .ll-quiz-block-slider-wrapper
  .ll-quiz-block-slider::-ms-fill-upper {
  background: var(--sliderBackgroundBold);
  border-radius: 200px;
}
.ll-quiz-block .ll-quiz-block__input-wrapper,
.ll-quiz-block .iti {
  position: relative;
  gap: 0;
  display: flex;
  align-items: stretch;
  box-sizing: border-box;
}
.ll-quiz-block .ll-quiz-block__input,
.ll-quiz-block .iti input {
  all: unset;
  padding-inline: 0.9em;
  padding-block: 0.6em;
  font: inherit;
  width: 100%;
  box-shadow: none;
  line-height: 1.35 !important;
  outline: none;
  box-sizing: border-box !important;
}
.ll-quiz-block select.ll-quiz-block__input {
  padding-block: calc(0.6em + 2px);
}
.ll-quiz-block .ll-quiz-block__decorator {
  all: unset;
  font: inherit;
  display: flex;
  border: none;
  align-items: center;
  justify-content: center;
  width: auto;
  padding-inline: 0.9em;
  color: inherit;
  font-size: 0.95em;
  text-wrap: nowrap;
  box-sizing: border-box;
}
.ll-quiz-block .ll-quiz-block__decorator > svg {
  height: 20px;
  width: 20px;
  max-height: 20px;
  max-width: 20px;
  min-height: 20px;
  min-width: 20px;
  width: auto;
}
.ll-quiz-block
  .ll-quiz-block__decorator.ll-quiz-block__decorator--prefix:not(
    :first-of-type
  ) {
  border-radius: 0;
}
.ll-quiz-block
  .ll-quiz-block__decorator.ll-quiz-block__decorator--suffix:not(
    :last-of-type
  ) {
  border-radius: 0;
}
.ll-quiz-block:has(
    .ll-quiz-block__input-wrapper:has(
        .ll-quiz-block__decorator.ll-quiz-block__decorator--suffix
      )
  )
  .ll-quiz-block__input {
  border-right-style: none;
}
.ll-quiz-block:has(
    .ll-quiz-block__input-wrapper:has(
        .ll-quiz-block__decorator.ll-quiz-block__decorator--prefix
      )
  )
  .ll-quiz-block__input {
  border-left-style: none;
}
.ll-quiz-block:has(.ll-quiz-block__input-wrapper) {
  position: relative;
}
.flatpickr-calendar {
  position: absolute !important;
  left: 0 !important;
  right: 0 !important;
  top: calc(100% + 10px) !important;
  border-radius: var(--borderCornerRadius);
  border-color: var(--borderColor);
  border-width: var(--borderWidth);
  border-style: var(--borderStyle);
  box-shadow: none;
  overflow: hidden;
}
.flatpickr-months {
  background-color: var(--colorPrimary);
}
.flatpickr-prev-month svg,
.flatpickr-next-month svg {
  fill: var(--colorWhite);
}
.flatpickr-months .flatpickr-month {
  color: var(--colorWhite);
  height: 40px;
}
.flatpickr-months .flatpickr-monthDropdown-month {
  color: var(--textColor);
}
.flatpickr-months .flatpickr-current-month {
  font-size: 16px;
  font-weight: 500;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
}
.flatpickr-months .numInputWrapper {
  width: 70px;
}
.flatpickr-months .numInputWrapper input {
  font-size: 15px;
  font-weight: 500;
}
.flatpickr-weekdays .flatpickr-weekday {
  font-size: 13px;
  font-weight: 600;
  font-family: inherit;
  color: var(--colorDarkGray);
}
.flatpickr-day.selected {
  background-color: var(--colorPrimary);
  border: none !important;
}
.flatpickr-day.selected:hover,
.flatpickr-day.selected:focus,
.flatpickr-day.selected:active {
  background-color: color-mix(in srgb, var(--colorPrimary) 80%, black 20%);
}
.ll-quiz-block .iti {
  padding: 0;
}
.ll-quiz-block input {
  border: none !important;
}
.ll-quiz-block .ll-quiz-block__input-select-arrow {
  position: absolute;
  right: 0.8em;
  top: 45%;
  transform: translateY(-50%);
  pointer-events: none;
  height: 18px;
  width: auto;
  color: currentColor;
}
.ll-quiz-block__input-wrapper .iti {
  width: 100%;
  background-color: transparent !important;
}
.ll-quiz-block[block-preset="outline"] {
  --computed-border-color: var(--inputIdleBorderColorOutline);
}
.ll-quiz-block[block-preset="outline"] .ll-quiz-block__input-wrapper {
  background: var(--inputIdleBackgroundOutline);
  border-radius: var(--inputBorderRadiusOutline);
  border-width: var(--inputBorderWidthOutline);
  border-style: var(--borderStyle);
  border-color: var(--computed-border-color);
  color: var(--inputFontColorOutline);
  font-size: var(--inputFontSizeOutline);
  font-weight: var(--inputFontWeightOutline);
}
.ll-quiz-block[block-preset="outline"] .ll-quiz-block__input-wrapper:hover {
  background: var(--inputHoverBackgroundOutline);
}
.ll-quiz-block[block-preset="outline"]
  .ll-quiz-block__input-wrapper:has(.ll-quiz-block__input:focus),
.ll-quiz-block[block-preset="outline"]
  .ll-quiz-block__input-wrapper:has(.iti:focus) {
  background: var(--inputFocusBackgroundOutline);
}
.ll-quiz-block[block-preset="outline"] .ll-quiz-block__input,
.ll-quiz-block[block-preset="outline"] select {
  color: var(--inputFontColorOutline);
  font-size: var(--inputFontSizeOutline);
  font-weight: var(--inputFontWeightOutline);
}
.ll-quiz-block[block-preset="outline"] .ll-quiz-block__input::placeholder {
  color: var(--inputPlaceholderColorOutline);
  font-size: var(--inputFontSizeOutline);
  font-weight: var(--inputFontWeightOutline);
}
.ll-quiz-block[block-preset="outline"]
  .ll-quiz-block__decorator.ll-quiz-block__decorator--prefix {
  border-right-style: var(--borderStyle);
  border-right-width: var(--inputBorderWidthOutline);
  border-right-color: var(--computed-border-color);
}
.ll-quiz-block[block-preset="outline"]
  .ll-quiz-block__decorator.ll-quiz-block__decorator--suffix {
  border-left-style: var(--borderStyle);
  border-left-width: var(--inputBorderWidthOutline);
  border-left-color: var(--computed-border-color);
}
.ll-quiz-block[block-preset="outline"]:has(.ll-quiz-block__input-wrapper:hover),
.ll-quiz-block[block-preset="outline"]:has(.iti:hover) {
  --computed-border-color: var(--inputHoverBorderColorOutline);
}
.ll-quiz-block[block-preset="outline"]:has(.ll-quiz-block__input:focus),
.ll-quiz-block[block-preset="outline"]:has(.iti:focus) {
  --computed-border-color: var(--inputFocusBorderColorOutline);
}
.ll-quiz-block[block-preset="underline"] {
  --computed-border-color: var(--inputIdleBorderColorUnderline);
}
.ll-quiz-block[block-preset="underline"] .ll-quiz-block__input-wrapper {
  background: var(--inputIdleBackgroundUnderline);
  border-radius: var(--inputBorderRadiusUnderline);
  border-bottom-width: var(--inputBorderWidthUnderline);
  border-bottom-style: var(--borderStyle);
  border-bottom-color: var(--computed-border-color);
  color: var(--inputFontColorUnderline);
  font-size: var(--inputFontSizeUnderline);
  font-weight: var(--inputFontWeightUnderline);
}
.ll-quiz-block[block-preset="underline"] .ll-quiz-block__input-wrapper:hover {
  background: var(--inputHoverBackgroundUnderline);
}
.ll-quiz-block[block-preset="underline"]
  .ll-quiz-block__input-wrapper:has(.ll-quiz-block__input:focus),
.ll-quiz-block[block-preset="underline"]
  .ll-quiz-block__input-wrapper:has(.iti:focus) {
  background: var(--inputFocusBackgroundUnderline);
}
.ll-quiz-block[block-preset="underline"] .ll-quiz-block__input {
  padding-inline: 0;
}
.ll-quiz-block[block-preset="underline"] .ll-quiz-block__input::placeholder {
  color: var(--inputPlaceholderColorUnderline);
}
.ll-quiz-block[block-preset="underline"]
  .ll-quiz-block__decorator.ll-quiz-block__decorator--prefix,
.ll-quiz-block[block-preset="underline"]
  .ll-quiz-block__decorator.ll-quiz-block__decorator--suffix {
  border: none;
}
.ll-quiz-block[block-preset="underline"]:has(
    .ll-quiz-block__input-wrapper:hover
  ),
.ll-quiz-block[block-preset="underline"]:has(.iti:hover) {
  --computed-border-color: var(--inputHoverBorderColorUnderline);
}
.ll-quiz-block[block-preset="underline"]:has(.ll-quiz-block__input:focus),
.ll-quiz-block[block-preset="underline"]:has(.iti:focus) {
  --computed-border-color: var(--inputFocusBorderColorUnderline);
}
.ll-quiz-block[block-preset="ghost"] {
  --computed-border-color: var(--inputIdleBorderColorGhost);
  --computed-background: var(--inputIdleBackgroundGhost);
}
.ll-quiz-block[block-preset="ghost"] .ll-quiz-block__input-wrapper {
  background: var(--computed-background);
  border-radius: var(--inputBorderRadiusGhost);
  border-width: var(--inputBorderWidthGhost);
  border-style: var(--borderStyle);
  border-color: var(--computed-border-color);
  color: var(--inputFontColorGhost);
  font-size: var(--inputFontSizeGhost);
  font-weight: var(--inputFontWeightGhost);
}
.ll-quiz-block[block-preset="ghost"] .ll-quiz-block__input::placeholder {
  color: var(--inputPlaceholderColorGhost);
}
.ll-quiz-block[block-preset="ghost"]
  .ll-quiz-block__decorator.ll-quiz-block__decorator--prefix {
  border-right-style: var(--borderStyle);
  border-right-width: var(--inputBorderWidthGhost);
  border-right-color: var(--computed-border-color);
}
.ll-quiz-block[block-preset="ghost"]
  .ll-quiz-block__decorator.ll-quiz-block__decorator--suffix {
  border-left-style: var(--borderStyle);
  border-left-width: var(--inputBorderWidthGhost);
  border-left-color: var(--computed-border-color);
}
.ll-quiz-block[block-preset="ghost"]:has(.ll-quiz-block__input-wrapper:hover),
.ll-quiz-block[block-preset="ghost"]:has(.iti:hover) {
  --computed-border-color: var(--inputHoverBorderColorGhost);
  --computed-background: var(--inputHoverBackgroundGhost);
}
.ll-quiz-block[block-preset="ghost"]:has(.ll-quiz-block__input:focus),
.ll-quiz-block[block-preset="ghost"]:has(.iti:focus) {
  --computed-border-color: var(--inputFocusBorderColorGhost);
  --computed-background: var(--inputFocusBackgroundGhost);
}
.ll-quiz-block[block-preset="ghost"]:has(.ll-quiz-block__decorator--prefix)
  .ll-quiz-block__input,
.ll-quiz-block[block-preset="ghost"]
  .ll-quiz-block__decorator--prefix
  + .ll-quiz-block__decorator--prefix {
  padding-left: 0;
}
.ll-quiz-block[block-preset="ghost"]:has(.ll-quiz-block__decorator--suffix)
  .ll-quiz-block__input,
.ll-quiz-block[block-preset="ghost"]
  .ll-quiz-block__decorator--suffix:has(+ .ll-quiz-block__decorator--suffix) {
  padding-right: 0;
}
.ll-quiz-block-checkbox-wrapper {
  display: flex !important;
  align-items: flex-start;
  position: relative;
  gap: 10px;
  cursor: pointer !important;
  transition: all 0.15s ease-in-out;
}
.ll-quiz-block-checkbox-wrapper a {
  text-decoration: none;
  transition: all 0.15s ease-in-out;
}
.ll-quiz-block-checkbox-wrapper a:hover {
  text-decoration: underline;
}
.ll-quiz-block-checkbox-wrapper .ll-quiz-block-checkbox {
  display: none;
}
.ll-quiz-block-checkbox-wrapper .ll-quiz-block-checkbox-checkmark {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 18px;
  height: 18px;
  min-width: 18px;
  min-height: 18px;
  border-radius: 5px;
  box-sizing: border-box;
  cursor: pointer;
  pointer-events: all;
  transition: all 0.15s ease-in-out;
  border-width: var(--borderWidth);
  border-style: var(--borderStyle);
  border-color: var(--borderColor);
  border-radius: var(--borderCornerRadius);
}
.ll-quiz-block-checkbox-wrapper .ll-quiz-block-checkbox-checkmark svg {
  width: 100%;
  height: 100%;
  opacity: 0;
  color: #fff;
  transition: all 0.15s ease-in-out;
}
.ll-quiz-block-checkbox-wrapper
  .ll-quiz-block-checkbox:checked
  + .ll-quiz-block-checkbox-checkmark
  svg {
  opacity: 1;
}
.ll-quiz-block-checkbox-wrapper p {
  margin: 0;
  padding: 0;
  font-size: inherit;
  font-weight: inherit;
  color: inherit;
  text-decoration: inherit;
  text-align: inherit;
  text-transform: inherit;
}
.ll-quiz-block[block-preset="simple"] .ll-quiz-block-checkbox-wrapper {
  background-color: transparent;
  font-size: var(--checkboxFontSizeSimple);
  font-weight: var(--checkboxFontWeightSimple);
  color: var(--checkboxTextColorSimple);
  border: none;
  padding: 0;
}
.ll-quiz-block[block-preset="simple"] .ll-quiz-block-checkbox-wrapper:hover {
  color: var(--checkboxTextColorHoverSimple);
}
.ll-quiz-block[block-preset="simple"]
  .ll-quiz-block-checkbox-wrapper:has(.ll-quiz-block-checkbox:checked) {
  color: var(--checkboxTextColorActiveSimple);
}
.ll-quiz-block[block-preset="simple"] .ll-quiz-block-checkbox-wrapper a {
  color: var(--checkboxLinkColorSimple);
}
.ll-quiz-block[block-preset="simple"]
  .ll-quiz-block-checkbox-wrapper
  .ll-quiz-block-checkbox-checkmark {
  background-color: var(--checkboxInputBackgroundSimple);
  border-color: var(--checkboxInputBorderColorSimple);
  margin-top: 2px;
}
.ll-quiz-block[block-preset="simple"]
  .ll-quiz-block-checkbox-wrapper:hover
  .ll-quiz-block-checkbox-checkmark {
  background-color: var(--checkboxInputBackgroundHoverSimple);
  border-color: var(--checkboxInputBorderColorHoverSimple);
}
.ll-quiz-block[block-preset="simple"]
  .ll-quiz-block-checkbox-wrapper:has(.ll-quiz-block-checkbox:checked)
  .ll-quiz-block-checkbox-checkmark {
  background-color: var(--checkboxInputBackgroundActiveSimple);
  border-color: var(--checkboxInputBorderColorActiveSimple);
}
.ll-quiz-block[block-preset="outline"] .ll-quiz-block-checkbox-wrapper {
  background-color: transparent;
  font-size: var(--checkboxFontSizeOutline);
  font-weight: var(--checkboxFontWeightOutline);
  color: var(--checkboxTextColorOutline);
  border-color: var(--checkboxBorderColorOutline);
  border-radius: var(--checkboxBorderRadiusOutline);
  border-width: var(--checkboxBorderWidthOutline);
  border-style: var(--borderStyle);
  background-color: var(--checkboxContainerBackgroundOutline);
  padding: 10px;
}
.ll-quiz-block[block-preset="outline"] .ll-quiz-block-checkbox-wrapper:hover {
  border-color: var(--checkboxBorderColorHoverOutline);
  color: var(--checkboxTextColorHoverOutline);
}
.ll-quiz-block[block-preset="outline"]
  .ll-quiz-block-checkbox-wrapper:has(.ll-quiz-block-checkbox:checked) {
  border-color: var(--checkboxBorderColorActiveOutline);
  color: var(--checkboxTextColorActiveOutline);
}
.ll-quiz-block[block-preset="outline"] .ll-quiz-block-checkbox-wrapper a {
  color: var(--checkboxLinkColorOutline);
}
.ll-quiz-block[block-preset="outline"]
  .ll-quiz-block-checkbox-wrapper
  .ll-quiz-block-checkbox-checkmark {
  background-color: var(--checkboxInputBackgroundOutline);
  border-color: var(--checkboxInputBorderColorOutline);
  border-width: var(--borderWidth);
  border-style: var(--borderStyle);
}
.ll-quiz-block[block-preset="outline"]
  .ll-quiz-block-checkbox-wrapper:hover
  .ll-quiz-block-checkbox-checkmark {
  background-color: var(--checkboxInputBackgroundHoverOutline);
  border-color: var(--checkboxInputBorderColorHoverOutline);
}
.ll-quiz-block[block-preset="outline"]
  .ll-quiz-block-checkbox-wrapper:has(.ll-quiz-block-checkbox:checked)
  .ll-quiz-block-checkbox-checkmark {
  background-color: var(--checkboxInputBackgroundActiveOutline);
  border-color: var(--checkboxInputBorderColorActiveOutline);
}
.ll-quiz-block[block-preset="outline-ghost"] .ll-quiz-block-checkbox-wrapper {
  background-color: color-mix(in srgb, black 2%, transparent 98%);
  font-size: var(--checkboxFontSizeOutlineGhost);
  font-weight: var(--checkboxFontWeightOutlineGhost);
  color: var(--checkboxTextColorOutlineGhost);
  border-color: var(--checkboxBorderColorOutlineGhost);
  border-radius: var(--checkboxBorderRadiusOutlineGhost);
  border-width: var(--checkboxBorderWidthOutlineGhost);
  border-style: var(--borderStyle);
  background-color: var(--checkboxContainerBackgroundOutlineGhost);
  padding: 10px;
}
.ll-quiz-block[block-preset="outline-ghost"]
  .ll-quiz-block-checkbox-wrapper:hover {
  background-color: color-mix(
    in srgb,
    var(--checkboxBaseColorHoverOutlineGhost) 5%,
    var(--checkboxContainerBackgroundOutlineGhost) 95%
  );
  border-color: var(--checkboxBaseColorHoverOutlineGhost);
  color: var(--checkboxTextColorHoverOutlineGhost);
}
.ll-quiz-block[block-preset="outline-ghost"]
  .ll-quiz-block-checkbox-wrapper:has(.ll-quiz-block-checkbox:checked) {
  background-color: color-mix(
    in srgb,
    var(--checkboxBaseColorActiveOutlineGhost) 15%,
    var(--checkboxContainerBackgroundOutlineGhost) 85%
  );
  border-color: var(--checkboxBaseColorActiveOutlineGhost);
  color: var(--checkboxTextColorActiveOutlineGhost);
}
.ll-quiz-block[block-preset="outline-ghost"] .ll-quiz-block-checkbox-wrapper a {
  color: var(--checkboxLinkColorOutlineGhost);
}
.ll-quiz-block[block-preset="outline-ghost"]
  .ll-quiz-block-checkbox-wrapper
  .ll-quiz-block-checkbox-checkmark {
  background-color: transparent;
  border-color: var(--borderColor);
  border-width: var(--borderWidth);
  border-style: var(--borderStyle);
}
.ll-quiz-block[block-preset="outline-ghost"]
  .ll-quiz-block-checkbox-wrapper:hover
  .ll-quiz-block-checkbox-checkmark {
  background-color: transparent;
  border-color: var(--checkboxBaseColorHoverOutlineGhost);
}
.ll-quiz-block[block-preset="outline-ghost"]
  .ll-quiz-block-checkbox-wrapper:has(.ll-quiz-block-checkbox:checked)
  .ll-quiz-block-checkbox-checkmark {
  background-color: var(--checkboxBaseColorActiveOutlineGhost);
  border-color: var(--checkboxBaseColorActiveOutlineGhost);
}
.ll-quiz h1,
.ll-quiz h2,
.ll-quiz h3,
.ll-quiz h4,
.ll-quiz h5,
.ll-quiz h6 {
  margin: 0;
  padding: 0;
  border: 0;
  font-style: normal;
  font-variant: normal;
  text-decoration: none;
  vertical-align: baseline;
  box-sizing: border-box;
  word-break: break-word;
  outline: none;
}
.ll-quiz h1 a,
.ll-quiz h2 a,
.ll-quiz h3 a,
.ll-quiz h4 a,
.ll-quiz h5 a,
.ll-quiz h6 a {
  color: var(--textLinkColor, inherit);
  text-decoration: var(--textLinkDecoration, none);
  transition: text-decoration 0.15s ease, color 0.15s ease;
}
.ll-quiz h1 a:hover,
.ll-quiz h2 a:hover,
.ll-quiz h3 a:hover,
.ll-quiz h4 a:hover,
.ll-quiz h5 a:hover,
.ll-quiz h6 a:hover {
  text-decoration: var(--textLinkHoverDecoration, none);
}
.ll-quiz-block-headline-container {
  box-shadow: none !important;
}
.ll-quiz h1 {
  font-size: var(--headline1FontSize, 2.5rem);
  font-weight: var(--headline1FontWeight, 700);
  color: var(--headline1Color, #1a1a1a);
  line-height: var(--headline1LineHeight, 1.2);
  text-transform: var(--headline1TextTransform, none);
}
.ll-quiz h2 {
  font-size: var(--headline2FontSize, 2rem);
  font-weight: var(--headline2FontWeight, 600);
  color: var(--headline2Color, #1a1a1a);
  line-height: var(--headline2LineHeight, 1.3);
  text-transform: var(--headline2TextTransform, none);
}
.ll-quiz h3 {
  font-size: var(--headline3FontSize, 1.75rem);
  font-weight: var(--headline3FontWeight, 600);
  color: var(--headline3Color, #1a1a1a);
  line-height: var(--headline3LineHeight, 1.3);
  text-transform: var(--headline3TextTransform, none);
}
.ll-quiz h4 {
  font-size: var(--headline4FontSize, 1.5rem);
  font-weight: var(--headline4FontWeight, 500);
  color: var(--headline4Color, #1a1a1a);
  line-height: var(--headline4LineHeight, 1.4);
  text-transform: var(--headline4TextTransform, none);
}
.ll-quiz h5 {
  font-size: var(--headline5FontSize, 1.25rem);
  font-weight: var(--headline5FontWeight, 500);
  color: var(--headline5Color, #1a1a1a);
  line-height: var(--headline5LineHeight, 1.4);
  text-transform: var(--headline5TextTransform, none);
}
.ll-quiz h6 {
  font-size: var(--headline6FontSize, 1rem);
  font-weight: var(--headline6FontWeight, 500);
  color: var(--headline6Color, #1a1a1a);
  line-height: var(--headline6LineHeight, 1.5);
  text-transform: var(--headline6TextTransform, none);
}
@container quiz-container (inline-size <= 576px) {
  .ll-quiz h1 {
    font-size: var(--headline1FontSizeMobile, 2.25rem);
  }
  .ll-quiz h2 {
    font-size: var(--headline2FontSizeMobile, 1.875rem);
  }
  .ll-quiz h3 {
    font-size: var(--headline3FontSizeMobile, 1.625rem);
  }
  .ll-quiz h4 {
    font-size: var(--headline4FontSizeMobile, 1.375rem);
  }
  .ll-quiz h5 {
    font-size: var(--headline5FontSizeMobile, 1.1875rem);
  }
  .ll-quiz h6 {
    font-size: var(--headline6FontSizeMobile, 1rem);
  }
}
@supports not (container-type: inline-size) {
  @media (max-width: 576px) {
    .ll-quiz h1 {
      font-size: var(--headline1FontSizeMobile, 2.25rem);
    }
    .ll-quiz h2 {
      font-size: var(--headline2FontSizeMobile, 1.875rem);
    }
    .ll-quiz h3 {
      font-size: var(--headline3FontSizeMobile, 1.625rem);
    }
    .ll-quiz h4 {
      font-size: var(--headline4FontSizeMobile, 1.375rem);
    }
    .ll-quiz h5 {
      font-size: var(--headline5FontSizeMobile, 1.1875rem);
    }
    .ll-quiz h6 {
      font-size: var(--headline6FontSizeMobile, 1rem);
    }
  }
}
.ll-quiz-block__container {
  margin: 0;
  padding: 0;
  border: 0;
  box-sizing: border-box;
  display: flex;
}
.ll-quiz-block__container > .ll-quiz-block {
  flex-grow: 1;
  flex-shrink: auto;
  flex-basis: 0;
  width: 100% !important;
}
@container quiz-container (inline-size <= 576px) {
  .ll-quiz-block__container {
    flex-direction: var(--flex-direction-mobile) !important;
  }
}
@supports not (container-type: inline-size) {
  .ll-quiz-block__container {
    flex-direction: var(--flex-direction-mobile) !important;
  }
}
.ll-quiz .ll-quiz__block__container > .ll-quiz__block {
  flex-grow: 1;
  flex-shrink: auto;
  flex-basis: 0;
  max-width: 100%;
}
@container quiz-container (inline-size <= 576px) {
  .ll-quiz .ll-quiz__block__container {
    flex-direction: var(--direction-mobile);
  }
  .ll-quiz .ll-quiz__block__container > .ll-quiz__block {
    width: 100%;
  }
}
@supports not (container-type: inline-size) {
  @media screen and (max-width: 576px) {
    .ll-quiz .ll-quiz__block__container {
      flex-direction: var(--direction-mobile);
    }
    .ll-quiz .ll-quiz__block__container > .ll-quiz__block {
      width: 100%;
    }
  }
}
.ll-quiz-block[block-preset="simple"].ll-quiz-block--container {
  background-color: var(--containerBackgroundSimple);
  border-radius: var(--containerBorderRadiusSimple);
  border: 0;
  box-sizing: border-box;
}
.ll-quiz-block[block-preset="outline"].ll-quiz-block--container {
  background-color: var(--containerBackgroundOutline);
  border-radius: var(--containerBorderRadiusOutline);
  border-color: var(--containerBorderColorOutline);
  border-width: var(--containerBorderWidthOutline);
  border-style: var(--borderStyle);
}
.ll-quiz-block[block-preset="outline-ghost"].ll-quiz-block--container {
  background-color: color-mix(
    in srgb,
    var(--containerBaseColorOutlineGhost) 5%,
    transparent 97%
  ) !important;
  border-radius: var(--containerBorderRadiusOutlineGhost);
  border-color: var(--containerBorderColorOutlineGhost);
  border-width: var(--containerBorderWidthOutlineGhost);
  border-style: var(--borderStyle);
}
.ll-quiz-block:has(input),
.ll-quiz-block:has(select),
.ll-quiz-block:has(textarea) {
  text-align: start;
}
.ll-quiz-block {
  width: 100%;
  max-width: 100% !important;
}
@container quiz-container (inline-size > 576px) {
  .ll-quiz-block[data-appearance-hidden-desktop] {
    display: none !important;
  }
}
@supports not (container-type: inline-size) {
  @media screen and (min-width: 576px) {
    .ll-quiz-block[data-appearance-hidden-desktop] {
      display: none !important;
    }
  }
}
@container quiz-container (inline-size <= 576px) {
  .ll-quiz-block[data-appearance-hidden-mobile] {
    display: none !important;
  }
}
@supports not (container-type: inline-size) {
  @media screen and (max-width: 576px) {
    .ll-quiz-block[data-appearance-hidden-mobile] {
      display: none !important;
    }
  }
}
.ll-quiz-block[data-appearance-text-align="center"],
.ll-quiz-block[data-appearance-text-align="center"] .ll-quiz-list__content,
.ll-quiz-block[data-appearance-text-align="center"]
  .ll-quiz-list-loader__content {
  text-align: center;
}
.ll-quiz-block[data-appearance-text-align="center"] .ll-choice-option {
  justify-content: center !important;
}
.ll-quiz-block[data-appearance-text-align="center"] .ll-quiz-list__media,
.ll-quiz-block[data-appearance-text-align="center"]
  .ll-quiz-list-loader__media {
  margin-inline: auto;
}
.ll-quiz-block[data-appearance-text-align="right"],
.ll-quiz-block[data-appearance-text-align="right"] .ll-quiz-list__content,
.ll-quiz-block[data-appearance-text-align="right"]
  .ll-quiz-list-loader__content {
  text-align: right;
}
.ll-quiz-block[data-appearance-text-align="right"] .ll-choice-option {
  justify-content: flex-end !important;
}
.ll-quiz-block[data-appearance-text-align="right"] .ll-quiz-list__media,
.ll-quiz-block[data-appearance-text-align="right"] .ll-quiz-list-loader__media {
  margin-left: auto;
}
.ll-quiz-block[data-appearance-text-align="left"],
.ll-quiz-block[data-appearance-text-align="left"] .ll-quiz-list__content,
.ll-quiz-block[data-appearance-text-align="left"]
  .ll-quiz-list-loader__content {
  text-align: left;
}
.ll-quiz-block[data-appearance-text-align="left"] .ll-choice-option {
  justify-content: flex-start !important;
}
.ll-quiz-block[data-appearance-text-align="left"] .ll-quiz-list__media,
.ll-quiz-block[data-appearance-text-align="left"] .ll-quiz-list-loader__media {
  margin-right: auto;
}
.ll-quiz-block[data-appearance-align-label="center"] > label,
.ll-quiz-block[data-appearance-align-label="center"] .ll-choice-label,
.ll-quiz-block[data-appearance-align-label="center"] .ll-img-choice-label {
  text-align: center;
}
.ll-quiz-block[data-appearance-align-label="right"] > label,
.ll-quiz-block[data-appearance-align-label="right"] .ll-choice-label,
.ll-quiz-block[data-appearance-align-label="right"] .ll-img-choice-label {
  text-align: right;
}
.ll-quiz-block[data-appearance-align-label="left"] > label,
.ll-quiz-block[data-appearance-align-label="left"] .ll-choice-label,
.ll-quiz-block[data-appearance-align-label="left"] .ll-img-choice-label {
  text-align: left;
}
.ll-quiz-block[data-appearance-button-size="s"] > button .ll-quiz-button-text,
.ll-quiz-block[data-appearance-button-size="s"] > a .ll-quiz-button-text {
  font-size: 0.85em;
}
.ll-quiz-block[data-appearance-button-size="s"] > button,
.ll-quiz-block[data-appearance-button-size="s"] > a {
  padding: 0.5em 0.85em;
}
.ll-quiz-block[data-appearance-button-size="m"] > button .ll-quiz-button-text,
.ll-quiz-block[data-appearance-button-size="m"] > a .ll-quiz-button-text {
  font-size: 1em;
}
.ll-quiz-block[data-appearance-button-size="m"] > button,
.ll-quiz-block[data-appearance-button-size="m"] > a {
  padding: 0.75em 1em;
}
.ll-quiz-block[data-appearance-button-size="l"] > button .ll-quiz-button-text,
.ll-quiz-block[data-appearance-button-size="l"] > a .ll-quiz-button-text {
  font-size: 1.125em;
}
.ll-quiz-block[data-appearance-button-size="l"] > button,
.ll-quiz-block[data-appearance-button-size="l"] > a {
  padding: 0.85em 1.25em;
}
.ll-quiz-block[data-appearance-content-align="center"] > button,
.ll-quiz-block[data-appearance-content-align="center"] > a {
  justify-content: center;
}
.ll-quiz-block[data-appearance-content-align="right"] > button,
.ll-quiz-block[data-appearance-content-align="right"] > a {
  justify-content: flex-end;
}
.ll-quiz-block[data-appearance-content-align="left"] > button,
.ll-quiz-block[data-appearance-content-align="left"] > a {
  justify-content: flex-start;
}
.ll-quiz-block[data-appearance-content-align="between"] > button,
.ll-quiz-block[data-appearance-content-align="between"] > a {
  justify-content: space-between;
}
.ll-quiz-block[data-appearance-fit-width-to-content="true"] > button,
.ll-quiz-block[data-appearance-fit-width-to-content="true"] > a {
  width: fit-content !important;
}
.ll-quiz-block[data-appearance-reverse-content="true"] > button,
.ll-quiz-block[data-appearance-reverse-content="true"] > a {
  flex-direction: row-reverse !important;
}
.ll-quiz-block[data-appearance-image-size="full"] img {
  width: 100%;
}
.ll-quiz-block[data-appearance-image-size="s"] img {
  width: 40%;
}
.ll-quiz-block[data-appearance-image-size="m"] img {
  width: 60%;
}
.ll-quiz-block[data-appearance-image-size="l"] img {
  width: 80%;
}
.ll-quiz-block .ll-quiz-image__img {
  border-radius: var(--appearance-border-radius);
}
.ll-quiz-block[data-appearance-align="center"] > button,
.ll-quiz-block[data-appearance-align="center"] > a,
.ll-quiz-block[data-appearance-align="center"] .ll-quiz-image__img,
.ll-quiz-block[data-appearance-align="center"] .ll-quiz-progress {
  margin-inline: auto;
}
.ll-quiz-block[data-appearance-align="left"] button,
.ll-quiz-block[data-appearance-align="left"] > a,
.ll-quiz-block[data-appearance-align="left"] .ll-quiz-image__img,
.ll-quiz-block[data-appearance-align="left"] .ll-quiz-progress {
  margin-right: auto;
}
.ll-quiz-block[data-appearance-align="right"] button,
.ll-quiz-block[data-appearance-align="right"] > a,
.ll-quiz-block[data-appearance-align="right"] .ll-quiz-image__img,
.ll-quiz-block[data-appearance-align="right"] .ll-quiz-progress {
  margin-left: auto;
}
.ll-quiz-block[data-appearance-layout-type="grid"] .ll-choice-options {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 10px !important;
  justify-content: var(--appearance-layout-align-options) !important;
}
.ll-quiz-block[data-appearance-layout-type="grid"] .ll-choice-option-wrapper {
  width: calc(
    (100% - (var(--appearance-layout-items-per-row) - 1) * 10px) /
      var(--appearance-layout-items-per-row)
  ) !important;
}
@container quiz-container (inline-size <= 576px) {
  .ll-quiz-block[data-appearance-layout-type="grid"] .ll-choice-option-wrapper {
    width: calc(
      (100% - (var(--appearance-layout-items-per-row-mobile) - 1) * 10px) /
        var(--appearance-layout-items-per-row-mobile)
    ) !important;
  }
}
@supports not (container-type: inline-size) {
  @media screen and (max-width: 576px) {
    .ll-quiz-block[data-appearance-layout-type="grid"]
      .ll-choice-option-wrapper {
      width: calc(
        (100% - (var(--appearance-layout-items-per-row-mobile) - 1) * 10px) /
          var(--appearance-layout-items-per-row-mobile)
      ) !important;
    }
  }
}
.ll-quiz-block .ll-img-choice-options {
  gap: 10px;
  justify-content: var(--appearance-grid-layout-align-options) !important;
}
.ll-quiz-block .ll-img-choice-options .ll-img-choice-option-wrapper {
  width: calc(
    (100% - (var(--appearance-grid-layout-items-per-row) - 1) * 10px) /
      var(--appearance-grid-layout-items-per-row)
  ) !important;
}
@container quiz-container (inline-size <= 576px) {
  .ll-quiz-block .ll-img-choice-options .ll-img-choice-option-wrapper {
    width: calc(
      (100% - (var(--appearance-grid-layout-items-per-row-mobile) - 1) * 10px) /
        var(--appearance-grid-layout-items-per-row-mobile)
    ) !important;
  }
}
@supports not (container-type: inline-size) {
  @media screen and (max-width: 576px) {
    .ll-quiz-block .ll-img-choice-options .ll-img-choice-option-wrapper {
      width: calc(
        (100% - (var(--appearance-grid-layout-items-per-row-mobile) - 1) * 10px) /
          var(--appearance-grid-layout-items-per-row-mobile)
      ) !important;
    }
  }
}
.ll-quiz-block[data-appearance-columns-desktop="1"] .ll-quiz-list,
.ll-quiz-block[data-appearance-columns-desktop="1"] .ll-quiz-list-loader {
  grid-template-columns: 1fr !important;
}
.ll-quiz-block[data-appearance-columns-desktop="2"] .ll-quiz-list,
.ll-quiz-block[data-appearance-columns-desktop="2"] .ll-quiz-list-loader {
  grid-template-columns: repeat(2, 1fr) !important;
}
.ll-quiz-block[data-appearance-columns-desktop="3"] .ll-quiz-list,
.ll-quiz-block[data-appearance-columns-desktop="3"] .ll-quiz-list-loader {
  grid-template-columns: repeat(3, 1fr) !important;
}
.ll-quiz-block[data-appearance-columns-desktop="4"] .ll-quiz-list,
.ll-quiz-block[data-appearance-columns-desktop="4"] .ll-quiz-list-loader {
  grid-template-columns: repeat(4, 1fr) !important;
}
.ll-quiz-block[data-appearance-columns-desktop="5"] .ll-quiz-list,
.ll-quiz-block[data-appearance-columns-desktop="5"] .ll-quiz-list-loader {
  grid-template-columns: repeat(5, 1fr) !important;
}
.ll-quiz-block[data-appearance-columns-desktop="6"] .ll-quiz-list,
.ll-quiz-block[data-appearance-columns-desktop="6"] .ll-quiz-list-loader {
  grid-template-columns: repeat(6, 1fr) !important;
}
@container quiz-container (inline-size <= 576px) {
  .ll-quiz-block[data-appearance-columns-mobile="1"] .ll-quiz-list,
  .ll-quiz-block[data-appearance-columns-mobile="1"] .ll-quiz-list-loader {
    grid-template-columns: 1fr !important;
  }
  .ll-quiz-block[data-appearance-columns-mobile="2"] .ll-quiz-list,
  .ll-quiz-block[data-appearance-columns-mobile="2"] .ll-quiz-list-loader {
    grid-template-columns: repeat(2, 1fr) !important;
  }
  .ll-quiz-block[data-appearance-columns-mobile="3"] .ll-quiz-list,
  .ll-quiz-block[data-appearance-columns-mobile="3"] .ll-quiz-list-loader {
    grid-template-columns: repeat(3, 1fr) !important;
  }
  .ll-quiz-block[data-appearance-columns-mobile="4"] .ll-quiz-list,
  .ll-quiz-block[data-appearance-columns-mobile="4"] .ll-quiz-list-loader {
    grid-template-columns: repeat(4, 1fr) !important;
  }
  .ll-quiz-block[data-appearance-columns-mobile="5"] .ll-quiz-list,
  .ll-quiz-block[data-appearance-columns-mobile="5"] .ll-quiz-list-loader {
    grid-template-columns: repeat(5, 1fr) !important;
  }
  .ll-quiz-block[data-appearance-columns-mobile="6"] .ll-quiz-list,
  .ll-quiz-block[data-appearance-columns-mobile="6"] .ll-quiz-list-loader {
    grid-template-columns: repeat(6, 1fr) !important;
  }
}
@supports not (container-type: inline-size) {
  @media screen and (max-width: 576px) {
    .ll-quiz-block[data-appearance-columns-mobile="1"] .ll-quiz-list,
    .ll-quiz-block[data-appearance-columns-mobile="1"] .ll-quiz-list-loader {
      grid-template-columns: 1fr !important;
    }
    .ll-quiz-block[data-appearance-columns-mobile="2"] .ll-quiz-list,
    .ll-quiz-block[data-appearance-columns-mobile="2"] .ll-quiz-list-loader {
      grid-template-columns: repeat(2, 1fr) !important;
    }
    .ll-quiz-block[data-appearance-columns-mobile="3"] .ll-quiz-list,
    .ll-quiz-block[data-appearance-columns-mobile="3"] .ll-quiz-list-loader {
      grid-template-columns: repeat(3, 1fr) !important;
    }
    .ll-quiz-block[data-appearance-columns-mobile="4"] .ll-quiz-list,
    .ll-quiz-block[data-appearance-columns-mobile="4"] .ll-quiz-list-loader {
      grid-template-columns: repeat(4, 1fr) !important;
    }
    .ll-quiz-block[data-appearance-columns-mobile="5"] .ll-quiz-list,
    .ll-quiz-block[data-appearance-columns-mobile="5"] .ll-quiz-list-loader {
      grid-template-columns: repeat(5, 1fr) !important;
    }
    .ll-quiz-block[data-appearance-columns-mobile="6"] .ll-quiz-list,
    .ll-quiz-block[data-appearance-columns-mobile="6"] .ll-quiz-list-loader {
      grid-template-columns: repeat(6, 1fr) !important;
    }
  }
}
.ll-quiz-block[data-appearance-layout-type="list-collapse"] .ll-choice-options {
  display: flex;
  flex-direction: column;
  gap: 0 !important;
}
.ll-quiz-block[data-appearance-layout-type="list-collapse"]
  .ll-choice-option-wrapper:not(:last-child, :first-child)
  .ll-choice-option {
  border-radius: 0 !important;
}
.ll-quiz-block[data-appearance-layout-type="list-collapse"]
  .ll-choice-option-wrapper:first-child
  .ll-choice-option {
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}
.ll-quiz-block[data-appearance-layout-type="list-collapse"]
  .ll-choice-option-wrapper:last-child
  .ll-choice-option {
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.ll-quiz-block[data-appearance-layout-type="list-collapse"]
  .ll-choice-option-wrapper:not(:last-child)
  .ll-choice-option {
  border-bottom: none !important;
}
.ll-quiz-block {
  --width-s: 400px;
  --width-m: 700px;
  --width-l: 800px;
  --width-full: 100%;
}
@container quiz-container (inline-size <= 576px) {
  .ll-quiz-block {
    --width-s: 100%;
    --width-m: 100%;
    --width-l: 100%;
    --width-full: 100%;
  }
}
@supports not (container-type: inline-size) {
  @media screen and (max-width: 576px) {
    .ll-quiz-block {
      --width-s: 100%;
      --width-m: 100%;
      --width-l: 100%;
      --width-full: 100%;
    }
  }
}
.ll-quiz-block--w-s {
  width: var(--width-s);
}
.ll-quiz-block--w-m {
  width: var(--width-m);
}
.ll-quiz-block--w-l {
  width: var(--width-l);
}
.ll-quiz-block--w-full {
  width: var(--width-full);
}
.ll-quiz-block .ll-quiz-block-error {
  display: flex;
  align-items: center;
  justify-content: start;
  gap: 6px;
  line-height: 1.3;
  margin: 6px 0 0;
  font-size: 14px;
  padding: 8px 12px;
  border-radius: 3px;
  background-color: var(--colorError);
  color: var(--colorWhite);
  border: none;
  opacity: 0;
}
.ll-quiz-block--has-error {
  animation: shake-error 0.4s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
  border-color: var(--colorError);
}
.ll-quiz-block .ll-quiz-block-error svg {
  height: 16px;
  width: 16px;
  min-height: 16px;
  min-width: 16px;
}
.ll-quiz-block--has-error .ll-quiz-block-error {
  opacity: 1;
  -select: none;
}
@keyframes shake-error {
  0%,
  to {
    transform: translate(0);
  }
  20% {
    transform: translate(-8px);
  }
  40% {
    transform: translate(8px);
  }
  60% {
    transform: translate(-8px);
  }
  80% {
    transform: translate(8px);
  }
}
.ll-quiz-block .ll-quiz-image__wrapper {
  width: 100%;
  display: flex;
}
*[data-animation-type="pulse"] {
  animation: pulse 1.5s ease-in-out infinite !important;
}
*[data-animation-type="bounce"] {
  animation: bounce 2s ease-in-out infinite !important;
}
*[data-animation-type="shake"] {
  animation: shake 2s ease infinite !important;
}
*[data-animation-type="wiggle"] {
  animation: wiggle 2s ease infinite !important;
}
@keyframes pulse {
  0% {
    transform: scale(1);
    box-shadow: 0 0 #00000040;
  }
  70% {
    transform: scale(1.03);
    box-shadow: 0 0 0 10px transparent;
  }
  to {
    transform: scale(1);
    box-shadow: 0 0 0 0 transparent;
  }
}
@keyframes bounce {
  70% {
    transform: translateY(0);
  }
  80% {
    transform: translateY(-15%);
  }
  90% {
    transform: translateY(0);
  }
  95% {
    transform: translateY(-7%);
  }
  97% {
    transform: translateY(0);
  }
  99% {
    transform: translateY(-3%);
  }
  to {
    transform: translateY(0);
  }
}
@keyframes shake {
  0%,
  to {
    transform: translate(0);
  }
  10%,
  30%,
  50%,
  70%,
  90% {
    transform: translate(-10px);
  }
  20%,
  40%,
  60%,
  80% {
    transform: translate(10px);
  }
}
@keyframes wiggle {
  30% {
    transform: scale(1.1);
  }
  40%,
  60% {
    transform: rotate(-2deg) scale(1.1);
  }
  50% {
    transform: rotate(2deg) scale(1.1);
  }
  70% {
    transform: rotate(0) scale(1.1);
  }
  to {
    transform: scale(1);
  }
}
.ll-quiz .ll-quiz-loader-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 0;
  --html-loader-size: 12rem;
}
.ll-quiz .ll-quiz-loader,
.ll-quiz .ll-quiz-loader:after {
  border-radius: 50%;
  width: var(--html-loader-size);
  height: var(--html-loader-size);
}
.ll-quiz .ll-quiz-loader {
  border: 2px solid rgba(0, 0, 0, 0.2);
  border-left-color: var(--colorPrimary);
  animation-name: loader-spin;
  animation-duration: 0.8s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
  position: relative;
  display: inline-block;
  vertical-align: top;
}
.ll-quiz .ll-quiz-loader-image-container {
  width: 100%;
  height: auto;
  position: relative;
  display: inline-block;
}
.ll-quiz .ll-quiz-loader--success {
  animation: none;
  border-color: var(--colorPrimary);
  transition: border 0.5s ease-out;
}
.ll-quiz .ll-quiz-loader__checkmark {
  display: none;
}
.ll-quiz .ll-quiz-button-loader--success .ll-quiz-loader__checkmark {
  display: block;
}
.ll-quiz .ll-quiz-loader__checkmark:after {
  opacity: 1;
  height: calc(var(--html-loader-size) * 0.5);
  width: calc(var(--html-loader-size) * 0.25);
  transform-origin: left top;
  border-right: 2px solid var(--colorPrimary);
  border-top: 2px solid var(--colorPrimary);
  content: "";
  left: calc(var(--html-loader-size) * 0.22);
  top: calc(var(--html-loader-size) * 0.5);
  position: absolute;
  transform: scaleX(-1) rotate(135deg);
}
.ll-quiz .ll-quiz-loader__image {
  max-width: 100%;
  max-height: 100%;
  width: 100%;
}
@keyframes loader-spin {
  0% {
    transform: rotate(0);
  }
  to {
    transform: rotate(360deg);
  }
}
.ll-quiz .ll-quiz-steps {
  display: flex;
  width: 100%;
  position: relative;
}
.ll-quiz .ll-quiz-step {
  flex: 0 0 100%;
  flex-direction: column;
  align-items: center;
  opacity: 0;
  visibility: hidden;
  display: none;
  text-align: center;
  width: 100%;
}
.ll-quiz .ll-quiz-step-footer {
  display: flex;
  width: 100%;
  justify-content: center;
  align-items: center;
}
.ll-quiz .ll-quiz-step-footer button {
  width: 100%;
}
.ll-quiz .ll-quiz-step[data-active-step="true"] {
  display: flex;
  opacity: 1;
  visibility: visible;
}
.ll-quiz .ll-quiz-step[data-active-step="true"] {
  animation: var(--stepAnimation) var(--stepAnimationDuration) ease-out forwards;
}
.ll-quiz .ll-quiz__block {
  position: relative;
  height: auto;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.ll-quiz .ll-quiz__block.ll-quiz__block--text-field,
.ll-quiz .ll-quiz__block.ll-quiz__block--number-field {
  grid-column: span 2;
}
.ll-quiz .ll-quiz__block .q-input-wrapper {
  width: 100%;
  height: auto;
  position: relative;
}
.ll-quiz
  .ll-quiz__block:not(.ll-quiz__block--checkbox, .ll-quiz__block--radio)
  > label {
  display: inline-block;
  width: 100%;
  position: relative;
}
.ll-quiz .ll-quiz__block label {
  cursor: pointer;
}
.ll-quiz .ll-quiz__block select {
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
}
.ll-quiz .ll-quiz__block select::-ms-expand {
  display: none;
}
.ll-quiz .ll-quiz__block input[type="date"]::-webkit-calendar-picker-indicator {
  opacity: 0;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  cursor: pointer;
}
.ll-quiz
  .ll-quiz__block
  input:not([type="radio"]):not([type="range"]):not([type="checkbox"]),
.ll-quiz .ll-quiz__block textarea,
.ll-quiz .ll-quiz__block select {
  width: 100%;
}
.ll-quiz .tooltip {
  position: relative;
  display: inline-block;
  cursor: pointer;
}
.ll-quiz .tooltip__icon {
  width: auto;
}
.ll-quiz .tooltip__icon svg {
  height: 16px !important;
  width: auto;
  opacity: 0.5;
  display: block;
  margin-bottom: -3px;
}
.ll-quiz .tooltip__text {
  visibility: hidden;
  width: max-content;
  max-width: 200px;
  background-color: #fff;
  color: #3f3f3f;
  box-shadow: 0 0 5px #00000026;
  text-align: center;
  padding: 4px 10px;
  font-size: 14px;
  border-radius: 6px;
  line-height: 1.3;
  position: absolute;
  z-index: 10;
  bottom: 100%;
  left: 50%;
  transform: translate(-50%);
  opacity: 0;
  transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out;
}
.ll-quiz .tooltip:hover .tooltip__text {
  visibility: visible;
  opacity: 1;
  transform: translate(-50%) translateY(-5px);
}
.ll-quiz * {
  box-sizing: border-box;
}
.ll-quiz {
  box-sizing: border-box;
  background-color: var(--background) !important;
  background-image: var(--backgroundImage);
  background-size: var(--backgroundImageSize);
  background-repeat: var(--backgroundImageRepeat);
  background-position: var(--backgroundImagePosition);
  padding: 20px;
  max-width: 100%;
  container-type: inline-size;
  container-name: quiz-container;
  width: 100%;
}
.ll-quiz .ll-quiz-header,
.ll-quiz .ll-quiz-footer {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}
.ll-choice-wrapper {
  all: unset;
  display: flex;
  flex-direction: column;
}
.ll-choice-label {
  all: unset;
  color: var(--labelTextColor);
  font-size: var(--labelFontSize);
  font-weight: var(--labelFontWeight);
  line-height: var(--labelLineHeight);
}
.ll-choice-options {
  gap: 10px;
}
.ll-choice-option {
  all: unset;
  display: flex;
  align-items: center;
  gap: 8px;
  cursor: pointer;
  overflow: hidden !important;
}
.ll-choice-option input {
  display: none;
}
.ll-choice-option .ll-choice-option__media {
  line-height: 1;
  display: flex;
  align-items: center;
  justify-content: center;
}
.ll-choice-option .ll-choice-option__custom-input {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  min-width: 20px;
  min-height: 20px;
  border-radius: 5px;
  box-sizing: border-box;
  cursor: pointer;
  pointer-events: all;
  color: #fff;
  margin-top: 0.1em;
  border-width: var(--borderWidth);
  border-style: var(--borderStyle);
  border-color: var(--borderColor);
  border-radius: var(--borderCornerRadius);
}
.ll-choice-option
  .ll-choice-option__custom-input.ll-choice-option__custom-input--radio {
  border-radius: 50%;
}
.ll-choice-option .ll-choice-option__media img {
  height: 100%;
  width: auto;
  max-width: 200px;
}
.ll-choice-option .ll-choice-option__custom-input svg {
  width: 100%;
  height: 100%;
  opacity: 0;
}
.ll-choice-option:has(input:checked) .ll-choice-option__custom-input svg {
  opacity: 1 !important;
}
.ll-quiz-block[block-preset="simple"] .ll-choice-option {
  font-size: var(--multipleChoiceFontSizeSimple);
  font-weight: var(--multipleChoiceFontWeightSimple);
  color: var(--multipleChoiceColorSimple);
  border-radius: var(--multipleChoiceBorderRadiusSimple);
  border-radius: var(--borderCornerRadius);
  padding: var(--multipleChoicePaddingSimple);
  background-color: transparent;
  border: none;
}
.ll-quiz-block[block-preset="simple"] .ll-choice-option__media {
  width: var(--multipleChoiceMediaSizeSimple);
  height: var(--multipleChoiceMediaSizeSimple);
  color: var(--multipleChoiceIconColorSimple);
}
.ll-quiz-block[block-preset="simple"] .ll-choice-option__custom-input {
  display: var(--multipleChoiceInputDisplaySimple);
}
.ll-quiz-block[block-preset="simple"] .ll-choice-option:hover {
  color: var(--multipleChoiceColorHoverSimple);
}
.ll-quiz-block[block-preset="simple"]
  .ll-choice-option:hover
  .ll-choice-option__media {
  color: var(--multipleChoiceIconColorHoverSimple);
}
.ll-quiz-block[block-preset="simple"]
  .ll-choice-option:hover
  .ll-choice-option__custom-input {
  border-color: var(--multipleChoiceBaseColorHoverSimple);
}
.ll-quiz-block[block-preset="simple"] .ll-choice-option:has(input:checked) {
  color: var(--multipleChoiceColorActiveSimple);
}
.ll-quiz-block[block-preset="simple"]
  .ll-choice-option:has(input:checked)
  .ll-choice-option__media {
  color: var(--multipleChoiceIconColorActiveSimple);
}
.ll-quiz-block[block-preset="simple"]
  .ll-choice-option:has(input:checked)
  .ll-choice-option__custom-input {
  border-color: var(--multipleChoiceBaseColorActiveSimple);
  background-color: var(--multipleChoiceBaseColorActiveSimple);
}
.ll-quiz-block[block-preset="outline"] .ll-choice-option {
  font-size: var(--multipleChoiceFontSizeOutline);
  font-weight: var(--multipleChoiceFontWeightOutline);
  border-radius: var(--multipleChoiceBorderRadiusOutline);
  border-style: var(--borderStyle);
  border-width: var(--multipleChoiceBorderWidthOutline);
  border-color: var(--multipleChoiceBorderColorOutline);
  color: var(--multipleChoiceColorOutline);
  background-color: var(--multipleChoiceBackgroundColorOutline);
  padding: var(--multipleChoicePaddingOutline);
}
.ll-quiz-block[block-preset="outline"] .ll-choice-option__media {
  width: var(--multipleChoiceMediaSizeOutline);
  height: var(--multipleChoiceMediaSizeOutline);
  color: var(--multipleChoiceIconColorOutline);
}
.ll-quiz-block[block-preset="outline"] .ll-choice-option__custom-input {
  display: var(--multipleChoiceInputDisplayOutline);
}
.ll-quiz-block[block-preset="outline"] .ll-choice-option:hover {
  color: var(--multipleChoiceColorHoverOutline);
  border-color: var(--multipleChoiceBorderColorHoverOutline);
}
.ll-quiz-block[block-preset="outline"]
  .ll-choice-option:hover
  .ll-choice-option__media {
  color: var(--multipleChoiceIconColorHoverOutline);
}
.ll-quiz-block[block-preset="outline"]
  .ll-choice-option:hover
  .ll-choice-option__custom-input {
  border-color: var(--multipleChoiceBaseColorHoverOutline);
}
.ll-quiz-block[block-preset="outline"] .ll-choice-option:has(input:checked) {
  color: var(--multipleChoiceColorActiveOutline);
  border-color: var(--multipleChoiceBorderColorActiveOutline);
}
.ll-quiz-block[block-preset="outline"]
  .ll-choice-option:has(input:checked)
  .ll-choice-option__media {
  color: var(--multipleChoiceIconColorActiveOutline);
}
.ll-quiz-block[block-preset="outline"]
  .ll-choice-option:has(input:checked)
  .ll-choice-option__custom-input {
  border-color: var(--multipleChoiceBaseColorActiveOutline);
  background-color: var(--multipleChoiceBaseColorActiveOutline);
}
.ll-quiz-block[block-preset="outline-ghost"] .ll-choice-option {
  font-size: var(--multipleChoiceFontSizeOutlineGhost);
  font-weight: var(--multipleChoiceFontWeightOutlineGhost);
  border-radius: var(--multipleChoiceBorderRadiusOutlineGhost);
  border-style: var(--borderStyle);
  border-width: var(--multipleChoiceBorderWidthOutlineGhost);
  border-color: var(--multipleChoiceBorderColorOutlineGhost);
  color: var(--multipleChoiceColorOutlineGhost);
  padding: var(--multipleChoicePaddingOutlineGhost);
  background-color: var(--multipleChoiceBackgroundColorOutlineGhost);
}
.ll-quiz-block[block-preset="outline-ghost"] .ll-choice-option__media {
  width: var(--multipleChoiceMediaSizeOutlineGhost);
  height: var(--multipleChoiceMediaSizeOutlineGhost);
  color: var(--multipleChoiceIconColorOutlineGhost);
}
.ll-quiz-block[block-preset="outline-ghost"] .ll-choice-option__custom-input {
  display: var(--multipleChoiceInputDisplayOutlineGhost);
}
.ll-quiz-block[block-preset="outline-ghost"] .ll-choice-option:hover {
  color: var(--multipleChoiceColorHoverOutlineGhost);
  border-color: var(--multipleChoiceBorderColorHoverOutlineGhost);
  background-color: color-mix(
    in srgb,
    var(--multipleChoiceBaseColorOutlineGhost) 5%,
    var(--multipleChoiceBackgroundColorOutlineGhost) 95%
  );
}
.ll-quiz-block[block-preset="outline-ghost"]
  .ll-choice-option:hover
  .ll-choice-option__media {
  color: var(--multipleChoiceIconColorHoverOutlineGhost);
}
.ll-quiz-block[block-preset="outline-ghost"]
  .ll-choice-option:hover
  .ll-choice-option__custom-input {
  border-color: var(--multipleChoiceBaseColorHoverOutlineGhost);
}
.ll-quiz-block[block-preset="outline-ghost"]
  .ll-choice-option:has(input:checked) {
  color: var(--multipleChoiceColorActiveOutlineGhost);
  border-color: var(--multipleChoiceBorderColorActiveOutlineGhost);
  background-color: color-mix(
    in srgb,
    var(--multipleChoiceBaseColorActiveOutlineGhost) 10%,
    var(--multipleChoiceBackgroundColorOutlineGhost) 90%
  );
}
.ll-quiz-block[block-preset="outline-ghost"]
  .ll-choice-option:has(input:checked)
  .ll-choice-option__media {
  color: var(--multipleChoiceIconColorActiveOutlineGhost);
}
.ll-quiz-block[block-preset="outline-ghost"]
  .ll-choice-option:has(input:checked)
  .ll-choice-option__custom-input {
  border-color: var(--multipleChoiceBaseColorActiveOutlineGhost);
  background-color: var(--multipleChoiceBaseColorActiveOutlineGhost);
}
.ll-quiz-block[block-preset="outline-solid"] .ll-choice-option {
  font-size: var(--multipleChoiceFontSizeOutlineSolid);
  font-weight: var(--multipleChoiceFontWeightOutlineSolid);
  border-radius: var(--multipleChoiceBorderRadiusOutlineSolid);
  border-style: var(--borderStyle);
  border-width: var(--multipleChoiceBorderWidthOutlineSolid);
  border-color: var(--multipleChoiceBorderColorOutlineSolid);
  color: var(--multipleChoiceColorOutlineSolid);
  background-color: var(--multipleChoiceBackgroundColorOutlineSolid);
  padding: var(--multipleChoicePaddingOutlineSolid);
}
.ll-quiz-block[block-preset="outline-solid"] .ll-choice-option__media {
  width: var(--multipleChoiceMediaSizeOutlineSolid);
  height: var(--multipleChoiceMediaSizeOutlineSolid);
  color: var(--multipleChoiceIconColorOutlineSolid);
}
.ll-quiz-block[block-preset="outline-solid"] .ll-choice-option__custom-input {
  display: var(--multipleChoiceInputDisplayOutlineSolid);
}
.ll-quiz-block[block-preset="outline-solid"] .ll-choice-option:hover {
  color: var(--multipleChoiceColorHoverOutlineSolid);
  border-color: var(--multipleChoiceBorderColorHoverOutlineSolid);
  background-color: var(--multipleChoiceBaseColorOutlineSolid);
}
.ll-quiz-block[block-preset="outline-solid"]
  .ll-choice-option:hover
  .ll-choice-option__media {
  color: var(--multipleChoiceIconColorHoverOutlineSolid);
}
.ll-quiz-block[block-preset="outline-solid"]
  .ll-choice-option:hover
  .ll-choice-option__custom-input {
  border-color: var(--multipleChoiceBaseColorHoverOutlineSolid);
  background-color: var(--multipleChoiceBaseColorHoverOutlineSolid);
}
.ll-quiz-block[block-preset="outline-solid"]
  .ll-choice-option:has(input:checked) {
  color: var(--multipleChoiceColorActiveOutlineSolid);
  border-color: var(--multipleChoiceBorderColorActiveOutlineSolid);
  background-color: var(--multipleChoiceBaseColorActiveOutlineSolid);
}
.ll-quiz-block[block-preset="outline-solid"]
  .ll-choice-option:has(input:checked)
  .ll-choice-option__media {
  color: var(--multipleChoiceIconColorActiveOutlineSolid);
}
.ll-quiz-block[block-preset="outline-solid"]
  .ll-choice-option:has(input:checked)
  .ll-choice-option__custom-input {
  border-color: var(--multipleChoiceBaseColorActiveOutlineSolid);
  background-color: var(--multipleChoiceBaseColorActiveOutlineSolid);
}
.ll-quiz-block[block-preset="outline-solid-centered"] .ll-choice-option {
  font-size: var(--multipleChoiceFontSizeOutlineSolidCentered);
  font-weight: var(--multipleChoiceFontWeightOutlineSolidCentered);
  border-radius: var(--multipleChoiceBorderRadiusOutlineSolidCentered);
  border-style: var(--borderStyle);
  border-width: var(--multipleChoiceBorderWidthOutlineSolidCentered);
  border-color: var(--multipleChoiceBorderColorOutlineSolidCentered);
  color: var(--multipleChoiceColorOutlineSolidCentered);
  justify-content: center;
  background-color: transparent;
  padding: var(--multipleChoicePaddingOutlineSolidCentered);
}
.ll-quiz-block[block-preset="outline-solid-centered"] .ll-choice-option__media {
  width: var(--multipleChoiceMediaSizeOutlineSolidCentered);
  height: var(--multipleChoiceMediaSizeOutlineSolidCentered);
  color: var(--multipleChoiceIconColorOutlineSolidCentered);
}
.ll-quiz-block[block-preset="outline-solid-centered"]
  .ll-choice-option__custom-input {
  display: var(--multipleChoiceInputDisplayOutlineSolidCentered);
}
.ll-quiz-block[block-preset="outline-solid-centered"] .ll-choice-option:hover {
  color: var(--multipleChoiceColorHoverOutlineSolidCentered);
  border-color: var(--multipleChoiceBorderColorHoverOutlineSolidCentered);
  background-color: var(--multipleChoiceBaseColorOutlineSolidCentered);
}
.ll-quiz-block[block-preset="outline-solid-centered"]
  .ll-choice-option:hover
  .ll-choice-option__media {
  color: var(--multipleChoiceIconColorHoverOutlineSolidCentered);
}
.ll-quiz-block[block-preset="outline-solid-centered"]
  .ll-choice-option:hover
  .ll-choice-option__custom-input {
  border-color: var(--multipleChoiceBaseColorHoverOutlineSolidCentered);
  background-color: var(--multipleChoiceBaseColorHoverOutlineSolidCentered);
}
.ll-quiz-block[block-preset="outline-solid-centered"]
  .ll-choice-option:has(input:checked) {
  color: var(--multipleChoiceColorActiveOutlineSolidCentered);
  border-color: var(--multipleChoiceBorderColorActiveOutlineSolidCentered);
  background-color: var(--multipleChoiceBaseColorActiveOutlineSolidCentered);
}
.ll-quiz-block[block-preset="outline-solid-centered"]
  .ll-choice-option:has(input:checked)
  .ll-choice-option__media {
  color: var(--multipleChoiceIconColorActiveOutlineSolidCentered);
}
.ll-quiz-block[block-preset="outline-solid-centered"]
  .ll-choice-option:has(input:checked)
  .ll-choice-option__custom-input {
  border-color: var(--multipleChoiceBaseColorActiveOutlineSolidCentered);
  background-color: var(--multipleChoiceBaseColorActiveOutlineSolidCentered);
}
.ll-quiz-block[block-preset="button"] .ll-choice-option {
  font-size: var(--multipleChoiceFontSizeButton);
  font-weight: var(--multipleChoiceFontWeightButton);
  color: var(--multipleChoiceColorButton);
  border-radius: var(--multipleChoiceBorderRadiusButton);
  background-color: var(--multipleChoiceBaseColorButton);
  justify-content: center;
  border: none;
  padding: var(--multipleChoicePaddingButton);
}
.ll-quiz-block[block-preset="button"] .ll-choice-option__media {
  width: var(--multipleChoiceMediaSizeButton);
  height: var(--multipleChoiceMediaSizeButton);
  color: var(--multipleChoiceIconColorButton);
}
.ll-quiz-block[block-preset="button"] .ll-choice-option__custom-input {
  display: var(--multipleChoiceInputDisplayButton);
  border: none;
  background-color: transparent;
}
.ll-quiz-block[block-preset="button"] .ll-choice-option:hover {
  background: color-mix(
    in srgb,
    var(--multipleChoiceBaseColorButton) 95%,
    black 5%
  );
  color: var(--multipleChoiceColorHoverButton);
}
.ll-quiz-block[block-preset="button"]
  .ll-choice-option:hover
  .ll-choice-option__media {
  color: var(--multipleChoiceIconColorHoverButton);
}
.ll-quiz-block[block-preset="button"] .ll-choice-option:has(input:checked) {
  color: var(--multipleChoiceColorActiveButton);
  background: color-mix(
    in srgb,
    var(--multipleChoiceBaseColorButton) 90%,
    black 10%
  );
}
.ll-quiz-block[block-preset="button"]
  .ll-choice-option:has(input:checked)
  .ll-choice-option__media {
  color: var(--multipleChoiceIconColorActiveButton);
}
.ll-quiz-block[block-preset="button-start"] .ll-choice-option {
  font-size: var(--multipleChoiceFontSizeButtonStart);
  font-weight: var(--multipleChoiceFontWeightButtonStart);
  color: var(--multipleChoiceColorButtonStart);
  border-radius: var(--multipleChoiceBorderRadiusButtonStart);
  border-radius: var(--borderCornerRadius);
  background-color: var(--multipleChoiceBaseColorButtonStart);
  border: none;
  padding: var(--multipleChoicePaddingButtonStart);
}
.ll-quiz-block[block-preset="button-start"] .ll-choice-option__media {
  width: var(--multipleChoiceMediaSizeButtonStart);
  height: var(--multipleChoiceMediaSizeButtonStart);
  color: var(--multipleChoiceIconColorButtonStart);
}
.ll-quiz-block[block-preset="button-start"] .ll-choice-option__custom-input {
  display: var(--multipleChoiceInputDisplayButtonStart);
  border: none;
  background-color: transparent;
}
.ll-quiz-block[block-preset="button-start"] .ll-choice-option:hover {
  background: color-mix(
    in srgb,
    var(--multipleChoiceBaseColorButtonStart) 95%,
    black 5%
  );
  color: var(--multipleChoiceColorHoverButtonStart);
}
.ll-quiz-block[block-preset="button-start"]
  .ll-choice-option:hover
  .ll-choice-option__media {
  color: var(--multipleChoiceIconColorHoverButtonStart);
}
.ll-quiz-block[block-preset="button-start"]
  .ll-choice-option:has(input:checked) {
  color: var(--multipleChoiceColorActiveButtonStart);
  background: color-mix(
    in srgb,
    var(--multipleChoiceBaseColorButtonStart) 90%,
    black 10%
  );
}
.ll-quiz-block[block-preset="button-start"]
  .ll-choice-option:has(input:checked)
  .ll-choice-option__media {
  color: var(--multipleChoiceIconColorActiveButtonStart);
}
.ll-quiz-block[block-preset="button-end"] .ll-choice-option {
  font-size: var(--multipleChoiceFontSizeButtonEnd);
  font-weight: var(--multipleChoiceFontWeightButtonEnd);
  color: var(--multipleChoiceColorButtonEnd);
  border-radius: var(--multipleChoiceBorderRadiusButtonEnd);
  border-radius: var(--borderCornerRadius);
  background-color: var(--multipleChoiceBaseColorButtonEnd);
  border: none;
  padding: var(--multipleChoicePaddingButtonEnd);
}
.ll-quiz-block[block-preset="button-end"] .ll-choice-option__media {
  width: var(--multipleChoiceMediaSizeButtonEnd);
  height: var(--multipleChoiceMediaSizeButtonEnd);
  color: var(--multipleChoiceIconColorButtonEnd);
  order: 2;
  margin-left: auto;
}
.ll-quiz-block[block-preset="button-end"] .ll-choice-option__custom-input {
  display: var(--multipleChoiceInputDisplayButtonEnd);
  border: none;
  background-color: transparent;
  order: 3;
}
.ll-quiz-block[block-preset="button-end"] .ll-choice-option:hover {
  background: color-mix(
    in srgb,
    var(--multipleChoiceBaseColorButtonEnd) 95%,
    black 5%
  );
  color: var(--multipleChoiceColorHoverButtonEnd);
}
.ll-quiz-block[block-preset="button-end"]
  .ll-choice-option:hover
  .ll-choice-option__media {
  color: var(--multipleChoiceIconColorHoverButtonEnd);
}
.ll-quiz-block[block-preset="button-end"] .ll-choice-option:has(input:checked) {
  color: var(--multipleChoiceColorActiveButtonEnd);
  background: color-mix(
    in srgb,
    var(--multipleChoiceBaseColorButtonEnd) 90%,
    black 10%
  );
}
.ll-quiz-block[block-preset="button-end"]
  .ll-choice-option:has(input:checked)
  .ll-choice-option__media {
  color: var(--multipleChoiceIconColorActiveButtonEnd);
}
.ll-img-choice-wrapper {
  all: unset;
  display: flex;
  flex-direction: column;
}
.ll-img-choice-label {
  all: unset;
  color: var(--labelTextColor);
  font-size: var(--labelFontSize);
  font-weight: var(--labelFontWeight);
  line-height: var(--labelLineHeight);
}
.ll-img-choice-options {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
.ll-img-choice-option {
  position: relative !important;
  all: unset;
  display: flex;
  flex-direction: column;
  width: 100%;
  padding: 20px;
  align-items: center;
  cursor: pointer;
  overflow: hidden !important;
}
.ll-img-choice-option input {
  display: none;
}
.ll-choice-option,
.ll-choice-option .ll-choice-option__text,
.ll-choice-option .ll-choice-option__media,
.ll-choice-option .ll-choice-option__custom-input,
.ll-choice-option .ll-choice-option__custom-input svg {
  transition: all 0.15s ease-in-out;
}
.ll-img-choice-option .ll-img-choice-option__media {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: inherit;
  transition: none;
  padding: 20px;
  line-height: 1;
}
.ll-img-choice-option .ll-img-choice-option__media--img {
  padding: 0;
  margin-top: 10px;
}
.ll-img-choice-option .ll-img-choice-option__media--img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.ll-img-choice-option__content {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  transition: none;
  height: 100%;
  gap: 10px;
  padding: 1em;
}
.ll-img-choice-option,
.ll-img-choice-option * {
  box-sizing: border-box;
}
.ll-img-choice-option,
.ll-img-choice-option .ll-img-choice-option__custom-input,
.ll-img-choice-option .ll-img-choice-option__custom-input svg {
  transition: transform 0.2s ease-in-out;
}
.ll-img-choice-option .ll-img-choice-option__custom-input {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  min-width: 20px;
  min-height: 20px;
  border-radius: 5px;
  box-sizing: border-box;
  cursor: pointer;
  pointer-events: all;
  color: #fff;
  margin-top: 0.1em;
  border-width: var(--borderWidth);
  border-style: var(--borderStyle);
  border-color: var(--borderColor);
  border-radius: var(--borderCornerRadius);
}
.ll-img-choice-option
  .ll-img-choice-option__custom-input.ll-img-choice-option__custom-input--radio {
  border-radius: 50%;
}
.ll-img-choice-option .ll-img-choice-option__custom-input svg {
  width: 100%;
  height: 100%;
  opacity: 0;
}
.ll-img-choice-option:has(input:checked)
  .ll-img-choice-option__custom-input
  svg {
  opacity: 1 !important;
}
.ll-quiz-block[block-preset="simple"] .ll-img-choice-option {
  font-size: var(--imgChoiceFontSizeSimple);
  font-weight: var(--imgChoiceFontWeightSimple);
  color: var(--imgChoiceLabelColorSimple);
  border-radius: var(--imgChoiceBorderRadiusSimple);
  border-radius: var(--borderCornerRadius);
  text-transform: uppercase;
  background-color: transparent;
  border: none;
  padding-inline: 0;
  padding-top: 0;
  padding-bottom: 28px;
}
.ll-quiz-block[block-preset="simple"]
  .ll-img-choice-option
  .ll-img-choice-option__media {
  color: var(--imgChoiceIconColorSimple);
}
.ll-quiz-block[block-preset="simple"] .ll-img-choice-option__media--icon svg,
.ll-quiz-block[block-preset="simple"] .ll-img-choice-option__media--img img {
  height: var(--imgChoiceMediaSizeSimple);
  width: var(--imgChoiceMediaSizeSimple);
}
.ll-quiz-block[block-preset="simple"] .ll-img-choice-option__media--emoji {
  font-size: var(--imgChoiceMediaSizeSimple);
}
.ll-quiz-block[block-preset="simple"] .ll-img-choice-option__custom-input {
  display: var(--imgChoiceInputDisplaySimple);
  position: absolute;
  bottom: 20px;
  right: 50%;
  transform: translate(50%);
}
.ll-quiz-block[block-preset="simple"] .ll-img-choice-option:hover {
  color: var(--imgChoiceLabelColorHoverSimple);
}
.ll-quiz-block[block-preset="simple"]
  .ll-img-choice-option:hover
  .ll-img-choice-option__media {
  color: var(--imgChoiceIconColorHoverSimple);
}
.ll-quiz-block[block-preset="simple"]
  .ll-img-choice-option:hover
  .ll-img-choice-option__custom-input {
  border-color: var(--imgChoiceBaseColorHoverSimple);
}
.ll-quiz-block[block-preset="simple"] .ll-img-choice-option:has(input:checked) {
  color: var(--imgChoiceLabelColorActiveSimple);
}
.ll-quiz-block[block-preset="simple"]
  .ll-img-choice-option:has(input:checked)
  .ll-img-choice-option__media {
  color: var(--imgChoiceIconColorActiveSimple);
}
.ll-quiz-block[block-preset="simple"]
  .ll-img-choice-option:has(input:checked)
  .ll-img-choice-option__custom-input {
  border-color: var(--imgChoiceBaseColorActiveSimple);
  background-color: var(--imgChoiceBaseColorActiveSimple);
}
.ll-quiz-block[block-preset="outline"] .ll-img-choice-option {
  font-size: var(--imgChoiceFontSizeOutline);
  font-weight: var(--imgChoiceFontWeightOutline);
  border-radius: var(--imgChoiceBorderRadiusOutline);
  border-style: var(--borderStyle);
  border-width: var(--imgChoiceBorderWidthOutline);
  border-color: var(--imgChoiceBorderColorOutline);
  color: var(--imgChoiceColorOutline);
  background-color: var(--imgChoiceBackgroundColorOutline);
  padding: 0;
}
.ll-quiz-block[block-preset="outline"]
  .ll-img-choice-option
  .ll-img-choice-option__media {
  color: var(--imgChoiceIconColorOutline);
}
.ll-quiz-block[block-preset="outline"] .ll-img-choice-option__media--icon svg,
.ll-quiz-block[block-preset="outline"] .ll-img-choice-option__media--img img {
  height: var(--imgChoiceMediaSizeOutline);
  width: var(--imgChoiceMediaSizeOutline);
}
.ll-quiz-block[block-preset="outline"] .ll-img-choice-option__media--emoji {
  font-size: var(--imgChoiceMediaSizeOutline);
}
.ll-quiz-block[block-preset="outline"] .ll-img-choice-option__custom-input {
  display: var(--imgChoiceInputDisplayOutline);
  background-color: #fff;
  position: absolute;
  top: 6px;
  right: 6px;
}
.ll-quiz-block[block-preset="outline"] .ll-img-choice-option:hover {
  color: var(--imgChoiceLabelColorHoverOutline);
  border-color: var(--imgChoiceBorderColorHoverOutline);
}
.ll-quiz-block[block-preset="outline"]
  .ll-img-choice-option:hover
  .ll-img-choice-option__media {
  color: var(--imgChoiceIconColorHoverOutline);
}
.ll-quiz-block[block-preset="outline"]
  .ll-img-choice-option:hover
  .ll-img-choice-option__custom-input {
  border-color: var(--imgChoiceBaseColorHoverOutline);
}
.ll-quiz-block[block-preset="outline"]
  .ll-img-choice-option:has(input:checked) {
  color: var(--imgChoiceLabelColorActiveOutline);
  border-color: var(--imgChoiceBorderColorActiveOutline);
}
.ll-quiz-block[block-preset="outline"]
  .ll-img-choice-option:has(input:checked)
  .ll-img-choice-option__media {
  color: var(--imgChoiceIconColorActiveOutline);
}
.ll-quiz-block[block-preset="outline"]
  .ll-img-choice-option:has(input:checked)
  .ll-img-choice-option__custom-input {
  border-color: var(--imgChoiceBaseColorActiveOutline);
  background-color: var(--imgChoiceBaseColorActiveOutline);
}
.ll-quiz-block[block-preset="outline-ghost"] .ll-img-choice-option {
  font-size: var(--imgChoiceFontSizeOutlineGhost);
  font-weight: var(--imgChoiceFontWeightOutlineGhost);
  border-radius: var(--imgChoiceBorderRadiusOutlineGhost);
  border-style: var(--borderStyle);
  border-width: var(--imgChoiceBorderWidthOutlineGhost);
  border-color: var(--imgChoiceBorderColorOutlineGhost);
  color: var(--imgChoiceColorOutlineGhost);
  background-color: var(--imgChoiceBackgroundColorOutlineGhost);
  padding: 0;
}
.ll-quiz-block[block-preset="outline-ghost"]
  .ll-img-choice-option
  .ll-img-choice-option__media {
  color: var(--imgChoiceIconColorOutlineGhost);
}
.ll-quiz-block[block-preset="outline-ghost"]
  .ll-img-choice-option__media--icon
  svg,
.ll-quiz-block[block-preset="outline-ghost"]
  .ll-img-choice-option__media--img
  img {
  height: var(--imgChoiceMediaSizeOutlineGhost);
  width: var(--imgChoiceMediaSizeOutlineGhost);
}
.ll-quiz-block[block-preset="outline-ghost"]
  .ll-img-choice-option__media--emoji {
  font-size: var(--imgChoiceMediaSizeOutlineGhost);
}
.ll-quiz-block[block-preset="outline-ghost"]
  .ll-img-choice-option__custom-input {
  display: var(--imgChoiceInputDisplayOutlineGhost);
  background-color: var(--imgChoiceBackgroundColorOutlineGhost);
  position: absolute;
  top: 6px;
  right: 6px;
}
.ll-quiz-block[block-preset="outline-ghost"] .ll-img-choice-option:hover {
  color: var(--imgChoiceLabelColorHoverOutlineGhost);
  border-color: var(--imgChoiceBorderColorHoverOutlineGhost);
  background-color: color-mix(
    in srgb,
    var(--imgChoiceBaseColorOutlineGhost) 5%,
    var(--imgChoiceBackgroundColorOutlineGhost) 95%
  );
}
.ll-quiz-block[block-preset="outline-ghost"]
  .ll-img-choice-option:hover
  .ll-img-choice-option__media {
  color: var(--imgChoiceIconColorHoverOutlineGhost);
}
.ll-quiz-block[block-preset="outline-ghost"]
  .ll-img-choice-option:hover
  .ll-img-choice-option__custom-input {
  border-color: var(--imgChoiceBaseColorHoverOutlineGhost);
}
.ll-quiz-block[block-preset="outline-ghost"]
  .ll-img-choice-option:has(input:checked) {
  color: var(--imgChoiceLabelColorActiveOutlineGhost);
  border-color: var(--imgChoiceBorderColorActiveOutlineGhost);
  background-color: color-mix(
    in srgb,
    var(--imgChoiceBaseColorActiveOutlineGhost) 10%,
    var(--imgChoiceBackgroundColorOutlineGhost) 90%
  );
}
.ll-quiz-block[block-preset="outline-ghost"]
  .ll-img-choice-option:has(input:checked)
  .ll-img-choice-option__media {
  color: var(--imgChoiceIconColorActiveOutlineGhost);
}
.ll-quiz-block[block-preset="outline-ghost"]
  .ll-img-choice-option:has(input:checked)
  .ll-img-choice-option__custom-input {
  border-color: var(--imgChoiceBaseColorActiveOutlineGhost);
  background-color: var(--imgChoiceBaseColorActiveOutlineGhost);
}
.ll-quiz-block[block-preset="outline-solid"] .ll-img-choice-option {
  font-size: var(--imgChoiceFontSizeOutlineSolid);
  font-weight: var(--imgChoiceFontWeightOutlineSolid);
  border-radius: var(--imgChoiceBorderRadiusOutlineSolid);
  border-style: var(--borderStyle);
  border-width: var(--imgChoiceBorderWidthOutlineSolid);
  border-color: var(--imgChoiceBorderColorOutlineSolid);
  color: var(--imgChoiceColorOutlineSolid);
  background-color: var(--imgChoiceBackgroundColorOutlineSolid);
  padding: 0;
}
.ll-quiz-block[block-preset="outline-solid"]
  .ll-img-choice-option
  .ll-img-choice-option__media {
  color: var(--imgChoiceIconColorOutlineSolid);
}
.ll-quiz-block[block-preset="outline-solid"]
  .ll-img-choice-option__media--icon
  svg,
.ll-quiz-block[block-preset="outline-solid"]
  .ll-img-choice-option__media--img
  img {
  height: var(--imgChoiceMediaSizeOutlineSolid);
  width: var(--imgChoiceMediaSizeOutlineSolid);
}
.ll-quiz-block[block-preset="outline-solid"]
  .ll-img-choice-option__media--emoji {
  font-size: var(--imgChoiceMediaSizeOutlineSolid);
}
.ll-quiz-block[block-preset="outline-solid"]
  .ll-img-choice-option__custom-input {
  display: var(--imgChoiceInputDisplayOutlineSolid);
  background-color: var(--imgChoiceBackgroundColorOutlineSolid);
  position: absolute;
  top: 6px;
  right: 6px;
}
.ll-quiz-block[block-preset="outline-solid"] .ll-img-choice-option:hover {
  color: var(--imgChoiceColorHoverOutlineSolid);
  border-color: var(--imgChoiceBorderColorHoverOutlineSolid);
  background-color: var(--imgChoiceBaseColorOutlineSolid);
}
.ll-quiz-block[block-preset="outline-solid"]
  .ll-img-choice-option:hover
  .ll-img-choice-option__media {
  color: var(--imgChoiceIconColorHoverOutlineSolid);
}
.ll-quiz-block[block-preset="outline-solid"]
  .ll-img-choice-option:hover
  .ll-img-choice-option__custom-input {
  border-color: var(--imgChoiceBaseColorHoverOutlineSolid);
}
.ll-quiz-block[block-preset="outline-solid"]
  .ll-img-choice-option:has(input:checked) {
  color: var(--imgChoiceColorActiveOutlineSolid);
  border-color: var(--imgChoiceBorderColorActiveOutlineSolid);
  background-color: var(--imgChoiceBaseColorActiveOutlineSolid);
}
.ll-quiz-block[block-preset="outline-solid"]
  .ll-img-choice-option:has(input:checked)
  .ll-img-choice-option__media {
  color: var(--imgChoiceIconColorActiveOutlineSolid);
}
.ll-quiz-block[block-preset="outline-solid"]
  .ll-img-choice-option:has(input:checked)
  .ll-img-choice-option__custom-input {
  border-color: var(--imgChoiceBaseColorActiveOutlineSolid);
  background-color: var(--imgChoiceBaseColorActiveOutlineSolid);
}
.ll-quiz-block[block-preset="half-solid"] .ll-img-choice-option {
  font-size: var(--imgChoiceFontSizeHalfSolid);
  font-weight: var(--imgChoiceFontWeightHalfSolid);
  border-radius: var(--imgChoiceBorderRadiusHalfSolid);
  border-style: var(--borderStyle);
  border-width: var(--imgChoiceBorderWidthHalfSolid);
  border-color: var(--imgChoiceBorderColorHalfSolid);
  color: var(--imgChoiceColorHalfSolid);
  background-color: var(--imgChoiceBackgroundColorHalfSolid);
  padding: 0;
}
.ll-quiz-block[block-preset="half-solid"] .ll-img-choice-option__content {
  background-color: transparent;
}
.ll-quiz-block[block-preset="half-solid"]
  .ll-img-choice-option
  .ll-img-choice-option__media {
  color: var(--imgChoiceIconColorHalfSolid);
}
.ll-quiz-block[block-preset="half-solid"]
  .ll-img-choice-option__media--icon
  svg,
.ll-quiz-block[block-preset="half-solid"]
  .ll-img-choice-option__media--img
  img {
  height: var(--imgChoiceMediaSizeHalfSolid);
  width: var(--imgChoiceMediaSizeHalfSolid);
}
.ll-quiz-block[block-preset="half-solid"] .ll-img-choice-option__media--emoji {
  font-size: var(--imgChoiceMediaSizeHalfSolid);
}
.ll-quiz-block[block-preset="half-solid"] .ll-img-choice-option__custom-input {
  display: var(--imgChoiceInputDisplayHalfSolid);
  background-color: var(--imgChoiceBackgroundColorHalfSolid);
  position: absolute;
  top: 6px;
  right: 6px;
}
.ll-quiz-block[block-preset="half-solid"] .ll-img-choice-option:hover {
  color: var(--imgChoiceColorHoverHalfSolid);
  border-color: var(--imgChoiceBorderColorHoverHalfSolid);
}
.ll-quiz-block[block-preset="half-solid"]
  .ll-img-choice-option:hover
  .ll-img-choice-option__content {
  background-color: var(--imgChoiceBaseColorHoverHalfSolid);
}
.ll-quiz-block[block-preset="half-solid"]
  .ll-img-choice-option:hover
  .ll-img-choice-option__media {
  color: var(--imgChoiceIconColorHoverHalfSolid);
}
.ll-quiz-block[block-preset="half-solid"]
  .ll-img-choice-option:hover
  .ll-img-choice-option__custom-input {
  border-color: var(--imgChoiceBaseColorHoverHalfSolid);
}
.ll-quiz-block[block-preset="half-solid"]
  .ll-img-choice-option:has(input:checked) {
  color: var(--imgChoiceColorActiveHalfSolid);
  border-color: var(--imgChoiceBorderColorActiveHalfSolid);
}
.ll-quiz-block[block-preset="half-solid"]
  .ll-img-choice-option:has(input:checked)
  .ll-img-choice-option__content {
  background-color: var(--imgChoiceBaseColorActiveHalfSolid);
}
.ll-quiz-block[block-preset="half-solid"]
  .ll-img-choice-option:has(input:checked)
  .ll-img-choice-option__media {
  color: var(--imgChoiceIconColorActiveHalfSolid);
}
.ll-quiz-block[block-preset="half-solid"]
  .ll-img-choice-option:has(input:checked)
  .ll-img-choice-option__custom-input {
  border-color: var(--imgChoiceBaseColorActiveHalfSolid);
  background-color: var(--imgChoiceBaseColorActiveHalfSolid);
}
.ll-quiz-block[block-preset="button"] .ll-img-choice-option {
  font-size: var(--imgChoiceFontSizeButton);
  font-weight: var(--imgChoiceFontWeightButton);
  border-radius: var(--imgChoiceBorderRadiusButton);
  color: var(--imgChoiceColorButton);
  background-color: var(--imgChoiceBaseColorButton);
  padding: 0;
  border: none;
}
.ll-quiz-block[block-preset="button"]
  .ll-img-choice-option
  .ll-img-choice-option__media {
  color: var(--imgChoiceIconColorButton);
}
.ll-quiz-block[block-preset="button"] .ll-img-choice-option__media--icon svg,
.ll-quiz-block[block-preset="button"] .ll-img-choice-option__media--img img {
  height: var(--imgChoiceMediaSizeButton);
  width: var(--imgChoiceMediaSizeButton);
}
.ll-quiz-block[block-preset="button"] .ll-img-choice-option__media--emoji {
  font-size: var(--imgChoiceMediaSizeButton);
}
.ll-quiz-block[block-preset="button"] .ll-img-choice-option__custom-input {
  display: var(--imgChoiceInputDisplayButton);
  border: none;
  background-color: transparent;
  position: absolute;
  top: 6px;
  right: 6px;
}
.ll-quiz-block[block-preset="button"] .ll-img-choice-option:hover {
  color: var(--imgChoiceColorHoverButton);
  background: color-mix(in srgb, var(--imgChoiceBaseColorButton) 95%, black 5%);
}
.ll-quiz-block[block-preset="button"]
  .ll-img-choice-option:hover
  .ll-img-choice-option__media {
  color: var(--imgChoiceIconColorHoverButton);
}
.ll-quiz-block[block-preset="button"] .ll-img-choice-option:has(input:checked) {
  color: var(--imgChoiceColorActiveButton);
  background: color-mix(
    in srgb,
    var(--imgChoiceBaseColorButton) 90%,
    black 10%
  );
}
.ll-quiz-block[block-preset="button"]
  .ll-img-choice-option:has(input:checked)
  .ll-img-choice-option__media {
  color: var(--imgChoiceIconColorActiveButton);
}
.ll-quiz-block-links-wrapper {
  display: flex;
  flex-wrap: wrap;
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  justify-content: center;
}
.ll-quiz-block--links[block-preset="simple"] .ll-quiz-block-links-wrapper {
  gap: var(--linksGap, 12px);
}
.ll-quiz-block--links[block-preset="simple"] .ll-quiz-block-links-wrapper a {
  margin: 0;
  padding: 0;
  border: 0;
  font-style: normal;
  font-variant: normal;
  vertical-align: baseline;
  box-sizing: border-box;
  word-break: break-word;
  outline: none;
}
.ll-quiz-block--links[block-preset="simple"] .ll-quiz-block-links-wrapper a {
  color: var(--linksColor, inherit);
  font-size: var(--linksFontSize, 14px);
  text-decoration: var(--linksTextDecoration, none);
  transition: color 0.15s ease-in-out, text-decoration 0.15s ease-in-out;
}
.ll-quiz-block--links[block-preset="simple"]
  .ll-quiz-block-links-wrapper
  a:hover {
  color: var(--linksColorHover, inherit);
  text-decoration: var(--linksTextDecorationHover, underline);
}
.ll-quiz-block--links[block-preset="simple"]
  .ll-quiz-block-links-wrapper
  a:focus {
  outline: 2px solid var(--linksColorHover, inherit);
  outline-offset: 2px;
}
.ll-quiz-block--links[block-preset="simple"]
  .ll-quiz-block-links-wrapper
  a:active {
  transform: translateY(1px);
}
.ll-quiz-accordion {
  all: unset;
  display: flex;
  flex-direction: column;
  gap: 4px;
  transition: all 0.15s ease-in-out;
  text-align: left;
}
.ll-quiz-accordion .ll-quiz-accordion-item {
  all: unset;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  border-style: solid;
  transition: all 0.15s ease-in-out;
}
.ll-quiz-accordion .ll-quiz-accordion-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
  outline: none;
}
.ll-quiz-accordion .ll-quiz-accordion-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  transition: transform 0.2s ease;
  height: 20px;
  width: 20px;
}
.ll-quiz-accordion
  .ll-quiz-accordion-item[data-state="open"]
  .ll-quiz-accordion-icon {
  transform: rotate(180deg);
}
.ll-quiz-accordion .ll-quiz-accordion-content {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.3s ease;
}
.ll-quiz-accordion .ll-quiz-accordion-content > p {
  all: unset;
  padding-top: 4px;
  font: inherit;
}
.ll-quiz-accordion
  .ll-quiz-accordion-item[data-state="open"]
  .ll-quiz-accordion-content {
  max-height: 1000px;
}
.ll-quiz-accordion
  .ll-quiz-accordion-item[data-state="open"]
  .ll-quiz-accordion-header {
  border-bottom-color: transparent;
}
.ll-quiz-block[block-preset="simple"] .ll-quiz-accordion {
  gap: var(--accordionSpaceBetweenSimple);
}
.ll-quiz-block[block-preset="simple"]
  .ll-quiz-accordion
  .ll-quiz-accordion-item {
  padding: var(--accordionPaddingSimple);
  border-radius: var(--accordionBorderRadiusSimple);
  border-width: var(--accordionBorderWidthSimple);
  border-color: var(--accordionBorderColorSimple);
}
.ll-quiz-block[block-preset="simple"]
  .ll-quiz-accordion
  .ll-quiz-accordion-item[data-state="closed"]:hover {
  background-color: var(--accordionHoverBackgroundSimple);
}
.ll-quiz-block[block-preset="simple"]
  .ll-quiz-accordion
  .ll-quiz-accordion-title {
  font-size: var(--accordionTitleFontSizeSimple);
  font-weight: var(--accordionTitleFontWeightSimple);
  color: var(--accordionTitleColorSimple);
}
.ll-quiz-block[block-preset="simple"]
  .ll-quiz-accordion
  .ll-quiz-accordion-content {
  font-size: var(--accordionTextFontSizeSimple);
  font-weight: var(--accordionTextFontWeightSimple);
  color: var(--accordionTextColorSimple);
}
.ll-quiz-block[block-preset="outline"] .ll-quiz-accordion {
  gap: var(--accordionSpaceBetweenOutline);
}
.ll-quiz-block[block-preset="outline"]
  .ll-quiz-accordion
  .ll-quiz-accordion-item {
  padding: var(--accordionPaddingOutline);
  border-radius: var(--accordionBorderRadiusOutline);
  border-width: var(--accordionBorderWidthOutline);
  border-color: var(--accordionBorderColorOutline);
}
.ll-quiz-block[block-preset="outline"]
  .ll-quiz-accordion
  .ll-quiz-accordion-item[data-state="closed"]:hover {
  background-color: var(--accordionHoverBackgroundOutline);
}
.ll-quiz-block[block-preset="outline"]
  .ll-quiz-accordion
  .ll-quiz-accordion-title {
  font-size: var(--accordionTitleFontSizeOutline);
  font-weight: var(--accordionTitleFontWeightOutline);
  color: var(--accordionTitleColorOutline);
}
.ll-quiz-block[block-preset="outline"]
  .ll-quiz-accordion
  .ll-quiz-accordion-content {
  font-size: var(--accordionTextFontSizeOutline);
  font-weight: var(--accordionTextFontWeightOutline);
  color: var(--accordionTextColorOutline);
}
.ll-quiz-default-button {
  all: unset;
  border-width: 0;
  border-style: solid;
  transform: none;
  box-shadow: unset;
  background: transparent;
  border-color: transparent;
  cursor: pointer;
  transition: all 0.2s ease-in-out;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  width: 100%;
}
.ll-quiz-default-button:disabled {
  cursor: not-allowed;
  opacity: 0.5;
}
.ll-quiz-default-button .ll-quiz-block__decorator {
  border: none !important;
  line-height: 1;
  padding: 0;
}
.ll-quiz-block .ll-quiz-default-button .ll-quiz-block__decorator > svg {
  min-height: 100%;
  min-width: 100%;
  height: 100%;
  width: 100%;
}
.ll-quiz-default-button[block-preset="solid"] {
  background: var(--defaultButtonBaseColorSolid);
  border-radius: var(--defaultButtonBorderRadiusSolid);
  color: var(--defaultButtonColorSolid);
  font-size: var(--defaultButtonFontSizeSolid);
  font-weight: var(--defaultButtonFontWeightSolid);
  padding: var(--defaultButtonPaddingSolid) !important;
}
.ll-quiz-default-button[block-preset="solid"] .ll-quiz-block__decorator {
  color: var(--defaultButtonColorSolid);
  font-size: var(--defaultButtonIconSizeSolid);
  height: var(--defaultButtonIconSizeSolid);
  width: var(--defaultButtonIconSizeSolid);
}
.ll-quiz-default-button[block-preset="solid"]:hover {
  background: color-mix(
    in srgb,
    var(--defaultButtonBaseColorSolid) 95%,
    black 5%
  );
  color: var(--defaultButtonColorHoverSolid);
}
.ll-quiz-default-button[block-preset="solid"]:hover .ll-quiz-block__decorator {
  color: var(--defaultButtonColorHoverSolid);
}
.ll-quiz-default-button[block-preset="solid"]:focus {
  background: color-mix(
    in srgb,
    var(--defaultButtonBaseColorSolid) 90%,
    black 10%
  );
  color: var(--defaultButtonColorFocusSolid);
}
.ll-quiz-default-button[block-preset="solid"]:focus .ll-quiz-block__decorator {
  color: var(--defaultButtonColorFocusSolid);
}
.ll-quiz-default-button[block-preset="outline"] {
  background: transparent;
  border-radius: var(--defaultButtonBorderRadiusOutline);
  border-width: var(--defaultButtonBorderWidthOutline);
  border-color: var(--defaultButtonBorderColorOutline);
  color: var(--defaultButtonColorOutline);
  font-size: var(--defaultButtonFontSizeOutline);
  font-weight: var(--defaultButtonFontWeightOutline);
  padding: var(--defaultButtonPaddingOutline) !important;
}
.ll-quiz-default-button[block-preset="outline"] .ll-quiz-block__decorator {
  color: var(--defaultButtonColorOutline);
  font-size: var(--defaultButtonIconSizeOutline);
  height: var(--defaultButtonIconSizeOutline);
  width: var(--defaultButtonIconSizeOutline);
}
.ll-quiz-default-button[block-preset="outline"]:hover {
  background: color-mix(
    in srgb,
    var(--defaultButtonBaseColorOutline) 3%,
    transparent 97%
  );
  border-color: var(--defaultButtonBorderColorHoverOutline);
  color: var(--defaultButtonColorHoverOutline);
}
.ll-quiz-default-button[block-preset="outline"]:hover
  .ll-quiz-block__decorator {
  color: var(--defaultButtonColorHoverOutline);
}
.ll-quiz-default-button[block-preset="outline"]:focus {
  background: color-mix(
    in srgb,
    var(--defaultButtonBaseColorOutline) 5%,
    transparent 95%
  );
  border-color: var(--defaultButtonBorderColorFocusOutline);
  color: var(--defaultButtonColorFocusOutline);
}
.ll-quiz-default-button[block-preset="outline"]:focus
  .ll-quiz-block__decorator {
  color: var(--defaultButtonColorFocusOutline);
}
.ll-quiz-default-button[block-preset="rounded"] {
  background: var(--defaultButtonBaseColorRounded);
  border-radius: 1000px;
  color: var(--defaultButtonColorRounded);
  font-size: var(--defaultButtonFontSizeRounded);
  font-weight: var(--defaultButtonFontWeightRounded);
  padding: var(--defaultButtonPaddingRounded) !important;
}
.ll-quiz-default-button[block-preset="rounded"] .ll-quiz-block__decorator {
  color: var(--defaultButtonColorRounded);
  font-size: var(--defaultButtonIconSizeRounded);
  height: var(--defaultButtonIconSizeRounded);
  width: var(--defaultButtonIconSizeRounded);
}
.ll-quiz-default-button[block-preset="rounded"]:hover {
  background: color-mix(
    in srgb,
    var(--defaultButtonBaseColorRounded) 95%,
    black 5%
  );
  color: var(--defaultButtonColorHoverRounded);
}
.ll-quiz-default-button[block-preset="rounded"]:hover
  .ll-quiz-block__decorator {
  color: var(--defaultButtonColorHoverRounded);
}
.ll-quiz-default-button[block-preset="rounded"]:focus {
  background: color-mix(
    in srgb,
    var(--defaultButtonBaseColorRounded) 90%,
    black 10%
  );
  color: var(--defaultButtonColorFocusRounded);
}
.ll-quiz-default-button[block-preset="rounded"]:focus
  .ll-quiz-block__decorator {
  color: var(--defaultButtonColorFocusRounded);
}
.ll-quiz-default-button[block-preset="ghost"] {
  background: color-mix(
    in srgb,
    var(--defaultButtonBaseColorGhost) 10%,
    transparent 90%
  );
  border-radius: var(--defaultButtonBorderRadiusGhost);
  color: var(--defaultButtonColorGhost);
  font-size: var(--defaultButtonFontSizeGhost);
  font-weight: var(--defaultButtonFontWeightGhost);
  padding: var(--defaultButtonPaddingGhost) !important;
}
.ll-quiz-default-button[block-preset="ghost"] .ll-quiz-block__decorator {
  color: var(--defaultButtonColorGhost);
  font-size: var(--defaultButtonIconSizeGhost);
  height: var(--defaultButtonIconSizeGhost);
  width: var(--defaultButtonIconSizeGhost);
}
.ll-quiz-default-button[block-preset="ghost"]:hover {
  background: color-mix(
    in srgb,
    var(--defaultButtonBaseColorGhost) 15%,
    transparent 85%
  );
  color: var(--defaultButtonColorHoverGhost);
}
.ll-quiz-default-button[block-preset="ghost"]:hover .ll-quiz-block__decorator {
  color: var(--defaultButtonColorHoverGhost);
}
.ll-quiz-default-button[block-preset="ghost"]:focus {
  background: color-mix(
    in srgb,
    var(--defaultButtonBaseColorGhost) 20%,
    transparent 80%
  );
  color: var(--defaultButtonColorFocusGhost);
}
.ll-quiz-default-button[block-preset="ghost"]:focus .ll-quiz-block__decorator {
  color: var(--defaultButtonColorFocusGhost);
}
.ll-quiz-default-button[block-preset="ghost-outline"] {
  background: color-mix(
    in srgb,
    var(--defaultButtonBaseColorGhostOutline) 10%,
    transparent 90%
  );
  border-radius: var(--defaultButtonBorderRadiusGhostOutline);
  border-width: var(--defaultButtonBorderWidthGhostOutline);
  border-color: var(--defaultButtonBorderColorGhostOutline);
  color: var(--defaultButtonColorGhostOutline);
  font-size: var(--defaultButtonFontSizeGhostOutline);
  font-weight: var(--defaultButtonFontWeightGhostOutline);
  padding: var(--defaultButtonPaddingGhostOutline) !important;
}
.ll-quiz-default-button[block-preset="ghost-outline"]
  .ll-quiz-block__decorator {
  color: var(--defaultButtonColorGhostOutline);
  font-size: var(--defaultButtonIconSizeGhostOutline);
  height: var(--defaultButtonIconSizeGhostOutline);
  width: var(--defaultButtonIconSizeGhostOutline);
}
.ll-quiz-default-button[block-preset="ghost-outline"]:hover {
  background: color-mix(
    in srgb,
    var(--defaultButtonBaseColorGhostOutline) 15%,
    transparent 85%
  );
  border-color: var(--defaultButtonBorderColorHoverGhostOutline);
  color: var(--defaultButtonColorHoverGhostOutline);
}
.ll-quiz-default-button[block-preset="ghost-outline"]:hover
  .ll-quiz-block__decorator {
  color: var(--defaultButtonColorHoverGhostOutline);
}
.ll-quiz-default-button[block-preset="ghost-outline"]:focus {
  background: color-mix(
    in srgb,
    var(--defaultButtonBaseColorGhostOutline) 20%,
    transparent 80%
  );
  border-color: var(--defaultButtonBorderColorFocusGhostOutline);
  color: var(--defaultButtonColorFocusGhostOutline);
}
.ll-quiz-default-button[block-preset="ghost-outline"]:focus
  .ll-quiz-block__decorator {
  color: var(--defaultButtonColorFocusGhostOutline);
}
.ll-quiz-default-button[block-preset="text"] {
  border-radius: var(--defaultButtonBorderRadiusText);
  color: var(--defaultButtonColorText);
  font-size: var(--defaultButtonFontSizeText);
  font-weight: var(--defaultButtonFontWeightText);
  padding: var(--defaultButtonPaddingText) !important;
}
.ll-quiz-default-button[block-preset="text"] .ll-quiz-block__decorator {
  color: var(--defaultButtonColorText);
  font-size: var(--defaultButtonIconSizeText);
  height: var(--defaultButtonIconSizeText);
  width: var(--defaultButtonIconSizeText);
}
.ll-quiz-default-button[block-preset="text"]:hover {
  background: color-mix(
    in srgb,
    var(--defaultButtonBaseColorText) 10%,
    transparent 90%
  );
  color: var(--defaultButtonColorHoverText);
}
.ll-quiz-default-button[block-preset="text"]:hover .ll-quiz-block__decorator {
  color: var(--defaultButtonColorHoverText);
}
.ll-quiz-default-button[block-preset="text"]:focus {
  background: color-mix(
    in srgb,
    var(--defaultButtonBaseColorText) 15%,
    transparent 95%
  );
  color: var(--defaultButtonColorFocusText);
}
.ll-quiz-default-button[block-preset="text"]:focus .ll-quiz-block__decorator {
  color: var(--defaultButtonColorFocusText);
}
.ll-quiz-default-button[block-preset="link"] {
  border-radius: var(--borderCornerRadius);
  color: var(--defaultButtonColorLink);
  font-size: var(--defaultButtonFontSizeLink);
  font-weight: var(--defaultButtonFontWeightLink);
  padding: var(--defaultButtonPaddingLink) !important;
}
.ll-quiz-default-button[block-preset="link"] .ll-quiz-block__decorator {
  color: var(--defaultButtonColorLink);
  font-size: var(--defaultButtonIconSizeLink);
  height: var(--defaultButtonIconSizeLink);
  width: var(--defaultButtonIconSizeLink);
}
.ll-quiz-default-button[block-preset="link"]:hover {
  color: var(--defaultButtonColorHoverLink);
  text-decoration: underline;
}
.ll-quiz-default-button[block-preset="link"]:hover .ll-quiz-block__decorator {
  color: var(--defaultButtonColorHoverLink);
}
.ll-quiz-default-button[block-preset="link"]:focus {
  color: var(--defaultButtonColorFocusLink);
}
.ll-quiz-default-button[block-preset="link"]:focus .ll-quiz-block__decorator {
  color: var(--defaultButtonColorFocusLink);
}
.ll-quiz-continue-button {
  all: unset;
  border-width: 0;
  border-style: solid;
  transform: none;
  box-shadow: unset;
  background: transparent;
  border-color: transparent;
  cursor: pointer;
  transition: all 0.2s ease-in-out;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  width: 100%;
}
.ll-quiz-continue-button:disabled {
  cursor: not-allowed;
  opacity: 0.5;
}
.ll-quiz-continue-button .ll-quiz-block__decorator {
  border: none !important;
  line-height: 1;
  padding: 0;
}
.ll-quiz-block .ll-quiz-continue-button .ll-quiz-block__decorator svg {
  min-height: 100%;
  min-width: 100%;
  height: 100%;
  width: 100%;
}
.ll-quiz-continue-button[block-preset="solid"] {
  background: var(--continueButtonBaseColorSolid);
  border-radius: var(--continueButtonBorderRadiusSolid);
  color: var(--continueButtonColorSolid);
  font-size: var(--continueButtonFontSizeSolid);
  font-weight: var(--continueButtonFontWeightSolid);
  padding: var(--continueButtonPaddingSolid) !important;
}
.ll-quiz-continue-button[block-preset="solid"] .ll-quiz-block__decorator {
  color: var(--continueButtonColorSolid);
  font-size: var(--continueButtonIconSizeSolid);
  height: var(--continueButtonIconSizeSolid);
  width: var(--continueButtonIconSizeSolid);
}
.ll-quiz-continue-button[block-preset="solid"]:hover {
  background: color-mix(
    in srgb,
    var(--continueButtonBaseColorSolid) 95%,
    black 5%
  );
  color: var(--continueButtonColorHoverSolid);
}
.ll-quiz-continue-button[block-preset="solid"]:hover .ll-quiz-block__decorator {
  color: var(--continueButtonColorHoverSolid);
}
.ll-quiz-continue-button[block-preset="solid"]:focus {
  background: color-mix(
    in srgb,
    var(--continueButtonBaseColorSolid) 90%,
    black 10%
  );
  color: var(--continueButtonColorFocusSolid);
}
.ll-quiz-continue-button[block-preset="solid"]:focus .ll-quiz-block__decorator {
  color: var(--continueButtonColorFocusSolid);
}
.ll-quiz-continue-button[block-preset="outline"] {
  background: transparent;
  border-radius: var(--continueButtonBorderRadiusOutline);
  border-width: var(--continueButtonBorderWidthOutline);
  border-color: var(--continueButtonBorderColorOutline);
  color: var(--continueButtonColorOutline);
  font-size: var(--continueButtonFontSizeOutline);
  font-weight: var(--continueButtonFontWeightOutline);
  padding: var(--continueButtonPaddingOutline) !important;
}
.ll-quiz-continue-button[block-preset="outline"] .ll-quiz-block__decorator {
  color: var(--continueButtonColorOutline);
  font-size: var(--continueButtonIconSizeOutline);
  height: var(--continueButtonIconSizeOutline);
  width: var(--continueButtonIconSizeOutline);
}
.ll-quiz-continue-button[block-preset="outline"]:hover {
  background: color-mix(
    in srgb,
    var(--continueButtonBaseColorOutline) 3%,
    transparent 97%
  );
  border-color: var(--continueButtonBorderColorHoverOutline);
  color: var(--continueButtonColorHoverOutline);
}
.ll-quiz-continue-button[block-preset="outline"]:hover
  .ll-quiz-block__decorator {
  color: var(--continueButtonColorHoverOutline);
}
.ll-quiz-continue-button[block-preset="outline"]:focus {
  background: color-mix(
    in srgb,
    var(--continueButtonBaseColorOutline) 5%,
    transparent 95%
  );
  border-color: var(--continueButtonBorderColorFocusOutline);
  color: var(--continueButtonColorFocusOutline);
}
.ll-quiz-continue-button[block-preset="outline"]:focus
  .ll-quiz-block__decorator {
  color: var(--continueButtonColorFocusOutline);
}
.ll-quiz-continue-button[block-preset="rounded"] {
  background: var(--continueButtonBaseColorRounded);
  border-radius: 1000px;
  color: var(--continueButtonColorRounded);
  font-size: var(--continueButtonFontSizeRounded);
  font-weight: var(--continueButtonFontWeightRounded);
  padding: var(--continueButtonPaddingRounded) !important;
}
.ll-quiz-continue-button[block-preset="rounded"] .ll-quiz-block__decorator {
  color: var(--continueButtonColorRounded);
  font-size: var(--continueButtonIconSizeRounded);
  height: var(--continueButtonIconSizeRounded);
  width: var(--continueButtonIconSizeRounded);
}
.ll-quiz-continue-button[block-preset="rounded"]:hover {
  background: color-mix(
    in srgb,
    var(--continueButtonBaseColorRounded) 95%,
    black 5%
  );
  color: var(--continueButtonColorHoverRounded);
}
.ll-quiz-continue-button[block-preset="rounded"]:hover
  .ll-quiz-block__decorator {
  color: var(--continueButtonColorHoverRounded);
}
.ll-quiz-continue-button[block-preset="rounded"]:focus {
  background: color-mix(
    in srgb,
    var(--continueButtonBaseColorRounded) 90%,
    black 10%
  );
  color: var(--continueButtonColorFocusRounded);
}
.ll-quiz-continue-button[block-preset="rounded"]:focus
  .ll-quiz-block__decorator {
  color: var(--continueButtonColorFocusRounded);
}
.ll-quiz-continue-button[block-preset="ghost"] {
  background: color-mix(
    in srgb,
    var(--continueButtonBaseColorGhost) 10%,
    transparent 90%
  );
  border-radius: var(--continueButtonBorderRadiusGhost);
  color: var(--continueButtonColorGhost);
  font-size: var(--continueButtonFontSizeGhost);
  font-weight: var(--continueButtonFontWeightGhost);
  padding: var(--continueButtonPaddingGhost) !important;
}
.ll-quiz-continue-button[block-preset="ghost"] .ll-quiz-block__decorator {
  color: var(--continueButtonColorGhost);
  font-size: var(--continueButtonIconSizeGhost);
  height: var(--continueButtonIconSizeGhost);
  width: var(--continueButtonIconSizeGhost);
}
.ll-quiz-continue-button[block-preset="ghost"]:hover {
  background: color-mix(
    in srgb,
    var(--continueButtonBaseColorGhost) 15%,
    transparent 85%
  );
  color: var(--continueButtonColorHoverGhost);
}
.ll-quiz-continue-button[block-preset="ghost"]:hover .ll-quiz-block__decorator {
  color: var(--continueButtonColorHoverGhost);
}
.ll-quiz-continue-button[block-preset="ghost"]:focus {
  background: color-mix(
    in srgb,
    var(--continueButtonBaseColorGhost) 20%,
    transparent 80%
  );
  color: var(--continueButtonColorFocusGhost);
}
.ll-quiz-continue-button[block-preset="ghost"]:focus .ll-quiz-block__decorator {
  color: var(--continueButtonColorFocusGhost);
}
.ll-quiz-continue-button[block-preset="ghost-outline"] {
  background: color-mix(
    in srgb,
    var(--continueButtonBaseColorGhostOutline) 10%,
    transparent 90%
  );
  border-radius: var(--continueButtonBorderRadiusGhostOutline);
  border-width: var(--continueButtonBorderWidthGhostOutline);
  border-color: var(--continueButtonBorderColorGhostOutline);
  color: var(--continueButtonColorGhostOutline);
  font-size: var(--continueButtonFontSizeGhostOutline);
  font-weight: var(--continueButtonFontWeightGhostOutline);
  padding: var(--continueButtonPaddingGhostOutline) !important;
}
.ll-quiz-continue-button[block-preset="ghost-outline"]
  .ll-quiz-block__decorator {
  color: var(--continueButtonColorGhostOutline);
  font-size: var(--continueButtonIconSizeGhostOutline);
  height: var(--continueButtonIconSizeGhostOutline);
  width: var(--continueButtonIconSizeGhostOutline);
}
.ll-quiz-continue-button[block-preset="ghost-outline"]:hover {
  background: color-mix(
    in srgb,
    var(--continueButtonBaseColorGhostOutline) 15%,
    transparent 85%
  );
  border-color: var(--continueButtonBorderColorHoverGhostOutline);
  color: var(--continueButtonColorHoverGhostOutline);
}
.ll-quiz-continue-button[block-preset="ghost-outline"]:hover
  .ll-quiz-block__decorator {
  color: var(--continueButtonColorHoverGhostOutline);
}
.ll-quiz-continue-button[block-preset="ghost-outline"]:focus {
  background: color-mix(
    in srgb,
    var(--continueButtonBaseColorGhostOutline) 20%,
    transparent 80%
  );
  border-color: var(--continueButtonBorderColorFocusGhostOutline);
  color: var(--continueButtonColorFocusGhostOutline);
}
.ll-quiz-continue-button[block-preset="ghost-outline"]:focus
  .ll-quiz-block__decorator {
  color: var(--continueButtonColorFocusGhostOutline);
}
.ll-quiz-continue-button[block-preset="text"] {
  border-radius: var(--continueButtonBorderRadiusText);
  color: var(--continueButtonColorText);
  font-size: var(--continueButtonFontSizeText);
  font-weight: var(--continueButtonFontWeightText);
  padding: var(--continueButtonPaddingText) !important;
}
.ll-quiz-continue-button[block-preset="text"] .ll-quiz-block__decorator {
  color: var(--continueButtonColorText);
  font-size: var(--continueButtonIconSizeText);
  height: var(--continueButtonIconSizeText);
  width: var(--continueButtonIconSizeText);
}
.ll-quiz-continue-button[block-preset="text"]:hover {
  background: color-mix(
    in srgb,
    var(--continueButtonBaseColorText) 10%,
    transparent 90%
  );
  color: var(--continueButtonColorHoverText);
}
.ll-quiz-continue-button[block-preset="text"]:hover .ll-quiz-block__decorator {
  color: var(--continueButtonColorHoverText);
}
.ll-quiz-continue-button[block-preset="text"]:focus {
  background: color-mix(
    in srgb,
    var(--continueButtonBaseColorText) 15%,
    transparent 95%
  );
  color: var(--continueButtonColorFocusText);
}
.ll-quiz-continue-button[block-preset="text"]:focus .ll-quiz-block__decorator {
  color: var(--continueButtonColorFocusText);
}
.ll-quiz-continue-button[block-preset="link"] {
  border-radius: var(--borderCornerRadius);
  color: var(--continueButtonColorLink);
  font-size: var(--continueButtonFontSizeLink);
  font-weight: var(--continueButtonFontWeightLink);
  padding: var(--continueButtonPaddingLink) !important;
}
.ll-quiz-continue-button[block-preset="link"] .ll-quiz-block__decorator {
  color: var(--continueButtonColorLink);
  font-size: var(--continueButtonIconSizeLink);
  height: var(--continueButtonIconSizeLink);
  width: var(--continueButtonIconSizeLink);
}
.ll-quiz-continue-button[block-preset="link"]:hover {
  color: var(--continueButtonColorHoverLink);
  text-decoration: underline;
}
.ll-quiz-continue-button[block-preset="link"]:hover .ll-quiz-block__decorator {
  color: var(--continueButtonColorHoverLink);
}
.ll-quiz-continue-button[block-preset="link"]:focus {
  color: var(--continueButtonColorFocusLink);
}
.ll-quiz-continue-button[block-preset="link"]:focus .ll-quiz-block__decorator {
  color: var(--continueButtonColorFocusLink);
}
.ll-quiz-previous-button {
  all: unset;
  border-width: 0;
  border-style: solid;
  transform: none;
  box-shadow: unset;
  background: transparent;
  border-color: transparent;
  cursor: pointer;
  transition: all 0.2s ease-in-out;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  width: 100%;
}
.ll-quiz-previous-button:disabled {
  cursor: not-allowed;
  opacity: 0.5;
}
.ll-quiz-previous-button .ll-quiz-block__decorator {
  border: none !important;
  line-height: 1;
  padding: 0;
}
.ll-quiz-block .ll-quiz-previous-button .ll-quiz-block__decorator > svg {
  min-height: 100%;
  min-width: 100%;
  height: 100%;
  width: 100%;
}
.ll-quiz-previous-button[block-preset="solid"] {
  background: var(--previousButtonBaseColorSolid);
  border-radius: var(--previousButtonBorderRadiusSolid);
  color: var(--previousButtonColorSolid);
  font-size: var(--previousButtonFontSizeSolid);
  font-weight: var(--previousButtonFontWeightSolid);
  padding: var(--previousButtonPaddingSolid) !important;
}
.ll-quiz-previous-button[block-preset="solid"] .ll-quiz-block__decorator {
  color: var(--previousButtonColorSolid);
  font-size: var(--previousButtonIconSizeSolid);
  height: var(--previousButtonIconSizeSolid);
  width: var(--previousButtonIconSizeSolid);
}
.ll-quiz-previous-button[block-preset="solid"]:hover {
  background: color-mix(
    in srgb,
    var(--previousButtonBaseColorSolid) 95%,
    black 5%
  );
  color: var(--previousButtonColorHoverSolid);
}
.ll-quiz-previous-button[block-preset="solid"]:hover .ll-quiz-block__decorator {
  color: var(--previousButtonColorHoverSolid);
}
.ll-quiz-previous-button[block-preset="solid"]:focus {
  background: color-mix(
    in srgb,
    var(--previousButtonBaseColorSolid) 90%,
    black 10%
  );
  color: var(--previousButtonColorFocusSolid);
}
.ll-quiz-previous-button[block-preset="solid"]:focus .ll-quiz-block__decorator {
  color: var(--previousButtonColorFocusSolid);
}
.ll-quiz-previous-button[block-preset="outline"] {
  background: transparent;
  border-radius: var(--previousButtonBorderRadiusOutline);
  border-width: var(--previousButtonBorderWidthOutline);
  border-color: var(--previousButtonBorderColorOutline);
  color: var(--previousButtonColorOutline);
  font-size: var(--previousButtonFontSizeOutline);
  font-weight: var(--previousButtonFontWeightOutline);
  padding: var(--previousButtonPaddingOutline) !important;
}
.ll-quiz-previous-button[block-preset="outline"] .ll-quiz-block__decorator {
  color: var(--previousButtonColorOutline);
  font-size: var(--previousButtonIconSizeOutline);
  height: var(--previousButtonIconSizeOutline);
  width: var(--previousButtonIconSizeOutline);
}
.ll-quiz-previous-button[block-preset="outline"]:hover {
  background: color-mix(
    in srgb,
    var(--previousButtonBaseColorOutline) 3%,
    transparent 97%
  );
  border-color: var(--previousButtonBorderColorHoverOutline);
  color: var(--previousButtonColorHoverOutline);
}
.ll-quiz-previous-button[block-preset="outline"]:hover
  .ll-quiz-block__decorator {
  color: var(--previousButtonColorHoverOutline);
}
.ll-quiz-previous-button[block-preset="outline"]:focus {
  background: color-mix(
    in srgb,
    var(--previousButtonBaseColorOutline) 5%,
    transparent 95%
  );
  border-color: var(--previousButtonBorderColorFocusOutline);
  color: var(--previousButtonColorFocusOutline);
}
.ll-quiz-previous-button[block-preset="outline"]:focus
  .ll-quiz-block__decorator {
  color: var(--previousButtonColorFocusOutline);
}
.ll-quiz-previous-button[block-preset="rounded"] {
  background: var(--previousButtonBaseColorRounded);
  border-radius: 1000px;
  color: var(--previousButtonColorRounded);
  font-size: var(--previousButtonFontSizeRounded);
  font-weight: var(--previousButtonFontWeightRounded);
  padding: var(--previousButtonPaddingRounded) !important;
}
.ll-quiz-previous-button[block-preset="rounded"] .ll-quiz-block__decorator {
  color: var(--previousButtonColorRounded);
  font-size: var(--previousButtonIconSizeRounded);
  height: var(--previousButtonIconSizeRounded);
  width: var(--previousButtonIconSizeRounded);
}
.ll-quiz-previous-button[block-preset="rounded"]:hover {
  background: color-mix(
    in srgb,
    var(--previousButtonBaseColorRounded) 95%,
    black 5%
  );
  color: var(--previousButtonColorHoverRounded);
}
.ll-quiz-previous-button[block-preset="rounded"]:hover
  .ll-quiz-block__decorator {
  color: var(--previousButtonColorHoverRounded);
}
.ll-quiz-previous-button[block-preset="rounded"]:focus {
  background: color-mix(
    in srgb,
    var(--previousButtonBaseColorRounded) 90%,
    black 10%
  );
  color: var(--previousButtonColorFocusRounded);
}
.ll-quiz-previous-button[block-preset="rounded"]:focus
  .ll-quiz-block__decorator {
  color: var(--previousButtonColorFocusRounded);
}
.ll-quiz-previous-button[block-preset="ghost"] {
  background: color-mix(
    in srgb,
    var(--previousButtonBaseColorGhost) 10%,
    transparent 90%
  );
  border-radius: var(--previousButtonBorderRadiusGhost);
  color: var(--previousButtonColorGhost);
  font-size: var(--previousButtonFontSizeGhost);
  font-weight: var(--previousButtonFontWeightGhost);
  padding: var(--previousButtonPaddingGhost) !important;
}
.ll-quiz-previous-button[block-preset="ghost"] .ll-quiz-block__decorator {
  color: var(--previousButtonColorGhost);
  font-size: var(--previousButtonIconSizeGhost);
  height: var(--previousButtonIconSizeGhost);
  width: var(--previousButtonIconSizeGhost);
}
.ll-quiz-previous-button[block-preset="ghost"]:hover {
  background: color-mix(
    in srgb,
    var(--previousButtonBaseColorGhost) 15%,
    transparent 85%
  );
  color: var(--previousButtonColorHoverGhost);
}
.ll-quiz-previous-button[block-preset="ghost"]:hover .ll-quiz-block__decorator {
  color: var(--previousButtonColorHoverGhost);
}
.ll-quiz-previous-button[block-preset="ghost"]:focus {
  background: color-mix(
    in srgb,
    var(--previousButtonBaseColorGhost) 20%,
    transparent 80%
  );
  color: var(--previousButtonColorFocusGhost);
}
.ll-quiz-previous-button[block-preset="ghost"]:focus .ll-quiz-block__decorator {
  color: var(--previousButtonColorFocusGhost);
}
.ll-quiz-previous-button[block-preset="ghost-outline"] {
  background: color-mix(
    in srgb,
    var(--previousButtonBaseColorGhostOutline) 10%,
    transparent 90%
  );
  border-radius: var(--previousButtonBorderRadiusGhostOutline);
  border-width: var(--previousButtonBorderWidthGhostOutline);
  border-color: var(--previousButtonBorderColorGhostOutline);
  color: var(--previousButtonColorGhostOutline);
  font-size: var(--previousButtonFontSizeGhostOutline);
  font-weight: var(--previousButtonFontWeightGhostOutline);
  padding: var(--previousButtonPaddingGhostOutline) !important;
}
.ll-quiz-previous-button[block-preset="ghost-outline"]
  .ll-quiz-block__decorator {
  color: var(--previousButtonColorGhostOutline);
  font-size: var(--previousButtonIconSizeGhostOutline);
  height: var(--previousButtonIconSizeGhostOutline);
  width: var(--previousButtonIconSizeGhostOutline);
}
.ll-quiz-previous-button[block-preset="ghost-outline"]:hover {
  background: color-mix(
    in srgb,
    var(--previousButtonBaseColorGhostOutline) 15%,
    transparent 85%
  );
  border-color: var(--previousButtonBorderColorHoverGhostOutline);
  color: var(--previousButtonColorHoverGhostOutline);
}
.ll-quiz-previous-button[block-preset="ghost-outline"]:hover
  .ll-quiz-block__decorator {
  color: var(--previousButtonColorHoverGhostOutline);
}
.ll-quiz-previous-button[block-preset="ghost-outline"]:focus {
  background: color-mix(
    in srgb,
    var(--previousButtonBaseColorGhostOutline) 20%,
    transparent 80%
  );
  border-color: var(--previousButtonBorderColorFocusGhostOutline);
  color: var(--previousButtonColorFocusGhostOutline);
}
.ll-quiz-previous-button[block-preset="ghost-outline"]:focus
  .ll-quiz-block__decorator {
  color: var(--previousButtonColorFocusGhostOutline);
}
.ll-quiz-previous-button[block-preset="text"] {
  border-radius: var(--previousButtonBorderRadiusText);
  color: var(--previousButtonColorText);
  font-size: var(--previousButtonFontSizeText);
  font-weight: var(--previousButtonFontWeightText);
  padding: var(--previousButtonPaddingText) !important;
}
.ll-quiz-previous-button[block-preset="text"] .ll-quiz-block__decorator {
  color: var(--previousButtonColorText);
  font-size: var(--previousButtonIconSizeText);
  height: var(--previousButtonIconSizeText);
  width: var(--previousButtonIconSizeText);
}
.ll-quiz-previous-button[block-preset="text"]:hover {
  background: color-mix(
    in srgb,
    var(--previousButtonBaseColorText) 10%,
    transparent 90%
  );
  color: var(--previousButtonColorHoverText);
}
.ll-quiz-previous-button[block-preset="text"]:hover .ll-quiz-block__decorator {
  color: var(--previousButtonColorHoverText);
}
.ll-quiz-previous-button[block-preset="text"]:focus {
  background: color-mix(
    in srgb,
    var(--previousButtonBaseColorText) 15%,
    transparent 95%
  );
  color: var(--previousButtonColorFocusText);
}
.ll-quiz-previous-button[block-preset="text"]:focus .ll-quiz-block__decorator {
  color: var(--previousButtonColorFocusText);
}
.ll-quiz-previous-button[block-preset="link"] {
  border-radius: var(--borderCornerRadius);
  color: var(--previousButtonColorLink);
  font-size: var(--previousButtonFontSizeLink);
  font-weight: var(--previousButtonFontWeightLink);
  padding: var(--previousButtonPaddingLink) !important;
}
.ll-quiz-previous-button[block-preset="link"] .ll-quiz-block__decorator {
  color: var(--previousButtonColorLink);
  font-size: var(--previousButtonIconSizeLink);
  height: var(--previousButtonIconSizeLink);
  width: var(--previousButtonIconSizeLink);
}
.ll-quiz-previous-button[block-preset="link"]:hover {
  color: var(--previousButtonColorHoverLink);
  text-decoration: underline;
}
.ll-quiz-previous-button[block-preset="link"]:hover .ll-quiz-block__decorator {
  color: var(--previousButtonColorHoverLink);
}
.ll-quiz-previous-button[block-preset="link"]:focus {
  color: var(--previousButtonColorFocusLink);
}
.ll-quiz-previous-button[block-preset="link"]:focus .ll-quiz-block__decorator {
  color: var(--previousButtonColorFocusLink);
}
.ll-quiz-submit-button {
  all: unset;
  border-width: 0;
  border-style: solid;
  transform: none;
  box-shadow: unset;
  background: transparent;
  border-color: transparent;
  cursor: pointer;
  transition: all 0.2s ease-in-out;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  width: 100%;
}
.ll-quiz-submit-button:disabled {
  cursor: not-allowed;
  opacity: 0.5;
}
.ll-quiz-submit-button .ll-quiz-block__decorator {
  border: none !important;
  line-height: 1;
  padding: 0;
}
.ll-quiz-block .ll-quiz-submit-button .ll-quiz-block__decorator > svg {
  min-height: 100%;
  min-width: 100%;
  height: 100%;
  width: 100%;
}
.ll-quiz-button-loader {
  display: none;
  align-items: center;
  justify-content: center;
}
.ll-quiz-submit-button[submitting="true"] .ll-quiz-button-loader {
  display: flex;
}
.ll-quiz-submit-button[submitting="true"] .ll-quiz-block__decorator--suffix,
.ll-quiz-submit-button[submitted="true"] .ll-quiz-block__decorator--suffix {
  display: none;
}
.ll-quiz-button-loader-circle,
.ll-quiz-button-loader-checkmark {
  height: 100%;
  width: 100%;
}
.ll-quiz-button-loader-circle {
  scale: 1.1;
}
.ll-quiz-button-loader-checkmark {
  scale: 0.9;
}
.ll-quiz-button-loader-checkmark {
  display: none;
}
.ll-quiz-submit-button[submitted="true"] .ll-quiz-button-loader-checkmark {
  display: block;
}
.ll-quiz-submit-button[submitted="true"] .ll-quiz-button-loader-circle {
  display: none;
}
.ll-quiz-submit-button[block-preset="solid"] {
  background: var(--submitButtonBaseColorSolid);
  border-radius: var(--submitButtonBorderRadiusSolid);
  color: var(--submitButtonColorSolid);
  font-size: var(--submitButtonFontSizeSolid);
  font-weight: var(--submitButtonFontWeightSolid);
  padding: var(--submitButtonPaddingSolid) !important;
}
.ll-quiz-submit-button[block-preset="solid"] .ll-quiz-block__decorator,
.ll-quiz-submit-button[block-preset="solid"] .ll-quiz-button-loader {
  color: var(--submitButtonColorSolid);
  font-size: var(--submitButtonIconSizeSolid);
  height: var(--submitButtonIconSizeSolid);
  width: var(--submitButtonIconSizeSolid);
}
.ll-quiz-submit-button[block-preset="solid"]:hover {
  background: color-mix(
    in srgb,
    var(--submitButtonBaseColorSolid) 95%,
    black 5%
  );
  color: var(--submitButtonColorHoverSolid);
}
.ll-quiz-submit-button[block-preset="solid"]:hover .ll-quiz-block__decorator {
  color: var(--submitButtonColorHoverSolid);
}
.ll-quiz-submit-button[block-preset="solid"]:focus {
  background: color-mix(
    in srgb,
    var(--submitButtonBaseColorSolid) 90%,
    black 10%
  );
  color: var(--submitButtonColorFocusSolid);
}
.ll-quiz-submit-button[block-preset="solid"]:focus .ll-quiz-block__decorator {
  color: var(--submitButtonColorFocusSolid);
}
.ll-quiz-submit-button[block-preset="outline"] {
  background: transparent;
  border-radius: var(--submitButtonBorderRadiusOutline);
  border-width: var(--submitButtonBorderWidthOutline);
  border-color: var(--submitButtonBorderColorOutline);
  color: var(--submitButtonColorOutline);
  font-size: var(--submitButtonFontSizeOutline);
  font-weight: var(--submitButtonFontWeightOutline);
  padding: var(--submitButtonPaddingOutline) !important;
}
.ll-quiz-submit-button[block-preset="outline"] .ll-quiz-block__decorator,
.ll-quiz-submit-button[block-preset="outline"] .ll-quiz-button-loader {
  color: var(--submitButtonColorOutline);
  font-size: var(--submitButtonIconSizeOutline);
  height: var(--submitButtonIconSizeOutline);
  width: var(--submitButtonIconSizeOutline);
}
.ll-quiz-submit-button[block-preset="outline"]:hover {
  background: color-mix(
    in srgb,
    var(--submitButtonBaseColorOutline) 3%,
    transparent 97%
  );
  border-color: var(--submitButtonBorderColorHoverOutline);
  color: var(--submitButtonColorHoverOutline);
}
.ll-quiz-submit-button[block-preset="outline"]:hover .ll-quiz-block__decorator {
  color: var(--submitButtonColorHoverOutline);
}
.ll-quiz-submit-button[block-preset="outline"]:focus {
  background: color-mix(
    in srgb,
    var(--submitButtonBaseColorOutline) 5%,
    transparent 95%
  );
  border-color: var(--submitButtonBorderColorFocusOutline);
  color: var(--submitButtonColorFocusOutline);
}
.ll-quiz-submit-button[block-preset="outline"]:focus .ll-quiz-block__decorator {
  color: var(--submitButtonColorFocusOutline);
}
.ll-quiz-submit-button[block-preset="rounded"] {
  background: var(--submitButtonBaseColorRounded);
  border-radius: 1000px;
  color: var(--submitButtonColorRounded);
  font-size: var(--submitButtonFontSizeRounded);
  font-weight: var(--submitButtonFontWeightRounded);
  padding: var(--submitButtonPaddingRounded) !important;
}
.ll-quiz-submit-button[block-preset="rounded"] .ll-quiz-block__decorator,
.ll-quiz-submit-button[block-preset="rounded"] .ll-quiz-button-loader {
  color: var(--submitButtonColorRounded);
  font-size: var(--submitButtonIconSizeRounded);
  height: var(--submitButtonIconSizeRounded);
  width: var(--submitButtonIconSizeRounded);
}
.ll-quiz-submit-button[block-preset="rounded"]:hover {
  background: color-mix(
    in srgb,
    var(--submitButtonBaseColorRounded) 95%,
    black 5%
  );
  color: var(--submitButtonColorHoverRounded);
}
.ll-quiz-submit-button[block-preset="rounded"]:hover .ll-quiz-block__decorator {
  color: var(--submitButtonColorHoverRounded);
}
.ll-quiz-submit-button[block-preset="rounded"]:focus {
  background: color-mix(
    in srgb,
    var(--submitButtonBaseColorRounded) 90%,
    black 10%
  );
  color: var(--submitButtonColorFocusRounded);
}
.ll-quiz-submit-button[block-preset="rounded"]:focus .ll-quiz-block__decorator {
  color: var(--submitButtonColorFocusRounded);
}
.ll-quiz-submit-button[block-preset="ghost"] {
  background: color-mix(
    in srgb,
    var(--submitButtonBaseColorGhost) 10%,
    transparent 90%
  );
  border-radius: var(--submitButtonBorderRadiusGhost);
  color: var(--submitButtonColorGhost);
  font-size: var(--submitButtonFontSizeGhost);
  font-weight: var(--submitButtonFontWeightGhost);
  padding: var(--submitButtonPaddingGhost) !important;
}
.ll-quiz-submit-button[block-preset="ghost"] .ll-quiz-block__decorator,
.ll-quiz-submit-button[block-preset="ghost"] .ll-quiz-button-loader {
  color: var(--submitButtonColorGhost);
  font-size: var(--submitButtonIconSizeGhost);
  height: var(--submitButtonIconSizeGhost);
  width: var(--submitButtonIconSizeGhost);
}
.ll-quiz-submit-button[block-preset="ghost"]:hover {
  background: color-mix(
    in srgb,
    var(--submitButtonBaseColorGhost) 15%,
    transparent 85%
  );
  color: var(--submitButtonColorHoverGhost);
}
.ll-quiz-submit-button[block-preset="ghost"]:hover .ll-quiz-block__decorator {
  color: var(--submitButtonColorHoverGhost);
}
.ll-quiz-submit-button[block-preset="ghost"]:focus {
  background: color-mix(
    in srgb,
    var(--submitButtonBaseColorGhost) 20%,
    transparent 80%
  );
  color: var(--submitButtonColorFocusGhost);
}
.ll-quiz-submit-button[block-preset="ghost"]:focus .ll-quiz-block__decorator {
  color: var(--submitButtonColorFocusGhost);
}
.ll-quiz-submit-button[block-preset="ghost-outline"] {
  background: color-mix(
    in srgb,
    var(--submitButtonBaseColorGhostOutline) 10%,
    transparent 90%
  );
  border-radius: var(--submitButtonBorderRadiusGhostOutline);
  border-width: var(--submitButtonBorderWidthGhostOutline);
  border-color: var(--submitButtonBorderColorGhostOutline);
  color: var(--submitButtonColorGhostOutline);
  font-size: var(--submitButtonFontSizeGhostOutline);
  font-weight: var(--submitButtonFontWeightGhostOutline);
  padding: var(--submitButtonPaddingGhostOutline) !important;
}
.ll-quiz-submit-button[block-preset="ghost-outline"] .ll-quiz-block__decorator,
.ll-quiz-submit-button[block-preset="ghost-outline"] .ll-quiz-button-loader {
  color: var(--submitButtonColorGhostOutline);
  font-size: var(--submitButtonIconSizeGhostOutline);
  height: var(--submitButtonIconSizeGhostOutline);
  width: var(--submitButtonIconSizeGhostOutline);
}
.ll-quiz-submit-button[block-preset="ghost-outline"]:hover {
  background: color-mix(
    in srgb,
    var(--submitButtonBaseColorGhostOutline) 15%,
    transparent 85%
  );
  border-color: var(--submitButtonBorderColorHoverGhostOutline);
  color: var(--submitButtonColorHoverGhostOutline);
}
.ll-quiz-submit-button[block-preset="ghost-outline"]:hover
  .ll-quiz-block__decorator {
  color: var(--submitButtonColorHoverGhostOutline);
}
.ll-quiz-submit-button[block-preset="ghost-outline"]:focus {
  background: color-mix(
    in srgb,
    var(--submitButtonBaseColorGhostOutline) 20%,
    transparent 80%
  );
  border-color: var(--submitButtonBorderColorFocusGhostOutline);
  color: var(--submitButtonColorFocusGhostOutline);
}
.ll-quiz-submit-button[block-preset="ghost-outline"]:focus
  .ll-quiz-block__decorator {
  color: var(--submitButtonColorFocusGhostOutline);
}
.ll-quiz-submit-button[block-preset="text"] {
  border-radius: var(--submitButtonBorderRadiusText);
  color: var(--submitButtonColorText);
  font-size: var(--submitButtonFontSizeText);
  font-weight: var(--submitButtonFontWeightText);
  padding: var(--submitButtonPaddingText) !important;
}
.ll-quiz-submit-button[block-preset="text"] .ll-quiz-block__decorator,
.ll-quiz-submit-button[block-preset="text"] .ll-quiz-button-loader {
  color: var(--submitButtonColorText);
  font-size: var(--submitButtonIconSizeText);
  height: var(--submitButtonIconSizeText);
  width: var(--submitButtonIconSizeText);
}
.ll-quiz-submit-button[block-preset="text"]:hover {
  background: color-mix(
    in srgb,
    var(--submitButtonBaseColorText) 10%,
    transparent 90%
  );
  color: var(--submitButtonColorHoverText);
}
.ll-quiz-submit-button[block-preset="text"]:hover .ll-quiz-block__decorator {
  color: var(--submitButtonColorHoverText);
}
.ll-quiz-submit-button[block-preset="text"]:focus {
  background: color-mix(
    in srgb,
    var(--submitButtonBaseColorText) 15%,
    transparent 95%
  );
  color: var(--submitButtonColorFocusText);
}
.ll-quiz-submit-button[block-preset="text"]:focus .ll-quiz-block__decorator {
  color: var(--submitButtonColorFocusText);
}
.ll-quiz-submit-button[block-preset="link"] {
  border-radius: var(--borderCornerRadius);
  color: var(--submitButtonColorLink);
  font-size: var(--submitButtonFontSizeLink);
  font-weight: var(--submitButtonFontWeightLink);
  padding: var(--submitButtonPaddingLink) !important;
}
.ll-quiz-submit-button[block-preset="link"] .ll-quiz-block__decorator,
.ll-quiz-submit-button[block-preset="link"] .ll-quiz-button-loader {
  color: var(--submitButtonColorLink);
  font-size: var(--submitButtonIconSizeLink);
  height: var(--submitButtonIconSizeLink);
  width: var(--submitButtonIconSizeLink);
}
.ll-quiz-submit-button[block-preset="link"]:hover {
  color: var(--submitButtonColorHoverLink);
  text-decoration: underline;
}
.ll-quiz-submit-button[block-preset="link"]:hover .ll-quiz-block__decorator {
  color: var(--submitButtonColorHoverLink);
}
.ll-quiz-submit-button[block-preset="link"]:focus {
  color: var(--submitButtonColorFocusLink);
}
.ll-quiz-submit-button[block-preset="link"]:focus .ll-quiz-block__decorator {
  color: var(--submitButtonColorFocusLink);
}
.ll-quiz-list-loader {
  display: grid;
  text-align: center;
}
.ll-quiz-list-loader .ll-quiz-list-loader__item {
  display: flex;
  align-items: center;
  justify-content: start;
  width: 100%;
}
.ll-quiz-list-loader .ll-quiz-list-loader__media {
  position: relative;
}
.ll-quiz-list-loader .ll-quiz-list-loader__media > * {
  height: 100%;
  width: 100%;
  transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;
}
.ll-quiz-list-loader .ll-quiz-list-loader__content {
  display: flex;
  flex-direction: column;
  gap: 0;
  width: 100%;
}
.ll-quiz-list-loader .ll-quiz-list-loader__content {
  width: 100%;
}
.ll-quiz-list-loader .ll-quiz-list-loader__title,
.ll-quiz-list-loader .ll-quiz-list-loader__description {
  margin: 0;
}
.ll-quiz-list-loader .ll-quiz-list-loader__item {
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
.ll-quiz-list-loader .ll-quiz-list-loader__media > * {
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}
.ll-quiz-list-loader .ll-quiz-list-loader__loader {
  opacity: 0 !important;
  visibility: hidden !important;
}
.ll-quiz-list-loader[data-animation-type]
  .ll-quiz-list-loader__media
  *:not(.ll-quiz-list-loader__loader) {
  opacity: 0;
  visibility: hidden;
  transform: scale(0.9);
}
.ll-quiz-list-loader
  .ll-quiz-list-loader__item[data-loading="false"]
  .ll-quiz-list-loader__media
  *:not(.ll-quiz-list-loader__loader) {
  opacity: 1;
  visibility: visible;
  transform: scale(1);
}
.ll-quiz-list-loader
  .ll-quiz-list-loader__item[data-loading="true"]
  .ll-quiz-list-loader__loader {
  opacity: 1 !important;
  visibility: visible !important;
}
.ll-quiz-list-loader[data-animation-type="show-one-load-one"]
  .ll-quiz-list-loader__media,
.ll-quiz-list-loader[data-animation-type="show-one-load-one"]
  .ll-quiz-list-loader__content {
  opacity: 0;
  visibility: hidden;
  transform: translateY(20px) scale(0.95);
}
.ll-quiz-list-loader[data-animation-type="show-one-load-one"]
  .ll-quiz-list-loader__item[data-loading="true"]
  .ll-quiz-list-loader__media,
.ll-quiz-list-loader[data-animation-type="show-one-load-one"]
  .ll-quiz-list-loader__item[data-loading="true"]
  .ll-quiz-list-loader__content {
  opacity: 1;
  visibility: visible;
  transform: translateY(0) scale(1);
  animation: slideInUp 0.5s cubic-bezier(0.4, 0, 0.2, 1);
}
.ll-quiz-list-loader[data-animation-type="show-one-load-one"]
  .ll-quiz-list-loader__item[data-loading="false"]
  .ll-quiz-list-loader__media,
.ll-quiz-list-loader[data-animation-type="show-one-load-one"]
  .ll-quiz-list-loader__item[data-loading="false"]
  .ll-quiz-list-loader__content {
  opacity: 1;
  visibility: visible;
  transform: translateY(0) scale(1);
}
.ll-quiz-list-loader[data-animation-type="show-all-load-all"]
  .ll-quiz-list-loader__item {
  opacity: 1;
  visibility: visible;
  transform: scale(1);
}
.ll-quiz-list-loader[data-animation-type="show-all-load-all"]
  .ll-quiz-list-loader__item
  .ll-quiz-list-loader__media
  *:not(.ll-quiz-list-loader__loader) {
  opacity: 0;
  visibility: hidden;
  transform: scale(0.8) rotate(-5deg);
}
.ll-quiz-list-loader[data-animation-type="show-all-load-all"]:has(
    :last-child.ll-quiz-list-loader__item[data-loading="true"]
  )
  .ll-quiz-list-loader__loader {
  opacity: 1;
  visibility: visible;
}
.ll-quiz-list-loader[data-animation-type="show-all-load-all"]:has(
    :last-child.ll-quiz-list-loader__item[data-loading="false"]
  )
  .ll-quiz-list-loader__media
  *:not(.ll-quiz-list-loader__loader) {
  opacity: 1;
  visibility: visible;
  transform: scale(1) rotate(0);
  animation: bounceIn 0.6s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}
.ll-quiz-list-loader[data-animation-type="show-one-hide-others"] {
  display: flex;
  flex-direction: row;
  width: 100%;
  overflow: hidden;
}
.ll-quiz-list-loader[data-animation-type="show-one-hide-others"]
  .ll-quiz-list-loader__item {
  opacity: 0;
  visibility: hidden;
  flex-shrink: 0;
}
.ll-quiz-list-loader[data-animation-type="show-one-hide-others"]
  .ll-quiz-list-loader__item[data-loading="true"] {
  display: flex !important;
  opacity: 1;
  visibility: visible;
  transform: scale(1);
}
.ll-quiz-list-loader .ll-quiz-list-loader__loader {
  position: absolute;
  right: 0;
  top: 0;
  display: inline-block;
  z-index: 1;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  border: 2px solid transparent;
  border-left-color: var(--colorPrimary);
  border-top-color: var(--colorPrimary);
  border-bottom-color: var(--colorPrimary);
  animation: list-loader-spin 0.8s linear infinite;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
@keyframes list-loader-spin {
  0% {
    transform: rotate(0);
  }
  to {
    transform: rotate(360deg);
  }
}
@keyframes slideInUp {
  0% {
    opacity: 0;
    transform: translateY(30px) scale(0.9);
  }
  60% {
    opacity: 0.8;
    transform: translateY(-5px) scale(1.02);
  }
  to {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}
@keyframes bounceIn {
  0% {
    opacity: 0;
    transform: scale(0.95) rotate(-5deg);
  }
  60% {
    opacity: 0.8;
    transform: scale(1.02) rotate(1deg);
  }
  to {
    opacity: 1;
    transform: scale(1) rotate(0);
  }
}
.ll-quiz-block[block-preset="simple"] .ll-quiz-list-loader {
  gap: var(--listLoaderRowGapSimple) var(--listLoaderColumnGapSimple);
}
.ll-quiz-block[block-preset="simple"]
  .ll-quiz-list-loader
  .ll-quiz-list-loader__item {
  display: flex;
  flex-direction: row;
  border-radius: var(--listLoaderBorderRadiusSimple);
  background-color: var(--listLoaderBackgroundColorSimple);
  padding: var(--listLoaderPaddingSimple);
  text-align: left;
}
.ll-quiz-block[block-preset="simple"]
  .ll-quiz-list-loader
  .ll-quiz-list-loader__title {
  font-size: var(--listLoaderLabelFontSizeSimple);
  font-weight: var(--listLoaderLabelFontWeightSimple);
  color: var(--listLoaderLabelColorSimple);
}
.ll-quiz-block[block-preset="simple"]
  .ll-quiz-list-loader
  .ll-quiz-list-loader__description {
  font-size: var(--listLoaderTextFontSizeSimple);
  font-weight: var(--listLoaderTextFontWeightSimple);
  color: var(--listLoaderTextColorSimple);
}
.ll-quiz-block[block-preset="simple"]
  .ll-quiz-list-loader
  .ll-quiz-list-loader__media,
.ll-quiz-block[block-preset="simple"]
  .ll-quiz-list-loader
  .ll-quiz-list-loader__media
  img {
  min-width: var(--listLoaderMediaSizeSimple);
  min-height: var(--listLoaderMediaSizeSimple);
  max-width: var(--listLoaderMediaSizeSimple);
  max-height: var(--listLoaderMediaSizeSimple);
  color: var(--listLoaderMediaColorSimple);
  margin-inline-end: var(--listLoaderMediaSpacingSimple);
  font-size: calc(var(--listLoaderMediaSizeSimple) - 8px);
}
.ll-quiz-block[block-preset="vertical"] .ll-quiz-list-loader {
  gap: var(--listLoaderRowGapVertical) var(--listLoaderColumnGapVertical);
}
.ll-quiz-block[block-preset="vertical"]
  .ll-quiz-list-loader
  .ll-quiz-list-loader__item {
  display: flex;
  flex-direction: column;
  border-radius: var(--listLoaderBorderRadiusVertical);
  background-color: var(--listLoaderBackgroundColorVertical);
  padding: var(--listLoaderPaddingVertical);
  text-align: left;
}
.ll-quiz-block[block-preset="vertical"]
  .ll-quiz-list-loader
  .ll-quiz-list-loader__title {
  font-size: var(--listLoaderLabelFontSizeVertical);
  font-weight: var(--listLoaderLabelFontWeightVertical);
  color: var(--listLoaderLabelColorVertical);
}
.ll-quiz-block[block-preset="vertical"]
  .ll-quiz-list-loader
  .ll-quiz-list-loader__description {
  font-size: var(--listLoaderTextFontSizeVertical);
  font-weight: var(--listLoaderTextFontWeightVertical);
  color: var(--listLoaderTextColorVertical);
}
.ll-quiz-block[block-preset="vertical"]
  .ll-quiz-list-loader
  .ll-quiz-list-loader__media,
.ll-quiz-block[block-preset="vertical"]
  .ll-quiz-list-loader
  .ll-quiz-list-loader__media
  img {
  min-width: var(--listLoaderMediaSizeVertical);
  min-height: var(--listLoaderMediaSizeVertical);
  max-width: var(--listLoaderMediaSizeVertical);
  max-height: var(--listLoaderMediaSizeVertical);
  margin-block-end: var(--listLoaderMediaSpacingVertical);
  font-size: var(--listLoaderMediaSizeVertical);
  color: var(--listLoaderMediaColorVertical);
  font-size: calc(var(--listLoaderMediaSizeVertical) - 8px);
}
.ll-quiz-list {
  display: grid;
}
.ll-quiz-list .ll-quiz-list__item {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: start;
}
.ll-quiz-list .ll-quiz-list__media {
  position: relative;
}
.ll-quiz-list .ll-quiz-list__item .ll-quiz-list__media > * {
  height: 100%;
  width: 100%;
  transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;
}
.ll-quiz-list .ll-quiz-list__content {
  display: flex;
  flex-direction: column;
  gap: 0;
  width: 100%;
}
.ll-quiz-list .ll-quiz-list__title,
.ll-quiz-list .ll-quiz-list__description {
  margin: 0;
}
.ll-quiz-list .ll-quiz-list__content {
  width: 100%;
}
.ll-quiz-block[block-preset="simple"] .ll-quiz-list {
  gap: var(--listRowGapSimple) var(--listColumnGapSimple);
}
.ll-quiz-block[block-preset="simple"] .ll-quiz-list .ll-quiz-list__item {
  display: flex;
  flex-direction: row;
  border-radius: var(--listLoaderBorderRadiusSimple);
  background-color: var(--listLoaderBackgroundColorSimple);
  padding: var(--listLoaderPaddingSimple);
}
.ll-quiz-block[block-preset="simple"] .ll-quiz-list .ll-quiz-list__title {
  font-size: var(--listLoaderLabelFontSizeSimple);
  font-weight: var(--listLoaderLabelFontWeightSimple);
  color: var(--listLoaderLabelColorSimple);
}
.ll-quiz-block[block-preset="simple"] .ll-quiz-list .ll-quiz-list__description {
  font-size: var(--listLoaderTextFontSizeSimple);
  font-weight: var(--listLoaderTextFontWeightSimple);
  color: var(--listLoaderTextColorSimple);
}
.ll-quiz-block[block-preset="simple"] .ll-quiz-list .ll-quiz-list__media,
.ll-quiz-block[block-preset="simple"] .ll-quiz-list .ll-quiz-list__media img {
  min-width: var(--listLoaderMediaSizeSimple);
  min-height: var(--listLoaderMediaSizeSimple);
  max-width: var(--listLoaderMediaSizeSimple);
  max-height: var(--listLoaderMediaSizeSimple);
  margin-inline-end: var(--listLoaderMediaSpacingSimple);
  color: var(--listMediaColorSimple);
  font-size: calc(var(--listLoaderMediaSizeSimple) - 8px);
}
.ll-quiz-block[block-preset="vertical"] .ll-quiz-list {
  gap: var(--listRowGapVertical) var(--listColumnGapVertical);
}
.ll-quiz-block[block-preset="vertical"] .ll-quiz-list .ll-quiz-list__item {
  display: flex;
  flex-direction: column;
  text-align: center;
  border-radius: var(--listLoaderBorderRadiusVertical);
  background-color: var(--listLoaderBackgroundColorVertical);
  padding: var(--listLoaderPaddingVertical);
}
.ll-quiz-block[block-preset="vertical"] .ll-quiz-list .ll-quiz-list__title {
  font-size: var(--listLoaderLabelFontSizeVertical);
  font-weight: var(--listLoaderLabelFontWeightVertical);
  color: var(--listLoaderLabelColorVertical);
}
.ll-quiz-block[block-preset="vertical"]
  .ll-quiz-list
  .ll-quiz-list__description {
  font-size: var(--listLoaderTextFontSizeVertical);
  font-weight: var(--listLoaderTextFontWeightVertical);
  color: var(--listLoaderTextColorVertical);
}
.ll-quiz-block[block-preset="vertical"] .ll-quiz-list .ll-quiz-list__media,
.ll-quiz-block[block-preset="vertical"] .ll-quiz-list .ll-quiz-list__media img {
  min-width: var(--listLoaderMediaSizeVertical);
  min-height: var(--listLoaderMediaSizeVertical);
  max-width: var(--listLoaderMediaSizeVertical);
  max-height: var(--listLoaderMediaSizeVertical);
  margin-block-end: var(--listLoaderMediaSpacingVertical);
  color: var(--listMediaColorVertical);
  font-size: calc(var(--listLoaderMediaSizeVertical) - 8px);
}
.ll-quiz-progress {
  width: max-content;
}
.ll-quiz-progress.ll-quiz-progress--bar {
  width: 100% !important;
  height: 4px;
  border-radius: 8px;
  overflow: hidden;
}
.ll-quiz-progress.ll-quiz-progress--bar .ll-quiz-progress__fill {
  height: 100%;
}
.ll-quiz-progress.ll-quiz-progress--dots {
  display: flex;
  gap: 8px;
}
.ll-quiz-progress.ll-quiz-progress--dots .ll-quiz-progress__item {
  width: 8px;
  height: 8px;
  border-radius: 50%;
}
.ll-quiz-progress.ll-quiz-progress--dashes {
  display: flex;
  gap: 6px;
}
.ll-quiz-progress.ll-quiz-progress--dashes .ll-quiz-progress__item {
  width: 28px;
  height: 4px;
  border-radius: 5px;
}
.ll-quiz-progress.ll-quiz-progress--check-marks {
  display: flex;
  gap: 4px;
}
.ll-quiz-progress.ll-quiz-progress--check-marks .ll-quiz-progress__item {
  min-width: 28px;
  height: 28px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: transparent;
  border: var(--borderWidth) solid var(--borderColor);
  color: var(--colorGray);
  font-size: 12px;
  font-weight: 500;
}
.ll-quiz-progress.ll-quiz-progress--check-marks .ll-quiz-progress__item-dash {
  width: 48px;
  height: 2px;
  border-radius: 100px;
  margin-block: auto;
  background-color: var(--borderColor);
}
.ll-quiz-progress.ll-quiz-progress--check-marks .ll-quiz-progress__item svg,
.ll-quiz-progress.ll-quiz-progress--check-marks
  .ll-quiz-progress__item[data-filled="true"]
  span {
  display: none;
  width: 18px;
  height: 18px;
}
.ll-quiz-progress.ll-quiz-progress--check-marks
  .ll-quiz-progress__item[data-current="true"]
  svg {
  display: none !important;
}
.ll-quiz-progress.ll-quiz-progress--check-marks
  .ll-quiz-progress__item[data-current="true"]
  span {
  display: inline-block !important;
}
.ll-quiz-progress.ll-quiz-progress--check-marks
  .ll-quiz-progress__item[data-filled="true"]
  svg {
  display: block;
}
.ll-quiz-progress.ll-quiz-progress--check-marks .ll-quiz-progress__item span {
  display: inline-block;
}
.ll-quiz-progress.ll-quiz-progress--check-marks
  .ll-quiz-progress__item[data-filled="true"]
  span {
  display: none;
}
.ll-quiz-block[block-preset="simple"] .ll-quiz-progress.ll-quiz-progress--bar,
.ll-quiz-block[block-preset="simple"]
  .ll-quiz-progress.ll-quiz-progress--dots
  .ll-quiz-progress__item,
.ll-quiz-block[block-preset="simple"]
  .ll-quiz-progress.ll-quiz-progress--dashes
  .ll-quiz-progress__item {
  background-color: var(--progressBarBackgroundColorSimple);
}
.ll-quiz-block[block-preset="simple"]
  .ll-quiz-progress.ll-quiz-progress--bar
  .ll-quiz-progress__fill,
.ll-quiz-block[block-preset="simple"]
  .ll-quiz-progress.ll-quiz-progress--dots
  .ll-quiz-progress__item[data-filled="true"],
.ll-quiz-block[block-preset="simple"]
  .ll-quiz-progress.ll-quiz-progress--dashes
  .ll-quiz-progress__item[data-filled="true"] {
  background-color: var(--progressBarFillColorSimple);
}
.ll-quiz-progress.ll-quiz-progress--check-marks
  .ll-quiz-progress__item[data-filled="true"],
.ll-quiz-progress.ll-quiz-progress--check-marks
  .ll-quiz-progress__item-dash:has(+ [data-filled="true"]) {
  background-color: var(--progressBarFillColorSimple);
  border-color: var(--progressBarFillColorSimple);
  color: var(--colorWhite);
}
.ll-quiz-progress.ll-quiz-progress--check-marks
  .ll-quiz-progress__item[data-current="true"] {
  background-color: transparent;
  border-color: var(--progressBarFillColorSimple);
  color: var(--progressBarFillColorSimple);
}
.ll-quiz-header__progress {
  width: 100% !important;
  height: 4px;
  border-radius: 8px;
  overflow: hidden;
  background-color: var(--headerProgressBackgroundColor);
  border-radius: var(--headerProgressBorderRadius);
  height: var(--headerProgressHeight);
}
.ll-quiz-header__progress .ll-quiz-header__progress-fill {
  height: 100%;
  transition: all 0.1s ease-in-out;
  background-color: var(--headerProgressFillColor);
}
.ll-quiz-countdown {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  width: max-content;
  margin-inline: auto;
  padding: 0;
  box-shadow: none !important;
}
.ll-quiz-countdown__timer {
  display: flex;
  flex-direction: row;
}
.ll-quiz-countdown__timer-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.ll-quiz-countdown__timer-item-value {
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
}
.ll-quiz-countdown__timer-item-label {
  line-height: 1;
}
.ll-quiz-block[block-preset="simple"] .ll-quiz-countdown {
  gap: var(--countdownTimerGapSimple);
  font-size: var(--countdownFontSizeSimple);
}
.ll-quiz-block[block-preset="simple"] .ll-quiz-countdown__timer-item {
  gap: var(--countdownTimerItemGapSimple);
}
.ll-quiz-block[block-preset="simple"] .ll-quiz-countdown__timer-item-value {
  font-size: var(--countdownFontSizeSimple);
  font-weight: var(--countdownFontWeightSimple);
  color: var(--countdownColorSimple);
}
.ll-quiz-block[block-preset="simple"] .ll-quiz-countdown__timer-item-colon {
  font-size: calc(var(--countdownFontSizeSimple) * 0.8);
  font-weight: 400;
  color: var(--countdownColorSimple);
}
.ll-quiz-block[block-preset="simple"] .ll-quiz-countdown__timer-item-label {
  font-size: var(--countdownLabelFontSizeSimple);
  font-weight: var(--countdownLabelFontWeightSimple);
  color: var(--countdownLabelColorSimple);
}
.ll-quiz-block[block-preset="solid"] .ll-quiz-countdown {
  gap: var(--countdownTimerGapSolid);
  font-size: var(--countdownFontSizeSolid);
  color: var(--countdownColorSolid);
  background-color: var(--countdownBackgroundColorSolid);
  border-radius: var(--countdownBorderRadiusSolid);
  padding: var(--countdownPaddingBlockSolid) var(--countdownPaddingInlineSolid);
  border: var(--countdownBorderWidthSolid) var(--borderStyle)
    var(--countdownBorderColorSolid);
}
.ll-quiz-block[block-preset="solid"] .ll-quiz-countdown__timer-item {
  gap: var(--countdownTimerItemGapSolid);
}
.ll-quiz-block[block-preset="solid"] .ll-quiz-countdown__timer-item-value {
  font-size: var(--countdownFontSizeSolid);
  font-weight: var(--countdownFontWeightSolid);
  color: var(--countdownColorSolid);
}
.ll-quiz-block[block-preset="solid"] .ll-quiz-countdown__timer-item-colon {
  font-size: calc(var(--countdownFontSizeSolid) * 0.8);
  font-weight: 400;
  color: var(--countdownColorSolid);
}
.ll-quiz-block[block-preset="solid"] .ll-quiz-countdown__timer-item-label {
  font-size: var(--countdownLabelFontSizeSolid);
  font-weight: var(--countdownLabelFontWeightSolid);
  color: var(--countdownLabelColorSolid);
}
.ll-quiz-block[block-preset="secondary"] .ll-quiz-countdown {
  gap: var(--countdownTimerGapSecondary);
  color: var(--countdownColorSecondary);
  font-size: var(--countdownFontSizeSecondary);
}
.ll-quiz-block[block-preset="secondary"] .ll-quiz-countdown__timer-item {
  gap: var(--countdownTimerItemGapSecondary);
  border-radius: var(--countdownTimerItemRadiusSecondary);
  padding: var(--countdownTimerItemPaddingSecondary);
  background-color: color-mix(
    in srgb,
    var(--countdownBaseColorSecondary) 10%,
    transparent 90%
  );
}
.ll-quiz-block[block-preset="secondary"] .ll-quiz-countdown__timer-item-value {
  font-size: var(--countdownFontSizeSecondary);
  font-weight: var(--countdownFontWeightSecondary);
  color: var(--countdownColorSecondary);
}
.ll-quiz-block[block-preset="secondary"] .ll-quiz-countdown__timer-item-colon {
  font-size: calc(var(--countdownFontSizeSecondary) * 0.8);
  font-weight: 400;
  color: var(--countdownColorSecondary);
}
.ll-quiz-block[block-preset="secondary"] .ll-quiz-countdown__timer-item-label {
  font-size: var(--countdownLabelFontSizeSecondary);
  font-weight: var(--countdownLabelFontWeightSecondary);
  color: var(--countdownLabelColorSecondary);
}
.ll-quiz-block[block-preset="tertiary"] .ll-quiz-countdown {
  gap: var(--countdownTimerGapTertiary);
  font-size: var(--countdownFontSizeTertiary);
  color: var(--countdownColorTertiary);
}
.ll-quiz-block[block-preset="tertiary"] .ll-quiz-countdown__timer-item {
  gap: var(--countdownTimerItemGapTertiary);
  border-radius: var(--countdownTimerItemRadiusTertiary);
  padding: var(--countdownTimerItemPaddingTertiary);
  background-color: var(--countdownTimerItemBackgroundColorTertiary);
  border: var(--countdownTimerItemBorderWidthTertiary) var(--borderStyle)
    var(--countdownTimerItemBorderColorTertiary);
}
.ll-quiz-block[block-preset="tertiary"] .ll-quiz-countdown__timer-item-value {
  font-size: var(--countdownFontSizeTertiary);
  font-weight: var(--countdownFontWeightTertiary);
  color: var(--countdownColorTertiary);
}
.ll-quiz-block[block-preset="tertiary"] .ll-quiz-countdown__timer-item-colon {
  font-size: calc(var(--countdownFontSizeTertiary) * 0.8);
  font-weight: 400;
  color: var(--countdownColorTertiary);
}
.ll-quiz-block[block-preset="tertiary"] .ll-quiz-countdown__timer-item-label {
  font-size: var(--countdownLabelFontSizeTertiary);
  font-weight: var(--countdownLabelFontWeightTertiary);
  color: var(--countdownLabelColorTertiary);
}
.ll-quiz-block[block-preset="outline"] .ll-quiz-countdown {
  gap: var(--countdownTimerGapOutline);
  font-size: var(--countdownFontSizeOutline);
  color: var(--countdownColorOutline);
}
.ll-quiz-block[block-preset="outline"] .ll-quiz-countdown__timer-item {
  gap: var(--countdownTimerItemGapOutline);
  border-radius: var(--countdownTimerItemRadiusOutline);
  padding: var(--countdownTimerItemPaddingOutline);
  background-color: var(--countdownTimerItemBackgroundColorOutline);
  border: var(--countdownTimerItemBorderWidthOutline) var(--borderStyle)
    var(--countdownTimerItemBorderColorOutline);
}
.ll-quiz-block[block-preset="outline"] .ll-quiz-countdown__timer-item-value {
  font-size: var(--countdownFontSizeOutline);
  font-weight: var(--countdownFontWeightOutline);
  color: var(--countdownColorOutline);
}
.ll-quiz-block[block-preset="outline"] .ll-quiz-countdown__timer-item-colon {
  font-size: calc(var(--countdownFontSizeOutline) * 0.8);
  font-weight: 400;
  color: var(--countdownColorOutline);
}
.ll-quiz-block[block-preset="outline"] .ll-quiz-countdown__timer-item-label {
  font-size: var(--countdownLabelFontSizeOutline);
  font-weight: var(--countdownLabelFontWeightOutline);
  color: var(--countdownLabelColorOutline);
}
.ll-quiz-block[block-preset="outline-ghost"] .ll-quiz-countdown {
  gap: var(--countdownTimerGapOutlineGhost);
  font-size: var(--countdownFontSizeOutlineGhost);
  color: var(--countdownColorOutlineGhost);
}
.ll-quiz-block[block-preset="outline-ghost"] .ll-quiz-countdown__timer-item {
  gap: var(--countdownTimerItemGapOutlineGhost);
  border-radius: var(--countdownTimerItemRadiusOutlineGhost);
  padding: var(--countdownTimerItemPaddingOutlineGhost);
  background-color: color-mix(
    in srgb,
    var(--countdownBaseColorOutlineGhost) 10%,
    transparent 90%
  );
  border: var(--countdownTimerItemBorderWidthOutlineGhost) var(--borderStyle)
    var(--countdownTimerItemBorderColorOutlineGhost);
}
.ll-quiz-block[block-preset="outline-ghost"]
  .ll-quiz-countdown__timer-item-value {
  font-size: var(--countdownFontSizeOutlineGhost);
  font-weight: var(--countdownFontWeightOutlineGhost);
  color: var(--countdownColorOutlineGhost);
}
.ll-quiz-block[block-preset="outline-ghost"]
  .ll-quiz-countdown__timer-item-colon {
  font-size: calc(var(--countdownFontSizeOutlineGhost) * 0.8);
  font-weight: 400;
  color: var(--countdownColorOutlineGhost);
}
.ll-quiz-block[block-preset="outline-ghost"]
  .ll-quiz-countdown__timer-item-label {
  font-size: var(--countdownLabelFontSizeOutlineGhost);
  font-weight: var(--countdownLabelFontWeightOutlineGhost);
  color: var(--countdownLabelColorOutlineGhost);
}
.ll-quiz-block-divider {
  width: 100%;
  background-color: var(--borderColor);
}
#app-quiz {
  max-width: 900px;
  margin-inline: auto;
  width: 100%;
}