/* data-accordion-* 계약. AccordionComponent와 함께 사용한다. */

/* 아이콘 전용 트리거(제목 옆 버튼 등): 고정 크기 박스 */
[data-accordion-trigger] {
	position: relative;

	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: flex-start;
	align-items: center;
	column-gap: 0.25rem;

	background-color: transparent;
	color: inherit;

	cursor: pointer;
}

/* caret: pseudo-element */

[data-accordion-trigger]::after {
	content: "";

	display: block;
	flex-shrink: 0;
	width: 1.5rem;
	height: 1.5rem;

	background-image: url("/public/assets/icons/ic_dropdown_gray.svg");
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;

	transition: transform 0.2s ease-in-out;
}

[data-accordion-trigger][aria-expanded="true"]::after {
	transform: rotate(180deg);
}

[data-accordion-target][hidden] {
	display: none !important;
}