:root{--background: #0f1923;--border: #323b45;--green-thema: #32b237;--blue-thema: #036ae9;--red-thema: #f12c4c;--light-grey: #bcbfc7;--light-grey-two: #8c9099;--light-grey-three: #9095ab;--background-secondary: #1a242d;--text-color: hsl(0 0% 46%);--claro-cinza: hsl(224 6% 78%);--text-color-light: hsl(0 0% 98%);--body-color: hsl(0 0% 98%);--title-font-size: 1.875rem;--subititle-font-size: 1.125rem;--title-font: "Poppins", sans-serif;--body-font: "DM Sans", sans-serif}body::-webkit-scrollbar{width:1px}body::-webkit-scrollbar-track{background-color:var(--border)}body::-webkit-scrollbar-thumb{background-color:var(--red-thema)}div::-webkit-scrollbar{width:1px}div::-webkit-scrollbar-track{background-color:var(--border)}div::-webkit-scrollbar-thumb{background-color:var(--red-thema)}body{scrollbar-width:thin;scrollbar-color:var(--background) var(--border)}div{scrollbar-width:thin;scrollbar-color:var(--background-secondary) var(--border)}.togglePercentagecheckbox{display:flex;align-items:center;cursor:pointer;font-family:Arial,sans-serif;color:var(--background-secondary);justify-content:flex-start;margin-left:1rem;gap:.5rem}.togglePercentagecheckbox input[type=checkbox]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:20px;height:20px;margin-right:10px;border:2px solid #555555;border-radius:4px;background-color:#0f1923;cursor:pointer;transition:background-color .3s ease}.togglePercentagecheckbox input[type=checkbox]:checked{background-color:#0f1923;border:1px solid var(--red-thema);position:relative}.togglePercentagecheckbox input[type=checkbox]:checked:after{content:"";position:absolute;top:50%;left:50%;width:10px;height:10px;background-color:var(--red-thema);border-radius:2px;transform:translate(-50%,-50%)}.togglePercentagecheckbox p{margin:0;font-size:13px;color:var(--light-grey)}.togglePercentageradio{display:flex;align-items:center;cursor:pointer;font-family:Arial,sans-serif;color:var(--background-secondary);justify-content:flex-start;margin-left:1rem;gap:.5rem}.togglePercentageradio p{margin:0;font-size:.7rem;font-weight:800;color:var(--light-grey)}.togglePercentageradio input[type=radio]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:20px;height:20px;margin-right:10px;border:2px solid #555555;border-radius:4px;background-color:#0f1923;cursor:pointer;transition:background-color .3s ease}.togglePercentageradio input[type=radio]:checked{background-color:#0f1923;border:1px solid var(--red-thema);position:relative}.togglePercentageradio input[type=radio]:checked:after{content:"";position:absolute;top:50%;left:50%;width:10px;height:10px;background-color:var(--red-thema);border-radius:2px;transform:translate(-50%,-50%)}.toggleRadio{display:flex;align-items:center;cursor:pointer;font-family:Arial,sans-serif;color:var(--background-secondary);justify-content:flex-start;gap:.2rem;color:var(--light-grey)}.toggleRadio p{margin:0;font-size:.7rem;font-weight:800;color:var(--light-grey)}.toggleRadio input[type=radio]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:20px;height:20px;margin-right:10px;border:2px solid #555555;border-radius:4px;background-color:#0f1923;cursor:pointer;transition:background-color .3s ease}.toggleRadio input[type=radio]:checked{background-color:#0f1923;border:1px solid var(--red-thema);position:relative}.toggleRadio input[type=radio]:checked:after{content:"";position:absolute;top:50%;left:50%;width:10px;height:10px;background-color:var(--red-thema);border-radius:2px;transform:translate(-50%,-50%)}#calculateBtn{background-color:var(--background);color:#fff;border:none;width:100%;border-radius:5px;cursor:pointer;font-size:12px;font-weight:500;letter-spacing:unset;line-height:1.33;display:flex;align-self:center;justify-content:center;padding:.2rem;margin:.5rem 0}#calculateBtn:hover{background-color:var(--red-thema)}.formationContainer{margin-top:5px}.section-title{margin-bottom:2px;font-size:.8rem;color:var(--light-grey)}.section-subtitle{margin-left:1rem;margin-bottom:2px;font-size:1rem;color:var(--light-grey)}.button-group{display:flex;justify-content:center;flex-wrap:wrap;gap:10px;margin:1px}.button-group button{width:3rem;height:3rem;border-radius:10px;border:none;background-color:transparent;font-size:1rem;cursor:pointer;display:flex;align-items:center;justify-content:center}.button-group button#cardredBlack{background-image:url(/assets/red-black-CDb7znjv.png);background-repeat:no-repeat;background-size:contain;background-position:center}.button-group button#cardredWhite{background-image:url(/assets/red-protection-Dh2uB9qc.png);background-repeat:no-repeat;background-size:contain;background-position:center}.button-group button#cardblackWhite{background-image:url(/assets/black-protection-GZRotm4u.png);background-repeat:no-repeat;background-size:contain;background-position:center}.button-group button#cardWhite{background-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20151%20151'%3e%3cdefs%3e%3cstyle%3e.cls-1{fill:%23fff;}.cls-2{fill:%23f9305b;}%3c/style%3e%3c/defs%3e%3ctitle%3eAsset%2038%3c/title%3e%3cg%20id='Layer_2'%20data-name='Layer%202'%3e%3cg%20id='Layer_1-2'%20data-name='Layer%201'%3e%3crect%20class='cls-1'%20width='151'%20height='151'%20rx='38.33'%20ry='38.33'/%3e%3cpath%20class='cls-2'%20d='M113.12,79.14h0l-.1-.27c-.07-.19-.14-.38-.22-.57L100.75,45.78,93.48,56.19,75.53,22S47.21,64.11,40,74.85h0a20.26,20.26,0,0,0,2.52,25.6l18.6,18.61a20.29,20.29,0,0,0,28.69,0l18.61-18.61A20.23,20.23,0,0,0,113.12,79.14Zm-11,13.63L82.18,112.68a9.41,9.41,0,0,1-13.33,0L48.94,92.77a9.43,9.43,0,0,1,0-13.33L68.85,59.53a9.42,9.42,0,0,1,13.33,0l19.91,19.91a9.4,9.4,0,0,1,0,13.33Z'/%3e%3ccircle%20class='cls-2'%20cx='75.52'%20cy='72.69'%20r='5.86'%20transform='translate(-29.28%2074.69)%20rotate(-45)'/%3e%3ccircle%20class='cls-2'%20cx='75.52'%20cy='99.52'%20r='5.86'%20transform='translate(-20.85%2020.01)%20rotate(-13.28)'/%3e%3ccircle%20class='cls-2'%20cx='88.93'%20cy='86.11'%20r='5.86'/%3e%3ccircle%20class='cls-2'%20cx='62.1'%20cy='86.11'%20r='5.86'/%3e%3c/g%3e%3c/g%3e%3c/svg%3e");background-repeat:no-repeat;background-size:contain;background-position:center}.button-group button#cardWhiteJon{background-image:url("data:image/svg+xml,%3csvg%20width='78'%20height='78'%20viewBox='0%200%2078%2078'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3crect%20width='77.3742'%20height='77.3742'%20rx='26'%20fill='%23ffffff'/%3e%3cpath%20d='M56.7361%2025.7126H54.3112V26.3238H55.141V28.8481H55.9062V26.3238H56.7361V25.7126Z'%20fill='%230BD61E'/%3e%3cpath%20d='M58.023%2025.7126H57.1187V28.8481H57.8839V26.9648L58.5895%2028.8481H59.2057L59.9063%2026.9698V28.8481H60.6715V25.7126H59.7721L58.9026%2027.8841L58.023%2025.7126Z'%20fill='%230BD61E'/%3e%3cpath%20d='M42.245%2050.2353H36.3691C33.2524%2050.2353%2030.7219%2047.7048%2030.7219%2044.5882H23.6165C23.6165%2051.6221%2029.3352%2057.3408%2036.3691%2057.3408H42.245C49.279%2057.3408%2054.9976%2051.6221%2054.9976%2044.5882H47.8922C47.8922%2047.7048%2045.3617%2050.2353%2042.245%2050.2353Z'%20fill='url(%23paint0_linear_1_511)'/%3e%3cpath%20d='M51.1232%2027.7611C48.8286%2025.5308%2045.6976%2024.1512%2042.245%2024.1512H36.3691C30.2072%2024.1512%2025.0533%2028.5474%2023.8738%2034.3733H16.4038C13.6231%2034.3733%2011.3786%2036.625%2011.3786%2039.3985V41.4716H30.7291V36.9038C30.7291%2033.7871%2033.2596%2031.2566%2036.3762%2031.2566H42.2522C43.2672%2031.2566%2044.2179%2031.5282%2045.04%2032C46.005%2032.5505%2046.7985%2033.3797%2047.2989%2034.3733H36.4835C34.8822%2034.3733%2033.5884%2035.6743%2033.5884%2037.2683V41.4716H55.0048V36.9038C55.0048%2033.3153%2053.5179%2030.07%2051.1304%2027.7539L51.1232%2027.7611Z'%20fill='%230BD61E'/%3e%3cdefs%3e%3clinearGradient%20id='paint0_linear_1_511'%20x1='44.1488'%20y1='53.9343'%20x2='45.5142'%20y2='42.7834'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20stop-color='%230BD61E'/%3e%3c/linearGradient%3e%3c/defs%3e%3c/svg%3e");background-repeat:no-repeat;background-size:contain;background-position:center}.button-group button#cardRed{background-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20151%20151'%3e%3cdefs%3e%3cstyle%3e.cls-1{fill:%23f12c4c;}.cls-2{fill:%23fff;}%3c/style%3e%3c/defs%3e%3ctitle%3eAsset%20116%3c/title%3e%3cg%20id='Layer_2'%20data-name='Layer%202'%3e%3cg%20id='Layer_1-2'%20data-name='Layer%201'%3e%3crect%20class='cls-1'%20width='151'%20height='151'%20rx='38.33'%20ry='38.33'/%3e%3ccircle%20class='cls-2'%20cx='75.5'%20cy='76.1'%20r='50.39'/%3e%3ccircle%20class='cls-1'%20cx='75.5'%20cy='76.1'%20r='41.22'/%3e%3c/g%3e%3c/g%3e%3c/svg%3e");background-repeat:no-repeat;background-size:contain;background-position:center}.button-group button#cardGreen{background-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20151%20151'%3e%3cdefs%3e%3cstyle%3e.cls-1{fill:%2348FF4F;}.cls-2{fill:%23000;}%3c/style%3e%3c/defs%3e%3ctitle%3eAsset%20115%3c/title%3e%3cg%20id='Layer_2'%20data-name='Layer%202'%3e%3cg%20id='Layer_1-2'%20data-name='Layer%201'%3e%3crect%20class='cls-1'%20width='151'%20height='151'%20rx='38.33'%20ry='38.33'/%3e%3ccircle%20class='cls-2'%20cx='75.5'%20cy='76.1'%20r='50.39'/%3e%3ccircle%20class='cls-1'%20cx='75.5'%20cy='76.1'%20r='41.22'/%3e%3c/g%3e%3c/g%3e%3c/svg%3e");background-repeat:no-repeat;background-size:contain;background-position:center}.button-group button#cardBlack{background-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20151%20151'%3e%3cdefs%3e%3cstyle%3e.cls-1{fill:%23343b4a;}.cls-2{fill:%23fff;}%3c/style%3e%3c/defs%3e%3ctitle%3eAsset%20115%3c/title%3e%3cg%20id='Layer_2'%20data-name='Layer%202'%3e%3cg%20id='Layer_1-2'%20data-name='Layer%201'%3e%3crect%20class='cls-1'%20width='151'%20height='151'%20rx='38.33'%20ry='38.33'/%3e%3ccircle%20class='cls-2'%20cx='75.5'%20cy='76.1'%20r='50.39'/%3e%3ccircle%20class='cls-1'%20cx='75.5'%20cy='76.1'%20r='41.22'/%3e%3c/g%3e%3c/g%3e%3c/svg%3e");background-repeat:no-repeat;background-size:contain;background-position:center}.button-group button#cardBlue{background-image:url(/assets/joker-Cp6vzGh3.png);background-repeat:no-repeat;background-size:contain;background-position:center}#pattern-preview{border-radius:10px;height:auto;display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-start;gap:.5rem;overflow:auto}.preview{margin:5px 0;display:flex;justify-content:center;align-items:center;gap:10px;padding:1rem;background-color:var(--background)}.preview-item-wrapper{position:relative;display:inline-block}.number-button{width:2rem;height:2rem;border-radius:10%;display:flex;justify-content:center;align-items:center;font-size:1rem;color:#fff;font-weight:700;font-size:16px;cursor:pointer}#number-buttons button:hover,#color-buttons button:hover{border:1px solid #fff;transform:scale(1.1);transition:transform .2s ease-in-out}#number-buttons{display:block;text-align:center}#number-buttons button{margin:5px;display:inline-block}.preview-item:hover{transform:scale(1.1);transition:transform .2s ease-in-out}.preview-item{width:2.5rem;height:2.5rem;border-radius:10%;display:flex;justify-content:center;align-items:center;font-size:.9rem;color:#fff}.preview-item.redBlack{background-image:url(/assets/red-black-CDb7znjv.png);background-repeat:no-repeat;background-size:contain;background-position:center;color:#fff}.preview-item.redWhite{background-image:url(/assets/red-protection-Dh2uB9qc.png);background-repeat:no-repeat;background-size:contain;background-position:center;color:#fff}.preview-item.blackWhite{background-image:url(/assets/black-protection-GZRotm4u.png);background-repeat:no-repeat;background-size:contain;background-position:center;color:#fff}.preview-item.red{background-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20151%20151'%3e%3cdefs%3e%3cstyle%3e.cls-1{fill:%23f12c4c;}.cls-2{fill:%23fff;}%3c/style%3e%3c/defs%3e%3ctitle%3eAsset%20116%3c/title%3e%3cg%20id='Layer_2'%20data-name='Layer%202'%3e%3cg%20id='Layer_1-2'%20data-name='Layer%201'%3e%3crect%20class='cls-1'%20width='151'%20height='151'%20rx='38.33'%20ry='38.33'/%3e%3ccircle%20class='cls-2'%20cx='75.5'%20cy='76.1'%20r='50.39'/%3e%3ccircle%20class='cls-1'%20cx='75.5'%20cy='76.1'%20r='41.22'/%3e%3c/g%3e%3c/g%3e%3c/svg%3e");background-repeat:no-repeat;background-size:contain;background-position:center;color:#fff}.preview-item.green{background-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20151%20151'%3e%3cdefs%3e%3cstyle%3e.cls-1{fill:%2348FF4F;}.cls-2{fill:%23000;}%3c/style%3e%3c/defs%3e%3ctitle%3eAsset%20115%3c/title%3e%3cg%20id='Layer_2'%20data-name='Layer%202'%3e%3cg%20id='Layer_1-2'%20data-name='Layer%201'%3e%3crect%20class='cls-1'%20width='151'%20height='151'%20rx='38.33'%20ry='38.33'/%3e%3ccircle%20class='cls-2'%20cx='75.5'%20cy='76.1'%20r='50.39'/%3e%3ccircle%20class='cls-1'%20cx='75.5'%20cy='76.1'%20r='41.22'/%3e%3c/g%3e%3c/g%3e%3c/svg%3e");background-repeat:no-repeat;background-size:contain;background-position:center;color:#000}.preview-item.black{background-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20151%20151'%3e%3cdefs%3e%3cstyle%3e.cls-1{fill:%23343b4a;}.cls-2{fill:%23fff;}%3c/style%3e%3c/defs%3e%3ctitle%3eAsset%20115%3c/title%3e%3cg%20id='Layer_2'%20data-name='Layer%202'%3e%3cg%20id='Layer_1-2'%20data-name='Layer%201'%3e%3crect%20class='cls-1'%20width='151'%20height='151'%20rx='38.33'%20ry='38.33'/%3e%3ccircle%20class='cls-2'%20cx='75.5'%20cy='76.1'%20r='50.39'/%3e%3ccircle%20class='cls-1'%20cx='75.5'%20cy='76.1'%20r='41.22'/%3e%3c/g%3e%3c/g%3e%3c/svg%3e");background-repeat:no-repeat;background-size:contain;background-position:center;color:#fff}.preview-item.white{background-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20151%20151'%3e%3cdefs%3e%3cstyle%3e.cls-1{fill:%23fff;}.cls-2{fill:%23f9305b;}%3c/style%3e%3c/defs%3e%3ctitle%3eAsset%2038%3c/title%3e%3cg%20id='Layer_2'%20data-name='Layer%202'%3e%3cg%20id='Layer_1-2'%20data-name='Layer%201'%3e%3crect%20class='cls-1'%20width='151'%20height='151'%20rx='38.33'%20ry='38.33'/%3e%3cpath%20class='cls-2'%20d='M113.12,79.14h0l-.1-.27c-.07-.19-.14-.38-.22-.57L100.75,45.78,93.48,56.19,75.53,22S47.21,64.11,40,74.85h0a20.26,20.26,0,0,0,2.52,25.6l18.6,18.61a20.29,20.29,0,0,0,28.69,0l18.61-18.61A20.23,20.23,0,0,0,113.12,79.14Zm-11,13.63L82.18,112.68a9.41,9.41,0,0,1-13.33,0L48.94,92.77a9.43,9.43,0,0,1,0-13.33L68.85,59.53a9.42,9.42,0,0,1,13.33,0l19.91,19.91a9.4,9.4,0,0,1,0,13.33Z'/%3e%3ccircle%20class='cls-2'%20cx='75.52'%20cy='72.69'%20r='5.86'%20transform='translate(-29.28%2074.69)%20rotate(-45)'/%3e%3ccircle%20class='cls-2'%20cx='75.52'%20cy='99.52'%20r='5.86'%20transform='translate(-20.85%2020.01)%20rotate(-13.28)'/%3e%3ccircle%20class='cls-2'%20cx='88.93'%20cy='86.11'%20r='5.86'/%3e%3ccircle%20class='cls-2'%20cx='62.1'%20cy='86.11'%20r='5.86'/%3e%3c/g%3e%3c/g%3e%3c/svg%3e");background-repeat:no-repeat;background-size:contain;background-position:center}.preview-item.blue{background-image:url(/assets/joker-Cp6vzGh3.png);background-repeat:no-repeat;background-size:contain;background-position:center}.remove-preview-item{position:absolute;top:-13px;right:8px;width:1.3rem;height:1.3rem;border:1px solid var(--border);border-radius:50%;background-color:var(--background);color:#fff;font-size:12px;cursor:pointer;display:flex;justify-content:center;align-items:center;box-shadow:0 2px 4px #0003}.remove-preview-item:hover{background-color:#8b0000}.patterns-list .preview-item{width:2rem;height:2rem;border-radius:10%;display:flex;justify-content:center;align-items:center;font-size:.8rem;color:#fff}.patterns-list .preview-item.red{background-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20151%20151'%3e%3cdefs%3e%3cstyle%3e.cls-1{fill:%23f12c4c;}.cls-2{fill:%23fff;}%3c/style%3e%3c/defs%3e%3ctitle%3eAsset%20116%3c/title%3e%3cg%20id='Layer_2'%20data-name='Layer%202'%3e%3cg%20id='Layer_1-2'%20data-name='Layer%201'%3e%3crect%20class='cls-1'%20width='151'%20height='151'%20rx='38.33'%20ry='38.33'/%3e%3ccircle%20class='cls-2'%20cx='75.5'%20cy='76.1'%20r='50.39'/%3e%3ccircle%20class='cls-1'%20cx='75.5'%20cy='76.1'%20r='41.22'/%3e%3c/g%3e%3c/g%3e%3c/svg%3e");background-repeat:no-repeat;background-size:contain;background-position:center;color:#fff}.patterns-list .preview-item.black{background-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20151%20151'%3e%3cdefs%3e%3cstyle%3e.cls-1{fill:%23343b4a;}.cls-2{fill:%23fff;}%3c/style%3e%3c/defs%3e%3ctitle%3eAsset%20115%3c/title%3e%3cg%20id='Layer_2'%20data-name='Layer%202'%3e%3cg%20id='Layer_1-2'%20data-name='Layer%201'%3e%3crect%20class='cls-1'%20width='151'%20height='151'%20rx='38.33'%20ry='38.33'/%3e%3ccircle%20class='cls-2'%20cx='75.5'%20cy='76.1'%20r='50.39'/%3e%3ccircle%20class='cls-1'%20cx='75.5'%20cy='76.1'%20r='41.22'/%3e%3c/g%3e%3c/g%3e%3c/svg%3e");background-repeat:no-repeat;background-size:contain;background-position:center;color:#fff}.patterns-list .preview-item.white{background-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20151%20151'%3e%3cdefs%3e%3cstyle%3e.cls-1{fill:%23fff;}.cls-2{fill:%23f9305b;}%3c/style%3e%3c/defs%3e%3ctitle%3eAsset%2038%3c/title%3e%3cg%20id='Layer_2'%20data-name='Layer%202'%3e%3cg%20id='Layer_1-2'%20data-name='Layer%201'%3e%3crect%20class='cls-1'%20width='151'%20height='151'%20rx='38.33'%20ry='38.33'/%3e%3cpath%20class='cls-2'%20d='M113.12,79.14h0l-.1-.27c-.07-.19-.14-.38-.22-.57L100.75,45.78,93.48,56.19,75.53,22S47.21,64.11,40,74.85h0a20.26,20.26,0,0,0,2.52,25.6l18.6,18.61a20.29,20.29,0,0,0,28.69,0l18.61-18.61A20.23,20.23,0,0,0,113.12,79.14Zm-11,13.63L82.18,112.68a9.41,9.41,0,0,1-13.33,0L48.94,92.77a9.43,9.43,0,0,1,0-13.33L68.85,59.53a9.42,9.42,0,0,1,13.33,0l19.91,19.91a9.4,9.4,0,0,1,0,13.33Z'/%3e%3ccircle%20class='cls-2'%20cx='75.52'%20cy='72.69'%20r='5.86'%20transform='translate(-29.28%2074.69)%20rotate(-45)'/%3e%3ccircle%20class='cls-2'%20cx='75.52'%20cy='99.52'%20r='5.86'%20transform='translate(-20.85%2020.01)%20rotate(-13.28)'/%3e%3ccircle%20class='cls-2'%20cx='88.93'%20cy='86.11'%20r='5.86'/%3e%3ccircle%20class='cls-2'%20cx='62.1'%20cy='86.11'%20r='5.86'/%3e%3c/g%3e%3c/g%3e%3c/svg%3e");background-repeat:no-repeat;background-size:contain;background-position:center}.patterns-list .preview-item.blue{background-image:url(/assets/joker-Cp6vzGh3.png);background-repeat:no-repeat;background-size:contain;background-position:center}.patterns-list .preview-item.redBlack{background-image:url(/assets/red-black-CDb7znjv.png);background-repeat:no-repeat;background-size:contain;background-position:center}.save-button{display:flex;justify-content:center;align-items:center;gap:1rem;width:100%;height:1.5rem;background-color:var(--background);color:var(--light-grey);border:none;font-size:.9rem;border-radius:5px;cursor:pointer}.save-button:hover{background-color:var(--red-thema)}.patterns-list{margin-top:10px;display:flex;flex-direction:column;flex-grow:1;overflow-y:auto}.patterns-list ul{width:100%;list-style:none;padding:0}.pattern-item{display:flex;flex-direction:row;justify-content:flex-start;justify-content:space-around;gap:1rem}.patterns-list li{color:var(--light-grey);margin:5px 0;padding:5px;display:flex;justify-content:space-between;align-items:center;border-radius:5px;border:1px solid var(--border)}.patterns-list li .preview{display:flex;align-items:center;gap:5px}.patterns-list button{background-color:none;color:var(--light-grey);border:none;padding:5px 10px;border-radius:5px;cursor:pointer}.patterns-container{display:flex;flex-direction:flex-start;flex-grow:1;gap:.2rem;overflow-y:auto;padding:5px;border-radius:5px}.patterns-container::-webkit-scrollbar{width:8px}.patterns-container::-webkit-scrollbar-thumb{border-radius:4px}.edit-button,.remove-button{width:1.5rem;height:1.5rem;background-size:cover;background-position:center;background-repeat:no-repeat;cursor:pointer;background-color:transparent;border:none;padding:2px}.edit-button{background-image:url(/assets/editar-D34byx2j.png)!important}.remove-button{background-image:url(/assets/lixeira-RhOTmC9u.png)!important}.edit-button:hover,.remove-button:hover{background-color:red}#notificacao-container{position:fixed;width:20rem;bottom:20px;right:20px;display:flex;flex-direction:column-reverse;gap:10px;z-index:1000}.notificacao{background-color:var(--background);border:1px solid var(--red-thema);padding:15px 20px;border-radius:5px;box-shadow:0 10px 12px #000000ad;animation:slideIn .3s ease-out;display:flex;justify-content:space-between;align-items:center;min-width:250px;max-width:500px}.notificacao-content{flex-grow:1;margin-right:10px}.notificacao strong{font-size:16px;color:var(--light-grey)}.notificacao p{font-size:14px;color:var(--light-grey-three);margin:5px 0}.notificacao .fechar-notificacao{position:absolute;top:5px;right:10px;background:transparent;border:none;font-size:18px;font-weight:800;cursor:pointer;color:#fff}.notificacao .fechar-notificacao:hover{color:var(--red-thema)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}#viewToggle button.active{font-weight:600;background-color:var(--background);border-right:2px solid var(--red-thema)}#viewToggle button.activee{font-weight:600;background-color:var(--background);border-right:2px solid var(--blue-thema)}.toggle-switch{position:relative;display:inline-block;width:55px;height:30px}.toggle-switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:var(--background);border:1px solid var(--separator);transition:.4s;border-radius:34px}.slider:before{position:absolute;content:"";height:1.3rem;width:1.3rem;left:4px;bottom:4px;background-color:var(--light-grey);transition:.4s;border-radius:50%}input:checked+.slider{background-color:var(--background)}input:checked+.slider:before{background-color:var(--red-thema);transform:translate(26px)}#viewToggleCard3{background-color:#1b242f;display:flex;justify-content:center}#viewToggleCard3 button{background-color:#1b242f;width:100%;margin:2px 0;border:none;font-weight:100;border-radius:5px 5px 0 0;font-size:.8rem;font-weight:600;font-stretch:normal;font-style:normal;line-height:2;letter-spacing:normal;color:var(--light-grey);text-transform:capitalize;cursor:pointer}#viewToggleCard3 button.active{font-weight:600;background-color:var(--background);color:#fff;font-weight:800}#viewToggleCard3 button.activee{font-weight:600;background-color:var(--background)}#viewToggleEstatic{background-color:#1b242f;display:flex;width:100%;justify-content:center;margin-bottom:.2rem;border:.8px solid var(--border);border-radius:5px}#viewToggleEstatic button{background-color:#1b242f;width:100%;margin:2px;border:none;color:#fff;font-weight:100;font-size:.8rem;padding:.5rem;cursor:pointer;border-radius:5px}#viewToggleEstatic button.active{font-weight:600;background-color:var(--background);border-right:2px solid var(--red-thema)}#viewToggleEstatic button.activee{font-weight:600;background-color:var(--background);border-right:2px solid var(--blue-thema)}#viewToggleGerenciamento{background-color:#1b242f;display:flex;width:100%;justify-content:center;margin-bottom:.2rem;border-radius:5px}#viewToggleGerenciamento button{background-color:#1b242f;width:100%;margin:2px;border:none;color:#fff;font-weight:100;padding:.5rem;cursor:pointer;border-radius:5px}#viewToggleGerenciamento button.active{font-weight:600;background-color:var(--background);border-right:2px solid var(--red-thema)}#viewToggleGerenciamento button.activee{font-weight:600;background-color:var(--background);border-right:2px solid var(--blue-thema)}.botoes{display:flex}#controls{display:none;justify-content:flex-end;margin:0 5px 0 15px}#controls button{border:1px solid var(--border);background-color:var(--background-secondary);border-radius:10px;color:var(--cloudy-blue);font-weight:600;font-size:18px;padding:0rem .9rem;text-transform:capitalize;display:flex;align-items:center;justify-content:center}#controls button:hover{border:1px solid var(--border);background-color:var(--red-thema)}button#controlsBlue:hover{border:1px solid var(--border);background-color:var(--blue-thema)}.analise-padrao{display:flex;justify-content:space-between;gap:.5rem}.analise-bloco{width:33%;border:1px solid var(--border);padding:1rem;border-radius:5px}.Color-img{display:flex;justify-content:center;align-items:center}.Color-img img{width:3rem}.AnaliseOcorrencias{font-weight:900;padding:.5rem}.sequencia-vitorias-branco{width:100%;border-radius:4px;display:flex;justify-content:space-between;align-items:center;font-size:.9rem;font-weight:400;gap:.5rem}.sequencia-vitorias-branco div{width:100%;display:flex;justify-content:center;align-items:center;border:1px solid var(--border);border-radius:4px;padding:.3rem}.sequencia-vitorias-vermelho{width:100%;border-radius:4px;display:flex;justify-content:space-between;align-items:center;font-size:.9rem;font-weight:400;gap:.5rem}.sequencia-vitorias-vermelho div{width:100%;display:flex;justify-content:center;align-items:center;border:1px solid var(--border);border-radius:4px;padding:.3rem}.sequencia-vitorias-preto{width:100%;border-radius:4px;display:flex;justify-content:space-between;align-items:center;font-size:.9rem;font-weight:400;gap:.5rem}.sequencia-vitorias-preto div{width:100%;display:flex;justify-content:center;align-items:center;border:1px solid var(--border);border-radius:4px;padding:.3rem}.sequencia-derrotas-branco{width:100%;border-radius:4px;display:flex;justify-content:space-between;align-items:center;font-size:.9rem;font-weight:400;gap:.5rem}.sequencia-derrotas-branco div{width:100%;display:flex;justify-content:center;align-items:center;border:1px solid var(--border);border-radius:4px;padding:.3rem}.sequencia-derrotas-vermelho{width:100%;border-radius:4px;display:flex;justify-content:space-between;align-items:center;font-size:.9rem;font-weight:400;gap:.5rem}.sequencia-derrotas-vermelho div{width:100%;display:flex;justify-content:center;align-items:center;border:1px solid var(--border);border-radius:4px;padding:.3rem}.sequencia-derrotas-preto{width:100%;border-radius:4px;display:flex;justify-content:space-between;align-items:center;font-size:.9rem;font-weight:400;gap:.5rem}.sequencia-derrotas-preto div{width:100%;display:flex;justify-content:center;align-items:center;border:1px solid var(--border);border-radius:4px;padding:.3rem}.catalogadorTable{font-size:.8rem}.tab{display:flex;flex-direction:column;justify-content:center;align-items:center;margin-top:2px;border-radius:5px;background-color:var(--background-secondary);padding:.5rem .5rem 0rem}.tabcontent{display:flex;flex-grow:1}.tabbuttons{display:flex;flex-direction:column;width:100%;overflow:hidden;transition:height .4s ease-in-out;position:relative}.tabbuttons button{display:none;justify-content:flex-start;width:100%;background-color:var(--background-secondary);border:none;font-size:.9rem;cursor:pointer;color:var(--claro-cinza);border-bottom:1px solid var(--border);border-radius:5px;height:0;opacity:0;pointer-events:none;transition:all .3s ease-in-out}.tabbuttons i{font-size:1rem;color:var(--claro-cinza);transition:color .3s ease-in-out}.tabbuttons button:hover i{color:#fff}.tabbuttons button.active{display:block;height:2rem;opacity:1;pointer-events:auto;background-color:var(--background);color:var(--light-grey);font-weight:900;border-radius:5px 25px 25px 5px;border-right:5px solid var(--red-thema);border-bottom:none}.tabbuttons:hover{height:auto}.tabbuttons:hover button{display:block;min-height:2.2rem;opacity:1;pointer-events:auto}.tabbuttons button:hover{color:#fff;font-weight:700;border-radius:5px;transform:translateY(-2px);transition:all .3s ease-in-out}.tabbuttons button.tablinks{display:flex;align-items:center;justify-content:flex-start;padding-left:1rem;gap:.5rem}a.menuSelect:hover{border-bottom:2px solid var(--red-thema);color:#fff}a.menuSelect.blue:hover{border-bottom:2px solid var(--blue-thema);color:#fff}a.menuAtivo{border-bottom:2px solid var(--red-thema);color:#fff}a.menuAtivo.blue{border-bottom:2px solid var(--blue-thema);color:#fff}a.menuAtivo{color:#fff}sup{font-size:7px;padding-left:5px;padding-bottom:4px;color:var(--red-thema)}sup.blue{font-size:7px;padding-left:5px;padding-bottom:4px;color:var(--blue-thema)}.published{height:20px}.catalogacaoRealTime input{height:2rem;width:99%;padding-left:.5rem}.catalogacaoRealTime input:hover,.catalogacaoRealTime input:active{border:none;border-right:3px solid var(--red-thema);border-radius:4px;font-weight:500}.catalogacaoRealTime input.blue:hover,.catalogacaoRealTime input.blue:active{border-right:3px solid var(--blue-thema)}.StatusContainer{display:flex;align-items:center;flex-direction:column;justify-content:center;gap:.2rem}.StatusSend{display:flex;align-items:center;width:100%;justify-content:space-around;margin-bottom:.3rem}.sendStatus{color:#fff;border:none;border-radius:5px;cursor:pointer;font-size:1rem;font-weight:500;letter-spacing:unset;display:flex;align-self:center;justify-content:flex-start;padding:.2rem;gap:.5rem;border:1px solid var(--border)}.AlternativesContainer{display:flex;align-items:center;width:100%;gap:.5rem;justify-content:space-around;margin-bottom:.2rem}.sendTelegram{color:#fff;border:none;border-radius:5px;cursor:pointer;font-size:1rem;font-weight:500;letter-spacing:unset;display:flex;align-self:center;justify-content:center;width:100%;padding:.2rem;gap:.5rem;border:1px solid var(--border)}.sendTelegram img{width:2rem;height:auto}.sendTelegram:hover,.sendStatus:hover{border:1px solid var(--red-thema)}#lastSignalsContainer{display:flex;flex-direction:column;justify-content:flex-start}#lastSignalsList{max-height:7rem;overflow:auto;margin-top:.2rem;margin-left:1.5rem;margin-bottom:.2rem}#signalActions{display:flex;justify-content:center;gap:15px;margin-top:20px}#signalActions button{background:var(--background-secondary);color:#fff;border:none;padding:.4rem .5rem;font-size:.7rem;font-weight:700;cursor:pointer;border-radius:4px;transition:all .3s ease;display:flex;align-items:center;gap:.5rem;box-shadow:0 3px 6px #0000001a;margin-bottom:.2rem;border:1px solid var(--border)}#signalActions button:hover{transform:scale(1.05);opacity:.9}#signalActions button:active{transform:scale(.98)}#resetAgendamentos{width:100%;background:var(--background-secondary);color:#fff;border:none;padding:.4rem .5rem;font-size:.7rem;font-weight:700;cursor:pointer;border-radius:4px;transition:all .3s ease;display:flex;align-items:center;gap:.5rem;box-shadow:0 3px 6px #0000001a;margin-bottom:.2rem;border:1px solid var(--border)}#resetAgendamentos:hover{transform:scale(1.05);opacity:.9}#resetAgendamentos:active{transform:scale(.98)}#ModeContainer{display:flex;flex-direction:column;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.cardInfosAutoModes{overflow:hidden;transition:height .3s ease;margin-bottom:.5rem}.cardInfosAutoModes.closed{height:0!important;margin-bottom:0}.toggleArrowAutoModo{transition:transform .3s ease}.toggleArrowAutoModo.rotate-down{transform:rotate(180deg)}.realtime{overflow:hidden;transition:height .3s ease}.toggleArrowRealtime{transition:transform .3s ease}.toggleArrowRealtime.rotate-down{transform:rotate(180deg)}.modesBoxOptions{display:flex;flex-direction:flex;justify-content:center;gap:.5rem}.cardInfosModes{display:flex;justify-content:center;overflow:hidden;transition:height .3s ease}.modesOption{width:100%;display:flex;justify-content:space-between;align-items:center;flex-direction:column}.modesOption p{margin:0;font-weight:500;font-size:1rem}.cardInfosModes{display:flex;overflow:hidden;transition:height .3s ease}.cardInfosModes.closed{height:0;overflow:hidden}.toggleArrowModo{transition:transform .3s ease}.toggleArrowModo.rotate-down{transform:rotate(180deg)}#lastSignalsContainer{overflow:hidden;transition:height .3s ease}.toggleArrowLastSignals{transition:transform .3s ease}.toggleArrowLastSignals.rotate-down{transform:rotate(180deg)}h4.titleBets{width:100%;display:flex;align-items:center;justify-content:space-between}#nextSignal{background-image:url(/assets/ia-DEPlmNYg.gif)}#nextSignalColor{background-image:url(/assets/ia-DEPlmNYg.gif)}#strategiesPanel{display:flex;flex-direction:column;justify-content:center;flex-wrap:wrap;height:100%;font-family:Arial,sans-serif;overflow:auto}#strategiesPanel h3{font-size:1.1em;color:var(--light-grey);margin-bottom:5px;text-align:center}#strategiesPanel label{display:flex;align-items:center;cursor:pointer;font-family:Arial,sans-serif;color:var(--light-grey);justify-content:flex-start;margin-left:1rem;gap:.5rem;margin-bottom:8px}#strategiesPanel label input[type=checkbox]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:20px;height:20px;margin-right:10px;border:2px solid #555555;border-radius:4px;background-color:#0f1923;cursor:pointer;transition:background-color .3s ease}#strategiesPanel label input[type=checkbox]:checked{background-color:#0f1923;border:1px solid var(--red-thema, #ff0000);position:relative}#strategiesPanel label input[type=checkbox]:checked:after{content:"";position:absolute;top:50%;left:50%;width:10px;height:10px;background-color:var(--red-thema, #ff0000);border-radius:2px;transform:translate(-50%,-50%)}#strategiesPanel label p{margin:0;font-size:13px;color:var(--light-grey, #aaa)}#strategiesPanelColors{display:flex;flex-direction:column;justify-content:space-around;height:100%;margin:20px auto;font-family:Arial,sans-serif}#strategiesPanelColors h3{font-size:1.1em;color:var(--light-grey);margin-bottom:5px;text-align:center}#strategiesPanelColors label{display:flex;align-items:center;cursor:pointer;font-family:Arial,sans-serif;color:var(--light-grey);justify-content:flex-start;margin-left:1rem;gap:.5rem;margin-bottom:8px}#strategiesPanelColors label input[type=checkbox]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:20px;height:20px;margin-right:10px;border:2px solid #555555;border-radius:4px;background-color:#0f1923;cursor:pointer;transition:background-color .3s ease}#strategiesPanelColors label input[type=checkbox]:checked{background-color:#0f1923;border:1px solid var(--red-thema, #ff0000);position:relative}#strategiesPanelColors label input[type=checkbox]:checked:after{content:"";position:absolute;top:50%;left:50%;width:10px;height:10px;background-color:var(--red-thema, #ff0000);border-radius:2px;transform:translate(-50%,-50%)}#strategiesPanelColors label p{margin:0;font-size:13px;color:var(--light-grey, #aaa)}@media (max-width: 768px){#strategiesPanel{flex-direction:row;flex-wrap:wrap;gap:.5rem}#strategiesPanel label{width:48%;display:flex;align-items:center;gap:.5rem}}.estrategiasWhiteAuto,.estrategiasColorsAuto{display:flex;flex-direction:column;width:100%;gap:.5rem}.estrategiasWhiteAuto label,.estrategiasColorsAuto label{display:flex;align-items:center;gap:.1rem}.estrategiasWhiteAuto input[type=checkbox],.estrategiasColorsAuto input[type=checkbox]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:20px;height:20px;margin-right:10px;border:2px solid #555555;border-radius:4px;background-color:#0f1923;cursor:pointer;transition:background-color .3s ease;position:relative}.estrategiasWhiteAuto input[type=checkbox]:checked,.estrategiasColorsAuto input[type=checkbox]:checked{background-color:#0f1923;border:1px solid var(--red-thema, #ff0000)}.estrategiasWhiteAuto input[type=checkbox]:checked:after,.estrategiasColorsAuto input[type=checkbox]:checked:after{content:"";position:absolute;top:50%;left:50%;width:10px;height:10px;background-color:var(--red-thema, #ff0000);border-radius:2px;transform:translate(-50%,-50%)}.autoBtnContainer{text-align:center;margin-top:1rem}.autoBtnContainer button{width:100%;background-color:var(--red-thema);border:none;color:#fff;padding:10px 20px;border-radius:5px;cursor:pointer;font-size:.9rem;transition:background-color .3s ease}.autoBtnContainer button:hover{background-color:#6e1018}.autoBtnContainer .btnAtivarColors{background-color:var(--red-thema)}.autoBtnContainer .btnAtivarColors:hover{background-color:#6e1018}.autoBtnContainer .btnAtivarWhite.ativo,.autoBtnContainer .btnAtivarColors.ativo{background-color:var(--border);color:var(--green-thema)}.autoBtnAutomatic{display:flex;justify-content:center;gap:10px;margin:.2rem 0rem}.autoBtnAutomatic button{background-color:transparent;border:1px solid var(--border, #444);color:var(--light-grey, #ccc);padding:8px 10px;border-radius:6px;font-size:1.1rem;cursor:pointer;transition:background-color .2s ease,transform .2s ease}.autoBtnAutomatic button:hover{background-color:var(--background);transform:scale(1.1)}.autoBtnAutomatic button i{pointer-events:none}.autoBtnManual{display:flex;justify-content:center;gap:10px;margin:.2rem 0rem}.autoBtnManual button{background-color:transparent;border:1px solid var(--border, #444);color:var(--light-grey, #ccc);padding:8px 10px;border-radius:6px;font-size:1.1rem;cursor:pointer;transition:background-color .2s ease,transform .2s ease}.autoBtnManual button:hover{background-color:var(--background);transform:scale(1.1)}.autoBtnManual button i{pointer-events:none}.toggleTitleFutures{cursor:pointer;background:#1a242d;border-radius:5px;margin-bottom:10px}.toggleTitleFutures h4{display:flex;align-items:center;justify-content:space-between;margin:0}.toggleTitleFutures .toggleArrow{transition:transform .3s ease}.toggleTitleFutures.active .toggleArrow{transform:rotate(180deg)}#btnToggleRobo:hover{color:#555;background-color:#0000000d}#btnToggleRobo.active{color:#fff;background-color:#28a745}#btnToggleRobo.active:hover{background-color:#218838}.sent-signals-container{max-height:300px;overflow-y:auto;font-size:.85rem}.sent-signals-table{width:100%;border-collapse:collapse}.sent-signals-table th,.sent-signals-table td{padding:6px 8px;border:1px solid var(--background-secondary);text-align:left;border:none}.sent-signals-table thead th{background-color:var(--background-secondary);color:#fff;border:none}.sent-signals-table tbody tr:nth-child(2n){background-color:var(--background)}.sent-signals-table tbody tr:hover{background-color:var(--red-thema)}