@charset "UTF-8";

.arc-list-accordion {
	display: flex;
	justify-content: space-between;
	height: 50px;
	width:100%;
	margin-top: 10px;
	--depth-padding-right: 1rem;
	--border-option: 1px solid #e5e5e5;
}
.arc-accordion {
	flex: 1;
	margin-right: 2rem;
}
.arc-accordion-open{
	z-index:9;
}
.arc-accordion:last-child {
	margin-right: 0;
}
.arc-accordion__item {
	max-height: 0;
	overflow: hidden;
	transition: max-height 1s ease-in-out;
}
.arc-accordion__item.showing {
	max-height: fit-content;
}
.arc-accordion__label {
	position: relative;
	background-color: #fff;
	font-size: 14px;
	width: 100%;
	border-right: var(--border-option);
	border-bottom: var(--border-option);
	border-left: var(--border-option);
	padding: 10px 1rem;
	display: flex;
	justify-content: space-between;
	align-items: center;
	/* z-index:10; */
}
.arc-accordion > .arc-accordion__label:first-child {
	border-top: var(--border-option);
	padding: 15px 1rem;
}
.arc-accordion__label:hover {
	background: #fbf5e3;
}
.arc-accordion__title:hover {
	cursor: pointer;
	text-decoration: underline;
}
.arc-accordion__btn {
	cursor: pointer;
	padding: 9px;
	position: absolute;
	right: 1rem;
}
.arc-accordion__btn-min{
	right:0.6rem;
}
.arc-accordion > .arc-accordion__label:first-child .arc-accordion__btn {
	padding: 0;
	font-size: 20px;
}
.label-depth0 {
	padding-left: calc(var(--depth-padding-right) * 1);
}
.label-depth1 {
	padding-left: calc(var(--depth-padding-right) * 2);
}
.label-depth2 {
	padding-left: calc(var(--depth-padding-right) * 3);
}
.label-depth3 {
	padding-left: calc(var(--depth-padding-right) * 4);
}