@keyframes fadeInGrow{0%{opacity:0;transform:scale(.5)}to{opacity:1;.test[placeholder]:empty:before{content:attr(placeholder);color:#555}.test[placeholder]:empty:focus:before{content:""}transform:scale(1)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes title{0%{opacity:0;transform:translateY(40px);filter:blur(25px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}@keyframes last-message{0%{opacity:0;transform:translateY(50px)}to{opacity:.5;transform:translateY(0)}}.think-beyond-page{height:-webkit-fill-available;width:100%;display:flex;justify-content:center;align-items:center;font-family:Helveticaneue,sans-serif;padding:0 20px;box-sizing:border-box}.tool-shield{z-index:0;width:650px;max-height:60vh;max-width:60vh;justify-content:center;align-items:center;display:flex;position:absolute;overflow:hidden;opacity:0;animation:fadeInGrow .75s cubic-bezier(.215,.61,.355,1) forwards}.tool-shield>video::-webkit-media-controls{opacity:0!important}.blur{transition:.35s;filter:blur(25px)}.title{z-index:1;font-size:126px;font-weight:700;color:#fff;text-align:center;margin:0;padding:0;letter-spacing:-5px;display:flex;gap:2rem;position:relative;top:-20px}.title>span:first-child{opacity:0;filter:blur(25px);animation:title .75s cubic-bezier(.215,.61,.355,1) .15s forwards}.title>span:nth-child(2){filter:blur(25px);opacity:0;animation:title .75s cubic-bezier(.215,.61,.355,1) .25s forwards}.button{height:60px;z-index:1;font-size:16px;font-weight:700;color:#fff;text-align:center;margin:0;letter-spacing:-.02em;border:2px solid rgba(255,255,255,.1);cursor:pointer;border-radius:50px;background-color:#fff;outline:none!important;color:#37374a;position:absolute;bottom:50px;padding:20px;opacity:0;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);transition:.3s cubic-bezier(.215,.61,.355,1);display:flex;align-items:center;animation:fadeIn .75s cubic-bezier(.215,.61,.355,1) 1.1s forwards}.button:hover{border:none;transform:scale(1.1)}.narrator-text-wrapper{color:#fff;text-align:center;letter-spacing:-.02em;font-size:48px;font-weight:500;line-height:120%;z-index:2;display:flex;flex-direction:column;align-items:center;max-width:950px}.narrator-text-wrapper-long-text{font-size:24px}.input{display:block;border:none;background:transparent;width:auto;color:#1b1b27;font-size:21px;font-weight:500;line-height:115%;font-family:Helveticaneue,sans-serif;overflow-y:hidden;cursor:text;min-height:24px;min-width:300px}.input:focus{outline:none}.input::placeholder{text-align:center}.input[placeholder]:empty:before{content:attr(placeholder);color:#555}.input[placeholder]:empty:focus:before{content:""}.form-group{width:100%;position:absolute;bottom:40px;max-width:900px;display:flex;justify-content:center;align-items:center;flex-direction:column;gap:1rem;opacity:0;animation:title .75s cubic-bezier(.215,.61,.355,1) .35s forwards;padding:0 50px;box-sizing:border-box}.form-group-input-wrapper{width:100%;min-width:300px;display:flex;justify-content:center}.send-button{display:flex;align-items:center;justify-content:center;width:52px;min-width:52px;height:52px;border-radius:52px;transition:.3s cubic-bezier(.215,.61,.355,1);border:2px solid transparent;padding:0;background:#fff}.send-button:hover{transform:scale(1.1);border:2px solid transparent}.send-button:focus{outline:none}:disabled{cursor:not-allowed;background-color:#e0e0e0}.cursor-wait{cursor:wait}.message-history-button{display:flex;align-items:center;justify-content:center;width:52px;min-width:52px;height:52px;border-radius:52px;transition:all .3s;border:2px solid transparent;padding:0;position:absolute;right:40px;bottom:40px;z-index:20;background:transparent;color:#fff}.message-history-button:hover{transform:scale(1.1)!important;border:2px solid transparent}.message-history-button:focus{outline:none}.message-history-button.is-open{background-color:#1b1b27;color:#fff}.message-history-button svg{width:22px;height:30px;padding:6px 0 0}.message-history-button.is-open svg{width:30px;height:30px;padding:4px;box-sizing:border-box}.last-message{max-width:750px;opacity:.5;color:#1b1b27;text-align:center;font-size:15px;font-weight:500;line-height:150%;position:absolute;top:200px;animation:last-message .75s cubic-bezier(.215,.61,.355,1) forwards}.error-message-actions{display:flex;justify-content:center;align-items:center;gap:1rem;margin-top:1rem}.error-message-actions-button{cursor:pointer;font-size:16px;justify-content:center;border-radius:8px;transition:all .3s;border:2px solid white;padding:8px 16px 6px;z-index:20;line-height:1.25;display:flex;align-items:center}.error-message-actions-button:hover{transform:scale(1.1)}@media screen and (max-width: 991px){.tool-shield{width:400px;height:400px}.title{font-size:70px;letter-spacing:-3px;top:-5px;gap:21px}.button{bottom:40px}.narrator-text-wrapper{font-size:32px}.narrator-text-wrapper-long-text{font-size:20px}.input{font-size:19px}.form-group{flex-direction:column}}@media screen and (max-width: 767px){.title{font-size:70px}.narrator-text-wrapper{font-size:26px}.narrator-text-wrapper-long-text,.input{font-size:18px}}@media screen and (max-width: 479px){.title{font-size:50px;letter-spacing:-2px;gap:15px}.tool-shield{width:320px;height:320px}.narrator-text-wrapper{font-size:18px}.narrator-text-wrapper-long-text{font-size:16px}.last-message{top:120px}.input{font-size:16px}}@keyframes animatedTextSequenceFadeId{0%{opacity:0;filter:blur(6px);transform:translateY(8px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}@keyframes fadeOut{0%{opacity:1;transform:translateY(0);filter:blur(0)}99%{opacity:0;filter:blur(6px);transform:translateY(8px)}to{opacity:0;filter:blur(25px);transform:translateY(8px);display:none}}.animated-text-sequence{display:none;gap:0 .6rem;flex-wrap:wrap;justify-content:center}.animated-text-sequence.displayed{display:flex}.animated-text-sequence.hidden{animation:fadeOut .7s ease-out forwards}.animated-text-sequence>span{display:inline-block;opacity:0}.animated-text-sequence>.displayed{animation:animatedTextSequenceFadeId .7s ease-out forwards}@media screen and (max-width: 991px){.animated-text-sequence{gap:0 .4rem}}@media screen and (max-width: 767px){.animated-text-sequence{gap:0 .3rem}}@media screen and (max-width: 479px){.animated-text-sequence{gap:0 .25rem}}@keyframes conversationHistoryFadeIn{0%{opacity:0}to{opacity:1}}@keyframes conversationHistoryFadeOut{0%{opacity:1}to{opacity:0}}@keyframes conversationHistorySlideIn{0%{right:- min(100dvw,500px)}to{right:0}}@keyframes conversationHistorySlideOut{0%{right:0}to{right:max(-100dvw,-500px)}}.conversation-history-panel{max-width:min(100dvw,500px);height:100%;max-height:100vh;position:fixed;right:max(-100dvw,-500px);top:0;display:flex;flex-direction:column;background:#fff;padding:50px 0 100px;overflow-y:auto;box-sizing:border-box;animation:conversationHistorySlideIn .5s cubic-bezier(.215,.61,.355,1) forwards}.conversation-history-panel.conversation-history-panel-closed{animation:conversationHistorySlideOut .5s cubic-bezier(.215,.61,.355,1) forwards}.conversation-history-scroll-indicator{bottom:0;right:0;width:100%;height:250px;box-sizing:border-box;overflow-y:auto;background-image:linear-gradient(rgba(255,255,255,0),#fff);position:absolute}.conversation-history-mask{width:-webkit-fill-available;height:-webkit-fill-available;position:fixed;left:0;box-sizing:border-box;top:0;background:rgba(27,27,39,.5);z-index:10;animation:conversationHistoryFadeIn .5s cubic-bezier(.215,.61,.355,1) forwards}.conversation-history-mask.conversation-history-mask-closed{animation:conversationHistoryFadeOut .5s cubic-bezier(.215,.61,.355,1) forwards}.conversation-history-heading{width:100%;color:#bec5cd;text-align:left;letter-spacing:-.02em;margin-top:0;margin-bottom:10px;font-size:38px;font-weight:500;line-height:100%;position:relative;padding:0 70px;box-sizing:border-box}.conversation-history-message{width:100%;color:#37374a;text-align:left;background-color:#fff3;align-self:flex-end;padding:25px 70px;font-size:16px;font-weight:400;box-sizing:border-box;line-height:150%;position:relative}.conversation-history-message.is-not-human{background-color:#1b1b2708}.conversation-history-message>svg{position:absolute;top:26px;left:34px;width:18px;height:18px}.conversation-history-download{width:100%;color:#37374a;text-align:left;background-color:#fff3;align-self:flex-end;padding:15px 70px;font-size:16px;font-weight:500;letter-spacing:-.02em;line-height:150%;display:flex;align-items:center;justify-content:flex-start;cursor:pointer;box-sizing:border-box;transition:all .3s;gap:.5rem}.conversation-history-download:hover{color:#37374a;opacity:.6}.conversation-history-download>svg{width:24px;height:24px}.conversation-history-download.conversation-history-leave-feedback{padding:15px 70px 30px}.conversation-history-download.conversation-history-leave-feedback>svg{width:26px;height:26px}.history-button{display:flex;align-items:center;justify-content:center;width:52px;min-width:52px;height:52px;border-radius:52px;transition:.3s cubic-bezier(.215,.61,.355,1);border:2px solid transparent;padding:0;color:#fff;background:transparent;position:fixed;right:40px;bottom:40px;z-index:20}.history-button path{fill:currentColor}.history-button:hover{transform:scale(1.1);border:2px solid transparent;background:#fff;color:#1b1b27}.history-button:focus{outline:none}.history-button.is-open{background-color:#1b1b27;color:#fff}.history-button-hover-text{position:absolute;left:0;color:#fff;font-size:14px;line-height:20px;font-weight:400;opacity:0;transition:all .3s;font-family:Helveticaneue,sans-serif}.history-button svg{width:22px;height:30px;padding:6px 0 0}.history-button.is-open svg{width:30px;height:30px;padding:4px;box-sizing:border-box}.history-button:hover>.history-button-hover-text{opacity:1;left:-47px}.bg-music-button{display:flex;align-items:center;justify-content:center;width:52px;min-width:52px;height:52px;border-radius:52px;transition:.3s cubic-bezier(.215,.61,.355,1);border:2px solid transparent;padding:0;color:#fff;background:transparent;position:fixed;left:40px;bottom:40px;z-index:20}.bg-music-button path{fill:currentColor}.bg-music-button:hover{transform:scale(1.1);border:2px solid transparent;background:#fff;color:#1b1b27}.bg-music-button:focus{outline:none}.bg-music-button-hover-text{position:absolute;right:0;color:#fff;font-size:14px;line-height:20px;font-weight:400;opacity:0;transition:all .3s;font-family:Helveticaneue,sans-serif}.bg-music-button:hover>.bg-music-button-hover-text{opacity:1;right:-47px}#app{margin:0 auto;text-align:center;height:-webkit-fill-available;width:100dvw;box-sizing:border-box;background-color:#bec5cd}.main{display:flex;flex-direction:column;align-items:center;justify-content:space-between;box-sizing:border-box;height:-webkit-fill-available;width:100%}.demo{height:100%;width:100%}.demo .logo{transition:.15s}.demo .logo:hover{filter:drop-shadow(0 0 2rem #646cffaa)}.demo .logo.preact:hover{filter:drop-shadow(0 0 2rem #673ab8aa)}.demo .input-group{display:flex;justify-content:center;gap:12px;margin:2rem 0}.demo .message{padding:.5rem 3rem .5rem 1rem;border-radius:8px;background-color:#f9f9f9;text-align:left;position:relative}.demo .message:nth-child(odd){background-color:#e9e9e9;margin-left:25%}.demo .message:nth-child(2n){margin-right:25%}.demo .message .text-to-speech{cursor:pointer;border-radius:2rem;width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;transition:.15s;position:absolute;right:.5rem;top:.25rem}.demo .message .text-to-speech:hover{background:rgba(0,0,0,.1)}.demo .conversation-thread{display:flex;flex-direction:column;gap:1rem;overflow-y:auto}.demo .read-the-docs{color:#888}.demo .content-holder{max-width:1280px;padding:2rem}.authentication-overlay{position:fixed;width:100%;height:-webkit-fill-available;background-color:#bec5cd;color:#fff;display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:1000}.authentication-overlay h1{filter:blur(25px);opacity:0;animation:title .75s cubic-bezier(.215,.61,.355,1) .15s forwards}.authentication-overlay form *{opacity:0;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);animation:fadeIn .75s cubic-bezier(.215,.61,.355,1) forwards;box-sizing:border-box}.authentication-overlay form{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1rem}.authentication-overlay .authentication-overlay-error-message{margin:.125rem 0 0}.authentication-overlay input{border:none;padding:8px 4px;font-size:16px;width:250px;border-radius:4px}.authentication-overlay button{border:none;outline:none!important;width:250px;transition:.15s;background:#ebebeb}.authentication-overlay button:hover{border:none;transform:scale(1.1)}.authentication-overlay label{font-size:16px;font-weight:500;margin-bottom:.25rem;display:block}:root{font-family:Helveticaneue,sans-serif;line-height:1.5;font-weight:400;color:#213547;background-color:#bec5cd;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}html{height:-webkit-fill-available}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:-webkit-fill-available;height:-webkit-fill-available;-webkit-font-smoothing:antialiased}body *::-moz-selection{color:#fff;background:#37374a}body *::selection{color:#fff;background:#37374a}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}button:disabled{border-color:transparent;cursor:not-allowed}@font-face{font-family:Helveticaneue;src:url(/fonts/HelveticaNeue-Normal.otf) format("opentype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Helveticaneue;src:url(/fonts/HelveticaNeue-Bold.otf) format("opentype");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Helveticaneue;src:url(/fonts/HelveticaNeue-Medium.otf) format("opentype");font-weight:500;font-style:normal;font-display:swap}