/*
   CSS styling examples for the Vaadin app.
   Visit https://vaadin.com/docs/latest/styling/application-theme and
   https://vaadin.com/docs/latest/styling/lumo for more information.
*/

/* 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);
}