.commonChoices{display:grid;grid-template-columns:repeat(4,minmax(0,200px));width:calc(100vw - 20px);max-width:500px;gap:10px}.commonChoices.is-answer{gap:0;pointer-events:none}.commonChoices.is-answer .commonChoices-choice.is-incorrect{transform:scale(.8);opacity:.5}.commonChoices.is-answer .commonChoices-choice.is-incorrect.is-selected .commonChoices-img:before{content:"⤫";z-index:1;width:100%;height:100%;color:red;font-size:9.375rem;position:absolute;transform:translate(-50%,-50%);top:50%;left:50%;display:flex;justify-content:center;align-items:center}.commonChoices.is-answer .commonChoices-choice:not(.is-incorrect){z-index:1}.commonChoices.is-answer .commonChoices-choice.is-selected{border-color:#e1a132}.commonChoices .commonChoices-choice{position:relative;display:grid;grid-template-rows:auto auto;min-width:0;padding:5px;border:1.5px solid rgba(0,0,0,0);border-radius:5px;background-color:rgba(0,0,0,.3);cursor:pointer;justify-items:center;align-content:start;transition:all .3s cubic-bezier(.165,.84,.44,1),transform .3s cubic-bezier(.165,.84,.44,1),border-color .3s cubic-bezier(.165,.84,.44,1)}.commonChoices .commonChoices-choice:hover{transform:translateY(-5px);border-color:#e1a132}.commonChoices .commonChoices-choice:hover:active{transform:translateY(-5px) scale(.95);border-color:#c17a2a}.commonChoices .commonChoices-img{position:relative;overflow:hidden;width:100%;max-width:100px;border-radius:3px;aspect-ratio:.672}.commonChoices .commonChoices-img img{display:block;width:100%;height:100%;object-fit:cover}.commonChoices .commonChoices-title{overflow:hidden;max-width:100%;max-height:2ch;font-size:.625rem;margin-block:5px 2px;text-overflow:ellipsis;white-space:nowrap}.commonChoices .commonChoices-correct{z-index:1;color:#32cd32}.commonChoices .commonChoices-correct svg{width:30px;height:30px}.commonChoices .commonChoices-correct{position:absolute;transform:translate(-50%,-50%);top:50%;left:50%;display:flex;justify-content:center;align-items:center}@keyframes anim-gradient{0%{background-position:0 50%}to{background-position:200% 50%}}@keyframes border-gradient-move{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.timeline{position:relative;overflow:hidden;width:100%;max-width:200px;height:3px;border-radius:999px;margin-bottom:8px;background:rgba(255,255,255,.12)}.timeline-progress{position:absolute;transform:scaleX(0);border-radius:inherit;background:linear-gradient(90deg,#fff3a3,#ffd54a 30%,#ffb300 70%,#ff7a00);inset:0;transform-origin:left center;box-shadow:0 0 6px rgba(255,193,7,.55),0 0 14px rgba(255,179,0,.25);transition:transform 1s linear;will-change:transform}