.websites-generatorPopup .tabs-body .step_1 label {position: relative;}
.websites-generatorPopup .tabs-body .step_1 .errorMessage {
	position: absolute; left: 2px; top: -20px; width: fit-content; font-size: 14px;
}

/* Name & Template*/
.websites-generatorPopup .tabs-body .step_1 .name {width: 50%;}
.websites-generatorPopup .tabs-body .step_1 .name label {width: 80%;}
.websites-generatorPopup .tabs-body .step_1 .name p {margin-bottom: 0;}
.websites-generatorPopup .tabs-body .step_1 .template {width: 50%;}

/* URL */
.websites-generatorPopup .tabs-body .step_1 .url {display: flex; align-items: center; gap: 1rem; margin-top: .5rem;}
.websites-generatorPopup .tabs-body .step_1 .url .type {
	display: flex; flex-direction: column; gap: .5rem; flex-grow: 1;
}
.websites-generatorPopup .tabs-body .step_1 .url .type input {width: 20px; height: 20px !important; margin: 0;}

.websites-generatorPopup .tabs-body .step_1 .url .type label {display: flex; align-items: center; gap: .5rem;}
.websites-generatorPopup .tabs-body .step_1 .url .type label span {font-size: 18px;}

.websites-generatorPopup .tabs-body .step_1 .url .type p {margin: 0 28px 0 0;}
.websites-generatorPopup .tabs-body .step_1 .url .type p i {width: 20px;}

.websites-generatorPopup .tabs-body .step_1 .url .value {
	display: flex; align-items: center; gap: .5rem; width: 500px; direction: ltr; padding: 1rem;
	border-radius: 3px; border: 1px solid #aaa; background-color: #f4f4f4;
	text-align: left; font-size: 1.5rem; color: var(--blue-lighter);
}
.websites-generatorPopup .tabs-body .step_1 .url .value input {
	width: 370px; margin: 0; background-color: #d3e5ff; text-align: center; font-size: 1.5rem; color: var(--blue-main);
}
.websites-generatorPopup .tabs-body .step_1 .url .value input.short {width: 250px;}