.quiz-container[data-v-06d8c934]{display:flex;flex-direction:column;align-items:center;justify-content:center;max-width:360px;margin:auto;padding:16px}.header[data-v-06d8c934]{width:100%;display:flex;justify-content:space-between;align-items:center}.pause-button[data-v-06d8c934]{display:inline-flex;height:3rem;min-height:3rem;flex-shrink:0;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;flex-wrap:wrap;align-items:center;justify-content:center;border-radius:var(--rounded-btn, .5rem);border-color:transparent;border-color:oklch(var(--btn-color, var(--b2)) / var(--tw-border-opacity));padding-left:1rem;padding-right:1rem;text-align:center;font-size:.875rem;line-height:1em;gap:.5rem;font-weight:600;text-decoration-line:none;transition-duration:.2s;transition-timing-function:cubic-bezier(0,0,.2,1);border-width:var(--border-btn, 1px);transition-property:color,background-color,border-color,opacity,box-shadow,transform;--tw-text-opacity: 1;color:var(--fallback-bc,oklch(var(--bc)/var(--tw-text-opacity)));--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);outline-color:var(--fallback-bc,oklch(var(--bc)/1));background-color:oklch(var(--btn-color, var(--b2)) / var(--tw-bg-opacity));--tw-bg-opacity: 1;--tw-border-opacity: 1}.pause-button[disabled][data-v-06d8c934],.pause-button[data-v-06d8c934]:disabled{pointer-events:none}:where(.pause-button[data-v-06d8c934]:is(input[type=checkbox])),:where(.pause-button[data-v-06d8c934]:is(input[type=radio])){width:auto;-webkit-appearance:none;-moz-appearance:none;appearance:none}.pause-button[data-v-06d8c934]:is(input[type=checkbox]):after,.pause-button[data-v-06d8c934]:is(input[type=radio]):after{--tw-content: attr(aria-label);content:var(--tw-content)}@media (hover: hover){.pause-button[data-v-06d8c934]:hover{--tw-border-opacity: 1;border-color:var(--fallback-b3,oklch(var(--b3)/var(--tw-border-opacity)));--tw-bg-opacity: 1;background-color:var(--fallback-b3,oklch(var(--b3)/var(--tw-bg-opacity)))}@supports (color: color-mix(in oklab,black,black)){.pause-button[data-v-06d8c934]:hover{background-color:color-mix(in oklab,oklch(var(--btn-color, var(--b2)) / var(--tw-bg-opacity, 1)) 90%,black);border-color:color-mix(in oklab,oklch(var(--btn-color, var(--b2)) / var(--tw-border-opacity, 1)) 90%,black)}}@supports not (color: oklch(0% 0 0)){.pause-button[data-v-06d8c934]:hover{background-color:var(--btn-color, var(--fallback-b2));border-color:var(--btn-color, var(--fallback-b2))}}.pause-button.glass[data-v-06d8c934]:hover{--glass-opacity: 25%;--glass-border-opacity: 15%}.btn-outline.pause-button[data-v-06d8c934]:hover{--tw-text-opacity: 1;color:var(--fallback-sc,oklch(var(--sc)/var(--tw-text-opacity)))}@supports (color: color-mix(in oklab,black,black)){.btn-outline.pause-button[data-v-06d8c934]:hover{background-color:color-mix(in oklab,var(--fallback-s,oklch(var(--s)/1)) 90%,black);border-color:color-mix(in oklab,var(--fallback-s,oklch(var(--s)/1)) 90%,black)}}.pause-button[disabled][data-v-06d8c934]:hover,.pause-button[data-v-06d8c934]:disabled:hover{--tw-border-opacity: 0;background-color:var(--fallback-n,oklch(var(--n)/var(--tw-bg-opacity)));--tw-bg-opacity: .2;color:var(--fallback-bc,oklch(var(--bc)/var(--tw-text-opacity)));--tw-text-opacity: .2}@supports (color: color-mix(in oklab,black,black)){.pause-button[data-v-06d8c934]:is(input[type=checkbox]:checked):hover,.pause-button[data-v-06d8c934]:is(input[type=radio]:checked):hover{background-color:color-mix(in oklab,var(--fallback-p,oklch(var(--p)/1)) 90%,black);border-color:color-mix(in oklab,var(--fallback-p,oklch(var(--p)/1)) 90%,black)}}}@media (prefers-reduced-motion: no-preference){.pause-button[data-v-06d8c934]{animation:button-pop var(--animation-btn, .25s) ease-out}}.pause-button[data-v-06d8c934]:active:hover,.pause-button[data-v-06d8c934]:active:focus{animation:button-pop 0s ease-out;transform:scale(var(--btn-focus-scale, .97))}@supports not (color: oklch(0% 0 0)){.pause-button[data-v-06d8c934]{background-color:var(--btn-color, var(--fallback-b2));border-color:var(--btn-color, var(--fallback-b2));--btn-color: var(--fallback-s)}}@supports (color: color-mix(in oklab,black,black)){.btn-outline.pause-button.btn-active[data-v-06d8c934]{background-color:color-mix(in oklab,var(--fallback-s,oklch(var(--s)/1)) 90%,black);border-color:color-mix(in oklab,var(--fallback-s,oklch(var(--s)/1)) 90%,black)}}.pause-button[data-v-06d8c934]:focus-visible{outline-style:solid;outline-width:2px;outline-offset:2px}@supports (color: oklch(0% 0 0)){.pause-button[data-v-06d8c934]{--btn-color: var(--s)}}.pause-button[data-v-06d8c934]{--tw-text-opacity: 1;color:var(--fallback-sc,oklch(var(--sc)/var(--tw-text-opacity)));outline-color:var(--fallback-s,oklch(var(--s)/1))}.pause-button.glass[data-v-06d8c934]{--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);outline-color:currentColor}.pause-button.glass.btn-active[data-v-06d8c934]{--glass-opacity: 25%;--glass-border-opacity: 15%}.btn-outline.pause-button[data-v-06d8c934]{--tw-text-opacity: 1;color:var(--fallback-s,oklch(var(--s)/var(--tw-text-opacity)))}.btn-outline.pause-button.btn-active[data-v-06d8c934]{--tw-text-opacity: 1;color:var(--fallback-sc,oklch(var(--sc)/var(--tw-text-opacity)))}.pause-button.btn-disabled[data-v-06d8c934],.pause-button[disabled][data-v-06d8c934],.pause-button[data-v-06d8c934]:disabled{--tw-border-opacity: 0;background-color:var(--fallback-n,oklch(var(--n)/var(--tw-bg-opacity)));--tw-bg-opacity: .2;color:var(--fallback-bc,oklch(var(--bc)/var(--tw-text-opacity)));--tw-text-opacity: .2}.pause-button[data-v-06d8c934]:is(input[type=checkbox]:checked),.pause-button[data-v-06d8c934]:is(input[type=radio]:checked){--tw-border-opacity: 1;border-color:var(--fallback-p,oklch(var(--p)/var(--tw-border-opacity)));--tw-bg-opacity: 1;background-color:var(--fallback-p,oklch(var(--p)/var(--tw-bg-opacity)));--tw-text-opacity: 1;color:var(--fallback-pc,oklch(var(--pc)/var(--tw-text-opacity)))}.pause-button[data-v-06d8c934]:is(input[type=checkbox]:checked):focus-visible,.pause-button[data-v-06d8c934]:is(input[type=radio]:checked):focus-visible{outline-color:var(--fallback-p,oklch(var(--p)/1))}.join[data-v-06d8c934]>:where(*:not(:first-child)):is(.pause-button){margin-inline-start:calc(var(--border-btn) * -1)}.join.join-vertical[data-v-06d8c934]>:where(*:not(:first-child)):is(.pause-button){margin-top:calc(var(--border-btn) * -1)}.join.join-horizontal[data-v-06d8c934]>:where(*:not(:first-child)):is(.pause-button){margin-inline-start:calc(var(--border-btn) * -1);margin-top:0}.progress-bar[data-v-06d8c934]{width:100%;height:8px;background-color:#e0e0e0;border-radius:4px}.progress[data-v-06d8c934]{height:100%;background-color:#4caf50;border-radius:4px}.question-area[data-v-06d8c934]{width:100%;text-align:center}.choices[data-v-06d8c934]{display:flex;justify-content:center;gap:16px;margin-top:16px}.choice-button[data-v-06d8c934]{display:inline-flex;height:3rem;min-height:3rem;flex-shrink:0;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;flex-wrap:wrap;align-items:center;justify-content:center;border-radius:var(--rounded-btn, .5rem);border-color:transparent;border-color:oklch(var(--btn-color, var(--b2)) / var(--tw-border-opacity));padding-left:1rem;padding-right:1rem;text-align:center;font-size:.875rem;line-height:1em;gap:.5rem;font-weight:600;text-decoration-line:none;transition-duration:.2s;transition-timing-function:cubic-bezier(0,0,.2,1);border-width:var(--border-btn, 1px);transition-property:color,background-color,border-color,opacity,box-shadow,transform;--tw-text-opacity: 1;color:var(--fallback-bc,oklch(var(--bc)/var(--tw-text-opacity)));--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);outline-color:var(--fallback-bc,oklch(var(--bc)/1));background-color:oklch(var(--btn-color, var(--b2)) / var(--tw-bg-opacity));--tw-bg-opacity: 1;--tw-border-opacity: 1}.choice-button[disabled][data-v-06d8c934],.choice-button[data-v-06d8c934]:disabled{pointer-events:none}:where(.choice-button[data-v-06d8c934]:is(input[type=checkbox])),:where(.choice-button[data-v-06d8c934]:is(input[type=radio])){width:auto;-webkit-appearance:none;-moz-appearance:none;appearance:none}.choice-button[data-v-06d8c934]:is(input[type=checkbox]):after,.choice-button[data-v-06d8c934]:is(input[type=radio]):after{--tw-content: attr(aria-label);content:var(--tw-content)}@media (hover: hover){.choice-button[data-v-06d8c934]:hover{--tw-border-opacity: 1;border-color:var(--fallback-b3,oklch(var(--b3)/var(--tw-border-opacity)));--tw-bg-opacity: 1;background-color:var(--fallback-b3,oklch(var(--b3)/var(--tw-bg-opacity)))}@supports (color: color-mix(in oklab,black,black)){.choice-button[data-v-06d8c934]:hover{background-color:color-mix(in oklab,oklch(var(--btn-color, var(--b2)) / var(--tw-bg-opacity, 1)) 90%,black);border-color:color-mix(in oklab,oklch(var(--btn-color, var(--b2)) / var(--tw-border-opacity, 1)) 90%,black)}}@supports not (color: oklch(0% 0 0)){.choice-button[data-v-06d8c934]:hover{background-color:var(--btn-color, var(--fallback-b2));border-color:var(--btn-color, var(--fallback-b2))}}.choice-button.glass[data-v-06d8c934]:hover{--glass-opacity: 25%;--glass-border-opacity: 15%}.btn-outline.choice-button[data-v-06d8c934]:hover{--tw-text-opacity: 1;color:var(--fallback-pc,oklch(var(--pc)/var(--tw-text-opacity)))}@supports (color: color-mix(in oklab,black,black)){.btn-outline.choice-button[data-v-06d8c934]:hover{background-color:color-mix(in oklab,var(--fallback-p,oklch(var(--p)/1)) 90%,black);border-color:color-mix(in oklab,var(--fallback-p,oklch(var(--p)/1)) 90%,black)}}.choice-button[disabled][data-v-06d8c934]:hover,.choice-button[data-v-06d8c934]:disabled:hover{--tw-border-opacity: 0;background-color:var(--fallback-n,oklch(var(--n)/var(--tw-bg-opacity)));--tw-bg-opacity: .2;color:var(--fallback-bc,oklch(var(--bc)/var(--tw-text-opacity)));--tw-text-opacity: .2}@supports (color: color-mix(in oklab,black,black)){.choice-button[data-v-06d8c934]:is(input[type=checkbox]:checked):hover,.choice-button[data-v-06d8c934]:is(input[type=radio]:checked):hover{background-color:color-mix(in oklab,var(--fallback-p,oklch(var(--p)/1)) 90%,black);border-color:color-mix(in oklab,var(--fallback-p,oklch(var(--p)/1)) 90%,black)}}}@media (prefers-reduced-motion: no-preference){.choice-button[data-v-06d8c934]{animation:button-pop var(--animation-btn, .25s) ease-out}}.choice-button[data-v-06d8c934]:active:hover,.choice-button[data-v-06d8c934]:active:focus{animation:button-pop 0s ease-out;transform:scale(var(--btn-focus-scale, .97))}@supports not (color: oklch(0% 0 0)){.choice-button[data-v-06d8c934]{background-color:var(--btn-color, var(--fallback-b2));border-color:var(--btn-color, var(--fallback-b2));--btn-color: var(--fallback-p)}}@supports (color: color-mix(in oklab,black,black)){.btn-outline.choice-button.btn-active[data-v-06d8c934]{background-color:color-mix(in oklab,var(--fallback-p,oklch(var(--p)/1)) 90%,black);border-color:color-mix(in oklab,var(--fallback-p,oklch(var(--p)/1)) 90%,black)}}.choice-button[data-v-06d8c934]:focus-visible{outline-style:solid;outline-width:2px;outline-offset:2px}.choice-button[data-v-06d8c934]{--tw-text-opacity: 1;color:var(--fallback-pc,oklch(var(--pc)/var(--tw-text-opacity)));outline-color:var(--fallback-p,oklch(var(--p)/1))}@supports (color: oklch(0% 0 0)){.choice-button[data-v-06d8c934]{--btn-color: var(--p)}}.choice-button.glass[data-v-06d8c934]{--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);outline-color:currentColor}.choice-button.glass.btn-active[data-v-06d8c934]{--glass-opacity: 25%;--glass-border-opacity: 15%}.btn-outline.choice-button[data-v-06d8c934]{--tw-text-opacity: 1;color:var(--fallback-p,oklch(var(--p)/var(--tw-text-opacity)))}.btn-outline.choice-button.btn-active[data-v-06d8c934]{--tw-text-opacity: 1;color:var(--fallback-pc,oklch(var(--pc)/var(--tw-text-opacity)))}.choice-button.btn-disabled[data-v-06d8c934],.choice-button[disabled][data-v-06d8c934],.choice-button[data-v-06d8c934]:disabled{--tw-border-opacity: 0;background-color:var(--fallback-n,oklch(var(--n)/var(--tw-bg-opacity)));--tw-bg-opacity: .2;color:var(--fallback-bc,oklch(var(--bc)/var(--tw-text-opacity)));--tw-text-opacity: .2}.choice-button[data-v-06d8c934]:is(input[type=checkbox]:checked),.choice-button[data-v-06d8c934]:is(input[type=radio]:checked){--tw-border-opacity: 1;border-color:var(--fallback-p,oklch(var(--p)/var(--tw-border-opacity)));--tw-bg-opacity: 1;background-color:var(--fallback-p,oklch(var(--p)/var(--tw-bg-opacity)));--tw-text-opacity: 1;color:var(--fallback-pc,oklch(var(--pc)/var(--tw-text-opacity)))}.choice-button[data-v-06d8c934]:is(input[type=checkbox]:checked):focus-visible,.choice-button[data-v-06d8c934]:is(input[type=radio]:checked):focus-visible{outline-color:var(--fallback-p,oklch(var(--p)/1))}.join[data-v-06d8c934]>:where(*:not(:first-child)):is(.choice-button){margin-inline-start:calc(var(--border-btn) * -1)}.join.join-vertical[data-v-06d8c934]>:where(*:not(:first-child)):is(.choice-button){margin-top:calc(var(--border-btn) * -1)}.join.join-horizontal[data-v-06d8c934]>:where(*:not(:first-child)):is(.choice-button){margin-inline-start:calc(var(--border-btn) * -1);margin-top:0}.choice-button[data-v-06d8c934]{width:100px}