.search-input {
	position: relative;
	display: flex;
	width: 100%;

	> .field {
		padding-right: 20px;
		flex: 1;
		width: 10px;

		&::placeholder {
			opacity: 1;
		}

		&::-webkit-search-cancel-button {
			display: none;
		}

		&.settings {
			background-color: var(--joplin-background-color4);
		}
	}

	> .button {
		position: absolute;
		right: 0;
		background: none;
		border: none;
		height: 100%;

		&:disabled {
			opacity: 0.5;
		}

		> .icon {
			font-size: var(--joplin-toolbar-icon-size);
			color: var(--joplin-color4);
		}
	}
}