:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:10vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}#root{max-width:1800px;margin:0 auto;padding:1rem}@font-face{font-family:Spiegel;src:url(/fonts/Spiegel/Spiegel-Regular.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Spiegel;src:url(/fonts/Spiegel/Spiegel-Bold.ttf) format("truetype");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Spiegel;src:url(/fonts/Spiegel/Spiegel-SemiBold.ttf) format("truetype");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:Beaufort;src:url(/fonts/Beaufort/Beaufort-Bold.ttf) format("truetype");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Beaufort;src:url(/fonts/Beaufort/Beaufort-Light.ttf) format("truetype");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:Beaufort;src:url(/fonts/Beaufort/Beaufort-Medium.ttf) format("truetype");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Beaufort;src:url(/fonts/Beaufort/Beaufort-Regular.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}body{background-color:#000;color:#fff;font-family:Beaufort}.site-header{background-color:#000;border-bottom:1px solid rgba(255,255,255,.15)}.logo{height:35px;padding:10px}.home-container{display:grid;grid-template-rows:auto auto auto;grid-template-columns:repeat(3,33.3% 33.3% 33.3%);gap:0;width:90vw;height:90vh}.select_title{grid-row:1 / 3;grid-column:2;text-align:center;vertical-align:top;font-size:35px;margin-right:100px;margin-top:30px;margin-bottom:30px}.search_form{grid-row:2;grid-column:3;justify-self:center;align-self:bottom;display:flex;width:250px;height:25px;margin-top:10px;margin-bottom:5px}.search_bar{width:100%;height:100%;background-color:#292827}.search_bar::placeholder{color:#c2c1c0}.grid-champ_container{display:flex;flex-wrap:wrap;grid-row:3;grid-column:1 / 4;gap:0;align-content:flex-start}.grid-champ_icon{all:unset;display:inline-flex;cursor:pointer}.grid-champ_icon img{display:block;width:82px;height:82px}.grid-champ_icon:hover{transform:scale(1.1)}.os-container{display:grid;grid-template-rows:auto auto auto;grid-template-columns:1fr 1fr 1fr;width:90vw;height:98vh}.os-champ_icon{grid-row:1 / 3;grid-column:1;justify-self:center;align-self:center;display:flex;width:110px;height:110px}.os-select_title{grid-row:1;grid-column:2;text-align:center;font-size:35px;margin-right:100px;margin-top:0;margin-bottom:0}.os-opp_team_container{grid-row:1 / 3;grid-column:3;display:flex;justify-self:center;align-self:flex-start;gap:10px;margin-top:20px}.os-opp_icon_container{position:relative;width:90px;height:90px}.os-opp_icon_container img{width:90px;height:90px;outline:1px solid black}.close_icon{position:absolute;top:-1px;right:-1px;color:#fff;background-color:#0009;border-radius:50%;padding:2px 6px;cursor:pointer;font-weight:700;font-size:14px;line-height:1}.os-empty_opp{width:90px;height:90px;outline:1px solid black}.os-search_form{grid-row:2;grid-column:3;justify-self:center;align-self:flex-end;display:flex;width:250px;height:25px;margin-top:10px;margin-bottom:5px}.os-search_bar{width:100%;height:100%;background-color:#292827}.os-search_bar::placeholder{color:#c2c1c0}.os-submit_button{display:flex;grid-row:2;grid-column:2;width:150px;height:45px;justify-self:center;align-self:flex-end;justify-content:center;align-items:center;margin-top:5px;margin-bottom:35px;margin-right:100px}.team_error_message{grid-row:2;grid-column:2;text-align:center;align-self:end;margin-right:100px;gap:0px}.grid-champ_container{justify-content:center}.r-container{display:grid;grid-template-rows:auto auto auto;grid-template-columns:1fr 1fr 1fr;width:90vw;min-height:100vh}.r-champ_image{grid-row:1;grid-column:1;justify-self:center;margin-top:8%;margin-left:30%}.r-opp_team_container{grid-row:1;grid-column:2 / 4;display:flex;justify-self:center;align-self:flex-start;margin-top:5%;gap:6px}.r-opp_icon_container{position:relative;width:110px;height:110px}.r-opp_icon_container img{width:100%;height:100%;outline:1px solid black}.r-result_table{grid-row:2;grid-column:1 / 4;margin-top:10px;margin-left:10%;margin-right:10%;font-size:22px;border-collapse:collapse}.r-table_body_rows{border-bottom:1px solid rgba(255,255,255,.15)}.r-table_body_rows td{vertical-align:middle}.r-table_item_title{justify-items:center;width:30%}.r-table_item_img_container{text-align:center}.table_item_img{height:70px;width:70px;vertical-align:middle}.r-table_priority_title{justify-items:center;width:20%}.r-prio_row{text-align:center;font-size:28px}.r-table_good_against_title{width:50%;justify-items:center}.r-good_against_row{display:flex;justify-content:center;align-items:center;gap:6px}.r-good_against_row img{display:block;height:80px;width:80px}