.d-flex{display:flex}.flex-grow{flex-grow:1}:root{--mat-sidenav-container-width: 20vw;--mat-sidenav-container-shape: 0;--mat-sidenav-container-divider-color: var(--mat-sys-outline-variant);--mat-sidenav-container-background-color: var(--mat-sys-inverse-on-surface);--mat-sidenav-content-background-color: var(--mat-sys-surface-bright);--mat-toolbar-container-background-color: var(--mat-sys-primary-container);--mat-checkbox-selected-focus-icon-color: var(--mat-sys-tertiary);--mat-checkbox-selected-focus-state-layer-color: var(--mat-sys-tertiary);--mat-checkbox-selected-hover-icon-color: var(--mat-sys-tertiary);--mat-checkbox-selected-hover-state-layer-color: var(--mat-sys-tertiary);--mat-checkbox-selected-icon-color: var(--mat-sys-tertiary);--mat-checkbox-selected-pressed-icon-color: var(--mat-sys-tertiary);--mat-checkbox-selected-pressed-state-layer-color: var(--mat-sys-tertiary);--mat-checkbox-unselected-focus-state-layer-color: var(--mat-sys-tertiary);--mat-checkbox-unselected-hover-state-layer-color: var(--mat-sys-tertiary);--mat-checkbox-unselected-pressed-state-layer-color: var(--mat-sys-tertiary);--mat-icon-color: var(--mat-sys-primary)}color-picker{--mat-slider-handle-color: var(--mat-sys-outline);--mat-slider-hover-handle-color: var(--mat-sys-on-surface-variant);--mat-slider-focus-handle-color: var(--mat-sys-on-surface-variant);--mat-slider-active-track-color: transparent;--mat-slider-disabled-active-track-color: transparent;--mat-slider-disabled-inactive-track-color: transparent;--mat-slider-inactive-track-color: transparent}.cdk-overlay-container .color-options-panel{width:50%}body{margin:0;overflow:hidden;font-family:var(--mat-sys-body-large-font)}