.tf-choices{gap:var(--du-sp-3);padding-bottom:var(--du-edge);grid-template-columns:1fr 1fr;display:grid}.tf-choice{border:var(--du-choice-edge) solid var(--du-hair);border-radius:var(--du-r);background:var(--du-surface);height:112px;color:var(--du-ink);justify-content:center;align-items:center;gap:var(--du-sp-1);box-shadow:0 var(--du-edge) 0 var(--du-hair);cursor:pointer;transition:transform var(--du-press),box-shadow var(--du-press),background-color var(--du-press);font:inherit;flex-direction:column;display:flex;position:relative}.tf-choice-main{align-items:center;gap:var(--du-sp-1);font-size:var(--du-fs-sub);font-weight:var(--du-fw-bold);flex-direction:column;display:flex}.tf-choice kbd{right:var(--du-sp-3);bottom:var(--du-sp-2);position:absolute}.tf-correct{background:var(--du-ok-soft);border-color:var(--du-ok);box-shadow:0 var(--du-edge) 0 var(--du-ok-edge)}.tf-wrong{background:var(--du-ng-soft);border-color:var(--du-ng);box-shadow:0 var(--du-edge) 0 var(--du-ng-edge)}.tf-choice:focus-visible{outline:2px solid var(--du-ink);outline-offset:2px}.tf-choice:not([aria-disabled]):active{transform:translateY(var(--du-edge));box-shadow:none}@media (hover:hover){.tf-choice:not([aria-disabled]):hover{background:var(--du-hover)}}.tf-sr{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.tf-compact .tf-choice{height:60px}.tf-compact .tf-choice-main{flex-direction:row;gap:10px;font-size:17px}.tf-label{font-size:13px;font-weight:var(--du-fw-bold);color:var(--du-ng);line-height:1.2}.tf-correct .tf-label{color:var(--du-ok)}.tf-compact .tf-choice{box-shadow:none;border-width:1.5px}.tf-compact .tf-choice:first-child svg{color:var(--du-lp-ok)}.tf-compact .tf-choice:last-child svg{color:var(--du-lp-ng)}.tf-compact .tf-correct{background:var(--du-lp-ok-soft);border-color:var(--du-lp-ok)}.tf-compact .tf-wrong{background:var(--du-surface);border-color:var(--du-lp-ng)}.tf-compact .tf-wrong svg,.tf-compact .tf-wrong .tf-label{color:var(--du-lp-ng)}.tf-compact .tf-correct .tf-label{color:var(--du-lp-ok)}@media (max-height:700px){.tf-compact:not([data-revealed]) .tf-choice{height:48px}.tf-compact .tf-choice-main{font-size:16px}}.tf-compact .tf-choice.tf-correct svg{color:var(--du-lp-ok)}.tf-compact .tf-choice.tf-wrong svg{color:var(--du-lp-ng)}.tf-compact[data-revealed] .tf-choice{height:68px}.tf-compact .tf-label{order:-1}.tf-compact .tf-wrong{background:var(--du-lp-ng-soft)}@media (max-height:700px){.tf-compact[data-revealed] .tf-choice{height:60px}}