/* HyperKit — Grain Gradient
 * Two display modes:
 *   1. Inline:     .hk-gg-host stays inside .hk-gg-wrap, height comes from
 *                  the widget's `inline_height` control.
 *   2. Background: at runtime the JS moves .hk-gg-host out of the wrap and
 *                  into the parent Elementor section, adds the
 *                  --background modifier class, and absolute-positions it
 *                  to fill the section.
 */

.hk-gg-wrap {
	position: relative;
	width: 100%;
}

.hk-gg-host {
	width: 100%;
	height: 100%;
	background: #000;
	overflow: hidden;
}

.hk-gg-host--background {
	position: absolute;
	inset: 0;
	pointer-events: none;
}

/* Paper-shaders' canvas can come in at slightly under-100% under some
 * layouts (when its parent is height: auto); force it to fill the host. */
.hk-gg-host > canvas {
	display: block !important;
	width: 100% !important;
	height: 100% !important;
}