body{background-color:#e7e4df;margin:0;padding:0}.App{padding:16px 8px;text-align:center}#PickingContainer{align-content:center;display:flex;justify-content:space-between;padding:16px 0}.PickingBox{background-color:#edeae6;border-radius:2px;color:#2e2e2e;font-size:12px;line-height:150%;margin:0;padding:4px 8px}.DimColor{color:#2e2e2e80}#Picking{color:#985b4e}#UpNext,#Username{color:#2e2e2e}#Username{background-color:#edeae6;border-radius:2px;font-size:24px;margin:0;padding:12px;text-align:center}.Login{padding-top:100px}.Login,.LoginContainer{align-items:center;display:flex;flex-direction:column}.LoginContainer{gap:16px;max-width:500px}.DefaultInput{background-color:#dfdcd7;border:none;border-radius:4px;box-sizing:border-box;color:#2e2e2e;font-size:16px;padding:10px;transition:all .3s;width:100%}.DefaultInput:focus{border-radius:30px;outline:none}#JoinBtn{background-color:#cfcbc6;border:none;border-radius:4px;color:#2e2e2e;font-size:16px;padding:10px;transition:all .3s;width:100%}#JoinBtn:hover{cursor:pointer;transform:scale(1.05)}.AdminButtons{display:flex;gap:12px;justify-content:center;padding:64px 0}.AdminButton{background-color:#cfcbc6;border:none;border-radius:4px;color:#2e2e2e;font-size:16px;outline:none;padding:8px 0;width:100%}.ModalBackground{background-color:#00000080;height:100%;left:0;position:fixed;top:0;width:100%;z-index:999}.Modal{background-color:#e7e4df;border-radius:8px;left:50%;min-width:200px;padding:16px 24px;position:absolute;top:50%;transform:translate(-50%,-50%)}#ModalTitle{color:#2e2e2e;font-size:24px;margin:0 0 12px}#ModalDescription{color:#2e2e2e;font-size:12px;margin:0 0 24px}.ModalButtons{display:flex;gap:8px;justify-content:end}.ModalCancel,.ModalSuccess{background-color:#cfcbc6;border:0;border-radius:4px;color:#2e2e2e;margin:0;outline:none;padding:6px 12px}.ModalSuccess{background-color:#258b3520;color:#258b35}.ModalCancel{background-color:#9e373720;color:#9e3737}@media only screen and (min-width:992px){.App{padding:32px 16px}#PickingContainer{padding:32px 0}#Username{border-radius:4px;font-size:48px;padding:24px}.PickingBox{border-radius:4px;font-size:24px;padding:8px 16px}.Modal{min-width:400px}}.Captains{grid-gap:6px;display:grid;gap:6px;grid-template-columns:1fr 1fr;margin-bottom:16px}@media only screen and (min-width:992px){.Captains{gap:24px;grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr;margin-bottom:32px}}.CaptainBox{background-color:#dfdcd7;border-radius:4px;padding:12px}.CaptainHeader{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:16px}.CaptainName,.CaptainPosition{font-size:16px;margin:0;text-align:left}.CaptainPosition{background-color:#e7e4df;border-radius:2px;font-size:10px;padding:2px 6px;text-align:center}.ChosenPlayersList{display:flex;flex-direction:column;gap:2px}.ChosenPlayerBox{align-items:center;background-color:#e7e4df;border-radius:2px;display:flex;justify-content:space-between;padding:6px 12px;text-align:left}.ChosenPlayerName{font-size:14px;line-height:150%;margin:0}@media only screen and (min-width:992px){.CaptainBox{border-radius:8px;padding:16px}.CaptainHeader{margin-bottom:24px}.CaptainName{font-size:20px}.CaptainPosition{border-radius:4px;font-size:14px;padding:4px 8px}.ChosenPlayerBox{border-radius:4px;padding:8px 16px}.ChosenPlayerName{font-size:16px}}.PlayersBox{display:flex;gap:12px;width:100%}.BoysList,.GirlsList{display:flex;flex-direction:column;gap:8px;width:100%}.BoysBox,.GirlsBox{border-radius:2px;padding:8px}.BoysBox{background-color:#2a6aa51a;color:#2a6aa5}.GirlsBox{background-color:#a52a7b1a;color:#a52a7b}.GenderTitle{font-size:16px;margin:0}.Players{grid-gap:4px;display:grid;gap:4px;grid-template-columns:1fr}@media only screen and (min-width:992px){.PlayersBox{gap:24px}.BoysList,.GirlsList{gap:8px}.BoysBox,.GirlsBox{border-radius:4px;padding:12px}.GenderTitle{font-size:20px}.Players{gap:8px;grid-template-columns:1fr 1fr 1fr 1fr}}.PlayerBox{align-items:center;background-color:#dfdcd7;border-radius:2px;display:flex;justify-content:space-between;padding:8px}.PlayerBox:hover{cursor:pointer}.Bounce{animation-duration:.5s;animation-fill-mode:both;animation-name:bounce}.Fade{animation-duration:.5s;animation-fill-mode:both;animation-name:fade}.PlayerName{color:#2e2e2e;font-size:14px;line-height:150%;margin:0}.PitcherContainer{background-color:#e7e4df;border-radius:2px;padding:2px 6px;text-align:center}.Pitcher{color:#985b4e;font-size:14px;line-height:140%;margin:0}@keyframes bounce{0%{transform:scale(1)}60%{background-color:#dfdcd7;transform:scale(1.08)}to{background-color:#dfdcd725;transform:scale(1)}}@keyframes fade{60%{color:#2e2e2e}to{color:#2e2e2e15}}@media only screen and (min-width:992px){.PlayerBox{border-radius:4px;padding:12px}.PlayerName{font-size:16px}}
/*# sourceMappingURL=main.fc3eb401.css.map*/