.theme-preview[data-v-ae8b60ae]{aspect-ratio:16/10;border-radius:.75rem;grid-template-rows:24% 1fr 20%;grid-template-columns:28% 1fr;width:100%;display:grid;overflow:hidden}.theme-preview--light[data-v-ae8b60ae]{background:#f8fafc}.theme-preview--dark[data-v-ae8b60ae]{background:#17171a}.theme-preview--system[data-v-ae8b60ae]{background:linear-gradient(135deg,#f8fafc 0 50%,#17171a 50% 100%)}.theme-preview__sidebar[data-v-ae8b60ae]{background:#7c3aed2b;grid-row:1/4}.theme-preview__header[data-v-ae8b60ae]{background:#7c3aed52;border-radius:999px;margin:.5rem .55rem}.theme-preview__message[data-v-ae8b60ae]{border-radius:999px;width:44%;height:.55rem;margin:.35rem .55rem}.theme-preview__message--incoming[data-v-ae8b60ae]{background:#94a3b85c;align-self:start}.theme-preview__message--outgoing[data-v-ae8b60ae]{background:#7c3aed94;place-self:center end}.theme-preview__field[data-v-ae8b60ae]{background:#94a3b847;border-radius:999px;grid-column:2;align-self:end;height:.65rem;margin:.5rem .55rem}@media (width<=639px){.theme-preview[data-v-ae8b60ae]{border-radius:.5rem}.theme-preview__header[data-v-ae8b60ae],.theme-preview__message[data-v-ae8b60ae],.theme-preview__field[data-v-ae8b60ae]{margin-inline:.3rem}.theme-preview__header[data-v-ae8b60ae],.theme-preview__field[data-v-ae8b60ae]{margin-block:.3rem}.theme-preview__message[data-v-ae8b60ae]{height:.4rem;margin-block:.2rem}}