/*
   CSS styling examples for the Vaadin app.

   Visit https://vaadin.com/docs/styling/application-theme/ for more information.
*/
/*
@import '@vaadin/vaadin-lumo-styles/presets/compact.js';
@import '@vaadin/vaadin-lumo-styles/style.js';
@import '@vaadin/vaadin-lumo-styles/color.js';
@import '@vaadin/vaadin-lumo-styles/typography.js';
@import '@vaadin/vaadin-lumo-styles/sizing.js';
@import '@vaadin/vaadin-lumo-styles/spacing.js';
@import '@vaadin/vaadin-lumo-styles/icons.js';*/

/* Example: CSS class name to center align the content . */
.centered-content {
  margin: 0 auto;
  max-width: 250px;
}

/* Example: the style is applied only to the textfields which have the `bordered` class name. */
vaadin-text-field.bordered::part(input-field) {
  box-shadow: inset 0 0 0 1px var(--lumo-contrast-30pct);
  background-color: var(--lumo-base-color);
}