.player-intro-top-note{font-family:var(--font-display);-webkit-user-select:none;font-kerning:normal;-webkit-font-feature-settings:"kern" 1;-webkit-font-smoothing:antialiased;text-transform:uppercase}.player-intro-top-note:lang(el-gr),.player-intro-top-note:lang(ja-jp),.player-intro-top-note:lang(ko-kr),.player-intro-top-note:lang(th-th),.player-intro-top-note:lang(tr-tr),.player-intro-top-note:lang(zh-tw){text-transform:none}.player-intro-top-note{color:#f0e6d2;font-size:14px;font-weight:700;line-height:18px;letter-spacing:.075em}.player-intro-component{transition:opacity .5s ease}.hide .player-intro-component{opacity:.1}.player-intro-container{width:1278px;height:718px;position:relative;background:url(/fe/lol-new-player-intro/bg.jpg) no-repeat 50%;background-size:100%;overflow:hidden;transition:opacity .3s ease}.hide .player-intro-container{opacity:.2}.player-intro-hover{width:100%;height:100%;position:absolute;background:#010a13;top:0;left:0;opacity:0;transition:opacity .3s ease}.not-available .player-intro-hover,.player-intro-hover.darker{opacity:.4}.player-intro-wrapper{position:relative;width:100%;text-align:center}.player-intro-top-note{padding-top:29px}.temp-new-player-msg{display:none}.player-intro-confirm-banner,.player-intro-input,.player-intro-input-text-helper,.player-intro-name-unavailable-note{font-family:var(--font-display)}.player-intro-confirm-text,.player-intro-input-note{font-family:var(--font-body)}.player-intro-confirm-banner,.player-intro-confirm-text,.player-intro-input,.player-intro-input-note,.player-intro-input-text-helper,.player-intro-name-unavailable-note{-webkit-user-select:none;font-kerning:normal;-webkit-font-feature-settings:"kern" 1;-webkit-font-smoothing:antialiased}.player-intro-confirm-banner,.player-intro-input,.player-intro-input-text-helper,.player-intro-name-unavailable-note{text-transform:uppercase}.player-intro-confirm-banner:lang(el-gr),.player-intro-confirm-banner:lang(ja-jp),.player-intro-confirm-banner:lang(ko-kr),.player-intro-confirm-banner:lang(th-th),.player-intro-confirm-banner:lang(tr-tr),.player-intro-confirm-banner:lang(zh-tw),.player-intro-input,.player-intro-input-text-helper,.player-intro-input-text-helper:lang(el-gr),.player-intro-input-text-helper:lang(ja-jp),.player-intro-input-text-helper:lang(ko-kr),.player-intro-input-text-helper:lang(th-th),.player-intro-input-text-helper:lang(tr-tr),.player-intro-input-text-helper:lang(zh-tw),.player-intro-input:lang(el-gr),.player-intro-input:lang(ja-jp),.player-intro-input:lang(ko-kr),.player-intro-input:lang(th-th),.player-intro-input:lang(tr-tr),.player-intro-input:lang(zh-tw),.player-intro-name-unavailable-note:lang(el-gr),.player-intro-name-unavailable-note:lang(ja-jp),.player-intro-name-unavailable-note:lang(ko-kr),.player-intro-name-unavailable-note:lang(th-th),.player-intro-name-unavailable-note:lang(tr-tr),.player-intro-name-unavailable-note:lang(zh-tw){text-transform:none}.player-intro-name-unavailable-note{color:#f0e6d2;font-size:18px;font-weight:700;line-height:22px;letter-spacing:.05em}.player-intro-confirm-banner,.player-intro-input,.player-intro-input-text-helper{color:#f0e6d2;font-size:14px;font-weight:700;line-height:18px;letter-spacing:.075em}.player-intro-input,.player-intro-input-text-helper{letter-spacing:.0375em}.player-intro-confirm-text,.player-intro-input-note{color:#a09b8c;font-size:12px;font-weight:400;line-height:16px;letter-spacing:.025em;-webkit-font-smoothing:subpixel-antialiased}.player-intro-confirm-text:lang(ja-jp),.player-intro-input-note:lang(ja-jp){font-size:13px}.player-intro-name-wrapper{padding-top:480px;position:relative}.player-intro-input-wrapper{height:57px;margin:0 auto;opacity:1;transition:all .3s ease}.player-intro-input-wrapper.hidden{opacity:0}.player-intro-name-unavailable-note{margin-top:435px;margin-bottom:-457px}.player-intro-input,.player-intro-input-text-helper{border:none;min-width:396px;text-align:center;height:54px;line-height:54px;background:url(/fe/lol-new-player-intro/input_bg.png) no-repeat 0 0;background-size:100% 57px;outline:none;color:#f0e6d2;font-size:36px}.player-intro-input-text-helper::-webkit-input-placeholder,.player-intro-input::-webkit-input-placeholder{color:#a09b8c}.not-available .player-intro-input,.not-available .player-intro-input-text-helper{background-image:url(/fe/lol-new-player-intro/input_error_bg.png)}.player-intro-input-text-helper:disabled,.player-intro-input:disabled{background:none;opacity:.5}.player-intro-input-text-helper{width:auto;position:absolute;padding:0 15px;margin-top:150px;box-sizing:border-box;opacity:0}.player-intro-input-note{width:380px;margin:16px auto;opacity:1;transition:all .3s ease}.player-intro-input-note.hidden{opacity:0}.player-intro-confirm-wrapper{position:absolute;width:1210px;left:50%;margin-left:-605px;opacity:0;transition:opacity .3s ease;pointer-events:none}.player-intro-confirm-wrapper.is-ready-to-create{opacity:1;pointer-events:auto}.player-intro-confirm-banner{padding-bottom:38px;background:url(/fe/lol-new-player-intro/break_line.png) no-repeat center 12px}.player-intro-confirm-text{margin-bottom:35px}.player-intro-confirm-btns{position:relative}.player-intro-confirm-btns:before{left:0}.player-intro-confirm-btns:after,.player-intro-confirm-btns:before{content:"";background:#785a28;height:1px;position:absolute;width:433px;top:17px}.player-intro-confirm-btns:after{right:0}.player-intro-confirm-btn{width:156px;display:inline-block;margin:0 3px}.player-tutorial-title{font-family:var(--font-display)}.new-player-intro-web-link,.player-tutorial-text{font-family:var(--font-body)}.new-player-intro-web-link,.player-tutorial-text,.player-tutorial-title{-webkit-user-select:none;font-kerning:normal;-webkit-font-feature-settings:"kern" 1;-webkit-font-smoothing:antialiased}.player-tutorial-title{text-transform:uppercase}.player-tutorial-title:lang(el-gr),.player-tutorial-title:lang(ja-jp),.player-tutorial-title:lang(ko-kr),.player-tutorial-title:lang(th-th),.player-tutorial-title:lang(tr-tr),.player-tutorial-title:lang(zh-tw){text-transform:none}.player-tutorial-title{color:#f0e6d2;font-size:24px;font-weight:700;line-height:28px;letter-spacing:.05em}.player-tutorial-text{color:#a09b8c;font-size:12px;font-weight:400;line-height:16px;letter-spacing:.025em;-webkit-font-smoothing:subpixel-antialiased}.player-tutorial-text:lang(ja-jp){font-size:13px}.new-player-intro-web-link{font-size:12px;font-weight:400;outline:0;letter-spacing:.05em;-webkit-font-smoothing:subpixel-antialiased}.new-player-intro-web-link:lang(ja-jp){font-size:13px}.new-player-intro-web-link{color:#0596aa;text-decoration:none}.new-player-intro-web-link.hover,.new-player-intro-web-link:hover{color:#cdfafa}.new-player-intro-web-link:after{width:9px;height:9px;content:"";display:inline-block;vertical-align:middle;-webkit-mask:url(/fe/lol-new-player-intro/external-link-mask.png) no-repeat;-webkit-mask-size:contain;background-color:#0596aa;margin-left:5px}.new-player-intro-web-link:hover:after{background-color:#cdfafa}.player-tutorial-container{width:1278px;height:718px;position:relative;background:url(/fe/lol-new-player-intro/tutorial_bg.jpg) no-repeat 50%;background-size:100%;overflow:hidden}.player-tutorial-main{position:absolute;width:214px;left:50%;margin-left:-107px;text-align:center;top:237px}.player-tutorial-icon{width:120px;height:160px;background:url(/fe/lol-new-player-intro/tutorial-normal.png) no-repeat 50%;background-size:120px;display:inline-block}.player-tutorial-icon.disabled{background:url(/fe/lol-new-player-intro/tutorial-disabled.png) no-repeat 50%;background-size:120px}.player-tutorial-title{padding-bottom:15px;margin-bottom:19px;border-bottom:1px solid hsla(45,10%,59%,.5)}.disabled .player-tutorial-title{color:#5b5a56;text-shadow:1px 1px 0 rgba(1,10,19,.5)}.player-tutorial-btns-wrapper{position:absolute;bottom:17px;width:100%;left:0;text-align:center;transition:opacity .3s ease;opacity:1}.disabled .player-tutorial-btns-wrapper{opacity:0;pointer-events:none}.player-tutorial-btns-wrapper:before{left:34px}.player-tutorial-btns-wrapper:after,.player-tutorial-btns-wrapper:before{content:"";background:#785a28;height:1px;position:absolute;width:433px;top:17px}.player-tutorial-btns-wrapper:after{right:34px}.player-tutorial-play-btn,.player-tutorial-skip-btn{width:156px;display:inline-block;position:relative;vertical-align:middle;margin:0 3px}.player-battle-container{width:1278px;height:718px;position:relative;background:url(/fe/lol-new-player-intro/battle_bg.jpg) no-repeat 50%;background-size:100%;overflow:hidden}.player-battle-container .player-tutorial-main{width:226px;margin-left:-113px}.player-battle-container .player-tutorial-text{padding:0 10px}.player-battle-container .player-battle-training-icon{width:120px;height:160px;background:url(/fe/lol-new-player-intro/battle-training-normal.png) no-repeat 50%;background-size:120px;display:inline-block}.player-battle-container .player-battle-training-icon.disabled{background:url(/fe/lol-new-player-intro/battle-training-disabled.png) no-repeat 50%;background-size:120px}.player-pick-icon-text{font-family:var(--font-body);-webkit-user-select:none;font-kerning:normal;-webkit-font-feature-settings:"kern" 1;-webkit-font-smoothing:antialiased;color:#a09b8c;font-size:12px;font-weight:400;line-height:16px;letter-spacing:.025em;-webkit-font-smoothing:subpixel-antialiased}.player-pick-icon-text:lang(ja-jp){font-size:13px}.player-pick-icon-text{text-align:center;position:absolute;bottom:67px;width:300px;left:50%;margin-left:-150px}.player-pick-icon-wrapper{position:absolute;width:100%;text-align:center;top:275px}.player-summoner-icon{width:116px;height:116px;display:inline-block;border-radius:50%;position:relative;margin:0 23px}lol-uikit-framed-icon[disabled] img.player-summoner-icon-img{-webkit-filter:grayscale(.8)}lol-uikit-framed-icon:not([disabled]) img.player-summoner-icon-img:hover{-webkit-filter:brightness(1.2)}lol-uikit-framed-icon:not([disabled]) img.player-summoner-icon-img:active{-webkit-filter:brightness(.8)}img.player-summoner-icon-img{transition:.3s ease}