// ** PDF Creator

// ! replace SCSS variables and mixins with css variables or real css values

body.cui-theme-fylr {
	.cui-modal > .cui-simple-pane.pdf-creator {
		background-color: var(--body-bg);
    
		> .cui-vertical-layout-center > .cui-horizontal-layout {
			> *:not(.cui-flex-handle) {
				background-color: var(--pane-background);
				border: 0; // override ng theme
    
				> .cui-pane {
					> .cui-vertical-layout-top > .cui-pane-header {
						// see @mixin pane-header()
                        
						--toolbar-gap: 0; // reset default toolbar gap
						--pane-header-background: var(--body-bg);
    
						flex-wrap: nowrap;
						padding-left: 0;
						padding-right: 0;
						background-color: var(--pane-header-background);
                        
						.cui-horizontal-layout-left > .cui-label {
							// see @mixin h3(0);
							font-family: var(--headings-font-family);
							font-size: var(--headline-size-h3);
							font-weight: var(--headings-font-weight);
							line-height: var(--headings-line-height);
							color: var(--headings-color, inherit);
							margin-bottom: 0;
						}
					}
    
					> .cui-vertical-layout-center {
						//see  @mixin pane-padding();
						padding: var(--pane-padding);
					}
				}
			}
		}
    
		.pdf-creator-iframe-wrapper {
			background: var(--gray-200);
		}
	}
}

