.uap-slack-fields {
	display: grid; 
	grid-auto-columns: 1fr; 
	grid-template-columns: 1fr 1fr; 
	gap: 0px 30px; 
}

.uap-slack-preview {
	--uap-settings-slack-avatar-width: 40px;

	display: grid; 
	grid-auto-columns: 1fr; 
	grid-template-columns: var(--uap-settings-slack-avatar-width) 1fr; 
	grid-template-rows: min-content min-content; 
	gap: 0px 8px; 
	grid-template-areas: 
	  "Avatar Details"
	  "Avatar Body";

	border: 1px solid var(--uap-border-color-gray);
	border-radius: var(--uap-border-radius);

	padding: 20px;
}

	.uap-slack-preview--dark {
		background: #1b1d21;
	}

	.uap-slack-preview-avatar {
		grid-area: Avatar;

		height: var(--uap-settings-slack-avatar-width);
		width: var(--uap-settings-slack-avatar-width);

		border-radius: 4px;

		overflow: hidden;

		position: relative;
	}

		.uap-slack-preview--dark .uap-slack-preview-avatar {}

		/* Avatar */
		.uap-slack-preview-avatar img {
			display: block;

			width: 100%;
			height: 100%;
		}

	.uap-slack-preview-details {
		grid-area: Details;
		line-height: 1;
	}

		.uap-slack-preview-details__name {
			color: rgba(29,28,29,1);

			font-family: sans-serif;
			font-size: 16px;
			font-weight: 900;

			line-height: 1.46668;
		}

			.uap-slack-preview--dark .uap-slack-preview-details__name {
				color: rgb(209, 210, 211);
			}

		.uap-slack-preview-details__tag {
			margin-left: 4px;

			border-radius: 2px;
			font-size: 10px;
			padding: 1px 3px;
			color: rgba(29,28,29,.7);
			background-color: rgba(29,28,29,.13);
			height: 14px;
			line-height: 1.25;
			font-weight: 700;
			vertical-align: 0.125rem;
		}

			.uap-slack-preview--dark .uap-slack-preview-details__tag {
				color: rgba(232,232,232,.7);
				background-color: rgba(232,232,232,.13);
			}

		.uap-slack-preview-details__date {
			color: rgba(97,96,97,1);
			font-size: 12px;
			margin-left: 8px;
			line-height: 1.46668;
		}

			.uap-slack-preview--dark .uap-slack-preview-details__date {
				color: rgba(171,171,173,1);
			}

	.uap-slack-preview-body {
		grid-area: Body;

		line-height: 1.35;
		font-size: 15px;
		color: rgba(29,28,29,1);
	}

		.uap-slack-preview--dark .uap-slack-preview-body {
			color: rgba(209,210,211,1);
		}