/* Widgets - Upload */
////
/// @group Widgets-Upload
/// Widgets - Upload

///
[data-upload] {
	align-items: center;
	background: get-background-color('neutral-0');
	border: var(--border-size-s) solid get-border-color('neutral-4');
	border-radius: var(--border-radius-soft);
	color: get-text-color('neutral-9');
	display: flex;
	font-size: var(--font-size-s);
	margin-bottom: 0;
	min-height: auto;
	padding: var(--space-base);
	position: relative;

	&.upload-image-withoverlay {
		flex-direction: column;

		.change-image {
			background-color: get-background-color('transparent');
			color: get-text-color('primary');
			height: auto;
			margin-top: var(--space-base);
			opacity: 1;
			position: relative;
		}
	}

	&.uploaded {
		[data-icon] {
			background-color: get-background-color('transparent');
		}
	}

	[data-icon] {
		background-color: get-background-color('transparent');
		color: get-text-color('neutral-5');
		line-height: 1;
		margin-right: var(--space-base);
		width: auto;
	}

	&:focus-visible {
		border: var(--border-size-s) solid get-border-color('primary');
	}
}

// IsRTL --------------------------------------------------------------------
///
.is-rtl {
	[data-upload] {
		[data-icon] {
			margin-left: var(--space-base);
			margin-right: var(--space-none);
		}
	}
}

/* Accessibility -------------------------------------------------------------- */
///
.has-accessible-features {
	[data-upload] {
		border: var(--border-size-s) solid get-border-color('neutral-7');
	}
}