*{box-sizing:border-box}*,body{margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f8f8fa;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;height:100%;overflow-x:hidden;width:100%}.circle{border-radius:50%}.circle,.rectangle{background:radial-gradient(79% 79% at 65.5% 50%,#fff 0,#fff0 100%),radial-gradient(95.83% 280.23% at 0 6.38%,#516ff4 0,#8355f5 81.5%),linear-gradient(0deg,#52b6ff,#52b6ff);opacity:.2;position:absolute;z-index:-1}.rectangle{border-radius:10px}.circle-1{height:35vw;right:-10%;top:-35%;width:35vw}.circle-2{height:6vw;right:26%;top:1%;width:6vw}.circle-3{height:15vw;left:-8%;top:10%;width:15vw}.circle-4{height:23vw;left:10%;top:30%;width:23vw}.circle-5{height:6vw;left:32%;top:65%;width:6vw}.circle-6{bottom:15%;height:10vw;right:0;width:10vw}@media screen and (max-device-width:480px){.circle-2{height:50vw;right:0;top:-10%;width:50vw}.circle-3{height:30vw;left:-15%;width:30vw}.circle-4{height:50vw;left:4%;width:50vw}.circle-5{height:10vw;left:50%;top:51%;width:10vw}.circle-6{bottom:6%;height:25vw;width:25vw}}.ad-page{align-items:center;background-color:#000;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:100}.full-screen-gif{max-height:100%;max-width:100%;object-fit:cover}.sloganCraft-container{display:flex;flex-direction:column;min-height:100vh;width:100%}.keyboard-container{bottom:0;left:50%;max-width:800px;position:fixed;transform:translateX(-50%);width:80%;z-index:10}.custom-keyboard{font-size:16px}.custom-keyboard .hg-button{height:15px;min-width:30px;padding:5px}.navbar{align-items:center;display:flex;justify-content:space-between;padding:20px}.navbar-logo{cursor:pointer;height:40px}.nav-input-container{align-items:center;display:flex;gap:10px}.nav-input-container input{border:1px solid #c8c0e0;border-radius:5px;font-size:.85em;outline:none;padding:10px 50px 10px 10px;width:300px}.nav-container input:focus{border:1.5px solid #692cf3}@media (max-width:600px){.navbar-input{width:100px}}.body{align-items:flex-start;display:flex;flex:1 1;justify-content:center;padding:20px}.body.showKeyboard{align-items:center}.slogan-container{display:flex;flex-direction:column;gap:70px;margin-top:140px;text-align:center}.slogan-container.showKeyboard{gap:70px;margin-top:80px}.slogan{color:#000;font-size:3em;margin-bottom:20px}.subtext{color:#666;font-size:2em;margin-bottom:30px}.slogan-footer-link{color:#874ff4;font-size:1.2em;font-weight:500}.highlight{background-color:#874ff4;color:#fff;padding:5px}.welcome-container{align-items:center;display:flex;flex-direction:column;gap:60px;justify-content:center;margin-top:217px;text-align:center}.welcome-container.showKeyboard{gap:60px;margin-top:0}.hero-title{color:#874ff4;font-size:3em}.hero-subtitle{color:#3c3b49;font-size:1.5em}.input-container{align-items:center;display:flex;flex-direction:column;gap:20px}.input-wrapper{position:relative}.input-wrapper,.submit-button{align-items:center;display:flex}.submit-button{background:linear-gradient(90deg,#3e78f3,#944df6),radial-gradient(145.71% 592.18% at 145.71% -61.11%,#e94a9a 12%,rgba(233,74,154,.444) 43.05%,#672dff00 58.5%,#672de1 100%),radial-gradient(79% 79% at 65.5% 50%,#fff 0,#fff0 100%),linear-gradient(0deg,#52b6ff,#52b6ff);border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:1em;font-weight:bolder;gap:10px;padding:7.5px}.input-container input{border:1px solid #c8c0e0;border-radius:5px;font-size:1em;outline:none;padding:15px 50px 15px 15px;width:500px}.input-container input:focus{border:1.5px solid #692cf3}#contentDiv{font-size:3em;font-weight:700}#contentDiv span{background-color:#874ff4;color:#fff}.microphone-icon{cursor:pointer;height:24px;position:absolute;right:10px;width:24px}.microphone-icon.listening{filter:brightness(0) saturate(100%) invert(15%) sepia(100%) saturate(7500%) hue-rotate(356deg) brightness(100%) contrast(101%)}.generate-icon{height:24px;width:24px}@media (max-width:600px){.navbar-input{width:100px}.body{flex:none;margin-top:20px}}.footer{align-items:flex-end;display:flex;justify-content:space-between;padding:20px}.footer.centered{justify-content:center}.footer-text{color:#000;font-size:1.3em;font-weight:500}.restart{align-items:center;cursor:pointer;display:flex;gap:10px}.previous-icon{height:22px;width:22px}.qr-code-container{align-items:center;display:flex;flex-direction:column;justify-content:center;width:200px}.qr-code{cursor:pointer;height:200px;width:200px}.qr-text{color:#692cf3;font-family:system-ui;font-size:1.5em;font-weight:700;text-align:center}@media screen and (max-device-width:540px){.modal-input-container{align-items:center;display:flex;flex-direction:column;gap:20px;justify-content:center}.modal-input-container input{border:1px solid #c8c0e0;border-radius:5px;font-size:.85em;outline:none;padding:10px 50px 10px 10px;width:300px}.modal-input-container input:focus{border:1.5px solid #692cf3}.nav-input-desktop{display:none}.nav-input-container{display:none;flex-direction:column;width:100%}.generate-icon-button{align-items:center;background:linear-gradient(90deg,#3e78f3,#944df6),radial-gradient(145.71% 592.18% at 145.71% -61.11%,#e94a9a 12%,rgba(233,74,154,.444) 43.05%,#672dff00 58.5%,#672de1 100%),radial-gradient(79% 79% at 65.5% 50%,#fff 0,#fff0 100%),linear-gradient(0deg,#52b6ff,#52b6ff);border-radius:5px;display:flex;height:40px;justify-content:center;width:40px}.generate-icon-button .generate-icon{height:30px;width:30px}.input-container input,.nav-input-container input{width:350px}.slogan-container{margin-top:40px}.hero-title{font-size:2.5em}.hero-subtitle{font-size:1.25em}.slogan{font-size:2.5em}.subtext{font-size:1.25em}.slogan-footer-link{font-size:1em}.footer{align-items:center;flex-direction:column-reverse;gap:20px}.footer .restart{left:20px;position:absolute;top:100px}}

/*!
 * 
 *   react-simple-keyboard v3.7.147
 *   https://github.com/hodgef/react-simple-keyboard
 *
 *   Copyright (c) Francisco Hodge (https://github.com/hodgef) and project contributors.
 *
 *   This source code is licensed under the MIT license found in the
 *   LICENSE file in the root directory of this source tree.
 *
 */
/*!
 * 
 *   simple-keyboard v3.7.104
 *   https://github.com/hodgef/simple-keyboard
 *
 *   Copyright (c) Francisco Hodge (https://github.com/hodgef) and project contributors.
 *
 *   This source code is licensed under the MIT license found in the
 *   LICENSE file in the root directory of this source tree.
 *
 */.hg-theme-default{background-color:#ececec;border-radius:5px;box-sizing:border-box;font-family:HelveticaNeue-Light,Helvetica Neue Light,Helvetica Neue,Helvetica,Arial,Lucida Grande,sans-serif;overflow:hidden;padding:5px;touch-action:manipulation;-webkit-user-select:none;user-select:none;width:100%}.hg-theme-default .hg-button span{pointer-events:none}.hg-theme-default button.hg-button{border-width:0;font-size:inherit;outline:0}.hg-theme-default .hg-button{display:inline-block;flex-grow:1}.hg-theme-default .hg-row{display:flex}.hg-theme-default .hg-row:not(:last-child){margin-bottom:5px}.hg-theme-default .hg-row .hg-button-container,.hg-theme-default .hg-row .hg-button:not(:last-child){margin-right:5px}.hg-theme-default .hg-row>div:last-child{margin-right:0}.hg-theme-default .hg-row .hg-button-container{display:flex}.hg-theme-default .hg-button{-webkit-tap-highlight-color:rgba(0,0,0,0);align-items:center;background:#fff;border-bottom:1px solid #b5b5b5;border-radius:5px;box-shadow:0 0 3px -1px #0000004d;box-sizing:border-box;cursor:pointer;display:flex;height:40px;justify-content:center;padding:5px}.hg-theme-default .hg-button.hg-standardBtn{width:20px}.hg-theme-default .hg-button.hg-activeButton{background:#efefef}.hg-theme-default.hg-layout-numeric .hg-button{align-items:center;display:flex;height:60px;justify-content:center;width:33.3%}.hg-theme-default .hg-button.hg-button-numpadadd,.hg-theme-default .hg-button.hg-button-numpadenter{height:85px}.hg-theme-default .hg-button.hg-button-numpad0{width:105px}.hg-theme-default .hg-button.hg-button-com{max-width:85px}.hg-theme-default .hg-button.hg-standardBtn.hg-button-at{max-width:45px}.hg-theme-default .hg-button.hg-selectedButton{background:#05194687;color:#fff}.hg-theme-default .hg-button.hg-standardBtn[data-skbtn=".com"]{max-width:82px}.hg-theme-default .hg-button.hg-standardBtn[data-skbtn="@"]{max-width:60px}.hg-candidate-box{background:#ececec;border-bottom:2px solid #b5b5b5;border-radius:5px;display:inline-flex;margin-top:-10px;position:absolute;transform:translateY(-100%);-webkit-user-select:none;user-select:none}ul.hg-candidate-box-list{display:flex;flex:1 1;list-style:none;margin:0;padding:0}li.hg-candidate-box-list-item{align-items:center;display:flex;height:40px;justify-content:center;width:40px}li.hg-candidate-box-list-item:hover{background:#00000008;cursor:pointer}li.hg-candidate-box-list-item:active{background:#0000001a}.hg-candidate-box-prev:before{content:"◄"}.hg-candidate-box-next:before{content:"►"}.hg-candidate-box-next,.hg-candidate-box-prev{align-items:center;color:#969696;cursor:pointer;display:flex;padding:0 10px}.hg-candidate-box-next{border-bottom-right-radius:5px;border-top-right-radius:5px}.hg-candidate-box-prev{border-bottom-left-radius:5px;border-top-left-radius:5px}.hg-candidate-box-btn-active{color:#444}.feedback-container{align-items:center;background-color:#dcb0fc;background-image:linear-gradient(to bottom right,#b880ff,#ac85ff,#8196ff);justify-content:center;min-height:100vh;width:100%}.feedback,.feedback-container{display:flex;flex-direction:column}.feedback{color:#fff;gap:0;min-width:350px}.feedback h1{font-size:2.5rem}.feedback-helper-text{font-weight:400;margin-left:3px;min-width:300px}.feedback-submit{background-image:linear-gradient(90deg,#b880ff,#ac85ff,#8196ff);font-size:16px}.feedback-submit,.feedback-submit.sent{border:none;border-radius:10px;color:#fff;cursor:pointer;height:40px;width:100px}.feedback-submit.sent{background:green}.feedback-submitted-container{align-items:center;display:flex;flex-direction:column;gap:30px;justify-content:center}.feedback-sent-remark{color:#000;font-weight:600}.choosen-idea{color:#4e4e4e;list-style:none;min-width:300px;text-align:left}.choosen-idea label{font-weight:500}.choosen-idea li{margin-bottom:8px}@media screen and (max-device-width:540px){.choosen-idea{font-size:13px;margin:0 0 10px;width:100%}.feedback{max-width:350px}}
/*# sourceMappingURL=main.d83fa482.css.map*/