2026-09-03 15:18:03 +02:00
|
|
|
/*
|
|
|
|
|
Copyright 2026 Element Creations Ltd.
|
|
|
|
|
|
|
|
|
|
SPDX-License-Identifier: AGPL-3.0-only OR LicenseRef-Element-Commercial
|
|
|
|
|
Please see LICENSE in the repository root for full details.
|
|
|
|
|
*/
|
|
|
|
|
|
|
|
|
|
/* The container a host mounts us into. It fills whatever space the host gives
|
|
|
|
|
it, and establishes a stacking context of its own so that our overlays and
|
|
|
|
|
modals cannot escape it — which is the whole reason for embedding rather than
|
|
|
|
|
using an iframe. */
|
|
|
|
|
.root {
|
|
|
|
|
display: flex;
|
|
|
|
|
flex-direction: column;
|
|
|
|
|
inline-size: 100%;
|
|
|
|
|
block-size: 100%;
|
|
|
|
|
isolation: isolate;
|
|
|
|
|
position: relative;
|
|
|
|
|
background-color: var(--cpd-color-bg-canvas-default);
|
|
|
|
|
color: var(--cpd-color-text-primary);
|
|
|
|
|
-webkit-font-smoothing: antialiased;
|
|
|
|
|
-moz-osx-font-smoothing: grayscale;
|
|
|
|
|
-webkit-tap-highlight-color: transparent;
|
|
|
|
|
}
|
2026-09-03 16:10:26 +02:00
|
|
|
|
|
|
|
|
/* Compound's overlay container, which holds tooltips and popovers, has to fill
|
|
|
|
|
the container for the elements inside it to be positioned against it. The
|
|
|
|
|
standalone page does the same for the container under `#root`. */
|
|
|
|
|
.root > [data-overlay-container] {
|
|
|
|
|
position: relative;
|
|
|
|
|
block-size: 100%;
|
|
|
|
|
}
|
