.prompt-demo{container-type:inline-size;font-family:sans-serif;margin:0;--action-color:#ade83a;--button-color:#647c63;--text-size:18;--prompt-text-size:var(--text-size);--aspect-ratio:9/6;--logo-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 257.38 266.5'%3E%3Cpath fill='%2375976c' d='M32.69 0a32.69 32.69 0 0 1 32.69 32.69v72.12a32.69 32.69 0 0 1-32.69 32.69A32.69 32.69 0 0 1 0 104.81V32.69A32.69 32.69 0 0 1 32.69 0m192 0a32.69 32.69 0 0 1 32.69 32.69v72.12a32.69 32.69 0 0 1-32.69 32.69A32.69 32.69 0 0 1 192 104.81V32.69A32.69 32.69 0 0 1 224.69 0m-98 129a32.69 32.69 0 0 1 32.69 32.69v72.12a32.69 32.69 0 0 1-32.69 32.69A32.69 32.69 0 0 1 94 233.81v-72.12A32.69 32.69 0 0 1 126.69 129m0-90a32.69 32.69 0 0 1 32.69 32.69 32.69 32.69 0 0 1-32.69 32.69A32.69 32.69 0 0 1 94 71.69 32.69 32.69 0 0 1 126.69 39m-94 127a32.69 32.69 0 0 1 32.69 32.69 32.69 32.69 0 0 1-32.69 32.69A32.69 32.69 0 0 1 0 198.69 32.69 32.69 0 0 1 32.69 166m192 0a32.69 32.69 0 0 1 32.69 32.69 32.69 32.69 0 0 1-32.69 32.69A32.69 32.69 0 0 1 192 198.69 32.69 32.69 0 0 1 224.69 166'/%3E%3C/svg%3E");position:relative}.prompt-demo .chat-window{aspect-ratio:var(--aspect-ratio);background:#eee;background-position:0 0;background-repeat:no-repeat;background-size:contain;border-radius:10px;max-height:80vh;position:relative;--scale:clamp(0.7px,0.11111cqw,0.8px);--prompt-bg-color:#e6e4e3;border:1px solid #ddd;box-shadow:0 4px 12px rgba(0,0,0,.1);margin:0 auto}.prompt-demo.fullscreen{transform:unset!important;transform-origin:unset!important}.prompt-demo .fullscreen-button-holder{font-size:0;height:0;left:calc(50% + clamp(0%, calc(var(--max-width) / 2), 100%));line-height:0;overflow:visible;position:sticky;top:0;width:0;z-index:1}.prompt-demo.fullscreen .fullscreen-button-holder{left:calc(50% + clamp(0%, calc(calc(var(--max-width) / 2) - 10px), calc(50% - 10px)));top:10px}.prompt-demo .fullscreen-button{align-content:center;aspect-ratio:1/1;background-color:#fff;border:1px solid #ddd;border-radius:5px;cursor:pointer;font-size:20px;line-height:0;opacity:.5;padding:5px;text-align:center;transform:translatex(-100%);transition:all .4s;width:40px}.prompt-demo .fullscreen-button:hover{opacity:1}.prompt-demo #submitBtn{display:block;position:relative}.prompt-demo #promptHint{box-sizing:border-box;left:calc(var(--scale)*-53);margin-top:calc(var(--scale)*20);opacity:1;padding:calc(var(--scale)*10);pointer-events:none;position:absolute;text-align:center;transition:opacity .4s ease-in-out;width:calc(var(--scale)*150);z-index:1000}.prompt-demo:hover #promptHint{opacity:0}.prompt-demo a#submitBtn:before{animation:none;aspect-ratio:1/1;background:var(--action-color);border-radius:1000px;content:"";left:0;position:absolute;top:0;transform:scale(1);transform-origin:center center;width:100%}.prompt-demo:hover a#submitBtn:before{animation:pulse 1s ease-in infinite}.prompt-demo a#submitBtn svg{position:relative}.dnd-column:has(.prompt-demo){overflow:visible!important}.prompt-demo .prompt-chat{background-color:#fafaf9;border-radius:10px;container-type:inline-size;height:100%;left:0;overflow-x:hidden;overflow-y:auto;padding:10px;position:absolute;scroll-behavior:smooth;top:0;transition:all 0s;width:100%;z-index:1}.prompt-demo .messages-holder{height:auto;justify-content:flex-end;padding:calc(var(--scale)*20) calc(var(--scale)*20);transition:all .4s}.prompt-demo .messages-holder,.prompt-demo .prompt{box-sizing:border-box;display:flex;flex-direction:column;min-height:100%}.prompt-demo .prompt{align-items:center;flex-grow:1;gap:20px;justify-content:center;opacity:1;transition:opacity .5s ease-in-out}.prompt-demo .prompt.fade-out{opacity:0;pointer-events:none}.prompt-demo .prompt-header{align-items:start;display:flex;flex-wrap:nowrap;font-size:calc(var(--scale)*40);font-weight:300;gap:calc(var(--scale)*15);line-height:1em;text-align:left}.prompt-demo .prompt-header .icon{margin-top:calc(var(--scale)*2);width:calc(var(--scale)*40)}.prompt-demo .prompt-footer{margin:calc(var(--scale)*20) auto 0;max-width:90%;width:100%}.prompt-demo .prompt-footer .footer-line{border-bottom:2px solid #ddd;margin-bottom:calc(var(--scale)*40);position:relative;width:100%}.prompt-demo .prompt-footer .footer-message{background:#fafaf9;color:#aaa;font-size:calc(var(--text-size)*var(--scale));font-style:italic;left:50%;padding:calc(var(--scale)*10);position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%);white-space:nowrap;width:fit-content}.prompt-response{display:none}.prompt-response[data-response-num="1"]{display:flex;flex-direction:column}.prompt-demo .prompt-footer .footer-buttons{display:flex;flex-wrap:wrap;font-size:calc(var(--text-size)*var(--scale));gap:calc(var(--scale)*10);justify-content:center;white-space:nowrap;width:100%}.prompt-demo .prompt-footer .footer-button[data-response]{cursor:pointer;transition:all .4s;z-index:100}.prompt-demo .prompt-footer .footer-button[data-response]:hover{background-color:var(--button-color);color:var(--action-color)}.prompt-demo .prompt-footer .footer-button{background-color:#f4f4f2;border:1px solid #ddd;border-radius:100px;padding:calc(var(--scale)*7) calc(var(--scale)*15)}.prompt-demo .prompt-ui{background:#f4f4f2;border:1px solid #ddd;border-radius:calc(var(--scale)*10);height:fit-content;max-width:90%;padding:calc(var(--scale)*20);width:100%}.prompt-demo .prompt-ui.chat-prompt{background-color:#eee;filter:saturate(0) contrast(.3) brightness(1.5)}.prompt-demo .prompt-ui.chat-prompt,.prompt-demo .reset-btn{bottom:-30px;left:50%;opacity:1;position:absolute;transform:translate(-50%);transition:all .4s;z-index:1}.prompt-demo .reset-btn{background:#f4f4f2;background-color:#eee;background-color:var(--action-color);border:1px solid #ddd;border-radius:calc(var(--scale)*10);color:#333;cursor:pointer;font-weight:600;height:fit-content;max-width:90%;padding:calc(var(--scale)*20);text-align:center;text-transform:uppercase;width:100%}.prompt-demo .reset-btn:hover{background-color:#000;color:var(--action-color)}.reset-btn.hide{display:none}.prompt-demo .prompt-ui.chat-prompt.animating{filter:none}.prompt-demo .prompt-ui.chat-prompt.hide-prompt{opacity:0}.prompt-demo .prompt-ui.chat-prompt .prompt-message{min-height:30px;padding-right:50px}.prompt-demo #mainPromptText>p:last-of-type,.prompt-demo .chat-message p:last-of-type{margin-bottom:0!important}.prompt-demo .prompt-ui.chat-prompt .prompt-ui-icons{bottom:10px;margin:0;position:absolute;right:10px}.prompt-demo .prompt-ui p{font-size:calc(var(--text-size)*var(--scale))}.prompt-demo .prompt-message p{font-size:calc(var(--prompt-text-size)*var(--scale))}.prompt-demo .prompt-ui-icons{display:flex;justify-content:space-between;margin-top:15px}.prompt-demo .prompt-ui-icons .icon-holder{display:flex;gap:calc(var(--scale)*10)}.prompt-demo .prompt-ui-icons .icon{align-content:center;background:#595151;border:1px solid #595151;border-radius:100px;color:#fff;display:inline-block;font-size:calc(var(--scale)*20);height:calc(var(--scale)*25);padding:calc(var(--scale)*10);text-align:center}.prompt-demo .prompt-ui-icons .fa-microphone{background:transparent;color:#595151}.prompt-demo .prompt-ui-icons .fa-arrow-up{background:var(--button-color);cursor:pointer;transition:background .2s}.prompt-demo .prompt-ui-icons a:hover .fa-arrow-up{background:#000;border-color:#000;color:var(--action-color)}.prompt-demo .message-ui-icons .icon-holder{display:flex;gap:calc(var(--scale)*10);justify-content:end;margin-top:calc(var(--scale)*10);width:100%}.prompt-demo .message-ui-icons .icon{color:#666;display:inline-block;font-size:calc(var(--text-size)*var(--scale))}.prompt-demo .chat-message{display:none;opacity:0;transform:translateY(30px);transition:opacity .8s ease-out,transform 0s;width:100%}.prompt-demo .chat-message.is-visible{opacity:1;transform:translateY(0)}.prompt-demo .chat-message,.prompt-demo .chat-message p{font-size:calc(var(--text-size)*var(--scale))}.prompt-demo .chat-message h3{font-size:calc(var(--scale)*22)}.prompt-demo .chat-message h4{font-size:calc(var(--scale)*20)}.prompt-demo .chat-message .chart-holder{display:flex;flex-wrap:wrap;gap:calc(var(--scale)*10);margin-top:calc(var(--scale)*20)}.prompt-demo .chat-message img.chart{width:calc(50% - var(--scale)*10)}.prompt-demo .chat-message .data-card-holder{display:flex;flex-wrap:wrap;gap:calc(var(--scale)*10)}.prompt-demo .chat-message .data-card{align-content:center;align-items:center;background:#e4e6e9;border-left:calc(var(--scale)*5) solid #101d3a;border-radius:calc(var(--scale)*5);display:flex;gap:10px;padding:calc(var(--scale)*20) calc(var(--scale)*10);width:calc(50% - var(--scale)*10)}.prompt-demo .chat-message .data-card .content{flex-basis:auto;flex-grow:1}.prompt-demo .chat-message .data-card .icon-holder{align-content:center;aspect-ratio:1/1;background-color:#d2d7df;border-radius:1000px;flex-basis:20%;font-size:calc(var(--scale)*30);text-align:center}.prompt-demo .chat-message .data-card .title{font-size:calc(var(--scale)*13);font-weight:600;text-transform:uppercase}.prompt-demo .chat-message .data-card .data{align-items:center;display:flex;gap:calc(var(--scale)*10)}.prompt-demo .chat-message .data-card .number{color:#101d3a;font-size:calc(var(--scale)*24);font-weight:700}.prompt-demo .chat-message .data-card .change{background:#ccc;border-radius:calc(var(--scale)*3);font-size:calc(var(--scale)*15);font-weight:600;padding:calc(var(--scale)*2) calc(var(--scale)*5)}.prompt-demo .chat-message .data-card .change.up{background-color:#c8cecd;color:#465d48}.prompt-demo .chat-message .data-card .change.down{background-color:#dccdcc;color:#923d43}.prompt-demo .chat-message .data-card .info{font-size:calc(var(--scale)*14)}.prompt-demo .user-message{background-color:var(--prompt-bg-color);border-radius:calc(var(--scale)*10);float:right;max-width:80%;padding:calc(var(--scale)*10)}.prompt-demo .chat-message{border-radius:calc(var(--scale)*10);padding:calc(var(--scale)*1);padding-bottom:calc(var(--scale)*20)!important;padding-left:calc(var(--scale)*60);padding-right:calc(var(--scale)*35);padding-top:calc(var(--scale)*20)!important}.prompt-demo a.chat-message:hover{background-color:#fff;box-shadow:0 8px 16px 0 rgb(16 54 90/8%)!important}.prompt-demo .highlight-green,.prompt-demo .prompt-message b,.prompt-demo .prompt-message strong,.prompt-demo .user-message b,.prompt-demo .user-message strong{background-color:oklch(from var(--action-color) calc(l + .2) c h);border-radius:calc(var(--scale)*5);color:oklch(from var(--action-color) calc(l - .5) c h);display:inline-block;padding:calc(var(--scale)*3) calc(var(--scale)*5)}.prompt-demo .chat-header{font-size:calc(var(--scale)*20)}.prompt-demo .chat-header .icon{aspect-ratio:1/1;color:#aaa;font-size:calc(var(--scale)*30);margin-left:calc(var(--scale)*-40);position:absolute;width:calc(var(--scale)*30)}.prompt-demo .finance-table-container{--table-border:#e0e0e0;--header-bg:#f5f5f7;--alt-row-bg:#f5f5f7;--text-header:#5a5a5a;--text-body:#333;--arrow-color:#9ca3af;border:1px solid var(--table-border)!important;border-radius:6px;box-shadow:0 1px 2px rgba(0,0,0,.05);margin-bottom:calc(var(--scale)*20)!important;min-width:calc(var(--scale)*500);overflow:hidden;width:fit-content}.prompt-demo .finance-table{border-bottom:none!important;border-collapse:collapse;font-size:calc(var(--text-size)*var(--scale));margin:0!important;text-align:left;width:100%}.prompt-demo .finance-table th{background-color:var(--header-bg)!important;border-bottom:1px solid var(--table-border)!important;color:var(--text-header)!important;cursor:pointer;font-weight:700;padding:calc(var(--scale)*14) calc(var(--scale)*16);position:relative;transition:background-color .2s;white-space:nowrap}.prompt-demo .finance-table tr:nth-of-type(2n){background-color:var(--alt-row-bg)!important}.prompt-demo .finance-table th:hover{background-color:#eaeaea!important}.prompt-demo .th-content{align-items:center;display:flex;gap:8px;justify-content:space-between}.prompt-demo .sort-arrows{color:var(--arrow-color)!important;display:inline-flex;font-size:calc(var(--scale)*14);font-weight:400;letter-spacing:-2px}.prompt-demo .finance-table td{border-bottom:1px solid transparent!important;color:var(--text-body)!important;font-weight:300;padding:calc(var(--scale)*16)}.prompt-demo .finance-table tr td.bold,.prompt-demo .finance-table tr.bold td{font-weight:600}.prompt-demo .table-wrapper{border:1px solid var(--table-border)!important;border-radius:calc(var(--scale)*6);overflow-x:auto}.prompt-demo .champ-icon{aspect-ratio:1/1;background-image:var(--logo-image);background-position:50%;background-repeat:no-repeat;background-size:contain;display:inline-block}.prompt-demo .chat-tooltip{box-sizing:border-box;filter:drop-shadow(0 0 3px rgba(0,0,0,.3));opacity:1}.prompt-demo .chat-tooltip.show{opacity:1!important}.prompt-demo .chat-tooltip .tooltip-inner{background:#f4f4f2;box-sizing:border-box;color:#000;padding:20px;text-align:left}.prompt-demo .popover{max-width:180px;z-index:10000000}.prompt-demo .popover-body,.prompt-demo .popover-header{background:oklch(from var(--action-color) calc(l + .2) c h)}.prompt-demo .popover-body{font-size:18px;font-weight:300;text-align:center;text-wrap:balance}.bs-popover-auto[data-popper-placement^=right]>.popover-arrow:after,.bs-popover-end>.popover-arrow:after{border-right-color:oklch(from var(--action-color) calc(l + .2) c h)}.bs-popover-auto[data-popper-placement^=left]>.popover-arrow:after,.bs-popover-start>.popover-arrow:after{border-left-color:oklch(from var(--action-color) calc(l + .2) c h)}.bs-popover-auto[data-popper-placement^=top]>.popover-arrow:after,.bs-popover-top>.popover-arrow:after{border-top-color:oklch(from var(--action-color) calc(l + .2) c h)}.bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow:after,.bs-popover-bottom>.popover-arrow:after{border-bottom-color:oklch(from var(--action-color) calc(l + .2) c h)}.prompt-demo .video-popup{background-color:rgba(0,0,0,.85);border-radius:10px;height:100px;opacity:1;padding:20px;transition:all .4s;width:200px}.prompt-demo .video-popup.video-overlay-active,.prompt-demo .video-popup:not(.video-overlay-active):hover{align-items:center;backdrop-filter:blur(2px);box-sizing:border-box;display:flex;height:auto;justify-content:center;opacity:1;padding:20px;width:100%}.prompt-demo .prompt-chat:has(.video-popup.video-overlay-active){overflow-x:visible!important;overflow-y:hidden;overflow:visible}.prompt-demo .chat-message:has(.video-popup.video-overlay-active){height:70vh;padding:0!important;position:absolute;right:-20px;top:20px;width:clamp(50%,var(--max-width),100cqw);z-index:100}.prompt-demo .video-popup.video-overlay-active video{border-radius:8px;box-shadow:0 10px 30px rgba(0,0,0,.5);height:auto;max-height:100%;max-width:100%;width:auto}@container (max-width: 600px){.prompt-demo .prompt-footer,.prompt-demo .prompt-ui{max-width:100%}.prompt-demo .chat-window{aspect-ratio:1/1;min-width:100%}}@container (max-width: 450px){.prompt-demo .chat-message .data-card,.prompt-demo .chat-message img.chart{width:100%}.prompt-demo .chat-window{aspect-ratio:1/1.75;min-width:100%}.prompt-demo .chat-message{padding-left:calc(var(--scale)*20);padding-right:calc(var(--scale)*15)}}@media (max-width:767px){.prompt-demo{margin:0 0 20px}}@keyframes periodic-bounce{0%{transform:translateY(0)}5%{transform:translateY(-6px)}10%{transform:translateY(0)}15%{transform:translateY(-3px)}20%{transform:translateY(0)}to{transform:translateY(0)}}@keyframes pulse{0%{opacity:1;transform:scale(1)}50%{opacity:1;transform:scale(1.4)}to{opacity:0;transform:scale(1.8)}}.prompt-demo .hint{animation:periodic-bounce 5s ease-in-out infinite;background:var(--action-color);border-radius:5px;display:block;font-size:14px;font-stretch:90%;margin:0 auto;padding:10px 20px;position:relative;text-transform:uppercase;width:fit-content}.prompt-demo .hint:before{border-bottom:10px solid var(--action-color);border-left:10px solid transparent;border-right:10px solid transparent;border-top:0 transparent;box-sizing:border-box;content:"";display:block;left:50%;position:absolute;top:-10px;transform:translate(-50%)}.prompt-demo{--max-width:1000px}.prompt-demo.fullscreen .prompt-chat{background:rgba(0,0,0,.5);height:100vh;left:0;padding:90px 40px 60px;position:fixed;top:0;transition:all .4s;width:100vw;z-index:10000}html:has(.prompt-demo.fullscreen){height:100vh;overflow:hidden}.prompt-demo.fullscreen .prompt-chat .messages-holder{background:#fafaf9;border-radius:10px;margin:0 auto;max-width:var(--max-width)}.prompt-demo.fullscreen .chat-prompt,.prompt-demo.fullscreen .reset-btn{bottom:20px;max-width:calc(var(--max-width) - 40px);position:fixed;z-index:100001}
38:5	⚠  Lexical error on line 1: Unrecognized text.

  Erroneous area:
1: 50% + clamp(0%, calc(var(--max-width) / 2), 100%)
^............................................^ [postcss-calc]
48:5	⚠  Parse error on line 1: 
50% + clamp(0%, calc(calc(var(--max-width) / 2) - 10px), calc(50...
------------------------------------------------------^
Expecting end of input, "ADD", "SUB", "MUL", "DIV", got unexpected "RPAREN" [postcss-calc]
525:5	⚠  Lexical error on line 1: Unrecognized text.

  Erroneous area:
1: l + .2
^..^ [postcss-calc]
526:5	⚠  Lexical error on line 1: Unrecognized text.

  Erroneous area:
1: l - .5
^..^ [postcss-calc]
656:5	⚠  Lexical error on line 1: Unrecognized text.

  Erroneous area:
1: l + .2
^..^ [postcss-calc]
659:5	⚠  Lexical error on line 1: Unrecognized text.

  Erroneous area:
1: l + .2
^..^ [postcss-calc]
666:5	⚠  Lexical error on line 1: Unrecognized text.

  Erroneous area:
1: l + .2
^..^ [postcss-calc]
669:5	⚠  Lexical error on line 1: Unrecognized text.

  Erroneous area:
1: l + .2
^..^ [postcss-calc]
672:5	⚠  Lexical error on line 1: Unrecognized text.

  Erroneous area:
1: l + .2
^..^ [postcss-calc]
675:5	⚠  Lexical error on line 1: Unrecognized text.

  Erroneous area:
1: l + .2
^..^ [postcss-calc]