How to remove inline CSS?

A small block of inline CSS is created by the plugin. While this is not the end of the world, I prefer to keep things as tidy as possible and prefer to have this CSS in the child theme stylesheet. Unfortunately, the style tag does not contain an ID, so that I can’t use a standard action to remove it. Is a filter or hook available for removing it? Is there any specific reason for using the inline CSS?

Thank you!

<style>
			.dgwt-wcas-ico-magnifier,.dgwt-wcas-ico-magnifier-handler{max-width:20px}.dgwt-wcas-search-wrapp{max-width:600px}		</style>
			<style>
		.dgwt-wcas-menu-bar-item, .dgwt-wcas-menu-search-item, .dgwt-wcas-search-item {
			padding-left: 20px;
			padding-right: 20px;
		}

		.menu-bar-items .dgwt-wcas-ico-magnifier-handler,
		.dgwt-wcas-menu-search-item .dgwt-wcas-ico-magnifier-handler,
		.dgwt-wcas-search-item .dgwt-wcas-ico-magnifier-handler {
			max-width: 16px;
		}

		.mobile-bar-items .search-item {
			display: none;
		}

		#mobile-menu .dgwt-wcas-menu-search-item {
			display: none;
		}

		#masthead .dgwt-wcas-search-item, .dgwt-wcas-menu-search-item {
			padding-top: 20px;
		}

		
		.dgwt-wcas-search-icon path {
			fill: ;
		}

		.dgwt-wcas-search-icon:hover path {
			fill: ;
		}

		body.woocommerce-checkout .dgwt-wcas-search-wrapp {
			position: relative !important;
		}

			</style>