@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{z-index:200;background-color:#2e2e2eae;width:100%;height:calc(100% - 45px);position:absolute}.team-selector{width:120px;height:160px;position:relative}.team-img{background-color:#0e0e0e;border-radius:12px;justify-content:center;align-items:center;width:120px;height:120px;display:flex}.team-img img{width:90px;height:90px}.match-vs-text{margin:35px 10px 0;font-family:Poppins,system-ui;font-size:30px;font-style:normal;font-weight:800}.team-name{text-align:center;width:120px;margin:0;font-family:Poppins,system-ui;font-size:20px;font-style:normal;font-weight:400}.team-selector-input{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;top:0;left:0}.team-selector-input option{color:#fff;text-align:center;background-color:#2e2e2e;font-family:Poppins,system-ui;font-size:20px;font-style:normal;font-weight:600}.team-selector-input::-webkit-scrollbar{background-color:#2e2e2e;width:10px}.team-selector-input::-webkit-scrollbar-track{background:#0e0e0e}.team-selector-input::-webkit-scrollbar-thumb{background:#fff}.time-input::-webkit-calendar-picker-indicator{filter:invert();margin-right:8px}.match-input{margin:0 0 5px}@keyframes start-logo-animation{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(0)}}.animation{z-index:1000;opacity:0;justify-content:center;align-items:center;width:100%;height:100%;animation:.4s ease-in-out start-logo-animation;display:flex;position:absolute}.animation svg{width:auto;height:90%}.widget-selection{cursor:pointer;background-color:#0e0e0e;border-radius:12px;width:225px;height:225px;position:relative}.widget-img{background-color:#0e0e0e;border-radius:12px;width:100%;height:100%}.widget-selected{background-color:#0e0e0e;border-radius:8px;width:35px;height:35px;position:absolute;bottom:10px;left:10px}html{color:#fff;background-color:#000;background-image:radial-gradient(at 94.4096% 20.7816%,#3f3827 0%,#3f382700 100%),radial-gradient(at 22.2566% 83.0185%,#0e0e0e 0%,#0e0e0e00 100%),radial-gradient(at 3.30073% 42.6103%,#0e0e0e 0%,#0e0e0e00 100%),radial-gradient(at 34.2265% 75.0131%,#0e0e0e 0%,#0e0e0e00 100%),radial-gradient(at 15.1239% 72.474%,#3f3827 0%,#3f382700 100%),radial-gradient(at 30.0322% 8.67372%,#0e0e0e 0%,#0e0e0e00 100%),radial-gradient(at 7.74666% 16.9268%,#0e0e0e 0%,#0e0e0e00 100%),radial-gradient(at 42.2668% 28.5477%,#0e0e0e 0%,#0e0e0e00 100%);background-size:cover;background-attachment:fixed;width:100%;height:100%}#root,body{width:100%;height:100%;margin:0}.main{width:100%;height:100%;display:flex}.options{z-index:1;background-color:#2e2e2e;border-radius:12px;width:530px;height:calc(100% - 60px);margin:30px}.canvas-container{object-fit:contain;justify-content:center;align-items:center;width:calc(100% - 590px);height:calc(100% - 60px);margin:30px 30px 30px 0;display:flex}.downloadable-canvas{filter:drop-shadow(0 0 30px #5d5337);max-width:680px;height:100%;max-height:680px;position:relative}.dl-button-container{z-index:1;opacity:0;border-radius:12%;justify-content:center;align-items:center;width:100%;height:100%;transition:all .2s;display:flex;position:absolute}.dl-button-container:hover{z-index:1;opacity:1;background-color:#00000051}.dl-button{cursor:pointer;background-color:#c5b075;border:0;border-radius:30px;outline:3px solid #0000;width:35%;height:35%;margin:0;padding:0;transition:all .2s}.dl-button:hover{outline-offset:4px;background-color:#9b8a5c;outline:3px solid #9b8a5c}.dl-button:active{width:32%;height:32%}.canvas{background-color:#2e2e2e;border-radius:12%;max-width:680px;height:100%;max-height:680px}.title{-webkit-user-select:none;user-select:none;background-color:#c5b075;border-radius:8px;justify-content:center;align-items:center;width:calc(100% - 30px);min-height:140px;margin:15px 0 0 15px;display:flex}.title img{height:auto}.title-text{width:295px;margin:0 0 0 20px;font-family:Chakra Petch,sans-serif;font-size:40px;font-style:normal;font-weight:700;line-height:40px}.options-list{flex-direction:column;gap:15px;width:calc(100% - 45px);height:calc(100% - 185px);margin:15px;padding:0 15px 0 0;display:flex;overflow-y:auto}.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{cursor:pointer;color:#fff;-webkit-user-select:none;user-select:none;align-items:center;height:30px;text-decoration:none;transition:all .2s;display:flex;position:absolute;bottom:30px;right:30px}.info svg{fill:#fff;width:30px;height:30px;margin:0 0 0 8px;transition:all .2s}.info-text{margin:0;font-family:Poppins,system-ui;font-size:24px;font-style:normal;font-weight:600}.info:hover{color:#d0ff00;transform:scale(1.05)}.info:hover svg{fill:#d0ff00}@media only screen and (width<=1200px){.main{zoom:90%;flex-direction:column;align-items:center;width:100%;height:100%;display:flex}.options{background-color:#2e2e2e;border-radius:12px;width:calc(100% - 90px);height:auto;margin:30px}.canvas-container{border-radius:12px;width:calc(100% - 90px);height:auto;margin:0 30px 30px}.canvas{filter:drop-shadow(0 0 30px #5d5337);background-color:#2e2e2e;border-radius:12%;width:100%}.title{height:100px}.title svg{width:50px;height:auto}.title-text{width:218px;margin:0 0 0 20px;font-family:Chakra Petch,sans-serif;font-size:30px;font-style:normal;font-weight:700;line-height:30px}.options-list{width:calc(100% - 30px);height:100%;margin:15px;padding:0;overflow-y:auto}.info{position:inherit;z-index:2;justify-content:center;height:30px;padding:0 0 30px}}.options-group{-webkit-user-select:none;user-select:none}.option-label{margin:0 0 2px;font-family:Poppins,system-ui;font-size:22px;font-style:normal;font-weight:700}.input{color:#fff;background-color:#0e0e0e;border:0;border-radius:8px;outline:0;width:calc(100% - 10px);height:50px;margin:0;padding:0 0 0 10px;font-family:Poppins,system-ui;font-size:22px;font-style:normal;font-weight:400}.teams-list{flex-direction:column;gap:5px;margin:0;padding:0;list-style:none;display:flex}.tl-checkboxd{background-color:red;border:0;border-radius:12px;width:20px;height:20px;margin:0 10px 0 0;padding:0}.tl-select{cursor:pointer;align-items:center;width:fit-content;display:flex}.tl-checkbox{background-color:#0e0e0e;border:0;border-radius:6px;width:32px;height:32px;margin:0 8px 0 0;padding:0}.tl-label{cursor:pointer;font-family:Poppins,system-ui;font-size:22px;font-style:normal;font-weight:400}.widgets-container{flex-wrap:wrap;gap:10px;display:flex}.generate-button-container{justify-content:center;width:100%;margin:5px 0;display:flex}.generate-button{color:#fff;cursor:pointer;background-color:#c5b075;border:0;border-radius:8px;outline:2px solid #0000;width:290px;height:60px;margin:0;padding:0;font-family:Chakra Petch,sans-serif;font-size:32px;font-style:normal;font-weight:700;transition:all .2s}.generate-button:hover{outline-offset:3px;background-color:#9b8a5c;outline:2px solid #9b8a5c}.select-input{cursor:pointer;width:fit-content;display:flex}.select-input-box{background-color:#0e0e0e;border-radius:8px;justify-content:center;align-items:center;width:35px;height:35px;display:flex}.select-input-text{margin:0 0 0 10px;font-family:Poppins,system-ui;font-size:22px;font-style:normal;font-weight:400}