[data-search-bar] {
	& #ajaxsearchlite1#ajaxsearchlite1,
	& .asl_w.asl_w.asl_w.asl_w.asl_w.asl_w.asl_w.asl_w.asl_w {
		background: var(--bg, var(--color-bg-1));
		color: var(--fg, var(--color-fg-1));
		border-radius: var(--radius);
		border: solid 1px var(--border, var(--color-border));
		box-shadow: none;

		& .probox {
			height: calc(12 * var(--sp));
			background: transparent;

			& .proinput {
				margin: 0;
				padding: 0;
				padding-inline: calc(4 * var(--sp));

				&,
				& input {
					font-size: inherit;
					color: currentColor !important;
					line-height: inherit !important;
				}

				& input {
					height: 100%;

					&::placeholder {
						color: var(--color-fg-1) !important;
					}
				}
			}

			& .promagnifier,
			& .proclose,
			& .proloading {
				width: calc(12 * var(--sp));
				height: calc(12 * var(--sp));
				border-radius: var(--radius-full);
				border-left: solid 1px var(--color-border);
				margin-left: -1px;
			}

			& .proloading {
				& .asl_loader {
					display: flex;
					flex-direction: column;
					align-items: center;
					justify-content: center;

					& .asl_loader-inner {
						width: 20px;
						height: 20px;
					}

					& .asl_simple-circle {
						border: 2.5px solid currentColor;
					}
				}
			}
		}
	}
}