@font-face{font-family:radnika-black;src:url("../../radnika-font/Radnika-Black.otf")}@font-face{font-family:radnika-bold;src:url("../../radnika-font/Radnika-Bold.otf")}@font-face{font-family:radnika-regular;src:url("../../radnika-font/Radnika-Regular.otf")}@font-face{font-family:radnika-medium;src:url("../../radnika-font/Radnika-Medium.otf")}@font-face{font-family:stratum-medium;src:url("../../radnika-font/Stratum2-Medium.otf")}@font-face{font-family:stratum-regular;src:url("../../radnika-font/Stratum2-Regular.otf")}#title{position:relative;margin:0 auto;max-width:610px;padding:10px;margin-top:30px}h1{font-family:radnika-black;font-size:30px;text-align:center;margin:0}h3{font-family:radnika-medium;font-size:14px;text-align:center}p{font-family:radnika-regular;font-size:13px}h5{margin:8px;margin-top:4px;margin-bottom:4px;color:#a19da8;font-family:radnika-regular}button:focus{outline:none}#title-line{stroke-width:2;stroke:#a19da8}#js-junglerpairs{position:relative;margin:0 auto}#options-container{float:right;width:65%}#slider-container{margin:0.5em;position:relative;margin:0.5em;display:-webkit-box;display:flex;width:100%}#slider-instructions{float:left;max-width:180px;height:50px}.slider{width:60%;-webkit-appearance:none;margin:8px;height:10px;background:#c8c8c8;-webkit-transition:.2s;cursor:pointer}.slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:10px;height:25px;background:#4f274f;cursor:pointer}.slider::-moz-range-thumb{width:10px;height:25px;background:#4f274f;cursor:pointer}#button-section{display:-webkit-box;display:flex;flex-wrap:wrap}#button-instructions{padding-top:0.5em;margin-left:16px}#button-container{margin-left:16px;margin-bottom:.5em}button{background-color:none;font-size:14px;border-radius:3px;font-weight:600;height:30px;-webkit-transition-duration:0.4s;transition-duration:0.4s;color:#4f274f;border:1px solid #4f274f;font-family:stratum-medium;cursor:pointer;margin-top:0.25em}#button-win{background-color:#4f274f;color:white;width:80px}#button-play{width:90px}#button-alpha{width:120px}#searchbar-container{margin-bottom:0.5em;display:-webkit-box;display:flex;flex-wrap:wrap}#searchbar-instructions{padding-top:0.5em;margin-left:16px}#searchbar{border:1px solid #4f274f;font-family:radnika-regular;font-size:13px;margin-left:10px;margin-top:0.25em;width:160px}input:focus{outline:none}#searchbarautocomplete-list{margin-left:169px;margin-top:31px}.autocomplete-items{border:1px solid #4f274f;border-bottom:none;border-top:none;font-size:13px;font-family:radnika-regular;width:160px;position:absolute;z-index:99}.autocomplete-items div{background-color:#fff;border-bottom:1px solid #d4d4d4;color:#4f274f;cursor:pointer;font-family:radnika-regular;font-size:13px;padding:5px}.autocomplete-items div:hover{background-color:#4f274f;color:white}.pairNameText{font-size:12px;text-anchor:end;font-family:radnika-regular;cursor:pointer}.breakline{stroke:gray;stroke-width:0.1}.dotDistance{opacity:0.5;fill:#646464}.countLabel{font-size:13px;font-family:stratum-medium}.midline{stroke-width:2;opacity:.4}.background{fill:white}.dataLabel{font-size:13px;font-family:stratum-medium;fill:#646464;text-anchor:middle}@media screen and (min-width: 617px){body,html{max-width:850px;margin:0 auto}#options{margin:0 auto;max-width:750px}#champion-name{font-family:radnika-bold;font-size:25px;text-align:right;float:left;width:20%;color:#4f274f;margin-right:0.5em;margin-top:0.5em}#champion-icon{display:block;margin:0 auto;float:left;width:80px;height:80px;margin-top:0.5em}}@media screen and (max-width: 616px){body,html{min-width:380px;margin:0 auto}#name-image-container{height:90px;margin-left:3em;margin:0 auto;width:80%}#champion-name{font-family:radnika-bold;font-size:25px;text-align:right;float:left;color:#4f274f;margin-right:0.5em;margin-top:0.5em}#champion-icon{display:block;margin:0 auto;float:left;width:80px;height:80px;margin-top:0.5em}#options-container{display:-webkit-box;display:flex;flex-wrap:wrap;margin:0 auto;width:90%}#slider-container{margin-left:0}#slider-instructions{margin-right:0;margin-left:0}.slider{min-width:50%}#button-section{margin-left:0}#button-instructions{margin-left:0}button{height:35px}#searchbar-container{margin-top:1em}#searchbar-instructions{margin-left:0}#searchbar{width:100px}#searchbarautocomplete-list{margin-left:153px;margin-top:28px}}