.container{max-width:550px;margin:0 auto;margin-block:32px;padding-inline:12px}.content{display:flex;flex-direction:column;align-items:center;max-width:550px;margin:0 auto;position:relative}.video{width:100%;height:300px}.search{width:100%;padding:16px;border-radius:8px;font-family:var(--fontTitle);font-size:24px;color:var(--black)}.autocomplete-suggestions{width:100%;background-color:var(--white);border:1px solid #ccc;max-height:200px;overflow-y:auto}.autocomplete-suggestion{display:flex;align-items:center;padding:12px;cursor:pointer;border-bottom:1px solid #eee;gap:12px}.autocomplete-suggestion:hover{background-color:#f0f0f0}.player-photo{width:40px;height:40px;border-radius:50%}@keyframes show-result{0%{opacity:0;transform:translate3d(0,-30px,0)}to{opacity:1;transform:translateZ(0)}}.result{display:flex;flex-direction:column;gap:12px;align-items:center;padding-block:24px;transition:3s;animation:show-result .3s forwards}.result h3{color:var(--black)}.result h3,.result p{font-size:24px;font-family:var(--fontTitle);letter-spacing:1px}.result p{color:var(--blue)}.container-items{display:flex;flex-direction:row;width:100%;justify-content:space-between;padding-inline:12px;gap:8px}.item-wrapper{flex-direction:column;gap:4px}.item-content,.item-wrapper{display:flex;align-items:center}.item-content{background-color:var(--gray);width:170px;height:50px;border-radius:4px;justify-content:center}.correct{background-color:green}.correct p{color:var(--white)}@media (max-width:600px){.container-items{justify-content:center;gap:8px}.item-content{width:130px;padding-inline:8px;box-sizing:border-box}.video{height:200px}}