'use strict';

var index = require('./index-BjHIBY-I.js');

const _3dHoverEffectGlowCss = () => `:host(limel-3d-hover-effect-glow){display:block;pointer-events:none;position:absolute;inset:0;mix-blend-mode:plus-lighter}div{position:absolute;inset:0;transition:background, opacity;transition-timing-function:ease-out;transition-duration:0.8s;border-radius:inherit;opacity:var(--limel-3d-hover-effect-glow-opacity, 0.1);background-image:radial-gradient(circle at var(--limel-3d-hover-effect-glow-position, 50% -20%), rgb(var(--color-white), 0.3), rgb(var(--color-white), 0))}`;

const HoverEffectGlowComponent = class {
    constructor(hostRef) {
        index.registerInstance(this, hostRef);
    }
    render() {
        return index.h("div", { key: 'c8ef041030a8e8d6d02a7f434d2b5babe89c32bc' });
    }
};
HoverEffectGlowComponent.style = _3dHoverEffectGlowCss();

exports.limel_3d_hover_effect_glow = HoverEffectGlowComponent;
