/** @format */

.wysiwyg {
	/* Lists */
	& :is(ul, ol):not([id*='wpforms']) {
		counter-reset: list;
		display: grid;
		grid: auto / 100%;
		gap: calc(var(--bottom-padding-inline) * 0.5);
		padding: 0px;
		position: relative;
		z-index: 1;
		margin-bottom: var(--bottom-padding-inline);

		&:last-child {
			margin-bottom: 0;
		}

		& :is(ul, ol) {
			margin-top: var(--bottom-padding-inline);
		}

		& li {
			display: block;
			padding-left: min(2.3em, 7vw);

			&::before {
				position: absolute;
				inset: auto auto auto 0px;
				z-index: 1;
			}

			&:empty {
				display: none;
			}
		}
	}

	& ul:not([id*='wpforms']) li::before {
		content: '\2022';
		transform: scale(0.7);
		transform-origin: left center;
	}

	& ol:not([id*='wpforms']) li::before {
		content: counter(list) '.';
		counter-increment: list;
	}
}