/* ===========================================================
   Digi loader, CSS part
   -----------------------------------------------------------
   Paste into: Advanced customization -> CSS

   Salla places custom JavaScript at the end of the page, so no
   script can draw before the page has painted. A stylesheet in
   the head can, so the loader itself lives here and paints with
   the very first frame. digi-theme.js lifts it once the fill has
   played in full and the page has loaded.

   If the script never arrives, the loader still lifts itself
   after nine seconds, so the store can never be left covered.
   Generated by tools/build-loader.mjs; edit that, not this.
   =========================================================== */
html { --digi-loader: 1; }
@property --digi-lvl { syntax: "<length>"; inherits: false; initial-value: 150px; }
@property --digi-wa { syntax: "<length>"; inherits: false; initial-value: 0px; }
@property --digi-wb { syntax: "<length>"; inherits: false; initial-value: 0px; }
@property --digi-b1 { syntax: "<length>"; inherits: false; initial-value: 150px; }
@property --digi-b2 { syntax: "<length>"; inherits: false; initial-value: 150px; }
@property --digi-b3 { syntax: "<length>"; inherits: false; initial-value: 150px; }
@keyframes digiRise { from { --digi-lvl: 150px; } to { --digi-lvl: 10.5px; } }
@keyframes digiWaveA { from { --digi-wa: 0px; } to { --digi-wa: -75px; } }
@keyframes digiWaveB { from { --digi-wb: -50px; } to { --digi-wb: 0px; } }
@keyframes digiBubble1 { from { --digi-b1: 147px; } to { --digi-b1: 57px; } }
@keyframes digiBubble2 { from { --digi-b2: 147px; } to { --digi-b2: 66px; } }
@keyframes digiBubble3 { from { --digi-b3: 147px; } to { --digi-b3: 50px; } }
@keyframes digiLoaderOut { to { opacity: 0; visibility: hidden; pointer-events: none; } }
html::before {
  content: "";
  position: fixed;
  inset: 0;
  z-index: 2147483000;
  background:
    radial-gradient(120% 120% at 50% 34%, rgba(64,45,250,.12) 0%, transparent 55%),
    radial-gradient(100% 100% at 50% 82%, rgba(42,193,207,.09) 0%, transparent 60%),
    #0a0d14;
  transition: opacity .5s ease, visibility .5s ease;
  animation: digiLoaderOut .5s ease 5s forwards;
}
html::after {
  width: 150px;
  height: 150px;
  -webkit-mask: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMDAwIDEwMDAiPjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgZD0ibTUwMS44NyAwYzUzLjg1IDAgMTA3LjcgMCAxNjMuMTcgMCAwLjUyIDcyLjU5IDAuOTUgMTQ1LjE5IDEuMTkgMjE3Ljc4cTAuMDUgMTIuODkgMC4wOSAyNS43OGMwLjAxIDIuNTYgMC4wMSAyLjU2IDAuMDIgNS4xOHEwLjE3IDQxLjQxIDAuNSA4Mi44MiAwLjMzIDQyLjU3IDAuNCA4NS4xMyAwLjAyIDIzLjg4IDAuMjcgNDcuNzYgMC4yMyAyMi41MiAwLjE3IDQ1LjA0IDAuMDEgOC4yMiAwLjE0IDE2LjQ0YzAuNTUgMzUuMjktNC4zMSA1OS43Ni0yMy4zOSA4OS43Mi01LjkxIDkuNjItMTAuMTUgMjAuMTQtMTQuNjQgMzAuNDgtMC45IDIuMDItMS43OSA0LjA0LTIuNzIgNi4xM3EtMy4xOCA3LjE5LTYuMzIgMTQuNDEtMi4yOSAwLTQuNjYgMGMtMS4yNi0yLjY0LTEuMjYtMi42NC0yLjU1LTUuMzItMTUuNzQtMzIuNzctMzEuNTYtNjUuNDctNDcuOTMtOTcuOTItNi45OS0xMy45LTEzLjc1LTI3Ljg5LTIwLjM2LTQxLjk3LTEzLjk1LTI5Ljg5LTEzLjk1LTI5Ljg5LTMxLjcyLTU3LjU5cS0xLjc1LTIuNDItMy41NS00LjkxYy0yOC42Ny0zNi4xNS04MC4zLTU2LjE1LTEyNC42Ni02Mi42OS05LjgtMC41NS0xOS42MS0wLjU0LTI5LjQzLTAuNTgtMi41OS0wLjA1LTUuMTgtMC4xLTcuODUtMC4xNS0yNS4yMi0wLjEyLTQ3Ljg0IDQuNjItNzAuMjMgMTYuMzJxLTIuMzYgMS4yMS00LjggMi40NmMtNDMuMDIgMjIuODItNzMuNzUgNjMuODctODguMTUgMTEwLjE2LTE0IDQ5LjE0LTE3Ljg2IDEwMy41Ny03IDE1My44NCAwLjQ2IDIuMTIgMC45MSA0LjIzIDEuMzggNi40MSAxMi4xOSA0OS42MyAzNy4xIDk2LjQyIDgxLjIzIDEyNC4wNiAyOC4yOSAxNi42MSA1Ny4wNiAyMy4zNSA4OS42IDI0LjY5IDIuMjcgMC4xIDQuNTQgMC4yIDYuODggMC4zcTguMzYgMC4zNyAxNi43MiAwLjcyIDYuMzQgMTMuMTggMTIuNjcgMjYuMzdjMS4yOCAyLjY1IDIuNTUgNS4zIDMuODYgOC4wM3ExMi42MiAyNi4yOSAyNS4wMyA1Mi42OCA5LjY4IDIwLjQ1IDIwLjA2IDQwLjU1YzQuMzcgOC41NiA3Ljg0IDE3LjAyIDEwLjY0IDI2LjIxcS01LjkgMS43LTExLjggMy4zNmMtMy4yOSAwLjkzLTMuMjkgMC45My02LjY0IDEuODgtMTQuODMgMy42Mi0yOS4zOCA0LjUyLTQ0LjU2IDQuNzNxLTIuOTkgMC4wNC02LjA2IDAuMDljLTQzLjQ4IDAuNTEtODQuODUgMC42OC0xMjYuNzUtMTIuMzlxLTIuODgtMC44Ny01Ljg1LTEuNzdjLTQxLjQ0LTEyLjk3LTc5Ljk5LTMyLjk0LTExMy4wMy02MS4xNi0yLjI0LTEuOS00LjQ5LTMuOC02LjgxLTUuNzUtMTUuMDMtMTMuMTQtMjcuNjktMjcuMzYtMzkuODEtNDMuMi0xLjUyLTEuOTMtMy4wNS0zLjg2LTQuNjItNS44NS02My45Ny04My42Ny04Ny41Mi0yMDEuNDgtNzQuNTgtMzA0Ljg0cTEuMDgtNy44NCAyLjI4LTE1LjY1IDAuNDEtMi45IDAuODMtNS44OGM2Ljg2LTQ3LjEgMjAuMzYtOTIuNzIgNDMuNDktMTM0LjQ3IDIuMy00LjE4IDQuNTEtOC40IDYuNzItMTIuNjQgMTAuOTItMjAuNTMgMjQuNDItMzcuMjMgMzkuODctNTQuNDcgMS42MS0xLjkyIDMuMjItMy44NCA0Ljg4LTUuODIgNTAuNi01OS44MyAxMjkuNzYtOTQuNDYgMjA2LjQ1LTEwMy4zMSA1Mi40LTQuMTUgMTA3Ljc5LTEuNzMgMTU2Ljk3IDE4LjIyIDIuNTIgMC45OSA1LjAzIDEuOTkgNy42MyAzLjAxIDE4LjggNy42MiAxOC44IDcuNjIgMjcuMzMgMTMuMyAwLTg3LjY5IDAtMTc1LjM4IDAtMjY1Ljczem0zMTkuMzUgMzkzLjk0YzU4LjQ2IDAgMTE2LjkyIDAgMTc3LjE2IDAtMy4wMyAxMC42MS01LjQzIDE4Ljc0LTEwLjA3IDI4LjMzcS0xLjU3IDMuMjQtMy4xNyA2LjU5Yy0xLjEyIDIuMjctMi4yMyA0LjU1LTMuMzcgNi44OS0xLjE1IDIuMzgtMi4zIDQuNzYtMy40OSA3LjIycS0xMC44NCAyMi4zNi0yMi4wNiA0NC41NWMtNS45MyAxMS43OC0xMS41NSAyMy42OS0xNy4xNCAzNS42NS02LjQ3IDEzLjgyLTEzLjI1IDI3LjM4LTIwLjU0IDQwLjc5LTkuMTggMTYuOTYtMTcuMzEgMzQuMzMtMjUuMzUgNTEuODYtMTAuODQgMjMuNjQtMjIuMDkgNDcuMDEtMzMuOCA3MC4yMi0xMy41NCAyNi44OC0yNi43MyA1My45LTM5LjYzIDgxLjFxLTguODUgMTguNjItMTcuNzcgMzcuMmMtMS4xOSAyLjQ4LTIuMzggNC45Ni0zLjYgNy41MXEtMTAuODYgMjIuNTgtMjIuMTUgNDQuOTRjLTUuODQgMTEuNzgtMTEuNDEgMjMuNjktMTcuMDEgMzUuNTktNi4zNiAxMy40OS0xMi45NiAyNi44NC0xOS42OSA0MC4xNi02LjY2IDEzLjI0LTEyLjk5IDI2LjYyLTE5LjI1IDQwLjA1cS0xLjA4IDIuMzItMi4xOSA0LjdjLTAuOTQgMi4wMi0wLjk0IDIuMDItMS45IDQuMDktMi45OCA2LjI1LTYuMSAxMi40My05LjIgMTguNjItMjkuNDYgMC01OC45MSAwLTg4LjU4IDAtMzEuNTQgMC02My4wNyAwLTk1LjU3IDAtMTYuNS0zMi44NC0zMi45NC02NS42Ni00OC42OC05OC44Ni04LjQtMTcuNjYtMTcuMDktMzUuMTctMjUuOTEtNTIuNjNxLTEuMTMtMi4yMy0yLjI2LTQuNDdjLTkuMzMtMTguNS0xOC4yNy0zNy4xNy0yNy4xOS01NS44Ny0xMC44MS0yMi42Ni0yMS44My00NS4yLTMyLjg5LTY3Ljc0cS04Ljc3LTE3Ljg2LTE3LjUyLTM1Ljc0Yy0xLjE1LTIuMzUtMi4zLTQuNy0zLjQ5LTcuMTNxLTE0Ljk5LTMwLjYyLTI5Ljg1LTYxLjMtMS4xLTIuMjctMi4yMy00LjYxLTEyLjE4LTI1LjE1LTI0LjMxLTUwLjMxYy0xLjEzLTIuMzMtMS4xMy0yLjMzLTIuMjgtNC43MXEtNS4zMi0xMS4wMy0xMC42My0yMi4wNmMtMS4yNS0yLjU5LTIuNS01LjE4LTMuNzgtNy44NS0wLjg3LTEuOC0xLjMtMi43LTEuNzQtMy42MXEtMC44OC0xLjgxLTEuNzctMy42Ny00LjMyLTguODEtOC44LTE3LjU0Yy0zLjc1LTcuNzMtMy43NS03LjczLTMuNzUtMTIuMzkgNjAuNzYgMCAxMjEuNTMgMCAxODQuMTQgMCA2LjE2IDEyLjMxIDEyLjMxIDI0LjYyIDE4LjY1IDM3LjMgMi44MyA1LjYyIDUuNjYgMTEuMjUgOC41NyAxNy4wNSAxNC4yOSAyOC40NiAyOC40NSA1Ni45NSA0Mi4wOCA4NS43MyA3LjE1IDE1LjAzIDE0LjUzIDI5Ljk0IDIxLjk3IDQ0LjgycTMuMzEgNi42MiA2LjY0IDEzLjI0YzI3LjU0IDU0Ljg1IDI4LjI0IDU2LjI0IDQwLjA1IDgxLjk4cTEuNzYgMy42NiAzLjU0IDcuMyAyLjMgNC41MSA0Ljc4IDguOTQgMi45OSA1LjY0IDUuMjEgMTEuMDUgMS4yNiAyLjQ2IDIuNTMgNC45MmMyLjEyIDQuNTkgMi4xNiA0LjY5IDIuMTYgOS4wN3EwLjA0IDAuMTQgMC4wNyAwLjI4IDIuMjcgMCA0LjU5IDAgMC4zMy0yLjM3IDAuNjctNC44MWMyLjA0LTguNCA1LjctMTUuNTUgOS42OC0yMy4xNiA4LjY0LTE2LjkgMTYuODgtMzMuOTYgMjQuOTYtNTEuMTRxOC4zOC0xNy43IDE3LjE4LTM1LjE5YzEyLjIyLTI0LjM2IDI0LjIxLTQ4LjgzIDM2LjIyLTczLjNxNS44Ny0xMS45NiAxMS43NS0yMy45MyAyMC42Mi00MS45OCA0MC44My04NC4xN2MxMi4wMi0yNS4wOSAyNC4yMi01MC4wOSAzNi40NS03NS4wOCA3LjUtMTUuMzMgMTUtMzAuNjcgMjIuNzMtNDYuNDd6Ii8+PC9zdmc+") center / contain no-repeat;
  mask: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMDAwIDEwMDAiPjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgZD0ibTUwMS44NyAwYzUzLjg1IDAgMTA3LjcgMCAxNjMuMTcgMCAwLjUyIDcyLjU5IDAuOTUgMTQ1LjE5IDEuMTkgMjE3Ljc4cTAuMDUgMTIuODkgMC4wOSAyNS43OGMwLjAxIDIuNTYgMC4wMSAyLjU2IDAuMDIgNS4xOHEwLjE3IDQxLjQxIDAuNSA4Mi44MiAwLjMzIDQyLjU3IDAuNCA4NS4xMyAwLjAyIDIzLjg4IDAuMjcgNDcuNzYgMC4yMyAyMi41MiAwLjE3IDQ1LjA0IDAuMDEgOC4yMiAwLjE0IDE2LjQ0YzAuNTUgMzUuMjktNC4zMSA1OS43Ni0yMy4zOSA4OS43Mi01LjkxIDkuNjItMTAuMTUgMjAuMTQtMTQuNjQgMzAuNDgtMC45IDIuMDItMS43OSA0LjA0LTIuNzIgNi4xM3EtMy4xOCA3LjE5LTYuMzIgMTQuNDEtMi4yOSAwLTQuNjYgMGMtMS4yNi0yLjY0LTEuMjYtMi42NC0yLjU1LTUuMzItMTUuNzQtMzIuNzctMzEuNTYtNjUuNDctNDcuOTMtOTcuOTItNi45OS0xMy45LTEzLjc1LTI3Ljg5LTIwLjM2LTQxLjk3LTEzLjk1LTI5Ljg5LTEzLjk1LTI5Ljg5LTMxLjcyLTU3LjU5cS0xLjc1LTIuNDItMy41NS00LjkxYy0yOC42Ny0zNi4xNS04MC4zLTU2LjE1LTEyNC42Ni02Mi42OS05LjgtMC41NS0xOS42MS0wLjU0LTI5LjQzLTAuNTgtMi41OS0wLjA1LTUuMTgtMC4xLTcuODUtMC4xNS0yNS4yMi0wLjEyLTQ3Ljg0IDQuNjItNzAuMjMgMTYuMzJxLTIuMzYgMS4yMS00LjggMi40NmMtNDMuMDIgMjIuODItNzMuNzUgNjMuODctODguMTUgMTEwLjE2LTE0IDQ5LjE0LTE3Ljg2IDEwMy41Ny03IDE1My44NCAwLjQ2IDIuMTIgMC45MSA0LjIzIDEuMzggNi40MSAxMi4xOSA0OS42MyAzNy4xIDk2LjQyIDgxLjIzIDEyNC4wNiAyOC4yOSAxNi42MSA1Ny4wNiAyMy4zNSA4OS42IDI0LjY5IDIuMjcgMC4xIDQuNTQgMC4yIDYuODggMC4zcTguMzYgMC4zNyAxNi43MiAwLjcyIDYuMzQgMTMuMTggMTIuNjcgMjYuMzdjMS4yOCAyLjY1IDIuNTUgNS4zIDMuODYgOC4wM3ExMi42MiAyNi4yOSAyNS4wMyA1Mi42OCA5LjY4IDIwLjQ1IDIwLjA2IDQwLjU1YzQuMzcgOC41NiA3Ljg0IDE3LjAyIDEwLjY0IDI2LjIxcS01LjkgMS43LTExLjggMy4zNmMtMy4yOSAwLjkzLTMuMjkgMC45My02LjY0IDEuODgtMTQuODMgMy42Mi0yOS4zOCA0LjUyLTQ0LjU2IDQuNzNxLTIuOTkgMC4wNC02LjA2IDAuMDljLTQzLjQ4IDAuNTEtODQuODUgMC42OC0xMjYuNzUtMTIuMzlxLTIuODgtMC44Ny01Ljg1LTEuNzdjLTQxLjQ0LTEyLjk3LTc5Ljk5LTMyLjk0LTExMy4wMy02MS4xNi0yLjI0LTEuOS00LjQ5LTMuOC02LjgxLTUuNzUtMTUuMDMtMTMuMTQtMjcuNjktMjcuMzYtMzkuODEtNDMuMi0xLjUyLTEuOTMtMy4wNS0zLjg2LTQuNjItNS44NS02My45Ny04My42Ny04Ny41Mi0yMDEuNDgtNzQuNTgtMzA0Ljg0cTEuMDgtNy44NCAyLjI4LTE1LjY1IDAuNDEtMi45IDAuODMtNS44OGM2Ljg2LTQ3LjEgMjAuMzYtOTIuNzIgNDMuNDktMTM0LjQ3IDIuMy00LjE4IDQuNTEtOC40IDYuNzItMTIuNjQgMTAuOTItMjAuNTMgMjQuNDItMzcuMjMgMzkuODctNTQuNDcgMS42MS0xLjkyIDMuMjItMy44NCA0Ljg4LTUuODIgNTAuNi01OS44MyAxMjkuNzYtOTQuNDYgMjA2LjQ1LTEwMy4zMSA1Mi40LTQuMTUgMTA3Ljc5LTEuNzMgMTU2Ljk3IDE4LjIyIDIuNTIgMC45OSA1LjAzIDEuOTkgNy42MyAzLjAxIDE4LjggNy42MiAxOC44IDcuNjIgMjcuMzMgMTMuMyAwLTg3LjY5IDAtMTc1LjM4IDAtMjY1Ljczem0zMTkuMzUgMzkzLjk0YzU4LjQ2IDAgMTE2LjkyIDAgMTc3LjE2IDAtMy4wMyAxMC42MS01LjQzIDE4Ljc0LTEwLjA3IDI4LjMzcS0xLjU3IDMuMjQtMy4xNyA2LjU5Yy0xLjEyIDIuMjctMi4yMyA0LjU1LTMuMzcgNi44OS0xLjE1IDIuMzgtMi4zIDQuNzYtMy40OSA3LjIycS0xMC44NCAyMi4zNi0yMi4wNiA0NC41NWMtNS45MyAxMS43OC0xMS41NSAyMy42OS0xNy4xNCAzNS42NS02LjQ3IDEzLjgyLTEzLjI1IDI3LjM4LTIwLjU0IDQwLjc5LTkuMTggMTYuOTYtMTcuMzEgMzQuMzMtMjUuMzUgNTEuODYtMTAuODQgMjMuNjQtMjIuMDkgNDcuMDEtMzMuOCA3MC4yMi0xMy41NCAyNi44OC0yNi43MyA1My45LTM5LjYzIDgxLjFxLTguODUgMTguNjItMTcuNzcgMzcuMmMtMS4xOSAyLjQ4LTIuMzggNC45Ni0zLjYgNy41MXEtMTAuODYgMjIuNTgtMjIuMTUgNDQuOTRjLTUuODQgMTEuNzgtMTEuNDEgMjMuNjktMTcuMDEgMzUuNTktNi4zNiAxMy40OS0xMi45NiAyNi44NC0xOS42OSA0MC4xNi02LjY2IDEzLjI0LTEyLjk5IDI2LjYyLTE5LjI1IDQwLjA1cS0xLjA4IDIuMzItMi4xOSA0LjdjLTAuOTQgMi4wMi0wLjk0IDIuMDItMS45IDQuMDktMi45OCA2LjI1LTYuMSAxMi40My05LjIgMTguNjItMjkuNDYgMC01OC45MSAwLTg4LjU4IDAtMzEuNTQgMC02My4wNyAwLTk1LjU3IDAtMTYuNS0zMi44NC0zMi45NC02NS42Ni00OC42OC05OC44Ni04LjQtMTcuNjYtMTcuMDktMzUuMTctMjUuOTEtNTIuNjNxLTEuMTMtMi4yMy0yLjI2LTQuNDdjLTkuMzMtMTguNS0xOC4yNy0zNy4xNy0yNy4xOS01NS44Ny0xMC44MS0yMi42Ni0yMS44My00NS4yLTMyLjg5LTY3Ljc0cS04Ljc3LTE3Ljg2LTE3LjUyLTM1Ljc0Yy0xLjE1LTIuMzUtMi4zLTQuNy0zLjQ5LTcuMTNxLTE0Ljk5LTMwLjYyLTI5Ljg1LTYxLjMtMS4xLTIuMjctMi4yMy00LjYxLTEyLjE4LTI1LjE1LTI0LjMxLTUwLjMxYy0xLjEzLTIuMzMtMS4xMy0yLjMzLTIuMjgtNC43MXEtNS4zMi0xMS4wMy0xMC42My0yMi4wNmMtMS4yNS0yLjU5LTIuNS01LjE4LTMuNzgtNy44NS0wLjg3LTEuOC0xLjMtMi43LTEuNzQtMy42MXEtMC44OC0xLjgxLTEuNzctMy42Ny00LjMyLTguODEtOC44LTE3LjU0Yy0zLjc1LTcuNzMtMy43NS03LjczLTMuNzUtMTIuMzkgNjAuNzYgMCAxMjEuNTMgMCAxODQuMTQgMCA2LjE2IDEyLjMxIDEyLjMxIDI0LjYyIDE4LjY1IDM3LjMgMi44MyA1LjYyIDUuNjYgMTEuMjUgOC41NyAxNy4wNSAxNC4yOSAyOC40NiAyOC40NSA1Ni45NSA0Mi4wOCA4NS43MyA3LjE1IDE1LjAzIDE0LjUzIDI5Ljk0IDIxLjk3IDQ0LjgycTMuMzEgNi42MiA2LjY0IDEzLjI0YzI3LjU0IDU0Ljg1IDI4LjI0IDU2LjI0IDQwLjA1IDgxLjk4cTEuNzYgMy42NiAzLjU0IDcuMyAyLjMgNC41MSA0Ljc4IDguOTQgMi45OSA1LjY0IDUuMjEgMTEuMDUgMS4yNiAyLjQ2IDIuNTMgNC45MmMyLjEyIDQuNTkgMi4xNiA0LjY5IDIuMTYgOS4wN3EwLjA0IDAuMTQgMC4wNyAwLjI4IDIuMjcgMCA0LjU5IDAgMC4zMy0yLjM3IDAuNjctNC44MWMyLjA0LTguNCA1LjctMTUuNTUgOS42OC0yMy4xNiA4LjY0LTE2LjkgMTYuODgtMzMuOTYgMjQuOTYtNTEuMTRxOC4zOC0xNy43IDE3LjE4LTM1LjE5YzEyLjIyLTI0LjM2IDI0LjIxLTQ4LjgzIDM2LjIyLTczLjNxNS44Ny0xMS45NiAxMS43NS0yMy45MyAyMC42Mi00MS45OCA0MC44My04NC4xN2MxMi4wMi0yNS4wOSAyNC4yMi01MC4wOSAzNi40NS03NS4wOCA3LjUtMTUuMzMgMTUtMzAuNjcgMjIuNzMtNDYuNDd6Ii8+PC9zdmc+") center / contain no-repeat;
  background:
    linear-gradient(90deg, transparent, rgba(255,255,255,.22) 45%, transparent) 0 calc(var(--digi-lvl) - 1px) / 100% 4.5px no-repeat,
    radial-gradient(circle,rgba(255,255,255,.34) 0 55%,transparent 60%) 49px max(var(--digi-b1), calc(var(--digi-lvl) + 4px)) / 3.6px 3.6px no-repeat,
    radial-gradient(circle,rgba(255,255,255,.34) 0 55%,transparent 60%) 77px max(var(--digi-b2), calc(var(--digi-lvl) + 4px)) / 2.2px 2.2px no-repeat,
    radial-gradient(circle,rgba(255,255,255,.34) 0 55%,transparent 60%) 101px max(var(--digi-b3), calc(var(--digi-lvl) + 4px)) / 2.8px 2.8px no-repeat,
    url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MCAxMiIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+PHBhdGggZD0iTTAgNkwwLjAwIDYuMDBMMi41MCA1LjIzTDUuMDAgNC41M0w3LjUwIDMuOThMMTAuMDAgMy42MkwxMi41MCAzLjUwTDE1LjAwIDMuNjJMMTcuNTAgMy45OEwyMC4wMCA0LjUzTDIyLjUwIDUuMjNMMjUuMDAgNi4wMEwyNy41MCA2Ljc3TDMwLjAwIDcuNDdMMzIuNTAgOC4wMkwzNS4wMCA4LjM4TDM3LjUwIDguNTBMNDAuMDAgOC4zOEw0Mi41MCA4LjAyTDQ1LjAwIDcuNDdMNDcuNTAgNi43N0w1MC4wMCA2LjAwTDUwIDEyTDAgMTJaIiBmaWxsPSIjNGEzY2Y2IiBmaWxsLW9wYWNpdHk9IjAuOCIvPjwvc3ZnPg==") var(--digi-wb) calc(var(--digi-lvl) - 8px) / 50px 12px repeat-x,
    url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA3NSAxMyIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+PHBhdGggZD0iTTAgNi41TDAuMDAgNi41MEwzLjc1IDUuMjlMNy41MCA0LjIxTDExLjI1IDMuMzRMMTUuMDAgMi43OUwxOC43NSAyLjYwTDIyLjUwIDIuNzlMMjYuMjUgMy4zNEwzMC4wMCA0LjIxTDMzLjc1IDUuMjlMMzcuNTAgNi41MEw0MS4yNSA3LjcxTDQ1LjAwIDguNzlMNDguNzUgOS42Nkw1Mi41MCAxMC4yMUw1Ni4yNSAxMC40MEw2MC4wMCAxMC4yMUw2My43NSA5LjY2TDY3LjUwIDguNzlMNzEuMjUgNy43MUw3NS4wMCA2LjUwTDc1IDEzTDAgMTNaIiBmaWxsPSIjNDAyZGZhIiBmaWxsLW9wYWNpdHk9IjAuNTUiLz48L3N2Zz4=") var(--digi-wa) calc(var(--digi-lvl) - 9px) / 75px 13px repeat-x,
    linear-gradient(180deg, #402dfa, #2ac1cf) 0 calc(var(--digi-lvl) + 3px) / 100% 150px no-repeat,
    linear-gradient(rgba(109,122,166,.28), rgba(109,122,166,.28));
  filter: drop-shadow(0 10px 44px rgba(64,45,250,.35));
  animation:
    digiRise 1.05s cubic-bezier(.33,1,.68,1) forwards,
    digiWaveA 1.7s linear infinite,
    digiWaveB 2.2s linear infinite,
    digiBubble1 2.6s linear .3s infinite,
    digiBubble2 2.2s linear 1s infinite,
    digiBubble3 2.9s linear 1.6s infinite,
    digiLoaderOut .5s ease 9s forwards;
  content: "";
  position: fixed;
  left: 50%;
  top: 50%;
  margin: -75px 0 0 -75px;
  z-index: 2147483001;
  pointer-events: none;
  transition: opacity .5s ease, visibility .5s ease;
}
html.digi-ready::before,
html.digi-ready::after {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}
@media (prefers-reduced-motion: reduce) {
  html::after { animation: digiLoaderOut .5s ease 5s forwards; --digi-lvl: 10.5px; }
}