scapegoat/Docs2.git

			@@ -1,8 +1,9 @@
			@use "../../styles/variables.scss" as *;

			.search {
			min-width: 5rem;
			max-width: 12rem;
			min-width: fit-content;
			max-width: 14rem;
			flex-grow: 0.3;
			margin: 0 1.5rem;

			& > #search-icon {
			background-color: var(--lightgray);
			@@ -11,6 +12,7 @@
			display: flex;
			align-items: center;
			cursor: pointer;
			white-space: nowrap;

			& > div {
			flex-grow: 1;
			@@ -37,12 +39,13 @@

			& > #search-container {
			position: fixed;
			contain: layout;
			z-index: 999;
			left: 0;
			top: 0;
			width: 100vw;
			height: 100vh;
			overflow: scroll;
			overflow-y: auto;
			display: none;
			backdrop-filter: blur(4px);

			@@ -56,7 +59,7 @@
			margin-left: auto;
			margin-right: auto;

			@media all and (max-width: 1200px) {
			@media all and (max-width: $fullPageWidth) {
			width: 90%;
			}

			@@ -64,7 +67,9 @@
			width: 100%;
			border-radius: 5px;
			background: var(--light);
			box-shadow: 0 14px 50px rgba(27, 33, 48, 0.12), 0 10px 30px rgba(27, 33, 48, 0.16);
			box-shadow:
			0 14px 50px rgba(27, 33, 48, 0.12),
			0 10px 30px rgba(27, 33, 48, 0.16);
			margin-bottom: 2em;
			}

			@@ -102,9 +107,11 @@

			& .highlight {
			color: var(--secondary);
			font-weight: 700;
			}

			&:hover, &:focus {
			&:hover,
			&:focus {
			background: var(--lightgray);
			}

			@@ -123,12 +130,49 @@
			margin: 0;
			}

			& > p {
			& > ul > li {
			margin: 0;
			display: inline-block;
			white-space: nowrap;
			margin: 0;
			overflow-wrap: normal;
			}

			& > ul {
			list-style: none;
			display: flex;
			padding-left: 0;
			gap: 0.4rem;
			margin: 0;
			margin-top: 0.45rem;
			// Offset border radius
			margin-left: -2px;
			overflow: hidden;
			background-clip: border-box;
			}

			& > ul > li > p {
			border-radius: 8px;
			background-color: var(--highlight);
			overflow: hidden;
			background-clip: border-box;
			padding: 0.03rem 0.4rem;
			margin: 0;
			color: var(--secondary);
			opacity: 0.85;
			}

			& > ul > li > .match-tag {
			color: var(--tertiary);
			font-weight: bold;
			opacity: 1;
			}

			& > p {
			margin-bottom: 0;
			}
			}
			}

			}
			}
			}