:root{
  --cse-amb-primary:#123b70;
  --cse-amb-secondary:#1761e8;
  --cse-amb-accent:#f58220;
}

body.cse-ambiance-active .cse-app-sidebar,
body.cse-ambiance-active .cse-portal-hero,
body.cse-ambiance-active .cse-media-hero{
  background:linear-gradient(135deg,var(--cse-amb-primary),var(--cse-amb-secondary))!important;
}

body.cse-ambiance-active .cse-role-access-suite,
body.cse-ambiance-active .cse-media-btn,
body.cse-ambiance-active .button-primary{
  background:linear-gradient(135deg,var(--cse-amb-primary),var(--cse-amb-secondary))!important;
  border-color:var(--cse-amb-secondary)!important;
}

body.cse-ambiance-active .cse-app-nav a.active,
body.cse-ambiance-active .cse-app-nav a:hover{
  background:var(--cse-amb-secondary)!important;
}

body.cse-ambiance-active .cse-card,
body.cse-ambiance-active .cse-portal-card,
body.cse-ambiance-active .cse-media-card{
  transition:box-shadow .25s ease,transform .25s ease;
}

body.cse-ambiance-active .cse-card:hover,
body.cse-ambiance-active .cse-portal-card:hover,
body.cse-ambiance-active .cse-media-card:hover{
  transform:translateY(-2px);
  box-shadow:0 14px 32px rgba(20,35,60,.12);
}

#cse-ambiance-layer{
  position:fixed;
  inset:0;
  z-index:999999;
  pointer-events:none;
  overflow:hidden;
}

.cse-ambiance-particle{
  position:absolute;
  top:-10vh;
  user-select:none;
  animation-name:cseAmbianceFall;
  animation-timing-function:linear;
  animation-iteration-count:infinite;
  opacity:.78;
}

@keyframes cseAmbianceFall{
  0%{transform:translate3d(0,-10vh,0) rotate(0deg)}
  100%{transform:translate3d(var(--cse-drift,30px),115vh,0) rotate(360deg)}
}

@media (prefers-reduced-motion:reduce){
  #cse-ambiance-layer{display:none!important}
  body.cse-ambiance-active *{animation:none!important;transition:none!important}
}