.lg-cross-selector,.lg-reading,[data-reading-result],#lgDemo-reading{scroll-margin-top:96px}
.lg-cross-workspace{grid-template-columns:minmax(0,1fr)}
.lg-cross-selector{--lg-choice:#56b86c}
.lg-cross-layout{position:relative;width:100%;max-width:780px;margin:12px auto 22px}
.lg-cross-picture{position:relative;width:100%;aspect-ratio:1;min-width:0}
.lg-cross-picture svg{display:block;width:100%;height:auto;overflow:visible}
.lg-cross-selector .lg-cross-source{position:absolute;z-index:1;display:grid;place-items:center;width:44px;min-width:0;min-height:44px;height:44px;margin:0;padding:0;border:0;border-radius:50%;transform:translate(-50%,-50%);cursor:pointer}
.lg-cross-selector .lg-cross-source:hover,.lg-cross-selector .lg-cross-source[data-selected]{background:#203e31}
.lg-cross-selector .lg-cross-source input{width:24px;height:24px;margin:0;accent-color:var(--lg-choice);cursor:pointer}
.lg-cross-selector .lg-cross-source:has(input:focus-visible){outline:3px solid #fff;outline-offset:2px}
.lg-cross-selector .lg-cross-source:has(input:disabled){opacity:.5;cursor:default}
.lg-cross-selector .lg-cross-accessible-name{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.lg-cross-name text{font:500 22px system-ui,sans-serif;fill:#f3f4ef}
.lg-cross-name[data-lg-cross-ring]{cursor:pointer}
.lg-cross-name.is-selected text,.lg-cross-name[data-lg-cross-ring]:hover text{fill:var(--lg-choice);font-weight:650}
.lg-cross-name[data-unavailable]{opacity:.45}
.lg-cross-name-hit{fill:none;stroke:transparent;stroke-width:80;pointer-events:stroke}
.lg-cross-ring{fill:none;stroke-width:16;opacity:.45;transition:opacity .15s,stroke-width .15s;cursor:pointer;pointer-events:stroke}
.lg-cross-ring:hover{opacity:1;stroke-width:22}
.lg-cross-ring.is-selected{opacity:1;stroke-width:24}
.lg-cross-ring[data-unavailable]{opacity:.22;cursor:default}
.lg-cross-ribbon{fill-opacity:.66;pointer-events:none;animation:lg-ribbon-arrive .25s ease-out both}
.lg-cross-centre,.lg-cross-count{position:absolute;inset:34% 32%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;text-align:center;pointer-events:none;color:#f3f4ef}
.lg-cross-centre strong{font:400 clamp(16px,2.4vw,30px)/1.15 'Fraunces',Georgia,serif}
.lg-cross-centre span,.lg-cross-count span{font:400 clamp(12px,1.3vw,16px)/1.4 system-ui,sans-serif}
.lg-cross-count{inset:41%;border-radius:50%;background:#101b20eb;gap:2px}
.lg-cross-count strong{font:500 clamp(22px,2.4vw,28px)/1.1 system-ui,sans-serif;color:var(--lg-choice)}
.lg-cross-status{font-size:17px;line-height:1.5;color:#edf3ef;margin:12px 0}
.lg-cross-selector .lg-cross-open{min-height:48px;padding:12px 20px;border:1px solid var(--lg-choice);border-radius:8px;background:#1a3827;color:var(--lg-choice);font:600 18px/1.4 system-ui,sans-serif;cursor:pointer;margin:0 0 16px}
.lg-cross-selector .lg-cross-open:disabled{opacity:.5;cursor:default}
.lg-cross-selector .lg-cross-open:focus-visible{outline:3px solid #fff;outline-offset:4px}
.lg-cross-workspace .lg-source-directory{margin-top:22px}
@media(max-width:760px){.lg-cross-name text{font-size:26px}.lg-cross-selector .lg-cross-source input{width:22px;height:22px}}
@media(max-width:540px){.lg-cross-centre,.lg-cross-count{gap:3px}.lg-cross-count{inset:40%}}
@media(prefers-reduced-motion:reduce){.lg-cross-selector *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media(forced-colors:active){.lg-cross-selector .lg-cross-source:has(input:focus-visible){outline-color:Highlight}.lg-cross-picture svg{forced-color-adjust:none}.lg-cross-selector .lg-cross-open{border-color:ButtonText}}