#messages{background:var(--white);display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr auto auto 1fr;min-height:calc(101dvh - var(--header-h));overflow:hidden;position:relative}#messages:before{background:var(--off-white);content:"";inset:0 50% 0 0;position:absolute}#messages figure{align-self:center;background:var(--white);box-shadow:0 0 0 1px rgba(16,16,16,.12),inset 0 1px 0 hsla(0,0%,100%,.9);display:flex;flex-direction:column;gap:1.5rem;grid-column:1;grid-row:1/-1;justify-self:center;margin:var(--gutter-y) var(--gutter);max-width:clamp(75%,80%,800px);padding:40px;position:relative;width:100%;z-index:1}#messages figure>div:first-child{align-items:center;column-gap:1rem;display:grid;grid-template-columns:auto 1fr}#messages figure>div:first-child:before{background:#101010 url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 512 512'%3E%3Cpath d='M258 144a72 72 0 1 1-72 72 72 72 0 0 1 72-72M256 432a175.55 175.55 0 0 1-129.18-56.6C135.66 329.62 215.06 320 256 320s120.34 9.62 129.18 55.39A175.52 175.52 0 0 1 256 432'/%3E%3C/svg%3E") 50% /cover no-repeat;border-radius:50%;content:"";grid-row:1/3;height:46px;width:46px}#messages figure>div:first-child strong{color:var(--black);font-size:var(--fs-medium);font-weight:var(--fw-bold);grid-column:2}#messages figure>div:first-child small{color:var(--mid);font-size:var(--fs-tiny);font-weight:var(--fw-bold);grid-column:2;letter-spacing:var(--ls-small);text-transform:uppercase}#messages figure ul{display:flex;flex-direction:column;gap:1rem;list-style:none}#messages figure ul small{align-items:center;color:#999;display:flex;font-size:10px;font-weight:var(--fw-bold);gap:.85rem;letter-spacing:.12em;margin:.25rem 0;text-transform:uppercase}#messages figure ul small:after,#messages figure ul small:before{background:#e2dfd6;content:"";flex:1;height:1px}#messages figure li{align-self:flex-start;background:var(--off-white);color:var(--text);font-size:var(--fs-medium);line-height:var(--lh-list);max-width:80%;padding:.8rem .9rem .9rem}#messages figure li.messages-sent{align-self:flex-end;background:var(--black);color:var(--white)}#messages figure ul>*{opacity:0;transform:translateY(8px);transition:opacity .36s ease,transform .36s ease}#messages figure ul>.chat-in{opacity:1;transform:none}#messages .messages-input{align-items:center;border-top:1px solid #edeae1;display:flex;gap:1rem;justify-content:space-between;margin-top:.5rem;padding-top:1.5rem}#messages .messages-input p{color:var(--black);font-size:var(--fs-medium);margin:0}#messages .messages-caret{animation:messages-blink 1s step-end infinite;background:var(--red);height:22px;margin-left:1px;width:2px}#messages .messages-send{align-items:center;background:#ccc;border:none;cursor:pointer;display:flex;flex-shrink:0;height:44px;justify-content:center;transition:background-color .3s;width:44px}#messages .messages-send.is-active{background:var(--red)}#messages .messages-send:before{background-color:var(--white);content:"";height:24px;-webkit-mask:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2.25' viewBox='0 0 24 24'%3E%3Cpath d='M5 12h14M12 5l7 7-7 7'/%3E%3C/svg%3E") center /contain no-repeat;mask:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2.25' viewBox='0 0 24 24'%3E%3Cpath d='M5 12h14M12 5l7 7-7 7'/%3E%3C/svg%3E") center /contain no-repeat;width:24px}@keyframes messages-blink{50%{opacity:0}}#messages hgroup{grid-column:2;grid-row:2;padding-inline:var(--gutter)}#messages .kicker{margin-bottom:0}#messages blockquote{grid-column:2;grid-row:3;margin:3.5rem 0 0;padding-inline:var(--gutter)}#messages blockquote:before{background-color:var(--red);content:"";display:block;height:2.75rem;margin-bottom:1.75rem;-webkit-mask:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M119.472 66.59C53.489 66.59 0 120.094 0 186.1c0 65.983 53.489 119.487 119.472 119.487 0 0-.578 44.392-36.642 108.284-4.006 12.802 3.135 26.435 15.945 30.418 9.089 2.859 18.653.08 24.829-6.389 82.925-90.7 115.385-197.448 115.385-251.8 0-66.006-53.488-119.51-119.517-119.51m273.01 0c-65.983 0-119.472 53.505-119.472 119.51 0 65.983 53.489 119.487 119.472 119.487 0 0-.578 44.392-36.642 108.284-4.006 12.802 3.136 26.435 15.945 30.418 9.089 2.859 18.653.08 24.828-6.389C479.539 347.2 512 240.452 512 186.1c0-66.006-53.489-119.51-119.518-119.51'/%3E%3C/svg%3E") center /contain no-repeat;mask:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M119.472 66.59C53.489 66.59 0 120.094 0 186.1c0 65.983 53.489 119.487 119.472 119.487 0 0-.578 44.392-36.642 108.284-4.006 12.802 3.135 26.435 15.945 30.418 9.089 2.859 18.653.08 24.829-6.389 82.925-90.7 115.385-197.448 115.385-251.8 0-66.006-53.488-119.51-119.517-119.51m273.01 0c-65.983 0-119.472 53.505-119.472 119.51 0 65.983 53.489 119.487 119.472 119.487 0 0-.578 44.392-36.642 108.284-4.006 12.802 3.136 26.435 15.945 30.418 9.089 2.859 18.653.08 24.828-6.389C479.539 347.2 512 240.452 512 186.1c0-66.006-53.489-119.51-119.518-119.51'/%3E%3C/svg%3E") center /contain no-repeat;width:2.75rem}#messages blockquote p{font-size:var(--fs-large);line-height:var(--lh-large)}#messages blockquote em{font-style:normal;font-weight:var(--fw-bold)}#messages blockquote cite{align-items:center;column-gap:1.25rem;display:grid;font-style:normal;grid-template-columns:auto 1fr}#messages blockquote cite img{border:1px solid var(--border);border-radius:50%;grid-row:1/3;height:63px;object-fit:cover;width:63px}#messages blockquote cite strong{font-size:var(--fs);font-weight:var(--fw-bold);grid-column:2;letter-spacing:0}#messages blockquote cite small{color:var(--mid);font-size:var(--fs-small);font-weight:var(--fw-bold);grid-column:2;letter-spacing:var(--ls-small)}@media (prefers-reduced-motion:reduce){#messages figure ul>*{opacity:1;transform:none}#messages .messages-caret{animation:none}}