@import "./backdrop.vars";

// Backdrop
// --------------------------------------------------

:host {
  @include position(0, 0, 0, 0);

  display: block;
  position: absolute;

  transform: translateZ(0);

  contain: strict;
  cursor: pointer;
  opacity: .01;
  touch-action: none;
  z-index: $z-index-backdrop;

  &.backdrop-hide {
    background: transparent;
  }

  &.backdrop-no-tappable {
    cursor: auto;
  }
}

body.backdrop-no-scroll {
  overflow: hidden;
}