.websites-generatorPopup .tabs-body .step_3 .schemes {
		display: grid; grid-template-columns: repeat(2, 1fr); grid-column-gap: 2rem; grid-row-gap: 1rem;
}

.websites-generatorPopup .tabs-body .step_3 .scheme {width: fit-content; padding: .5rem; border-radius: 3px; cursor: pointer;}
.websites-generatorPopup .tabs-body .step_3 .scheme:hover {outline: 1px solid #ccc; background: #fafafa;}
.websites-generatorPopup .tabs-body .step_3 .scheme.active {outline: 1px solid #999; background: #f3f3f3;}
.websites-generatorPopup .tabs-body .step_3 .scheme h6 {margin-bottom: 0;}
.websites-generatorPopup .tabs-body .step_3 .scheme .colors {width: 100%; display: flex; gap: .5rem;}
.websites-generatorPopup .tabs-body .step_3 .scheme .color {width: 40px; height: 40px; border-radius: 3px;}

.websites-generatorPopup .tabs-body .step_3 .preview {
	width: 50%; display: flex; flex-direction: column; margin-right: auto;
	overflow: hidden; border-radius: 3px; background-color: #f4f4f4;
}
.websites-generatorPopup .tabs-body .step_3 .preview .header,
.websites-generatorPopup .tabs-body .step_3 .preview .footer {height: 50px;}
.websites-generatorPopup .tabs-body .step_3 .preview .header {display: flex; align-items: center; gap: .5rem; padding: 0 1rem;}
.websites-generatorPopup .tabs-body .step_3 .preview .header .item {width: 2rem; height: 1rem; border-radius: 3px; background: white;}

.websites-generatorPopup .tabs-body .step_3 .preview .body {display: flex; gap: 1rem;}
.websites-generatorPopup .tabs-body .step_3 .preview .body .content {
	width: 50%; display: flex; flex-direction: column; gap: .5rem; border-radius: 3px;
}
.websites-generatorPopup .tabs-body .step_3 .preview .body .content div {width: 50%; height: .5rem; border-radius: 3px;}
.websites-generatorPopup .tabs-body .step_3 .preview .body .content div.text {width: 100%; opacity: .3;}
.websites-generatorPopup .tabs-body .step_3 .preview .body .content div.btn {width: 30%; height: 1rem;}
.websites-generatorPopup .tabs-body .step_3 .preview .body .content.second div {background-color: white;}
.websites-generatorPopup .tabs-body .step_3 .preview .body .content.second div.text {opacity: .6;}

.websites-generatorPopup .tabs-body .step_3 .preview .footer {margin-top: auto;}