/* HANABI Fireworks */

/* 画面全体に固定する背景モード。
   全面を覆うので pointer-events は常に none。クリックでの打ち上げは
   JS 側が document のクリックを拾うため、リンクやボタンを塞がない。 */
.hanabi-fireworks--background {
	position: fixed;
	inset: 0;
	top: 0;
	left: 0;
	display: block;
	width: 100vw;
	height: 100vh;
	pointer-events: none;
}

/* ショートコードで本文中に置くインラインモード */
.hanabi-fireworks-wrap {
	position: relative;
	display: block;
	width: 100%;
	overflow: hidden;
}

.hanabi-fireworks-wrap > .hanabi-fireworks-canvas {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 100%;
	height: 100%;
}

.hanabi-fireworks-wrap.hanabi-fireworks--clickable > .hanabi-fireworks-canvas {
	cursor: crosshair;
}

/* 本文中モードで中にテキストなどを重ねたいとき用 */
.hanabi-fireworks-content {
	position: relative;
	z-index: 1;
}