@import "@wordpress/base-styles/breakpoints";
@import "@wordpress/base-styles/mixins";

.dashboard-bulk-actions-modal {
	.dashboard-bulk-actions-modal-heading {
		font-size: 1rem;
		font-weight: 600;
	}

	.dashboard-bulk-actions-modal-desc {
		display: block;
		padding-top: 12px;
		font-size: 1rem;
		font-weight: 400;
	}

	.dialog__action-buttons {
		padding: 24px;

		button {
			margin-inline-start: 16px;
			padding: 7px;
			font-size: 0.75rem;
			line-height: 1;
		}
	}
}

.dashboard-bulk-actions {
	width: 100%;
	text-align: right;
	display: inline-flex;
	justify-content: flex-end;

	.button-group {
		margin-inline-start: 14px;
		.button {
			&:first-child {
				border-top-left-radius: 4px;
				border-bottom-left-radius: 4px;
			}
			&:last-child {
				border-top-right-radius: 4px;
				border-bottom-right-radius: 4px;
			}
			white-space: nowrap;
			&:focus {
				border-width: 1px !important;
			}
		}
	}
}

.dashboard-bulk-actions__close-icon {
	text-align: end;
	float: right;
	border: none;
	padding: 4px 8px 4px 10px;
	display: flex;
	align-items: center;
	justify-content: center;
	height: 100%;
}

button.dashboard-bulk-actions__edit-button {
	white-space: nowrap;
	border-radius: 4px !important;
	&:active {
		border-width: 1px !important;
	}
}

.dashboard-bulk-actions__large-screen {
	display: none;
}

.dashboard-bulk-actions__content {
	width: 70%;
}


.dashboard-bulk-actions__is-action-bar-visible {
	@include break-xlarge {
		.dashboard-bulk-actions__small-screen {
			display: none;
		}

		.dashboard-bulk-actions__large-screen {
			display: block;
		}
	}
}

