@import url(https://unpkg.com/@webpixels/css@1.1.5/dist/index.css);.sidebar{position:fixed;top:0;left:0;width:250px;height:100vh;background-color:#f5f5f5;transition:transform .3s ease-in-out;transform:translateX(-100%)}.sidebar.show{transform:translateX(0)}.main-content{padding:1rem}.main-color{background-color:#d8ad00}.main-bg{background-color:#f7f7f7}.icon-btns{display:flex;justify-content:center;align-items:center;background-color:#fff}.icon-btns,.side-head-profile{width:48px;height:48px;border-radius:50%}.side-head-profile{object-fit:cover}.events-icons{width:40px;height:40px;border-radius:50%;display:flex;justify-content:center;align-items:center;background-color:#f7f7f7}.grip-lines{color:#7a7a7a}.table-active-col{color:#15ae65;background-color:#15ae6446;padding:4px 8px;border-radius:20px;text-align:center}.event-table.active{display:block}.cursor-pointer{cursor:pointer}.textsm{font-size:14px}.splAlert{background:linear-gradient(90deg,#ffe699,#f0ba57)}.main-text{color:#d8ad00}.venues-col{border-radius:10px;border-left:3px solid #d8ad00;padding:15px}.date-div{background:#e2f4fe;color:#6da9c6;padding:20px;border-radius:20px;font-weight:600}.nav-link{border-radius:10px!important;color:#7a7a7a!important;display:flex;font-size:20px;align-items:center;transition:.3s}.nav-link.active{font-weight:600!important;border-radius:10px!important;border-left:3px solid #d8ad00}.nav-link.active,.nav-link:hover{background:#fcf8eb!important;color:#d8ad00!important}.nav-link.active .nav-link-icon{font-size:18px;margin-right:2px;color:#d8ad00!important}.nav-link:hover .nav-link-icon{color:#d8ad00!important}.nav-link-icon{font-size:18px;margin-right:2px;color:#7a7a7a!important;transition:.3s}.side-join{background:#141414;color:#fff;border-radius:30px;min-height:150px;width:80%;display:flex;justify-content:flex-end;flex-direction:column;align-items:center;position:relative}.side-join-image{position:absolute;top:-60%}.side-join h3{font-size:14px;font-weight:700}.side-join p{margin-top:10px;color:#d8ad00;font-size:14px;font-weight:400}.transition-max-height{max-height:0;overflow:hidden;transition:max-height .3s ease-in-out}.signup-container{min-height:100vh;background-color:#fffbe6;padding:2rem}.waiver-container{min-height:800px;max-width:100%;border:1px solid #e6b800;border-radius:10px;background-color:#e6f3ff;padding:2rem}.iframe-container{width:100%;height:800px;border:none}.iframe-container iframe{width:100%;height:100%;border:none}@media (max-width:767px){.iframe-container{height:400px}}@media (max-width:1023px){.iframe-container{height:600px}}.custom-heading{padding-top:2rem;padding-bottom:.5rem}.signup-card{max-width:400px;width:100%;border-radius:10px;border:2px solid #e6b800}.signup-card .form-label{color:#b38f00}.signup-card .form-control{border:1px solid #e6b800}.signup-card .btn-primary{background-color:#e6b800;border:none}.signup-card .btn-primary:hover{background-color:#d9a600}.splBtn{background:linear-gradient(90deg,rgba(0,48,135,.7),#003087)}.splSuccessBtn{background:linear-gradient(90deg,#ffe699,#f0ba57);animation:pulsate 2s ease-in-out infinite alternate}@keyframes pulsate{0%{opacity:1}50%{opacity:.6}to{opacity:1}}.loading-overlay{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;background-color:hsla(0,0%,100%,.8);z-index:9999}.custom-spinner{color:gold}.btn-facebook{background-color:#3b5998;color:#fff}.btn-facebook:hover{background-color:#2d4373}.btn-google{background-color:#db4437;color:#fff}.btn-google:hover{background-color:#c23321}.toast-container{z-index:1050}body{background-color:#f8f9fa}.modal-content{border-radius:10px}.btn-outline-warning{color:gold;border-color:gold}.btn-warning{background-color:gold;border-color:gold}.btn-warning:hover{background-color:#e6b800;border-color:#e6b800}.badge-lg{font-size:.75rem;padding:.25rem .5rem}.transaction-success{background-color:#effffa}.transaction-danger,.transaction-success{display:flex;align-items:center;padding:1rem;border-radius:4px;color:#333}.transaction-danger{background-color:#fff4ef}.check-icon{margin-right:1rem;color:#2e8b57;font-size:1.2rem}.event-open-close{padding:10px 18px;border-radius:30px;background-color:#fff;border:1.9px solid hsla(0,0%,50%,.418);display:flex;justify-content:center;align-items:center}.save-event{background-color:#aa9e6f}.add-event,.save-event{padding:8px 20px;border-radius:30px;color:#fff;display:flex;justify-content:center;align-items:center}.add-event{background-color:#d8ad00}.header-spacing{margin-top:1.5rem}.button-container{width:100%;display:flex;justify-content:flex-end;padding:10px;border-radius:8px;margin:5px 0}.download-roster{padding:8px 20px;background:transparent;border:2px solid #107c41;border-radius:4px;color:#107c41;display:flex;justify-content:center;align-items:center;font-weight:500}.pac-container{z-index:10000!important}.input-group .form-control{border-right:0}.input-group .form-select{border-left:0}.text-gray{color:#7a7a7a}.icon-btns:active{opacity:.7;transition:opacity .2s ease-in-out}.sparkle-btn{position:relative}.sparkle-btn:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:10px;height:10px;border-radius:50%;background-color:transparent;animation:sparkle 1s ease-in-out infinite}@keyframes sparkle{0%{opacity:0}50%{opacity:1}to{opacity:0}}.tb td{font-size:.9vw}.contact{border-radius:20px;width:-moz-fit-content;width:fit-content;padding:10px}.contact:hover{color:grey}.modal-slide-enter{transform:translateY(-100%);transition:transform .3s ease-in-out,opacity .3s ease-in-out;opacity:0}.modal-slide-enter-active,.modal-slide-exit{transform:translateY(0);opacity:1}.modal-slide-exit{transition:transform .3s ease-in-out,opacity .3s ease-in-out}.modal-slide-exit-active{transform:translateY(-100%);opacity:0}.teams{background-color:transparent;padding:10px;display:flex;justify-content:space-between;width:100%;border-top:1px solid gray}.teams:hover{background-color:#f8f8f8}.back-button{background-color:#96c;color:#fff;border-top-right-radius:20px;border-bottom-right-radius:20px}.tab{cursor:pointer;padding:10px;margin-right:10px;border:1px solid #ddd;border-bottom:none;background-color:#f1f1f1}.tab.active{background-color:#ddd}.tab-content{grid-gap:1px;gap:1px;display:grid;background-color:#ebebeb}.scores{background-color:#f7f7f7;display:flex}.match-teams{display:grid;justify-items:center;grid-template-columns:1fr 0fr 1fr}.team-info{display:grid;grid-template-columns:.2fr 1fr;align-items:center;width:100%};.edit-input{border:#141414};.live-scores-container{padding:1rem}.scores-grid{display:grid;grid-gap:1rem;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));list-style-type:none;padding:0}.event-item{width:100%;height:80px}.event-link{text-decoration:none;display:block;height:100%}.event-button{width:100%;height:100%;font-size:1rem;font-weight:700;border:none;color:#000;border-radius:.5rem;transition:transform .2s ease-in-out}.event-button:hover{transform:scale(1.05)}@media (min-width:768px){.live-scores-container{padding:2rem}.scores-grid{gap:1.5rem}.event-item{height:100px}.event-button{font-size:1.25rem}}.bracket{border-bottom:1px solid #141414;background-color:silver}.center-content{display:flex;width:100%}.table-league{width:100%;font-size:large;border-spacing:14px;font-weight:500}.drag-drop-area{border:2px dashed #ccc;border-radius:20px;width:480px;font-family:sans-serif;margin:100px auto;padding:20px;text-align:center}.drag-drop-area.drag-active{background-color:#f0f0f0}.drag-drop-area p{margin-top:0}.drag-drop-area button{background-color:#007bff;border:none;color:#fff;padding:10px 20px;text-align:center;text-decoration:none;display:inline-block;font-size:16px;margin:4px 2px;cursor:pointer;border-radius:5px}.content-list-registration{list-style:none}.list-item-registration{display:grid;grid-template-columns:1fr 1fr;grid-gap:20px;gap:20px}.center-cont{display:flex;align-items:center;flex-direction:column}.select-roster{height:50px}.modal-container{position:fixed;top:0;left:0;display:flex;justify-content:center;align-items:center;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px)}.modal-backdrop,.modal-container{width:100%;height:100%;z-index:1100}.modal-backdrop{position:absolute;background-color:hsla(0,0%,39%,.25)}.modal-league{background-color:#fff;border-radius:1rem;z-index:1200;padding:1.5rem;display:flex;flex-direction:column;width:50vw;align-items:center;gap:20px;animation:fadeIn .3s ease-in-out forwards}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-league.closing{animation:fadeOut .3s ease-in-out forwards}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.input-container{width:60%;display:flex;justify-content:space-between}.input-form{border:1px solid #000;border-radius:1rem;padding:5px 10px;width:60%}.modal-title-cont{display:flex;justify-content:space-between;align-items:center;width:100%;&>p{margin:0}}.input-radio{width:50%;&>label{margin-right:15px}&>input{margin-right:5px}}.buttons-cont{display:flex;gap:50px;margin:20px 0}