#home-page{height:80%;padding-left:15px;padding-right:15px}#home-page>main{flex-direction:row;justify-content:space-between;width:100%;height:100%;display:flex}#home-right-column{flex-direction:column;justify-content:space-between;align-self:stretch;gap:16px;width:35%;height:100%;display:flex;position:relative}#home-right-column>div{background:#fff;border:1px solid #8f8a8a;border-radius:10px;width:100%;min-height:100px}#draft-news{flex:1;min-height:400px}#leagues-widget{background:#fff;border:1px solid #8f8a8a;border-radius:10px;width:63%;padding:30px 20px 20px;position:relative}#create-league-btn{z-index:1;width:225px;height:38px;color:var(--foreground);cursor:pointer;background:#fff;border:1px solid #000;border-radius:10px;padding:0 16px;font-size:18px;font-weight:500;position:absolute;top:-20px;left:20px}#create-league-btn:hover{background:var(--secondary-blue)}.league-grid{flex-wrap:wrap;gap:16px;display:flex}.league-card{width:clamp(200px,30%,300px);height:150px;color:var(--foreground);background:#fff;border:1px solid #8f8a8a;border-radius:10px;flex-direction:column;text-decoration:none;display:flex;position:relative;overflow:hidden}.league-card-header{background:var(--secondary-blue);padding:8px 10px;font-size:20px;font-weight:600}.league-card-image{object-fit:cover;width:100%;height:100%}.league-card-footer{background:0 0;padding:0;position:absolute;bottom:8px;left:8px}.league-card-edit{width:56px;height:28px;color:var(--foreground);cursor:pointer;background:#fff;border:1px solid #8f8a8a;border-radius:8px;font-size:13px}.league-card-edit:hover{background:var(--secondary-blue)}.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;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}.league-input-wrapper{align-items:center;margin-bottom:10px;display:flex}.league-input-wrapper.first{justify-content:space-between;align-items:center;display:flex}.league-input-wrapper.second{align-items:center;gap:2em;display:flex}#f-league-name{box-sizing:border-box;border:1px solid #000;border-radius:8px;width:calc(100% - 10em);padding:5px;font-size:18px}#f-league-image::file-selector-button{border:1px solid #000;border-radius:8px;width:157px;height:30px;font-size:15px}.league-input-inputs>div{align-items:center;display:flex}.league-modal>.league-modal-config{border-bottom:none}.league-config{justify-content:space-between;align-items:center;width:30%;min-width:300px;display:flex}.league-config-list{flex-flow:column wrap;gap:10px;height:60%;margin-top:8px;display:flex}.league-config span{font-size:20px}.league-config input{border:1px solid #000;border-radius:8px;width:75px;height:25px;padding-left:10px;font-size:20px;font-weight:300}