.pix-small-search {
	position: relative !important;
	z-index: 999999999;
	.form-control {
		font-size: 14px;
		background: var(--pix-base-background, #fff);
	}
	.pix-search-btn {
		background: var(--pix-base-background, #fff);
		--pix-btn-background: var(--pix-base-background, #fff);
		&:hover, &:focus, &:active {
			background: #fff;
			color: $heading-color !important;
			path {
				fill: darken($body-color, 20%) !important;
			}
		}
		svg {
			height: 18px;
			width: 18px;
			path {
				transition: $transition-base;
				fill: $body-color !important;
			}
		}
	}
	.btn-search {
		background: var(--pix-base-background, #fff);
		--pix-btn-background: var(--pix-base-background, #fff);
		color: var(--pix-body-default) !important;
		
		&:hover, &:focus, &:active {
			background: color-mix(in srgb, var(--pix-heading-default) 5%, var(--pix-dynamic-background) 95%);
			color: var(--pix-heading-default) !important;
			path {
				fill: var(--pix-heading-default) !important;
			}
		}
	}
	.pix-search-btn, .form-control {
		min-height: 60px !important;
	}
	
}
body:not(.rtl) {
	.btn-search {
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
	border-top-right-radius: .3rem;
	border-bottom-right-radius: .3rem;
	}
	.form-control {
		border-top-right-radius: 0;
		border-bottom-right-radius: 0;
	}
}