/**
 * Simple Spoiler extension for phpBB.
 * @author Alfredo Ramos <alfredo.ramos@yandex.com>
 * @copyright 2017 Alfredo Ramos
 * @license GPL-2.0-only
 */
 
.spoiler {
	border-radius: 4px;
}

details.spoiler { 
    background: #cec9c57d;
    border: var(--border);
    margin: 8px 0;
}

.spoiler-header {
    background: var(--light);
}

.spoiler-status {
    margin: 0 8px;
}

.spoiler-body {
    padding: 8px 16px;
}

details.spoiler[open] {
    border-radius: 0 0 16px 16px;
}

details.spoiler .spoiler:last-child {
	margin-bottom: 5px;
}

.spoiler[open] > .spoiler-header {
    border-bottom: var(--border);
}

.bbcode-spoiler.abbc3_button {
	background-image: url('../../../all/theme/images/eye-invisible.svg');
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
}

.bbcode-spoiler.abbc3_button.icon-type-svg {
	-webkit-filter: grayscale(1);
	filter: grayscale(1);
}