/* GENERATED by Context/branding/motion-logo/build.mjs from Context/branding/logo/logo.svg. Do not edit; edit the master or the engine and run it again. */
/* Paint (--hnl-pN) is every colour of the master; the roles (--hnl-1…7) are the effects' colours:
   1–5 the primary family dark to light, 6 the jewel's gold, 7 its lightest. */
.hnl-host { --hnl-p1: #2A5842; --hnl-p2: #386B51; --hnl-p3: #467F61; --hnl-p4: #4A8465; --hnl-p5: #5C9A79; --hnl-p6: #5F9C7C; --hnl-p7: #9ED4B0; --hnl-p8: #B5863A; --hnl-p9: #D4A24C; --hnl-p10: #E0B354; --hnl-p11: #F0CD78; --hnl-p12: #F7D98A; --hnl-p13: #FBE7B4; --hnl-1: #2A5842; --hnl-2: #467F61; --hnl-3: #4A8465; --hnl-4: #5F9C7C; --hnl-5: #9ED4B0; --hnl-6: #E0B354; --hnl-7: #FBE7B4; }
.hnl-svg .f1{fill:var(--hnl-p1)}.hnl-svg .k1{stroke:var(--hnl-p1)}.hnl-svg .s1{stop-color:var(--hnl-p1)}
.hnl-svg .f2{fill:var(--hnl-p2)}.hnl-svg .k2{stroke:var(--hnl-p2)}.hnl-svg .s2{stop-color:var(--hnl-p2)}
.hnl-svg .f3{fill:var(--hnl-p3)}.hnl-svg .k3{stroke:var(--hnl-p3)}.hnl-svg .s3{stop-color:var(--hnl-p3)}
.hnl-svg .f4{fill:var(--hnl-p4)}.hnl-svg .k4{stroke:var(--hnl-p4)}.hnl-svg .s4{stop-color:var(--hnl-p4)}
.hnl-svg .f5{fill:var(--hnl-p5)}.hnl-svg .k5{stroke:var(--hnl-p5)}.hnl-svg .s5{stop-color:var(--hnl-p5)}
.hnl-svg .f6{fill:var(--hnl-p6)}.hnl-svg .k6{stroke:var(--hnl-p6)}.hnl-svg .s6{stop-color:var(--hnl-p6)}
.hnl-svg .f7{fill:var(--hnl-p7)}.hnl-svg .k7{stroke:var(--hnl-p7)}.hnl-svg .s7{stop-color:var(--hnl-p7)}
.hnl-svg .f8{fill:var(--hnl-p8)}.hnl-svg .k8{stroke:var(--hnl-p8)}.hnl-svg .s8{stop-color:var(--hnl-p8)}
.hnl-svg .f9{fill:var(--hnl-p9)}.hnl-svg .k9{stroke:var(--hnl-p9)}.hnl-svg .s9{stop-color:var(--hnl-p9)}
.hnl-svg .f10{fill:var(--hnl-p10)}.hnl-svg .k10{stroke:var(--hnl-p10)}.hnl-svg .s10{stop-color:var(--hnl-p10)}
.hnl-svg .f11{fill:var(--hnl-p11)}.hnl-svg .k11{stroke:var(--hnl-p11)}.hnl-svg .s11{stop-color:var(--hnl-p11)}
.hnl-svg .f12{fill:var(--hnl-p12)}.hnl-svg .k12{stroke:var(--hnl-p12)}.hnl-svg .s12{stop-color:var(--hnl-p12)}
.hnl-svg .f13{fill:var(--hnl-p13)}.hnl-svg .k13{stroke:var(--hnl-p13)}.hnl-svg .s13{stop-color:var(--hnl-p13)}

.hnl-host { position: relative; aspect-ratio: 1; }
.hnl-host > .hnl-svg { display: block; width: 100%; height: 100%; overflow: visible; }

/* Until the script takes the logo apart it stays hidden, but only for a moment: if the script never runs,
   the finished logo appears anyway. With reduced motion it is simply there. */
@media (prefers-reduced-motion: no-preference) {
  .hnl-host.hnl-pending > .hnl-svg { animation: hnl-failsafe 0s 2.5s both; }
}
@keyframes hnl-failsafe { from { visibility: hidden; } to { visibility: visible; } }

/* The login host follows the operating system's scheme (no override, no script). */
@media (prefers-color-scheme: dark) {
  .hnl-host { --hnl-p1: #2A5842; --hnl-p2: #386B51; --hnl-p3: #467F61; --hnl-p4: #4A8465; --hnl-p5: #5C9A79; --hnl-p6: #5F9C7C; --hnl-p7: #9ED4B0; --hnl-p8: #B5863A; --hnl-p9: #D4A24C; --hnl-p10: #E0B354; --hnl-p11: #F0CD78; --hnl-p12: #F7D98A; --hnl-p13: #FBE7B4; --hnl-1: #2A5842; --hnl-2: #467F61; --hnl-3: #4A8465; --hnl-4: #5F9C7C; --hnl-5: #9ED4B0; --hnl-6: #E0B354; --hnl-7: #FBE7B4; }
}