.websites-generatorPopup {width: min(1000px, 90vw);}
.websites-generatorPopup .body {min-height: unset !important; padding: 1.5rem;}

.websites-generatorPopup .tabs-header {display: flex; justify-content: space-between;}
.websites-generatorPopup .tabs-header div {
	min-width: 120px; padding: 12px; border-radius: 3px; cursor: default;
	background-color: #e4e4e4; text-align: center; font-size: 1rem;
}
.websites-generatorPopup .tabs-header div.active {
	background-color: var(--blue-main); font-weight: bold; color: white;
}
.websites-generatorPopup .tabs-header div.done {background-color: var(--blue-lightest); cursor: pointer;}
.websites-generatorPopup .tabs-header div.done:hover {background-color: var(--blue-light);}

.websites-generatorPopup .tabs-body {margin-top: 1.5rem;}
.websites-generatorPopup .tabs-body > div {display: none;}
.websites-generatorPopup .tabs-body > div.active {display: block;}
.websites-generatorPopup .tabs-body h4,
.websites-generatorPopup .tabs-body label {color: var(--blue-main);}
.websites-generatorPopup .tabs-body hr {margin: 1.5rem auto;}
.websites-generatorPopup .tabs-body .line {display: flex; gap: 1rem;}
.websites-generatorPopup .tabs-body .button {min-width: 120px; margin-bottom: 0; font-size: 1.5rem;}

.websites-generatorPopup .tabs-body i.fal {font-size: 17px; color: var(--green-dark);}
.websites-generatorPopup .tabs-body .moreInfo {margin-right: .5rem; cursor: pointer;}
.websites-generatorPopup .tabs-body .moreInfo:hover {font-weight: bold;}
.websites-generatorPopup .tabs-body .moreInfoContent {display: none;}

/* Step 4 */
.websites-generatorPopup .tabs-body .step_4 .logo {display: flex; gap: 1rem;}
.websites-generatorPopup .tabs-body .step_4 .content_field_image {width: 500px;}
.websites-generatorPopup .tabs-body .step_4 .content_field_image > img {object-fit: unset; aspect-ratio: unset;}

/* Step 5 */
.websites-generatorPopup .tabs-body .step_5 .pages {
	display: grid; grid-template-columns: 1fr 1fr; grid-column-gap: 1rem; grid-row-gap: 1rem;
}
.websites-generatorPopup .tabs-body .step_5 .pages label {display: flex; align-items: center; gap: 1rem;}
.websites-generatorPopup .tabs-body .step_5 .pages label i {
	width: 50px; text-align: center; font-size: 2.5rem; color: var(--green-light);
}
.websites-generatorPopup .tabs-body .step_5 .pages label input {width: 20px; height: 20px; margin: 0;}
.websites-generatorPopup .tabs-body .step_5 .pages p {margin: 0 102px 0 0;}

/* More info */
.moreInfoPopup {
	padding: 1rem; border: 1px solid var(--green-dark); border-radius: 3px;
	background-color: #ffe; box-shadow: 0 0 10px 0 rgba(0, 0, 0, .2);
}
.moreInfoPopup p {margin-bottom: .5rem;}
.moreInfoPopup p:last-child {margin-bottom: 0;}