@import"https://fonts.googleapis.com/css2?family=Bebas+Neue&display=swap";.search-players-container h1{font-size:2.5rem;font-weight:700;font-family:Bebas Neue,sans-serif;text-align:center;color:#f1f1f1;margin-bottom:15px;text-transform:uppercase;letter-spacing:1px;text-shadow:3px 3px 8px hsla(0,0%,100%,.2)}@media(max-width:768px){.search-players-container h1{font-size:2rem}}@media(max-width:480px){.search-players-container h1{font-size:1.8rem}}.search-players-container p{font-size:1.1rem;text-align:center;color:#ccc;max-width:700px;margin:0 auto;line-height:1.6}@media(max-width:768px){.search-players-container p{font-size:1rem;max-width:95%}}.search-players-container h1:after{content:"";display:block;width:60px;height:3px;background-color:#fc0;margin:10px auto;border-radius:2px}.search-players-container h1:hover{text-shadow:0 0 12px rgba(255,204,0,.6)}.search-players-container .input-container{position:relative;width:100%;max-width:400px;margin:10px auto 0}@media(max-width:480px){.search-players-container .input-container{max-width:90%}}.search-players-container .input-container input{width:402px;height:25px;padding-top:12px;padding-bottom:12px;padding-left:10px;font-size:1rem;background:hsla(0,0%,100%,.1);color:#fff;border:1px solid hsla(0,0%,100%,.3);border-radius:6px;outline:none;transition:all .3s ease-in-out}@media(max-width:480px){.search-players-container .input-container input{max-width:288px}}.search-players-container .input-container label{position:absolute;top:50%;left:12px;transform:translateY(-50%);color:hsla(0,0%,100%,.6);font-size:1rem;pointer-events:none;transition:all .3s ease-in-out}.search-players-container .input-container input:focus~label,.search-players-container .input-container input:not(:placeholder-shown)~label{top:10px;font-size:.8rem;color:#fc0}.search-players-container .input-container input:focus{border-color:#fc0;box-shadow:0 0 10px rgba(255,204,0,.6)}.search-players-container .player-list{position:absolute;top:100%;left:0;width:414px;background:rgba(30,30,30,.95);border:1px solid hsla(0,0%,100%,.2);border-radius:6px;margin-top:5px;padding-right:0;padding-left:0;list-style:none;display:none;z-index:10;box-shadow:0 4px 10px rgba(0,0,0,.3);max-height:200px;overflow-y:auto}@media(max-width:480px){.search-players-container .player-list{max-width:300px}}.search-players-container .player-list.active{display:block}.search-players-container .player-list li{padding:10px;font-size:1rem;transition:background .2s ease-in-out}.search-players-container .player-list li a{color:#fff;text-decoration:none;display:block}.search-players-container .player-list li:hover{background:rgba(255,204,0,.6)}.search-players-container .player-list li a:hover{color:#000}