[ng\:cloak],[ng-cloak],[data-ng-cloak],[x-ng-cloak],.ng-cloak,.x-ng-cloak,.ng-hide:not(.ng-hide-animate){display: none !important;}

/*
 * AWE 5 splash: the logo fills with a liquid while the page loads.
 * It paints before tokens.css loads, so it carries the few colours it needs (slate light, zinc dark).
 * Its background follows the light or dark class of <html>: the page templates set the last mode applied on the browser
 * (localStorage awe-theme-mode), else the mode of the application (awe.application.theme-mode); without a class it
 * follows prefers-color-scheme.
 * The logo is a mask: awe.application.paths.image-splash-logo sets --awe-splash-logo on <html>, and
 * --awe-splash-liquid to the same image, so the logo fills up with its own colours; without it the built-in AWE mark
 * fills up with the AWE gradient (the template makes the URL absolute: a relative url() in a custom property would
 * resolve against this stylesheet). Only transform and opacity are animated, so the animation runs while the page parses
 * its scripts.
 */
#splash {
  --awe-splash-background: #f8fafc;
  --awe-splash-empty: #e2e8f0;
  position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 100000; overflow: hidden;
  display: flex; align-items: center; justify-content: center;
}
@media (prefers-color-scheme: dark) {
  :root:not(.light) #splash { --awe-splash-background: #09090b; --awe-splash-empty: #27272a; }
}
:root.dark #splash { --awe-splash-background: #09090b; --awe-splash-empty: #27272a; }
#splashBackground { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: var(--awe-splash-background); }

