@import url("https://fonts.googleapis.com/css2?family=Open+Sans:wght@300&display=swap");#chatbot-form{max-width:500px;position:relative;margin:0 auto;display:flex;justify-content:center}input{padding:5px 15px;width:100%;font-size:15px;border:none;border-radius:30px;font-family:Open Sans,sans-serif}.cardImage{width:60%;border-radius:10px;display:flex;justify-content:center;margin:10px auto 10px 0;box-shadow:5px 5px 2px 1px rgba(0,0,0,.15);height:200px;background:rgba(83,27,240,.5);align-items:center}.container{display:flex;margin:10px 0;justify-content:space-between}.image{border-radius:10px}.bot-avatar{max-width:40px;margin-right:1em;max-height:40px}.new-card{background:rgba(155,15,219,.7);border:2px solid #fff;color:#fff;border-radius:20px;text-align:center;padding:5px 20px;cursor:pointer;box-shadow:inset 5px 4px 12px 0 #ffffff3b;font-family:Open Sans,sans-serif;font-weight:700}.new-card:hover{background:rgba(155,15,219,.35);color:#fff}.game-image{border-radius:10px;margin:1em}.image-subtext{color:#fff;font-size:13px;width:100px}.choose-color{display:flex;flex-direction:column;justify-content:space-evenly;font-size:2.5rem;height:100%}.value{border-left:24px solid #000;padding-left:10px;font-size:13px}.card{margin:10px 0;padding:10px;background:hsla(0,0%,100%,.25);border-radius:30px;box-shadow:0 4px 30px rgba(0,0,0,.1);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.chat-avatar{z-index:10000}.conditionalStyle,.conditionalStyleFinal{padding-left:0;padding-right:0}.chat-message-right{flex-direction:row-reverse;max-height:48px;margin-left:10px;margin-right:10px;display:flex;align-items:center;justify-content:center;right:10px;position:relative}.chat-message-right .chat-message-content{padding-top:5px;padding-bottom:5px;padding-right:20px}.chat-container{display:flex;flex-direction:column;scroll-behavior:auto;overflow:scroll;overflow:auto;-ms-overflow-style:none;scrollbar-width:none;position:absolute;max-height:100vh;margin:0 auto;width:500px}.chat-container>div:first-child{padding-top:10%}.chat-container>div:last-child{padding-bottom:15%}.chat-container::-webkit-scrollbar{display:none}.games-btn{flex-grow:0;flex-shrink:1;flex-basis:calc(50% - 1rem);background:#fff;transition:.5s;cursor:pointer;max-width:150px;border-radius:10px;align-items:center;display:flex;box-shadow:0 0 30px #00000025}.games-btn img{margin:5px auto;width:90%}.bottom-left{position:absolute;bottom:8px;left:16px}.image{display:flex;flex-direction:column;align-items:center}.container{position:relative;text-align:center;color:#fff}.linkDesign{font-size:.9em;color:#fff}.chat-header{text-align:center;margin-bottom:20px}.colorPicker{flex-direction:row;grid-row: 1 1;display:grid;grid-template-columns:repeat(2,1fr);justify-content:start;height:100%;width:100%;align-items:center;justify-items:center}.bot{right:2em;bottom:12em}.bot,.wiply-logo{position:fixed;max-width:100px}.wiply-logo{right:0;bottom:2em}.colorChosen{padding:15px;border:2px solid #fff;border-radius:50%}.chat-body-right{display:flex;justify-content:flex-end}.colorBlock{margin-bottom:10px;padding:20px}p.headerText{align-self:flex-end;font-weight:400;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;font-size:35px}.textC,p.headerText{text-align:center}.inputs{display:flex;align-items:center;justify-content:center;width:90%;margin:2%}::placeholder{color:#000;opacity:1}.input-inner{background-color:transparent;border:2px solid #fff}.input-inner::placeholder{color:#fff;opacity:1}.ideas{margin-top:2px;margin-bottom:20px;cursor:pointer;flex-wrap:wrap;display:flex;align-items:center;justify-content:center;font-weight:700}.playNow{background-color:rgba(83,27,240,.7);border:1px solid grey;border-radius:5px;padding:50px 85px}.idea,.playNow{color:#fff;cursor:pointer;margin:5px 10px}.idea{background:rgba(155,15,219,.45);border:2px solid #fff;border-radius:30px;padding:7px 16px;width:100px;font-family:Open Sans,sans-serif}.idea-selected{background:rgba(155,15,219,.75);color:#fff}.idea:hover{background-color:rgba(83,27,240,.2)}.icon{right:30px;position:relative;font-size:15px;padding:5px;border-radius:6px;color:#fff}.icon:hover{background-color:rgba(83,27,240,.2)}.inputs-describe-image{align-items:inherit;width:100%}.inputs-describe-image,.inputs2{display:flex;flex-direction:column}.inputs2{justify-content:space-around;height:100%;align-items:center}.chat-message.user{justify-content:flex-end;background-color:#fff}.chat-message-content{border-radius:15px;margin:10px 0;padding:10px 20px;font-size:2.5em;position:relative;left:0;font-family:Open Sans,sans-serif;font-weight:400;background:hsla(0,0%,100%,.25);border-radius:30px;box-shadow:0 4px 30px rgba(0,0,0,.1);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);display:flex;color:#fff}.chat-message-content-game{margin-top:5px;box-shadow:0 2.8px 2.2px rgba(0,0,0,.034),0 6.7px 5.3px rgba(0,0,0,.048),0 12.5px 10px rgba(0,0,0,.06),0 22.3px 17.9px rgba(0,0,0,.072),0 41.8px 33.4px rgba(0,0,0,.086),0 100px 80px rgba(0,0,0,.12)}.chat-message.user img{margin-left:10px;margin-right:0}.chat-input,.chat-select{margin-right:10px}.chat-input{flex:1 1;padding-left:10px;padding-right:10px;background-color:transparent!important}.chat-button{background-color:#007bff;color:#fff;border:none;border-radius:30px;padding:5px 10px;cursor:pointer}.buttons{display:flex;justify-content:space-evenly}.color-button{padding:10px;border-radius:10px;border:none;cursor:pointer}.site-card-border-less-wrapper{padding:30px;background:#ececec}.chat-options{display:flex;justify-content:space-evenly;position:relative;bottom:0;width:100%;max-width:100%;z-index:30;align-items:center;margin-top:1em;border-radius:30px}.game-button,.next-button,button.chat-option{display:contents;padding:0 25px;cursor:pointer}.game-button,.next-button,button.chat-option,button.chat-option-describe-image{border-radius:30px;color:#8a38ec;font-weight:700;align-items:center;height:38px;border:1px solid #fff;color:#fff;font-size:1.2em;justify-content:center;margin:10px}.game-button,.next-button,button.chat-option-describe-image{background-color:#8a38ec;padding:0 15px}.pointer{top:-2px;position:relative;border-radius:60%;border:2px solid #fff;padding:8px;display:inline-block}.game-button{font-size:10px;width:100%;justify-content:center;margin:10px}body{background-color:#062963;margin:0;padding:0;min-height:100vh;background-repeat:no-repeat;background-size:cover;background-position-x:center}.fboverflow{width:100vw;top:0;left:0}.fbg,.fboverflow{position:fixed;height:100vh}.fbg{margin:0 auto;width:100vh;max-height:100%;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;justify-content:center}.bg,.fbg{max-width:100%}.bg{animation:bg 20s linear infinite;max-height:100vh;scale:1.5;object-fit:contain}.s{animation:bgf 30s linear infinite!important;opacity:.5;transform:rotate(180deg)}@keyframes bg{0%{rotate:0deg;scale:1.5;opacity:.8}25%{scale:1.7;opacity:1}50%{scale:1.5;opacity:.8}75%{scale:1.7}to{scale:1.5;rotate:1turn}}@keyframes bgf{0%{rotate:0deg;scale:1.5}25%{scale:1.7}50%{scale:1.5}75%{scale:1.7}to{scale:1.5;rotate:-1turn}}@media only screen and (max-width:560px){body{background-repeat:no-repeat;background-size:cover;background-position-x:center}.chat-message{margin:5px 10px}.chat-message-content{padding-right:10px;padding-left:10px;font-size:15px;font-weight:300}.inputs{width:100%}.new-card{padding:5px 7px}.game-image{margin:.5em;width:75%;height:75%}.react-colorful{width:150px!important;height:150px!important}.chat-container{width:95%}.bot{max-width:50px}}.animated-1{animation-duration:5s;animation-fill-mode:both}.animated-2{animation-duration:6s;animation-fill-mode:both}.animated-3{animation-duration:7s;animation-fill-mode:both}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.fadeIn{animation-name:fadeIn}