html, body {
  min-height: 100%;
}

body.agrar-bg-active {
  background-image:
    linear-gradient(rgba(2,7,17,var(--agrar-bg-dark,.45)), rgba(2,7,17,var(--agrar-bg-dark,.45))),
    var(--agrar-bg-image) !important;
  background-size: cover !important;
  background-position: center !important;
  background-attachment: fixed !important;
}

body.agrar-bg-active .main,
body.agrar-bg-active main,
body.agrar-bg-active .v4-page {
  background: transparent !important;
}

body.agrar-bg-active .v4-card,
body.agrar-bg-active .v4-panel,
body.agrar-bg-active .panel {
  background: rgba(18,43,72,.78) !important;
  backdrop-filter: blur(10px);
}