text: /**
  @license
  Copyright (c) 2015 The Polymer Project Authors. All rights reserved.
  This code may only be used under the BSD style license found at
  http://polymer.github.io/LICENSE.txt The complete set of authors may be found at
  http://polymer.github.io/AUTHORS.txt The complete set of contributors may be
  found at http://polymer.github.io/CONTRIBUTORS.txt Code distributed by Google as
  part of the polymer project is also subject to an additional IP rights grant
  found at http://polymer.github.io/PATENTS.txt
  */
  
  /*
  ### Styling
  
  The following custom properties and mixins are available for styling.
  
  Custom property | Description | Default
  ----------------|-------------|----------
  `--paper-dialog-background-color` | Dialog background color | `--primary-background-color`
  `--paper-dialog-color` | Dialog foreground color | `--primary-text-color`
  `--paper-dialog` | Mixin applied to the dialog | `{}`
  `--paper-dialog-title` | Mixin applied to the title (`<h2>`) element | `{}`
  `--paper-dialog-button-color` | Button area foreground color | `--default-primary-color`
  */
  import "@polymer/polymer/polymer-legacy.js";
  import "../iron-flex-layout/iron-flex-layout.js";
  import "../paper-styles/default-theme.js";
  import "../paper-styles/typography.js";
  import "../paper-styles/shadow.js";
  const $_documentContainer = document.createElement('template');
  $_documentContainer.setAttribute('style', 'display: none;');
  $_documentContainer.innerHTML = `<dom-module id="paper-dialog-shared-styles">
    <template>
      <style>
        :host {
          display: block;
          margin: 24px 40px;
  
          background: var(--paper-dialog-background-color, var(--primary-background-color));
          color: var(--paper-dialog-color, var(--primary-text-color));
  
          @apply --paper-font-body1;
          @apply --shadow-elevation-16dp;
          @apply --paper-dialog;
        }
  
        :host > ::slotted(*) {
          margin-top: 20px;
          padding: 0 24px;
        }
  
        :host > ::slotted(.no-padding) {
          padding: 0;
        }
  
        
        :host > ::slotted(*:first-child) {
          margin-top: 24px;
        }
  
        :host > ::slotted(*:last-child) {
          margin-bottom: 24px;
        }
  
        /* In 1.x, this selector was \`:host > ::content h2\`. In 2.x <slot> allows
        to select direct children only, which increases the weight of this
        selector, so we have to re-define first-child/last-child margins below. */
        :host > ::slotted(h2) {
          position: relative;
          margin: 0;
  
          @apply --paper-font-title;
          @apply --paper-dialog-title;
        }
  
        /* Apply mixin again, in case it sets margin-top. */
        :host > ::slotted(h2:first-child) {
          margin-top: 24px;
          @apply --paper-dialog-title;
        }
  
        /* Apply mixin again, in case it sets margin-bottom. */
        :host > ::slotted(h2:last-child) {
          margin-bottom: 24px;
          @apply --paper-dialog-title;
        }
  
        :host > ::slotted(.paper-dialog-buttons),
        :host > ::slotted(.buttons) {
          position: relative;
          padding: 8px 8px 8px 24px;
          margin: 0;
  
          color: var(--paper-dialog-button-color, var(--primary-color));
  
          @apply --layout-horizontal;
          @apply --layout-end-justified;
        }
      </style>
    </template>
  </dom-module>`;
  document.head.appendChild($_documentContainer.content);