/* Shared main-chat Contour material. Loaded by main chat and the mounted Ghost host. */
.tm-contour-surface.tm-contour-panel {
  border-radius: 40px;
  --tm-contour-background:
    linear-gradient(145deg, rgb(var(--tm-season-rgb, var(--ghost-season-rgb, 168 85 247)) / .22), rgb(var(--tm-season-rgb, var(--ghost-season-rgb, 168 85 247)) / .055) 48%, transparent 78%),
    var(--tm-popover-bg, rgb(10 10 10 / .85));
  background: var(--tm-contour-background);
  border: 1px solid rgb(var(--tm-season-rgb, var(--ghost-season-rgb, 168 85 247)) / .34);
  box-shadow:
    inset 0 1px 0 rgb(var(--tm-edge-rgb, 255 255 255) / .24),
    inset 0 0 0 1px rgb(var(--tm-season-rgb, var(--ghost-season-rgb, 168 85 247)) / .055),
    0 20px 52px -22px rgb(var(--tm-shadow-rgb, 0 0 0) / .64),
    0 12px 36px -24px rgb(var(--tm-season-rgb, var(--ghost-season-rgb, 168 85 247)) / .48);
  -webkit-backdrop-filter: blur(44px) saturate(165%);
  backdrop-filter: blur(44px) saturate(165%);
}
:root[data-theme="light"] .tm-contour-surface.tm-contour-panel {
  --tm-contour-background:
    linear-gradient(145deg, rgb(var(--tm-season-rgb, var(--ghost-season-rgb, 168 85 247)) / .14), rgb(var(--tm-season-rgb, var(--ghost-season-rgb, 168 85 247)) / .035) 55%, transparent 82%),
    rgb(var(--tm-paper-rgb, 255 252 247) / .94);
  border-color: rgb(var(--tm-season-rgb, var(--ghost-season-rgb, 168 85 247)) / .27);
  -webkit-backdrop-filter: blur(44px) saturate(145%) !important;
  backdrop-filter: blur(44px) saturate(145%) !important;
}
@media (prefers-reduced-transparency: reduce), (prefers-contrast: more) {
  .tm-contour-surface.tm-contour-panel {
    --tm-contour-background: var(--color-surface, var(--background, #141419));
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
  }
}

@supports (corner-shape: squircle) { .tm-contour-surface.tm-contour-panel { corner-shape: squircle; } }