@keyframes key-highlight{0%{filter:drop-shadow(0 0 1px #ff417d)}50%{filter:drop-shadow(0 0 1px #ff417d) grayscale(1)}to{filter:drop-shadow(0 0 1px #ff417d)}}@font-face{font-family:NanumBarunGothic;font-style:normal;font-weight:400;font-display:swap;src:url(//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWeb.eot);src:url(//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWeb.eot#iefix) format("embedded-opentype"),url(//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWeb.woff) format("woff"),url(//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWeb.ttf) format("truetype")}*{margin:0;padding:0;box-sizing:border-box;font-family:Pretendard;line-height:1.5;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:rgba(0,0,0,0)}::-moz-selection{background-color:#ff417d;color:#fff}::selection{background-color:#ff417d;color:#fff}body,html{margin:0;width:100vw;height:100%;color:#2d2d2d;overflow:hidden}.material-icons{font-family:Material Icons;font-weight:400;font-style:normal;font-size:24px;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;font-feature-settings:"liga";-webkit-tap-highlight-color:rgba(0,0,0,0);-moz-user-select:none;user-select:none;-webkit-user-select:text;-webkit-user-select:none;-webkit-user-drag:none}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background-color:rgba(0,0,0,.15);border-radius:100px}::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,.2);border-radius:100px}input::-webkit-inner-spin-button,input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}a{color:#ff417d}@keyframes rotate{0%{transform:translateX(0)}10%{transform:translateX(-2px)}20%{transform:translateX(2px)}30%{transform:translateX(-2x)}40%{transform:translateX(0)}}.keyboard{-webkit-tap-highlight-color:rgba(0,0,0,0);-moz-user-select:none;user-select:none;-webkit-user-select:text;-webkit-user-select:none;-webkit-user-drag:none;touch-action:none;width:calc(720px*var(--zoom));height:calc(555px*var(--zoom));background-size:cover,auto!important;position:relative;display:flex;flex-direction:column;z-index:1}.keyboard *{font-family:NanumBarunGothic,sans-serif}.keyboard.is-show-field{margin-right:calc(180px*var(--zoom))}.keyboard .keyboard--area{display:flex;flex-direction:column;flex:1;overflow:hidden;padding-top:calc(13px*var(--zoom));z-index:100}.keyboard .keyboard--area h5{padding:calc(6px*var(--zoom)) calc(24px*var(--zoom));font-size:calc(24px*var(--zoom))}.keyboard .keyboard--area .content{padding:0 calc(24px*var(--zoom));flex:1;overflow-y:auto}.keyboard .keyboard--area .nav{width:100%;display:flex;justify-content:space-between;font-size:calc(24px*var(--zoom))}.keyboard .keyboard--area .nav .icon{width:calc(72px*var(--zoom));height:calc(72px*var(--zoom));cursor:pointer}.keyboard .keyboard--area .nav .nav__list{flex:1;align-self:center;display:flex;height:-moz-fit-content;height:fit-content;padding:0 calc(6px*var(--zoom))}.keyboard .keyboard--area .nav .nav__list .nav__list__item{display:flex;justify-content:center;align-items:center;padding:0 calc(12px*var(--zoom));font-weight:700}.keyboard .keyboard--area .nav .nav__foot{display:flex;justify-content:center;align-items:center;height:100%;padding:0 15px;font-size:calc(24px*var(--zoom))}.keyboard .keyboard--area .nav .nav__foot .nav__foot__icon{width:30px;height:30px}.keyboard .keyboard__toolbar{width:100%;height:calc(74px*var(--zoom));z-index:1;display:flex}.keyboard .keyboard__toolbar .keyboard__toolbar__item{flex:1;height:100%;display:flex;justify-content:center;align-items:center}.keyboard .keyboard__toolbar .keyboard__toolbar__item div{height:100%;width:100%}.keyboard .keyboard__keyarray{padding-top:calc(13px*var(--zoom));z-index:1}.keyboard .keyboard__live{position:absolute;bottom:0;width:100%;height:calc(481px*var(--zoom));background-position:50%;background-repeat:no-repeat;background-size:contain}.keyboard .keyboard__curtain{position:absolute;top:0;left:0;width:100%;height:100%}.keyboard .keyboard__field{width:-moz-max-content;width:max-content;height:100%;position:absolute;left:100%;top:0;padding-left:calc(20px*var(--zoom))}.keyboard .keyboard__field .keyboard__field__item{font-size:calc(2em*var(--zoom));display:flex;align-items:center;transition:opacity .25s}.keyboard .keyboard__field .keyboard__field__item.de-active{opacity:.25}.keyboard .keyboard__field .toolbar{height:calc(73px*var(--zoom));color:#ffc62b}.keyboard .keyboard__field .number{height:calc(86px*var(--zoom));color:#ff8181}.keyboard .keyboard__field .text{height:calc(292.5px*var(--zoom));color:#8fcb80}.keyboard .keyboard__field .special{height:calc(82.5px*var(--zoom));color:#8994e1}.keyboard.qwerty .keyboard__row{margin:0 calc(15px*var(--zoom));display:flex;justify-content:center}.keyboard.qwerty .keyboard__row .keyboard__row__key{cursor:pointer;-moz-user-select:none;position:relative;width:calc(60px*var(--zoom));margin-right:calc(10px*var(--zoom));height:100%;font-size:calc(2rem*var(--zoom));-webkit-tap-highlight-color:rgba(0,0,0,0);user-select:none;-webkit-user-select:text;-webkit-user-select:none;-webkit-user-drag:none;transition:opacity .25s}.keyboard.qwerty .keyboard__row .keyboard__row__key.de-active{opacity:.25}.keyboard.qwerty .keyboard__row .keyboard__row__key.challenge-highlight{border-radius:.625rem;border:2px solid #ff417d;box-sizing:content-box;font-size:1em}.keyboard.qwerty .keyboard__row .keyboard__row__key.challenge-highlight .challenge-highlight-tap{position:absolute;top:-3em;left:0;right:0;display:flex;justify-content:center;align-items:center;animation:ani 1s infinite alternate}@keyframes ani{0%{transform:translate(0)}to{transform:translateY(10px)}}.keyboard.qwerty .keyboard__row .keyboard__row__key .keyboard__row__key__image{width:100%;height:100%;position:absolute;left:0;top:0;background-size:cover;border:calc(20px*var(--zoom)) solid transparent}.keyboard.qwerty .keyboard__row .keyboard__row__key .keyboard__row__key__text{padding-top:10%;width:100%;height:100%;position:absolute;left:0;top:0;display:flex;justify-content:center;align-items:center;-o-border-image:none!important;border-image:none!important}.keyboard.qwerty .keyboard__row .keyboard__row__key .keyboard__row__key__icon{width:100%;height:100%;position:absolute;left:0;top:0;background-position:50%!important;background-repeat:no-repeat!important}.keyboard.qwerty .keyboard__row .keyboard__row__key .keyboard__row__key__popup{padding-top:10%;width:calc(115.5px*var(--zoom));height:calc(115.5px*var(--zoom));position:absolute;left:calc(-115.5px*var(--zoom)/4);bottom:115%;background-position:50%!important;background-size:contain!important;background-repeat:no-repeat!important;display:flex;justify-content:center;align-items:center;font-size:1.75em}.keyboard.qwerty .keyboard__row .keyboard__row__key .keyboard__row__key__minikeyboard{position:absolute;right:0;bottom:115%;background-position:50%!important;background-size:contain!important;background-repeat:no-repeat!important;overflow:hidden;border-radius:5px}.keyboard.qwerty .keyboard__row .keyboard__row__key .keyboard__row__key__minikeyboard .keyboard__row__key__minikeyboard__background{position:absolute;width:100%;height:100%;border:20px solid transparent}.keyboard.qwerty .keyboard__row .keyboard__row__key .keyboard__row__key__minikeyboard .keyboard__row__key__minikeyboard__wrapper{font-size:calc(0.8em*var(--zoom));display:grid;grid-template-columns:1fr 1fr 1fr 1fr 1fr;width:100%;height:100%}.keyboard.qwerty .keyboard__row .keyboard__row__key .keyboard__row__key__minikeyboard .keyboard__row__key__minikeyboard__item{display:flex;justify-content:center;align-items:center;width:calc(60px*var(--zoom));height:calc(60px*var(--zoom));z-index:1;color:var(--minikeyboard-text-color)}.keyboard.qwerty .keyboard__row .keyboard__row__key .keyboard__row__key__minikeyboard .keyboard__row__key__minikeyboard__item.active,.keyboard.qwerty .keyboard__row .keyboard__row__key .keyboard__row__key__minikeyboard .keyboard__row__key__minikeyboard__item:hover{background:var(--minikeyboard-text-color);color:var(--minikeyboard-hover-text-color)}.keyboard.qwerty .keyboard__row .keyboard__row__key .keyboard__row__key__minikeyboard.normal{bottom:110%}.keyboard.qwerty .keyboard__row .keyboard__row__key .keyboard__row__key__minikeyboard.normal .keyboard__row__key__minikeyboard__item{width:calc(60px*var(--zoom));height:calc(80px*var(--zoom))}.keyboard.qwerty .keyboard__row .keyboard__row__key:last-child{margin-right:0}.keyboard.qwerty .keyboard__row:first-child{height:calc(60px*var(--zoom));margin-bottom:calc(15px*var(--zoom))}.keyboard.qwerty .keyboard__row:nth-child(2),.keyboard.qwerty .keyboard__row:nth-child(3),.keyboard.qwerty .keyboard__row:nth-child(4),.keyboard.qwerty .keyboard__row:nth-child(5){height:calc(82.5px*var(--zoom));margin-bottom:calc(15px*var(--zoom))}.keyboard.qwerty .keyboard__row:nth-child(3){padding-right:calc(12.5px*var(--zoom))}.keyboard.qwerty .keyboard__row:nth-child(4) .keyboard__row__key:first-child{width:calc(90px*var(--zoom))}.keyboard.qwerty .keyboard__row:nth-child(4) .keyboard__row__key:last-child{width:calc(100px*var(--zoom))}.keyboard.qwerty .keyboard__row:nth-child(5) .keyboard__row__key:first-child{width:calc(90px*var(--zoom))}.keyboard.qwerty .keyboard__row:nth-child(5) .keyboard__row__key:nth-child(4){flex:1}.keyboard.qwerty .keyboard__row:nth-child(5) .keyboard__row__key:last-child{width:calc(100px*var(--zoom))}.keyboard__logo{overflow-y:scroll!important}.keyboard__logo .content{overflow:visible!important;display:grid;grid-template-columns:repeat(2,1fr);gap:30px;margin-top:20px;margin-bottom:30px}.keyboard__logo .content .content__item img{width:100%;border-radius:10px}.keyboard__boiler-plate h5,.keyboard__clip-board h5{margin-bottom:20px}.keyboard__boiler-plate .content p,.keyboard__clip-board .content p{display:flex;justify-content:space-between;align-items:center;font-size:calc(24px*var(--zoom))}.keyboard__boiler-plate .content p i,.keyboard__clip-board .content p i{font-size:1.5em}.keyboard__boiler-plate .content hr,.keyboard__clip-board .content hr{margin:calc(18px*var(--zoom)) 0;border:none}.keyboard__sticker .content{display:flex;flex-direction:column;justify-content:center;align-items:center;font-weight:700}.keyboard__sticker .content .button{margin-top:10px;font-weight:400;font-size:calc(15px*var(--zoom));padding:calc(24px*var(--zoom))}.keyboard__text-emoji{padding:0!important}.keyboard__text-emoji .content{display:flex;flex-wrap:wrap;justify-content:flex-start;align-content:flex-start;gap:10px}.keyboard__text-emoji .content .content__item{display:inline-block;padding:5px;background-color:var(--text-emoji-background);color:var(--text-emoji-color);font-size:calc(20px*var(--zoom));border-radius:100px}.keyboard__emoji{padding:0!important}.keyboard__emoji .content{font-size:calc(46px*var(--zoom));text-align:center;letter-spacing:.5em}.keyboard__emoji,.keyboard__text-emoji{overflow:hidden}.keyboard__emoji .content,.keyboard__text-emoji .content{padding-top:calc(13px*var(--zoom))!important}.keyboard__emoji .nav__list .nav__list__item,.keyboard__text-emoji .nav__list .nav__list__item{opacity:.4;font-weight:400!important}.keyboard__emoji .nav__list .nav__list__item--active,.keyboard__text-emoji .nav__list .nav__list__item--active{position:relative;opacity:1}.keyboard__emoji .nav__list .nav__list__item--active:after,.keyboard__text-emoji .nav__list .nav__list__item--active:after{content:"";position:absolute;top:calc(100% + 7.5px);left:0;width:100%;height:10px;background-color:var(--highlight-color)}.keyboard__toast{position:absolute;left:50%;bottom:30px;transform:translateX(-50%);padding:8px 16px;background:#2e2f33;opacity:.9;border-radius:8px;color:#fff;white-space:nowrap;z-index:1000}