/* Free exercises on the types and forms of sentences. Loaded after clock-exercise.css and imparfait-exercise.css, whose line and keyboard it reuses. */
.phrases-model{margin:0 0 8px;font:600 16px/1.4 Inter,sans-serif;color:#505b99}
.phrases-line{font-size:21px}
.phrases-keyboard .imparfait-key{text-transform:none}
.phrases-key--space{flex:4 1 0;max-width:236px;background:#fff;font-size:15px;color:#505b99}
.phrases-key--mark{background:#dfe6ff;box-shadow:0 2px 0 #aab6ea;font-size:24px}
.phrases-keyboard .imparfait-key[aria-pressed="true"]{background:#034cff;color:#fff;box-shadow:none}
.phrases-multi .clock-choice[aria-pressed="true"]{border-color:#034cff;background:#e7eeff}
.phrases-multi .clock-choice.is-missed,.phrases-token.is-missed{outline:3px dashed #16794a;outline-offset:2px}
.phrases-tokens{display:flex;flex-wrap:wrap;gap:8px 6px;margin:0 0 18px;font:700 22px/1.3 Inter,sans-serif}
.phrases-token{min-height:46px;padding:4px 10px;border:2px solid #c5d0f7;border-radius:10px;background:#fff;color:#101052;font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}
.phrases-token--glued{margin-right:-4px}
.phrases-token[aria-pressed="true"]{border-color:#034cff;text-decoration:underline;text-decoration-thickness:3px;text-underline-offset:5px;background:#e7eeff}
.phrases-token.is-correct{border-color:#16794a;background:#e4f6ec}
.phrases-token.is-wrong{border-color:#b3261e;background:#fdeceb}
@media(max-width:700px){
 .phrases-model{font-size:14px}
 .phrases-line{font-size:18px}
 .phrases-tokens{gap:6px 4px;font-size:19px}
 .phrases-token{min-height:44px;padding:3px 8px}
 .phrases-key--mark{font-size:22px}
}