:root{--main-color:#c8bfc7;--bg:#090302}.light{--main-color:#090302;--bg:#fff}.old-lss-container{background-color:var(--bg);color:var(--main-color);text-align:center;margin:0;font-family:Roboto,Arial;display:block}.old-lss-container *{box-sizing:border-box}.old-lss-container h1{margin-top:5px;margin-bottom:5px}@media (max-width:768px){.old-lss-container h1{font-size:24px}}.old-lss-container .credit{margin-bottom:20px;font-size:14px}.old-lss-container .badge{color:#444;background-color:khaki;border-radius:2px;padding:0 4px;font-size:14px}#champion-list{flex-wrap:wrap;justify-content:center;align-items:flex-start;margin-bottom:40px;display:flex}.champion-list__champion{border:1px solid var(--bg);cursor:pointer;width:150px;color:inherit;background-color:#0000;padding:20px;font-family:inherit;font-size:20px}@media (max-width:768px){.champion-list__champion{width:110px;padding:15px;font-size:16px}}.champion-list__champion__img{background-position:50%;background-color:var(--main-color);width:105px;height:105px}@media (max-width:768px){.champion-list__champion__img{background-size:auto 120%;width:80px;height:80px}}.champion-list__champion:hover,.champion-list__champion:focus{border-color:var(--main-color)}#search-field{border:1px solid var(--main-color);width:640px;max-width:calc(100vw - 30px);color:var(--main-color);background-color:var(--bg);vertical-align:middle;border-radius:6px;margin-bottom:50px;margin-right:15px;padding:8px 15px;font-family:inherit;font-size:28px}@media (min-width:799px){#search-field{max-width:calc(100vw - 360px)}}#skins-wrapper{display:none}#skins{flex-wrap:wrap;justify-content:center;align-items:center;display:flex}.skins__skin{cursor:pointer;-webkit-user-select:none;user-select:none;color:#0003;background-size:cover;flex:0 0 100px;width:100px;height:100px;margin-bottom:15px;margin-right:15px;font-size:14px}.skins__skin--disabled{opacity:.5;filter:grayscale()}@media (max-width:768px){.skins__skin{flex:0 0 70px;width:70px;height:70px;margin-bottom:10px;margin-right:10px}}.muted{margin-bottom:50px;padding:0 10px;font-size:14px}#active-skin-img{background-position:50%;background-repeat:no-repeat;background-size:contain;width:1112px;max-width:100vw;height:717px;max-height:70vh;margin:0 auto 15px}@media (min-width:799px){#active-skin-img{max-width:calc(100vw - 360px)}}#active-skin-name{margin:0 auto 10px;font-size:24px}.button{border:1px solid var(--main-color);color:var(--main-color);vertical-align:middle;background-color:var(--bg);cursor:pointer;border-radius:6px;margin-bottom:50px;padding:12px 25px;font-family:inherit;font-size:22px}.button:focus,.button:hover{background-color:var(--main-color);border-color:var(--bg);color:var(--bg)}#light-switch{background-color:var(--main-color);color:var(--bg);cursor:pointer;border:0;border-radius:3px;padding:3px 8px;font-family:inherit}.footer{background-color:var(--bg);color:var(--main-color);text-align:left;padding:32px 10vw;font-size:14px}