.iit-sss {
	--iit-sss-border-color: #E9E9E9;
	--iit-sss-radius: 10px;
	--iit-sss-padding: 20px;
	--iit-sss-space: 11px;
	--iit-sss-title-color: #1F2124;
	--iit-sss-title-active-color: #4E8BC9;
	--iit-sss-title-size: 16px;
	--iit-sss-icon-size: 15px;
	--iit-sss-body-bg: #4E8BC94F;
	--iit-sss-body-border-color: #EEABCA26;
	width: 100%;
}

.iit-sss__item {
	margin-bottom: var(--iit-sss-space);
}

.iit-sss__item:last-child {
	margin-bottom: 0;
}

.iit-sss__title {
	display: flex;
	align-items: center;
	gap: 10px;
	padding: var(--iit-sss-padding);
	border: 1px solid var(--iit-sss-border-color);
	border-radius: var(--iit-sss-radius);
	cursor: pointer;
	list-style: none;
	color: var(--iit-sss-title-color);
	transition: color .2s ease;
}

.iit-sss__title::-webkit-details-marker {
	display: none;
}

.iit-sss__title:focus-visible {
	outline: 2px solid var(--iit-sss-title-active-color);
	outline-offset: 2px;
}

.iit-sss__title-text {
	font-size: var(--iit-sss-title-size);
	font-weight: 500;
	line-height: 1.5;
	color: inherit;
}

.iit-sss__icon {
	display: flex;
	align-items: center;
	flex-shrink: 0;
	color: inherit;
}

.iit-sss__icon svg {
	width: auto;
	height: var(--iit-sss-icon-size);
	fill: currentColor;
}

.iit-sss__icon-open {
	display: none;
}

.iit-sss__item[open] > .iit-sss__title {
	color: var(--iit-sss-title-active-color);
}

.iit-sss__item[open] .iit-sss__icon-open {
	display: flex;
}

.iit-sss__item[open] .iit-sss__icon-closed {
	display: none;
}

.iit-sss__body {
	margin-top: var(--iit-sss-space);
	padding: 10px;
	background-color: var(--iit-sss-body-bg);
	border: 1px solid var(--iit-sss-body-border-color);
	border-radius: var(--iit-sss-radius);
}

.iit-sss__body > *:last-child {
	margin-bottom: 0;
}