#workplace-add-apps {
	.app-info-popover {
		font-weight: normal;
		max-height: 400px;
		max-width: 333px;
		overflow-y: auto;
		padding: 0.5rem;
		text-align: left;
		word-break: normal;

		> .links {
			display: flex;
			justify-content: space-between;
			flex-wrap: wrap;
			gap: 1em;

			> a {
				font-size: inherit;
				margin-bottom: 1rem;
			}
		}

		> .categories {
			> h2 {
				color: black;
				font-size: 1em;
				font-weight: bold;
				margin: 0 0 0.5em;
			}
			> ul {
				list-style: none;
				padding: 0;
				> li {
					background: #ecf5ff;
					border-radius: 3px;
					border: 1px solid #d9ecff;
					color: #409eff;
					display: inline-block;
					font-size: 0.7rem;
					margin: 0.2em 0.3em;
					padding: 0 0.3em;
				}
			}
		}

		> .features {
			> h2 {
				font-size: 1em;
				font-weight: bold;
				color: black;
				margin-bottom: 0.5em;
			}
			> ul {
				list-style: none;
				padding: 0;
				> li {
					margin-bottom: 0.5em;
					small {
						display: block;
						padding-left: 1em;
						color: darkslategray;
					}
				}
			}
			> dl {
				> dt {
					color: black;
				}
				> dd {
					margin-left: 1em;
					overflow-wrap: break-word;
					padding-bottom: 0.5em;
					word-break: keep-all;
					font-size: 0.9em;
				}
			}
		}
	}
}