/* 読み込みの印（js/loader.js）。図形の色は置いた場所の文字色（既定は VACAN Violet） */
.ld { display: inline-flex; align-items: center; justify-content: center; color: var(--a-violet, #512376); opacity: 0; transition: opacity 200ms cubic-bezier(.16, 1, .3, 1); pointer-events: none; }
.ld.is-on { opacity: 1; }
.ld__cv { display: block; }
.ld__sr { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.ld--overlay { position: fixed; inset: 0; z-index: 2147483002; background: rgb(255 255 255 / .9); }
.ld--in { position: absolute; inset: 0; z-index: 3; }
.ld--plain .ld__w { display: block; animation: ld-blink 1.8s ease-in-out infinite; }   /* 図形が無い時はロゴを薄く点滅 */
@keyframes ld-blink { 50% { opacity: .35; } }
@media (prefers-reduced-motion: reduce) { .ld { transition: none; } .ld--plain .ld__w { animation: none; } }