import { css } from 'lit';
export default css `
body,
html {
  margin: 0;
  padding: 0;
}

body.first-run #app {
  display: flex;
  flex-direction: column;
  max-width: 900px;
  margin: 0 auto;
}

body:not(.first-run) #app {
  display: grid;
  grid-template:
    "nav header" 64px
    "nav content" calc(100vh - 64px) / minmax(360px, 2fr) 10fr;
}

header {
  grid-area: header;
  display: flex;
  align-items: center;
  justify-content: start;
}

nav {
  grid-area: nav;
  padding: 12px;
  margin-right: 24px;
}

main {
  overflow: auto;
  grid-area: content;
  box-sizing: border-box;
  border-radius: 20px;
  padding: 20px;
}

body:not(.first-run) main {
  margin: 0 16px 16px 0;
}

.nav-add-action {
  margin-top: 40px;
  display: flex;
  align-items: center;
  flex-direction: column;
}

header .add-button {
  margin-left: auto;
  margin-right: 16px;
}

.form {
  width: 100%;
  flex: 1;
}

h1 {
  text-align: center;
}

h1.first-run {
  width: 100%;
}

.title-area {
  display: flex;
  align-items: center;
  flex-direction: row;
}

dd {
  margin-bottom: 20px;
}

.data-source {
  margin: 40px auto;
  width: 180px;
}

.actions {
  display: flex;
  align-items: center;
  flex-direction: row;
  justify-content: flex-end;
}

.store-url-input {
  display: flex;
}

.store-url {
  flex: 1;
}

.help-dialog {
  max-width: 400px;
}

ui-progress {
  width: 100%;
}

.validation-error {
  padding: 16px;
  border-radius: 20px;
}

.nav-list {
  margin: 0px;
  padding: 0px;
  list-style: none;
}

nav > ui-button {
  width: 100%;
  height: 56px;
  margin-bottom: 20px;
}

.headline-medium,
.title-large {
  color: var(--md-sys-color-on-surface);
}
`;
//# sourceMappingURL=StoreConfig.styles.js.map