.oft.StatusEffectIconConfig {
	> .window-content {
		gap: 1rem;
	}

	footer {
		display: flex;
		flex-direction: row;

		> * {
			flex-grow: 1;
		}

		button {
			display: flex;
			flex-direction: row;
			gap: 8px;
			height: initial;
			padding: 8px 16px;
		}
	}

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

	.placeholder {
		font-style: italic;
	}

	.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;
		}
	}
}