/* Match the circular music/notification controls. Icon shows the next mode. */
.lucent{color-scheme:light}
.lucent[data-scheme="dark"]{color-scheme:dark}
.lucent-theme-toggle{display:inline-flex;align-items:center;justify-content:center;flex:none;order:0;box-sizing:border-box;width:var(--ctl-h);height:var(--ctl-h);padding:0;border:var(--lucent-border-width,1px) solid var(--glass-border);border-radius:50%;background:var(--glass-bg-strong);color:var(--text);cursor:pointer;transition:color .15s,border-color .15s,transform .15s}
.lucent-theme-toggle:hover{color:var(--lucent-accent);border-color:var(--lucent-accent);transform:translateY(-1px)}
.lucent-theme-toggle:focus-visible{outline:2px solid var(--lucent-accent);outline-offset:3px}
.lucent-theme-toggle [data-theme-icon="sun"]{display:none}
.lucent[data-scheme="dark"] .lucent-theme-toggle [data-theme-icon="moon"]{display:none}
.lucent[data-scheme="dark"] .lucent-theme-toggle [data-theme-icon="sun"]{display:block}
@media(prefers-color-scheme:dark){
 .lucent[data-scheme="auto"]{color-scheme:dark}
 .lucent[data-scheme="auto"] .lucent-theme-toggle [data-theme-icon="moon"]{display:none}
 .lucent[data-scheme="auto"] .lucent-theme-toggle [data-theme-icon="sun"]{display:block}
}
@media(prefers-reduced-motion:reduce){.lucent-theme-toggle{transition:none}.lucent-theme-toggle:hover{transform:none}}
/* Match the 12px corners used by the standing/memorial widget viewers. */
.lucent iframe[src*="/files/viewer/index.html"] {
 border-radius:12px;
 clip-path:inset(0 round 12px);
 /* Match the transparent embedded document color scheme. */
 color-scheme:normal;
 background:transparent;
}
