import"../color.js";import"../typography.js";import"../shadow.js";const n=document.createElement("template");n.innerHTML='<dom-module id="material-overlay">\n  <template>\n    <style>\n      :host {\n        top: 16px;\n        right: 16px;\n        /* TODO (@jouni): remove unnecessary multiplication after https://github.com/vaadin/vaadin-overlay/issues/90 is fixed */\n        bottom: calc(1px * var(--vaadin-overlay-viewport-bottom) + 16px);\n        left: 16px;\n      }\n\n      [part="overlay"] {\n        background-color: var(--material-background-color);\n        border-radius: 4px;\n        box-shadow: var(--material-shadow-elevation-4dp);\n        color: var(--material-body-text-color);\n        font-family: var(--material-font-family);\n        font-size: var(--material-body-font-size);\n        font-weight: 400;\n      }\n\n      [part="content"] {\n        padding: 8px 0;\n      }\n\n      [part="backdrop"] {\n        opacity: 0.2;\n        animation: 0.2s vaadin-overlay-backdrop-enter;\n        will-change: opacity;\n      }\n\n      @keyframes vaadin-overlay-backdrop-enter {\n        0% {\n          opacity: 0;\n        }\n      }\n    </style>\n  </template>\n</dom-module>',document.head.appendChild(n.content);