@import"https://fonts.googleapis.com/css2?family=Chakra+Petch:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap";.match-container{position:relative}.match-disabled{position:absolute;height:calc(100% - 45px);width:100%;background-color:#2e2e2eae;z-index:200}.team-selector{position:relative;width:120px;height:160px}.team-img{display:flex;align-items:center;justify-content:center;height:120px;width:120px;background-color:#0e0e0e;border-radius:12px}.team-img img{height:90px;width:90px}.match-vs-text{margin:35px 10px 0;font-family:Poppins,system-ui;font-weight:800;font-style:normal;font-size:30px}.team-name{text-align:center;margin:0;width:120px;font-family:Poppins,system-ui;font-weight:400;font-style:normal;font-size:20px}.team-selector-input{top:0;left:0;position:absolute;width:100%;height:100%;opacity:0;cursor:pointer}.team-selector-input option{background-color:#2e2e2e;color:#fff;text-align:center;font-family:Poppins,system-ui;font-weight:600;font-style:normal;font-size:20px}.team-selector-input::-webkit-scrollbar{width:10px;background-color:#2e2e2e}.team-selector-input::-webkit-scrollbar-track{background:#0e0e0e}.team-selector-input::-webkit-scrollbar-thumb{background:#fff}.time-input::-webkit-calendar-picker-indicator{margin-right:8px;filter:invert(100%)}.match-input{margin:0 0 5px}@keyframes start-logo-animation{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(0)}}.animation{position:absolute;display:flex;align-items:center;justify-content:center;width:100%;height:100%;z-index:1000;opacity:0;animation:start-logo-animation .4s ease-in-out}.animation svg{width:auto;height:90%}.widget-selection{position:relative;background-color:#0e0e0e;border-radius:12px;width:225px;height:225px;cursor:pointer}.widget-img{background-color:#0e0e0e;width:100%;height:100%;border-radius:12px}.widget-selected{position:absolute;background-color:#0e0e0e;border-radius:8px;width:35px;height:35px;left:10px;bottom:10px}html{width:100%;height:100%;background-color:#000;background-image:radial-gradient(at 94.40956083498324% 20.781579822833372%,#3f3827,#3f382700),radial-gradient(at 22.256555988607097% 83.01848684174867%,#0e0e0e,#0e0e0e00),radial-gradient(at 3.3007296304599976% 42.61033889658774%,#0e0e0e,#0e0e0e00),radial-gradient(at 34.226520192911416% 75.01313257737212%,#0e0e0e,#0e0e0e00),radial-gradient(at 15.123857822374976% 72.47396276510423%,#3f3827,#3f382700),radial-gradient(at 30.032158084896633% 8.673718301603062%,#0e0e0e,#0e0e0e00),radial-gradient(at 7.7466593329699185% 16.926847423745215%,#0e0e0e,#0e0e0e00),radial-gradient(at 42.26683241725877% 28.54768007495807%,#0e0e0e,#0e0e0e00);color:#fff;background-size:cover;background-attachment:fixed}#root,body{margin:0;width:100%;height:100%}.main{width:100%;height:100%;display:flex}.options{margin:30px;background-color:#2e2e2e;border-radius:12px;height:calc(100% - 60px);width:530px;z-index:1}.canvas-container{display:flex;align-items:center;justify-content:center;margin:30px 30px 30px 0;height:calc(100% - 60px);width:calc(100% - 590px);object-fit:contain}.downloadable-canvas{position:relative;max-width:680px;max-height:680px;height:100%;filter:drop-shadow(0px 0px 30px #5d5337)}.dl-button-container{position:absolute;display:flex;align-items:center;justify-content:center;width:100%;height:100%;border-radius:12%;z-index:1;opacity:0;transition:.2s}.dl-button-container:hover{z-index:1;opacity:1;background-color:#00000051}.dl-button{border:0;padding:0;margin:0;width:35%;height:35%;border-radius:30px;outline:3px solid transparent;background-color:#c5b075;cursor:pointer;transition:.2s}.dl-button:hover{outline-offset:4px;background-color:#9b8a5c;outline:3px solid #9b8a5c}.dl-button:active{width:32%;height:32%}.canvas{max-width:680px;max-height:680px;height:100%;border-radius:12%;background-color:#2e2e2e}.title{-webkit-user-select:none;user-select:none;margin:15px 0 0 15px;width:calc(100% - 30px);min-height:140px;background-color:#c5b075;border-radius:8px;display:flex;align-items:center;justify-content:center}.title img{height:140px;height:auto}.title-text{margin:0 0 0 20px;width:295px;font-family:Chakra Petch,sans-serif;font-weight:700;font-style:normal;font-size:40px;line-height:40px}.options-list{display:flex;flex-direction:column;margin:15px;padding:0 15px 0 0;width:calc(100% - 45px);height:calc(100% - 185px);overflow-y:auto;gap:15px}.options-list::-webkit-scrollbar{width:10px}.options-list::-webkit-scrollbar-track{background:#0e0e0e;border-radius:10px}.options-list::-webkit-scrollbar-thumb{background:#fff;border-radius:10px}.info{position:absolute;bottom:30px;right:30px;display:flex;align-items:center;height:30px;cursor:pointer;color:#fff;text-decoration:none;-webkit-user-select:none;user-select:none;transition:.2s}.info svg{margin:0 0 0 8px;width:30px;height:30px;fill:#fff;transition:.2s}.info-text{margin:0;font-family:Poppins,system-ui;font-weight:600;font-style:normal;font-size:24px}.info:hover{color:#d0ff00;transform:scale(1.05)}.info:hover svg{fill:#d0ff00}@media only screen and (max-width: 1200px){.main{width:100%;height:100%;display:flex;align-items:center;flex-direction:column;zoom:90%}.options{margin:30px;background-color:#2e2e2e;border-radius:12px;height:auto;width:calc(100% - 90px)}.canvas-container{margin:0 30px 30px;border-radius:12px;height:auto;width:calc(100% - 90px)}.canvas{width:100%;border-radius:12%;background-color:#2e2e2e;filter:drop-shadow(0px 0px 30px #5d5337)}.title{height:100px}.title svg{width:50px;height:auto}.title-text{margin:0 0 0 20px;width:218px;font-family:Chakra Petch,sans-serif;font-weight:700;font-style:normal;font-size:30px;line-height:30px}.options-list{margin:15px;padding:0;width:calc(100% - 30px);height:100%;overflow-y:auto}.info{position:inherit;justify-content:center;padding:0 0 30px;height:30px;z-index:2}}.options-group{-webkit-user-select:none;user-select:none}.option-label{margin:0 0 2px;font-family:Poppins,system-ui;font-weight:700;font-style:normal;font-size:22px}.input{margin:0;border:0;padding:0 0 0 10px;outline:0;border-radius:8px;background-color:#0e0e0e;color:#fff;width:calc(100% - 10px);height:50px;font-family:Poppins,system-ui;font-weight:400;font-style:normal;font-size:22px}.teams-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:5px}.tl-checkboxd{margin:0 10px 0 0;padding:0;border:0;width:20px;height:20px;border-radius:12px;background-color:red}.tl-select{display:flex;align-items:center;cursor:pointer;width:fit-content}.tl-checkbox{margin:0 8px 0 0;padding:0;border:0;width:32px;height:32px;border-radius:6px;background-color:#0e0e0e}.tl-label{font-family:Poppins,system-ui;font-weight:400;font-style:normal;font-size:22px;cursor:pointer}.widgets-container{display:flex;flex-wrap:wrap;gap:10px}.generate-button-container{margin:5px 0;width:100%;display:flex;justify-content:center}.generate-button{border:0;margin:0;padding:0;outline:0;height:60px;width:290px;font-family:Chakra Petch,sans-serif;font-weight:700;font-style:normal;font-size:32px;color:#fff;background-color:#c5b075;outline:2px solid transparent;border-radius:8px;cursor:pointer;transition:.2s}.generate-button:hover{background-color:#9b8a5c;outline:2px solid #9b8a5c;outline-offset:3px}.select-input{display:flex;cursor:pointer;width:fit-content}.select-input-box{display:flex;align-items:center;justify-content:center;background-color:#0e0e0e;border-radius:8px;width:35px;height:35px}.select-input-text{margin:0 0 0 10px;font-family:Poppins,system-ui;font-weight:400;font-style:normal;font-size:22px}