@layer base{.credits-settings{flex:none;display:flex;position:relative}.chip--settings{gap:10px}.chip--settings.is-open,.chip--settings.chip--media.is-open{background-color:var(--glass-pane-plate)!important;background-image:linear-gradient(var(--glass-pane-haze), var(--glass-pane-haze))!important;box-shadow:inset 0 0 0 1px var(--glass-pane-edge)!important;-webkit-backdrop-filter:var(--pane-filter)!important;backdrop-filter:var(--pane-filter)!important;color:var(--text-on-pane)!important}.settings-menu{z-index:20;box-sizing:border-box;border:1px solid var(--glass-pane-edge);background-color:var(--glass-pane-plate);background-image:linear-gradient(var(--glass-pane-haze), var(--glass-pane-haze));width:264px;-webkit-backdrop-filter:var(--pane-filter);backdrop-filter:var(--pane-filter);color:var(--text-on-pane);animation:settings-in var(--t-shift) var(--e-settle) both;background-clip:padding-box;border-radius:14px;flex-direction:column;gap:4px;padding:9px 16px 12px;display:flex;position:absolute;top:calc(100% + 8px);left:0}@keyframes settings-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}.settings-menu__row{justify-content:space-between;align-items:center;padding:4px 0;display:flex}.settings-menu__label{font-family:var(--font-mono);font-size:var(--label-size);letter-spacing:.05em;text-transform:uppercase;color:var(--text-on-pane-muted);line-height:18px}.pane-toggle{box-sizing:border-box;background-color:var(--toggle-track-pane);border-radius:10px;align-items:center;gap:2px;height:32px;padding:3px;display:inline-flex}.pane-toggle__cell{appearance:none;min-width:32px;height:26px;font-family:var(--font-mono);font-size:var(--label-size);letter-spacing:.05em;text-transform:uppercase;white-space:nowrap;color:var(--text-on-pane-muted);cursor:pointer;transition:color var(--t-shift) var(--e-settle), background-color var(--t-echo) var(--e-settle);background-color:#0000;border:0;border-radius:7px;margin:0;padding-inline:10px;line-height:18px;position:relative}.pane-toggle[aria-label=Density] .pane-toggle__cell{width:32px;padding-inline:0}.pane-toggle__cell.is-selected{color:var(--text-on-pane);background-color:var(--toggle-cell-pane);cursor:default}.pane-toggle__cell:after{content:"";inset:calc((26px - var(--tap)) / 2) 0;min-height:var(--tap);position:absolute}.pane-toggle__cell:focus-visible{outline:2px solid var(--focus-on-pane);outline-offset:6px}@media (hover:hover){.pane-toggle__cell:not(.is-selected):hover{color:var(--text-on-pane)}}.settings-menu .theme-toggle.theme-toggle--pane,:root .settings-menu .theme-toggle.theme-toggle--pane{--tt-bg:var(--toggle-track-pane);--tt-sel-bg:var(--toggle-cell-pane);--tt-ink:var(--text-on-pane-muted);--tt-sel-ink:var(--text-on-pane);--tt-ring:var(--focus-on-pane);-webkit-backdrop-filter:none;backdrop-filter:none}@media (prefers-reduced-motion:reduce){.settings-menu{animation-name:none}}.credits-head .mode-toggle{flex:none;position:relative;top:auto;right:auto}@media (max-width:1199.98px){.credits-head:has(.search.is-open) .mode-toggle{visibility:hidden}}.credits-home{display:none}@media (max-width:1023.98px){.credits-home{display:block}.credits-page .credits-home{left:0;transform:none}.credits-page .doc-header.credits-head,.credits-head--canvas{justify-content:flex-end}.credits-settings{z-index:5;bottom:calc(var(--selvedge) + var(--safe-b));position:fixed;left:calc(50% - 96px)}.credits-centre{left:calc(50% - 54px);transform:none}.chip--settings{justify-content:center;width:36px;padding:0}.chip--settings__word{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.credits-settings .settings-menu{top:auto;bottom:calc(100% + 8px);left:0}:root.search-sheet-open .credits-settings{visibility:hidden}}@media (max-width:767.98px){.credits-page .credits-home{left:50%;transform:translate(-50%)}.credits-page .credits-head .mode-toggle{left:50%;right:auto;top:calc(var(--heading) + 54px + var(--safe-t));position:fixed;transform:translate(-50%)}.credits-page--sheet .credits-doc{padding-top:calc(var(--heading) + var(--safe-t) + var(--weft) * 5)}.credits-page .doc-header.credits-head:before{height:calc(var(--heading) + var(--safe-t) + 54px + var(--chip-h) + 2 * var(--weft));background:linear-gradient(to bottom, var(--ground) 0, var(--ground) calc(100% - 2 * var(--weft)), rgb(from var(--ground) r g b / 0) 100%)}.credits-settings .settings-menu{left:-36px}}}
