/* Copyright (c) 2015-present, salesforce.com, inc. All rights reserved
  Licensed under BSD 3-Clause - see LICENSE.txt or git.io/sfdc-license */

:host {
  display: grid;
  max-height: 100vh;
  max-width: 100vw;
  outline: none;
  position: fixed;
  -webkit-tap-highlight-color: transparent;
}

/**
 * Popup-primitive buys into shared and globals through sds-overlay.
 */
[part~='overlay'] {
  --sds-c-overlay-color-background: var(--sds-c-popup-color-background);
  --sds-c-overlay-text-color: var(--sds-c-popup-text-color);
  --sds-c-overlay-radius-border: var(--sds-c-popup-radius-border);
  --sds-c-overlay-sizing-border: var(--sds-c-popup-sizing-border);
  --sds-c-overlay-color-border: var(--sds-c-popup-color-border);
  --sds-c-overlay-shadow: var(--sds-c-popup-shadow);
  --sds-c-overlay-spacing-inline-start: var(
    --sds-c-popup-spacing-inline-start,
    var(--sds-c-popup-spacing-inline)
  );
  --sds-c-overlay-spacing-inline-end: var(
    --sds-c-popup-spacing-inline-end,
    var(--sds-c-popup-spacing-inline)
  );
  --sds-c-overlay-spacing-block-start: var(
    --sds-c-popup-spacing-block-start,
    var(--sds-c-popup-spacing-block)
  );
  --sds-c-overlay-spacing-block-end: var(--sds-c-popup-spacing-block-end, var(--sds-c-popup-spacing-block));

  display: grid;
}

[part~='backdrop'] {
  display: inline-block;
  height: 100%;
  left: 0;
  top: 0;
  position: fixed;
  touch-action: manipulation;
  width: 100%;
}