import"./vaadin-text-field-styles.js";import"../../../vaadin-material-styles/font-icons.js";import"../../../vaadin-material-styles/mixins/field-button.js";import{html as t}from"../../../../@polymer/polymer/lib/utils/html-tag.js";const e=t`<dom-module id="material-number-field" theme-for="vaadin-number-field">
  <template>
    <style include="material-field-button">
      :host {
        width: 8em;
      }

      :host([has-controls]) [part="value"] {
        text-align: center;
      }

      [part="decrease-button"][disabled],
      [part="increase-button"][disabled] {
        opacity: 0.2;
      }

      [part="decrease-button"],
      [part="increase-button"] {
        cursor: pointer;
        font-size: var(--material-body-font-size);
        padding-bottom: 0.21em;
      }
    </style>
  </template>
</dom-module>`;document.head.appendChild(e.content);