text: import '@vaadin/vaadin-material-styles/mixins/overlay.js';
  import { html } from '@polymer/polymer/lib/utils/html-tag.js';
  
  const $_documentContainer = html`<dom-module id="material-date-picker-overlay" theme-for="vaadin-date-picker-overlay">
    <template>
      <style include="material-overlay">
        :host([fullscreen]) {
          top: 0 !important;
          right: 0 !important;
          bottom: var(--vaadin-overlay-viewport-bottom) !important;
          left: 0 !important;
          align-items: stretch;
          justify-content: stretch;
        }
  
        [part="overlay"] {
          overflow: hidden;
          -webkit-overflow-scrolling: auto;
        }
  
        :host(:not([fullscreen])) [part="overlay"] {
          width: 360px;
          max-height: 500px;
          border-radius: 0 4px 4px;
        }
  
        :host(:not([fullscreen])[right-aligned]) [part="overlay"] {
          border-radius: 4px 0 4px 4px;
        }
  
        :host(:not([fullscreen])[bottom-aligned]) [part="overlay"] {
          border-radius: 4px;
        }
  
        :host(:not([fullscreen])[show-week-numbers]) [part="overlay"] {
          width: 396px;
        }
  
        [part="content"] {
          padding: 0;
        }
      </style>
    </template>
  </dom-module>`;
  
  document.head.appendChild($_documentContainer.content);
  