.ska-search {

	&__results {

		width: 237px;
		max-height: 232px;
		padding: 6px;
		overflow-y: overlay;
		scrollbar-width: thin;

		&__result {
			display: flex;
			flex-direction: row;
			align-items: center;
			width: 100%;
			height: auto;
			border-radius: 2px;

			&:hover {
				background: #f0f0f0;
			}

			&-icon {
				margin-right: 8px;
			}

			&__inner {
				display: flex;
				flex-direction: column;
				flex-grow: 1;
				align-items: flex-start;

				&-title {
					text-align: left;
					font-weight: 500;
				}

				&-content {
					color: #757575;
					font-size: 0.9em;
					line-height: 1.3;
					max-width: 180px;
					white-space: nowrap;
					overflow: hidden;
					text-overflow: ellipsis;
				}
			}

			mark {
				font-weight: 700;
				color: inherit;
				background-color: initial;
			}
		}
	}
}