.image{width:66%;position:relative;border-radius:24px;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 hsla(0,0%,63%,.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}.messages{row-gap:8px}.bubble,.messages{display:flex;flex-direction:column}.bubble{max-width:66%;width:-moz-fit-content;width:fit-content;padding:12px 16px;border-radius:24px;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;background-color:var(--background-color);z-index:0;bottom:-1px}.bubble:after,.bubble:before{border-bottom-right-radius:20px}.bubble:after{width:28px;height:24px;left:-12px;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]{background-color:var(--sent-bg-color);color:var(--sent-text-color);margin-left:auto}.bubble[data-type=sent]:before{height:25px;width:16px;right:-16px;background-color:var(--background-color);z-index:0;bottom:-1px}.bubble[data-type=sent]:after,.bubble[data-type=sent]:before{left:unset;border-bottom-left-radius:20px;border-bottom-right-radius:unset}.bubble[data-type=sent]:after{width:28px;height:24px;right:-12px;background-color:var(--sent-bg-color);z-index:-1}.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;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(--background-color);border:none;padding:11px 15px;margin:0 1px;box-shadow:0 0 0 1px var(--transparent-border);color:var(--text-color);border-radius:24px;cursor:pointer;width:-moz-fit-content;width:fit-content;font-feature-settings:"tnum";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);--sent-bg-color:#0b93f6;--sent-text-color:#fff;--received-bg-color:#f2f2f2;--received-text-color:#000;--buttonFg:#999;--buttonBg:#f2f2f2;--transparent-border:rgba(0,0,0,.1);--transparentBg:hsla(0,0%,100%,.75)}@media (prefers-color-scheme:dark){:root{--background-color:#1e1e1e;--text-color:#fff;--sent-bg-color:#0b93f6;--sent-text-color:#fff;--received-bg-color:#3b3b3d;--received-text-color:#fff;--buttonFg:#888;--buttonBg:#383838;--transparent-border:hsla(0,0%,100%,.2);--transparentBg:rgba(30,30,30,.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}.container{display:flex;flex-direction:column;min-height:100dvh}.messages{width:100%;max-width:var(--max-width);margin:0 auto;flex:1 1;padding:clamp(16px,3.3dvw,24px)}.composer{position:-webkit-sticky;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);margin:0 auto}.scrollableRegion::-webkit-scrollbar{display:none}.prompts{flex-wrap:nowrap;display:flex;column-gap:8px;padding:clamp(8px,2.2dvw,16px) clamp(16px,3.3dvw,24px)}.prompts:active{cursor:-webkit-grabbing!important}