@font-face{font-display:swap;font-family:Beaufort Regular;src:local("Beaufort"),url(/static/media/BeaufortforLOL-Regular.c9ea66ef539b895ea63c.otf) format("opentype")}@font-face{font-display:swap;font-family:Beaufort Bold;src:local("Beaufort"),url(/static/media/BeaufortforLOL-Bold.cd9feab2438eb68ecd1d.otf) format("opentype")}@font-face{font-display:swap;font-family:Spiegel;src:local("Spiegel"),url(/static/media/Spiegel-Regular.250ec15237fc36a15949.otf) format("opentype")}*,:root{margin:0;padding:0}:root{--goldText:#937341;--blue-1:#cdfafa;--blue-2:#0ac8b9;--blue-3:#0397ab;--blue-4:#005a82;--blue-5:#0a323c;--blue-6:#091428;--blue-7:#0a1428;--gold-1:#f0e6d2;--gold-2:#c8aa6e;--gold-3:#c89b3c;--gold-4:#785a28;--gold-5:#463714;--gold-6:#32281e;--grey-1:#a09b8c;--grey-mid:#5b5a56;--grey-2:#3c3c41;--grey-3:#1e2328;--grey-cool:#1e282d;--hextech-black:#010a13;--hextech-black-2:#111318;--hextech-black-3:#0a0a0c;background:linear-gradient(180deg,#0a0a0c 50%,#020a13);box-sizing:border-box;display:flex;flex-direction:column;justify-content:space-between;min-height:100%;text-align:center}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Beaufort Regular,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}body,html{height:100%;overflow-y:scroll;scroll-behavior:smooth;-webkit-scroll-snap-type:y mandatory;scroll-snap-type:y mandatory}::-webkit-scrollbar{display:none}code{font-family:Beaufort,source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.header-home{background-color:var(--hextech-black);display:block;margin:0 auto;max-width:2160px;width:100%}.header-hero{align-items:center;display:flex;flex-direction:column;font-family:Beaufort Bold,Arial,sans-serif;height:calc(90vh - 104.4px);justify-content:center;margin:0 auto;overflow:hidden;padding:4.5rem 1.5rem;scroll-snap-align:start;text-transform:uppercase;width:75%}.header-hero svg{margin:24px 0;width:100%}.header-hero h4{color:var(--gold-2);letter-spacing:.025em}.header-home h1{color:var(--gold-1);font-size:5em;letter-spacing:.03em;line-height:.85;margin:20px}.role-List{margin:20px}.role-List img{height:75px;margin:0 20px}.role-List img:active{-webkit-transform:scale(2);transform:scale(2)}.card-section{display:block;margin:25px auto;max-width:1440px;scroll-snap-align:start;width:100%}:focus{outline:none}.header-search{background-color:var(--hextech-black-2);justify-content:space-between;margin:0 auto;padding:0 75px;z-index:200}.header-search,.search-input{align-items:center;display:flex}.search-input{flex:3 1;justify-content:flex-start}.search-bar{background-color:var(--hextech-black-2);border:0;color:var(--gold-2);font-family:Beaufort Bold,Arial,sans-serif;font-size:1em;letter-spacing:4px;max-width:1080px;min-width:360px;padding:32px 16px;text-transform:uppercase}.search-bar::-webkit-input-placeholder{color:var(--grey-2)}.search-bar::placeholder{color:var(--grey-2)}.champ-icon{max-height:32px;object-fit:cover;width:auto}.search-filter{align-items:center;display:flex;flex:2 1;justify-content:space-evenly}.search-region,.search-role{position:relative;width:40%}.region-filter,.role-filter{-webkit-appearance:none;appearance:none;background-color:var(--grey-3);border:none;border-radius:.5em;color:var(--gold-1);font-family:Beaufort Bold,Arial,sans-serif;font-size:12px;height:30px;padding:0 20px 0 10px;text-transform:uppercase;width:100%}.region-filter option,.role-filter option{color:var(--grey-1);font-family:Beaufort Regular,Arial,sans-serif}.filter-icon{background-color:var(--grey-cool);display:block;height:100%;pointer-events:none;position:absolute;right:0;top:0;width:20%}.filter-icon:after,.filter-icon:before{--filterSize:.3em;border-left:var(--filterSize) solid transparent;border-right:var(--filterSize) solid transparent;content:"";height:0;left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:0}.filter-icon:before{border-bottom:var(--filterSize) solid var(--gold-1);top:35%}.filter-icon:after{border-top:var(--filterSize) solid var(--gold-1);top:65%}.region-info{position:relative;width:100%}.region-info video{object-fit:contain;width:100%}.region-info .region-dim{background:radial-gradient(ellipse at 50% 0,hsla(0,0%,100%,0) 0,rgba(10,10,12,.75) 60%,#0a0a0c 80%);height:100%;justify-content:space-between;left:50%;margin:auto;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:calc(100vw + 1em);z-index:2}.region-info .region-dim,.region-overview{align-items:center;display:flex;flex-direction:column}.region-overview{background-color:var(--hextech-black-3);justify-content:center}.region-short{color:var(--grey-1);font-family:Spiegel,sans-serif;font-size:14px;font-weight:500;line-height:1.75;margin:25px;max-width:500px;text-align:justify}.region-short p{padding-bottom:1.25em}.region-short p:first-child:first-letter,.region-short:first-letter{border-bottom:3px solid var(--gold-3);color:var(--gold-1);float:left;font-size:3em;line-height:1.2;margin:-2px 20px 0 18px;padding:0 8px 0 10px}.region-dim .faction-emblem{margin:auto;width:25em}.faction-info img{background:linear-gradient(rgba(10,10,12,.2),#0a0a0c 90%);width:100%}.faction-info h1{-webkit-text-fill-color:transparent;background:linear-gradient(0deg,#67471f,#cbac62);-webkit-background-clip:text;background-clip:text;color:transparent;font-family:Beaufort Bold,Arial,sans-serif;font-size:4.5em;font-weight:800;letter-spacing:.2em;line-height:.85;text-transform:uppercase}.region-content{position:relative}.region-content .region-bg{-webkit-filter:grayscale(100%);filter:grayscale(100%);left:50%;object-fit:cover;opacity:.2;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:20%}.region-splash{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;width:100%}.region-caption{align-items:center;display:flex;flex-direction:column;height:50px;justify-content:center;margin:25px 0;position:relative;width:100%}.caption-role{margin:5px;max-height:28px}.region-tag{align-items:center;color:var(--gold-1);display:flex;flex-direction:row;font-family:Beaufort Bold,Arial,sans-serif;justify-content:space-between;letter-spacing:.03em;text-transform:uppercase;width:100%}.region-tag h1{margin:0 25px}.bracket{display:flex;flex-grow:1;height:1px;margin:5px}.bracket-point{border:1px solid #cdbd91;box-sizing:border-box;flex-grow:0;flex-shrink:0;height:7px;-webkit-transform:translateY(.5px) rotate(-45deg);transform:translateY(.5px) rotate(-45deg);-webkit-transform-origin:0 0;transform-origin:0 0;width:7px}.bracket-line{flex-grow:1;margin-left:2.22793px;width:279px}.bracket-line.left{background:linear-gradient(270deg,#cdbd91,transparent)}.bracket-line.right{background:linear-gradient(90deg,#cdbd91,transparent)}.card-load{margin:2em}.card-noload{margin:50px 0;padding:0 20px;text-align:center}.card-container{align-items:center;display:flex;flex-wrap:wrap;justify-content:center;min-height:50vh;padding:20px}.card-footer{background-color:var(--grey-3);display:block;font-family:Spiegel,sans-serif;margin:0 auto;max-width:2160px;scroll-snap-align:start;width:100%}.copyright-content{color:var(--gold-1);display:flex;font-size:1em;font-weight:500;line-height:1.75;margin:0 auto;text-align:center;word-break:keep-all}.copyright-section{align-items:center;display:flex;flex:1 1;flex-direction:column;justify-content:center;padding:25px}.copyright-info{margin:20px}.copyright-author{align-items:center;background-color:var(--hextech-black);color:var(--grey-1);display:flex;font-size:.8em;height:5vh;justify-content:center}.copyright-section.about{flex:1 1}.copyright-section.contact{flex:1 1;text-transform:uppercase}.copyright-section.links{flex:2.5 1}.copyright-section .about-logo{height:auto;margin-bottom:20px;width:20em}.copyright-section.about p,.copyright-section.links p{font-size:.85em;line-height:120%}.copyright-section.links .links-logo{align-items:center;display:flex;flex-direction:row;justify-content:space-around;width:100%}.copyright-section.links img{aspect-ratio:3/2;height:auto;object-fit:contain;width:5em}.copyright-section.contact .contacts{align-items:center;display:flex;flex-wrap:wrap;justify-content:space-evenly;padding:10px;width:80%}.copyright-section.contact .contacts>a{fill:#7e7e7e;margin:.25em}.copyright-section.contact .contacts>a:hover{fill:#f9f9f9}.champ-card{border-image:linear-gradient(var(--gold-2),var(--gold-3)) 30;border-style:solid;border-width:3px;display:flex;-webkit-filter:brightness(50%);filter:brightness(50%);flex:1 1 18%;flex-direction:column;font-family:Beaufort Bold,Arial,sans-serif;justify-content:flex-end;margin:5px;position:relative;text-decoration:none}.card-image,.champ-card{aspect-ratio:228/414;height:414px;overflow:hidden;width:228px}.card-image{inset:0;margin:auto;object-fit:cover;-webkit-transform:scale(1);transform:scale(1);transition:all .5s cubic-bezier(.165,.84,.44,1)}.card-image,.card-image img{position:absolute}.champ-card:hover{-webkit-filter:brightness(100%);filter:brightness(100%);transition:all .6s cubic-bezier(.165,.84,.44,1)}.champ-card:hover .card-image{-webkit-transform:scale(1.035);transform:scale(1.035)}.card-info{background-color:rgba(10,10,12,.5);border-top:1px solid rgba(10,10,12,.75);bottom:0;color:var(--gold-4);height:40px;left:0;position:absolute;right:0;transition:all .6s cubic-bezier(.165,.84,.44,1)}.champ-card:hover .card-info{height:80px}.champ-card:hover .champ-part{padding:12px}.champ-card:hover .champ-part .champ-region{display:block}.champ-card:hover .champ-part .champ-name{color:var(--gold-3)}.champ-part{align-items:center;border-top:2px solid var(--hextech-black-2);display:flex;flex-direction:column;justify-content:center;position:relative;z-index:5}.champ-part,.champ-region{background-color:rgba(30,35,40,.9);transition:all .2s ease-in-out}.champ-region{border:1px solid var(--hextech-black-2);border-radius:50%;box-shadow:0 0 20px 10px rgba(0,0,0,.4);display:none;height:2em;left:50%;object-fit:contain;padding:2px;position:absolute;top:-25%;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:2em}.champ-name{color:var(--gold-4);font-size:1em;letter-spacing:2px;padding:.5em;white-space:wrap}.champ-name,.champ-title{text-decoration:none;text-transform:uppercase;width:100%}.champ-title{color:var(--grey-1);display:none;font-size:.75em;transition:all .3s ease-in-out;white-space:nowrap}.champ-card:hover .champ-title{display:inline;display:initial;transition:all .6s ease-in-out}@media (max-width:1280px){.champ-card{flex:1 1 20%;height:auto}}@media (max-width:720px){.champ-card{flex:1 1 25%;height:auto}}@media (max-width:480px){.champ-card{flex:1 1 33%;height:auto}}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section{display:block}.main-container{display:block;height:100%;width:100%}.appws{background-color:red}img,svg{-webkit-user-drag:none;-webkit-user-select:none;user-select:none}section{display:block;height:100%;overflow:hidden;position:relative}.page-wrap{height:100%;overflow:hidden;width:100%}.dim.off,.page-wrap{left:0;position:absolute;top:0}.dim.off{background:rgba(0,0,0,.45);bottom:0;right:0}.dim.off,.dim.on{transition:all .5s ease}.dim.on{background:#000}.focusChamp{background:transparent;border:none;border-radius:50%;box-shadow:0 30px 40px hsla(0,0%,100%,.1);height:4em;left:50%;margin:auto;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:4em;z-index:10}.focusChamp:hover{--webkit-backdrop-filter:blur(5px);background-color:hsla(0,0%,100%,.4)}.focusOn{opacity:0;visibility:hidden}.focusOn,.focusOut{transition:all .4s ease}.focusOut{opacity:1;visibility:visible}.page-wrap .champ-show{align-items:center;box-sizing:border-box;display:flex;height:100%;position:relative}.champ-show:before{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-image:inherit;background-repeat:no-repeat;background-size:cover;bottom:0;content:"";-webkit-filter:blur(12px) brightness(50%);filter:blur(12px) brightness(50%);left:0;position:absolute;right:0;top:0;transition:opacity .5s;transition-delay:.1s}.champ-show .champ-splash{height:100vh;left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);transition:opacity .5s cubic-bezier(.645,.045,.355,1) .2s}.splash-in{-webkit-animation:splashIn .25s;animation:splashIn .25s}@-webkit-keyframes splashIn{0%{opacity:0}to{opacity:1}}@keyframes splashIn{0%{opacity:0}to{opacity:1}}.champ-show.fade-out:before{opacity:0}.champ-splash.skin-active{opacity:1;transition-delay:0s;z-index:1}.transbox{background-image:-webkit-linear-gradient(top,transparent 60%,rgba(10,10,12,.1) 70%,#0a0a0c 99%);height:100%;left:0;position:absolute;top:0;width:100%;z-index:1}.transbox,.transbox.on{transition:all .5s ease}.transbox.on{background-image:-webkit-linear-gradient(top,transparent 100%,rgba(10,10,12,.1) 0,#0a0a0c)}.champ-image{display:block;height:100vh;overflow:hidden;position:relative;transition:all .5s ease;width:100%}.champ-image>*{display:block;height:100%}.champ-image img{min-width:1280px;object-fit:contain;transition:opacity 1s ease-in-out}.champ-image img.off{opacity:0}.champ-detail{align-items:center;bottom:5%;display:flex;flex-direction:column;justify-content:space-between;left:0;margin:0 auto;max-width:75vw;min-height:0;position:absolute;right:0;text-align:center;transition:all .6s ease-out;width:75vw;z-index:5}.champ-detail.active{min-height:90%;transition:min-height .6s ease-out}.champ-detail .champ-divide{height:auto;width:100%}.champ-naming{align-items:center;color:#fff;display:flex;flex-direction:column;font-family:Beaufort Bold,serif;justify-content:center;text-transform:uppercase;z-index:2}.champsTitle{color:var(--gold-2);display:block;font-size:1.2rem;font-weight:600;letter-spacing:.1em;letter-spacing:4px;line-height:1;padding:10px 0 5px}.champsName{color:var(--gold-1);display:block;font-size:5em;font-style:italic;letter-spacing:.03em;line-height:.85}.champ-extend{align-items:center;display:none;flex-direction:row;justify-content:center;opacity:0;position:absolute;-webkit-transform:translateY(100%);transform:translateY(100%);transition:all .5s ease-in-out}.champ-detail.active .show-extend{display:flex;opacity:1;-webkit-transform:translateY(50%);transform:translateY(50%);transition:all .5s ease-in-out}.bio-center{display:flex;flex-direction:column;height:55vh;justify-content:space-evenly;margin:0;max-width:80vh;min-width:40vh;padding:0;position:relative}.bio-quote{border:2px solid var(--gold-5);color:var(--grey-1);flex:1 1;flex-direction:row;font-size:.9em;justify-content:space-between;line-height:1.5;margin:0 0 10px;min-height:30%}.bio-quote,.bio-quote button{align-items:center;background-color:var(--hextech-black-2);display:flex}.bio-quote button{border:1px solid var(--gold-5);flex-direction:column;height:100%;justify-content:center;opacity:0;transition:all .3s ease-out;width:40px}.bio-quote button.playing,.bio-quote button:hover{border:2px solid var(--pick);opacity:1}.bio-quote button.playing{transition:all .3s ease-in-out}.bio-quote button.playing span,.bio-quote button:hover span{color:var(--pick)}.bio-quote button span{pointer-events:none;rotate:90deg;text-transform:uppercase;width:-webkit-max-content;width:max-content;z-index:0}.bio-quote-info{font-size:.8em;font-weight:700;letter-spacing:.05em;line-height:1.5;margin:25px 0 0}.bio-quote-info p{font-family:Spiegel,sans-serif}.bio-quote-info span{color:var(--gold-2)}.bio-description{align-items:center;background-color:var(--hextech-black-2);background-position:50%;border:2px solid var(--gold-5);box-sizing:border-box;display:flex;flex:2 1;height:100%;max-width:75vw;padding:15px;position:relative;z-index:1}.bio-description:before{background-image:var(--bg);background-repeat:no-repeat;background-size:cover;content:"";-webkit-filter:brightness(.3) grayscale(100%);filter:brightness(.3) grayscale(100%);height:100%;left:0;opacity:.4;position:absolute;top:0;width:100%;z-index:-1}.champ-more{background-color:var(--hextech-black-2);border-image:linear-gradient(180deg,var(--gold-3),var(--gold-4)) stretch;border-image-slice:1;border-style:solid;border-width:1px;color:var(--gold-4);font-family:Beaufort Regular,Arial,sans-serif;font-size:12px;letter-spacing:2px;margin-top:20px;padding:12px 24px;text-transform:uppercase}.champ-more:hover{color:var(--gold-3)}.champ-lore{color:var(--grey-1);font-family:Spiegel,sans-serif;font-size:.75em;font-weight:400;letter-spacing:.01em;line-height:1.5;text-align:justify;text-align-last:center}.champ-lore p:first-letter{border-bottom:3px solid var(--gold-4);color:var(--gold-1);float:left;font-family:Beaufort Bold,Arial,sans-serif;font-size:3em;line-height:1.2;margin:-2px 20px 0 18px;padding:0 8px 0 10px}.bio-side{bottom:0;position:absolute;transition:all .5s ease-in-out;z-index:2}.bio-role{box-sizing:border-box;cursor:pointer;display:flex;flex-direction:column;height:55vh;justify-content:flex-start;left:0;max-width:80vh;min-width:40vh;-webkit-perspective:1000px;perspective:1000px;-webkit-user-select:none;user-select:none}.combat-title,.role-title{border-bottom:2px solid var(--gold-5);color:var(--gold-1);font-size:12px;font-weight:700;justify-content:center;letter-spacing:2px;line-height:50px;text-align:center;text-transform:uppercase;width:100%}.role-container{display:flex;flex:1 1;flex-direction:column;justify-content:center}.bio-role.combat>.role-combat-card{-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}.role-combat-card{background-color:var(--hextech-black-2);border:2px solid var(--gold-5);font-family:Beaufort Bold,Arial,sans-serif;height:100%;position:relative;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;transition:-webkit-transform .8s;transition:transform .8s;transition:transform .8s,-webkit-transform .8s;width:100%}.combat-back,.role-front{-webkit-backface-visibility:hidden;backface-visibility:hidden;display:flex;flex-direction:column;height:100%;position:absolute;width:100%}.combat-back{-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}.role-info{box-sizing:border-box;padding:20px}.role-info img{height:4vw;min-width:2vw}.role-info .role-label{color:var(--grey-1);font-size:.55em;font-weight:700;letter-spacing:2px;line-height:1.5;text-transform:uppercase}.show-left{-webkit-transform:translateX(-105%);transform:translateX(-105%)}.bio-region{-webkit-backdrop-filter:blur(8px) saturate(200%);backdrop-filter:blur(8px) saturate(200%);background-color:initial;display:flex;flex-direction:column;height:55vh;justify-content:flex-start;max-width:80vh;min-width:40vh;position:absolute;right:0;width:40vh}.region-container{background-color:var(--hextech-black-2);border:2px solid var(--gold-5);border-bottom:0;flex:3 1;position:relative}.region-emblem{height:25vh;left:50%;margin:5px auto;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);transition:all .6s;z-index:1}.region-container:hover>.region-emblem{opacity:0;-webkit-transform:translate(-50%,-50%) scale(0);transform:translate(-50%,-50%) scale(0)}.region-container:hover>.region-show{-webkit-filter:brightness(1) grayscale(0);filter:brightness(1) grayscale(0);transition:all .8s}.region-show{background-image:var(--regionSplash);background-position:50%;background-size:cover;-webkit-filter:brightness(.3) grayscale(100%);filter:brightness(.4) grayscale(100%);height:100%;min-height:150px;opacity:.4!important;transition:all .8s}.region-title{background-color:var(--hextech-black-2);border:2px solid var(--gold-5);display:flex;min-height:50px;z-index:3}.region-name{align-items:center;border-right:2px solid var(--gold-5);display:flex;flex-direction:column;flex-grow:1;justify-content:center}.region-name h5{color:var(--gold-3);font-size:12px}.region-name h5,.region-name h6{font-family:Beaufort Regular,Arial,sans-serif;letter-spacing:2px;text-transform:uppercase}.region-name h6{color:var(--gold-1);font-size:10px}.region-faction{flex-shrink:1;padding:8px 12px}.region-faction img{display:block;max-height:30px;max-width:30px}.bio-related{border:2px solid var(--gold-5);flex:1 0;flex-direction:column;font-family:Beaufort Bold,Arial,sans-serif;font-size:.5em;margin:10px 0 0}.bio-related,.related-title{align-items:center;color:var(--gold-1);display:flex;justify-content:center}.related-title{align-content:center;border-bottom:2px solid var(--gold-5);flex:1 1;font-size:1em;letter-spacing:2px;padding:5px 0;text-transform:uppercase}.bio-related .related-container,.related-title{background-color:var(--hextech-black-2);width:100%}.bio-related .related-container{align-items:center;box-sizing:border-box;display:flex;flex:3 1;flex-direction:row;justify-content:flex-start;margin:0 10px;overflow:hidden!important;padding:10px}.related-container>.swiper-wrapper{height:auto;justify-content:space-between;margin:auto;width:auto}.related-container>.swiper-wrapper>.swiper-slide{width:auto!important}.related-container>.swiper-wrapper>.swiper-slide.swiper-slide-active{margin:0;scale:1}.related-container>.swiper-wrapper>.swiper-slide>.avatar-icon{box-shadow:none;-webkit-filter:brightness(.5);filter:brightness(.5)}.related-container>.swiper-wrapper>.swiper-slide>.avatar-icon:hover{-webkit-filter:brightness(1);filter:brightness(1);scale:1.1}.related-container>.swiper-wrapper>.swiper-slide>.avatar-icon .avatar-container{height:3rem;position:relative;width:3rem}.avatar-container .avatar-img{border-radius:50%;height:100%;left:0;position:absolute;top:0}.related-container>.swiper-wrapper>.swiper-slide>.avatar-icon .avatar-container:after{background-image:linear-gradient(180deg,#3e3310,#c6b98b,#3e3310);border-radius:50%;bottom:-1px;content:"";left:-1px;position:absolute;right:-1px;top:-1px;z-index:-1}.related-container>.swiper-wrapper>.swiper-slide>.avatar-icon p{font-size:.45em;letter-spacing:.25em;margin:2px 0;opacity:0;text-align:center;text-transform:uppercase}.related-container>.swiper-wrapper>.swiper-slide>.avatar-icon:hover p{opacity:1}.champLink{color:inherit;display:block;text-decoration:none}.show-right{-webkit-transform:translateX(105%);transform:translateX(105%)}.bio-toggle{border-radius:50%;margin-right:0!important;padding:3px;position:absolute;top:40%;transition:all .5s ease-in-out;z-index:3}.bio-toggle.show-top{top:-11%;transition:all .5s ease}.avatar-icon{border-radius:50%;box-shadow:0 0 30px #0a0a0c;height:auto;position:relative;width:75px;z-index:1}.avatar-container:after{background-image:linear-gradient(180deg,#3e3310,#c6b98b,#3e3310);border-radius:50%;bottom:-3px;content:"";left:-3px;position:absolute;right:-3px;top:-3px;z-index:-1}.avatar-container{background-position:50% 50%;background-repeat:no-repeat;background-size:108%;border-radius:50%;height:50px;left:17%;max-height:75px;max-width:75px;opacity:1;position:absolute;top:17%;width:50px}.avatar-icon .icon-frame{display:block;height:75px;position:relative;width:75px;z-index:5}.champ-dim{background-image:radial-gradient(ellipse closest-side at 50% 30%,#1b2528,#0a0a0c);bottom:0;left:0;opacity:0;position:fixed;right:0;top:0;transition:all .5s ease;visibility:hidden}.champ-detail.active .champ-dim{opacity:.75;transition:all .5s ease-out;visibility:visible}.skill-show{align-items:center;display:flex;justify-content:center;left:2%;position:absolute;top:45%;z-index:20}.skill-show .skill-dim{background:rgba(0,0,0,.8);bottom:0;left:0;opacity:0;position:fixed;right:0;top:0;transition:all .4s ease;visibility:hidden}.skill-show .skill-container{align-items:center;display:flex;font-family:Beaufort Bold,Arial,sans-serif;justify-content:center;position:relative;-webkit-transform:rotate(180deg);transform:rotate(180deg)}.skill-container .skill-toggle,.skill-container span .icon-skill{align-items:center;border-radius:40%;display:flex;height:55px;justify-content:center;width:55px}.skill-container .skill-toggle{color:var(--gold-2);font-size:2em;font-style:italic;font-weight:500;text-transform:uppercase;-webkit-transform:rotate(90deg);transform:rotate(90deg);transition:-webkit-transform .6s ease;transition:transform .6s ease;transition:transform .6s ease,-webkit-transform .6s ease;visibility:hidden;z-index:50}.skill-toggle.show{visibility:visible}.skill-container #indicator{position:absolute;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);transition:all .4s ease-out;width:64vh;z-index:0}#indicator:before{background-image:url(/static/media/indicator.4f0f88a0e74b18c813e2.png);background-position:45% 5%;background-size:100px;border-radius:50%;content:"";-webkit-filter:drop-shadow(0 0 .5em #d0c65d);filter:drop-shadow(0 0 .5em rgb(208,198,93));height:90px;left:26vh;opacity:0;position:absolute;top:0;-webkit-transform:translateY(-50%);transform:translateY(-50%);transition:all .2s ease-in;width:90px}.skill-show.active #indicator:before{left:0;opacity:1;top:-50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.skill-show.active .skill-container .skillFrame{display:block}.skillFrame .frame-inner,.skillFrame .frame-outer{left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);visibility:hidden}.skillFrame .frame-inner{height:55vh;height:45vh;transition:all .5s linear;transition:all .1s ease-out;width:55vh;width:45vh}.skill-show.active .skillFrame .frame-inner,.skill-show.active .skillFrame .frame-outer{visibility:visible}@-webkit-keyframes fullRevolve{0%{-webkit-transform:translate(-50%,-50%) rotate(0deg);transform:translate(-50%,-50%) rotate(0deg)}to{-webkit-transform:translate(-50%,-50%) rotate(1turn);transform:translate(-50%,-50%) rotate(1turn)}}@keyframes fullRevolve{0%{-webkit-transform:translate(-50%,-50%) rotate(0deg);transform:translate(-50%,-50%) rotate(0deg)}to{-webkit-transform:translate(-50%,-50%) rotate(1turn);transform:translate(-50%,-50%) rotate(1turn)}}@-webkit-keyframes innerSet{0%{-webkit-transform:translate(-50%,-50%) rotate(1turn);transform:translate(-50%,-50%) rotate(1turn)}to{-webkit-transform:translate(-50%,-50%) rotate(-90deg);transform:translate(-50%,-50%) rotate(-90deg)}}@keyframes innerSet{0%{-webkit-transform:translate(-50%,-50%) rotate(1turn);transform:translate(-50%,-50%) rotate(1turn)}to{-webkit-transform:translate(-50%,-50%) rotate(-90deg);transform:translate(-50%,-50%) rotate(-90deg)}}.skillFrame:after{border-radius:50%;content:"";display:none;-webkit-filter:drop-shadow(0 0 8px var(--goldText));filter:drop-shadow(0 0 8px var(--goldText));height:calc(100% + 5px);left:50%;position:absolute;text-align:center;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:calc(100% + 5px)}.skill-show.active .skill-container .skillFrame{-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}.skill-show.active .skill-container .skillFrame:after{display:block}.skillLine{background-color:initial;height:5px;opacity:0;width:0;z-index:-2}.skillLine:before{background:var(--gold-4);content:"";height:100%;left:-100%;position:absolute;top:0;transition:all 5s linear;width:0}.skill.active~#indicator .skillLine:before{-webkit-animation:showLine .5s linear forwards;animation:showLine .5s linear forwards}.skill-show.active #indicator .skillLine{opacity:1;width:200px}@-webkit-keyframes showLine{0%{-webkit-filter:drop-shadow(0 0 0 var(--gold-4));filter:drop-shadow(0 0 0 var(--gold-4))}to{-webkit-filter:drop-shadow(0 0 4px var(--gold-3));filter:drop-shadow(0 0 4px var(--gold-3));width:100%}}@keyframes showLine{0%{-webkit-filter:drop-shadow(0 0 0 var(--gold-4));filter:drop-shadow(0 0 0 var(--gold-4))}to{-webkit-filter:drop-shadow(0 0 4px var(--gold-3));filter:drop-shadow(0 0 4px var(--gold-3));width:100%}}.skill-container span{opacity:0;position:absolute;transition:all .4s ease}.skill{border:.25em solid var(--gold-3);border-radius:50%;-webkit-filter:drop-shadow(0 0 .6rem #000);filter:drop-shadow(0 0 .6rem black)}.skill.active{-webkit-filter:drop-shadow(0 0 1rem --gold-3);filter:drop-shadow(0 0 1rem --gold-3)}.skill-container span .icon-skill{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.skill .extraskill-container{opacity:0;position:absolute;top:0;-webkit-transform:rotate(270deg) scaleX(-1);transform:rotate(270deg) scaleX(-1);transition:all .25s ease;visibility:hidden}.skill.active .extraskill-container{opacity:1;visibility:visible}.extraskill{transition:all .5s ease}.skill.active .extraskill-container .extraskill{left:0;position:absolute;top:0;-webkit-transform:rotate(calc(var(--i)*-60deg)) translateY(12vh);transform:rotate(calc(var(--i)*-60deg)) translateY(12vh)}.extraskill-container .extraskill img{border:1.5px solid var(--gold-3);border-radius:50%;-webkit-clip-path:circle(50%);clip-path:circle(50%);-webkit-filter:grayscale(.8);filter:grayscale(.8);height:2.3em;rotate:calc(var(--j)*45deg + 90deg);-webkit-transform:rotate((var(--i)*(1turn/6))) scaleX(-1);transform:rotate((var(--i)*(1turn/6))) scaleX(-1);transition:all .2s;width:2.3em}.extraskill.active img,.extraskill:hover img{-webkit-filter:grayscale(0);filter:grayscale(0);height:2.5em;width:2.5em}.skill-container span .icon-skill img{-webkit-clip-path:circle(50%);clip-path:circle(50%);-webkit-filter:grayscale(.8);filter:grayscale(.8);height:3.75em;-webkit-transform:rotate(calc(var(--i)*-45deg));transform:rotate(calc(var(--i)*-45deg));transition:.2s;width:3.75em}.skill-container span .icon-skill:hover img,.skill-container span.active .icon-skill img{-webkit-filter:grayscale(0);filter:grayscale(0)}.skill-show.active .skill-dim{opacity:1;transition:all .4s ease;visibility:visible}.skill-show.active .skill-toggle{-webkit-transform:rotate(180deg) scale(0);transform:rotate(180deg) scale(0)}.skill-show.active .skill-container span{opacity:1;-webkit-transform:rotate(calc(var(--i)*45deg)) translateY(24vh);transform:rotate(calc(var(--i)*45deg)) translateY(24vh)}.skill-show.active .skill-container span.active{-webkit-transform:rotate(calc(var(--i)*45deg)) translateY(32vh) scale(1.1);transform:rotate(calc(var(--i)*45deg)) translateY(32vh) scale(1.1);z-index:5}.skill-ring{fill:hsla(0,0%,100%,.6);-webkit-animation:AbilityRing 180s linear 0s infinite normal forwards running;animation:AbilityRing 180s linear 0s infinite normal forwards running;scale:0}.skill-show.active .skill-ring{height:65vh;position:absolute;scale:1;transition:all .3s linear;width:65vh}@-webkit-keyframes AbilityRing{0%{-webkit-transform:scale3d(.985,.985,1) rotate(0deg);transform:scale3d(.985,.985,1) rotate(0deg)}50%{-webkit-transform:scaleX(1) rotate(180deg);transform:scaleX(1) rotate(180deg)}to{-webkit-transform:scale3d(.985,.985,1) rotate(1turn);transform:scale3d(.985,.985,1) rotate(1turn)}}@keyframes AbilityRing{0%{-webkit-transform:scale3d(.985,.985,1) rotate(0deg);transform:scale3d(.985,.985,1) rotate(0deg)}50%{-webkit-transform:scaleX(1) rotate(180deg);transform:scaleX(1) rotate(180deg)}to{-webkit-transform:scale3d(.985,.985,1) rotate(1turn);transform:scale3d(.985,.985,1) rotate(1turn)}}.skill-show .skill-display{align-items:center;-webkit-animation:slide-out-left .4s ease-in both;animation:slide-out-left .4s ease-in both;display:flex;justify-content:center;left:20vw;opacity:0;position:absolute;scale:0;transition:all .4s ease}.skill-show.active .skill-display{-webkit-animation:slide-in-left-show .4s ease-in both;animation:slide-in-left-show .4s ease-in both;opacity:1;scale:1;transition:all .4s ease}@-webkit-keyframes slide-out-left{0%{opacity:1;-webkit-transform:translateX(100vh) rotateY(0) scale(1);transform:translateX(100vh) rotateY(0) scale(1);-webkit-transform-origin:center;transform-origin:center}to{opacity:1;-webkit-transform:translateX(0) rotateY(30deg) scale(0);transform:translateX(0) rotateY(30deg) scale(0);-webkit-transform-origin:center;transform-origin:center}}@keyframes slide-out-left{0%{opacity:1;-webkit-transform:translateX(100vh) rotateY(0) scale(1);transform:translateX(100vh) rotateY(0) scale(1);-webkit-transform-origin:center;transform-origin:center}to{opacity:1;-webkit-transform:translateX(0) rotateY(30deg) scale(0);transform:translateX(0) rotateY(30deg) scale(0);-webkit-transform-origin:center;transform-origin:center}}@-webkit-keyframes slide-in-left-show{0%{opacity:1;-webkit-transform:translateX(0) rotateY(30deg) scale(0);transform:translateX(0) rotateY(30deg) scale(0);-webkit-transform-origin:center;transform-origin:center}to{opacity:1;-webkit-transform:translateX(100vh) rotateY(0) scale(1);transform:translateX(100vh) rotateY(0) scale(1);-webkit-transform-origin:center;transform-origin:center}}@keyframes slide-in-left-show{0%{opacity:1;-webkit-transform:translateX(0) rotateY(30deg) scale(0);transform:translateX(0) rotateY(30deg) scale(0);-webkit-transform-origin:center;transform-origin:center}to{opacity:1;-webkit-transform:translateX(100vh) rotateY(0) scale(1);transform:translateX(100vh) rotateY(0) scale(1);-webkit-transform-origin:center;transform-origin:center}}.skill-overlay{aspect-ratio:1.47/1;height:auto;left:0;object-fit:cover;overflow:hidden;pointer-events:none;position:absolute;top:0;width:100%;z-index:2}.skill-tab{align-items:center;border-radius:10px;display:flex;flex-direction:column;justify-content:center;opacity:0;position:absolute;width:30vw}.skill-tab *{color:#fff;font-family:inherit;text-align:center}.skill-tab h3{text-transform:uppercase}.skill-tab .skill-image{border:2px solid var(--gold-3);height:50px;margin:auto auto 10px;padding:2px;width:50px}.skill-tab.active-tab{-webkit-backdrop-filter:blur(5.6px);backdrop-filter:blur(5.6px);background:rgba(10,10,12,.5);border-radius:16px;box-shadow:0 4px 30px rgba(0,0,0,.1);opacity:1;padding:10px;transition:all .6s ease;z-index:1}.skill-description{background-color:var(--grey-3);border:2px solid var(--gold-3);font-family:Beaufort Regular,Arial,sans-serif;font-weight:200;padding:10px;width:90%}.skill-description h5{font-family:Beaufort Bold,Arial,sans-serif;letter-spacing:.1em;margin-bottom:5px;text-transform:uppercase}.skill-description p{color:var(--grey-1);font-size:.7em;text-align:center}.vid-show{box-sizing:border-box;height:100%;margin:0 0 20px;padding:2%;width:30vw}.vid-show,.video-container{position:relative}.video-container:after{background:var(--overlay-url) no-repeat center center;background-size:100% 100%;content:"";height:100%;left:0;position:absolute;top:0;width:100%}.no-video{align-items:center;border-radius:10%;display:flex;flex-direction:column;height:100%;justify-content:center;text-align:center;width:100%}.video-container .no-display{height:auto;margin:0;-webkit-transform:translate(0);transform:translate(0);width:100%}.no-sign{align-items:center;color:#fff;display:flex;flex-direction:column;height:100%;justify-content:center;position:absolute;width:100%}.no-pic{display:block;margin:0 auto 15px;width:50%}.no-text{font-family:Beaufort Bold,Arial,sans-serif;font-size:x-small;font-style:normal;text-transform:uppercase}.has-video{border-radius:10%;height:100%;width:100%}.skin-component{font-family:Beaufort Bold,Arial,sans-serif;text-transform:uppercase}.skin-toggler{color:var(--gold-2);font-size:2em;font-style:italic;justify-content:center;position:absolute;right:0;top:45%;-webkit-transform:rotate(90deg);transform:rotate(90deg);transition:right .5s ease,-webkit-transform .5s ease;transition:transform .5s ease,right .5s ease;transition:transform .5s ease,right .5s ease,-webkit-transform .5s ease;z-index:20}.skin-logo{height:50px}.skin-show{align-items:center;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);background:linear-gradient(270deg,rgba(0,0,0,.9) 50%,transparent);display:flex;height:100%;justify-content:center;position:fixed;right:-18%;transition:all .5s ease;width:18%;z-index:10}.skin-component .skin-dim{background:radial-gradient(circle at 55% center,hsla(0,0%,100%,0) 35%,rgba(1,10,19,.85) 70%);bottom:0;display:flex;flex-direction:column;justify-content:space-between;left:0;opacity:0;padding:30px;position:fixed;right:0;top:0;visibility:hidden;z-index:5}.skin-component.active .skin-dim{opacity:1;transition:opacity .4s ease;visibility:visible}.skin-info{height:auto;width:24%}.skin-info div{align-items:center;display:flex;height:2.5em;margin:5px 0}.skin-info div,.skin-info div .skin-icon{width:-webkit-max-content;width:max-content}.skin-info div .skin-icon{height:45%;margin-right:10px}.skin-info h3{color:var(--gold-1)}.skin-info p{border-top:1px solid var(--gold-4);font-family:Spiegel,sans-serif;font-size:1em;line-height:1.75;padding-right:10px;padding-top:15px}.skin-feature,.skin-info p{color:#9b988c;font-weight:600;text-transform:none}.skin-feature{display:block;font-family:Beaufort Regular,Arial,sans-serif;font-size:.725em;line-height:1.55;margin-left:20px}.skin-addon{align-items:center;display:flex;margin-top:auto}.addon-center,.addon-hide{fill:var(--gold-1);fill-rule:evenodd;align-items:center;background-color:var(--grey-3);border:.5px solid var(--gold-4);display:flex;height:20px;justify-content:center;margin-right:5px;padding:4px;width:24px}.addon-center:hover,.addon-hide:hover{fill:var(--gold-2)}.addon-center svg{-webkit-transform:scale(1);transform:scale(1)}.addon-center.centered{fill:var(--gold-3)}.addon-center.centered svg{-webkit-transform:scale(.75);transform:scale(.75)}.addon-hide svg g{fill:var(--gold-1);stroke:#11181f;stroke-width:4px}.skin-swiper{box-sizing:initial;display:flex;flex-direction:column;justify-content:space-evenly;margin:0 15px 0 0;position:relative}.skin-slide{display:block;margin:5px auto;padding:5px;text-align:center}.skin-slide div{align-items:center;background-color:initial;box-sizing:border-box;color:var(--grey-1);font-family:inherit;font-size:xx-small;overflow-wrap:break-word;padding:0;position:relative;text-transform:uppercase;width:100%}.skin-slide * .skinView img{height:7em;max-width:100%;object-fit:cover;width:auto}.skin-toggler.active{right:15%}.skin-toggler.hide{visibility:hidden}.skin-show.active{right:0;transition-timing-function:ease}.swiper{height:auto;overflow:visible!important}.swiper-slide .skinView img{border:2px solid var(--grey-2);-webkit-filter:grayscale(50%);filter:grayscale(50%)}.swiper-slide.swiper-slide-active{margin:20px 0;scale:1.175}.swiper-slide.swiper-slide-active .skinView img{border-image:linear-gradient(var(--gold-4),var(--gold-3)) 30;border-style:solid;border-width:2px;-webkit-filter:grayscale(0);filter:grayscale(0)}.skinView span{font-size:.75em;letter-spacing:.1em}.swiper-slide.swiper-slide-active .skinView span{color:var(--gold-1);font-size:.9em}.skinRarity{height:10px;left:50%;position:absolute;top:-5%;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:10px}.nav-bar{-ms-flex-align:center;align-items:center;background-color:var(--hextech-black);box-shadow:0 -8px 10px 8px #0a0a0c;display:flex;font-family:Beaufort Bold,Arial,sans-serif;height:65px;justify-content:space-between;left:0;opacity:0;position:fixed;right:0;top:0;transition:all .5s ease;z-index:10}.nav-divider{border-left:2px solid var(--gold-5);height:75%}.nav-bar:hover{opacity:1;transition:all .5s ease}.nav-main{-webkit-box-align:center;align-items:center;border:2px solid var(--gold-5);border-bottom:0;border-top:0;display:flex;flex:0 1 auto;height:100%;justify-content:center;margin:0 25px 0 0;padding:0 30px}.back-nav{background-color:initial;border:1px solid var(--gold-4);border-radius:50%;cursor:pointer;height:31px;max-width:31px;min-width:31px;padding:6px;transition:background-color .3s}.back-nav svg{fill:var(--gold-3);margin-top:1px;max-height:28px;-webkit-transform:rotate(90deg);transform:rotate(90deg);width:12px;z-index:2}.nav-side{align-items:center;border:2px solid var(--gold-5);border-bottom:0;border-top:0;display:flex;-webkit-flex:0 1 auto;flex:0 1 auto;height:100%;justify-content:center;padding:0 50px}.nav-main>*{color:var(--gold-4);font-family:Beaufort Bold,serif;font-size:.875em;margin:0 25px 0 0;text-transform:uppercase}.nav-main a{text-decoration:none}.combat-container{display:flex;flex-direction:column;height:100%}.tactical-container{align-content:center;color:var(--gold-1);flex:1 1;font-family:Beaufort Bold,Arial,sans-serif;justify-content:center;margin:0 10px}.tactical-container,.tactical-info{display:flex;flex-direction:column;font-size:10px;letter-spacing:1px;text-transform:uppercase}.style-info,.tactical-info{align-items:flex-start;color:var(--grey-1);justify-content:flex-start;margin:0 0 5px}.style-info{display:flex;flex-direction:column;font-size:10px;letter-spacing:1px;text-transform:uppercase}.style-slide{align-items:center;background-color:initial;display:flex;flex-direction:row;flex-wrap:nowrap;height:15px;margin:10px auto 5px;position:relative;width:150px}.style-icon{fill:#a89c8c}.style-lit{fill:#f8e4d4}.style-pin{height:12px;position:absolute;-webkit-transform:translateX(20px);transform:translateX(20px);width:12px}.style-slide .style-basic path{fill:#a09a8b}.difficulty-info{align-items:flex-start;color:var(--grey-1);display:flex;flex-direction:column;font-size:10px;justify-content:flex-start;letter-spacing:1px;margin:0 0 5px;text-transform:uppercase}.difficulty-bar{margin:5px auto 0;position:relative;width:150px}.difficulty-svg{bottom:2px;position:absolute}.difficulty-bg{width:150px}.combat-wheel{flex:1 1;margin:10px auto;width:55%}.combat-svg{display:block;margin:auto;max-height:100%;max-width:100%;overflow:visible}.combat-icon{fill:#a89c8c}.combat-middle{fill:#0097ac}.combat-stat{fill:#00202d}.combat-stat .combat-bar:first-of-type{fill:#0097ac}.combat-stat .combat-bar:nth-of-type(2){fill:#70b6c2}.combat-stat .combat-bar:nth-of-type(3){fill:#b0d9db}.combat-hover:hover{fill-opacity:0}.combat-section:hover .combat-bar:first-of-type{fill:#00c6e0}.combat-section:hover .combat-bar:nth-of-type(2){fill:#94c8d1}.combat-section:hover .combat-bar:nth-of-type(3){fill:#d2e9ea}.combat-section:hover .combat-icon{fill:#f8e4d4;-webkit-transform:scale(1.1);transform:scale(1.1);-webkit-transform-origin:50% 50%;transform-origin:50% 50%}.swiper-slide{width:125px!important}span.swiper-pagination-bullet.swiper-pagination-bullet-active{background-color:var(--gold-3);border:2px solid var(--gold-3);opacity:1}.swiper-pagination-bullet{border:2px solid var(--gold-3);opacity:1}.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets{right:-25%!important}.loadSpin-Container{align-items:center;background-color:#020a13;display:flex;flex-direction:column;height:100vh;justify-content:center;position:absolute;width:100vw}.loadingSpin{position:absolute}.loadCenter{-webkit-animation:spinCenter 6s cubic-bezier(.175,.885,.32,1) infinite;animation:spinCenter 6s cubic-bezier(.175,.885,.32,1) infinite;border:3px solid #897344;display:block;height:40px;-webkit-transform:rotate(45deg);transform:rotate(45deg);width:40px}.loadCircle{-webkit-animation:spin 9s linear infinite;animation:spin 9s linear infinite}.loadLeft svg:first-child{stroke-dasharray:116;-webkit-animation:lineFill 3s ease-in-out infinite;animation:lineFill 3s ease-in-out infinite;left:-38%;top:8%}.loadLeft svg:first-child,.loadLeft svg:last-child{stroke-dashoffset:0;position:absolute;-webkit-transform:rotate(90deg);transform:rotate(90deg)}.loadLeft svg:last-child{stroke-dasharray:235;-webkit-animation:lineFill2 3s ease-in-out infinite;animation:lineFill2 3s ease-in-out infinite;left:-126%;top:-36%}.loadRight svg:first-child{stroke-dasharray:116;-webkit-animation:lineFill 3s ease-in-out infinite;animation:lineFill 3s ease-in-out infinite;top:8%}.loadRight svg:first-child,.loadRight svg:last-child{stroke-dashoffset:0;left:48%;position:absolute;-webkit-transform:rotate(270deg);transform:rotate(270deg)}.loadRight svg:last-child{stroke-dasharray:235;-webkit-animation:lineFill2 3s ease-in-out infinite;animation:lineFill2 3s ease-in-out infinite;top:-36%}@-webkit-keyframes lineFill{0%{stroke-dashoffset:116}25%{stroke-dashoffset:232}50%{stroke-dashoffset:348}75%{stroke-dashoffset:348}to{stroke-dashoffset:348}}@keyframes lineFill{0%{stroke-dashoffset:116}25%{stroke-dashoffset:232}50%{stroke-dashoffset:348}75%{stroke-dashoffset:348}to{stroke-dashoffset:348}}@-webkit-keyframes lineFill2{0%{stroke-dashoffset:235}33%{stroke-dashoffset:470}66%{stroke-dashoffset:705}to{stroke-dashoffset:705}}@keyframes lineFill2{0%{stroke-dashoffset:235}33%{stroke-dashoffset:470}66%{stroke-dashoffset:705}to{stroke-dashoffset:705}}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}25%{-webkit-transform:rotate(90deg);transform:rotate(90deg)}50%{-webkit-transform:rotate(180deg);transform:rotate(180deg)}75%{-webkit-transform:rotate(270deg);transform:rotate(270deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}25%{-webkit-transform:rotate(90deg);transform:rotate(90deg)}50%{-webkit-transform:rotate(180deg);transform:rotate(180deg)}75%{-webkit-transform:rotate(270deg);transform:rotate(270deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@-webkit-keyframes spinCenter{0%{-webkit-transform:rotate(45deg);transform:rotate(45deg)}25%{-webkit-transform:rotate(135deg);transform:rotate(135deg)}50%{-webkit-transform:rotate(225deg);transform:rotate(225deg)}75%{-webkit-transform:rotate(315deg);transform:rotate(315deg)}to{-webkit-transform:rotate(405deg);transform:rotate(405deg)}}@keyframes spinCenter{0%{-webkit-transform:rotate(45deg);transform:rotate(45deg)}25%{-webkit-transform:rotate(135deg);transform:rotate(135deg)}50%{-webkit-transform:rotate(225deg);transform:rotate(225deg)}75%{-webkit-transform:rotate(315deg);transform:rotate(315deg)}to{-webkit-transform:rotate(405deg);transform:rotate(405deg)}}.loadSpin-Container.hidden{z-index:-100}.loadSpin-Container.show{z-index:99}@-webkit-keyframes fade-out{0%{opacity:1}to{opacity:0}}@keyframes fade-out{0%{opacity:1}to{opacity:0}}@-webkit-keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.champComponent.show{-webkit-animation:fade-in .5s ease-out both;animation:fade-in .5s ease-out both}.champComponent.hidden{opacity:0}@font-face{font-family:swiper-icons;font-style:normal;font-weight:400;src:url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA")}:root{--swiper-theme-color:#007aff}.swiper{list-style:none;margin-left:auto;margin-right:auto;overflow:hidden;padding:0;position:relative;z-index:1}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{box-sizing:initial;display:flex;height:100%;position:relative;transition-property:-webkit-transform;transition-property:transform;transition-property:transform,-webkit-transform;width:100%;z-index:1}.swiper-android .swiper-slide,.swiper-wrapper{-webkit-transform:translateZ(0);transform:translateZ(0)}.swiper-pointer-events{touch-action:pan-y}.swiper-pointer-events.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;height:100%;position:relative;transition-property:-webkit-transform;transition-property:transform;transition-property:transform,-webkit-transform;width:100%}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:height,-webkit-transform;transition-property:transform,height;transition-property:transform,height,-webkit-transform}.swiper-backface-hidden .swiper-slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transform:translateZ(0);transform:translateZ(0)}.swiper-3d,.swiper-3d.swiper-css-mode .swiper-wrapper{-webkit-perspective:1200px;perspective:1200px}.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide,.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-wrapper{-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:10}.swiper-3d .swiper-slide-shadow{background:rgba(0,0,0,.15)}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(270deg,rgba(0,0,0,.5),transparent)}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(90deg,rgba(0,0,0,.5),transparent)}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(0deg,rgba(0,0,0,.5),transparent)}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(180deg,rgba(0,0,0,.5),transparent)}.swiper-css-mode>.swiper-wrapper{-ms-overflow-style:none;overflow:auto;scrollbar-width:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-horizontal.swiper-css-mode>.swiper-wrapper{-webkit-scroll-snap-type:x mandatory;scroll-snap-type:x mandatory}.swiper-vertical.swiper-css-mode>.swiper-wrapper{-webkit-scroll-snap-type:y mandatory;scroll-snap-type:y mandatory}.swiper-centered>.swiper-wrapper:before{content:"";flex-shrink:0;order:9999}.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{-webkit-margin-start:var(--swiper-centered-offset-before);margin-inline-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-horizontal>.swiper-wrapper:before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{-webkit-margin-before:var(--swiper-centered-offset-before);margin-block-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-vertical>.swiper-wrapper:before{height:var(--swiper-centered-offset-after);min-width:1px;width:100%}.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center}.swiper-pagination{position:absolute;text-align:center;-webkit-transform:translateZ(0);transform:translateZ(0);transition:opacity .3s;z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled{display:none!important}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%}.swiper-pagination-bullets-dynamic{font-size:0;overflow:hidden}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{position:relative;-webkit-transform:scale(.33);transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active,.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{-webkit-transform:scale(1);transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{-webkit-transform:scale(.66);transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{-webkit-transform:scale(.33);transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{-webkit-transform:scale(.66);transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{-webkit-transform:scale(.33);transform:scale(.33)}.swiper-pagination-bullet{background:#000;background:var(--swiper-pagination-bullet-inactive-color,#000);border-radius:50%;display:inline-block;height:8px;height:var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));opacity:.2;opacity:var(--swiper-pagination-bullet-inactive-opacity,.2);width:8px;width:var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px))}button.swiper-pagination-bullet{-webkit-appearance:none;appearance:none;border:none;box-shadow:none;margin:0;padding:0}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none!important}.swiper-pagination-bullet-active{background:var(--swiper-theme-color);background:var(--swiper-pagination-color,var(--swiper-theme-color));opacity:1;opacity:var(--swiper-pagination-bullet-opacity,1)}.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets{right:10px;top:50%;-webkit-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0)}.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{display:block;margin:6px 0;margin:var(--swiper-pagination-bullet-vertical-gap,6px) 0}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:8px}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:transform .2s,top .2s}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 4px;margin:0 var(--swiper-pagination-bullet-horizontal-gap,4px)}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);white-space:nowrap}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:transform .2s,left .2s}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:transform .2s,right .2s}.swiper-pagination-progressbar{background:rgba(0,0,0,.25);position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-theme-color);background:var(--swiper-pagination-color,var(--swiper-theme-color));height:100%;left:0;position:absolute;top:0;-webkit-transform:scale(0);transform:scale(0);-webkit-transform-origin:left top;transform-origin:left top;width:100%}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{-webkit-transform-origin:right top;transform-origin:right top}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{height:4px;left:0;top:0;width:100%}.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-vertical>.swiper-pagination-progressbar{height:100%;left:0;top:0;width:4px}.swiper-pagination-lock{display:none}
/*# sourceMappingURL=main.c4f65049.css.map*/