:root {
  --regular:1px;
  --thick:2px;
  --dashed:1px;
  --font-family:Roboto;
  --border:4px;
  --border-tile:0px;
  --border-circle:100000000px;
  --shadow-1:0px 1px 3px rgba(0, 0, 0, 0.2), 0px 2px 2px rgba(0, 0, 0, 0.12), 0px 0px 2px rgba(0, 0, 0, 0.14);
  --shadow-2:0px 1px 5px rgba(0, 0, 0, 0.2), 0px 3px 4px rgba(0, 0, 0, 0.12), 0px 2px 4px rgba(0, 0, 0, 0.14);
  --shadow-3:0px 1px 8px rgba(0, 0, 0, 0.2), 0px 3px 4px rgba(0, 0, 0, 0.12), 0px 3px 3px rgba(0, 0, 0, 0.14);
  --shadow-4:0px 1px 10px rgba(0, 0, 0, 0.2), 0px 4px 5px rgba(0, 0, 0, 0.12), 0px 2px 4px rgba(0, 0, 0, 0.14);
  --shadow-5:0px 3px 5px rgba(0, 0, 0, 0.2), 0px 1px 18px rgba(0, 0, 0, 0.12), 0px 6px 10px rgba(0, 0, 0, 0.14);
  --shadow-6:0px 4px 5px rgba(0, 0, 0, 0.2), 0px 3px 14px rgba(0, 0, 0, 0.12), 0px 8px 10px rgba(0, 0, 0, 0.14);
  --shadow-7:0px 5px 6px rgba(0, 0, 0, 0.2), 0px 3px 16px rgba(0, 0, 0, 0.12), 0px 9px 12px rgba(0, 0, 0, 0.14);
  --shadow-8:0px 7px 8px rgba(0, 0, 0, 0.2), 0px 5px 22px rgba(0, 0, 0, 0.12), 0px 12px 17px rgba(0, 0, 0, 0.14);
  --shadow-9:0px 8px 10px rgba(0, 0, 0, 0.2), 0px 6px 30px rgba(0, 0, 0, 0.12), 0px 16px 24px rgba(0, 0, 0, 0.14);
  --shadow-10:0px 11px 15px rgba(0, 0, 0, 0.2), 0px 9px 46px rgba(0, 0, 0, 0.12), 0px 24px 38px rgba(0, 0, 0, 0.14);
  --icon-size-small:1rem;
  --icon-size:1.5rem;
  --icon-size-large:2rem;
  --spacing-1:0.25rem;
  --spacing-2:0.5rem;
  --spacing-3:0.75rem;
  --spacing-4:1rem;
  --spacing-5:1.25rem;
  --spacing-6:2rem;
  --spacing-7:2.5rem;
  --spacing-8:3.75rem;
  --spacing-9:4.5rem; }

