@import "./buttons.css";
@import "./date-range.css";

@tailwind components;

@layer components {
	.burst-indeterminate {
		@apply appearance-none relative bg-white border border-gray-300;
	}

	.burst-indeterminate::after {
		content: '';
		@apply absolute bg-black w-2 h-0.5 top-1/2 left-1/2;
		transform: translate(-50%, -50%); /* keep as raw CSS */
	}

	.burst-block {
		@apply bg-primary-lightest shadow-rsp rounded-m;
	}

	.burst-block-padding {
		@apply px-6 max-m:px-2.5;
	}

	.burst-block-block-padding {
		@apply px-4 max-xl:px-2.5;
	}

	.burst-inline-block-padding {
		@apply px-6 max-xl:px-2.5;
	}

	.burst-data-table:not(.no-custom-burst-style) .rdt_TableHeadRow {
		@apply burst-inline-block-padding bg-gray-50 text-gray border-b border-gray-200;
	}

	.burst-data-table:not(.no-custom-burst-style) .rdt_TableRow {
		@apply burst-inline-block-padding border-b border-gray-200;
	}

	.burst-data-table:not(.no-custom-burst-style) .rdt_TableCol,
	.burst-data-table:not(.no-custom-burst-style) .rdt_TableCell {
		@apply pl-0 pr-0;
	}

	.rdt_Pagination select + svg {
		@apply hidden;
	}
}