미디어위키:Gadget-preview-params.css

.preview-params {
    border: 1px solid #c8ccd1;
    padding: 12px;
    background: #f7f7f7;
}
.preview-params .cdx-field {
	margin: 0;
}
.param-field:not(:first-child) .cdx-label {
	display: none;
}
.preview-params-help {
    display: block;
    position: absolute;
    right: 1em;
}
.skin-vector-2022 .preview-params-help {
	right: 2em;
}
.preview-params-add {
	margin-top: 6px;
}
.param-field {
	margin: 2px 0;
	
	.cdx-field__control {
		width: 100%;
		display: flex;
		align-items: end;
		gap: 8px;
	}
	.cdx-field {
		margin: 0;
		width: 100%;
	}
	.cdx-text-input {
		min-width: 0;
		width: 100%;
	}
	.param-field--middle-eq {
		margin-bottom: 8px;
	}
}
/*.skin-citizen {*/
/*	.preview-params {*/
/*		border: none;*/
/*	    padding: var(--space-lg);*/
/*	    background: var(--color-surface-2);*/
/*	    border-radius: var(--border-radius-large);*/
/*	}*/
/*	.preview-params-help {*/
/*		right: max(calc((100% - var(--width-layout)) / 2), calc(var(--padding-page) + var(--space-lg)));*/
/*	}*/
/*	.preview-params-add {*/
/*		margin-top: var(--space-xs);*/
/*	}*/
/*	.param-field {*/
/*	    margin: var(--space-xs) 0;*/
/*	}*/
/*	.param-field--middle-eq {*/
/*		margin-bottom: 3px;*/
/*	}*/
/*}*/