/* The mask is floating dust, with no rectangle, blur, border or filled surface. */
body button.quote-spoiler{position:relative;display:inline-block;vertical-align:baseline;box-sizing:content-box;min-width:1.2em;max-width:100%;min-height:0;width:auto;height:auto;margin:0 .035em;padding:0 .055em;border:0;border-radius:0;background:transparent!important;color:inherit;font:inherit;line-height:inherit;letter-spacing:inherit;text-transform:none;text-align:inherit;text-shadow:none;box-shadow:none;cursor:pointer;touch-action:manipulation;overflow:visible;white-space:normal;overflow-wrap:anywhere;-webkit-tap-highlight-color:transparent}
body button.quote-spoiler:hover,body button.quote-spoiler:active{transform:none;background:transparent!important;box-shadow:none;color:inherit}
.quote-spoiler-word{visibility:hidden;pointer-events:none;user-select:none}
.quote-spoiler-dust{position:absolute;inset:-5px -6px;pointer-events:none;background:transparent;overflow:visible}
.quote-spoiler-dust canvas{display:block;width:100%;height:100%;max-width:none;filter:none!important;image-rendering:auto;border:0;background:none}
.quote-spoiler:not(.has-canvas) .quote-spoiler-dust{background:radial-gradient(circle,#e6eef7 .6px,transparent 1px) 0 0/4px 4px,radial-gradient(circle,#a5b4c5 .5px,transparent 1px) 2px 1px/5px 3px;mask-image:radial-gradient(ellipse,#000 25%,transparent 72%)}
.quote-spoiler.is-revealed .quote-spoiler-word{visibility:visible;user-select:text}
.quote-spoiler.is-revealed .quote-spoiler-dust{display:none}
body button.quote-spoiler:focus-visible{outline:1px dashed #d8c391;outline-offset:4px}
@media(forced-colors:active){.quote-spoiler:not(.is-revealed) .quote-spoiler-dust:after{content:'••••';color:ButtonText}.quote-spoiler-dust canvas{display:none}}