/* The logo: a 200 x 128 box masked by the logo image, filled by the liquid and covered by the empty part */
#splash .splash-logo {
  position: relative; width: 200px; max-width: 50vw; aspect-ratio: 561 / 360; overflow: hidden;
  background: var(--awe-splash-liquid, linear-gradient(115deg, #8a4793 0%, #257ec0 45%, #40ac5c 100%));
  -webkit-mask: var(--awe-splash-logo, url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 561 360'%3E%3Cpath d='M80.2,10c0-5.5,4.5-10,10-10c5.5,0,10,4.5,10,10s-4.5,10-10,10C84.7,20,80.2,15.5,80.2,10z M560.3,66.9 C560.3,66.9,560.3,66.9,560.3,66.9c0-6.6-3.2-12.4-8.1-16c-3.3-2.5-7.5-4-12-4c-11.1,0-20,9-20,20c0,0,0,0,0,0v16.7v0.2V84 c-0.1,2.6-1.1,4.9-2.8,6.7c-1.8,1.9-4.4,3.1-7.2,3.1c-5.5,0-10-4.5-10-10v1.3c0-10.6-8.2-19.2-18.6-19.9c-0.5,0-0.9-0.1-1.4-0.1 c-11.1,0-20,9-20,20c0,0,0,0,0,0v61.6c0,0,0,0,0,0v53v20.2c0,33.1-26.8,59.9-59.9,59.9v0.1c-37.3,0-68.7-25.5-77.5-60.1 c-1.3-5-2.1-10.1-2.4-15.4v-4.7v-4.5V75.2c0-4.5-0.8-8.8-2.1-12.9c-4.9-14.4-17.8-25.1-33.3-26.9c-0.2,0-0.5-0.1-0.7-0.1 c-0.4,0-0.9-0.1-1.3-0.1c-0.7-0.1-1.5-0.1-2.3-0.1c-0.1,0-0.2,0-0.3,0c0,0-0.1,0-0.1,0c0,0-0.1,0-0.1,0c-0.1,0-0.2,0-0.3,0 c-0.8,0-1.5,0-2.3,0.1c-0.4,0-0.9,0.1-1.3,0.1c-0.2,0-0.5,0.1-0.7,0.1c-15.6,1.8-28.5,12.5-33.4,26.9c-1.4,4-2.1,8.3-2.1,12.8 c0,0,0,0.1,0,0.1h0v123.2c0-1.1,0-2.1-0.1-3.2v4.5v4.7c-0.3,5.3-1.1,10.5-2.4,15.4c-8.9,34.5-40.2,60.1-77.5,60.1v-0.1 c-33.1,0-59.9-26.8-59.9-59.9v-20.2v-53V55.1c0-1.3-0.2-2.4-0.7-3.6c-1.4-3.8-5.1-6.5-9.3-6.5c-5.5,0-10,4.5-10,10v5.9 l-0.1,16.4v37.7c0,5.5-4.5,10-10,10c-5.5,0-10-4.5-10-10v-5.3V75.2v-0.4c0,0,0,0,0,0c-0.2-16.4-13.6-29.7-30-29.7 c-14.7,0-26.9,10.6-29.5,24.6C0.2,71.5,0,73.3,0,75.2v124.5v0.1c0,2.2,0.1,4.3,0.1,6.4c1.1,28.2,9.5,54.6,23.4,77.2 c4.8,7.9,10.3,15.3,16.4,22.2c4.5,5.1,9.2,9.8,14.3,14.3c6.9,6.1,14.4,11.6,22.3,16.5c22.6,13.9,49,22.3,77.2,23.4 c2.1,0.1,4.3,0.1,6.4,0.1c2.2,0,4.3-0.1,6.4-0.1c28.2-1.1,54.5-9.5,77.1-23.3c8-4.9,15.4-10.4,22.4-16.6c5-4.4,9.7-9.1,14.1-14 c0-0.1,0.1-0.1,0.1-0.2c4.4,5,9.2,9.8,14.2,14.2c6.9,6.1,14.4,11.6,22.3,16.5c22.6,13.9,49,22.3,77.2,23.4 c2.1,0.1,4.3,0.1,6.4,0.1s4.3-0.1,6.4-0.1c28.2-1.1,54.5-9.5,77.1-23.3c8-4.9,15.4-10.4,22.4-16.6c5-4.4,9.7-9.1,14.1-14 c6.2-7,11.7-14.4,16.6-22.4c11.6-19,19.5-40.5,22.3-63.7c0.5-4.4,0.9-8.8,1.1-13.3c0-0.1,0-0.2,0-0.3c0.1-2.1,0.1-4.3,0.1-6.5 c0-2.3-0.1-4.5-0.2-6.7V66.9z M480.3,44.1c11.1,0,20-9,20-20s-9-20-20-20c-11.1,0-20,9-20,20S469.2,44.1,480.3,44.1z'/%3E%3C/svg%3E")) center / contain no-repeat;
  mask: var(--awe-splash-logo, url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 561 360'%3E%3Cpath d='M80.2,10c0-5.5,4.5-10,10-10c5.5,0,10,4.5,10,10s-4.5,10-10,10C84.7,20,80.2,15.5,80.2,10z M560.3,66.9 C560.3,66.9,560.3,66.9,560.3,66.9c0-6.6-3.2-12.4-8.1-16c-3.3-2.5-7.5-4-12-4c-11.1,0-20,9-20,20c0,0,0,0,0,0v16.7v0.2V84 c-0.1,2.6-1.1,4.9-2.8,6.7c-1.8,1.9-4.4,3.1-7.2,3.1c-5.5,0-10-4.5-10-10v1.3c0-10.6-8.2-19.2-18.6-19.9c-0.5,0-0.9-0.1-1.4-0.1 c-11.1,0-20,9-20,20c0,0,0,0,0,0v61.6c0,0,0,0,0,0v53v20.2c0,33.1-26.8,59.9-59.9,59.9v0.1c-37.3,0-68.7-25.5-77.5-60.1 c-1.3-5-2.1-10.1-2.4-15.4v-4.7v-4.5V75.2c0-4.5-0.8-8.8-2.1-12.9c-4.9-14.4-17.8-25.1-33.3-26.9c-0.2,0-0.5-0.1-0.7-0.1 c-0.4,0-0.9-0.1-1.3-0.1c-0.7-0.1-1.5-0.1-2.3-0.1c-0.1,0-0.2,0-0.3,0c0,0-0.1,0-0.1,0c0,0-0.1,0-0.1,0c-0.1,0-0.2,0-0.3,0 c-0.8,0-1.5,0-2.3,0.1c-0.4,0-0.9,0.1-1.3,0.1c-0.2,0-0.5,0.1-0.7,0.1c-15.6,1.8-28.5,12.5-33.4,26.9c-1.4,4-2.1,8.3-2.1,12.8 c0,0,0,0.1,0,0.1h0v123.2c0-1.1,0-2.1-0.1-3.2v4.5v4.7c-0.3,5.3-1.1,10.5-2.4,15.4c-8.9,34.5-40.2,60.1-77.5,60.1v-0.1 c-33.1,0-59.9-26.8-59.9-59.9v-20.2v-53V55.1c0-1.3-0.2-2.4-0.7-3.6c-1.4-3.8-5.1-6.5-9.3-6.5c-5.5,0-10,4.5-10,10v5.9 l-0.1,16.4v37.7c0,5.5-4.5,10-10,10c-5.5,0-10-4.5-10-10v-5.3V75.2v-0.4c0,0,0,0,0,0c-0.2-16.4-13.6-29.7-30-29.7 c-14.7,0-26.9,10.6-29.5,24.6C0.2,71.5,0,73.3,0,75.2v124.5v0.1c0,2.2,0.1,4.3,0.1,6.4c1.1,28.2,9.5,54.6,23.4,77.2 c4.8,7.9,10.3,15.3,16.4,22.2c4.5,5.1,9.2,9.8,14.3,14.3c6.9,6.1,14.4,11.6,22.3,16.5c22.6,13.9,49,22.3,77.2,23.4 c2.1,0.1,4.3,0.1,6.4,0.1c2.2,0,4.3-0.1,6.4-0.1c28.2-1.1,54.5-9.5,77.1-23.3c8-4.9,15.4-10.4,22.4-16.6c5-4.4,9.7-9.1,14.1-14 c0-0.1,0.1-0.1,0.1-0.2c4.4,5,9.2,9.8,14.2,14.2c6.9,6.1,14.4,11.6,22.3,16.5c22.6,13.9,49,22.3,77.2,23.4 c2.1,0.1,4.3,0.1,6.4,0.1s4.3-0.1,6.4-0.1c28.2-1.1,54.5-9.5,77.1-23.3c8-4.9,15.4-10.4,22.4-16.6c5-4.4,9.7-9.1,14.1-14 c6.2-7,11.7-14.4,16.6-22.4c11.6-19,19.5-40.5,22.3-63.7c0.5-4.4,0.9-8.8,1.1-13.3c0-0.1,0-0.2,0-0.3c0.1-2.1,0.1-4.3,0.1-6.5 c0-2.3-0.1-4.5-0.2-6.7V66.9z M480.3,44.1c11.1,0,20-9,20-20s-9-20-20-20c-11.1,0-20,9-20,20S469.2,44.1,480.3,44.1z'/%3E%3C/svg%3E")) center / contain no-repeat;
}
/* Fill: moves the rest of the way up when the page is ready (#splash.splash-done) */
#splash .splash-fill { position: absolute; top: 0; left: 0; width: 100%; height: 100%; transition: transform 300ms cubic-bezier(0.2, 0, 0, 1); }
#splash.splash-done .splash-fill { transform: translateY(-30%); }
/* Leaving: the first screen is already there, so it takes the clicks while the splash fades out */
#splash.splash-done { pointer-events: none; }
/* React: the splash fades out over the first screen (AngularJS fades it out with jQuery) */
#splash.splash-leaving { opacity: 0; transition: opacity 250ms cubic-bezier(0.4, 0, 1, 1) 150ms; }
/* Level: rises fast to about 90% and then slows down. --awe-splash-elapsed (ms) resumes it when the splash is
   painted again (React) */
#splash .splash-level {
  position: absolute; top: 0; left: 0; width: 100%; height: 100%;
  animation: awe-splash-fill 6s cubic-bezier(0.12, 0.75, 0.2, 1) forwards;
  animation-delay: calc(var(--awe-splash-elapsed, 0) * -1ms);
}
/* Cover: the empty part of the logo, whose lower edge is the wave */
#splash .splash-cover {
  position: absolute; top: 0; left: 0; width: 200%; height: 115%;
  background: var(--awe-splash-empty);
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 400 115' preserveAspectRatio='none'%3E%3Cpath d='M0 0H400V107Q375 99 350 107T300 107T250 107T200 107T150 107T100 107T50 107T0 107Z'/%3E%3C/svg%3E") 0 0 / 100% 100% no-repeat;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 400 115' preserveAspectRatio='none'%3E%3Cpath d='M0 0H400V107Q375 99 350 107T300 107T250 107T200 107T150 107T100 107T50 107T0 107Z'/%3E%3C/svg%3E") 0 0 / 100% 100% no-repeat;
  animation: awe-splash-wave 2.6s linear infinite;
}
#splash .splash-label {
  position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden;
  clip: rect(0 0 0 0); white-space: nowrap; border: 0;
}
@keyframes awe-splash-fill { from { transform: translateY(0); } to { transform: translateY(-90%); } }
@keyframes awe-splash-wave { from { transform: translateX(0); } to { transform: translateX(-50%); } }

/* Reduced motion: the logo is shown full and still */
@media (prefers-reduced-motion: reduce) {
  #splash .splash-level { animation: none; transform: translateY(-115%); }
  #splash .splash-cover { animation: none; }
  #splash .splash-fill, #splash.splash-leaving { transition: none; }
}
