.advads-tabs-wrap {
	@apply border border-border rounded-md;

	.advads-tab-content,
	> input {
		@apply hidden;
	}

	.advads-tab-content-body {
		@apply bg-white rounded-b-md py-4 px-5;
	}

	.advads-tab-content-footer {
		@apply border-t border-border py-4 px-5;
	}

	.advads-tab-nav {
		@apply flex border-b border-border;
	}

	.advads-tab-nav label {
		@apply relative flex items-center gap-x-2 py-3 px-5 cursor-pointer;
		@apply font-medium border-r border-border bg-[#f5f4f4];

		&:first-of-type {
			@apply rounded-tl-md;
		}

		&:hover,
		&:focus {
			@apply shadow-none outline-0 text-[#1a1e22] bg-white;
		}
	}

	> [type="radio"]:nth-of-type(1):checked
		~ .advads-tab-nav
		label:nth-of-type(1),
	> [type="radio"]:nth-of-type(2):checked
		~ .advads-tab-nav
		label:nth-of-type(2),
	> [type="radio"]:nth-of-type(3):checked
		~ .advads-tab-nav
		label:nth-of-type(3),
	> [type="radio"]:nth-of-type(4):checked
		~ .advads-tab-nav
		label:nth-of-type(4),
	> [type="radio"]:nth-of-type(5):checked
		~ .advads-tab-nav
		label:nth-of-type(5) {
		@apply shadow-none outline-0 text-[#1a1e22] bg-white;
		@apply border-b border-b-white -mb-px;
	}

	> [type="radio"]:nth-of-type(1):checked
		~ .advads-tab-content:nth-of-type(1),
	> [type="radio"]:nth-of-type(2):checked
		~ .advads-tab-content:nth-of-type(2),
	> [type="radio"]:nth-of-type(3):checked
		~ .advads-tab-content:nth-of-type(3),
	> [type="radio"]:nth-of-type(4):checked
		~ .advads-tab-content:nth-of-type(4),
	> [type="radio"]:nth-of-type(4):checked
		~ .advads-tab-content:nth-of-type(5) {
		@apply block;
	}
}
