/* Keep this stylesheet beside the images: URLs resolve relative to this file. */
.sps-chat-background {
  background-color: #f5f6f8;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
.sps-chat-background--01 {
  color-scheme: light;
  background-color: #f5f6f8;
  background-image: url('./01-light-flow.png');
  background-image: image-set(url('./01-light-flow.webp') type('image/webp'), url('./01-light-flow.png') type('image/png'));
}
.sps-chat-background--02 {
  color-scheme: light;
  background-color: #fafafb;
  background-image: url('./02-light-modules.png');
  background-image: image-set(url('./02-light-modules.webp') type('image/webp'), url('./02-light-modules.png') type('image/png'));
}
.sps-chat-background--03 {
  color-scheme: dark;
  background-color: #17191d;
  background-image: url('./03-dark-flow.png');
  background-image: image-set(url('./03-dark-flow.webp') type('image/webp'), url('./03-dark-flow.png') type('image/png'));
}
/* Optional wrapper: wallpaper stays still while messages scroll. */
.sps-chat-viewport { overflow: hidden; min-height: 0; }
.sps-chat-scroll { height: 100%; overflow-y: auto; overscroll-behavior-y: contain; }