| 12345678910111213141516171819202122232425262728293031323334353637 |
- [data-dock-surface="shell"] {
- background-color: var(--surface-raised-stronger-non-alpha);
- box-shadow: var(--shadow-xs-border);
- position: relative;
- z-index: 10;
- border-radius: 12px;
- overflow: clip;
- }
- [data-dock-border-underlay] {
- /* Later shadows paint underneath, so this solid ring masks overlapping surfaces without changing border geometry. */
- box-shadow:
- var(--dock-shell-visual-shadow, var(--shadow-xs-border)),
- 0 0 0 var(--dock-shell-border-underlay-width, 1px)
- var(--dock-shell-border-underlay-background, var(--surface-raised-stronger-non-alpha));
- }
- [data-dock-border-underlay="v2"] {
- --dock-shell-visual-shadow: var(--v2-elevation-raised);
- --dock-shell-border-underlay-width: 0.5px;
- --dock-shell-border-underlay-background: var(--v2-background-bg-base);
- }
- [data-dock-surface="tray"] {
- background-color: var(--background-base);
- border: 1px solid var(--border-weak-base);
- position: relative;
- z-index: 0;
- border-radius: 12px;
- overflow: clip;
- }
- [data-dock-surface="tray"][data-dock-attach="top"] {
- margin-top: -0.875rem;
- border-top-left-radius: 0;
- border-top-right-radius: 0;
- }
|