button,select,label:has(input[type=checkbox]){min-height:1.5rem;min-width:1.5rem;padding:0 .25em;border-radius:1.5rem;font-size:16px;text-align:center;color:var(--foreground,#DDD);background-color:var(--background,#333);border:1px solid var(--foreground,#DDD)}label:has(input[type=checkbox]){position:relative;display:inline-flex;align-items:center;justify-content:center;overflow:hidden;padding:unset;input[type=checkbox]{position:absolute;inset:-1px;margin:unset;z-index:-1;appearance:none}&:has(input[type=checkbox]:checked){background-color:var(--checked-colour,var(--accent,royalblue));border-color:var(--checked-colour,var(--accent,royalblue))}&:has(input[type=checkbox]:focus-visible){outline:Highlight auto 1px;outline:-webkit-focus-ring-color auto 1px;outline-offset:2px}}:has(>*>#deck-controls){display:flex}:has(>#deck-controls){background-color:var(--background,#333);color:var(--foreground,#DDD);width:100%;flex-grow:1;display:flex;flex-flow:column nowrap;align-items:center;justify-content:space-between;margin:1rem 0}label:has(>:disabled),progress[aria-disabled=true]{opacity:.3}#deck-controls,#slide-controls{display:flex;gap:1rem}#slide{position:relative;height:20rem;width:100%;margin:auto;max-width:35rem;perspective:1e3px}#toggle{position:absolute;inset:0;opacity:0;z-index:1}#content{position:absolute;width:100%;height:100%;background-color:var(--foreground,#DDD);color:var(--background,#333);border-radius:1rem;transition:transform 1s;transform-style:preserve-3d}#toggle:checked+#content{transform:rotateY(-180deg);transition:transform .5s}#toggle:focus-visible+#content{outline:Highlight auto 1px;outline:-webkit-focus-ring-color auto 1px;outline-offset:2px}#question,#answer{position:absolute;inset:0;backface-visibility:hidden;padding:1rem;display:flex;justify-content:center;align-items:center;text-align:center}#answer{transform:rotateY(180deg)}#question :not(img),#answer :not(img){all:revert;display:flex;flex-flow:column nowrap}#question img,#answer img{background:0 0}#content[data-correct]{outline:.5rem solid var(--green,mediumseagreen)}#content[data-correct] #question::after,#content[data-correct] #answer::after{content:"✅";position:absolute;top:0;right:0;font-size:2rem;line-height:2rem}#slide-controls{display:flex;align-items:center;justify-content:center;gap:2rem}#progress{margin-top:1rem;width:100%;accent-color:var(--accent,royalblue);&[data-complete=true]{accent-color:var(--green,mediumseagreen)}}