#label-generator-submission-dialog {
	background: #fffdf7;
	border: 3px solid #000;
	border-radius: 8px;
	box-shadow: 0 18px 40px rgba(0, 0, 0, 0.35);
	margin: auto;
	max-width: 480px;
	opacity: 0;
	padding: 2rem 2.25rem;
	transform: scale(0.9);
	transition: opacity 0.35s ease-out, transform 0.35s ease-out;
	
	&[open] {
		opacity: 1;
		transform: scale(1);
		
		@starting-style {
			opacity: 0;
			transform: scale(0.9);
		}
	}
	
	&::backdrop {
		background-color: rgba(0, 0, 0, 0);
		transition: background-color 0.2s ease-out;
	}
	
	&[open]::backdrop {
		background: rgba(0, 0, 0, 0.6);
		
		@starting-style {
			background-color: rgba(0, 0, 0, 0);
		}
	}	
	
	h2 {
		font-size: 1.5em;
		font-weight: 700;
		margin-block: 0 0.5rem;
		text-transform: capitalize;
	}
	
	p {
		margin-block: 0 1.25rem;
		font-size: 0.9375rem;
		text-wrap-style: balance;
	}
	
	label {
		display: block;
		font-size: 0.85rem;
		font-weight: 700;
		letter-spacing: 0.08em;
		margin-bottom: 0.35rem;
		text-transform: uppercase;
	}
	
	input, textarea {
		border: 1px solid #d3c29a;
		border-radius: 4px;
		font-family: inherit;
		font-size: 0.95rem;
		padding: 0.55rem 0.65rem;
		width: 100%;
	}
	
	input, textarea, select {
		border: 1px solid #d3c29a;
		border-radius: 4px;
		font-family: inherit;
		font-size: 0.95rem;
		max-width: 100%;
		padding: 0.55rem 0.65rem;
		width: 100%;
	}
	
	input[type="checkbox"] {
		margin-top: 0.2rem;
	}
	
	.form-row {
		margin-bottom: 1rem;
	}
	
	.form-actions {
		display: flex;
		justify-content: flex-end;
		gap: 0.75rem;
		margin-top: 1.5rem;
		
		button {
			background: #f5b61a;
			border: 2px solid #000;
			box-shadow: 4px 4px 0 #000;
			color: #1a1717;
			cursor: pointer;
			font-family: inherit;
			font-size: 14px;
			font-weight: bold;
			padding: 0.75rem 1.5rem;
			transition: background 0.3s ease;
			text-transform: uppercase;
			transition: transform 0.2s ease, box-shadow 0.2s ease, background-color 0.2s ease;
			
			&:hover {
				box-shadow: 6px 6px 0 #000;
			}
			
			&.btn-light {
				background: #f3e6c4;
				color: #1a1717;
			}
		}
	}
	
	
	form[method="dialog"] {
		position: absolute;
		top: 0.75rem;
		right: 0.9rem;
		
		button {
			/* all: unset; */
			border: none;
			background: none;
			font-size: 1.5rem;
			line-height: 1;
			cursor: pointer;
			font-family: Arial, sans-serif;
		}
	}
}