.ui-keyboard{text-align:center;padding:.3em;position:absolute;left:0;top:0;z-index:16000;-ms-touch-action:manipulation;touch-action:manipulation}.ui-keyboard div{font-size:1.1em}.ui-keyboard[contenteditable]{white-space:pre}.ui-keyboard-button{height:2em;min-width:2em;margin:.1em;cursor:pointer;overflow:hidden;line-height:2em;-moz-user-focus:ignore}.ui-keyboard-button span{padding:0;margin:0;white-space:nowrap;display:inline-block}.ui-keyboard-button-endrow{clear:left}.ui-keyboard-empty span,.ui-keyboard-space span{font:0/0 a;text-shadow:none;color:transparent}.ui-keyboard-preview-wrapper{text-align:center;position:relative;overflow:hidden}.ui-keyboard-preview{text-align:left;margin:0 0 3px;display:inline;width:99%}.ui-keyboard-keyset{text-align:center;white-space:nowrap}.ui-keyboard-input{text-align:left}.ui-keyboard-input-current{-moz-box-shadow:0 0 5px #4d90fe;-webkit-box-shadow:0 0 5px #4d90fe;box-shadow:0 0 5px #4d90fe}.ui-keyboard-button.ui-keyboard-combo.ui-state-default{border-color:#ffaf0f}button.ui-keyboard-accept.ui-keyboard-valid-input{border-color:#0c0;background:#080;color:#fff}button.ui-keyboard-accept.ui-keyboard-valid-input:not([disabled]):hover{background:#0a0}button.ui-keyboard-accept.ui-keyboard-invalid-input{border-color:#c00;background:#800;color:#fff;opacity:.5}button.ui-keyboard-accept.ui-keyboard-invalid-input:not([disabled]):hover{background:#a00}div.ui-body.ui-keyboard button.ui-keyboard-button.ui-btn{padding:.5em 1em;border-color:transparent}.ui-body .ui-keyboard-button{width:3em;height:3em;display:inline-block}.ui-body .ui-keyboard-widekey{width:5.5em}.ui-body .ui-keyboard-space{width:15em}.ui-body .ui-keyboard-space span{visibility:hidden}.ui-body .ui-keyboard-keyset{line-height:.5em}.ui-body input.ui-input-text,.ui-body textarea.ui-input-text{width:95%}.ui-body .ui-btn-inner{height:2em;padding:.2em 0;margin:0}.ui-body .ui-btn{margin:0;font-size:13px}button.ui-keyboard-button.btn{padding:1px 6px}button.ui-keyboard-toggle span{width:.8em;height:.8em;display:inline-block;background-repeat:no-repeat;background-position:center center;background-size:contain}button.ui-keyboard-toggle span{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMCIgaGVpZ2h0PSIxMCIgZmlsbD0iIzExMSI+PHBhdGggZD0iTTguNyw0LjRINy41SDUuMHYtMS45YzAtMS40LTEuMS0yLjUtMi41LTIuNWMtMS40LDAtMi41LDEuMS0yLjUsMi41djEuOWgxLjIgdi0xLjljMC0wLjcsMC42LTEuMiwxLjItMS4yczEuMiwwLjYsMS4yLDEuMnYxLjljLTAuNywwLTEuMiwwLjYtMS4yLDEuMlY4LjggYzAsMC43LDAuNiwxLjIsMS4yLDEuMmg1LjBDOS40LDEwLDEwLDkuNCwxMCw4LjhWNS42QzEwLDUuMCw5LjQsNC40LDguOCw0LjR6IE02LjYsNy40djEuMCBjMCwwLjItMC4xLDAuMy0wLjMsMC4zUzYuMCw4LjYsNi4wLDguNFY3LjRjLTAuMi0wLjEtMC4zLTAuMy0wLjMtMC41YzAtMC4zLDAuMy0wLjYsMC42LTAuNiBTNi45LDYuNiw2LjksNi45QzYuOSw3LjEsNi44LDcuMyw2LjYsNy40eiIvPjwvc3ZnPg==)}.ui-keyboard-dark-theme button.ui-keyboard-toggle span{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMCIgaGVpZ2h0PSIxMCIgZmlsbD0iI2VlZSI+PHBhdGggZD0iTTguNyw0LjRINy41SDUuMHYtMS45YzAtMS40LTEuMS0yLjUtMi41LTIuNWMtMS40LDAtMi41LDEuMS0yLjUsMi41djEuOWgxLjIgdi0xLjljMC0wLjcsMC42LTEuMiwxLjItMS4yczEuMiwwLjYsMS4yLDEuMnYxLjljLTAuNywwLTEuMiwwLjYtMS4yLDEuMlY4LjggYzAsMC43LDAuNiwxLjIsMS4yLDEuMmg1LjBDOS40LDEwLDEwLDkuNCwxMCw4LjhWNS42QzEwLDUuMCw5LjQsNC40LDguOCw0LjR6IE02LjYsNy40djEuMCBjMCwwLjItMC4xLDAuMy0wLjMsMC4zUzYuMCw4LjYsNi4wLDguNFY3LjRjLTAuMi0wLjEtMC4zLTAuMy0wLjMtMC41YzAtMC4zLDAuMy0wLjYsMC42LTAuNiBTNi45LDYuNiw2LjksNi45QzYuOSw3LjEsNi44LDcuMyw2LjYsNy40eiIvPjwvc3ZnPg==)}button.ui-keyboard-toggle.ui-keyboard-disabled span{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMCIgaGVpZ2h0PSIxMCIgZmlsbD0iIzExMSI+PHBhdGggZD0iTTcuNCA0LjRWMi41YzAtMS40LTEuMS0yLjUtMi41LTIuNWMtMS40IDAtMi41IDEuMS0yLjUgMi41djEuOSBjLTAuNyAwLTEuMiAwLjUtMS4yIDEuMnYzLjFDMS4zIDkuNCAxLjggMTAgMi41IDEwaDQuOWMwLjcgMCAxLjItMC42IDEuMi0xLjJWNS42IEM4LjcgNC45IDguMSA0LjQgNy40IDQuNHogTTUuMyA3LjR2MS4wYzAgMC4yLTAuMSAwLjMtMC4zIDAuM2MtMC4yIDAtMC4zLTAuMS0wLjMtMC4zVjcuNCBjLTAuMi0wLjEtMC4zLTAuMy0wLjMtMC41YzAtMC4zIDAuMy0wLjYgMC42LTAuNmMwLjMgMCAwLjYgMC4zIDAuNiAwLjYgQzUuNiA3LjEgNS41IDcuMyA1LjMgNy40eiBNNi4yIDQuNEgzLjdWMi41YzAtMC43IDAuNS0xLjIgMS4yLTEuMmMwLjcgMCAxLjIgMC42IDEuMiAxLjIgVjQuNHoiLz48L3N2Zz4=)}.ui-keyboard-dark-theme button.ui-keyboard-toggle.ui-keyboard-disabled span{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMCIgaGVpZ2h0PSIxMCIgZmlsbD0iI2VlZSI+PHBhdGggZD0iTTcuNCA0LjRWMi41YzAtMS40LTEuMS0yLjUtMi41LTIuNWMtMS40IDAtMi41IDEuMS0yLjUgMi41djEuOSBjLTAuNyAwLTEuMiAwLjUtMS4yIDEuMnYzLjFDMS4zIDkuNCAxLjggMTAgMi41IDEwaDQuOWMwLjcgMCAxLjItMC42IDEuMi0xLjJWNS42IEM4LjcgNC45IDguMSA0LjQgNy40IDQuNHogTTUuMyA3LjR2MS4wYzAgMC4yLTAuMSAwLjMtMC4zIDAuM2MtMC4yIDAtMC4zLTAuMS0wLjMtMC4zVjcuNCBjLTAuMi0wLjEtMC4zLTAuMy0wLjMtMC41YzAtMC4zIDAuMy0wLjYgMC42LTAuNmMwLjMgMCAwLjYgMC4zIDAuNiAwLjYgQzUuNiA3LjEgNS41IDcuMyA1LjMgNy40eiBNNi4yIDQuNEgzLjdWMi41YzAtMC43IDAuNS0xLjIgMS4yLTEuMmMwLjcgMCAxLjIgMC42IDEuMiAxLjIgVjQuNHoiLz48L3N2Zz4=)}div.ui-keyboard-extender{margin-left:5px}button.ui-keyboard-extender span{width:.9em;height:.9em;display:inline-block;margin-bottom:3px;background-repeat:no-repeat;background-position:center center;background-size:contain;background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgc3R5bGU9ImZpbGw6IzExMSI+PGc+PHBhdGggc3R5bGU9ImZpbGw6bm9uZTtzdHJva2U6IzExMSIgZD0iTSAwLjUsNC41IDE1LjUsNC41IDE1LjUsMTUuNSAwLjUsMTUuNSBaIj48L3BhdGg+PHJlY3Qgd2lkdGg9IjIiIGhlaWdodD0iMiIgeD0iMiIgeT0iNiI+PC9yZWN0PjxyZWN0IHdpZHRoPSIyIiBoZWlnaHQ9IjIiIHg9IjUiIHk9IjYiPjwvcmVjdD48cmVjdCB3aWR0aD0iMiIgaGVpZ2h0PSIyIiB4PSI4IiB5PSI2Ij48L3JlY3Q+PHBhdGggZD0ibSAxMSw2IDMsMCAwLDUgLTIsMCAwLC0zIC0xLDAgeiI+PC9wYXRoPjxyZWN0IHdpZHRoPSIyIiBoZWlnaHQ9IjIiIHg9IjEyIiB5PSIxMiI+PC9yZWN0PjxyZWN0IHdpZHRoPSI2IiBoZWlnaHQ9IjIiIHg9IjUiIHk9IjEyIj48L3JlY3Q+PHJlY3Qgd2lkdGg9IjIiIGhlaWdodD0iMiIgeD0iOSIgeT0iOSI+PC9yZWN0PjxyZWN0IHdpZHRoPSIyIiBoZWlnaHQ9IjIiIHg9IjYiIHk9IjkiPjwvcmVjdD48cmVjdCB3aWR0aD0iMiIgaGVpZ2h0PSIyIiB4PSIyIiB5PSIxMiI+PC9yZWN0PjxyZWN0IHdpZHRoPSIzIiBoZWlnaHQ9IjIiIHg9IjIiIHk9IjkiPjwvcmVjdD48L2c+PC9zdmc+)}.ui-keyboard-dark-theme button.ui-keyboard-extender span{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgc3R5bGU9ImZpbGw6I2VlZSI+PGc+PHBhdGggc3R5bGU9ImZpbGw6bm9uZTtzdHJva2U6I2VlZSIgZD0iTSAwLjUsNC41IDE1LjUsNC41IDE1LjUsMTUuNSAwLjUsMTUuNSBaIj48L3BhdGg+PHJlY3Qgd2lkdGg9IjIiIGhlaWdodD0iMiIgeD0iMiIgeT0iNiI+PC9yZWN0PjxyZWN0IHdpZHRoPSIyIiBoZWlnaHQ9IjIiIHg9IjUiIHk9IjYiPjwvcmVjdD48cmVjdCB3aWR0aD0iMiIgaGVpZ2h0PSIyIiB4PSI4IiB5PSI2Ij48L3JlY3Q+PHBhdGggZD0ibSAxMSw2IDMsMCAwLDUgLTIsMCAwLC0zIC0xLDAgeiI+PC9wYXRoPjxyZWN0IHdpZHRoPSIyIiBoZWlnaHQ9IjIiIHg9IjEyIiB5PSIxMiI+PC9yZWN0PjxyZWN0IHdpZHRoPSI2IiBoZWlnaHQ9IjIiIHg9IjUiIHk9IjEyIj48L3JlY3Q+PHJlY3Qgd2lkdGg9IjIiIGhlaWdodD0iMiIgeD0iOSIgeT0iOSI+PC9yZWN0PjxyZWN0IHdpZHRoPSIyIiBoZWlnaHQ9IjIiIHg9IjYiIHk9IjkiPjwvcmVjdD48cmVjdCB3aWR0aD0iMiIgaGVpZ2h0PSIyIiB4PSIyIiB5PSIxMiI+PC9yZWN0PjxyZWN0IHdpZHRoPSIzIiBoZWlnaHQ9IjIiIHg9IjIiIHk9IjkiPjwvcmVjdD48L2c+PC9zdmc+)}@media all and (max-width:319px){.ui-keyboard div{font-size:9px}.ui-keyboard .ui-keyboard-input{font-size:12px}.ui-body .ui-btn{margin:0;font-size:9px}.ui-body .ui-keyboard-button{width:1.8em;height:2.5em}.ui-body .ui-keyboard-widekey{width:4em}.ui-body .ui-keyboard-space{width:8em}.ui-body .ui-btn-inner{height:2.5em;padding:.3em 0}}@media all and (min-width:320px) and (max-width:479px){.ui-keyboard div{font-size:9px}.ui-keyboard .ui-keyboard-input{font-size:14px}.ui-body .ui-btn{margin:0;font-size:11px}.ui-body .ui-keyboard-button{width:1.8em;height:3em}.ui-body .ui-keyboard-widekey{width:4.5em}.ui-body .ui-keyboard-space{width:10em}.ui-body .ui-btn-inner{height:3em;padding:.7em 0}}@media all and (min-width:480px) and (max-width:767px){.ui-keyboard div{font-size:13px}.ui-keyboard .ui-keyboard-input{font-size:14px}.ui-body .ui-btn{margin:0;font-size:10px}.ui-body .ui-keyboard-button{height:2.5em}.ui-body .ui-btn-inner{height:2.5em;padding:.5em 0}}.ui-keyboard{font-size:14px;text-align:center;background:#282828;border:1px solid #484848;padding:4px;width:100%;height:auto;left:0;top:auto;bottom:0;position:fixed;white-space:nowrap;overflow-x:auto;-ms-touch-action:manipulation;touch-action:manipulation}.ui-keyboard-has-focus{z-index:16001}.ui-keyboard-button{border:1px solid #404040;padding:0 .5em;margin:1px;min-width:3em;height:3em;line-height:3em;vertical-align:top;font-family:Helvetica,Arial,sans-serif;color:#eee;text-align:center;border-radius:5px;-webkit-box-shadow:1px 1px 3px 0 rgba(0,0,0,.5);box-shadow:1px 1px 3px #00000080;background:#444;background-image:-webkit-linear-gradient(-90deg,#444 0,#333 100%);background-image:linear-gradient(-90deg,#444 0,#333);cursor:pointer;overflow:hidden;-moz-user-focus:ignore}.ui-keyboard-button:not([disabled]):hover{background:#eee;background-image:-webkit-linear-gradient(-90deg,#4f4f4f 0,#444 100%);background-image:linear-gradient(-90deg,#4f4f4f 0,#444)}.ui-keyboard-button:not([disabled]):active{background:#ddd;background-image:-webkit-linear-gradient(-90deg,#555 0,#5f5f5f 100%);background-image:linear-gradient(-90deg,#555 0,#5f5f5f)}.ui-keyboard-button span{display:block;width:100%;font-size:1.2em;text-align:center}.ui-keyboard-actionkey:not(.ui-keyboard-dec):not(.ui-keyboard-combo){min-width:6em}.ui-keyboard-space{width:15em}.ui-keyboard-actionkey:not(.ui-keyboard-dec):not(.ui-keyboard-combo) span{font-size:.8em;position:relative;top:-1em;left:-1.6em}.ui-keyboard-placeholder{color:#888}.ui-keyboard-nokeyboard{color:#888;border-color:#888}.ui-keyboard-spacer{display:inline-block;width:1px;height:0;cursor:default}.ui-keyboard-LRM span,.ui-keyboard-NBSP span,.ui-keyboard-RLM span,.ui-keyboard-ZWJ span,.ui-keyboard-ZWNJ span,.ui-keyboard-ZWSP span{font-size:.5em;line-height:1.5em;white-space:normal}.ui-keyboard-button.ui-keyboard-combo.ui-state-default{-webkit-box-shadow:1px 1px 3px 0 rgba(213,133,18,.5);box-shadow:1px 1px 3px #d5851280;border-color:#d58512}.ui-keyboard-button.ui-keyboard-combo.ui-state-active{-webkit-box-shadow:1px 1px 3px 0 rgba(38,154,188,.5);box-shadow:1px 1px 3px #269abc80;border-color:#269abc}button.ui-keyboard-accept.ui-keyboard-valid-input{-webkit-box-shadow:1px 1px 3px 0 rgba(57,132,57,.5);box-shadow:1px 1px 3px #39843980;border-color:#398439}button.ui-keyboard-accept.ui-keyboard-valid-input:not([disabled]):hover{border-color:#4cae4c}button.ui-keyboard-accept.ui-keyboard-invalid-input{-webkit-box-shadow:1px 1px 3px 0 rgba(172,41,37,.5);box-shadow:1px 1px 3px #ac292580;border-color:#ac2925}button.ui-keyboard-accept.ui-keyboard-invalid-input:not([disabled]):hover{border-color:#d43f3a}button.ui-keyboard-toggle span{width:.9em;height:.9em;display:inline-block;background-repeat:no-repeat;background-position:center center;background-size:contain;background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMCIgaGVpZ2h0PSIxMCIgZmlsbD0iI2VlZSI+PHBhdGggZD0iTTguNyw0LjRINy41SDUuMHYtMS45YzAtMS40LTEuMS0yLjUtMi41LTIuNWMtMS40LDAtMi41LDEuMS0yLjUsMi41djEuOWgxLjIgdi0xLjljMC0wLjcsMC42LTEuMiwxLjItMS4yczEuMiwwLjYsMS4yLDEuMnYxLjljLTAuNywwLTEuMiwwLjYtMS4yLDEuMlY4LjggYzAsMC43LDAuNiwxLjIsMS4yLDEuMmg1LjBDOS40LDEwLDEwLDkuNCwxMCw4LjhWNS42QzEwLDUuMCw5LjQsNC40LDguOCw0LjR6IE02LjYsNy40djEuMCBjMCwwLjItMC4xLDAuMy0wLjMsMC4zUzYuMCw4LjYsNi4wLDguNFY3LjRjLTAuMi0wLjEtMC4zLTAuMy0wLjMtMC41YzAtMC4zLDAuMy0wLjYsMC42LTAuNiBTNi45LDYuNiw2LjksNi45QzYuOSw3LjEsNi44LDcuMyw2LjYsNy40eiIvPjwvc3ZnPg==)}button.ui-keyboard-toggle.ui-keyboard-disabled span{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMCIgaGVpZ2h0PSIxMCIgZmlsbD0iI2VlZSI+PHBhdGggZD0iTTcuNCA0LjRWMi41YzAtMS40LTEuMS0yLjUtMi41LTIuNWMtMS40IDAtMi41IDEuMS0yLjUgMi41djEuOSBjLTAuNyAwLTEuMiAwLjUtMS4yIDEuMnYzLjFDMS4zIDkuNCAxLjggMTAgMi41IDEwaDQuOWMwLjcgMCAxLjItMC42IDEuMi0xLjJWNS42IEM4LjcgNC45IDguMSA0LjQgNy40IDQuNHogTTUuMyA3LjR2MS4wYzAgMC4yLTAuMSAwLjMtMC4zIDAuM2MtMC4yIDAtMC4zLTAuMS0wLjMtMC4zVjcuNCBjLTAuMi0wLjEtMC4zLTAuMy0wLjMtMC41YzAtMC4zIDAuMy0wLjYgMC42LTAuNmMwLjMgMCAwLjYgMC4zIDAuNiAwLjYgQzUuNiA3LjEgNS41IDcuMyA1LjMgNy40eiBNNi4yIDQuNEgzLjdWMi41YzAtMC43IDAuNS0xLjIgMS4yLTEuMmMwLjcgMCAxLjIgMC42IDEuMiAxLjIgVjQuNHoiLz48L3N2Zz4=)}.ui-keyboard.ui-keyboard-disabled button:not(.ui-keyboard-toggle),.ui-keyboard.ui-keyboard-disabled input{opacity:.5}.ui-keyboard-overlay{position:absolute;top:0;left:0;bottom:0;right:0;background:#00000080}.ui-keyboard-popup{display:inline-block;max-width:22em}.ui-keyboard.ui-keyboard-popup-open .ui-keyboard-keyset .ui-keyboard-button{pointer-events:none}.ui-keyboard-caret{background:#c00;width:1px;margin-top:3px}div.ui-keyboard-extender{margin-left:5px;margin-right:10px}button.ui-keyboard-extender span{width:.9em;height:.9em;display:inline-block;margin-bottom:3px;background-repeat:no-repeat;background-position:center center;background-size:contain;background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgc3R5bGU9ImZpbGw6I2VlZSI+PGc+PHBhdGggc3R5bGU9ImZpbGw6bm9uZTtzdHJva2U6I2VlZSIgZD0iTSAwLjUsNC41IDE1LjUsNC41IDE1LjUsMTUuNSAwLjUsMTUuNSBaIj48L3BhdGg+PHJlY3Qgd2lkdGg9IjIiIGhlaWdodD0iMiIgeD0iMiIgeT0iNiI+PC9yZWN0PjxyZWN0IHdpZHRoPSIyIiBoZWlnaHQ9IjIiIHg9IjUiIHk9IjYiPjwvcmVjdD48cmVjdCB3aWR0aD0iMiIgaGVpZ2h0PSIyIiB4PSI4IiB5PSI2Ij48L3JlY3Q+PHBhdGggZD0ibSAxMSw2IDMsMCAwLDUgLTIsMCAwLC0zIC0xLDAgeiI+PC9wYXRoPjxyZWN0IHdpZHRoPSIyIiBoZWlnaHQ9IjIiIHg9IjEyIiB5PSIxMiI+PC9yZWN0PjxyZWN0IHdpZHRoPSI2IiBoZWlnaHQ9IjIiIHg9IjUiIHk9IjEyIj48L3JlY3Q+PHJlY3Qgd2lkdGg9IjIiIGhlaWdodD0iMiIgeD0iOSIgeT0iOSI+PC9yZWN0PjxyZWN0IHdpZHRoPSIyIiBoZWlnaHQ9IjIiIHg9IjYiIHk9IjkiPjwvcmVjdD48cmVjdCB3aWR0aD0iMiIgaGVpZ2h0PSIyIiB4PSIyIiB5PSIxMiI+PC9yZWN0PjxyZWN0IHdpZHRoPSIzIiBoZWlnaHQ9IjIiIHg9IjIiIHk9IjkiPjwvcmVjdD48L2c+PC9zdmc+)}:root{--font-family: "Unbounded", sans-serif;--color-black: #343335;--color-white: #FDF9F9;--color-green-light: #58A850;--color-green: #196F4A;--color-green-dark: #15634C;--color-yellow: #F7B129;--color-grey: #C1BEBE;--color-red: #DD3653}@font-face{font-family:Unbounded;src:local("Unbounded ExtraLight"),local("Unbounded-ExtraLight"),url(/build/assets/Unbounded-ExtraLight-4TtWyOBu.woff) format("woff");font-weight:200;font-style:normal;font-display:swap}@font-face{font-family:Unbounded;src:local("Unbounded Light"),local("Unbounded-Light"),url(/build/assets/Unbounded-Light-DxUjBrwA.woff) format("woff");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:Unbounded;src:local("Unbounded Regular"),local("Unbounded-Regular"),url(/build/assets/Unbounded-Regular-DTTsycj3.woff) format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Unbounded;src:local("Unbounded Medium"),local("Unbounded-Medium"),url(/build/assets/Unbounded-Medium-DnRlR0z6.woff) format("woff");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Unbounded;src:local("Unbounded SemiBold"),local("Unbounded-SemiBold"),url(/build/assets/Unbounded-SemiBold-DGtzOiYD.woff) format("woff");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:Unbounded;src:local("Unbounded ExtraBold"),local("Unbounded-ExtraBold"),url(/build/assets/Unbounded-ExtraBold-B00IbxH_.woff) format("woff");font-weight:800;font-style:normal;font-display:swap}@font-face{font-family:Unbounded;src:local("Unbounded Bold"),local("Unbounded-Bold"),url(/build/assets/Unbounded-Bold-DOFDXI98.woff) format("woff");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Unbounded;src:local("Unbounded Black"),local("Unbounded-Black"),url(/build/assets/Unbounded-Black-B-sS9Rkm.woff) format("woff");font-weight:900;font-style:normal;font-display:swap}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0;-webkit-overflow-scrolling:touch;-webkit-font-smoothing:subpixel-antialiased;-moz-osx-font-smoothing:grayscale;overscroll-behavior:none;line-height:normal;user-select:none;-moz-user-select:none;-webkit-user-select:none;-o-user-select:none}html{font-size:16px;-webkit-text-size-adjust:100%;line-height:100%}.character-info-popup .btn-container button,.piece-selector .buttons button,.square-button,.yellow_button,.ui-keyboard .ui-keyboard-button,html{font-family:var(--font-family)}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:inherit;margin:0;line-height:100%}.content,.wrapper{position:relative;margin:0 auto;width:100%;padding:0}p,li{line-height:1}ul{list-style:none;padding:0;margin:0}li{display:inline-block}a{text-decoration:none;color:inherit}a:not([href^="#"]){cursor:pointer}textarea,input,button{outline:none;background-color:transparent;line-height:100%}button{border:none;cursor:pointer}textarea{resize:none}.ui-keyboard{width:calc(100% - 120px);position:absolute;left:60px;bottom:350px;border:none;border-radius:40px;padding:25px 115px;box-shadow:0 30px 0 0 var(--color-yellow)}.ui-keyboard .ui-keyboard-keyset{width:100%}.ui-keyboard .ui-keyboard-button{min-width:calc(33.333% - 10px);height:80px;border-radius:15px;border:1px solid var(--color-grey);box-shadow:none;background-image:none;background-color:transparent;margin:5px}.ui-keyboard .ui-keyboard-button:active,.ui-keyboard .ui-keyboard-button:hover{background-image:none;background-color:transparent}.ui-keyboard .ui-keyboard-button.ui-keyboard-clear{background-image:url(/build/assets/clear-BOR_RNxo.svg);background-size:auto 60px;background-position:center center;background-repeat:no-repeat;border:none}.ui-keyboard .ui-keyboard-button.ui-keyboard-clear span{font-size:0px}.ui-keyboard .ui-keyboard-text{position:relative;pointer-events:none;line-height:100%;top:-5px}html.fullscreen *{cursor:none!important}.global_container,.page_container{width:100%}.page-content{position:relative;width:100%;height:1920px}.transparent-button{position:absolute;width:100px;height:100px;z-index:30}.transparent-button.fullscreen{top:0;left:0}.transparent-button.resetpost{top:0;left:100px}.splash-container,.base-container,.end-step-container,.end-step-final-container{position:relative;width:100%;height:1920px;overflow:hidden}.splash-container .edges,.base-container .edges,.end-step-container .edges,.end-step-final-container .edges{position:absolute;top:0;left:0;width:100%;height:100%;z-index:2;pointer-events:none}.splash-container,.end-step-container,.end-step-final-container{display:flex;justify-content:center;align-items:center;padding:60px;z-index:3}.splash-container .video,.end-step-container .video,.end-step-final-container .video{position:absolute;top:0;left:0;width:100%;height:100%}.splash-container .video video,.end-step-container .video video,.end-step-final-container .video video{width:100%;height:100%;opacity:.15}.splash-container .video:after,.end-step-container .video:after,.end-step-final-container .video:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;mix-blend-mode:multiply}.end-step-container .green-container{transform:rotate(-1deg)}.end-step-final-container .green-container{transform:rotate(1deg)}.video-introduction-container .green-header{position:absolute;top:0;left:50%;transform:translate(-50%,-20%) rotate(-1deg)}.video-introduction-container .video{position:relative;width:100%;height:calc(100% - 30px);border-radius:40px;box-shadow:0 30px 0 0 var(--color-yellow)}.video-introduction-container .video video,.video-introduction-container .video .image{width:100%;height:100%;border-radius:40px}.video-introduction-container .sound-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:470px;height:auto}.video-introduction-container .btn-container{position:absolute;bottom:30px;left:50%;transform:translate(-50%,-50%)}.video-introduction-container .label-info{position:absolute;top:193px;left:50%;align-items:center;transform:translate(-50%) rotate(2deg);transform-origin:top left}.video-introduction-container .label-info .arrow{top:50%;left:97%}.base-container .dots{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.green-header{position:relative;width:100%;display:flex;justify-content:center;align-items:center;border-radius:40px;box-shadow:0 6px 0 0 var(--color-black)}.green-header.login h2{text-indent:-90px}.green-header.big{max-width:960px;height:165px}.green-header:not(.big){max-width:780px;height:120px}.green-header-small{position:absolute;width:100%;display:flex;margin:0 auto;justify-content:center;align-items:center;border-radius:30px;box-shadow:0 6px 0 0 var(--color-black)}.green-container{position:relative;width:100%;min-height:1320px;z-index:3;box-shadow:0 6px 0 0 var(--color-black);border-radius:40px;padding:50px 60px 60px}.green-container .logo{max-width:415px}.green-container .logo:not(:last-child){margin-bottom:40px}.green-container .logo+.avatar-canvas-container:not(:last-child){margin-bottom:40px}.green-container .description:not(:last-child){margin-bottom:45px}.green-container .description p{text-shadow:4px 4px 0px var(--color-black)}.green-container .description p:not(:last-child){margin-bottom:45px}.green-container .next-step{display:block;position:relative;margin-top:90px;width:100%;text-shadow:4px 4px 0px var(--color-black)}.green-container .next-step:before{content:"";position:absolute;top:-45px;left:0;width:100%;height:1px}.green-container .next-step p:not(:last-child){margin-bottom:20px}.green-container .next-step .green-button{display:block;padding:20px;box-shadow:0 6px 0 0 var(--color-black);border-radius:20px}.yellow_button{position:relative;top:0;display:inline-flex;justify-content:center;align-items:center;border-radius:15px;padding:20px 40px;text-shadow:1px 3px 2px var(--color-black);transition:top .1s ease-in-out}.yellow_button:active{top:6px}.yellow_button:active:after{bottom:0}.yellow_button:after{content:"";position:absolute;bottom:-3px;left:0;width:100%;height:100%;border-radius:15px;z-index:-1;transition:bottom .1s ease-in-out}.yellow_button img{height:45px;margin-left:20px}.circle-button{position:relative;top:0;display:flex;justify-content:center;align-items:center;transition:top .1s ease-in-out}.circle-button:active{top:6px}.circle-button:active:after{bottom:0}.circle-button:after{content:"";position:absolute;bottom:-6px;left:0;width:100%;height:100%;border-radius:50%;z-index:-1;transition:bottom .1s ease-in-out}.circle-button img{max-width:180px;width:100%;margin-left:45px}.square-button{position:relative;top:0;width:100%;height:180px;border-radius:40px;display:flex;justify-content:center;align-items:center;transition:top .1s ease-in-out}.square-button:disabled{pointer-events:none}.square-button:active{top:30px}.square-button:active:after{bottom:0}.square-button:after{content:"";position:absolute;bottom:-30px;left:0;width:100%;height:100%;border-radius:40px;z-index:-1;transition:bottom .1s ease-in-out}.avatar-thumbnail{display:inline-block;position:absolute;top:50%;right:40px;transform:translateY(-50%) rotate(1deg);width:140px;height:240px;transform-origin:top right}.avatar-thumbnail:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:140px;height:140px;border-radius:30px;z-index:-1}.avatar-thumbnail .head,.avatar-thumbnail .body,.avatar-thumbnail .legs,.avatar-thumbnail .prop{position:absolute;width:100%;height:100%;top:50%;left:50%;transform:translate(-50%,-50%);filter:drop-shadow(0px 6px 0px var(--color-black))}.avatar-thumbnail .head img,.avatar-thumbnail .body img,.avatar-thumbnail .legs img,.avatar-thumbnail .prop img{width:100%;height:100%;object-fit:contain;object-position:center center}.avatar-thumbnail-small{position:absolute;top:50%;right:20px;transform:translateY(-50%) rotate(-1deg);width:90px;height:160px;transform-origin:top left}.avatar-thumbnail-small:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:90px;height:90px;border-radius:30px;z-index:-1}.avatar-thumbnail-small .head,.avatar-thumbnail-small .body,.avatar-thumbnail-small .legs,.avatar-thumbnail-small .prop{position:absolute;width:100%;height:100%;top:50%;left:50%;filter:drop-shadow(0px 6px 0px var(--color-black))}.avatar-thumbnail-small .head img,.avatar-thumbnail-small .body img,.avatar-thumbnail-small .legs img,.avatar-thumbnail-small .prop img{width:100%;height:100%;object-fit:contain;object-position:center center}.label-info{position:absolute;display:inline-flex;width:auto;gap:10px;padding:10px 20px 10px 15px;border-radius:15px;box-shadow:0 6px 0 0 var(--color-black)}.label-info .icon{width:70px;display:flex;justify-content:center;align-items:center;border-radius:10px}.label-info span{line-height:1;white-space:nowrap}.label-info .arrow{position:absolute;pointer-events:none}.avatar-thumbnail .head,.avatar-thumbnail-small .head,.avatar-canvas-container .head{z-index:3}.avatar-thumbnail .body,.avatar-thumbnail-small .body,.avatar-canvas-container .body{z-index:2}.avatar-thumbnail .legs,.avatar-thumbnail-small .legs,.avatar-canvas-container .legs{z-index:1}.avatar-thumbnail .prop,.avatar-thumbnail-small .prop,.avatar-canvas-container .prop{z-index:4}.avatar-canvas-container{position:relative;width:100%;height:100%}.avatar-canvas-container .head,.avatar-canvas-container .body,.avatar-canvas-container .legs,.avatar-canvas-container .prop{position:absolute;transition:opacity .25s ease-in-out;width:100%;height:100%;top:0;left:0}.avatar-canvas-container .head img,.avatar-canvas-container .body img,.avatar-canvas-container .legs img,.avatar-canvas-container .prop img{position:absolute;top:0;left:50%;transform:translate(-50%);max-width:100%;max-height:100%;object-fit:contain;object-position:center center;width:100%}.avatar-canvas-container .head img.green,.avatar-canvas-container .body img.green,.avatar-canvas-container .legs img.green,.avatar-canvas-container .prop img.green{filter:brightness(0) saturate(100%) invert(26%) sepia(100%) saturate(337%) hue-rotate(111deg) brightness(97%) contrast(92%)}.avatar-canvas-container .head img:not(.green),.avatar-canvas-container .body img:not(.green),.avatar-canvas-container .legs img:not(.green),.avatar-canvas-container .prop img:not(.green){filter:drop-shadow(10px 10px 0px var(--color-black));z-index:2}.avatar-canvas-container .shadow{position:absolute;bottom:0;left:50%;transform:translate(-50%);z-index:1;max-width:100%}.video-wrapper{position:relative;width:100%;border-radius:40px;overflow:hidden;display:flex;align-items:center;justify-content:center;box-shadow:0 30px 0 0 var(--color-yellow);rotate:-1deg}.video-wrapper video{width:100%;height:100%}.tutorial-container{display:flex;flex-direction:column;justify-content:space-between;padding:60px 60px 90px}.tutorial-container.step1>.wrapper{height:1295px}.tutorial-container.step1 .green-header:not(:last-child){margin-bottom:20px}.tutorial-container.step1 .label-info[data-step="1"]{top:92px;left:68px;transform:rotate(-1deg)}.tutorial-container.step1 .label-info[data-step="1"] .arrow{top:130%;left:35%}.tutorial-container.step1 .label-info[data-step="2"]{bottom:435px;left:0;transform:rotate(1deg)}.tutorial-container.step1 .label-info[data-step="2"] .arrow{top:-170%;left:90%}.tutorial-container.step1 .label-info[data-step="3"]{bottom:304px;right:0;transform:rotate(-1deg)}.tutorial-container.step1 .label-info[data-step="3"] .arrow{top:120%;left:0%}.tutorial-container.step1 .label-info[data-step="4"]{top:320px;right:0;transform:rotate(1deg)}.tutorial-container.step1 .label-info[data-step="4"] .arrow{top:-260%;left:0%}.tutorial-container.step2>.wrapper{height:1200px}.tutorial-container.step2 .green-header:not(:last-child){margin-bottom:85px}.tutorial-container.step2 .screen-1,.tutorial-container.step2 .screen-2{position:absolute}.tutorial-container.step2 .screen-1{top:21%;right:0}.tutorial-container.step2 .screen-2{top:48%;left:0}.tutorial-container.step2 .label-info[data-step="1"]{top:0;left:0;transform:rotate(-1deg)}.tutorial-container.step2 .label-info[data-step="1"] .arrow{top:115%;left:37.5%}.tutorial-container.step2 .label-info[data-step="2"]{top:110px;right:0;transform:rotate(1deg)}.tutorial-container.step2 .label-info[data-step="3"]{bottom:136px;right:30px;transform:rotate(1deg)}.tutorial-container.step2 .label-info[data-step="3"] .arrow{top:100%;right:5%}.tutorial-container.step2 .label-info[data-step="4"]{bottom:0;left:30px;transform:rotate(-1deg)}.tutorial-container.step3>.wrapper{height:1250px}.tutorial-container.step3 .green-header:not(:last-child){margin-bottom:85px}.tutorial-container.step3 .listen,.tutorial-container.step3 .speak{position:absolute}.tutorial-container.step3 .listen{top:8%;left:-7.5%;z-index:3}.tutorial-container.step3 .speak{top:28%;right:-7.5%;z-index:2}.tutorial-container.step3 .label-info[data-step="1"]{top:0;left:240px;transform:rotate(1deg)}.tutorial-container.step3 .label-info[data-step="1"] .arrow{top:-20%;left:105%}.tutorial-container.step3 .label-info[data-step="2"]{top:163px;right:25px;transform:rotate(-1deg)}.tutorial-container.step3 .label-info[data-step="3"]{bottom:160px;left:20px;transform:rotate(-1deg)}.tutorial-container.step3 .label-info[data-step="3"] .arrow{top:120%;left:5%}.tutorial-container.step3 .label-info[data-step="4"]{bottom:0;right:35px;transform:rotate(1deg)}.tutorial-container.step4>.wrapper{height:1185px}.tutorial-container.step4 .green-header:not(:last-child){margin-bottom:85px}.tutorial-container.step4 .label-info[data-step="1"]{top:90px;left:0;transform:rotate(-1deg)}.tutorial-container.step4 .label-info[data-step="1"] .arrow{top:-40%;left:105%}.tutorial-container.step4 .label-info[data-step="2"]{top:225px;right:0;transform:rotate(1deg)}.tutorial-container.step4 .label-info[data-step="3"]{bottom:168px;left:0;transform:rotate(1deg)}.tutorial-container.step4 .label-info[data-step="3"] .arrow{top:60%;left:95%}.tutorial-container.step4 .label-info[data-step="4"]{bottom:77px;right:0;transform:rotate(-1deg)}.tutorial-container .label-info{align-items:center}.tutorial-container:not(.step3) img{display:block;margin:0 auto}.tutorial-container>.wrapper{margin-top:auto;margin-bottom:auto}.tutorial-container .btn-container{margin-top:auto;margin-bottom:0}.introduction-container .green-header:not(:last-child){margin-bottom:110px}.introduction-container>.wrapper:not(:last-child){margin-bottom:90px}.introduction-container .counter{position:absolute;top:10px;left:50%;transform:translate(-50%);min-width:160px;box-shadow:0 10px 0 0 var(--color-green-dark);padding:5px 10px;border-radius:20px}.introduction-container .text{position:absolute;width:770px;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;justify-content:center;gap:40px}.introduction-container .text p{text-shadow:5px 5px 0 rgba(52,51,53,.5)}.introduction-container .text p.square{background-color:#196f4a40;padding:20px;border-radius:20px}.introduction-container .text hr{margin:0 auto;max-width:660px;width:100%;border-style:solid;border-color:#196f4a;transform:rotate(-1deg)}.language-selector{position:absolute;display:flex;flex-direction:column;gap:7.5px;top:15px;right:15px;z-index:1000;border-radius:100px;background-color:#ffffff1a;padding:7.5px}.language-selector.open .options{display:flex}.language-selector .button{width:100px;height:100px;border-radius:50%;background-color:transparent;border:none;cursor:pointer;overflow:hidden}.language-selector .button img{width:100%;height:100%;object-fit:cover;float:left}.language-selector .options{display:none;flex-direction:column;gap:7.5px}.language-selector .options li{width:100px;height:100px;border-radius:50%;background-color:transparent;border:none;cursor:pointer;overflow:hidden}.language-selector .options li.selected{display:none}.language-selector .options li img{width:100%;height:100%;object-fit:cover;float:left}.splash-container>.content{display:flex;justify-content:center;align-items:center;flex-direction:column;z-index:3}.splash-container .green-header{transform:rotate(-1deg)}.splash-container .green-header:not(:last-child){margin-bottom:90px}.splash-container .logo{max-width:980px;width:100%}.splash-container .logo:not(:last-child){margin-bottom:125px}.splash-container h6{text-shadow:1px 3px 2px var(--color-black)}.splash-container h6:not(:last-child){margin-bottom:50px}.splash-container .circle-button{width:400px;height:400px}.splash-container .circle-button img{max-width:180px;width:100%;margin-left:45px}.pin-container{position:relative;width:100%;height:1920px;padding:60px;z-index:3}.pin-container .green-header{transform:rotate(1deg);margin:0 auto}.pin-container .green-header:not(:last-child){margin-bottom:135px}.pin-container .status-container{width:180px;height:180px;margin:0 auto}.pin-container .status-container:not(:last-child){margin-bottom:60px}.pin-container .status-container img{width:100%}.pin-container .label-info{top:20%;left:50%;transform:translate(-50%) rotate(-2deg)}.pin-container .label-info .arrow{top:50%;right:-100px}.pin-container .input-container{position:relative;width:100%;display:flex;gap:20px}.pin-container .input-container input{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:calc(100% - 100px);border:none;outline:none;caret-color:transparent;box-shadow:none;letter-spacing:125px;font-family:sans-serif;pointer-events:none}.pin-container .input-container .box{width:20%;height:250px;border-radius:20px;box-shadow:0 20px 0 0 var(--color-yellow)}.pin-container .pin-message{margin-top:90px}.pin-container .cursor{position:relative;top:40px}.pin-container .cursor.position-1{left:calc(0% + 49.5px)}.pin-container .cursor.position-2{left:calc(20% + 49.5px)}.pin-container .cursor.position-3{left:calc(40% + 49.5px)}.pin-container .cursor.position-4{left:calc(60% + 49.5px)}.pin-container .cursor.position-5{left:calc(80% + 49.5px)}.pin-container .cursor.position-6{display:none}.pin-container .btn-container{position:absolute;width:calc(100% - 120px);bottom:0;left:50%;transform:translate(-50%,-50%)}.video-introduction-container,.create-avatar-container,.result-avatar-container{position:relative;width:100%;height:1920px;padding:60px;z-index:3}.video-introduction-container .green-header,.create-avatar-container .green-header,.result-avatar-container .green-header{max-width:780px}.create-avatar-container .green-header,.result-avatar-container .green-header{transform:rotate(-1deg);margin:0 auto}.result-avatar-container .green-header:not(:last-child){margin-bottom:20px}.create-avatar-container .avatar-container{height:867px}.create-avatar-container .label-info{align-items:center;left:0;bottom:200px;transform:rotate(-1deg);z-index:30}.create-avatar-container .label-info .icon{width:40px;font-size:30px}.create-avatar-container .label-info .arrow{top:50%;left:-50px}.result-avatar-container .avatar-container{height:1270px}.result-avatar-container .btn-container img{margin-right:20px}.result-avatar-container .yellow_button:not(:last-child){margin-bottom:30px}.piece-selector{border-radius:40px;box-shadow:0 30px 0 0 var(--color-yellow)}.piece-selector:not(:last-child){margin-bottom:50px}.piece-selector .buttons{display:flex;justify-content:space-between;align-items:center;padding:20px 50px 15px;border-bottom:1px solid var(--color-grey)}.piece-selector .buttons button{padding:10px 20px;border-radius:15px;transition:background-color .25s ease-in-out}.piece-selector .pieces{padding:10px 35px;min-height:300px}.piece-selector .pieces .wrapper{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap}.piece-selector .pieces button{position:relative;max-width:140px;width:16.6666666667%;height:140px;padding:10px 15px;z-index:1}.piece-selector .pieces button:disabled img{opacity:.5;filter:drop-shadow(0px 6px 0px var(--color-black)) grayscale(100%)}.piece-selector .pieces button.active:before{opacity:1}.piece-selector .pieces button:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;border-radius:50%;z-index:-1;transition:opacity .25s ease-in-out;opacity:0}.piece-selector .pieces button img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0px 6px 0px var(--color-black));transition:filter .25s ease-in-out,opacity .25s ease-in-out}.character-info-button{position:absolute;left:0;bottom:0;width:180px;height:180px;border-radius:40px;box-shadow:0 6px 0 0 var(--color-black);padding:20px 25px;z-index:29}.character-info-button img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(6px 6px 0px var(--color-black))}.character-info-popup{position:relative;width:calc(100% - 120px);height:calc(100% - 150px);border-radius:40px;box-shadow:0 30px 0 0 var(--color-yellow);padding:0 30px;margin:60px;z-index:3}.character-info-popup>div{display:flex;height:100%;flex-direction:column;align-items:center}.character-info-popup .counter{display:block;width:160px;padding:10px 20px;margin:0 auto;box-shadow:0 10px 0 0 var(--color-yellow);transform:translateY(-50%);border-radius:22px}.character-info-popup .counter:not(:last-child){margin-bottom:30px}.character-info-popup h2{display:inline-block;padding-bottom:10px;border-bottom:15px solid var(--color-yellow)}.character-info-popup h2:not(:last-child){margin-bottom:30px}.character-info-popup p:not(:last-child){margin-bottom:60px}.character-info-popup .image{width:100%;height:600px;border-radius:30px;padding:15px}.character-info-popup .image:not(:last-child){margin-bottom:60px}.character-info-popup img{width:100%;height:100%;object-fit:contain;object-position:center center}.character-info-popup .virtues{display:block;max-width:720px;width:100%;margin:0 auto;min-height:336px}.character-info-popup .virtues:not(:last-child){margin-bottom:60px}.character-info-popup .virtues li{width:100%}.character-info-popup .virtues li:not(:last-child){padding-bottom:30px;margin-bottom:30px;border-bottom:4px solid var(--color-yellow)}.character-info-popup .list{display:flex;justify-content:center;align-items:center;gap:20px;min-height:30px;margin-bottom:auto}.character-info-popup .list:not(:last-child){margin-bottom:60px}.character-info-popup .list .dot{width:20px;height:20px;border-radius:50%;box-shadow:none;transform-origin:center 20%;transition:all .25s ease-in-out}.character-info-popup .list .dot.active{transform:scale(1.5);box-shadow:0 6px 0 0 var(--color-black)}.character-info-popup .btn-container{position:relative;border-top:1px solid var(--color-grey);width:100%;margin-top:auto;margin-bottom:0}.character-info-popup .btn-container button{padding:50px 0}.character-info-popup .btn-container .arrow{position:absolute;top:50%;transform:translateY(-50%);width:auto;height:64px;margin:0}.character-info-popup .btn-container .arrow.left{left:100px}.character-info-popup .btn-container .arrow.right{right:100px}.create-avatar-container .avatar-container{position:relative;width:100%;display:flex;align-items:flex-end}.create-avatar-container .avatar-container:not(:last-child){margin-bottom:30px}.end-step-container .avatar-canvas-container{position:relative;height:320px}.end-step-container .result{position:absolute;max-width:320px;max-height:260px;top:50%;left:50%;transform:translate(-50%,-50%)}.step-2-activity-container,.step-2-result-container{position:relative;width:100%;height:1920px;padding:60px;z-index:3}.step-2-activity-container .green-header{position:absolute;max-width:780px;top:0;left:50%;transform:translate(-50%,-50%) rotate(1deg);z-index:2}.step-2-result-container .green-header{max-width:960px;transform:rotate(1deg)}.step-2-result-container .green-header:not(:last-child){margin-bottom:135px}.step-2-result-container .btn-container{position:absolute;width:calc(100% - 120px);bottom:0;left:50%;transform:translate(-50%,-50%)}.activity-top-container{position:relative;width:100%;height:960px;border-radius:40px;box-shadow:0 30px 0 0 var(--color-yellow);display:flex;flex-direction:column;align-items:center}.activity-top-container>.wrapper{width:100%;height:100%;border-radius:40px;overflow:hidden}.activity-top-container .label-info{position:absolute;bottom:85px;left:50%;transform:translate(-50%) rotate(-1deg);z-index:3}.activity-top-container .label-info .arrow{position:absolute;bottom:0;right:-100px}.activity-top-container video{width:100%;height:100%}.activity-bottom-container{width:100%;height:760px;border-radius:40px;margin-top:60px;box-shadow:0 30px 0 0 var(--color-yellow);display:flex;flex-direction:column;align-items:center;padding:50px}.activity-bottom-container .webcam-container{position:relative;width:480px;height:480px;margin:0 auto}.activity-bottom-container .webcam-container>.wrapper{border-radius:20px;width:480px;height:480px;overflow:hidden;box-shadow:0 10px 0 0 var(--color-yellow)}.activity-bottom-container .webcam-container video,.activity-bottom-container .webcam-container .canvas-pose,.activity-bottom-container .webcam-container .canvas-face{position:absolute;top:0;left:0}.activity-bottom-container .pics{max-width:700px;margin-top:60px;position:relative;display:flex;flex-wrap:wrap;justify-content:center;gap:20px}.activity-bottom-container .pics-time{position:absolute;display:inline-block;min-width:165px;left:50%;transform:translate(-50%,-50%);rotate:2deg;top:0;border-radius:22px;padding:20px;box-shadow:0 5px 0 0 var(--color-black);z-index:2;line-height:100%}.activity-bottom-container .pics-time span{line-height:inherit;text-shadow:2px 2px 0 var(--color-black)}.activity-bottom-container .pics-counter{position:absolute;display:inline-block;left:50%;transform:translate(-50%,50%);bottom:0;border-radius:22px;line-height:100%;padding:15px 20px;box-shadow:0 10px 0 0 var(--color-yellow);z-index:2}.activity-bottom-container .pics-counter span{line-height:inherit}.activity-bottom-container .pic-slot{width:120px;height:120px;border:2px solid #C1BEBE;border-radius:20px;display:flex;align-items:center;justify-content:center;overflow:hidden}.activity-bottom-container .pic-slot img{width:100%;height:100%}.introduction-container,.tutorial-container,.virtues-game-container{position:relative;width:100%;height:1920px;z-index:3}.introduction-container .green-header,.tutorial-container .green-header{transform:rotate(1deg);max-width:960px}.introduction-container,.virtues-game-container{padding:60px}.introduction-container .avatar-container{height:1220px}.introduction-container .avatar-container:not(:last-child){margin-bottom:90px}.virtues-game-container .green-header{transform:rotate(-1deg);margin:0 auto}.virtues-game-container.start .avatar-container{transform:scale(.7) translate(-50%)}.virtues-game-container.start .avatar-container:not(:last-child){margin-bottom:40px}.virtues-game-container.start .avatar-canvas-container .head.active,.virtues-game-container.start .avatar-canvas-container .body.active,.virtues-game-container.start .avatar-canvas-container .legs.active,.virtues-game-container.start .avatar-canvas-container .prop.active{filter:drop-shadow(0px 6px 0px var(--color-black)) drop-shadow(0px 0px 100px var(--color-white))}.virtues-game-container.start .avatar-canvas-container .head.active img:not(.green),.virtues-game-container.start .avatar-canvas-container .body.active img:not(.green),.virtues-game-container.start .avatar-canvas-container .legs.active img:not(.green),.virtues-game-container.start .avatar-canvas-container .prop.active img:not(.green){opacity:1}.virtues-game-container.start .avatar-canvas-container .head img:not(.green),.virtues-game-container.start .avatar-canvas-container .body img:not(.green),.virtues-game-container.start .avatar-canvas-container .legs img:not(.green),.virtues-game-container.start .avatar-canvas-container .prop img:not(.green){opacity:.5}.virtues-game-container .green-header:not(:last-child){margin-bottom:135px}.virtues-game-container .avatar-container{position:relative;left:50%;transform:translate(-50%);width:100%;height:1170px;transform-origin:top left;transition:transform .5s ease-in-out}.recording{position:absolute;display:flex;flex-direction:column;align-items:center;justify-content:center;top:1000px;right:80px}.recording:after{content:"";position:absolute;width:60px;height:60px;border-radius:50%;top:0;right:20px;transform:translateY(-50%);box-shadow:0 6px 0 0 var(--color-black);z-index:3;animation:pulse .75s infinite}.recording img{position:relative;width:140px;margin:0 auto;z-index:2}.recording span{margin-top:-15px;padding:15px;border-radius:20px;box-shadow:0 6px 0 0 var(--color-black)}@keyframes pulse{0%{opacity:1}50%{opacity:0}to{opacity:1}}.virtues-box{position:absolute;max-width:calc(100% - 120px);left:50%;bottom:90px;transform:translate(-50%);width:100%;padding:70px 70px 40px;box-shadow:0 30px 0 0 var(--color-yellow);border-radius:40px}.virtues-box>.content{max-width:720px}.virtues-box .counter{position:absolute;top:0;left:50%;transform:translate(-50%,-50%);min-width:160px;box-shadow:0 15px 0 0 var(--color-yellow);padding:5px 10px;border-radius:20px}.virtues-box .virtue{position:relative;padding:30px}.virtues-box .virtue.is_checked img{display:block}.virtues-box .virtue:not(:last-child){border-bottom:4px solid var(--color-yellow)}.virtues-box .virtue img{display:none;width:80px;position:absolute;top:50%;transform:translateY(-50%);right:0}.result-avatar-final-container,.video-result-container,.judgment-loading-container,.congratulations-container{position:relative;width:100%;height:1920px;padding:60px;z-index:3}.result-avatar-final-container .green-header,.video-result-container .green-header,.congratulations-container .green-header{transform:rotate(-1deg);margin:0 auto}.result-avatar-final-container .green-header:not(:last-child){margin-bottom:150px}.congratulations-container .green-header{margin-bottom:150px}.video-result-container{display:flex;flex-direction:column}.video-result-container .green-header{margin-top:0;margin-bottom:290px}.video-result-container .video-wrapper{margin-top:0;margin-bottom:auto}.video-result-container .label-info{position:absolute;bottom:15%;left:50%;align-items:center;transform:translate(-50%) rotate(-2deg);transform-origin:center left}.video-result-container .label-info .arrow{bottom:50%;left:97%}.judgment-loading-container{display:flex;align-items:center;justify-content:center}.judgment-loading-container h2{position:relative;text-shadow:4px 4px 0px var(--color-black);transform:rotate(-2deg)}.judgment-loading-container h2:after{content:"";overflow:hidden;display:inline-block;vertical-align:bottom;width:120px;line-height:100%}.judgment-loading-container h2:before{overflow:hidden;display:inline-block;vertical-align:bottom;-webkit-animation:ellipsis steps(4,end) .9s infinite;animation:ellipsis steps(4,end) .9s infinite;content:"...";position:absolute;bottom:0;left:calc(100% - 120px);width:0px;line-height:100%}.result-avatar-final-container .avatar-container{position:relative;height:1270px}.result-avatar-final-container .label-info{top:0;right:0;z-index:10;align-items:center;transform:rotate(2deg);transform-origin:center right}.result-avatar-final-container .label-info .arrow{top:100%;right:-35px;z-index:-1}.qr-code-container{position:relative;border-radius:40px;box-shadow:0 30px 0 0 var(--color-yellow);padding:100px 80px 80px}.qr-code-container:not(:last-child){margin-bottom:130px}.qr-code-container .header{position:absolute;top:0;left:50%;transform:translate(-50%,-50%);max-width:780px;width:100%;padding:10px 20px;border-radius:30px;line-height:100%;box-shadow:0 6px 0 0 var(--color-black)}.qr-code-container .description{max-width:600px;margin:0 auto 30px}.qr-code-container .qr-code:not(:last-child){margin-bottom:30px}.qr-code-container .qr-code svg{width:600px}.qr-code-container .label-info{position:relative;margin:0 auto;transform:rotate(-1deg)}.qr-code-container .label-info .arrow{bottom:40%;right:-105px}.page_container.mobile .page-content{min-height:100vh}.page_container.mobile .splash-container,.page_container.mobile .base-container,.page_container.mobile .end-step-container,.page_container.mobile .end-step-final-container,.page_container.mobile .result-avatar-final-container,.page_container.mobile .video-result-container,.page_container.mobile .judgment-loading-container,.page_container.mobile .congratulations-container{height:100vh}.page_container.mobile .splash-container,.page_container.mobile .end-step-container,.page_container.mobile .result-avatar-final-container,.page_container.mobile .video-introduction-container,.page_container.mobile .judgment-loading-container,.page_container.mobile .video-result-container,.page_container.mobile .end-step-final-container{padding:40px 25px}.page_container.mobile .green-header{border-radius:20px}.page_container.mobile .green-header:not(.splash-container .green-header) h2{margin-left:0;margin-right:30px}.page_container.mobile .green-header:not(.big){height:60px}.page_container.mobile .green-header:not(.big) .avatar-thumbnail{transform:scale(.35) translateY(-50%) rotate(1deg);right:20px}.page_container.mobile .splash-container .green-header{padding:10px;height:auto;border-radius:20px}.page_container.mobile .splash-container .green-header:not(:last-child){margin-bottom:50px}.page_container.mobile .splash-container .green-header img{width:auto;height:45px}.page_container.mobile .splash-container .logo:not(:last-child){margin-bottom:40px}.page_container.mobile .splash-container h6:not(:last-child){margin-bottom:25px}.page_container.mobile .video-introduction-container{height:100vh}.page_container.mobile .video-introduction-container .video{height:calc(100% - 15px);border-radius:20px;box-shadow:0 15px 0 0 var(--color-yellow)}.page_container.mobile .video-introduction-container .video video,.page_container.mobile .video-introduction-container .video .image{border-radius:20px}.page_container.mobile .video-introduction-container .sound-icon{width:100px}.page_container.mobile .video-introduction-container .label-info{top:30%;transform:scale(.5) translate(-50%) rotate(2deg)}.page_container.mobile .video-result-container .green-header:not(:last-child){margin-bottom:60px}.page_container.mobile .video-result-container .video-wrapper{box-shadow:0 15px 0 0 var(--color-yellow);border-radius:20px}.page_container.mobile .result-avatar-final-container .green-header:not(:last-child){margin-bottom:30px}.page_container.mobile .result-avatar-final-container .avatar-container{position:relative;height:495px}.page_container.mobile .result-avatar-final-container .label-info{right:-6%;transform:scale(.5) rotate(2deg)}.page_container.mobile .video-result-container .label-info{width:100%;transform:scale(.5) translate(-50%) rotate(2deg)}.page_container.mobile .judgment-loading-container h2:before{-webkit-animation:ellipsis-mobile steps(4,end) .9s infinite;animation:ellipsis-mobile steps(4,end) .9s infinite;left:calc(100% - 42px)}.page_container.mobile .judgment-loading-container h2:after{width:42px}.page_container.mobile .green-container{padding:25px 20px;min-height:0}.page_container.mobile .green-container .logo{max-width:200px}.page_container.mobile .green-container .logo:not(:last-child){margin-bottom:20px}.page_container.mobile .green-container .description:not(:last-child){margin-bottom:40px}.page_container.mobile .green-container .description p:not(:last-child){margin-bottom:20px}.page_container.mobile .green-container .next-step{margin-top:40px}.page_container.mobile .green-container .next-step:before{top:-20px}.page_container.mobile .green-container .green-button{padding:15px 0;border-radius:15px}.page_container.mobile .circle-button{width:175px;height:175px}.page_container.mobile .circle-button img{margin-left:20px;max-width:90px}html,.ui-keyboard .ui-keyboard-button,.yellow_button,.square-button,.piece-selector .buttons button,.character-info-popup .btn-container button{font-family:var(--font-family)}.ui-keyboard .ui-keyboard-button span,.green-header,.green-header-small,.green-container .description p,.green-container .next-step,.yellow_button,.square-button,.label-info,.introduction-container .counter,.introduction-container .text p,.splash-container h6,.pin-container .input-container input,.pin-container .pin-message,.piece-selector .buttons button,.character-info-popup .counter,.character-info-popup h2,.character-info-popup p,.character-info-popup .virtues li,.character-info-popup .btn-container button,.activity-bottom-container .pics-time,.activity-bottom-container .pics-counter,.virtues-box .virtue,.judgment-loading-container h2,.qr-code-container .header,.qr-code-container .description{font-weight:700}.recording span,.virtues-box .counter{font-weight:800}.green-header,.green-header-small,.green-container .description p.uppercase,.green-container .next-step,.yellow_button,.square-button,.label-info span,.introduction-container .text p.uppercase,.splash-container h6,.pin-container .pin-message,.piece-selector .buttons button,.character-info-popup h2,.character-info-popup .virtues li,.character-info-popup .btn-container button,.recording span,.virtues-box .virtue,.judgment-loading-container h2,.qr-code-container .header{text-transform:uppercase}.label-info{text-align:left}.green-header,.green-header-small,.green-container,.avatar-thumbnail .head,.avatar-thumbnail .body,.avatar-thumbnail .legs,.avatar-thumbnail .prop,.avatar-thumbnail-small .head,.avatar-thumbnail-small .body,.avatar-thumbnail-small .legs,.avatar-thumbnail-small .prop,.avatar-canvas-container .head,.avatar-canvas-container .body,.avatar-canvas-container .legs,.avatar-canvas-container .prop,.introduction-container .counter,.introduction-container .text p,.splash-container h6,.pin-container .pin-message,.result-avatar-container .btn-container,.character-info-popup,.activity-bottom-container .pics-time,.activity-bottom-container .pics-counter,.virtues-box,.judgment-loading-container,.qr-code-container{text-align:center}.create-avatar-container .label-info .icon{line-height:125%}.green-container .description p,.green-container .next-step p,.introduction-container .text p,.character-info-popup p,.qr-code-container .description{line-height:140%}.circle-button{border-radius:50%}.splash-container .edges,.base-container .edges,.end-step-container .edges,.end-step-final-container .edges,.splash-container .video video,.end-step-container .video video,.end-step-final-container .video video,.video-introduction-container .video video,.video-introduction-container .video .image,.video-wrapper video,.activity-top-container video,.activity-bottom-container .pic-slot img{object-fit:cover;object-position:center center}.green-header,.green-header-small,.green-container,.green-container .description p,.green-container .next-step .green-button,.yellow_button,.label-info,.introduction-container .counter,.introduction-container .text p,.splash-container h6,.pin-container .pin-message,.activity-bottom-container .pics-time span,.recording span,.judgment-loading-container h2,.qr-code-container .header{color:var(--color-white)}.ui-keyboard .ui-keyboard-button,html,.pin-container .input-container input,.activity-bottom-container .pics-counter,.virtues-box .virtue.is_checked,.qr-code-container .description{color:var(--color-black)}.square-button:disabled,.virtues-box .virtue{color:var(--color-grey)}.green-container .next-step p{color:var(--color-green-light)}.ui-keyboard,.splash-container .video,.end-step-container .video,.end-step-final-container .video,.video-introduction-container .video,.square-button,.pin-container .input-container .box,.piece-selector,.character-info-popup,.character-info-popup .counter,.activity-top-container,.activity-bottom-container,.activity-bottom-container .pics-counter,.virtues-box,.virtues-box .counter,.qr-code-container{background-color:var(--color-white)}.green-container .next-step:before,.yellow_button:after,.circle-button:after,.character-info-popup .image{background-color:var(--color-black)}body,.splash-container .video:after,.end-step-container .video:after,.end-step-final-container .video:after{background-color:var(--color-green)}.green-header,.green-header-small,.green-container,.label-info,.character-info-button,.recording span,.qr-code-container .header{background-color:var(--color-green-dark)}.green-container .next-step .green-button,.introduction-container .counter{background-color:var(--color-green-light)}.yellow_button,.circle-button,.square-button:after,.avatar-thumbnail:before,.avatar-thumbnail-small:before,.label-info .icon,.piece-selector .buttons button.active,.piece-selector .pieces button:before,.character-info-popup .list .dot.active,.activity-bottom-container .pics-time{background-color:var(--color-yellow)}.recording:after{background-color:var(--color-red)}.character-info-popup .list .dot{background-color:var(--color-grey)}.character-info-popup .virtues li,.character-info-popup .list .dot,.character-info-popup .btn-container .arrow{cursor:pointer}.splash-container .green-header{font-size:56px}.splash-container h6{font-size:24px}@media (max-width: 1041px){.splash-container h6{font-size:18px}}.green-header:not(.big){font-size:36px}@media (max-width: 1041px){.green-header:not(.big){font-size:20px}}.green-header.big,.introduction-container .green-header,.tutorial-container .green-header{font-size:56px}@media (max-width: 1041px){.green-header.big,.introduction-container .green-header,.tutorial-container .green-header{font-size:24px}}.introduction-container .text p{font-size:54px}.introduction-container .text p.small{font-size:48px}.introduction-container .counter,.yellow_button{font-size:36px}.square-button{font-size:56px}.piece-selector .buttons button{font-size:28px}.character-info-popup .counter{font-size:35px}.character-info-popup h2{font-size:64px}.character-info-popup p{font-size:24px}.character-info-popup .virtues li{font-size:36px}.character-info-popup .btn-container button{font-size:56px}.activity-bottom-container .pics-time,.activity-bottom-container .pics-counter{font-size:36px}.ui-keyboard .ui-keyboard-button span{font-size:64px}.pin-container .input-container input{font-size:120px}.pin-container .pin-message{font-size:36px}.green-container .description p{font-size:54px}@media (max-width: 1041px){.green-container .description p{font-size:14px}}.green-container .next-step{font-size:36px}@media (max-width: 1041px){.green-container .next-step{font-size:14px}}.label-info .icon{font-size:42px}.label-info span{font-size:28px}.create-avatar-container .label-info span{font-size:16px}.recording span{font-size:28px}.virtues-box .counter,.virtues-box .virtue{font-size:36px}.judgment-loading-container h2{font-size:96px}@media (max-width: 1041px){.judgment-loading-container h2{font-size:35px}}.qr-code-container .header{font-size:36px}.qr-code-container .description{font-size:26px}.fade-enter-active,.fade-leave-active{transition:opacity .5s ease}.fade-enter-from,.fade-leave-to{opacity:0}@keyframes ellipsis{to{width:120px}}@-webkit-keyframes ellipsis{to{width:120px}}@keyframes ellipsis-mobile{to{width:42px}}@-webkit-keyframes ellipsis-mobile{to{width:42px}}