.zibct-spoiler {
    cursor: pointer;
    color: transparent !important;
    text-shadow: none !important;
    border-radius: 0.2em;
    background-color: #aab0b8;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='80'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.55'/%3E%3C/svg%3E");
    animation: zibct-spoiler-dither 1.2s steps(6) infinite;
    transition: background-color 0.2s, color 0.2s;
    -webkit-user-select: none;
    user-select: none;
}

body.dark-theme .zibct-spoiler {
    background-color: #4c5560;
}

.zibct-spoiler:hover,
.zibct-spoiler.revealed {
    cursor: pointer;
    color: inherit !important;
    background: transparent;
    animation: none;
}

@keyframes zibct-spoiler-dither {
    0%, 100% { background-position: 0 0; }
    20% { background-position: -14px 8px; }
    40% { background-position: 9px -12px; }
    60% { background-position: -7px -9px; }
    80% { background-position: 12px 6px; }
}