/**
 * @file
 * Node preview container styling.
 */

@import "../base/media-queries.pcss.css";

.node-preview-container {
  padding-block: 0;
  padding-inline-start: calc(var(--sp0-5) + var(--drupal-displace-offset-left, 0rem));
  padding-inline-end: calc(var(--sp0-5) + var(--drupal-displace-offset-right, 0rem));
  background: var(--color--white);
  box-shadow: -36px 1px 36px rgb(0, 0, 0, 0.08); /* LTR */
}

[dir="rtl"] .node-preview-container {
  padding-inline-start: calc(var(--sp0-5) + var(--drupal-displace-offset-right, 0rem));
  padding-inline-end: calc(var(--sp0-5) + var(--drupal-displace-offset-left, 0rem));
  box-shadow: 36px 1px 36px rgb(0, 0, 0, 0.08);
}

.toolbar-vertical.toolbar-tray-open .node-preview-container {
  max-width: calc(100vw - var(--toolbar-tray-vertical-width) - var(--scrollbar-width));
}

.node-preview-form-select {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}

.node-preview-backlink {
  margin-block: var(--sp0-5);
  margin-inline-start: 0;
  margin-inline-end: auto;
}
