.oft.StatusEffectIconConfig {
	.effect-list {
		list-style-type: none;
		padding: 0;
		margin: 0;
		display: flex;
		flex-direction: column;
		gap: 16px;
	}

	.effect {
		display: flex;
		flex-direction: row;
		gap: 8px;
		align-items: center;
		margin: 0;

		.preview {
			--size: 30px;
			width: var(--size);
			height: var(--size);
			display: flex;
			justify-content: center;
			align-items: center;
		}

		h2 {
			margin: 0;
			font-size: 1rem;
			font-family: var(--font-body);
			flex-grow: 1;
		}
	}
}