'use strict';

Object.defineProperty(exports, '__esModule', { value: true });

const index = require('./index-bb72bde3.js');

const siteBackdropCss = ".sc-site-backdrop-h{position:fixed;top:0;height:100vh;left:0;right:0;background:rgba(0, 26, 58, 0.08);cursor:pointer;opacity:0;pointer-events:none;transition:0.4s opacity, 0.4s visibility step-end;visibility:hidden;outline:2px solid rgba(0, 0, 0, 0);z-index:0}.site-backdrop--visible.sc-site-backdrop-h:not(.site-backdrop--mobile-only){opacity:1;pointer-events:all;visibility:visible;transition:0.4s opacity, 0.4s visibility step-start}@media screen and (max-width: 768px){.site-backdrop--visible.site-backdrop--mobile-only.sc-site-backdrop-h{opacity:1;pointer-events:all;visibility:visible;transition:0.4s opacity, 0.4s visibility step-start}}";

const SiteBackdrop = class {
  constructor(hostRef) {
    index.registerInstance(this, hostRef);
    this.visible = false;
    this.mobileOnly = false;
  }
  render() {
    return (index.h(index.Host, { tabindex: "-1", class: {
        'site-backdrop--visible': this.visible,
        'site-backdrop--mobile-only': this.mobileOnly,
      } }));
  }
};
SiteBackdrop.style = siteBackdropCss;

exports.site_backdrop = SiteBackdrop;
