.wpcb-template-shortcode-floating {

	.wpcb-configurator-step-control-list {
		.wpcb-configurator-step-control-number {
			background-color: $template_background;
		}
	}

	.wpcb-configurator-wrapper {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		align-items: stretch;

		.wpcb-configurator-field:not(.wpcb-removed) {
			background-color: $template_background;
			border: 1px solid $template_border;
			padding: 12px;
			border-radius: 8px;
		}
	}

	.wpcb-configurator-step-progress-bar {
		background-color: $template_background;
	}

	.wpcb-configurator-gallery .slick-prev.slick-arrow,
	.wpcb-configurator-gallery .slick-next.slick-arrow {
		background-color: $template_background;
	}

	.wpcb-price-table-totals,
	.wpcb-configurator-form-totals,
	.wpcb-configurator-inline-quote-form {
		background-color: $template_background;
		border: 1px solid $template_border;
	}

	.wpcb-configurator-form-totals,
	.wpcb-configurator-inline-quote-form {
		padding: 12px;
		border-radius: 8px;
	}
	
	.wpcb-configurator-visuals {
		box-sizing: border-box;

		@media (min-width: 992px), (orientation: portrait) {
			width: calc(100% - 476px);
			flex: 0 0 calc(100% - 476px);
		}

		@media (min-width: 1440px) {
			width: calc(100% - 576px);
			flex: 0 0 calc(100% - 576px);
		}
	}
	
	.wpcb-configurator-options,
	.wpcb-configurator-gallery {
		background-color: $template_accent;
	}

	.wpcb-configurator-options {
		@media (min-width: 992px), (orientation: portrait) {
			flex-basis: 476px;
			width: 476px;
		}

		@media (min-width: 1440px) {
			flex-basis: 576px;
			width: 576px;
		}
	}
}