/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */

.ypf-addons-default-container {
	margin-top: 20px;
}
.ypf-addons-default-container > div.ypf-addons-wrap {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
}
.ypf-addons-default-container .ypf-addons-wrap .field-group {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	cursor: pointer;
	position: relative;
	border: 1px solid;
	border-color: inherit;
	padding: 10px;
	border-radius: 4px;
	overflow: hidden;
	z-index: 1;
}
.ypf-addons-default-container label {
	flex: 1;
	display: flex;
	align-items: center;
	background: inherit;
	color: inherit;
	padding: 5px;
	border-radius: 4px;
	margin-bottom: 0; /* Adjust this as needed */
}
.ypf-addons-default-container input[type="checkbox"] {
	margin-right: 8px; /* Adjust spacing to the right of the checkbox */
}
/* Adjustments for small screens */
@media (max-width: 768px) {
	.ypf-addons-default-container label {
		flex-basis: 100%;
	}
}