@vaadin/vaadin-lumo-styles/components/master-detail-layout.css

Lumo is a design system foundation for modern web applications, used by Vaadin components

/**
 * @license
 * Copyright (c) 2000 - 2026 Vaadin Ltd.
 * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
 */
:where(:root),
:where(:host) {
  --vaadin-master-detail-layout-backdrop: var(
    --lumo-shade-20pct
  );
  --vaadin-master-detail-layout-detail-background: var(
    --lumo-base-color
  );
  --vaadin-master-detail-layout-detail-shadow:
    0 0 0 1px var(--lumo-shade-5pct),
    var(--lumo-box-shadow-m);
  --vaadin-master-detail-layout-border-color: var(
    --lumo-contrast-10pct
  );
}