*{box-sizing:border-box;font-family:Poppins,sans-serif;margin:0;padding:0}.App{align-items:center;background:#f5f5f5;display:flex;flex-direction:column;height:100vh;justify-content:center}button,input{-webkit-appearance:none;appearance:none;background:none;border:none;box-shadow:inset 0 0 0 1px #bbb;font-family:Poppins,sans-serif;outline:none}form{display:block;position:relative}form:after{background-image:linear-gradient(to bottom right,#fa6e6e,#4a4141);border:1px solid #ccc;border-radius:5px;bottom:-5px;content:"";display:block;left:-5px;position:absolute;right:-5px;top:-5px;z-index:1}form .form-inner{background:#fff;display:block;padding:20px;position:relative;z-index:2}form .form-inner h2{color:#333;font-size:1.5rem;margin-bottom:20px}form .form-inner .form-group{display:block;margin-bottom:20px;position:relative;width:300px}form .form-inner .form-group label{color:#333;display:block;font-size:.9rem;margin-bottom:5px;position:relative;transition:.4s}form .form-inner .form-group input{border-radius:5px;color:#333;display:block;font-size:1rem;padding:10px 20px;position:relative;transition:.4s;width:100%}form .form-inner .form-group input:focus+label{font-size:.8rem;-webkit-transform:translateY(-20px);transform:translateY(-20px)}form .form-inner .form-group:focus-within label{color:#fa6e6e}form .form-inner .form-group input:focus{border-color:#fa6e6e;box-shadow:0 0 0 2px #fa6e6e}form .form-inner input[type=submit]{background:#fa6e6e;border-radius:5px;color:#fff;cursor:pointer;display:block;font-size:1rem;padding:10px 20px;position:relative;transition:.4s;width:100%}form .form-inner input[type=submit]:hover{background:#f55}form .form-inner input[type=submit]:focus{box-shadow:0 0 0 2px #fa6e6e}.loading{-webkit-animation:loading 1s infinite;animation:loading 1s infinite;background:#fa6e6e;border-radius:5px;color:#fff;cursor:pointer;display:block;font-size:1rem;padding:10px 20px;position:relative;transition:.4s;width:100%}@-webkit-keyframes loading{0%{background:#fa6e6e}50%{background:#e4a2a2}to{background:#fa6e6e}}@keyframes loading{0%{background:#fa6e6e}50%{background:#e4a2a2}to{background:#fa6e6e}}.playerCard{align-items:center;border:1px solid #ccc;border-radius:.5rem;box-shadow:0 2px 8px rgba(0,0,0,.26);cursor:pointer;display:flex;flex-direction:column;height:400px;justify-content:center;margin:1rem;padding:1rem;position:relative;transition:all .3s ease-out;width:300px}.Blue{background-color:hsla(84,37%,71%,.75)}.Blue,.Red{position:absolute}.Red{background-color:hsla(0,80%,76%,.8)}.playerCard:hover{box-shadow:0 2px 8px rgba(0,0,0,.26),0 .5rem 1rem rgba(0,0,0,.26);-webkit-transform:scale(1.03);transform:scale(1.03)}.playerCard__image{align-items:center;display:flex;flex-direction:row;justify-content:center;margin:2rem;object-fit:cover;width:100%}.playerCard__image,.playerCard__image img{border-radius:.5rem .5rem 0 0;height:100px}.playerCard__image img{margin-top:.5rem;object-fit:contain;width:100px}.playerCard__info{display:flex;flex-direction:column;height:100%;margin:.5rem;width:100%}.playerCard__info h1{font-size:1.5rem}.playerCard__info h2{font-size:1rem;white-space:pre-wrap}.playerCard__info img{height:40px;margin:.5rem;object-fit:contain;width:40px}.playerCard__info_name{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;margin:1rem 0;width:100%}.playerCard__info_agent,.playerCard__info_elo{display:flex;flex-direction:row;height:100%;width:100%}.playerCard:hover .playerCard__image,.playerCard:hover .playerCard__info,.playerCard__loadout{display:none}.playerCard:hover .playerCard__loadout{align-items:center;display:flex;flex-direction:column;justify-content:space-between}.playerCard__loadout{border-radius:.5rem;height:100%;overflow-x:hidden;overflow-y:scroll;padding:.5rem 1.5rem;position:absolute;transition:all .3s ease-out;width:100%}.playerCard:hover .playerCard__loadout::-webkit-scrollbar{display:none}.playerCard__loadout_item{align-items:center;background-color:hsla(0,0%,80%,.808);border:1px solid #ccc;border-radius:.5rem;box-shadow:0 2px 8px rgba(0,0,0,.26);display:flex;flex-direction:column;height:100px;justify-content:space-between;margin:1rem;padding:1rem;transition:all .3s ease-out;width:100%}.playerCard__loadout_item img{height:100%;object-fit:contain;width:100%}.playerCard__loadout_item h1{display:none;position:absolute}.playerCard__loadout_item:hover{background-color:#ccc;box-shadow:0 2px 8px rgba(0,0,0,.26),0 .5rem 1rem rgba(0,0,0,.26);flex-direction:row;-webkit-transform:scale(1.03);transform:scale(1.03)}.playerCard__loadout_item:hover h1{bottom:0;color:hsla(0,0%,100%,.658);display:block;font-size:.75rem;margin:.5rem;right:0;text-shadow:0 0 .5rem rgba(0,0,0,.25)}.matchInfo{height:100%}.matchInfo,.matchInfo__header{align-items:center;background-color:#f5f5f5;display:flex;flex-direction:column;justify-content:center;width:100%}.matchInfo__header{height:100px;margin:2rem}.matchInfo button{align-items:center;border:1px solid #ce4040;border-radius:.5rem;box-shadow:0 2px 8px rgba(0,0,0,.26);cursor:pointer;display:flex;flex-direction:row;height:3rem;justify-content:center;margin:1rem 0;padding:.5rem;transition:all .3s ease-out;width:10rem}.matchInfo button:hover{box-shadow:0 2px 8px rgba(0,0,0,.26),0 .5rem 1rem rgba(0,0,0,.26);-webkit-transform:scale(1.03);transform:scale(1.03)}.matchInfo__body{grid-gap:1rem;display:grid;grid-template-columns:repeat(auto-fit,minmax(20rem,1fr));overflow-x:hidden;overflow-y:auto;padding:1rem 3rem;scrollbar-color:#ce4040 #f5f5f5;scrollbar-width:thin;width:100%}.matchInfo__body::-webkit-scrollbar{width:.5rem}.matchInfo__body::-webkit-scrollbar-track{background:#f5f5f5}.matchInfo__body::-webkit-scrollbar-thumb{background-color:#ce4040;border:.5rem solid #f5f5f5;border-radius:.5rem}.matchInfo__body::-webkit-scrollbar-thumb:hover{background-color:#ce4040}.matchInfo__body::-webkit-scrollbar-button{display:none}.matchInfo__body__empty{align-items:center;display:flex;flex-direction:column;height:500px;justify-content:center;width:100%}.matchInfo__body__empty h1{color:#ce4040;font-size:2rem}.matchInfo__loading{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;width:100%}.lds-roller{display:inline-block;height:80px;position:relative;width:80px}.lds-roller div{-webkit-animation:lds-roller 1.2s cubic-bezier(.5,0,.5,1) infinite;animation:lds-roller 1.2s cubic-bezier(.5,0,.5,1) infinite;-webkit-transform-origin:40px 40px;transform-origin:40px 40px}.lds-roller div:after{background:#222;border-radius:50%;content:" ";display:block;height:7px;margin:-4px 0 0 -4px;position:absolute;width:7px}.lds-roller div:first-child{-webkit-animation-delay:-36ms;animation-delay:-36ms}.lds-roller div:first-child:after{left:63px;top:63px}.lds-roller div:nth-child(2){-webkit-animation-delay:-72ms;animation-delay:-72ms}.lds-roller div:nth-child(2):after{left:56px;top:68px}.lds-roller div:nth-child(3){-webkit-animation-delay:-.108s;animation-delay:-.108s}.lds-roller div:nth-child(3):after{left:48px;top:71px}.lds-roller div:nth-child(4){-webkit-animation-delay:-.144s;animation-delay:-.144s}.lds-roller div:nth-child(4):after{left:40px;top:72px}.lds-roller div:nth-child(5){-webkit-animation-delay:-.18s;animation-delay:-.18s}.lds-roller div:nth-child(5):after{left:32px;top:71px}.lds-roller div:nth-child(6){-webkit-animation-delay:-.216s;animation-delay:-.216s}.lds-roller div:nth-child(6):after{left:24px;top:68px}.lds-roller div:nth-child(7){-webkit-animation-delay:-.252s;animation-delay:-.252s}.lds-roller div:nth-child(7):after{left:17px;top:63px}.lds-roller div:nth-child(8){-webkit-animation-delay:-.288s;animation-delay:-.288s}.lds-roller div:nth-child(8):after{left:12px;top:56px}@-webkit-keyframes lds-roller{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes lds-roller{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}
/*# sourceMappingURL=main.857e78f5.css.map*/