.chat{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:.75rem;padding-top:.25rem;padding-bottom:.25rem;--mask-chat: url("data:image/svg+xml,%3csvg width='13' height='13' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='M0 11.5004C0 13.0004 2 13.0004 2 13.0004H12H13V0.00036329L12.5 0C12.5 0 11.977 2.09572 11.8581 2.50033C11.6075 3.35237 10.9149 4.22374 9 5.50036C6 7.50036 0 10.0004 0 11.5004Z'/%3e%3c/svg%3e")}.chat-image{grid-row:span 2/span 2;align-self:flex-end}.chat-header{grid-row-start:1;gap:.25rem;font-size:.6875rem;display:flex}.chat-footer{grid-row-start:3;gap:.25rem;font-size:.6875rem;display:flex}.chat-bubble{border-radius:var(--radius-field);background-color:var(--color-base-300);width:fit-content;color:var(--color-base-content);grid-row-end:3;min-width:2.5rem;max-width:90%;min-height:2rem;padding-block:.5rem;padding-inline:1rem;display:block;position:relative}.chat-bubble:before{background-color:inherit;content:"";width:.75rem;height:.75rem;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-image:var(--mask-chat);mask-image:var(--mask-chat);position:absolute;bottom:0;-webkit-mask-position:0 -1px;mask-position:0 -1px;-webkit-mask-size:.8125rem;mask-size:.8125rem}.chat-start{grid-template-columns:auto 1fr;place-items:start}.chat-start .chat-header,.chat-start .chat-footer{grid-column-start:2}.chat-start .chat-image{grid-column-start:1}.chat-start .chat-bubble{border-end-start-radius:0;grid-column-start:2}.chat-start .chat-bubble:before{inset-inline-start:-.75rem;transform:rotateY(0)}[dir=rtl] :is(.chat-start .chat-bubble):before{transform:rotateY(180deg)}.chat-end{grid-template-columns:1fr auto;place-items:end}.chat-end .chat-header,.chat-end .chat-footer{grid-column-start:1}.chat-end .chat-image{grid-column-start:2}.chat-end .chat-bubble{border-end-end-radius:0;grid-column-start:1}.chat-end .chat-bubble:before{inset-inline-start:100%;transform:rotateY(180deg)}[dir=rtl] :is(.chat-end .chat-bubble):before{transform:rotateY(0)}.chat>div:not(.chat-image):not(.chat-header):not(.chat-footer):not(.chat-bubble){display:contents}ion-content{--background: var(--color-base-100)}ion-popover.feature-discovery{--background: #ffffff;--backdrop-opacity: .4;--box-shadow: 0 8px 24px rgba(0, 0, 0, .15);--width: 320px;--border-radius: 12px;margin-top:20px}ion-popover.feature-discovery ion-content{--background: #ffffff;--padding-start: 24px;--padding-end: 24px;--padding-top: 20px;--padding-bottom: 20px;border-radius:12px}.popover-content{display:flex;flex-direction:column;gap:16px;border-radius:12px}.popover-header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}.popover-title{font-size:16px;font-weight:600;color:#1f2937;line-height:1.4;margin:0}.popover-close{background:none;border:none;padding:0;cursor:pointer;color:#6b7280;flex-shrink:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:background-color .2s}.popover-close:hover{background-color:#f3f4f6}.popover-body{font-size:14px;line-height:1.6;color:#4b5563;margin:0}.popover-body strong{font-weight:600;color:#1f2937}.popover-footer{display:flex;justify-content:flex-end}.popover-button{background-color:#0b57d0;color:#fff;border:none;padding:10px 24px;border-radius:100px;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .2s}.popover-button:hover{background-color:#094fb8}.popover-button:active{background-color:#0847a0}