@property --progress{syntax:"<number>";inherits:false;initial-value:0}.draggable{flex-direction:column;justify-content:center;align-items:center;transition:transform .25s;display:flex;position:relative}.draggable>button{-webkit-appearance:none;-moz-appearance:none;appearance:none;min-height:54px;box-shadow:var(--box-shadow);transform:translate3d(var(--translate-x,0),var(--translate-y,0),0)scale(var(--scale,1));color:#fff;background-color:#181a22;border:0;border-radius:5px;outline:none;flex-shrink:1;justify-content:center;align-items:center;padding:8px 18px;transition:box-shadow .3s;display:flex}.draggable.pendingDelay>button{background-image:linear-gradient(90deg,#f00d calc(var(--progress)*1%),transparent calc(var(--progress)*1% + 1%));animation:linear pending}.draggable:not(.handle)>button{touch-action:none;cursor:grab}.draggable:not(.handle)>button:focus-visible:not(.active :is(.draggable:not(.handle)>button)){box-shadow:0 0 0 3px #4c9ffe}.draggable.handle>button{--action-background:#ffffff1a}.draggable.handle>button>svg{margin-right:5px}.draggable.handle>button>button{margin-right:-10px}.draggable img{-webkit-user-select:none;user-select:none;pointer-events:none;width:140px}.draggable label{text-align:center;color:#8d8d8d;-webkit-user-select:none;user-select:none;flex-shrink:1;padding:10px;font-size:1rem;font-weight:300;transition:opacity .25s;animation-name:pulse;animation-duration:1.5s;animation-timing-function:ease;animation-iteration-count:infinite;animation-direction:alternate;animation-delay:2s;display:block}.draggable.dragging{z-index:1;opacity:0;transition:none;background-color:gray!important}.draggable.dragging *{cursor:grabbing}.draggable.dragging>button{--scale:1.06;--box-shadow:-1px 0 15px 0 #22215103,0px 15px 15px 0 #22215140}.draggable.dragging>button:focus-visible{--box-shadow:0 0px 10px 2px #4c9ffe}.draggable.dragging label{opacity:0;animation:none}.draggable.dragOverlay>button,.draggable.dragging>button{animation:.25s cubic-bezier(.18,.67,.6,1.22) pop}@keyframes pulse{0%{opacity:0}to{opacity:1}}@keyframes pop{0%{transform:translate3d(var(--translate-x,0),var(--translate-y,0),0)scale(1)}to{transform:translate3d(var(--translate-x,0),var(--translate-y,0),0)scale(var(--scale));box-shadow:var(--box-shadow)}}@keyframes pending{to{--progress:100}}.droppable{text-align:center;box-sizing:border-box;background-color:#fff;border:2px solid #c9d3db80;border-radius:10px;flex-direction:column;justify-content:center;width:150px;height:150px;transition:box-shadow .25s;display:flex;position:relative}.droppable.correct-answer{border:2px solid green}.droppable.not-correct-answer{border:2px solid red}.droppable.over{box-shadow:inset 0 0 0 3px #1eb99d,20px 14px 24px #c9d3db80}.droppable.over.dropped{box-shadow:inset 0 0 0 3px #c9d3dbb3,20px 14px 24px #c9d3db80}.game .title{text-align:center}.game .container{justify-content:space-between;display:flex}.game .non-classified-items{grid-template-columns:1fr 1fr;gap:16px;display:grid}.game .body{flex-direction:column;gap:16px;display:flex}.game .table{grid-template-columns:1fr 1fr 1fr;grid-template-areas:"header0 header1 header2 header3""lineName0 cell cell cell""lineName1 cell cell cell""lineName2 cell cell cell""lineName3 cell cell cell";gap:16px;display:grid}.game .header-0{grid-area:header0}.game .header-1{grid-area:header1}.game .header-2{grid-area:header2}.game .header-3{grid-area:header3}.game .line-name-0{grid-area:lineName0}.game .line-name-1{grid-area:lineName1}.game .line-name-2{grid-area:lineName2}.game .line-name-3{grid-area:lineName3}.game .line{text-align:center;align-content:center}.game .footer{justify-content:end;gap:16px;display:flex}.game .highlight-article{background-color:#ffa07a}