@import "./dia-chat-widget.shared.css";

s-box[border="base"] {
  background: #ffffff;
  box-shadow: 0 12px 30px rgba(15, 23, 42, 0.06);
}

s-box[border="subdued"] {
  background: #ffffff;
}

.dia-widget-preview {
  width: 100%;
}

.dia-widget-preview__stage {
  display: grid;
  justify-items: end;
  gap: 14px;
}

.dia-widget-preview__stage--bottom-left {
  justify-items: start;
}

.dia-widget-preview .dia-chat-launcher {
  position: static;
  z-index: auto;
  box-shadow: 0 8px 20px rgba(15, 23, 42, 0.12);
}

.dia-widget-preview .dia-chat-launcher[data-active="true"] {
  display: none;
}

.dia-widget-preview .dia-chat-panel {
  position: relative;
  right: auto;
  bottom: auto;
  left: auto;
  z-index: auto;
  width: min(384px, 100%);
  box-shadow: 0 14px 34px rgba(15, 23, 42, 0.1);
}