.wp-block-inline-spoilers-block {
	background: #f5f5f5;
	border: 1px solid #c3cbd1;
	padding: 0 10px;
	box-sizing: border-box;
	border-left-width: 2px;
	clear: both;

	summary,
	.spoiler-title {
		outline: 0;
		background-color: #e9e9e6;
		margin: 0 -10px -1px -10px;
		list-style: none;
		background-image: url(data:image/gif;base64,R0lGODlhCQAJAMQfAIqZyoGSxv3+/trl84CQxYCRxn6PxMXQ7efq9H+Pwtnk8oKTxoCQxKy44QAAANvl9rvG6fD5/o2by4GRxvb8//v9//7+/ubw+v39/ouayoKSxoOTx/7+/wwMDP///////yH5BAEAAB8ALAAAAAAJAAkAAAU84AdoGkNmX4Z4HldRirSxXMdF1zK7nXU9mk2t4+h0BIlNhWPpYTCBDQXXwRwggczgJ8BAGhLRZGIoEFAhADs=);
		background-position: 6px center;
		background-repeat: no-repeat;
		border-bottom: 1px solid #c3cbd1;
		cursor: pointer;
		font-weight: 700;
		line-height: 1.5;
		padding: 0 6px 0 23px;
		text-align: left;
	}

	&[open] > summary,
	&[open] > .spoiler-title {
		background-image: url(data:image/gif;base64,R0lGODlhCQAJAMQeAOLt+ff8//z+/4CRxo2by7vF6a254X6PxICQw87a74CQxuXo84CQxM/b7/H6/v7+/oGRxouayoGSxv7+/8LN7IqZyv7//4KSxur0/MrV74OTx9Ld8trl9gwMDP///wAAACH5BAEAAB4ALAAAAAAJAAkAAAU4oFcpwzFAkWgUVLZxCQGxLgdgGtS+t6NJmY5QOEFcNo/kZGLRXGwYR0DQjDSiU8uCIJJIGJdLKgQAOw==);
		margin: 0 -10px 2px -10px;
	}
}

// Inline Spoilers 1.5.5 block compatibility

div.spoiler-wrap {
	background-color: #e9e9e6;
	border: 1px solid #c3cbd1;
	border-left-width: 2px;
	clear: both;
	display: block;
	margin: 6px 0;
	padding: 0;
}

div.spoiler-head {
	color: #2a2a2a;
	cursor: pointer;
	display: block;
	font-weight: 700;
	line-height: 1.5;
	margin-left: 6px;
	padding: 0 6px 0 14px;
	text-align: left;
}

div.spoiler-head.collapsed {
	background: url(data:image/gif;base64,R0lGODlhCQAJAMQfAIqZyoGSxv3+/trl84CQxYCRxn6PxMXQ7efq9H+Pwtnk8oKTxoCQxKy44QAAANvl9rvG6fD5/o2by4GRxvb8//v9//7+/ubw+v39/ouayoKSxoOTx/7+/wwMDP///////yH5BAEAAB8ALAAAAAAJAAkAAAU84AdoGkNmX4Z4HldRirSxXMdF1zK7nXU9mk2t4+h0BIlNhWPpYTCBDQXXwRwggczgJ8BAGhLRZGIoEFAhADs=) left center no-repeat;
}

div.spoiler-head.expanded {
	background: url(data:image/gif;base64,R0lGODlhCQAJAMQeAOLt+ff8//z+/4CRxo2by7vF6a254X6PxICQw87a74CQxuXo84CQxM/b7/H6/v7+/oGRxouayoGSxv7+/8LN7IqZyv7//4KSxur0/MrV74OTx9Ld8trl9gwMDP///wAAACH5BAEAAB4ALAAAAAAJAAkAAAU4oFcpwzFAkWgUVLZxCQGxLgdgGtS+t6NJmY5QOEFcNo/kZGLRXGwYR0DQjDSiU8uCIJJIGJdLKgQAOw==) left center no-repeat;
}

div.spoiler-head.collapsed.no-icon,
div.spoiler-head.expanded.no-icon {
	background: 0 0;
	cursor: auto;
	padding: 0 6px;
}

div.spoiler-body {
	background: #f5f5f5;
	border-top: 1px solid #c3cbd1;
	padding: 2px 6px;
}

.wp-block-inline-spoilers-block:has(.spoiler-wrap) {
	background: transparent;
	border: 0;
	padding: 0;
}
