#cm-loading-screen{display:none}
html[data-cm-loading="pending"] #cm-loading-screen{position:fixed;inset:0;z-index:20000;display:grid;place-content:center;justify-items:center;gap:22px;background:#f5f2e9;color:#183e37;text-align:center;padding:24px;pointer-events:none}
#cm-loading-screen .cm-loading-mark{display:grid;place-items:center;width:88px;height:88px;border:1px solid #183e37;border-radius:50%;font:32px Georgia,serif;letter-spacing:-3px}
#cm-loading-screen .cm-loading-city{font:18px Georgia,serif;letter-spacing:.22em;margin:0}
#cm-loading-screen .cm-loading-message{font:16px/1.6 system-ui,sans-serif;margin:0}
#cm-loading-screen .cm-loading-line{width:140px;height:2px;background:#d7d6c9;overflow:hidden}
#cm-loading-screen .cm-loading-line:after{content:"";display:block;width:45%;height:100%;background:#183e37;animation:cm-loading-slide 1.2s ease-in-out infinite}
html:not([data-initial-lang="ja"]) #cm-loading-screen [lang="ja"],html:not([data-initial-lang="th"]) #cm-loading-screen [lang="th"],html:not([data-initial-lang="en"]) #cm-loading-screen [lang="en"]{display:none}
@keyframes cm-loading-slide{from{transform:translateX(-100%)}to{transform:translateX(325%)}}
@media(prefers-reduced-motion:reduce){#cm-loading-screen .cm-loading-line:after{animation:none;transform:translateX(60%)}}
@media print{#cm-loading-screen{display:none!important}}