ꯑꯩꯍꯥꯛꯅꯥ ꯍꯟꯗꯛꯇꯥ ꯑꯩꯍꯥꯛꯀꯤ ꯋꯦꯕꯁꯥꯏꯠꯇꯥ ꯑꯦꯅꯤꯃꯦꯇꯦꯗ ꯒ꯭ꯔꯥꯐꯤꯛꯁꯁꯤꯡ ꯑꯁꯤ ꯑꯅꯧꯕꯥ ꯊꯤꯝ ꯑꯃꯒꯥ ꯂꯣꯌꯅꯅꯥ ꯑꯃꯁꯨꯡ ꯃꯥꯡꯖꯤꯜ ꯊꯥꯔꯤꯕꯥ ꯃꯤꯑꯣꯏꯁꯤꯡꯒꯤ ꯀꯥꯡꯂꯨꯞ ꯑꯃꯒꯥ ꯂꯣꯌꯅꯅꯥ ꯔꯤꯐ꯭ꯔꯦꯁ ꯇꯧꯈ꯭ꯔꯦ, ꯃꯁꯤꯅꯥ ꯑꯩꯍꯥꯛꯅꯥ ꯁꯤꯔꯤꯖ ꯑꯁꯤꯗꯥ ꯁꯦꯌꯔ ꯇꯧꯈꯤꯕꯥ ꯇꯦꯛꯅꯤꯛ ꯀꯌꯥ ꯑꯃꯥ ꯊꯕꯛ ꯑꯣꯏꯅꯥ ꯄꯥꯡꯊꯣꯀꯈ꯭ꯔꯦ꯫ ꯑꯩꯒꯤ ꯑꯦꯅꯤꯃꯦꯁꯟ ꯈꯔꯗꯤ ꯀꯅꯥꯒꯨꯝꯕꯥ ꯑꯃꯅꯥ ꯃꯈꯣꯌꯒꯥ ꯋꯥꯔꯤ ꯁꯥꯅꯔꯀꯄꯥ ꯃꯇꯃꯗꯥ ꯅꯠꯠꯔꯒꯥ ꯅꯨꯃꯤꯠꯀꯤ ꯇꯣꯉꯥꯟ ꯇꯣꯉꯥꯅꯕꯥ ꯃꯇꯃꯗꯥ ꯃꯑꯣꯡ ꯃꯇꯧ ꯍꯣꯡꯏ꯫
ꯑꯩꯒꯤ ꯕ꯭ꯂꯣꯒ ꯄꯦꯖꯁꯤꯡꯒꯤ ꯃꯊꯛꯇꯥ ꯂꯩꯕꯥ ꯒ꯭ꯔꯥꯐꯤꯛ ꯃꯆꯨꯁꯤꯡ ꯑꯗꯨ ꯅꯨꯃꯤꯠ ꯈꯨꯗꯤꯡꯒꯤ ꯑꯌꯨꯛꯇꯒꯤ ꯅꯨꯃꯤꯗꯥꯡ ꯐꯥꯑꯣꯕꯥ ꯍꯣꯡꯏ꯫ ꯃꯗꯨꯒꯤ ꯃꯇꯨꯡꯗꯥ, ꯑꯣꯚꯔꯂꯦ ꯂꯦꯌꯔ ꯑꯃꯗꯤ ꯕ꯭ꯂꯦꯟꯗꯤꯡ ꯃꯣꯗꯀꯤ ꯊꯧꯖꯥꯂꯗꯒꯤ ꯅꯣꯡꯖꯨꯒꯤ ꯃꯆꯨ ꯑꯃꯁꯨꯡ ꯅꯣꯡꯖꯨ ꯊꯥꯒꯤ ꯊꯤꯝ ꯑꯃꯥ ꯍꯥꯄꯆꯤꯜꯂꯤ꯫
ꯃꯁꯤꯗꯥ ꯊꯕꯛ ꯇꯧꯔꯤꯉꯩꯗꯥ ꯑꯩꯍꯥꯛꯅꯥ ꯈꯅꯕꯥ ꯍꯧꯔꯀꯈꯤ ꯃꯗꯨꯗꯤ ꯁꯤ.ꯑꯦꯁ.ꯑꯦꯁ.ꯀꯤ ꯔꯤꯂꯦꯇꯤꯕ ꯀꯂꯔ ꯚꯦꯜꯌꯨꯁꯤꯡꯅꯥ ꯑꯩꯉꯣꯟꯗꯥ ꯍꯦꯟꯅꯥ ꯀꯟꯠꯔꯣꯜ ꯄꯤꯕꯥ ꯉꯃꯒꯅꯤ ꯑꯃꯁꯨꯡ ꯃꯁꯤꯒꯥ ꯂꯣꯌꯅꯅꯥ ꯊꯧꯑꯣꯡ ꯑꯁꯤꯁꯨ ꯂꯥꯏꯊꯣꯀꯍꯅꯕꯥ ꯉꯃꯒꯅꯤ꯫ ꯅꯣꯠ: ꯇꯤꯎꯇꯣꯔꯤꯌꯥꯜ ꯑꯁꯤꯗꯥ, ꯑꯩꯅꯥ ꯔꯤꯂꯦꯇꯤꯚ ꯀꯂꯔ ꯚꯦꯜꯌꯨꯁꯤꯡ ꯑꯃꯁꯨꯡ ꯊꯤꯃꯤꯡ ꯒ꯭ꯔꯥꯐꯤꯛꯁ ꯑꯃꯁꯨꯡ ꯑꯦꯅꯤꯃꯦꯁꯅꯁꯤꯡꯒꯤꯗꯃꯛ ꯑꯣ.ꯀꯦ.ꯑꯦꯜ.ꯁꯤ.ꯑꯩꯆ. ꯀꯔꯤꯒꯨꯝꯕꯥ ꯅꯍꯥꯛꯅꯥ ꯔꯤꯂꯦꯇꯤꯕ ꯃꯆꯨꯗꯥ ꯌꯥꯝꯅꯥ ꯂꯨꯅꯥ ꯆꯠꯄꯥ ꯄꯥꯝꯂꯕꯗꯤ, ꯑꯍꯃꯗ ꯁꯥꯗꯤꯗꯅꯥ ꯑꯆꯧꯕꯥ ꯏꯟꯇꯔꯦꯛꯇꯤꯕ ꯒꯥꯏꯗ ꯑꯃꯥ ꯁꯦꯃꯈꯤ꯫ ꯃꯆꯨꯒꯤ ꯃꯐꯝ, ꯒ꯭ꯌꯥꯃꯠ, ꯑꯃꯁꯨꯡ ꯑꯣ.ꯀꯦ.ꯑꯦꯜ.ꯁꯤ.ꯑꯩꯆ.ꯒꯤ ꯃꯇꯥꯡꯗꯥ ꯍꯥꯌꯔꯕꯗꯥ, ꯑꯩꯈꯣꯌꯒꯤ ꯏꯁꯥꯒꯤ ꯖꯤꯑꯣꯐ ꯒ꯭ꯔꯥꯍꯥꯝꯅꯥ ꯃꯈꯣꯌꯒꯤ ꯃꯇꯥꯡꯗꯥ ꯏꯈꯤ꯫
ꯏꯂꯤꯃꯦꯟꯇꯁꯤꯡ ꯍꯟꯖꯤꯟ ꯍꯟꯖꯤꯟ ꯁꯤꯖꯤꯟꯅꯕꯥ ꯑꯁꯤ ꯃꯔꯨ ꯑꯣꯏꯈꯤ꯫ ꯌꯥꯔꯤꯕꯃꯈꯩ ꯕꯦꯀꯒ꯭ꯔꯥꯎꯟꯗꯁꯤꯡ ꯑꯃꯨꯛ ꯍꯟꯅꯥ ꯁꯤꯖꯤꯟꯅꯈꯤ, ꯖꯨꯝ ꯑꯃꯁꯨꯡ ꯑꯣꯚꯔꯂꯦꯏꯁꯤꯡꯅꯥ ꯆꯞ ꯃꯥꯟꯅꯕꯥ ꯑꯥꯔꯇꯋꯥꯔꯛ ꯑꯗꯨꯗꯒꯤ ꯑꯅꯧꯕꯥ ꯁꯤꯅꯁꯤꯡ ꯁꯦꯃꯒꯠꯄꯗꯥ ꯃꯇꯦꯡ ꯄꯥꯡꯈꯤ꯫ ꯃꯁꯤ ꯇꯉꯥꯏꯐꯗꯅꯥ ꯄꯣꯀꯈꯤꯕꯅꯤ, ꯑꯗꯨꯕꯨ ꯃꯁꯤꯅꯥ ꯃꯤꯑꯣꯏ ꯑꯃꯃꯃꯒꯤ ꯑꯣꯏꯕꯥ ꯊꯧꯗꯣꯀꯁꯤꯡꯗꯒꯤ ꯍꯦꯟꯅꯥ ꯁꯤꯔꯤꯖꯒꯤ ꯃꯇꯥꯡꯗꯥ ꯋꯥꯈꯜ ꯈꯅꯕꯗꯁꯨ ꯄꯨꯛꯅꯤꯡ ꯊꯧꯒꯠꯈꯤ꯫ ꯃꯆꯨꯒꯤ ꯄꯦꯂꯦꯠꯁꯤꯡ ꯃꯦꯅꯨꯑꯦꯜ ꯑꯣꯏꯅꯥ ꯑꯄꯗꯦꯠ ꯇꯧꯕꯒꯥ ꯃꯔꯤ ꯂꯩꯅꯕꯥ ꯁꯃꯁ꯭ꯌꯥ꯫ ꯑꯩꯒꯤ ꯁꯤꯡꯅꯕꯥ ꯑꯗꯨꯗꯥ ꯍꯀꯊꯦꯡꯅꯅꯥ ꯆꯪꯁꯤ꯫ ꯃꯁꯤꯒꯨꯝꯕꯥ ꯇꯨꯟ ꯇꯥꯏꯇꯂꯁꯤꯡꯗꯥ — ꯱꯹꯵꯹ꯒꯤ ꯌꯣꯒꯤ ꯕꯦꯌꯥꯔ ꯁꯣꯒꯤ ꯑꯦꯄꯤꯁꯣꯗ “ꯂꯨꯂꯥꯕꯥꯏ-ꯕꯥꯏ ꯕꯦꯌꯥꯔ”ꯗꯥ ꯌꯨꯝꯐꯝ ꯑꯣꯏꯕꯥ — ꯑꯃꯁꯨꯡ ꯑꯩꯒꯤ ꯊꯕꯛ ꯑꯁꯤ ꯃꯍꯧꯁꯥꯅꯥ, ꯄꯦꯂꯦꯠꯁꯤꯡ ꯑꯁꯤ ꯈꯅꯒꯠꯂꯕꯥ ꯃꯆꯨ ꯈꯔꯈꯛꯇꯗꯥ ꯂꯤꯃꯤꯠ ꯇꯧꯏ꯫
ꯑꯩꯅꯥ ꯑꯩꯒꯤ “ꯐꯧꯎꯟꯗꯦꯁꯟ” ꯃꯆꯨ ꯍꯥꯌꯅꯥ ꯀꯧꯔꯤꯕꯥ ꯃꯆꯨꯗꯒꯤ ꯁꯦꯠꯄꯥ ꯑꯃꯁꯨꯡ ꯇꯤꯟ ꯁꯦꯝꯃꯤ ꯃꯗꯨꯅꯥ ꯄꯦꯂꯦꯠ ꯑꯁꯤ ꯍꯦꯟꯅꯥ ꯍꯨꯃꯥꯡ ꯍꯥꯄꯆꯤꯟꯗꯅꯥ ꯄꯥꯀꯊꯣꯛ ꯆꯥꯎꯊꯣꯀꯍꯜꯂꯤ꯫
ꯁ꯭ꯀꯦꯆꯇꯥ ꯑꯩꯅꯥ HSL ꯃꯆꯨꯒꯤ ꯁ꯭ꯄꯦꯁꯇꯥ ꯊꯕꯛ ꯇꯧꯏ, ꯃꯔꯝ ꯑꯗꯨꯅꯥ ꯊꯧꯑꯣꯡ ꯑꯁꯤꯅꯥ ꯑꯩꯒꯤ ꯐꯥꯎꯟꯗꯦꯁꯟ ꯃꯆꯨꯒꯤ ꯂꯥꯏꯠꯅꯦꯁ ꯚꯦꯜꯌꯨ ꯍꯦꯅꯒꯠꯍꯅꯕꯥ ꯅꯠꯠꯔꯒꯥ ꯍꯟꯊꯍꯅꯕꯥ ꯌꯥꯑꯣꯏ꯫ ꯆꯨꯝꯅꯥ ꯍꯥꯌꯔꯕꯗꯥ, ꯃꯁꯤ ꯑꯔꯨꯕꯥ ꯊꯕꯛ ꯑꯃꯅꯤ — ꯑꯗꯨꯕꯨ ꯇꯣꯉꯥꯅꯕꯥ ꯐꯥꯎꯟꯗꯦꯁꯅꯒꯤ ꯃꯆꯨ ꯑꯃꯥ ꯈꯅꯕꯗꯥ ꯃꯄꯨꯡ ꯐꯥꯅꯥ ꯑꯅꯧꯕꯥ ꯁꯦꯠꯄꯥ ꯑꯃꯁꯨꯡ ꯇꯤꯅꯁꯤꯡꯒꯤ ꯁꯦꯠ ꯑꯃꯥ ꯁꯦꯝꯕꯥ ꯃꯊꯧ ꯇꯥꯏ꯫ ꯃꯗꯨ ꯃꯦꯅꯨꯑꯦꯜ ꯑꯣꯏꯅꯥ ꯇꯧꯕꯥ, ꯍꯟꯖꯤꯟ ꯍꯟꯖꯤꯟ ꯇꯧꯕꯥ ꯑꯁꯤ ꯌꯥꯝꯅꯥ ꯊꯨꯅꯥ ꯂꯦꯕꯔ ꯑꯣꯏꯔꯀꯏ꯫
ꯑꯩꯅꯥ HSL — H (ꯍꯨꯏ), S (ꯁꯦꯆꯨꯔꯦꯁꯟ), ꯑꯃꯁꯨꯡ L (ꯂꯥꯏꯠꯅꯦꯁ) — ꯃꯆꯨꯒꯤ ꯃꯐꯝ ꯄꯅꯈꯤ, ꯑꯗꯨꯕꯨ ꯃꯗꯨ ꯃꯆꯨ ꯁꯪꯕꯒꯤ ꯃꯑꯣꯡ ꯀꯌꯥꯒꯤ ꯃꯅꯨꯡꯗꯥ ꯑꯃꯈꯛꯇꯅꯤ꯫ ꯑꯥꯔ.ꯖꯤ.ꯕꯤ. — ꯑꯥꯔ (ꯂꯥꯜ), ꯖꯤ (ꯒ꯭ꯔꯤꯟ), ꯕꯤ (ꯅꯤꯜ) — ꯑꯁꯤ ꯈ꯭ꯕꯥꯏꯗꯒꯤ ꯃꯃꯤꯡ ꯆꯠꯄꯥ ꯑꯣꯏꯔꯝꯕꯥ ꯌꯥꯏ, ꯌꯥꯃꯗ꯭ꯔꯕꯗꯥ ꯃꯁꯤꯒꯤ ꯍꯦꯛꯁ ꯃꯑꯣꯡꯗꯥ꯫ ꯂꯦꯕ — ꯑꯦꯜ (ꯂꯥꯏꯠꯅꯦꯁ), ꯑꯦ (ꯒ꯭ꯔꯤꯟ–ꯔꯦꯗ), ꯕꯤ (ꯕ꯭ꯂꯨ–ꯌꯦꯂꯣ) — ꯑꯃꯁꯨꯡ ꯑꯅꯧꯕꯥ, ꯑꯗꯨꯕꯨ ꯍꯧꯖꯤꯛ ꯄꯥꯛ ꯁꯟꯅꯥ ꯁꯄꯣꯔꯠ ꯇꯧꯔꯤꯕꯥ ꯑꯦꯜ.ꯁꯤ.ꯑꯩꯆ. — ꯑꯦꯜ (ꯂꯥꯏꯠꯅꯦꯁ), ꯁꯤ (ꯀ꯭ꯔꯣꯃꯥ), ꯑꯩꯆ (ꯍꯨꯏ) — ꯃꯣꯗꯦꯜ ꯑꯁꯤꯁꯨ ꯃꯁꯤꯒꯤ ꯑꯣ.ꯀꯦ.ꯑꯦꯜ.ꯁꯤ.ꯑꯩꯆ. ꯑꯦꯜ.ꯁꯤ.ꯑꯩꯆ.ꯒꯥ ꯂꯣꯌꯅꯅꯥ — ꯃꯔꯨꯑꯣꯏꯅꯥ ꯁꯤ.ꯑꯦꯁ.ꯑꯦꯁ.ꯇꯥ ꯑꯣ.ꯀꯦ.ꯑꯦꯜ.ꯁꯤ.ꯑꯩꯆ. — ꯑꯩꯅꯥ ꯑꯩꯒꯤ ꯐꯥꯎꯟꯗꯦꯁꯟ ꯃꯆꯨꯒꯤ ꯂꯥꯏꯠꯅꯦꯁ ꯚꯦꯜꯌꯨ ꯑꯗꯨ ꯑꯦꯗꯖꯁ꯭ꯠ ꯇꯧꯕꯥ ꯌꯥꯏ꯫
ꯅꯠꯔꯒꯥ ꯑꯩꯅꯥ ꯃꯁꯤꯒꯤ ꯀ꯭ꯔꯣꯃꯥ ꯑꯁꯤ ꯍꯣꯡꯗꯣꯀꯄꯥ ꯌꯥꯏ꯫ LCH ꯀ꯭ꯔꯣꯃꯥ ꯑꯃꯁꯨꯡ HSL ꯁꯦꯆꯨꯔꯦꯁꯟ ꯑꯅꯤꯃꯛꯅꯥ ꯃꯆꯨ ꯑꯃꯒꯤ ꯏꯟꯇꯦꯟꯁꯤꯇꯤ ꯅꯠꯠꯔꯒꯥ ꯔꯤꯆꯅꯦꯁ ꯑꯗꯨ ꯇꯥꯀꯏ, ꯑꯗꯨꯕꯨ ꯃꯈꯣꯌꯅꯥ ꯇꯣꯉꯥꯟ-ꯇꯣꯉꯥꯅꯕꯥ ꯃꯑꯣꯡꯗꯥ ꯇꯧꯏ꯫ ꯑꯦꯜ.ꯁꯤ.ꯑꯩꯆ.ꯅꯥ ꯑꯩꯉꯣꯟꯗꯥ ꯃꯆꯨꯁꯤꯡꯒꯤ ꯃꯔꯛꯇꯥ ꯍꯦꯟꯅꯥ ꯄꯥꯛ ꯆꯥꯎꯕꯥ ꯔꯦꯟꯖ ꯑꯃꯁꯨꯡ ꯍꯦꯟꯅꯥ ꯄ꯭ꯔꯤꯗꯤꯛꯇꯦꯕꯜ ꯑꯣꯏꯕꯥ ꯕ꯭ꯂꯦꯟꯗꯤꯡ ꯑꯃꯥ ꯄꯤꯔꯤ꯫
ꯑꯩꯍꯥꯛꯅꯥ ꯍꯨꯏ ꯑꯗꯨ ꯍꯣꯡꯗꯣꯀꯄꯥ ꯌꯥꯏ ꯃꯗꯨꯅꯥ ꯆꯞ ꯃꯥꯟꯅꯕꯥ ꯂꯥꯏꯠꯅꯦꯁ ꯑꯃꯁꯨꯡ ꯀ꯭ꯔꯣꯃꯥ ꯚꯦꯜꯌꯨꯁꯤꯡ ꯁꯦꯌꯔ ꯇꯧꯕꯥ ꯃꯆꯨꯒꯤ ꯄꯦꯂꯦꯠ ꯑꯃꯥ ꯁꯦꯝꯕꯥ ꯌꯥꯏ꯫ HSL ꯑꯃꯁꯨꯡ LCH ꯑꯅꯤꯃꯛꯇꯥ, ꯍꯨꯏ ꯁ꯭ꯄꯦꯛꯠꯔꯦꯝ ꯑꯁꯤ ꯂꯥꯂꯗꯒꯤ ꯍꯧꯏ, ꯒ꯭ꯔꯤꯟ ꯑꯃꯁꯨꯡ ꯕ꯭ꯂꯨꯒꯤ ꯃꯔꯛꯇꯥ ꯆꯪꯁꯤꯜꯂꯤ ꯑꯃꯁꯨꯡ ꯂꯥꯂꯍꯧꯗꯥ ꯍꯜꯂꯀꯏ꯫
ꯀꯔꯤꯒꯤꯗꯃꯛꯇꯥ ꯑꯣ.ꯀꯦ.ꯑꯦꯜ.ꯁꯤ.ꯑꯩꯆ.ꯅꯥ ꯑꯩꯅꯥ ꯃꯆꯨꯒꯤ ꯃꯇꯥꯡꯗꯥ ꯀꯔꯝꯅꯥ ꯈꯜꯂꯤꯕꯅꯣ ꯍꯥꯌꯕꯗꯨ ꯍꯣꯡꯗꯣꯀꯈꯤ꯫ ꯑꯣ.ꯀꯦ.ꯑꯦꯜ.ꯁꯤ.ꯑꯩꯆ.ꯒꯤ ꯃꯆꯨꯒꯤ ꯁ꯭ꯄꯦꯁꯀꯤ ꯕ꯭ꯔꯥꯎꯖꯔ ꯁꯄꯣꯔꯠ ꯑꯁꯤ ꯍꯧꯖꯤꯛ ꯄꯥꯛ ꯁꯟꯅꯥ ꯁꯟꯗꯣꯛꯂꯦ, ꯀꯔꯤꯒꯨꯝꯕꯥ ꯗꯤꯖꯥꯏꯅꯒꯤ ꯈꯨꯠꯂꯥꯌꯁꯤꯡ — ꯁ꯭ꯀꯦꯠ ꯌꯥꯑꯣꯅꯥ — ꯂꯧꯈꯠꯄꯥ ꯉꯃꯗ꯭ꯔꯕꯁꯨ꯫ ꯅꯨꯡꯉꯥꯏꯕꯥ ꯋꯥꯐꯝ ꯑꯃꯅꯥ, ꯃꯗꯨꯅꯥ ꯅꯍꯥꯀꯄꯨ ꯑꯣ.ꯀꯦ.ꯑꯦꯜ.ꯁꯤ.ꯑꯩꯆ. ꯕ꯭ꯔꯥꯎꯖꯔꯁꯤꯡꯅꯥ ꯅꯍꯥꯛꯀꯤꯗꯃꯛꯇꯥ ꯍꯦꯛꯁ, HSL, LAB, ꯑꯃꯁꯨꯡ RGB ꯚꯦꯜꯌꯨꯁꯤꯡ ꯑꯁꯤ OKLCHꯗꯥ ꯅꯨꯡꯉꯥꯏꯅꯥ ꯑꯣꯟꯊꯣꯛꯀꯅꯤ꯫ ꯅꯍꯥꯛꯅꯥ ꯁ꯭ꯄꯦꯁ ꯑꯃꯍꯦꯛꯇꯗꯥ ꯐꯥꯎꯟꯗꯦꯁꯟ ꯃꯆꯨ ꯑꯃꯒꯥ ꯂꯣꯌꯅꯅꯥ CSS ꯀꯁ꯭ꯇꯝ ꯄ꯭ꯔꯣꯄꯔꯇꯤ ꯑꯃꯥ ꯗꯤꯐꯥꯏꯟ ꯇꯧꯕꯥ ꯌꯥꯏ, ꯃꯁꯤꯗꯥ ꯍꯦꯛꯁ: /* ꯐꯥꯎꯟꯗꯦꯁꯅꯒꯤ ꯃꯆꯨ */ --ꯐꯧꯎꯟꯗꯦꯁꯟ: #5accd6;
ꯃꯁꯤꯗꯒꯤ ꯂꯧꯕꯥ ꯃꯆꯨ ꯑꯃꯍꯦꯛꯇꯕꯨ ꯑꯣꯇꯣꯃꯦꯇꯤꯛ ꯑꯣꯏꯅꯥ ꯑꯣ.ꯀꯦ.ꯑꯦꯜ.ꯁꯤ.ꯑꯩꯆ.ꯗꯥ ꯑꯣꯟꯊꯣꯛꯀꯅꯤ: --ꯐꯧꯎꯟꯗꯦꯁꯟ-ꯂꯥꯏꯠ: oklch(var(--ꯐꯎꯟꯗꯦꯁꯟ)ꯗꯒꯤ [...]; } --ꯐꯧꯎꯟꯗꯦꯁꯟ-ꯃꯤꯗ: oklch(var(--ꯐꯎꯟꯗꯦꯁꯟ)ꯗꯒꯤ [...]; } --ꯐꯧꯎꯟꯗꯦꯁꯟ-ꯗꯥꯔꯛ: oklch(var(--ꯐꯎꯟꯗꯦꯁꯟ)ꯗꯒꯤ [...]; }
ꯗꯤꯖꯥꯏꯟ ꯁꯤꯁ꯭ꯇꯦꯝ ꯑꯃꯥ ꯑꯣꯏꯅꯥ ꯔꯤꯂꯦꯇꯤꯕ ꯀꯂꯔ꯫ ꯔꯤꯂꯦꯇꯤꯕ ꯃꯆꯨꯒꯤ ꯃꯇꯥꯡꯗꯥ ꯈꯅꯕꯤꯌꯨ: “ꯃꯆꯨ ꯑꯁꯤ ꯂꯧꯕꯤꯌꯨ, ꯇ꯭ꯌꯨꯏꯛ ꯇꯧꯕꯤꯌꯨ, ꯃꯗꯨꯒꯤ ꯃꯇꯨꯡꯗꯥ ꯑꯩꯉꯣꯟꯗꯥ ꯔꯤꯖꯜꯇ ꯑꯗꯨ ꯄꯤꯕꯤꯌꯨ꯫” ꯃꯆꯨ ꯑꯃꯕꯨ ꯁꯦꯃꯗꯣꯛ-ꯁꯦꯃꯖꯤꯟ ꯇꯧꯅꯕꯒꯤ ꯃꯑꯣꯡ ꯑꯅꯤ ꯂꯩ: ꯑꯦꯕꯁꯣꯜꯌꯨꯇꯦꯗ ꯆꯦꯟꯖ ꯑꯃꯁꯨꯡ ꯄ꯭ꯔꯣꯄꯣꯔꯆꯨꯅꯦꯜ ꯆꯦꯟꯖ꯫ ꯃꯈꯣꯌ ꯑꯁꯤ ꯀꯣꯗꯇꯥ ꯃꯥꯟꯅꯩ, ꯑꯗꯨꯕꯨ ꯅꯍꯥꯛꯅꯥ ꯐꯥꯎꯟꯗꯦꯁꯅꯒꯤ ꯃꯆꯨꯁꯤꯡ ꯁꯣꯞ ꯇꯧꯕꯥ ꯍꯧꯔꯀꯄꯥ ꯃꯇꯃꯗꯥ ꯌꯥꯝꯅꯥ ꯇꯣꯉꯥꯜꯂꯤ꯫ ꯈꯦꯟꯅꯕꯥ ꯑꯗꯨ ꯈꯉꯕꯥ ꯍꯥꯌꯕꯁꯤ ꯔꯤꯂꯦꯇꯤꯕ ꯃꯆꯨ ꯁꯤꯖꯤꯟꯅꯗꯨꯅꯥ ꯁꯤꯁ꯭ꯇꯦꯝ ꯑꯃꯗꯥ ꯑꯣꯟꯊꯣꯀꯄꯥ ꯉꯝꯕꯥ ꯑꯗꯨꯅꯤ꯫ /* ꯐꯥꯎꯟꯗꯦꯁꯅꯒꯤ ꯃꯆꯨ */ --ꯐꯧꯎꯟꯗꯦꯁꯟ: #5accd6;
ꯈꯨꯗꯝ ꯑꯣꯏꯅꯥ, ꯑꯩꯒꯤ ꯐꯥꯎꯟꯗꯦꯁꯟ ꯃꯆꯨꯒꯤ ꯂꯥꯏꯠꯅꯦꯁ ꯚꯦꯜꯌꯨ ꯑꯁꯤ ꯰.꯷꯸꯳꯷ꯅꯤ, ꯑꯗꯨꯒꯥ ꯍꯦꯟꯅꯥ ꯃꯌꯦꯛ ꯁꯦꯡꯕꯥ ꯚꯔꯖꯟ ꯑꯃꯅꯥ ꯚꯦꯜꯌꯨ ꯰.꯵꯸꯳꯷ꯅꯤ꯫ ꯈꯦꯠꯅꯕꯥ ꯑꯗꯨ ꯂꯦꯄꯊꯣꯛꯅꯕꯥ, ꯑꯩꯅꯥ ꯍꯦꯟꯅꯥ ꯋꯥꯡꯕꯥ ꯑꯗꯨꯗꯒꯤ ꯍꯦꯟꯅꯥ ꯅꯦꯝꯕꯥ ꯚꯦꯜꯌꯨ ꯑꯗꯨ ꯂꯧꯊꯣꯀꯏ ꯑꯃꯁꯨꯡ ꯔꯤꯖꯜꯇ ꯑꯗꯨ calc() ꯐꯉ꯭ꯀꯁꯟ ꯑꯃꯥ ꯁꯤꯖꯤꯟꯅꯗꯨꯅꯥ ꯑꯦꯞꯂꯥꯏ ꯇꯧꯏ: --ꯐꯧꯎꯟꯗꯦꯁꯟ-ꯗꯥꯔꯛ: oklch(var(--ꯐꯎꯟꯗꯦꯁꯟꯗꯒꯤ) calc(l - 0.20) c h);
ꯍꯦꯟꯅꯥ ꯂꯨꯕꯥ ꯃꯆꯨ ꯑꯃꯥ ꯐꯪꯅꯕꯒꯤꯗꯃꯛ, ꯑꯩꯅꯥ ꯃꯗꯨꯒꯤ ꯃꯍꯨꯠꯇꯥ ꯈꯦꯠꯅꯕꯥ ꯑꯗꯨ ꯍꯥꯄꯆꯤꯜꯂꯤ: --ꯐꯧꯎꯟꯗꯦꯁꯟ-ꯂꯥꯏꯠ: oklch(var(--ꯐꯎꯟꯗꯦꯁꯟꯗꯒꯤ) calc(l + 0.10) c h);
ꯀ꯭ꯔꯣꯃꯥ꯫ꯑꯦꯗꯖꯁ꯭ꯇꯃꯦꯟꯇꯁꯤꯡ ꯑꯁꯤ ꯆꯞ ꯃꯥꯟꯅꯕꯥ ꯊꯧꯑꯣꯡ ꯑꯁꯤꯒꯤ ꯃꯇꯨꯡ ꯏꯟꯅꯥ ꯆꯠꯂꯤ꯫ ꯑꯩꯒꯤ ꯐꯥꯎꯟꯗꯦꯁꯟ ꯃꯆꯨꯒꯤ ꯏꯟꯇꯦꯟꯁꯤꯇꯤ ꯑꯁꯤ ꯰.꯱꯰꯳꯵ꯗꯒꯤ ꯰.꯰꯰꯳꯵ꯗꯥ ꯍꯟꯊꯍꯟꯅꯕꯥ ꯑꯩꯅꯥ ꯚꯦꯜꯌꯨ ꯑꯃꯥ ꯑꯇꯣꯞꯄꯥ ꯑꯃꯗꯒꯤ ꯂꯧꯊꯣꯀꯏ: oklch(var(--ꯐꯎꯟꯗꯦꯁꯟꯗꯒꯤ) l calc(c - 0.10) h);
ꯍꯨꯏꯁꯤꯡꯒꯤ ꯄꯦꯂꯦꯠ ꯑꯃꯥ ꯁꯦꯝꯅꯕꯥ ꯑꯩꯅꯥ ꯑꯩꯒꯤ ꯐꯥꯎꯟꯗꯦꯁꯟ ꯃꯆꯨ (꯲꯰꯰) ꯑꯃꯁꯨꯡ ꯑꯩꯒꯤ ꯑꯅꯧꯕꯥ ꯍꯨꯏ (꯲꯶꯰)ꯒꯤ ꯍꯨꯏ ꯚꯦꯜꯌꯨꯒꯤ ꯃꯔꯛꯇꯥ ꯂꯩꯕꯥ ꯈꯦꯠꯅꯕꯥ ꯑꯗꯨ ꯂꯦꯄꯊꯣꯀꯏ: oklch(var(--ꯐꯎꯟꯗꯦꯁꯟꯗꯒꯤ) l c calc(h + 60)) ꯑꯃꯁꯨꯡ ꯑꯦꯟ.
ꯍꯥꯌꯔꯤꯕꯥ ꯍꯤꯁꯥꯕꯁꯤꯡ ꯑꯁꯤ ꯑꯦꯕꯁꯣꯜꯌꯨꯇꯦꯗ ꯑꯣꯏ꯫ ꯑꯩꯅꯥ ꯂꯦꯞꯄꯥ ꯂꯩꯇꯕꯥ ꯁꯦꯅꯐꯝ ꯑꯃꯥ ꯂꯧꯊꯣꯀꯄꯥ ꯃꯇꯃꯗꯥ ꯑꯩꯅꯥ ꯏꯐꯦꯛꯇꯤꯕ ꯑꯣꯏꯅꯥ ꯍꯥꯌꯔꯤꯕꯁꯤꯅꯤ, “ꯃꯇꯝ ꯄꯨꯝꯅꯃꯛꯇꯥ ꯃꯁꯤ ꯌꯥꯝꯅꯥ ꯂꯧꯊꯣꯀꯄꯤꯌꯨ꯫” ꯐꯤꯛꯁ ꯇꯧꯔꯕꯥ ꯚꯦꯜꯌꯨꯁꯤꯡ ꯍꯥꯄꯆꯤꯅꯕꯥ ꯃꯇꯃꯗꯁꯨ ꯃꯁꯤꯃꯛ ꯆꯠꯅꯒꯅꯤ: calc(c - ꯰.꯱꯰) ꯑꯣꯏꯕꯥ ꯌꯥꯏ꯫ calc(c + ꯰.꯱꯰) ꯑꯣꯏꯕꯥ ꯌꯥꯏ꯫
ꯃꯁꯤꯒꯤ ꯑꯦꯞꯔꯣꯆ ꯑꯁꯤꯒꯤ ꯂꯤꯃꯤꯠ ꯑꯁꯤ ꯑꯩꯍꯥꯛꯅꯥ ꯑꯔꯨꯕꯥ ꯃꯑꯣꯡꯗꯥ ꯈꯉꯈꯤ꯫ ꯑꯩꯅꯥ ꯐꯤꯛꯁ ꯀ꯭ꯔꯣꯃꯥ ꯚꯦꯜꯌꯨꯁꯤꯡ ꯂꯧꯊꯣꯀꯄꯗꯥ ꯊꯥꯖꯕꯥ ꯊꯝꯕꯥ ꯃꯇꯃꯗꯥ, ꯑꯩꯅꯥ ꯐꯥꯎꯟꯗꯦꯁꯟ ꯍꯣꯡꯗꯣꯀꯄꯥ ꯃꯇꯃꯗꯥ ꯃꯆꯨꯁꯤꯡ ꯑꯗꯨ ꯑꯉꯧꯕꯥ ꯃꯥꯌꯀꯩꯗꯥ ꯁꯣꯀꯈꯤ꯫ ꯃꯆꯨ ꯑꯃꯒꯤꯗꯃꯛ ꯊꯕꯛ ꯇꯧꯕꯥ ꯄꯦꯂꯦꯠ ꯑꯃꯅꯥ ꯑꯇꯣꯞꯄꯥ ꯃꯆꯨ ꯑꯃꯒꯤꯗꯃꯛ ꯊꯨꯒꯥꯏꯈꯤ꯫ ꯃꯜꯇꯤꯄꯂꯦꯁꯅꯅꯥ ꯇꯣꯉꯥꯟ-ꯇꯣꯉꯥꯅꯕꯥ ꯃꯑꯣꯡꯗꯥ ꯂꯃꯆꯠ-ꯁꯥꯖꯠ ꯆꯠꯂꯤ꯫ ꯑꯩꯅꯥ ꯀ꯭ꯔꯣꯃꯥ ꯃꯜꯇꯤꯄꯜ ꯇꯧꯕꯥ ꯃꯇꯃꯗꯥ ꯑꯩꯅꯥ ꯕ꯭ꯔꯥꯎꯖꯔꯗꯥ ꯍꯥꯌꯔꯤꯕꯁꯤꯅꯤ: “ꯃꯆꯨ ꯑꯁꯤꯒꯤ ꯏꯟꯇꯦꯟꯁꯤꯇꯤ ꯑꯁꯤ ꯆꯥꯡ ꯑꯃꯗꯥ ꯍꯟꯊꯍꯅꯕꯤꯌꯨ꯫” ꯃꯆꯨꯁꯤꯡꯒꯤ ꯃꯔꯛꯇꯥ ꯂꯩꯔꯤꯕꯥ ꯃꯔꯤ ꯑꯁꯤ ꯃꯈꯥ ꯇꯥꯅꯥ ꯂꯩꯔꯤ, ꯐꯥꯎꯟꯗꯦꯁꯟ ꯍꯣꯡꯂꯀꯄꯥ ꯃꯇꯃꯗꯁꯨ: calc(c * ꯰.꯱꯰) ꯑꯣꯏꯒꯅꯤ꯫
ꯃꯥꯏ ꯃꯨꯚ ꯏꯠ, ꯁ꯭ꯀꯦꯜ ꯏꯠ, ꯔꯣꯇꯦꯠ ꯏꯠ ꯔꯨꯂꯁ꯫
ꯂꯥꯏꯠꯅꯦꯁ (ꯍꯥꯌꯕꯗꯤ ꯍꯥꯄꯆꯤꯅꯕꯥ ꯅꯠꯠꯔꯒꯥ ꯂꯧꯊꯣꯀꯄꯥ), . ꯁ꯭ꯀꯦꯜ ꯀ꯭ꯔꯣꯃꯥ (ꯃꯌꯥꯏ ꯑꯣꯏꯕꯥ), . ꯍꯨꯏ ꯑꯗꯨ ꯔꯣꯇꯦꯠ ꯇꯧꯕꯥ (ꯗꯤꯒ꯭ꯔꯤꯁꯤꯡ ꯍꯥꯄꯆꯤꯅꯕꯥ ꯅꯠꯠꯔꯒꯥ ꯂꯧꯊꯣꯀꯄꯥ)꯫
ꯑꯩꯅꯥ ꯀ꯭ꯔꯣꯃꯥ ꯁ꯭ꯀꯦꯜ ꯇꯧꯏ ꯃꯔꯃꯗꯤ ꯑꯩꯅꯥ ꯏꯟꯇꯦꯟꯁꯤꯇꯤꯒꯤ ꯑꯍꯣꯡꯕꯁꯤꯡ ꯑꯁꯤ ꯕꯦꯖ ꯃꯆꯨꯒꯥ ꯆꯥꯡꯗꯝꯅꯕꯗꯥ ꯂꯩꯕꯥ ꯄꯥꯝꯃꯤ꯫ ꯍꯨꯏꯒꯤ ꯃꯔꯤꯁꯤꯡ ꯑꯁꯤ ꯔꯣꯇꯦꯁꯅꯦꯜ ꯑꯣꯏ, ꯃꯔꯝ ꯑꯗꯨꯅꯥ ꯍꯨꯏ ꯃꯁꯤꯡ ꯌꯥꯃꯍꯅꯕꯅꯥ ꯃꯔꯝ ꯑꯃꯠꯇꯥ ꯂꯩꯇꯦ꯫ ꯂꯥꯏꯠꯅꯦꯁ ꯑꯁꯤ ꯄꯔꯁꯦꯄꯆꯨꯑꯦꯜ ꯑꯃꯁꯨꯡ ꯑꯦꯕꯁꯣꯜꯌꯨꯇꯦꯗ ꯑꯣꯏ — ꯃꯁꯤꯕꯨ ꯃꯁꯤꯡ ꯌꯥꯝꯅꯥ ꯍꯦꯅꯒꯠꯍꯅꯕꯅꯥ ꯑꯌꯥꯝꯕꯅꯥ ꯑꯆꯝꯕꯥ ꯐꯂꯁꯤꯡ ꯊꯣꯀꯍꯜꯂꯤ꯫
ꯃꯆꯨ ꯑꯃꯗꯒꯤ ꯍꯧꯔꯒꯥ ꯊꯤꯝ ꯑꯃꯐꯥꯑꯣꯕꯥ꯫ ꯔꯤꯂꯦꯇꯤꯕ ꯃꯆꯨꯅꯥ ꯑꯩꯉꯣꯟꯗꯥ ꯐꯥꯎꯟꯗꯦꯁꯟ ꯃꯆꯨ ꯑꯃꯥ ꯂꯦꯄꯊꯣꯀꯄꯥ ꯑꯃꯁꯨꯡ ꯑꯩꯅꯥ ꯃꯊꯧ ꯇꯥꯕꯥ ꯑꯇꯣꯞꯄꯥ ꯃꯆꯨ ꯈꯨꯗꯤꯡꯃꯛ — ꯐꯤꯜ, ꯁ꯭ꯠꯔꯣꯛ, ꯒ꯭ꯔꯦꯗꯤꯌꯦꯟꯇ ꯁ꯭ꯇꯣꯞ, ꯁꯦꯗꯣꯡ — ꯃꯗꯨꯗꯒꯤ ꯖꯦꯅꯦꯔꯦꯠ ꯇꯧꯕꯥ ꯌꯥꯍꯜꯂꯤ꯫ ꯃꯇꯝ ꯑꯗꯨꯗꯥ ꯃꯆꯨ ꯑꯁꯤ ꯄꯦꯂꯦꯠ ꯑꯃꯥ ꯑꯣꯏꯕꯥ ꯂꯦꯄꯈꯤ ꯑꯃꯁꯨꯡ ꯁꯤꯁ꯭ꯇꯦꯝ ꯑꯃꯥ ꯑꯣꯏꯕꯥ ꯍꯧꯏ꯫ SVG ꯏꯂꯁ꯭ꯠꯔꯦꯁꯅꯁꯤꯡꯅꯥ ꯐꯤꯜ, ꯁ꯭ꯠꯔꯣꯛ, ꯑꯃꯁꯨꯡ ꯒ꯭ꯔꯦꯗꯤꯌꯦꯟꯇꯁꯤꯡꯒꯤ ꯃꯔꯛꯇꯥ ꯆꯞ ꯃꯥꯟꯅꯕꯥ ꯃꯆꯨ ꯈꯔꯥ ꯑꯃꯨꯛ ꯍꯟꯅꯥ ꯁꯤꯖꯤꯟꯅꯕꯥ ꯌꯥꯏ꯫ ꯔꯤꯂꯦꯇꯤꯕ ꯃꯆꯨꯅꯥ ꯅꯍꯥꯀꯄꯨ ꯃꯔꯤꯁꯤꯡ ꯑꯗꯨ ꯑꯃꯨꯛ ꯍꯟꯅꯥ ꯁꯦꯃꯗꯣꯀꯄꯥ ꯉꯃꯍꯜꯂꯤ ꯑꯃꯁꯨꯡ ꯃꯐꯝ ꯈꯨꯗꯤꯡꯃꯛꯇꯥ ꯑꯃꯨꯛ ꯍꯟꯅꯥ ꯁꯤꯖꯤꯟꯅꯕꯥ ꯌꯥꯍꯜꯂꯤ — ꯑꯦꯅꯤꯃꯦꯇꯔꯁꯤꯡꯅꯥ ꯑꯅꯧꯕꯥ ꯁꯤꯅꯁꯤꯡ ꯁꯦꯝꯅꯕꯥ ꯕꯦꯀꯒ꯭ꯔꯥꯎꯟꯗꯁꯤꯡ ꯑꯃꯨꯛ ꯍꯟꯅꯥ ꯁꯤꯖꯤꯟꯅꯕꯒꯨꯝꯅꯥ꯫
ꯐꯥꯎꯟꯗꯦꯁꯅꯒꯤ ꯃꯆꯨ ꯑꯗꯨ ꯑꯃꯨꯛ ꯍꯟꯅꯥ ꯍꯣꯡꯗꯣꯀꯎ, ꯑꯃꯁꯨꯡ ꯂꯧꯊꯣꯀꯄꯥ ꯃꯆꯨ ꯈꯨꯗꯤꯡꯃꯛ ꯃꯁꯥ ꯃꯊꯟꯇꯥ ꯑꯄꯗꯦꯠ ꯇꯧꯏ, ꯈꯨꯠꯅꯥ ꯀꯔꯤꯒꯨꯝꯕꯥ ꯑꯃꯠꯇꯥ ꯑꯃꯨꯛ ꯍꯟꯅꯥ ꯍꯤꯁꯥꯕ ꯇꯧꯗꯅꯥ꯫ ꯑꯦꯅꯤꯃꯦꯇꯦꯗ ꯒ꯭ꯔꯥꯐꯤꯛꯁꯀꯤ ꯃꯄꯥꯟꯗꯥ, ꯑꯩꯍꯥꯛꯅꯥ ꯕꯇꯟ ꯑꯃꯁꯨꯡ ꯂꯤꯉ꯭ꯀꯒꯨꯝꯕꯥ ꯏꯟꯇꯔꯦꯛꯇꯤꯕ ꯑꯦꯂꯤꯃꯦꯟꯇꯁꯤꯡꯒꯤ ꯐꯤꯚꯃꯁꯤꯡꯒꯤꯗꯃꯛꯇꯥ ꯃꯆꯨꯁꯤꯡ ꯂꯦꯄꯊꯣꯀꯄꯗꯥ ꯆꯞ ꯃꯥꯟꯅꯕꯥ ꯑꯦꯞꯔꯣꯆ ꯑꯁꯤ ꯁꯤꯖꯤꯟꯅꯕꯥ ꯌꯥꯏ꯫ ꯑꯩꯒꯤ “ꯂꯨꯂꯥꯕꯥꯏ-ꯕꯥꯏ ꯕꯦꯌꯥꯔ” ꯇꯨꯟ ꯇꯥꯏꯇꯂꯗꯥ ꯁꯤꯖꯤꯟꯅꯈꯤꯕꯥ ꯐꯥꯎꯟꯗꯦꯁꯅꯒꯤ ꯃꯆꯨ ꯑꯁꯤ ꯁꯥꯏꯌꯥꯟ ꯑꯣꯏꯅꯥ ꯎꯕꯥ ꯅꯤꯜ ꯑꯃꯅꯤ꯫ ꯕꯦꯀꯒ꯭ꯔꯥꯎꯟꯗ ꯑꯁꯤ ꯑꯩꯒꯤ ꯐꯥꯎꯟꯗꯦꯁꯟ ꯑꯃꯁꯨꯡ ꯍꯦꯟꯅꯥ ꯑꯟꯙ꯭ꯔ ꯑꯣꯏꯕꯥ ꯚꯔꯖꯟ ꯑꯃꯒꯤ ꯃꯔꯛꯇꯥ ꯂꯩꯕꯥ ꯔꯦꯗꯤꯑꯦꯜ ꯒ꯭ꯔꯦꯗꯤꯌꯦꯟꯇ ꯑꯃꯅꯤ꯫
ꯃꯄꯨꯡ ꯐꯥꯅꯥ ꯇꯣꯉꯥꯅꯕꯥ ꯃꯑꯣꯡ ꯃꯇꯧꯁꯤꯡꯒꯥ ꯂꯣꯌꯅꯅꯥ ꯑꯇꯣꯞꯄꯥ ꯚꯔꯖꯅꯁꯤꯡ ꯁꯦꯝꯅꯕꯥ, ꯑꯩꯅꯥ ꯐꯥꯎꯟꯗꯦꯁꯅꯒꯤ ꯃꯆꯨ ꯍꯣꯡꯗꯣꯀꯄꯥ ꯈꯛꯇꯃꯛ ꯃꯊꯧ ꯇꯥꯏ: --ꯐꯧꯎꯟꯗꯦꯁꯟ: #5accd6; --ꯒ꯭ꯔꯦꯗ-ꯑꯦꯟꯗ: var(--ꯐꯧꯎꯟꯗꯦꯁꯟ); --grad-start: oklch(var(--ꯐꯎꯟꯗꯦꯁꯟꯗꯒꯤ) calc(l - 0.2357) calc(c * 0.833) h);
ꯃꯆꯨꯒꯤ ꯚꯦꯜꯌꯨꯁꯤꯡ ꯑꯗꯨ ꯑꯅꯤꯔꯛ ꯁꯨꯕꯥ ꯌꯥꯗꯅꯥ ꯑꯩꯒꯤ SVG ꯒ꯭ꯔꯦꯗꯤꯌꯦꯟꯇꯇꯥ ꯑꯗꯨꯒꯨꯝꯕꯥ ꯀꯁ꯭ꯇꯃꯔ ꯄ꯭ꯔꯣꯄꯔꯇꯤꯁꯤꯡ ꯑꯗꯨ ꯕꯥꯏꯟꯗ ꯇꯧꯅꯕꯥ, ꯑꯩꯅꯥ ꯍꯥꯔꯗ-ꯀꯣꯗ ꯇꯧꯔꯕꯥ ꯁ꯭ꯇꯣꯞ-ꯀꯂꯔ ꯚꯦꯜꯌꯨꯁꯤꯡ ꯑꯗꯨ ꯏꯅꯂꯥꯏꯟ ꯁ꯭ꯇꯥꯏꯂꯁꯤꯡꯅꯥ ꯃꯍꯨꯠ ꯁꯤꯅꯈꯤ:
<ꯄꯥꯊ ꯐꯤꯜ="url(#bg-grad)" fill="#5DCDD8" d="[...]"/>
ꯃꯊꯪꯗꯥ, ꯑꯩꯅꯥ ꯑꯩꯒꯤ ꯇꯨꯟ ꯇꯦꯛꯁ ꯑꯁꯤ ꯃꯇꯝ ꯄꯨꯝꯅꯃꯛꯇꯥ ꯑꯩꯅꯥ ꯈꯅꯒꯗꯕꯥ ꯐꯥꯎꯟꯗꯦꯁꯅꯒꯤ ꯃꯆꯨ ꯑꯃꯒꯥ ꯃꯥꯟꯅꯗꯕꯥ ꯑꯣꯏꯍꯅꯕꯥ ꯃꯊꯧ ꯇꯥꯈꯤ꯫ 180deg ꯍꯨꯏ ꯔꯣꯇꯦꯁꯟ ꯑꯃꯅꯥ ꯁꯣꯌꯗꯅꯥ ꯄꯣꯄꯊꯣꯀꯄꯥ ꯉꯝꯕꯥ ꯀꯝꯄꯂꯤꯃꯦꯟꯇꯦꯔꯤ ꯃꯆꯨ ꯑꯃꯥ ꯄꯨꯊꯣꯀꯏ — ꯑꯗꯨꯕꯨ ꯅꯨꯡꯉꯥꯏꯇꯕꯥ ꯃꯑꯣꯡꯗꯥ ꯚꯥꯏꯕ꯭ꯔꯦꯠ ꯇꯧꯕꯥ ꯌꯥꯏ: .ꯇꯦꯛꯁꯠ-ꯂꯥꯏꯠ { . fill: oklch(var(--ꯐꯎꯟꯗꯦꯁꯟꯗꯒꯤ) l c calc(h + 180)); }
90°ꯒꯤ ꯁꯤꯐꯠ ꯑꯃꯅꯥ ꯃꯄꯨꯡꯐꯥꯅꯥ ꯀꯝꯄꯂꯤꯃꯦꯟꯇꯔꯤ ꯑꯣꯏꯗꯅꯥ ꯃꯌꯦꯛ ꯁꯦꯡꯕꯥ ꯁꯦꯀꯦꯟꯗꯔꯤ ꯃꯆꯨ ꯑꯃꯥ ꯄꯨꯊꯣꯀꯏ: .ꯇꯦꯛꯁꯠ-ꯂꯥꯏꯠ { . fill: oklch(var(--ꯐꯎꯟꯗꯦꯁꯟꯗꯒꯤ) l c calc(h - ꯹꯰)) ꯑꯃꯁꯨꯡ ꯑꯦꯟ. }
ꯀꯨꯏꯛ ꯗ꯭ꯔꯣ ꯃꯦꯀꯒ꯭ꯔꯥꯎꯒꯤ ꯱꯹꯵꯹ꯒꯤ ꯇꯨꯟ ꯇꯥꯏꯇꯜ “ꯑꯦꯜ ꯀꯥꯕꯣꯡ“ꯒꯤ ꯑꯩꯒꯤ ꯔꯤꯛꯔꯤꯌꯦꯁꯟ ꯑꯁꯤꯅꯥ ꯆꯞ ꯃꯥꯟꯅꯕꯥ ꯇꯦꯛꯅꯤꯀꯁꯤꯡ ꯁꯤꯖꯤꯟꯅꯩ ꯑꯗꯨꯕꯨ ꯍꯦꯟꯅꯥ ꯇꯣꯞ ꯇꯣꯞꯄꯥ ꯄꯦꯂꯦꯠ ꯑꯃꯒꯥ ꯂꯣꯌꯅꯅꯥ꯫ ꯈꯨꯗꯝ ꯑꯣꯏꯅꯥ, ꯐꯥꯎꯟꯗꯦꯁꯅꯒꯤ ꯃꯆꯨ ꯑꯃꯁꯨꯡ ꯍꯦꯟꯅꯥ ꯃꯌꯦꯛ ꯁꯦꯡꯕꯥ ꯁꯦꯠꯄꯥ ꯑꯃꯒꯤ ꯃꯔꯛꯇꯥ ꯑꯇꯣꯞꯄꯥ ꯔꯦꯗꯤꯑꯦꯜ ꯒ꯭ꯔꯦꯗꯤꯌꯦꯟꯇ ꯑꯃꯁꯨ ꯂꯩ꯫
ꯃꯇꯨꯡꯗꯥ ꯂꯩꯔꯤꯕꯥ ꯕꯤꯜꯗꯤꯡ ꯑꯃꯁꯨꯡ ꯎ ꯑꯁꯤ ꯆꯞ ꯃꯥꯟꯅꯕꯥ ꯐꯥꯎꯟꯗꯦꯁꯅꯒꯤ ꯃꯆꯨꯒꯤ ꯇꯣꯉꯥꯟ ꯇꯣꯉꯥꯅꯕꯥ ꯁꯦꯠꯄꯥ ꯈꯛꯇꯅꯤ꯫ ꯂꯝꯕꯤꯁꯤꯡ ꯑꯗꯨꯒꯤꯗꯃꯛ ꯑꯩꯍꯥꯛꯅꯥ ꯑꯍꯦꯅꯕꯥ ꯐꯤꯜ ꯃꯆꯨ ꯑꯅꯤ ꯃꯊꯧ ꯇꯥꯈꯤ: .ꯕꯤꯖꯤ-ꯃꯤꯗ { . fill: oklch(var(--ꯐꯎꯟꯗꯦꯁꯟꯗꯒꯤ) calc(l - 0.04) calc(c * 0.91) h); }
.ꯕꯤꯖꯤ-ꯗꯥꯔꯛ { fill: oklch(var(--ꯐꯎꯟꯗꯦꯁꯟꯗꯒꯤ) calc(l - 0.12) calc(c * 0.64) h); }
ꯐꯥꯎꯟꯗꯦꯁꯅꯁꯤꯡꯅꯥ ꯆꯪꯁꯤꯅꯕꯥ ꯍꯧꯔꯀꯄꯥ ꯃꯇꯃꯗꯥ꯫ ꯍꯧꯖꯤꯛ ꯐꯥꯑꯣꯕꯗꯥ ꯑꯩꯅꯥ ꯎꯠꯈꯤꯕꯥ ꯄꯨꯝꯅꯃꯛ ꯑꯁꯤ ꯁ꯭ꯇꯦꯇꯤꯛ ꯑꯣꯏꯔꯦ꯫ ꯀꯅꯥꯒꯨꯝꯕꯥ ꯑꯃꯅꯥ ꯐꯥꯎꯟꯗꯦꯁꯅꯒꯤ ꯃꯆꯨ ꯍꯣꯡꯗꯣꯛꯅꯕꯥ ꯃꯆꯨꯒꯤ ꯄꯣꯠꯁꯛ ꯑꯃꯥ ꯁꯤꯖꯤꯟꯅꯔꯀꯄꯥ ꯃꯇꯃꯗꯁꯨ ꯑꯍꯣꯡꯕꯥ ꯑꯗꯨ ꯈꯨꯗꯛꯇꯥ ꯊꯣꯀꯏ꯫ ꯑꯗꯨꯕꯨ ꯑꯦꯅꯤꯃꯦꯇꯦꯗ ꯒ꯭ꯔꯥꯐꯤꯛꯁꯁꯤꯡ ꯑꯁꯤꯗꯤ ꯌꯥꯝꯅꯥ ꯊꯦꯡꯅꯩ — ꯀ꯭ꯂꯨ ꯑꯁꯤ ꯃꯃꯤꯡꯗꯥ ꯂꯩ꯫ ꯑꯗꯨꯅꯥ, ꯀꯔꯤꯒꯨꯝꯕꯥ ꯃꯆꯨ ꯑꯁꯤ ꯁꯤꯁ꯭ꯇꯦꯝ ꯑꯁꯤꯒꯤ ꯁꯔꯨꯛ ꯑꯃꯥ ꯑꯣꯏꯔꯕꯗꯤ, ꯃꯁꯤꯁꯨ ꯑꯦꯅꯤꯃꯦꯠ ꯇꯧꯕꯥ ꯉꯃꯗꯕꯒꯤ ꯃꯔꯝ ꯑꯃꯠꯇꯥ ꯂꯩꯇꯦ꯫ ꯐꯥꯎꯟꯗꯦꯁꯅꯒꯤ ꯃꯆꯨ ꯑꯁꯤ ꯑꯦꯅꯤꯃꯦꯠ ꯇꯧꯅꯕꯒꯤꯗꯃꯛ ꯑꯩꯍꯥꯛꯅꯥ ꯑꯍꯥꯅꯕꯗꯥ ꯃꯁꯤꯒꯤ ꯑꯣ.ꯀꯦ.ꯑꯦꯜ.ꯁꯤ.ꯑꯩꯆ— ꯂꯥꯏꯠꯅꯦꯁ, ꯀ꯭ꯔꯣꯃꯥ, ꯑꯃꯁꯨꯡ ꯍꯨꯏ꯫ ꯑꯗꯨꯕꯨ ꯃꯔꯨꯑꯣꯏꯕꯥ ꯑꯍꯦꯅꯕꯥ ꯈꯣꯡꯊꯥꯡ ꯑꯃꯥ ꯂꯩꯔꯤ: ꯑꯩꯅꯥ ꯚꯦꯜꯌꯨꯁꯤꯡ ꯑꯗꯨ ꯇꯥꯏꯞ ꯇꯧꯔꯕꯥ ꯀꯁ꯭ꯇꯝ ꯄ꯭ꯔꯣꯄꯔꯇꯤ ꯑꯣꯏꯅꯥ ꯔꯦꯖꯤꯁ꯭ꯇꯔ ꯇꯧꯕꯥ ꯃꯊꯧ ꯇꯥꯏ꯫ ꯑꯗꯨꯕꯨ ꯃꯁꯤꯒꯤ ꯑꯔꯊꯗꯤ ꯀꯔꯤꯅꯣ? ꯗꯤꯐꯣꯜꯇ ꯑꯣꯏꯅꯥ, ꯕ꯭ꯔꯥꯎꯖꯔ ꯑꯃꯅꯥ CSS ꯀꯁ꯭ꯇꯝ ꯄ꯭ꯔꯣꯄꯔꯇꯤ ꯚꯦꯜꯌꯨ ꯑꯃꯅꯥ ꯃꯆꯨ, ꯂꯝꯕꯤ, ꯃꯁꯤꯡ ꯅꯠꯠꯔꯒꯥ ꯑꯇꯩ ꯀꯔꯤꯒꯨꯝꯕꯥ ꯑꯃꯠꯇꯥ ꯃꯄꯨꯡ ꯐꯥꯅꯥ ꯔꯤꯞꯔꯖꯦꯟꯇ ꯇꯧꯕꯔꯥ ꯍꯥꯌꯕꯗꯨ ꯈꯉꯗꯦ꯫ ꯃꯁꯤꯅꯥ ꯑꯌꯥꯝꯕꯅꯥ ꯃꯈꯣꯌ ꯑꯁꯤ ꯑꯦꯅꯤꯃꯦꯁꯅꯒꯤ ꯃꯇꯃꯗꯥ ꯅꯤꯡꯊꯤꯅꯥ ꯏꯟꯇꯔꯄꯣꯜ ꯇꯧꯕꯥ ꯉꯃꯗꯦ, ꯑꯃꯁꯨꯡ ꯚꯦꯜꯌꯨ ꯑꯃꯗꯒꯤ ꯃꯊꯪꯒꯤ ꯚꯦꯜꯌꯨꯗꯥ ꯂꯥꯞꯅꯥ ꯆꯠꯂꯤ ꯍꯥꯌꯕꯅꯤ꯫ ꯀꯁ꯭ꯇꯝ ꯄ꯭ꯔꯣꯄꯔꯇꯤ ꯑꯃꯥ ꯔꯦꯖꯤꯁ꯭ꯇꯔ ꯇꯧꯕꯅꯥ ꯕ꯭ꯔꯥꯎꯖꯔꯗꯥ ꯃꯁꯤꯅꯥ ꯔꯤꯞꯔꯖꯦꯟꯇ ꯇꯧꯔꯤꯕꯥ ꯚꯦꯜꯌꯨꯒꯤ ꯃꯈꯜ ꯑꯗꯨ ꯑꯃꯁꯨꯡ ꯃꯇꯃꯒꯤ ꯃꯇꯨꯡꯏꯟꯅꯥ ꯃꯁꯤꯅꯥ ꯀꯔꯝꯅꯥ ꯂꯃꯆꯠ ꯁꯥꯖꯠ ꯆꯠꯀꯗꯒꯦ ꯍꯥꯌꯕꯗꯨ ꯈꯪꯍꯜꯂꯤ꯫ ꯃꯁꯤꯒꯤ ꯀꯦꯁ ꯑꯁꯤꯗꯥ, ꯑꯩꯅꯥ ꯕ꯭ꯔꯥꯎꯖꯔꯅꯥ ꯑꯩꯒꯤ ꯃꯆꯨꯒꯤ ꯆꯦꯅꯦꯂꯁꯤꯡ ꯑꯁꯤ ꯅꯝꯕꯔ ꯑꯣꯏꯅꯥ ꯂꯧꯕꯥ ꯄꯥꯝꯃꯤ ꯃꯔꯝ ꯑꯗꯨꯅꯥ ꯃꯈꯣꯌꯕꯨ ꯌꯥꯝꯅꯥ ꯂꯥꯏꯅꯥ ꯑꯦꯅꯤꯃꯦꯠ ꯇꯧꯕꯥ ꯌꯥꯏ꯫ @ꯄ꯭ꯔꯣꯄꯔꯇꯤ --f-l { ꯁꯤꯟꯇꯦꯛꯁ: "<ꯅꯝꯕꯔ>"; ꯏꯅꯍꯦꯔꯤꯠ ꯇꯧꯕꯥ: ꯑꯆꯨꯝꯕꯥ; ꯑꯍꯥꯅꯕꯥ-ꯚꯦꯜꯌꯨ: ꯰.꯴꯰; }
@ꯄ꯭ꯔꯣꯄꯔꯇꯤ --f-c { ꯁꯤꯟꯇꯦꯛꯁ: "<ꯅꯝꯕꯔ>"; ꯏꯅꯍꯦꯔꯤꯠ ꯇꯧꯕꯥ: ꯑꯆꯨꯝꯕꯥ; ꯑꯍꯥꯅꯕꯥ-ꯚꯦꯜꯌꯨ: ꯰.꯱꯱; }
@ꯄ꯭ꯔꯣꯄꯔꯇꯤ --f-h { ꯁꯤꯟꯇꯦꯛꯁ: "<ꯅꯝꯕꯔ>"; ꯏꯅꯍꯦꯔꯤꯠ ꯇꯧꯕꯥ: ꯑꯆꯨꯝꯕꯥ; ꯑꯍꯥꯅꯕꯥ-ꯚꯦꯜꯌꯨ: ꯳꯰꯵; }
ꯔꯦꯖꯤꯁ꯭ꯇꯔ ꯇꯧꯔꯕꯥ ꯃꯇꯨꯡꯗꯥ, ꯀꯁ꯭ꯇꯃꯔ ꯄ꯭ꯔꯣꯄꯔꯇꯤꯁꯤꯡ ꯑꯁꯤꯅꯥ ꯅꯦꯇꯤꯕ ꯁꯤ.ꯑꯦꯁ.ꯑꯦꯁ.ꯒꯨꯝꯅꯥ ꯂꯃꯆꯠ ꯁꯥꯖꯠ ꯆꯠꯂꯤ꯫ ꯕ꯭ꯔꯥꯎꯖꯔꯅꯥ ꯃꯈꯣꯌꯕꯨ ꯐ꯭ꯔꯦꯝ ꯑꯃꯗꯒꯤ ꯐ꯭ꯔꯦꯝ ꯑꯃꯗꯥ ꯏꯟꯇꯔꯄꯣꯜ ꯇꯧꯕꯥ ꯌꯥꯏ꯫ ꯃꯗꯨꯒꯤ ꯃꯇꯨꯡꯗꯥ ꯑꯩꯍꯥꯛꯅꯥ ꯆꯦꯅꯦꯂꯁꯤꯡ ꯑꯗꯨꯗꯒꯤ ꯐꯥꯎꯟꯗꯦꯁꯅꯒꯤ ꯃꯆꯨ ꯑꯗꯨ ꯑꯃꯨꯛ ꯍꯟꯅꯥ ꯁꯦꯃꯒꯠꯂꯤ: --ꯐꯧꯎꯟꯗꯦꯁꯟ: oklch(var(--f-l) var(--f-c) var(--f-h));
ꯃꯁꯤꯅꯥ ꯐꯥꯎꯟꯗꯦꯁꯅꯒꯤ ꯃꯆꯨ ꯑꯁꯤ ꯑꯇꯣꯞꯄꯥ ꯅ꯭ꯌꯨꯃꯔꯤꯛ ꯚꯦꯜꯌꯨ ꯑꯃꯒꯨꯝꯅꯥ ꯑꯦꯅꯤꯃꯦꯇꯦꯕꯜ ꯑꯣꯏꯍꯜꯂꯤ꯫ ꯃꯇꯃꯒꯤ ꯃꯇꯨꯡꯏꯟꯅꯥ ꯂꯥꯏꯌꯦꯡꯕꯒꯤ ꯃꯑꯣꯡ-ꯃꯇꯧ ꯑꯗꯨ ꯇꯞꯅꯥ ꯇꯞꯅꯥ ꯍꯣꯡꯗꯣꯛ-ꯍꯣꯡꯖꯤꯟ ꯇꯧꯕꯥ ꯏꯆꯝ ꯆꯝꯕꯥ “ꯁ꯭ꯕꯔ ꯍꯣꯅꯕꯥ” ꯑꯦꯅꯤꯃꯦꯁꯟ ꯑꯃꯥ ꯃꯈꯥꯗꯥ ꯄꯤꯔꯤ: @keyframes ꯁ꯭ꯕꯥꯁ ꯇꯧꯕꯥ { ꯰%, ꯱꯰꯰% { --f-l: ꯰.꯳꯶; } ꯵꯰% { --f-l: ꯰.꯴꯶; } }
.ꯇꯨꯟ-ꯇꯥꯏꯇꯦꯜ { . ꯑꯦꯅꯤꯃꯦꯁꯟ: ꯁ꯭ꯕꯔ ꯍꯣꯅꯕꯥ ꯱꯰ꯒꯤ ꯏꯖ-ꯏꯟ-ꯑꯥꯎꯠ ꯏꯅꯐꯤꯅꯤꯇꯤ; }
ꯃꯔꯃꯗꯤ ꯐꯤꯜ, ꯒ꯭ꯔꯦꯗꯤꯌꯦꯟꯇ, ꯑꯃꯁꯨꯡ ꯁ꯭ꯠꯔꯣꯀꯁꯤꯡꯗꯥ ꯂꯩꯕꯥ ꯑꯇꯣꯞꯄꯥ ꯃꯆꯨ ꯈꯨꯗꯤꯡꯃꯛ --ꯐꯧꯎꯟꯗꯦꯁꯟꯗꯒꯤ ꯂꯧꯊꯣꯀꯄꯅꯤ, ꯃꯈꯣꯌ ꯄꯨꯝꯅꯃꯛ ꯄꯨꯟꯅꯥ ꯑꯦꯅꯤꯃꯦꯠ ꯇꯧꯏ, ꯑꯃꯁꯨꯡ ꯀꯔꯤꯒꯨꯝꯕꯥ ꯑꯃꯠꯇꯥ ꯃꯦꯅꯨꯑꯦꯜ ꯑꯣꯏꯅꯥ ꯑꯄꯗꯦꯠ ꯇꯧꯕꯒꯤ ꯃꯊꯧ ꯇꯥꯗꯦ꯫ ꯑꯦꯅꯤꯃꯦꯇꯦꯗ ꯃꯆꯨ ꯑꯃꯥ, ꯏꯐꯦꯛꯇ ꯀꯌꯥ꯫ ꯊꯧꯑꯣꯡ ꯑꯁꯤ ꯍꯧꯔꯀꯄꯗꯥ, ꯑꯩꯍꯥꯛꯅꯥ ꯈꯅꯈꯤ ꯃꯗꯨꯗꯤ ꯁꯤ.ꯑꯦꯁ.ꯑꯦꯁ.ꯀꯤ ꯔꯤꯂꯦꯇꯤꯕ ꯀꯂꯔ ꯚꯦꯜꯌꯨꯁꯤꯡꯅꯥ ꯃꯈꯣꯌꯕꯨ ꯏꯃꯞꯂꯤꯃꯦꯟꯇ ꯇꯧꯕꯗꯥ ꯂꯥꯏꯊꯣꯀꯍꯅꯕꯒꯥ ꯂꯣꯌꯅꯅꯥ ꯍꯦꯟꯅꯥ ꯑꯣꯏꯊꯣꯀꯄꯥ ꯌꯥꯕꯁꯤꯡ ꯄꯤꯕꯥ ꯉꯃꯒꯗ꯭ꯔꯥ ꯍꯥꯌꯅꯥ꯫ ꯑꯩꯍꯥꯛꯅꯥ ꯍꯟꯗꯛꯇꯥ ꯑꯩꯍꯥꯛꯀꯤ ꯋꯦꯕꯁꯥꯏꯠꯀꯤ ꯀꯟꯇꯦꯛꯇ ꯄꯦꯖꯗꯥ ꯑꯅꯧꯕꯥ ꯁꯅꯥꯒꯤ ꯃꯥꯏꯅꯒꯤ ꯕꯦꯀꯒ꯭ꯔꯥꯎꯟꯗ ꯑꯃꯥ ꯍꯥꯄꯆꯤꯜꯂꯦ, ꯑꯃꯁꯨꯡ ꯑꯍꯥꯅꯕꯥ ꯏꯇꯤꯔꯦꯁꯟꯗꯥ ꯃꯉꯥꯜ ꯊꯣꯀꯄꯥ ꯑꯃꯁꯨꯡ ꯁꯣꯏꯪ ꯇꯧꯕꯥ ꯑꯣꯏꯜ ꯂꯦꯝꯄꯁꯤꯡ ꯌꯥꯑꯣꯈꯤ꯫
ꯑꯩꯍꯥꯛꯅꯥ ꯁꯤ.ꯑꯦꯁ.ꯑꯦꯁ.ꯀꯤ ꯔꯤꯂꯦꯇꯤꯕ ꯃꯆꯨꯁꯤꯡꯅꯥ ꯑꯦꯅꯤꯃꯦꯇꯤꯡ ꯇꯧꯕꯥ ꯑꯁꯤꯅꯥ ꯃꯥꯏꯅꯒꯤ ꯏꯟꯇꯤꯔꯤꯌꯔ ꯑꯁꯤ ꯂꯦꯝꯄꯁꯤꯡꯗꯒꯤ ꯃꯆꯨꯁꯤꯡꯅꯥ ꯇꯤꯟ ꯇꯧꯗꯨꯅꯥ ꯃꯇꯧ ꯀꯔꯝꯅꯥ ꯍꯦꯟꯅꯥ ꯔꯤꯑꯦꯂꯤꯁ꯭ꯇꯤꯛ ꯑꯣꯏꯍꯅꯕꯒꯦ ꯍꯥꯌꯕꯗꯨ ꯊꯤꯖꯤꯅꯕꯥ ꯄꯥꯃꯈꯤ꯫ ꯑꯩꯍꯥꯛꯅꯥ ꯄꯥꯃꯈꯤ ꯃꯗꯨꯗꯤ ꯃꯈꯣꯌꯅꯥ ꯃꯈꯣꯌꯒꯤ ꯑꯀꯣꯌꯕꯗꯥ ꯂꯩꯔꯤꯕꯥ ꯃꯥꯂꯦꯝ ꯑꯁꯤꯕꯨ ꯁꯣꯀꯍꯅꯕꯥ, ꯑꯁꯦꯡꯕꯥ ꯃꯉꯥꯂꯅꯥ ꯇꯧꯔꯤꯕꯥ ꯑꯗꯨꯒꯨꯝꯅꯥ꯫ ꯑꯗꯨꯅꯥ ꯃꯆꯨ ꯀꯌꯥꯒꯤ ꯑꯦꯅꯤꯃꯦꯠ ꯇꯧꯕꯒꯤ ꯃꯍꯨꯠꯇꯥ ꯑꯩꯅꯥ ꯃꯆꯨ ꯑꯃꯈꯛꯇꯪ ꯑꯦꯅꯤꯃꯦꯠ ꯇꯧꯕꯥ ꯑꯄꯤꯀꯄꯥ ꯃꯉꯥꯂꯒꯤ ꯁꯤꯁ꯭ꯇꯦꯝ ꯑꯃꯥ ꯁꯥꯈꯤ꯫
ꯑꯩꯒꯤ ꯑꯍꯥꯅꯕꯥ ꯊꯕꯛ ꯑꯁꯤ ꯕꯦꯀꯒ꯭ꯔꯥꯎꯟꯗ ꯑꯃꯁꯨꯡ ꯑꯩꯒꯤ ꯂꯦꯝꯄꯁꯤꯡꯒꯤ ꯃꯔꯛꯇꯥ ꯑꯣꯚꯔꯂꯦꯏ ꯂꯦꯌꯔ ꯑꯃꯥ ꯁ꯭ꯂꯣꯠ ꯇꯧꯕꯅꯤ: <ꯄꯥꯊ꯫ id="ꯑꯣꯚꯔꯂꯦꯏ"꯫ fill="var(--ꯑꯣꯚꯔꯂꯦ-ꯇꯤꯟꯇ)" [...] style="ꯃꯤꯛꯁ-ꯕ꯭ꯂꯦꯟꯗ-ꯃꯣꯗ: ꯃꯆꯨ"꯫ />
ꯑꯩꯅꯥ ꯃꯤꯛꯁ-ꯕ꯭ꯂꯦꯟꯗ-ꯃꯣꯗ: ꯃꯆꯨ ꯁꯤꯖꯤꯟꯅꯈꯤ ꯃꯔꯃꯗꯤ ꯃꯁꯤꯅꯥ ꯃꯈꯥꯗꯥ ꯂꯩꯔꯤꯕꯥ ꯂꯨꯃꯤꯅꯦꯟꯁ ꯑꯗꯨ ꯉꯥꯛꯇꯨꯅꯥ ꯊꯃꯗꯨꯅꯥ ꯃꯈꯥꯗꯥ ꯂꯩꯔꯤꯕꯥ ꯑꯗꯨ ꯇꯤꯟ ꯁꯤꯠꯂꯤ꯫ ꯑꯩꯅꯥ ꯑꯣꯚꯔꯂꯦꯏ ꯑꯁꯤ ꯑꯦꯅꯤꯃꯦꯁꯅꯁꯤꯡ ꯑꯣꯟꯊꯣꯀꯄꯥ ꯃꯇꯃꯗꯥ ꯈꯛꯇꯃꯛ ꯎꯕꯥ ꯐꯪꯍꯅꯕꯥ ꯄꯥꯝꯂꯕꯅꯤꯅꯥ, ꯑꯩꯅꯥ ꯑꯣꯚꯔꯂꯦ ꯑꯣꯄꯠ-ꯏꯟ ꯇꯧꯈꯤ: .svg-mine #ꯑꯣꯚꯔꯂꯦꯏ { ꯗꯤꯁꯞꯂꯦ: ꯑꯃꯠꯇꯥ ꯂꯩꯇꯦ; }
@media (ꯄꯁꯟꯗ-ꯔꯤꯗ꯭ꯌꯨꯁ-ꯃꯣꯁꯟ: ꯅꯣ-ꯄꯔꯐꯦꯔꯦꯟꯁ) { .svg-mine[ꯗꯦꯇꯥ-ꯑꯦꯅꯤꯃꯦꯁꯟ=ꯑꯣꯟ] #ꯑꯣꯚꯔꯂꯦ { ꯗꯤꯁꯞꯂꯦ: ꯕ꯭ꯂꯣꯛ ꯇꯧꯕꯥ; ꯑꯣꯄꯦꯁꯤꯇꯤ: ꯰.꯵; } }
ꯑꯣꯚꯔꯂꯦꯏ ꯑꯗꯨ ꯃꯐꯝ ꯆꯥꯅꯥ ꯂꯩꯔꯝꯃꯤ, ꯑꯗꯨꯕꯨ ꯍꯧꯖꯤꯛ ꯐꯥꯑꯣꯕꯥ ꯂꯦꯝꯄꯁꯤꯡꯒꯥ ꯁꯝꯅꯗ꯭ꯔꯤ꯫ ꯑꯩꯍꯥꯛꯅꯥ ꯃꯉꯥꯂꯒꯤ ꯁꯣꯔꯁ ꯑꯃꯥ ꯃꯊꯧ ꯇꯥꯈꯤ꯫ ꯑꯩꯒꯤ ꯂꯦꯝꯄꯁꯤꯡ ꯑꯁꯤ ꯏꯆꯝ ꯆꯝꯕꯥ ꯑꯃꯅꯤ, ꯑꯃꯁꯨꯡ ꯈꯨꯗꯤꯡꯃꯛꯇꯥ ꯑꯩꯅꯥ ꯐꯤꯜꯇꯔ ꯑꯃꯅꯥ ꯕ꯭ꯂꯔ ꯇꯧꯈꯤꯕꯥ ꯁꯔꯀꯜ ꯑꯦꯂꯤꯃꯦꯟꯇ ꯑꯃꯥ ꯌꯥꯑꯣꯏ꯫ ꯐꯤꯜꯇꯔ ꯑꯁꯤꯅꯥ ꯁꯔꯀꯜ ꯄꯨꯝꯅꯃꯛꯀꯤ ꯃꯊꯛꯇꯥ ꯌꯥꯝꯅꯥ ꯇꯔꯨ-ꯇꯅꯥꯅꯕꯥ ꯕ꯭ꯂꯔ ꯑꯃꯥ ꯊꯣꯀꯍꯜꯂꯤ꯫
ꯑꯣꯚꯔꯂꯦ ꯑꯃꯁꯨꯡ ꯂꯦꯝꯄꯁꯤꯡ ꯇꯣꯉꯥꯟꯅꯥ ꯑꯦꯅꯤꯃꯦꯠ ꯇꯧꯕꯒꯤ ꯃꯍꯨꯠꯇꯥ, ꯑꯩꯅꯥ “ꯐ꯭ꯂꯦꯝ” ꯃꯆꯨꯒꯤ ꯇꯣꯀꯦꯟ ꯑꯃꯈꯛꯇꯃꯛ ꯑꯦꯅꯤꯃꯦꯠ ꯇꯧꯏ ꯑꯃꯁꯨꯡ ꯃꯗꯨꯗꯒꯤ ꯑꯇꯣꯞꯄꯥ ꯄꯨꯝꯅꯃꯛ ꯂꯧꯏ꯫ ꯑꯍꯥꯅꯕꯗꯥ, ꯑꯩꯅꯥ ꯑꯣ.ꯀꯦ.ꯑꯦꯜ.ꯁꯤ.ꯑꯩꯆ.ꯒꯤ ꯆꯦꯅꯦꯂꯁꯤꯡꯒꯤꯗꯃꯛꯇꯥ ꯇꯥꯏꯞ ꯇꯧꯔꯕꯥ ꯀꯁ꯭ꯇꯝ ꯄ꯭ꯔꯣꯄꯔꯇꯤ ꯑꯍꯨꯝ ꯔꯦꯖꯤꯁ꯭ꯇꯔ ꯇꯧꯏ: @ꯄ꯭ꯔꯣꯄꯔꯇꯤ --fl-l { ꯁꯤꯟꯇꯦꯛꯁ: "<ꯅꯝꯕꯔ>"; ꯏꯅꯍꯦꯔꯤꯠ ꯇꯧꯕꯥ: ꯑꯆꯨꯝꯕꯥ; ꯑꯍꯥꯅꯕꯥ-ꯚꯦꯜꯌꯨ: ꯰.꯸꯶; } @ꯄ꯭ꯔꯣꯄꯔꯇꯤ --fl-c { ꯁꯤꯟꯇꯦꯛꯁ: "<ꯅꯝꯕꯔ>"; ꯏꯅꯍꯦꯔꯤꯠ ꯇꯧꯕꯥ: ꯑꯆꯨꯝꯕꯥ; ꯑꯍꯥꯅꯕꯥ-ꯚꯦꯜꯌꯨ: ꯰.꯱꯲; } @ꯄ꯭ꯔꯣꯄꯔꯇꯤ --fl-h { ꯁꯤꯟꯇꯦꯛꯁ: "<ꯅꯝꯕꯔ>"; ꯏꯅꯍꯦꯔꯤꯠ ꯇꯧꯕꯥ: ꯑꯆꯨꯝꯕꯥ; ꯑꯍꯥꯅꯕꯥ-ꯚꯦꯜꯌꯨ: ꯹꯵; }
ꯑꯩꯅꯥ ꯆꯦꯅꯦꯂꯁꯤꯡ ꯑꯗꯨ ꯑꯦꯅꯤꯃꯦꯠ ꯇꯧꯈꯤ, ꯈꯉꯅꯥ ꯈꯉꯅꯥ ꯐ꯭ꯔꯦꯝ ꯈꯔꯥ ꯑꯣꯔꯦꯟꯖꯒꯤ ꯃꯥꯌꯀꯩꯗꯥ ꯄꯨꯁꯤꯜꯂꯀꯈꯤ ꯃꯔꯝ ꯑꯗꯨꯅꯥ ꯐ꯭ꯂꯤꯀꯔ ꯑꯗꯨꯅꯥ ꯃꯩꯒꯤ ꯃꯉꯥꯜ ꯑꯣꯏꯅꯥ ꯃꯌꯦꯛ ꯁꯦꯡꯅꯥ ꯄꯥꯔꯤ:
@ꯀꯤꯐ꯭ꯔꯦꯃꯁ ꯐ꯭ꯂꯦꯝ { ꯰%, ꯱꯰꯰% { --fl-l: ꯰.꯸꯶; --fl-c: ꯰.꯱꯲ ꯑꯃꯁꯨꯡ ꯰.꯱꯲; --fl-h: ꯹꯵ ꯑꯃꯁꯨꯡ ꯑꯦꯟ. } ꯶% { --fl-l: ꯰.꯹꯱; --fl-c: ꯰.꯱꯰ ꯑꯃꯁꯨꯡ ꯰.꯱꯰; --fl-h: ꯹꯲ ꯑꯃꯁꯨꯡ ꯑꯦꯟ. } ꯱꯲% { --fl-l: ꯰.꯸꯳; --fl-c: ꯰.꯱꯴ ꯑꯃꯁꯨꯡ ꯑꯦꯟ. --fl-h: ꯱꯰꯰ ꯑꯃꯁꯨꯡ ꯑꯦꯟ. } ꯱꯸% { --fl-l: ꯰.꯸꯸; --fl-c: ꯰.꯱꯱ ꯑꯃꯁꯨꯡ ꯰.꯱꯱; --fl-h: ꯹꯴ ꯑꯃꯁꯨꯡ ꯑꯦꯟ. } ꯲꯴% { --fl-l: ꯰.꯸꯲; --fl-c: ꯰.꯱꯶ ꯑꯃꯁꯨꯡ ꯰.꯱꯶; --fl-h: ꯸꯲ ꯑꯃꯁꯨꯡ ꯑꯦꯟ. } ꯳꯰% { --fl-l: ꯰.꯹꯰; --fl-c: ꯰.꯱꯲ ꯑꯃꯁꯨꯡ ꯰.꯱꯲; --fl-h: ꯹꯰ ꯑꯃꯁꯨꯡ ꯑꯦꯟ. } ꯳꯶% { --fl-l: ꯰.꯷꯹; --fl-c: ꯰.꯱꯷ ꯑꯃꯁꯨꯡ ꯑꯦꯟ. --fl-h: ꯷꯶ ꯑꯃꯁꯨꯡ ꯑꯦꯟ. } ꯴꯴% { --fl-l: ꯰.꯸꯷; --fl-c: ꯰.꯱꯲ ꯑꯃꯁꯨꯡ ꯰.꯱꯲; --fl-h: ꯹꯶ ꯑꯃꯁꯨꯡ ꯑꯦꯟ. } ꯵꯲% { --fl-l: ꯰.꯸꯱; --fl-c: ꯰.꯱꯵ ꯑꯃꯁꯨꯡ ꯑꯦꯟ. --fl-h: ꯱꯰꯲ ꯑꯃꯁꯨꯡ ꯑꯦꯟ. } ꯶꯰% { --fl-l: ꯰.꯸꯹; --fl-c: ꯰.꯱꯱ ꯑꯃꯁꯨꯡ ꯰.꯱꯱; --fl-h: ꯹꯳ ꯑꯃꯁꯨꯡ ꯑꯦꯟ. } ꯶꯸% { --fl-l: ꯰.꯸꯳; --fl-c: ꯰.꯱꯶ ꯑꯃꯁꯨꯡ ꯰.꯱꯶; --fl-h: ꯸꯵ ꯑꯃꯁꯨꯡ ꯑꯦꯟ. } ꯷꯶% { --fl-l: ꯰.꯹꯱ ꯑꯃꯁꯨꯡ ꯑꯦꯟ. --fl-c: ꯰.꯱꯰ ꯑꯃꯁꯨꯡ ꯰.꯱꯰; --fl-h: ꯹꯱ ꯑꯃꯁꯨꯡ ꯑꯦꯟ. } ꯸꯴% { --fl-l: ꯰.꯸꯵; --fl-c: ꯰.꯱꯴ ꯑꯃꯁꯨꯡ ꯑꯦꯟ. --fl-h: ꯹꯸ ꯑꯃꯁꯨꯡ ꯑꯦꯟ. } ꯹꯲% { .--fl-l: ꯰.꯸꯰ ꯑꯃꯁꯨꯡ ꯑꯦꯟ. --fl-c: ꯰.꯱꯷ ꯑꯃꯁꯨꯡ ꯑꯦꯟ. --fl-h: ꯷꯴ ꯑꯃꯁꯨꯡ ꯑꯦꯟ. } }
ꯃꯗꯨꯒꯤ ꯃꯇꯨꯡꯗꯥ ꯑꯩꯅꯥ ꯑꯦꯅꯤꯃꯦꯁꯟ ꯑꯗꯨ ꯑꯦꯁ.ꯚꯤ.ꯖꯤ.ꯗꯥ ꯁ꯭ꯀꯣꯞ ꯇꯧꯈꯤ, ꯃꯔꯝ ꯑꯗꯨꯅꯥ ꯁꯦꯌꯔ ꯇꯧꯔꯕꯥ ꯚꯦꯔꯤꯑꯦꯕꯂꯁꯤꯡ ꯑꯗꯨ ꯂꯦꯝꯄꯁꯤꯡ ꯑꯃꯁꯨꯡ ꯑꯩꯒꯤ ꯑꯣꯚꯔꯂꯦ ꯑꯅꯤꯃꯛꯇꯥ ꯐꯪꯏ:
@media (ꯄꯁꯟꯗ-ꯔꯤꯗ꯭ꯌꯨꯁ-ꯃꯣꯁꯟ: ꯅꯣ-ꯄꯔꯐꯦꯔꯦꯟꯁ) { .svg-mine[ꯗꯦꯇꯥ-ꯑꯦꯅꯤꯃꯦꯁꯟ=ꯑꯣꯟ] { ꯑꯦꯅꯤꯃꯦꯁꯟ: ꯐ꯭ꯂꯦꯝ ꯳.꯶ꯑꯦꯁ ꯏꯅꯐꯤꯅꯤꯇꯤ ꯂꯤꯅꯤꯌꯔ; ꯑꯥꯏꯁꯣꯂꯦꯁꯟ: ꯑꯥꯏꯁꯣꯂꯦꯁꯟ ꯇꯧꯕꯥ;
/* ꯑꯦꯅꯤꯃꯦꯇꯦꯗ ꯆꯦꯅꯦꯂꯁꯤꯡꯗꯒꯤ ꯐ꯭ꯂꯦꯝ ꯃꯆꯨ ꯑꯃꯥ ꯁꯦꯝꯕꯥ */ --ꯐ꯭ꯂꯦꯝ: oklch(var(--fl-l) var(--fl-c) var(--fl-h));
/* ꯃꯩꯁꯥꯗꯒꯤ ꯂꯧꯊꯣꯀꯄꯥ ꯂꯦꯝꯄ ꯃꯆꯨ */ --ꯂꯦꯝꯄ-ꯀꯣꯔ: oklch(var(--ꯐ꯭ꯂꯦꯃꯗꯒꯤ) calc(l + 0.05) calc(c * 0.70) h);
/* ꯆꯞ ꯃꯥꯟꯅꯕꯥ ꯃꯩꯁꯥꯗꯒꯤ ꯂꯧꯊꯣꯀꯄꯥ ꯑꯣꯚꯔꯂꯦ ꯇꯤꯟꯇ */ --overlay-tint: oklch(var(--ꯐ꯭ꯂꯦꯃꯗꯒꯤ) calc(l + 0.06) calc(c * 0.65) calc(h - 10)); } }
ꯑꯔꯣꯏꯕꯗꯥ, ꯑꯩꯅꯥ ꯊꯣꯔꯀꯄꯥ ꯃꯆꯨꯁꯤꯡ ꯑꯗꯨ ꯒ꯭ꯂꯣꯌꯤꯡ ꯂꯦꯝꯄꯁꯤꯡ ꯑꯃꯁꯨꯡ ꯃꯈꯣꯌꯅꯥ ꯁꯣꯀꯍꯜꯂꯤꯕꯥ ꯑꯣꯚꯔꯂꯦꯏ ꯑꯗꯨꯗꯥ ꯑꯦꯞꯂꯥꯏ ꯇꯧꯈꯤ: @media (ꯄꯁꯟꯗ-ꯔꯤꯗ꯭ꯌꯨꯁ-ꯃꯣꯁꯟ: ꯅꯣ-ꯄꯔꯐꯦꯔꯦꯟꯁ) { .svg-mine[data-animations=on] #ꯃꯥꯏꯟ-ꯂꯦꯝꯄ-꯱ > ꯁꯔꯀꯜ, . .svg-mine[data-animations=on] #ꯃꯥꯏꯟ-ꯂꯦꯝꯄ-2 > ꯁꯔꯀꯜ { ꯃꯄꯨꯡ ꯐꯥꯍꯅꯕꯥ: var(--ꯂꯦꯝꯄ-ꯀꯣꯔ); }
.svg-mine[ꯗꯦꯇꯥ-ꯑꯦꯅꯤꯃꯦꯁꯟ=ꯑꯣꯟ] #ꯑꯣꯚꯔꯂꯦ { ꯗꯤꯁꯞꯂꯦ: ꯕ꯭ꯂꯣꯛ ꯇꯧꯕꯥ; ꯃꯄꯨꯡ ꯐꯥꯍꯅꯕꯥ: var(--ꯑꯣꯚꯔꯂꯦ-ꯇꯤꯟꯇ); ꯑꯣꯄꯦꯁꯤꯇꯤ: ꯰.꯵; } }
ꯃꯩꯁꯥꯅꯥ ꯑꯣꯔꯦꯟꯖꯒꯤ ꯃꯥꯌꯀꯩꯗꯥ ꯂꯥꯀꯄꯥ ꯃꯇꯃꯗꯥ ꯂꯦꯝꯄꯁꯤꯡ ꯑꯗꯨ ꯋꯥꯡꯈꯠꯂꯀꯏ, ꯑꯃꯁꯨꯡ ꯃꯈꯣꯌꯒꯥ ꯂꯣꯌꯅꯅꯥ ꯃꯐꯝ ꯑꯗꯨ ꯋꯥꯔꯝ ꯇꯧꯏ꯫ ꯃꯩꯅꯥ ꯆꯥꯀꯄꯥ ꯃꯇꯃꯗꯥ ꯄꯨꯝꯅꯃꯛ ꯄꯨꯟꯅꯥ ꯂꯦꯄꯃꯤꯟꯅꯩ꯫ ꯈ꯭ꯕꯥꯏꯗꯒꯤ ꯐꯕꯥ ꯋꯥꯐꯃꯗꯤ ꯀꯔꯤꯒꯨꯝꯕꯥ ꯑꯃꯠꯇꯥ ꯃꯦꯅꯨꯑꯦꯜ ꯑꯣꯏꯅꯥ ꯏꯕꯥ ꯅꯠꯇꯦ꯫ ꯀꯔꯤꯒꯨꯝꯕꯥ ꯑꯩꯅꯥ ꯐꯥꯎꯟꯗꯦꯁꯅꯒꯤ ꯃꯆꯨ ꯍꯣꯡꯗꯣꯛꯂꯕꯗꯤ ꯅꯠꯠꯔꯒꯥ ꯐ꯭ꯂꯦꯝ ꯑꯦꯅꯤꯃꯦꯁꯟ ꯔꯦꯟꯖꯁꯤꯡ ꯇ꯭ꯌꯨꯏꯛ ꯇꯧꯔꯕꯗꯤ, ꯂꯥꯏꯇꯤꯡ ꯁꯤꯁ꯭ꯇꯦꯝ ꯄꯨꯝꯅꯃꯛ ꯑꯃꯒꯥ ꯑꯃꯒꯥ ꯑꯄꯗꯦꯠ ꯇꯧꯏ꯫ ꯑꯔꯣꯏꯕꯥ ꯐꯜ ꯑꯗꯨ ꯑꯩꯒꯤ ꯋꯦꯕꯁꯥꯏꯠꯇꯥ ꯌꯦꯡꯕꯥ ꯌꯥꯒꯅꯤ꯫ ꯑꯃꯨꯛ ꯍꯟꯅꯥ ꯁꯤꯖꯤꯟꯅꯕꯥ, ꯑꯃꯨꯛ ꯍꯟꯅꯥ ꯁꯤꯖꯤꯟꯅꯕꯥ, ꯑꯃꯨꯛ ꯍꯟꯅꯥ ꯌꯦꯡꯁꯤꯅꯕꯥ꯫ ꯍꯥꯌꯔꯤꯕꯥ ꯍꯥꯟꯅꯥ-ꯕꯥꯔꯕꯦꯔꯥ ꯑꯦꯅꯤꯃꯦꯇꯔꯁꯤꯡ ꯑꯗꯨꯅꯥ ꯇꯉꯥꯏ ꯐꯗꯕꯗꯒꯤ ꯏꯂꯤꯃꯦꯟꯇꯁꯤꯡ ꯑꯃꯨꯛ ꯍꯟꯅꯥ ꯁꯤꯖꯤꯟꯅꯅꯕꯥ ꯋꯥꯁꯀꯈꯤ, ꯑꯗꯨꯕꯨ ꯑꯩꯅꯥ ꯃꯆꯨꯁꯤꯡ ꯑꯃꯨꯛ ꯍꯟꯅꯥ ꯁꯤꯖꯤꯟꯅꯩ ꯃꯔꯃꯗꯤ ꯃꯁꯤꯅꯥ ꯑꯩꯒꯤ ꯊꯕꯛ ꯑꯁꯤ ꯍꯦꯟꯅꯥ ꯂꯦꯞꯄꯥ ꯂꯩꯇꯅꯥ ꯑꯃꯁꯨꯡ ꯁꯦꯟꯅꯕꯗꯥ ꯂꯥꯌꯍꯜꯂꯤ꯫ ꯁꯤ.ꯑꯦꯁ.ꯑꯦꯁ.ꯀꯤ ꯔꯤꯂꯦꯇꯤꯕ ꯀꯂꯔ ꯚꯦꯜꯌꯨꯁꯤꯡꯅꯥ ꯑꯩꯉꯣꯟꯗꯥ:
ꯐꯥꯎꯟꯗꯦꯁꯅꯒꯤ ꯃꯆꯨ ꯑꯃꯈꯛꯇꯃꯛ ꯂꯦꯄꯊꯣꯀꯄꯥ, . ꯑꯇꯣꯞꯄꯥ ꯃꯆꯨꯁꯤꯡꯅꯥ ꯃꯁꯤꯒꯥ ꯀꯔꯝꯅꯥ ꯃꯔꯤ ꯂꯩꯅꯕꯒꯦ ꯍꯥꯌꯕꯗꯨ ꯐꯣꯡꯗꯣꯀꯄꯤꯌꯨ, ꯃꯐꯝ ꯈꯨꯗꯤꯡꯃꯛꯇꯥ ꯃꯔꯤꯁꯤꯡ ꯑꯗꯨ ꯑꯃꯨꯛ ꯍꯟꯅꯥ ꯁꯤꯖꯤꯟꯅꯧ, ꯑꯃꯁꯨꯡ... ꯚꯦꯜꯌꯨ ꯑꯃꯥ ꯍꯣꯡꯗꯣꯛꯇꯨꯅꯥ ꯁꯤꯁ꯭ꯇꯦꯝ ꯑꯗꯨ ꯑꯦꯅꯤꯃꯦꯠ ꯇꯧꯕꯥ꯫
ꯔꯤꯂꯦꯇꯤꯕ ꯃꯆꯨꯅꯥ ꯊꯤꯃꯁꯤꯡ ꯍꯦꯟꯅꯥ ꯂꯥꯌꯊꯣꯀꯍꯅꯕꯈꯛꯇꯗꯥ ꯅꯠꯇꯦ꯫ ꯃꯁꯤꯅꯥ ꯃꯆꯨ, ꯃꯣꯁꯅꯒꯨꯝꯅꯥ, ꯏꯟꯇꯦꯟꯁꯅꯦꯜ ꯑꯣꯏꯕꯥ ꯃꯑꯣꯡꯗꯥ ꯈꯅꯕꯒꯤ ꯃꯑꯣꯡ ꯑꯃꯥ ꯄꯨꯛꯅꯤꯡ ꯊꯧꯒꯠꯂꯤ — ꯑꯃꯁꯨꯡ ꯃꯐꯝ ꯑꯗꯨꯗꯥ ꯚꯦꯜꯌꯨ ꯑꯃꯥ ꯍꯣꯡꯗꯣꯀꯄꯅꯥ ꯃꯗꯨꯒꯤ ꯃꯈꯥꯗꯥ ꯂꯩꯕꯥ ꯊꯕꯛ ꯑꯗꯨ ꯑꯃꯨꯛ ꯍꯟꯅꯥ ꯏꯕꯥ ꯌꯥꯗꯅꯥ ꯁꯤꯟ ꯑꯃꯥ ꯃꯄꯨꯡ ꯐꯥꯅꯥ ꯇ꯭ꯔꯥꯟꯁꯐꯣꯔꯝ ꯇꯧꯕꯥ ꯉꯃꯒꯅꯤ꯫
