.pp-sitemap-wrap {
    display: flex;
    flex-flow: row wrap;

	.pp-tree {
		margin: 0;
		padding: 0;
		list-style: none !important;

		ul {
			margin: 0;
			padding: 0;
			list-style: none !important;
			margin-inline-start: 8px;
			position: relative;

			ul {
				margin-inline-start:.5em;
			}

			&::before {
				content: "";
				display: block;
				width: 0;
				position: absolute;
				top: 0;
				bottom: 1em;
				inset-inline-start: 0;
				border-inline-start: 1px solid;
			}

			li {

				&::before {
					content: "";
					display: block;
					width: 10px;
					height: 0;
					border-top: 1px solid;
					margin-top: -1px;
					position: absolute;
					top: 1em;
					inset-inline-start: 0;
				}

				&:last-child::before {
					height: auto;
					top: 1em;
					bottom: 0;
				}
			}
		}

		li {
			margin: 0;
			padding: 0 1em;
			line-height: 2em;
			position: relative;

			a {
				text-decoration: none;
			}

			button {
				text-decoration: none;
				border: none;
				background: transparent;
				margin: 0 0 0 0;
				padding: 0 0 0 0;
				outline: 0;

				&:active, &:focus {
					text-decoration: none;
					border: none;
					background: transparent;
					margin: 0 0 0 0;
					padding: 0 0 0 0;
					outline: 0;
				}
			}
		}
	}

	.indicator {
		margin-inline-end: 5px;
		cursor: pointer;
	}

	span.pp-sitemap-list {
		display: block;
	}

	ul.pp-sitemap-list {
		padding: 0; 
		list-style-position: inside;
	}
}