.wp-block-rowww-chat-demo{container-type:inline-size}.wp-block-rowww-chat-demo>*{margin-inline:auto;max-width:52rem}.wp-block-rowww-chat-demo__window{background:var(--wp--preset--color--surface);border:1px solid var(--wp--custom--line--subtle);border-radius:var(--wp--preset--border-radius--card);box-shadow:0 2rem 4rem rgba(0,0,0,.35);font-size:var(--wp--preset--font-size--sm);line-height:1.5;overflow:hidden}.wp-block-rowww-chat-demo__bar{align-items:center;border-block-end:1px solid var(--wp--custom--line--subtle);display:flex;gap:var(--wp--preset--spacing--30);padding:var(--wp--preset--spacing--30) var(--wp--preset--spacing--40)}.wp-block-rowww-chat-demo__dots{display:flex;gap:.35rem}.wp-block-rowww-chat-demo__dots i{background:var(--wp--custom--line--subtle);border-radius:50%;height:.6rem;width:.6rem}.wp-block-rowww-chat-demo__app{align-items:center;display:flex;font-weight:600;gap:.4rem}.wp-block-rowww-chat-demo__app svg{color:var(--rowww-accent-text-start);height:1.1em;width:1.1em}.wp-block-rowww-chat-demo__badge{border:1px solid var(--wp--custom--line--subtle);border-radius:999px;color:var(--wp--preset--color--muted);font-size:var(--wp--preset--font-size--xs);letter-spacing:.06em;margin-inline-start:auto;padding:.15rem .6rem;text-transform:uppercase}.wp-block-rowww-chat-demo__body{display:grid;gap:var(--wp--preset--spacing--40);padding:var(--wp--preset--spacing--40)}@container (min-width: 36rem){.wp-block-rowww-chat-demo__body{gap:var(--wp--preset--spacing--50);grid-template-columns:minmax(0,1fr) minmax(0,1fr);padding:var(--wp--preset--spacing--50)}}.wp-block-rowww-chat-demo__chat{display:flex;flex-direction:column;gap:var(--wp--preset--spacing--30)}.wp-block-rowww-chat-demo__chat p{margin:0}.wp-block-rowww-chat-demo__msg{border-radius:1rem;margin:0;max-width:90%;padding:.75rem 1rem}.wp-block-rowww-chat-demo__msg.is-user{align-self:flex-end;background:color-mix(in srgb,var(--wp--preset--color--contrast) 12%,transparent);border-end-end-radius:.3rem}.wp-block-rowww-chat-demo__msg.is-assistant{align-self:flex-start;background:linear-gradient(135deg,var(--rowww-accent-start),var(--rowww-accent-end));border-end-start-radius:.3rem;color:var(--rowww-accent-on)}.wp-block-rowww-chat-demo__changes{display:flex;flex-wrap:wrap;gap:.35rem;list-style:none;margin:.6rem 0 0;padding:0}.wp-block-rowww-chat-demo__changes li{background:hsla(0,0%,100%,.18);border-radius:999px;font-size:var(--wp--preset--font-size--xs);padding:.1rem .6rem .1rem .45rem}.wp-block-rowww-chat-demo__changes li:before{content:"✓ "}.wp-block-rowww-chat-demo__typing{align-self:flex-start;background:color-mix(in srgb,var(--wp--preset--color--contrast) 12%,transparent);border-radius:1rem;border-end-start-radius:.3rem;display:none;gap:.3rem;padding:.8rem 1rem}.wp-block-rowww-chat-demo__typing span{background:var(--wp--preset--color--muted);border-radius:50%;height:.4rem;width:.4rem}.wp-block-rowww-chat-demo__input{border:1px solid var(--wp--custom--line--subtle);border-radius:999px;color:var(--wp--preset--color--muted);margin-block-start:auto;padding:.7rem 1rem}.wp-block-rowww-chat-demo__preview{background:var(--wp--preset--color--base);border:1px solid var(--wp--custom--line--subtle);border-radius:calc(var(--wp--preset--border-radius--card)*.75);display:flex;flex-direction:column;gap:var(--wp--preset--spacing--30);padding:var(--wp--preset--spacing--40)}.wp-block-rowww-chat-demo__preview-head{align-items:center;color:var(--wp--preset--color--muted);display:flex;font-size:var(--wp--preset--font-size--xs);gap:var(--wp--preset--spacing--30);justify-content:space-between;letter-spacing:.06em;text-transform:uppercase}.wp-block-rowww-chat-demo__status{display:grid}.wp-block-rowww-chat-demo__status>span{border-radius:999px;font-size:var(--wp--preset--font-size--xs);grid-area:1/1;justify-self:end;letter-spacing:0;padding:.15rem .6rem;text-transform:none;white-space:nowrap}.wp-block-rowww-chat-demo__status .is-pending{border:1px solid var(--wp--custom--line--subtle);color:var(--wp--preset--color--contrast);visibility:hidden}.wp-block-rowww-chat-demo__status .is-live{background:linear-gradient(135deg,var(--rowww-accent-start),var(--rowww-accent-end));color:var(--rowww-accent-on)}.wp-block-rowww-chat-demo__status .is-live:before{content:"✓ "}.wp-block-rowww-chat-demo__card{display:flex;flex-direction:column;gap:var(--wp--preset--spacing--20)}.wp-block-rowww-chat-demo__card p{margin:0}.wp-block-rowww-chat-demo__image{aspect-ratio:2/1;background:linear-gradient(160deg,var(--rowww-accent-start),var(--rowww-accent-end));border-radius:.75rem;overflow:hidden;position:relative}.wp-block-rowww-chat-demo__image img{display:block;height:100%;object-fit:cover;width:100%}.wp-block-rowww-chat-demo__art{inset:0;position:absolute}.wp-block-rowww-chat-demo__art>span{border-radius:50%;position:absolute}.wp-block-rowww-chat-demo__art .is-sun{aspect-ratio:1;background:radial-gradient(closest-side,#fff,var(--wp--preset--color--cta) 45%,color-mix(in srgb,var(--wp--preset--color--cta) 55%,transparent) 80%,transparent);box-shadow:0 0 3.5rem 1rem color-mix(in srgb,var(--wp--preset--color--cta) 30%,transparent);filter:blur(2px);inset-block-start:12%;inset-inline-start:60%;width:26%}.wp-block-rowww-chat-demo__art .is-orb{filter:blur(1.75rem);opacity:.75}.wp-block-rowww-chat-demo__art .is-orb-a{aspect-ratio:1;background:color-mix(in srgb,var(--rowww-accent-start) 60%,#fff);inset-block-start:30%;inset-inline-start:-12%;width:55%}.wp-block-rowww-chat-demo__art .is-orb-b{aspect-ratio:1;background:color-mix(in srgb,var(--rowww-accent-end) 70%,var(--wp--preset--color--base));inset-block-end:-45%;inset-inline-end:-10%;width:65%}.wp-block-rowww-chat-demo__art .is-wave{border-radius:42%;height:120%;inset-inline-start:-50%;width:200%}.wp-block-rowww-chat-demo__art .is-wave-back{background:linear-gradient(hsla(0,0%,100%,.22),hsla(0,0%,100%,.04) 40%);inset-block-start:66%}.wp-block-rowww-chat-demo__art .is-wave-front{background:linear-gradient(color-mix(in srgb,var(--rowww-accent-end) 55%,hsla(0,0%,100%,.2)),color-mix(in srgb,var(--rowww-accent-start) 80%,var(--wp--preset--color--base)) 45%);inset-block-start:78%}.wp-block-rowww-chat-demo__shine{background:linear-gradient(110deg,transparent 35%,hsla(0,0%,100%,.45) 50%,transparent 65%) 150% 0/250% 100% no-repeat;inset:0;pointer-events:none;position:absolute}@media(prefers-reduced-motion:no-preference)and (min-width:782px){.wp-block-rowww-chat-demo__art .is-sun{animation:rowww-chat-demo-sun 6s ease-in-out infinite alternate}.wp-block-rowww-chat-demo__art .is-orb-a{animation:rowww-chat-demo-drift 9s ease-in-out infinite alternate}.wp-block-rowww-chat-demo__art .is-orb-b{animation:rowww-chat-demo-drift 11s ease-in-out -4s infinite alternate-reverse}.wp-block-rowww-chat-demo__art .is-wave-back{animation:rowww-chat-demo-wave 14s linear infinite}.wp-block-rowww-chat-demo__art .is-wave-front{animation:rowww-chat-demo-wave 10s linear -3s infinite reverse}}@media(prefers-reduced-motion:no-preference){.wp-block-rowww-chat-demo.is-playing .wp-block-rowww-chat-demo__shine{animation:rowww-chat-demo-shine 1.3s ease 4.1s both,rowww-chat-demo-shine-again 1.3s ease 7.7s}}@keyframes rowww-chat-demo-sun{0%{transform:translate(0) scale(1)}to{transform:translate(-12%,10%) scale(1.08)}}@keyframes rowww-chat-demo-drift{0%{transform:translate(0)}to{transform:translate(18%,-12%)}}@keyframes rowww-chat-demo-wave{to{transform:rotate(1turn)}}@keyframes rowww-chat-demo-shine{0%{background-position:150% 0}to{background-position:-50% 0}}@keyframes rowww-chat-demo-shine-again{0%{background-position:150% 0}to{background-position:-50% 0}}.wp-block-rowww-chat-demo__card-title{display:grid;font-size:var(--wp--preset--font-size--base);font-weight:600;line-height:1.3}.wp-block-rowww-chat-demo__card-title>span{grid-area:1/1}.wp-block-rowww-chat-demo__card-title .is-first{visibility:hidden}.wp-block-rowww-chat-demo__card-text{color:var(--wp--preset--color--muted)}.wp-block-rowww-chat-demo__actions{display:flex;justify-content:flex-end}.wp-block-rowww-chat-demo__publish{background:var(--wp--preset--color--contrast);border-radius:999px;color:var(--wp--preset--color--base);font-weight:600;padding:.45rem 1rem}.wp-block-rowww-chat-demo__caption{align-items:center;color:var(--wp--preset--color--muted);display:flex;flex-wrap:wrap;font-size:var(--wp--preset--font-size--sm);gap:var(--wp--preset--spacing--30);justify-content:center;margin-block-start:var(--wp--preset--spacing--40);text-align:center}.wp-block-rowww-chat-demo__replay{background:none;border:0;color:var(--wp--preset--color--contrast);cursor:pointer;font:inherit;padding:0;text-decoration:underline;text-underline-offset:.2em}.wp-block-rowww-chat-demo__replay[hidden]{display:none}.wp-block-rowww-chat-demo__replay:focus-visible{outline:2px solid currentcolor;outline-offset:3px}@media(prefers-reduced-motion:no-preference){.wp-block-rowww-chat-demo.is-ready .wp-block-rowww-chat-demo__actions,.wp-block-rowww-chat-demo.is-ready .wp-block-rowww-chat-demo__card,.wp-block-rowww-chat-demo.is-ready .wp-block-rowww-chat-demo__changes li,.wp-block-rowww-chat-demo.is-ready .wp-block-rowww-chat-demo__msg,.wp-block-rowww-chat-demo.is-ready .wp-block-rowww-chat-demo__status>span,.wp-block-rowww-chat-demo.is-ready .wp-block-rowww-chat-demo__window{opacity:0}.wp-block-rowww-chat-demo.is-playing .wp-block-rowww-chat-demo__window{animation:rowww-chat-demo-window .8s cubic-bezier(.22,1,.36,1) both}.wp-block-rowww-chat-demo.is-playing .wp-block-rowww-chat-demo__msg.is-user{animation:rowww-chat-demo-from-right .6s cubic-bezier(.22,1,.36,1) .5s both}.wp-block-rowww-chat-demo.is-playing .wp-block-rowww-chat-demo__msg.is-user.is-second{animation-delay:5s}.wp-block-rowww-chat-demo.is-playing .wp-block-rowww-chat-demo__typing{animation:rowww-chat-demo-typing 1.5s ease 1.2s both;display:flex}.wp-block-rowww-chat-demo.is-playing .wp-block-rowww-chat-demo__typing.is-second{animation:rowww-chat-demo-typing 1.4s ease 5.6s both}.wp-block-rowww-chat-demo.is-playing .wp-block-rowww-chat-demo__typing span{animation:rowww-chat-demo-dot .9s ease-in-out infinite}.wp-block-rowww-chat-demo.is-playing .wp-block-rowww-chat-demo__typing span:nth-child(2){animation-delay:.15s}.wp-block-rowww-chat-demo.is-playing .wp-block-rowww-chat-demo__typing span:nth-child(3){animation-delay:.3s}.wp-block-rowww-chat-demo.is-playing .wp-block-rowww-chat-demo__msg.is-assistant{animation:rowww-chat-demo-from-left .65s cubic-bezier(.22,1,.36,1) 2.7s both}.wp-block-rowww-chat-demo.is-playing .wp-block-rowww-chat-demo__msg.is-assistant.is-second{animation-delay:7s}.wp-block-rowww-chat-demo.is-playing .wp-block-rowww-chat-demo__changes li{animation:rowww-chat-demo-pop .42s cubic-bezier(.34,1.56,.64,1) 3.3s both}.wp-block-rowww-chat-demo.is-playing .wp-block-rowww-chat-demo__changes li:nth-child(2){animation-delay:3.45s}.wp-block-rowww-chat-demo.is-playing .wp-block-rowww-chat-demo__changes li:nth-child(3){animation-delay:3.6s}.wp-block-rowww-chat-demo.is-playing .wp-block-rowww-chat-demo__changes li:nth-child(4){animation-delay:3.75s}.wp-block-rowww-chat-demo.is-playing .is-second .wp-block-rowww-chat-demo__changes li{animation-delay:7.5s}.wp-block-rowww-chat-demo.is-playing .wp-block-rowww-chat-demo__card-title .is-first{animation:rowww-chat-demo-out .4s ease 7.6s both;visibility:visible}.wp-block-rowww-chat-demo.is-playing .wp-block-rowww-chat-demo__card-title .is-final{animation:rowww-chat-demo-in .5s ease 7.8s both}.wp-block-rowww-chat-demo.is-playing .wp-block-rowww-chat-demo__card{animation:rowww-chat-demo-rise .8s cubic-bezier(.22,1,.36,1) 3.9s both}.wp-block-rowww-chat-demo.is-playing .wp-block-rowww-chat-demo__actions{animation:rowww-chat-demo-in .5s ease 4.5s both}.wp-block-rowww-chat-demo.is-playing .wp-block-rowww-chat-demo__publish{animation:rowww-chat-demo-press .6s ease 8.6s both}.wp-block-rowww-chat-demo.is-playing .wp-block-rowww-chat-demo__status .is-pending{animation:rowww-chat-demo-pending 5.6s ease 3.9s both;visibility:visible}.wp-block-rowww-chat-demo.is-playing .wp-block-rowww-chat-demo__status .is-live{animation:rowww-chat-demo-pop .5s cubic-bezier(.34,1.56,.64,1) 9.4s both}}@keyframes rowww-chat-demo-in{0%{opacity:0;transform:translateY(.75rem)}to{opacity:1;transform:none}}@keyframes rowww-chat-demo-out{0%{opacity:1}to{opacity:0;transform:translateY(-.5rem)}}@keyframes rowww-chat-demo-window{0%{opacity:0;transform:translateY(2.5rem) scale(.96)}to{opacity:1;transform:none}}@keyframes rowww-chat-demo-from-right{0%{opacity:0;transform:translateX(2.5rem) scale(.92)}to{opacity:1;transform:none}}@keyframes rowww-chat-demo-from-left{0%{opacity:0;transform:translateX(-2.5rem) scale(.92)}to{opacity:1;transform:none}}@keyframes rowww-chat-demo-rise{0%{opacity:0;transform:translateY(2.5rem) scale(.94)}to{opacity:1;transform:none}}@keyframes rowww-chat-demo-pop{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:none}}@keyframes rowww-chat-demo-typing{0%{max-height:0;opacity:0;padding-block:0}12%,88%{max-height:3rem;opacity:1;padding-block:.8rem}to{margin-block-end:calc(var(--wp--preset--spacing--30)*-1);max-height:0;opacity:0;padding-block:0}}@keyframes rowww-chat-demo-dot{0%,60%,to{opacity:.35;transform:none}30%{opacity:1;transform:translateY(-.2rem)}}@keyframes rowww-chat-demo-pending{0%{opacity:0}8%,92%{opacity:1}to{opacity:0}}@keyframes rowww-chat-demo-press{0%,to{box-shadow:none;transform:none}40%{box-shadow:0 0 0 .5rem color-mix(in srgb,var(--rowww-accent-end) 45%,transparent);transform:scale(.9)}}
