:root{--background:#f2f0f0;--foreground:#171717;--main-blue:#1b8ad9;--secondary-blue:#dff2ff;--green:#90ffcb}html,body{background:var(--background);height:100%;margin:0;font-family:Inter,system-ui,-apple-system,sans-serif;overflow:hidden}div{box-sizing:border-box}h1{cursor:default;margin-top:24px;margin-bottom:24px;font-size:48px;font-weight:400}h2{cursor:default;margin:0;font-size:40px;font-weight:500}h3{cursor:default;margin:0;font-size:20px;font-weight:500}input{font-family:Inter,system-ui,-apple-system,sans-serif}input[type=number]::-webkit-inner-spin-button{opacity:1}input[type=number]::-webkit-outer-spin-button{opacity:1}button:disabled{cursor:not-allowed!important}.error{color:red}.league-modal{width:65%;min-width:750px;height:75%;color:var(--foreground);background:#fff;border:1px solid #000;border-radius:8px;flex-direction:column;align-items:center;display:flex}.league-modal>div{border-bottom:1px solid #000;width:95%;margin-bottom:5px;padding-top:10px;padding-bottom:10px}.league-modal-header{justify-content:space-between;align-items:center;display:flex}.league-modal-header>div{gap:10px;display:flex}.league-modal-header button{color:#fff;cursor:pointer;border:1px solid #000;border-radius:10px;width:82px;height:34px;font-size:20px}.league-modal-cancel{background:red}.league-modal-cancel:hover{background:#eb0000}.league-modal-cancel:active{background:#c80000}.league-modal-done{background:var(--main-blue)}.league-modal-done:hover{background:#187dc5}.league-modal-done:active{background:#156faf}button:disabled{color:#8d8d8d!important;background-color:#d9d9d9!important}select,select option{cursor:pointer}