/* [project]/apps/web/styles/login.css [app-client] (css) */
.login-background-base {
  z-index: -1;
  width: 100%;
  position: absolute;
}

.grid-bg {
  background: url("/assets/background/grid-bg.svg") no-repeat;
}

.grain-background {
  mix-blend-mode: overlay;
  background: url("/assets/background/grain-bg.svg");
}

.login-gradient-background {
  background: url("/assets/background/login-gradient.svg") top no-repeat;
}

.login-card-border, .login-card-hard-blur, .login-card-vertical-hard-blur, .login-card-soft-blur, .login-card-yellow-highlight {
  position: relative;
}

.login-card-border:before {
  content: "";
  z-index: -1;
  -webkit-mask-composite: xor;
  background: linear-gradient(#414b4e 49.5%, #414b4e00 100%);
  border-radius: 16px 16px 0 0;
  padding: 1px 1px 0;
  position: absolute;
  inset: 0;
  -webkit-mask-image: linear-gradient(#fff 0 0), linear-gradient(#fff 0 0);
  -webkit-mask-position: 0 0, 0 0;
  -webkit-mask-size: auto, auto;
  -webkit-mask-repeat: repeat, repeat;
  -webkit-mask-clip: content-box, border-box;
  -webkit-mask-origin: content-box, border-box;
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  -webkit-mask-source-type: auto, auto;
  mask-mode: match-source, match-source;
}

.login-card-hard-blur:before {
  content: "";
  opacity: .5;
  filter: blur(12px);
  background: #fff800;
  width: 88px;
  height: 4px;
  margin-left: -44px;
  position: absolute;
  top: -2px;
  left: 50%;
}

.login-card-vertical-hard-blur:before {
  content: "";
  opacity: .1;
  filter: blur(48px);
  background: #fff800;
  border-radius: 280px;
  width: 128px;
  height: 280px;
  margin-left: -64px;
  position: absolute;
  top: -140px;
  left: 50%;
}

.login-card-small-soft-blur:before {
  width: 250px;
}

.login-card-medium-soft-blur:before {
  width: 384px;
}

.login-card-soft-blur:before {
  content: "";
  opacity: .2;
  filter: blur(32px);
  background: #fff800;
  border-radius: 384px;
  height: 37px;
  position: absolute;
  top: -19px;
  left: 52px;
}

.login-card-small-yellow-highlight:before {
  width: 250px;
  margin-left: -125px;
}

.login-card-medium-yellow-highlight:before {
  width: 384px;
  margin-left: -192px;
}

.login-card-yellow-highlight:before {
  content: "";
  background: linear-gradient(90deg, #fff0 15%, #fff800e6 50%, #fff0 85%);
  height: 1px;
  position: absolute;
  left: 50%;
}

/*# sourceMappingURL=apps_web_styles_login_104dri..css.map*/