@import"https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400&display=swap";body{font-family:Roboto,sans-serif;background:linear-gradient(#132E4C,#060F19);margin:0}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion: no-preference){.App-logo{animation:App-logo-spin infinite 20s linear}}.App-header{background-color:#282c34;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:calc(10px + 2vmin);color:#fff}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}:root{--t0: #4fc512;--t1: #333333;--t2: #1248bf;--t3: #ffd800;--t4: #ffa0e6;--t5: #f70040;--t6: #ffa500;--t7: #87ceeb;--t8: #7a41ea;--t9: #00d874;--t10: #a52a2a;--t11: #7cf3f9;--t12: #808080;--t13: #e042f3;--t14: #ff6d6d;--t15: #b5b296;--t16: #44a5a5;--t17: #0089ff}.grade-s{color:#d8c34b}.grade-aplus{color:#4268ff}.grade-a{color:#25baff}.grade-b{color:#4fc512}.grade-cplus{color:#a8f385}.grade-c{color:#d1fbbc}.grade-d{color:#c8c8c8}.grade-f,.grade-fminus{color:red}.pt-bug{background:linear-gradient(135deg,#9fcb35 0%,#f6ec59 100%)}.pt-dark{background:linear-gradient(135deg,#3d3746 0%,#6b667b 100%)}.pt-dragon{background:linear-gradient(135deg,#2248a1 0%,#0393d2 100%)}.pt-electric{background:linear-gradient(135deg,#ffd03d 0%,#ffe98c 100%)}.pt-fairy{background:linear-gradient(135deg,#eb8de6 0%,#ffc9f7 100%)}.pt-fighting{background:linear-gradient(135deg,#c32b52 0%,#e54245 100%)}.pt-fire{background:linear-gradient(135deg,#ff7f22 0%,#ffc547 100%)}.pt-flying{background:linear-gradient(135deg,#93dfff 0%,#beedff 100%)}.pt-ghost{background:linear-gradient(135deg,#281265 0%,#563fba 100%)}.pt-grass{background:linear-gradient(135deg,#32a548 0%,#8ed769 100%)}.pt-ground{background:linear-gradient(135deg,#a06648 0%,#df9257 100%)}.pt-ice{background:linear-gradient(135deg,#89e0df 0%,#a7f7ea 100%)}.pt-normal{background:linear-gradient(135deg,#8f97a1 0%,#c7c6c6 100%)}.pt-poison{background:linear-gradient(135deg,#7600bd 0%,#ca19e4 100%)}.pt-psychic{background:linear-gradient(135deg,#ff8c8e 0%,#ff9f8f 100%)}.pt-rock{background:linear-gradient(135deg,#bcae8c 0%,#e5ddb5 100%)}.pt-steel{background:linear-gradient(135deg,#386c81 0%,#88bec0 100%)}.pt-water{background:linear-gradient(135deg,#1387ef 0%,#71dbff 100%)}.type-selector{display:flex;flex-wrap:wrap;justify-content:space-around;flex-direction:row}.type-selector button{margin:5px 0}.type-selector button{background:transparent;display:flex;flex-direction:column;align-items:center;justify-content:space-evenly;border:0;text-align:center;padding:0;cursor:pointer}.type-selector button .type-icon{border-radius:50%;height:50px;width:50px;display:flex;justify-content:center;align-items:center;margin-bottom:5px}.type-selector button:not(.selected) .type-icon,.type-selector button:not(.selected) label{opacity:.4}.type-selector button:not(.selected) .type-icon,.type-selector button:not(.selected) label{filter:saturate(.3)}.type-selector button span{display:block;padding:2px 0}@media (orientation: portrait){.type-selector button{width:16.07vw}}@media (orientation: landscape){.type-selector button{width:10.55%}}.type-selector button label{color:#000}.type-selector button svg{margin:4px auto;display:block;font-size:2em;stroke:#000c;stroke-width:20px}.type-selector button.selected span,.type-selector button.selected span label:not(.dark),.type-selector button span,.type-selector button span label:not(.dark){color:#fff}.effectiveness{display:flex}.effectiveness label.faded{opacity:.4}.type-badge{border-radius:3px;box-sizing:border-box}.type-badge.light{color:#fff}.type-badge.dark{color:#000}.type-badge.large{padding:2px 12px 2px 2px;display:flex;align-items:stretch}.type-badge.large svg{margin-right:0;padding:2px 6px}@media (orientation: landscape){.app-wrapper{display:flex}.app-left,.app-right{flex:1}.app-left{background:linear-gradient(90deg,transparent,rgba(6,15,25,.5019607843))}.app-right{background:linear-gradient(270deg,transparent,rgba(6,15,25,.5019607843))}.app{width:800px}}.app{display:flex;flex-direction:column;height:100vh}@media (orientation: landscape){.app{max-width:800px;margin-left:auto;margin-right:auto}}.table-container{padding:10px 2px;color:#eee;flex:1;overflow-y:auto}.table-container .flex-table{display:flex;flex-direction:column}.table-container .flex-table .col{display:flex;justify-content:center;align-items:center}.table-container .flex-table .col.score{width:6ch;display:flex;align-items:center;justify-content:center}.table-container .flex-table .col.score div{font-weight:700;font-size:22px;width:2ch;display:flex;justify-content:center;align-items:center}.table-container .flex-table .col.type{flex:3;display:flex}.table-container .flex-table .col.type .type-badge{flex:1;height:100%;justify-items:center;display:flex;align-items:center}.table-container .flex-table .col.factor{flex:2}.table-container .flex-table .col.factor .half-row{display:flex;text-align:right;column-gap:2ch}.table-container .flex-table .col.factor .half-row label{width:5ch}@media (orientation: portrait){.table-container .flex-table .col.factor .half-row{flex-direction:column}}@media (orientation: landscape){.table-container .flex-table .col.factor .half-row{flex-direction:row}}.table-container .flex-table .table-head{display:flex}.table-container .flex-table .table-head .col{font-weight:300;margin-bottom:10px;margin-top:10px}.table-container .flex-table .table-rows{display:flex;flex-direction:column}.table-container .flex-table .table-rows .table-row{display:flex}.table-container .flex-table .table-rows .table-row:not(:last-child){border-bottom:1px black solid}.options{display:flex;justify-content:space-between;align-items:flex-end;padding:12px}.options h3{margin:0;color:#e9eef2;font-weight:200;font-size:20px;cursor:pointer}.options .selected-types{flex-direction:row;display:flex}.options .selected-types .type-badge:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0}.options .selected-types .type-badge:not(:last-child){border-top-right-radius:0;border-bottom-right-radius:0}svg[rotate]{transition:transform .05s linear}svg[rotate="45"]{transform:rotate(90deg)}label.toggle{user-select:none;cursor:pointer;display:inline-block}label.toggle .false-label,label.toggle .true-label{display:inline-block;padding:4px 8px;font-size:12px}label.toggle .false-label{border-radius:10px 0 0 10px;padding-left:12px}label.toggle .true-label{border-radius:0 10px 10px 0;padding-right:12px}label.toggle.checked .false-label,label.toggle:not(.checked) .true-label{background:#0C1E31;color:#4c7b99}label.toggle.checked .true-label,label.toggle:not(.checked) .false-label{background:#205A80;color:#e9eef2}label.toggle input[type=checkbox]{display:none}label.toggle svg{margin-right:1ch}.ReloadPrompt-toast{margin:16px;padding:12px;border-radius:4px;z-index:1;text-align:left;background-color:#132d4b;color:#e9eef2}.ReloadPrompt-toast-message{margin-bottom:8px}.ReloadPrompt-toast-buttons{display:flex;justify-content:flex-end}.ReloadPrompt-toast-buttons button{color:#e9eef2;background:#205A80;border:0;outline:none;margin-right:5px;border-radius:2px;font-weight:300;padding:8px 16px}.ReloadPrompt-toast-buttons button.secondary{background:transparent}