.zd-input.v-input .v-input__control > .v-input__slot {
  border: solid var(--regular) #bdbdbd;
  border-radius: var(--border);
  margin-bottom: 2px;
  height: auto; }
  .zd-input.v-input .v-input__control > .v-input__slot .v-select__slot {
    height: 100%; }
  .zd-input.v-input .v-input__control > .v-input__slot input, .zd-input.v-input .v-input__control > .v-input__slot .v-select__selection {
    padding: 9px 7px 10px 7px;
    line-height: 15px;
    max-height: none; }
  .zd-input.v-input .v-input__control > .v-input__slot:before, .zd-input.v-input .v-input__control > .v-input__slot:after {
    content: none; }
  .zd-input.v-input .v-input__control > .v-input__slot label {
    top: calc(-10px - var(--spacing-2));
    max-width: 100%;
    transform: none;
    font-size: var(--zd-font-body1-size);
    left: 0 !important;
    line-height: 15px;
    height: auto;
    font-weight: var(--zd-font-body1-weight); }
  .zd-input.v-input .v-input__control > .v-input__slot input::placeholder, .zd-input.v-input .v-input__control > .v-input__slot label::placeholder, .zd-input.v-input .v-input__control > .v-input__slot textarea::placeholder {
    color: #bdbdbd; }
  .zd-input.v-input .v-input__control > .v-input__slot input, .zd-input.v-input .v-input__control > .v-input__slot textarea {
    font-size: var(--zd-font-body1-size);
    font-weight: var(--zd-font-body1-weight);
    cursor: text; }
  .zd-input.v-input .v-input__control > .v-input__slot .v-input__icon--clear {
    opacity: 0; }

.zd-input.v-input .v-input__control > .v-text-field__details {
  min-height: 13px; }
  .zd-input.v-input .v-input__control > .v-text-field__details > .v-messages {
    font-size: 11px;
    min-height: 13px; }

.zd-input.v-input--is-focused > .v-input__control > .v-input__slot {
  border-color: currentColor; }

.zd-input.v-input--is-disabled > .v-input__control > .v-input__slot {
  border: solid var(--regular) #ddd; }
  .zd-input.v-input--is-disabled > .v-input__control > .v-input__slot label, .zd-input.v-input--is-disabled > .v-input__control > .v-input__slot input {
    opacity: 0.5; }

.zd-input.v-input.zd-no-label {
  padding-top: 0;
  margin: 0; }

.zd-input.v-input.zd-no-border > .v-input__control > .v-input__slot {
  border: none; }

.zd-input.v-input.zd-no-helper > .v-input__control > .v-input__slot {
  margin-bottom: 0; }

.zd-input.v-input.zd-no-helper > .v-input__control > .v-text-field__details {
  display: none; }

.zd-input.v-input.zd-dense > .v-input__control > .v-input__slot {
  height: auto; }
  .zd-input.v-input.zd-dense > .v-input__control > .v-input__slot input, .zd-input.v-input.zd-dense > .v-input__control > .v-input__slot .v-select__selection {
    padding: 3px 7px 4px 7px;
    line-height: 15px; }
  .zd-input.v-input.zd-dense > .v-input__control > .v-input__slot .v-input__icon {
    max-height: 22px;
    width: 18px;
    min-width: 18px; }

.zd-input.v-input.zd-dense > .v-input__control > .v-text-field__details {
  min-height: 11px; }
  .zd-input.v-input.zd-dense > .v-input__control > .v-text-field__details .v-messages {
    min-height: 11px; }
    .zd-input.v-input.zd-dense > .v-input__control > .v-text-field__details .v-messages .v-messages__message {
      line-height: 1; }

.zd-input.v-input.zd-dense .v-input__prepend-outer, .zd-input.v-input.zd-dense .v-input__append-outer {
  margin-top: 0;
  margin-bottom: 0; }

.zd-input.v-input:hover > .v-input__control > .v-input__slot .v-input__icon--clear, .zd-input.v-input.v-input--is-focused > .v-input__control > .v-input__slot .v-input__icon--clear {
  opacity: 1; }

.zd-input.v-input .v-input__prepend-outer {
  margin-right: var(--spacing-1); }

.zd-input.v-input .v-input__append-outer {
  margin-left: var(--spacing-1); }

.zd-input.error--text.v-input > .v-input__control > .v-input__slot {
  border: solid var(--regular) var(--v-error-base); }

.zd-input.theme--light input {
  color: var(--zd-font-color); }

/* Class to make inputs without label be correctly align inside forms with inputs */
.zd-form-input-align {
  margin-top: var(--spacing-5) !important; }

* {
  letter-spacing: unset !important;
  outline-color: var(--v-primary-base);
  scrollbar-width: thin; }

main.v-main {
  transition: none; }

::-webkit-scrollbar {
  width: 7px;
  height: 7px; }

::-webkit-scrollbar-track {
  background-color: var(--zd-scrollbar-track); }

::-webkit-scrollbar-thumb {
  background-color: var(--zd-scrollbar-thumb);
  border-radius: 5px; }