.image{width:66%;position:relative;border-radius:12px;overflow:hidden;background-color:var(--background-color);-webkit-backface-visibility:hidden;-webkit-transform-style:preserve-3d;will-change:transform;cursor:pointer}.image:after{content:"";position:absolute;inset:0;border-radius:inherit;border:1px solid rgba(160,160,160,.3);backface-visibility:hidden;-webkit-backface-visibility:hidden}.image img,.image video{width:100%;height:100%;object-fit:cover}.attachmentsOneUp,.attachmentsTwoUp{width:66%;display:flex;flex-direction:column;padding:8px 0}.attachmentsOneUp{padding:0}.attachmentsTwoUp .image{width:66%}.attachmentsTwoUp .image:first-child{transform:rotate(-1deg)}.attachmentsTwoUp .image:nth-child(2){margin-top:-16px;transform:rotate(1deg);margin-left:auto}.attachmentsThreeUp{width:66%;display:grid;grid-template-colums:1fr;grid-template-rows:1fr;padding:4px 0 56px;position:relative}.attachmentsThreeUp .image:first-child,.attachmentsThreeUp .image:nth-child(2),.attachmentsThreeUp .image:nth-child(3){grid-column-start:1;grid-column-end:2;grid-row-start:1;grid-row-end:2;transform-origin:bottom left}.attachmentsThreeUp .image:first-child{z-index:3}.attachmentsThreeUp .image:nth-child(2){transform:translate(16px,16px) rotate(2deg);z-index:2}.attachmentsThreeUp .image:nth-child(3){transform:translate(32px,32px) rotate(4deg);z-index:1}.numberOfImages{font-size:14px;line-height:1.2;color:var(--received-text-color);opacity:.5;padding:8px 16px 0}:root{--sent-bg-color:#53d769;--sent-text-color:#fff;--alt-sent-bg-color:#2ab441}.messages{row-gap:8px}.bubble,.messages{display:flex;flex-direction:column}.bubble{max-width:66%;width:fit-content;padding:12px 16px;border-radius:8px;font-size:var(--font-size);line-height:1.2;background-color:var(--received-bg-color);color:var(--received-text-color);position:relative;z-index:1;row-gap:calc(var(--font-size) * 1.2);word-break:break-word}.bubble:after,.bubble:before{position:absolute;content:"";bottom:0;display:none}.bubble[data-tail=true]:after,.bubble[data-tail=true]:before{display:block}.bubble:before{height:25px;width:16px;left:-16px;border-bottom-right-radius:20px;background-color:var(--background-color);z-index:0;bottom:-1px}.bubble[data-type=received]:after{width:28px;height:24px;left:-12px;border-bottom-left-radius:20px;background-color:var(--received-bg-color);z-index:-1}.bubble[data-typing=true]:before{width:16px;height:16px;left:-2px;bottom:0}.bubble[data-typing=true]:after,.bubble[data-typing=true]:before{border-radius:50%;background-color:var(--received-bg-color);display:block}.bubble[data-typing=true]:after{width:9px;height:9px;left:-12px;bottom:-4px}.bubble[data-type=sent]{box-shadow:.5ch .5ch 0 0 var(--alt-sent-bg-color);background-color:var(--sent-bg-color);color:var(--sent-text-color);margin-left:auto}.bubble[data-type=sent]:after{width:35px;height:24px;left:100%;right:unset;box-shadow:.5ch .5ch 0 0 var(--background-color);background-color:var(--background-color);z-index:1}.bubble[data-type=sent]:after,.bubble[data-type=sent]:before{border-bottom-left-radius:20px;border-bottom-right-radius:unset}.bubble[data-type=sent]:before{height:25px;width:24px;left:unset;right:-16px;box-shadow:.5ch .5ch 0 0 var(--g-alt-sent-bg-color);background-color:var(--alt-sent-bg-color);z-index:0;bottom:-1px}.bubble[data-type=emoji][data-typing=false]{background-color:transparent;padding:0;font-size:calc(var(--font-size) * 3)}.bubble[data-type=emoji][data-typing=false]:after,.bubble[data-type=emoji][data-typing=false]:before{display:none}.bubble a{color:inherit;box-shadow:inherit;text-decoration:none;font-weight:600}.bubble a:active{opacity:.3}.loader{height:calc(var(--font-size) * 1.2);display:flex;column-gap:4px;align-items:center}.dot{width:clamp(9px,1.6dvw,12px);height:clamp(9px,1.6dvw,12px);border-radius:50%;background-color:var(--received-text-color);opacity:.1}.dot:first-child{animation:blink 1s infinite}.dot:nth-child(2){animation:blink 1s .33s infinite}.dot:nth-child(3){animation:blink 1s .66s infinite}@keyframes blink{50%{opacity:.25}}.lightbox{position:fixed;inset:0;z-index:999}.carousel{display:grid;position:absolute;inset:0;z-index:10;pointer-events:none}.lightboxImage{grid-column-start:1;grid-column-end:2;grid-row-start:1;grid-row-end:2;padding:48px 24px;width:100dvw;height:100dvh}.lightboxInner{width:100%;height:100%;display:flex;justify-content:center;align-items:center}.imageWrap{width:100%;height:auto;border-radius:24px;overflow:hidden;position:relative}.imageWrap:after{content:"";position:absolute;inset:0;border-radius:inherit;border:1px solid var(--transparent-border);backface-visibility:hidden;-webkit-backface-visibility:hidden}.imageWrap img,.imageWrap video{width:100%;height:100%;object-fit:contain;object-position:center;display:block}.dots{display:flex;align-items:center;height:48px;position:absolute;left:50%;transform:translateX(-50%);bottom:0;column-gap:6px;z-index:10}.pagerDot{width:8px;height:8px;border-radius:50%;background-color:var(--text-color);opacity:.1}.pagerDot[data-active=true]{opacity:.5}.navigation{position:absolute;inset:0;display:flex;z-index:1}.navigation button{width:50%;border:none;outline:none;background-color:transparent}.navigation button.next{cursor:e-resize}.navigation button.prev{cursor:w-resize}.backdrop{z-index:0;inset:0;background-color:var(--background-color)}.backdrop,.close{position:absolute;cursor:pointer}.close{z-index:1;width:24px;height:24px;border-radius:16px;border:none;background-color:var(--buttonBg);top:12px;right:12px}.close:after,.close:before{content:"";position:absolute;width:2px;height:11px;background-color:var(--buttonFg);left:50%;top:50%;border-radius:1px}.close:after{transform:translate(-50%,-50%) rotate(-45deg)}.close:before{transform:translate(-50%,-50%) rotate(45deg)}.lightbox[data-mobile=true] .carouselScroll{position:absolute;inset:0;width:100%;height:100%;overflow-x:scroll;scroll-width:none;scroll-snap-type:x mandatory}.lightbox[data-mobile=true] .carouselScroll::-webkit-scrollbar{display:none}.lightbox[data-mobile=true] .carousel{display:flex;flex-direction:row;flex-wrap:nowrap}.lightbox[data-mobile=true] .lightboxImage{flex-shrink:0;scroll-snap-align:center;scroll-snap-stop:normal}.prompt{font-family:Inter Variable,sans-serif;font-size:var(--font-size);line-height:1.2;white-space:nowrap;background-color:var(--received-bg-color);border:none;padding:11px 15px;margin:0 1px;box-shadow:0 0 0 1px var(--sent-bg-color);color:var(--text-color);border-radius:2px;cursor:pointer;width:fit-content;grid-row-gap:18px;font-variant-numeric:tabular-nums;position:relative}.prompt:disabled{cursor:default}.prompt:active{cursor:-webkit-grabbing}.prompt span{position:relative;z-index:1}.progressBarWrap{position:absolute;inset:0;border-radius:inherit;overflow:hidden;z-index:0}.progressBar{position:absolute;left:0;top:0;bottom:0;background-color:var(--received-bg-color)}*{margin:0;padding:0;box-sizing:border-box;list-style-type:none}:root{--background-color:#fff;--text-color:#000;--max-width:720px;--font-size:clamp(16px,2.7dvw,20px);--received-bg-color:#f2f2f2;--received-text-color:#000;--buttonFg:#999;--buttonBg:#f2f2f2;--transparent-border:rgba(0,0,0,0.1);--transparentBg:rgba(255,255,255,0.75)}@media (prefers-color-scheme:dark){:root{--background-color:#0a0a0a;--text-color:#fff;--received-bg-color:#3b3b3d;--received-text-color:#fff;--buttonFg:#888;--buttonBg:#383838;--transparent-border:rgba(255,255,255,0.2);--transparentBg:rgba(30,30,30,0.75)}}body{font-family:Inter Variable,sans-serif;font-size:var(--font-size);line-height:1.2;background-color:var(--background-color);color:var(--text-color);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;text-size-adjust:none}.responsiframe iframe{width:100%;height:embed.height || 455;border:"5px solid #bfcbda88";borderradius:"15px";overflow:"hidden"}@media (max-width:768px){.responsiframe iframe{height:300}}@media (max-width:480){.responsiframe iframe{height:200}}.background{position:relative;width:100%;z-index:-2}.emoji-background{position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1;pointer-events:none}.container{display:flex;flex-direction:column;min-height:100dvh}.messages{width:100%;max-width:var(--max-width);margin:0 auto;flex:1;z-index:2;padding:clamp(16px,3.3dvw,24px)}.composer{position:sticky;bottom:0;z-index:99;width:100%}.composer:after{position:absolute;background-color:var(--transparentBg);backdrop-filter:blur(10px) saturate(3);-webkit-backdrop-filter:blur(10px) saturate(3);z-index:-1;inset:0;content:""}.scrollableRegion{display:flex;overflow-x:scroll;max-width:var(--max-width);padding-bottom:15px;margin:0 auto}.scrollableRegion::-webkit-scrollbar{display:none}.prompts{display:flex;flex-wrap:wrap;row-gap:15px;column-gap:8px;padding:clamp(8px,2.2dvw,16px) clamp(16px,3.3dvw,24px);max-height:300px;overflow-y:auto;position:relative}.prompts:active{cursor:-webkit-grabbing!important}