@charset "UTF-8";@import url(https://fonts.googleapis.com/css?family=Nunito:400,400i,600,600i,700,700i,800,800i);@import url(https://i.icomoon.io/public/d4702f5f82/Lolicons/style.css);.button,button{-webkit-transition:all .15s ease;-moz-transition:all .15s ease;-o-transition:all .15s ease;-ms-transition:all .15s ease;transition:all .15s ease;cursor:pointer;border:none;outline:0;padding:0 .5rem;color:#231f1f;font-family:Nunito,sans-serif;font-size:.75rem;font-weight:800;text-transform:uppercase;letter-spacing:.12rem;color:inherit;text-decoration:inherit;cursor:pointer}.button i,button i{color:inherit;line-height:inherit!important}.button a,button a{display:block}.button span,button span{float:right}.button .icon-toggle-xs,.button label,button .icon-toggle-xs,button label{padding-left:.5rem;line-height:inherit}.button:focus i,.button:hover i,button:focus i,button:hover i{color:inherit}.button:active,.button:focus,button:active,button:focus{outline:0}.button:after,.button:before,button:after,button:before{display:none}html{margin:0;padding:0}body{color:#231f1f;font-family:Nunito,sans-serif;font-size:1rem;line-height:1.5;background-color:#f9f4f5;font-smoothing:antialiased;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden;margin:0;padding:0;box-sizing:border-box}select{color:#231f1f;font-family:Nunito,sans-serif;font-size:.75rem;font-weight:800;text-transform:uppercase;letter-spacing:.12rem;-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;-ms-transition:all .5s ease-in-out;transition:all .5s ease-in-out;background:#f9f4f5;height:2.5rem;outline:0;caret-color:#ea4c41;padding:0 1rem;width:100%;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none}select:hover{border-color:#6d6464}select:focus{background-color:#f9f4f5;border-color:#f9f4f5}select option{color:#231f1f;font-family:Nunito,sans-serif;font-size:.75rem;font-weight:800;text-transform:uppercase;letter-spacing:.12rem;background-color:#f9f4f5}.icon-wrap{position:relative}.icon-wrap input,.icon-wrap select{padding-left:3rem}.icon-wrap:before{color:#ea4c41;font-family:icomoon;content:"";display:block;position:absolute;pointer-events:none;left:1rem;top:0;line-height:2.5rem;font-size:1rem}.icon-wrap.secondary:after,.icon-wrap.secondary:before{color:#ea4c41}.select-wrap{position:relative}.select-wrap select{padding-right:3rem}.select-wrap:after{color:#ea4c41;font-family:icomoon;content:"";display:block;position:absolute;pointer-events:none;right:1rem;top:0;line-height:2.5rem;font-size:.75rem}.icon-wrap-champion:before{color:#ea4c41;font-family:icomoon;content:var(--url);display:block;position:absolute;pointer-events:none;left:.5rem;top:.3rem;line-height:2.5rem;font-size:.75rem}.icon-wrap-skin:before{color:#ea4c41;font-family:icomoon;content:var(--url);display:block;position:absolute;pointer-events:none;left:.5rem;top:.3rem;line-height:2.5rem;font-size:.75rem}.viewer-base{border-style:solid;border-width:0 0 .0625rem 0;border-color:#231f1f;position:relative;background-color:#6d6464;display:grid;grid-gap:0;grid-template-columns:1fr 4rem;grid-template-rows:max-content 4rem 1fr;overflow:hidden;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.viewer-base.widescreen.ws-ad-slot-right .ad-slot{width:10rem!important}.viewer-base.widescreen.ws-ad-slot-bottom .ad-slot{height:10rem!important}.viewer-base.widescreen{position:fixed!important;width:auto!important;height:auto!important;z-index:9999999}.viewer-base.widescreen.ws-ad-slot-right{grid-template-columns:auto 1fr auto;grid-template-rows:auto 4rem 1fr}.viewer-base.widescreen.ws-ad-slot-right .ad-slot{width:5rem;display:block;grid-column-start:3;grid-row-start:1;grid-column-end:span 1;grid-row-end:span 3}.viewer-base.widescreen.ws-ad-slot-bottom{grid-template-columns:auto 1fr;grid-template-rows:auto 4rem 1fr auto}.viewer-base.widescreen.ws-ad-slot-bottom .ad-slot{height:5rem;display:block;grid-column-start:1;grid-row-start:4;grid-column-end:span 3;grid-row-end:span 1}.viewer-base .ad-slot{display:none}@keyframes anim-rotate{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.viewer-base .spinner{display:inline-block}.viewer-base .spinner span{font-size:2.369rem;position:relative;top:.5rem;display:inline-block;-webkit-animation:anim-rotate 1s infinite steps(12);-moz-animation:anim-rotate 1s infinite steps(12);-ms-animation:anim-rotate 1s infinite steps(12);color:#ea4c41}.viewer-base .model-instances{background-color:#6d6464;border-style:solid;border-width:.0625rem .0625rem 0 0;border-color:#231f1f;padding:0 1rem;display:flex;align-items:center;order:2}.viewer-base .model-actions,.viewer-base .model-selection{vertical-align:top;align-self:center;text-align:right;height:100%}.viewer-base .model-selection{display:grid;grid-template-columns:repeat(2,1fr);order:1;grid-column:span 2;place-content:center;grid-column-gap:1rem;grid-row-gap:.25rem;padding:.75rem 1rem}@media (max-width:29.9375rem){.viewer-base .model-selection{grid-template-columns:repeat(1,1fr)}}@media (min-width:47.9375rem){.viewer-base .model-selection{grid-template-columns:repeat(4,1fr)}}.viewer-base .model-selection .select-wrap{display:block}.viewer-base .model-selection label{display:none}.viewer-base .model-selection .mt select{margin-right:1rem}.viewer-base .model-selection span:nth-child(3) span:before{color:#ea4c41;font-family:icomoon;content:"";display:block;position:absolute;pointer-events:none;left:1rem;top:0;line-height:2.5rem;font-size:1rem}.viewer-base .model-selection span:nth-child(4) span:before{content:'\e933'}.viewer-base .model-actions{border-style:solid;border-width:.0625rem 0 0 0;border-color:#231f1f;display:grid;place-content:center;order:3;box-sizing:border-box}.viewer-base .model-instances,.viewer-base .view-container{align-self:center;height:100%;text-align:left;position:relative}.viewer-base .view-container{background-color:#231f1f;box-sizing:content-box;grid-column:span 2;order:4}@keyframes expandWidthSelect{0%{min-width:0;width:0}100%{min-width:6rem;width:auto}}.viewer-base .select-wrap{display:inline-block}.viewer-base .model-actions button.clear,.viewer-base .model-instances button.clear,.viewer-base .model-selection button.clear{min-width:2.5rem;height:2.5rem;line-height:2.5rem;color:#f9f4f5;background-color:#ea4c41;-webkit-border-radius:.1875rem;border-radius:.1875rem;background-clip:padding-box}.viewer-base .model-actions button.clear i:not(.icon-toggle-xs),.viewer-base .model-instances button.clear i:not(.icon-toggle-xs),.viewer-base .model-selection button.clear i:not(.icon-toggle-xs){font-size:1.333rem}.viewer-base .model-actions button.clear:hover,.viewer-base .model-instances button.clear:hover,.viewer-base .model-selection button.clear:hover{color:#f9f4f5;background-color:#ee6f66}.viewer-base .model-actions button.clear i,.viewer-base .model-instances button.clear i,.viewer-base .model-selection button.clear i{margin-left:.125rem}.viewer-base .model-actions button.add,.viewer-base .model-instances button.add,.viewer-base .model-selection button.add{color:#f9f4f5;background-color:#ea4c41;min-width:2.5rem;height:2.5rem;line-height:2.5rem;-webkit-border-radius:.1875rem;border-radius:.1875rem;background-clip:padding-box;color:transparent!important;padding:unset;position:relative}.viewer-base .model-actions button.add:hover,.viewer-base .model-instances button.add:hover,.viewer-base .model-selection button.add:hover{color:#f9f4f5;background-color:#ee6f66}.viewer-base .model-actions button.add i:not(.icon-toggle-xs),.viewer-base .model-instances button.add i:not(.icon-toggle-xs),.viewer-base .model-selection button.add i:not(.icon-toggle-xs){font-size:1.333rem}.viewer-base .model-actions button.add:before,.viewer-base .model-instances button.add:before,.viewer-base .model-selection button.add:before{content:"";display:block;position:absolute;color:#f9f4f5;font-family:icomoon;font-size:1.333rem;width:100%;text-align:center;margin-left:.0625rem;margin-top:.0625rem}.viewer-base .model-actions button.add div,.viewer-base .model-instances button.add div,.viewer-base .model-selection button.add div{position:absolute;background:#231f1f;max-height:40rem;overflow-y:scroll;z-index:99999;padding-left:1rem}.viewer-base .model-actions button.add div span,.viewer-base .model-instances button.add div span,.viewer-base .model-selection button.add div span{-webkit-transition:all .1s ease-in-out;-moz-transition:all .1s ease-in-out;-o-transition:all .1s ease-in-out;-ms-transition:all .1s ease-in-out;transition:all .1s ease-in-out;display:block;text-align:left;width:100%;padding-left:1rem;background-color:#f9f4f5;color:#ea4c41}.viewer-base .model-actions button.add div span:hover,.viewer-base .model-instances button.add div span:hover,.viewer-base .model-selection button.add div span:hover{background-color:#f9f4f5;color:#231f1f}.viewer-base .model-actions button.add div span:active,.viewer-base .model-instances button.add div span:active,.viewer-base .model-selection button.add div span:active{background-color:rgba(255,255,255,.25)}.viewer-base .model-actions button:focus option:first-of-type,.viewer-base .model-instances button:focus option:first-of-type,.viewer-base .model-selection button:focus option:first-of-type{display:none}.viewer-base .viewer-options{display:grid;grid-template-columns:1.5rem repeat(3,1fr);grid-column-gap:.5rem;-webkit-border-radius:.1875rem;border-radius:.1875rem;background-clip:padding-box;border-style:solid;border-width:.0625rem;border-color:#6d6464;position:absolute;right:1rem;bottom:1rem;background-color:rgba(35,31,31,.65);padding:.5rem}.viewer-base .viewer-options i{-webkit-transition:all 150ms ease;-moz-transition:all 150ms ease;-o-transition:all 150ms ease;-ms-transition:all 150ms ease;transition:all 150ms ease;position:relative;top:.125rem;font-size:2.369rem;cursor:pointer;color:#f9f4f5}@media (min-width:75rem){.viewer-base .viewer-options i{margin:unset}}.viewer-base .viewer-options i.off{color:#ea4c41;opacity:.5}.viewer-base .viewer-options i:hover{opacity:1!important;color:#f9f4f5}.viewer-base .viewer-options i:active{opacity:1!important;color:#f9f4f5}.viewer-base .viewer-window{height:100%;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:absolute;left:0;right:0;top:0;bottom:0}@keyframes expandWidth{0%{min-width:0;width:0}100%{min-width:6rem}}.viewer-base .instance{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;animation:.15s ease expandWidth;white-space:nowrap;display:inline-block;-webkit-transition:all .1s ease-in-out;-moz-transition:all .1s ease-in-out;-o-transition:all .1s ease-in-out;-ms-transition:all .1s ease-in-out;transition:all .1s ease-in-out;background:#231f1f;cursor:pointer;position:relative;height:2.625rem;vertical-align:top;margin-right:.5rem}.viewer-base .instance .spinner{display:inline-block;position:absolute;left:0;width:100%;text-align:center}.viewer-base .instance .spinner span{font-size:3rem;top:.5rem}.viewer-base .instance .label{height:2.5rem;display:flex;border-style:solid;border-width:.0625rem;border-color:#ea4c41;box-sizing:content-box}.viewer-base .instance .label img{width:2.5rem;height:100%;opacity:.5;object-fit:cover}.viewer-base .instance.selected .label{border-color:#f9f4f5}.viewer-base .instance.selected .label img{opacity:1}.viewer-base .instance.selected .label:hover{border-color:#f9f4f5}.viewer-base .instance:hover .label{border-color:#f9f4f5}.viewer-base .instance:hover .label img{opacity:1}.viewer-base .instance .delete{width:1.5rem;height:1.5rem;color:#f9f4f5;background-color:#ea4c41;-webkit-transition:all .1s ease-in-out;-moz-transition:all .1s ease-in-out;-o-transition:all .1s ease-in-out;-ms-transition:all .1s ease-in-out;transition:all .1s ease-in-out;text-align:center;line-height:1.5rem;position:absolute;right:.0625rem;bottom:.0625rem}.viewer-base .instance .delete:hover{color:#f9f4f5;background-color:#ee6f66}.viewer-base .instance .delete:before{content:"";display:block;position:relative;color:#f9f4f5;font-family:icomoon}.viewer-base .instance .delete i{position:absolute;top:0;bottom:0;left:0;right:0;line-height:2rem}.viewer-base .instance .delete i:before{position:absolute;top:0;bottom:0;left:0;right:0;line-height:2rem}.viewer-base .instance .delete:hover{border-style:solid;border-width:.0625rem;border-color:#ee6f66;font-size:1.333rem;width:100%;height:2.5rem;line-height:2.5rem;right:0;bottom:0}.viewer-base .play-pause{display:inline-block;position:relative}.viewer-base .play-pause label{-webkit-transition:all .1s ease;-moz-transition:all .1s ease;-o-transition:all .1s ease;-ms-transition:all .1s ease;transition:all .1s ease;display:block;box-sizing:border-box;width:0;height:2.25rem;cursor:pointer;border-color:transparent transparent transparent #ea4c41;will-change:border-width;border-style:double;border-width:0 0 0 1.25rem;margin-right:1rem}@media (min-width:75rem){.viewer-base .play-pause label{margin-right:.5rem}}.viewer-base .play-pause label:hover{border-color:transparent transparent transparent #f9f4f5}.viewer-base .play-pause label:active{border-color:transparent transparent transparent #f9f4f5}.viewer-base .play-pause input[type=checkbox]{display:none}.viewer-base .play-pause input[type=checkbox]{visibility:hidden}.viewer-base .play-pause input[type=checkbox]:checked+label{border-style:solid;border-width:1.125rem 0 1.125rem 1.25rem}