:root{color-scheme:light dark;interpolate-size:allow-keywords;--is-dark:0;--bg:light-dark(#EEE, #111);--text:#000;--text-inv:#FFF;--a:#45748b;--a-hover:#478846;--a-visited:#86498e;--accent-light:#227CAF;--accent:var(--accent-light);--accent-dark:#E0A000;--veiled:rgba(128, 128, 128, 0.33);--icon-size:3rem;--padding:1rem;--round:4px;--scroll:12px;--light-alt:1;--light-dir:150deg;--header-h:50;--header-h-px:calc(var(--header-h) * 1px);--header-h-rem:calc(var(--header-h) / 16rem);--header-left-w:var(--nav-w);--header-left-w-min:calc(var(--nav-w-max) / 3.33);--main-h:100%;--main-w:66.6%;--main-w-min:300px;--footer-h:calc(var(--header-h-px) / 2);--nav-swap:192px;--nav-w-def:33.3%;--nav-w:var(--nav-w-def, 33.3%);--nav-w-max:384px;--nav-w-min:calc(var(--nav-w-max) / 3.33);--tab-h:32px;--aside-w-def:calc(var(--nav-w-def) / 2);--aside-w:var(--aside-w-def, 16.6%);--aside-w-max:calc(var(--nav-w-max) / 2);--widget-h:1.5;--widget-h-px:calc(var(--widget-h) * 16px);--widget-h-rem:calc(var(--widget-h) * 1rem);--card-lines:3;--heading-icon-size:40px;--nav-mode:auto;--a-min:0;--a-lowest:0.17;--a-lower:0.25;--a-low:0.33;--a-mid:0.5;--a-high:0.67;--a-higher:0.75;--a-highest:0.92;--a-max:1;--xxs:0.17;--xs:0.33;--s:0.67;--m:1;--l:1.33;--xl:2.67;--xxl:4;--shortest:0.1s;--shorter:0.16s;--short:0.33s;--medium:0.66s;--long:1s;--longer:1.5s;--longest:3s;--gray-F0:#FFF;--gray-E1:#EEE;--gray-D2:#DDD;--gray-C3:#CCC;--gray-B4:#BBB;--gray-A5:#AAA;--gray-87:#888;--gray:#808080;--gray-69:#666;--gray-5A:#555;--gray-4B:#444;--gray-3C:#333;--gray-2D:#222;--gray-1E:#111;--gray-0F:#000;--col-F00:#F00;--col-F40:#F40;--col-F80:#F80;--col-FC0:#FC0;--col-FF0:#FF0;--col-CF0:#CF0;--col-8F0:#8F0;--col-4F0:#4F0;--col-0F0:#0F0;--col-0F4:#0F4;--col-0F8:#0F8;--col-0FC:#0FC;--col-0FF:#0FF;--col-0CF:#0CF;--col-08F:#08F;--col-04F:#04F;--col-00F:#00F;--col-40F:#40F;--col-00F:#80f;--col-C0F:#C0F;--col-F0F:#F0F;--col-F0C:#F0C;--col-F08:#F08;--col-F04:#F04;--col:light-dark(#227CAF, #E0A000);--col-accent:var(--col-FF0, yellow);--col-article:var(--gray-3C);--col-bg:var(gray-1E, Canvas);--col-bg1:var(--gray-C3);--col-bg2:var(--gray-D2);--col-bg3:var(--gray-A5);--col-body:var(--gray-2D);--col-code:var(--gray-4B);--col-header:var(--gray-78);--col-hover:var(--gray-5A);--col-nav:var(--gray-2D);--col-text:var(--gray-E1, CanvasText);--col-wrap:#212121;--docsearch-primary-color:var(--accent);--docsearch-text-color:var(--text);--docsearch-muted-color:color-mix(in srgb, var(--text) 50%, transparent);--docsearch-searchbox-height:48px;--docsearch-searchbox-shadow:-1px 1px 2px 1px rgba(0, 0, 0, 0.33);--docsearch-footer-height:36px;--docsearch-searchbox-focus-background:color-mix(in srgb, var(--bg) 25%, transparent);--docsearch-modal-container-background:color-mix(in srgb, var(--bg) 75%, transparent)}.darked{--is-dark:1;--accent:var(--accent-dark);--bg:#111;--text:#FFF;--text-inv:#000;--a:#7dd4ff;--a-hover:#82ff80;--a-visited:#ee80ff;--gray-F0:#000;--gray-E1:#111;--gray-D2:#222;--gray-C3:#333;--gray-B4:#444;--gray-A5:#555;--gray-78:#888;--gray-69:#999;--gray-5A:#AAA;--gray-4B:#BBB;--gray-3C:#CCC;--gray-2D:#DDD;--gray-1E:#EEE;--gray-0F:#FFF;--docsearch-searchbox-focus-background:color-mix(in srgb, var(--bg) 50%, transparent) !important;--docsearch-modal-container-background:color-mix(in srgb, var(--bg) 75%, transparent) !important;iframe, img, video { } span.nav-indicator { background-color: #ACD6FF !important; } li { color: var(gray-3C); } .giscus { } .invert { } .highlight pre { & > code { filter: none; } }}.responsive{--w-factor:1;--xxs-res:calc(var(--xxs) * 10%);--xs-res:calc(var(--xs) * 10%);--s-res:calc(var(--s) * 10%);--m-res:calc(var(--m) * 10%);--l-res:calc(var(--l) * 10%);--xl-res:calc(var(--xl) * 10%);--xxl-res:calc(var(--xxl) * 10%)}.colorize{background-size:100% 100%,100% 100%;background-blend-mode:screen;mask-size:100% 100%;opacity:0;image-rendering:crisp-edges;transition:opacity var(--shorter)}.fa,.fa-solid,.fa-regular,.fa-light,.fa-thin{color:var(--accent)}.shadowize{filter:drop-shadow(1px 1px 1px rgba(0,0,0,.33))}.scroll{overflow:auto}.scroll-x{overflow-x:auto}.scroll-y{overflow-y:auto}*,*::before,*::after{margin:0;padding:0;box-sizing:border-box;border:0 dotted gray;-webkit-tap-highlight-color:transparent;-moz-tap-highlight-color:transparent;&:focus-visible { outline:2px solid color-mix(in srgb,var(--accent) 90%,transparent); border-radius:2px; } &::-webkit-scrollbar { height:var(--scroll); width:var(--scroll); } &::-webkit-scrollbar-track { border-radius:0; background-color:unset; } &::-webkit-scrollbar-corner { background-color:inherit; } &::-webkit-scrollbar-thumb { border-radius:calc(var(--scroll)/2); border:2px solid transparent; background-clip:content-box; background-color:var(--gray-B4); } &::-webkit-scrollbar-thumb:hover { background-color:var(--gray-A5); } &::-webkit-scrollbar-thumb:active { background-color:var(--accent); } &:disabled { cursor:not-allowed!important; pointer-events:none; filter:saturate(33%); opacity:0.67; }}html,body{height:100%;width:100%;overflow:hidden}body{color:var(--gray-0F);accent-color:var(--accent);font-family:segoe ui,noto sans,Helvetica,Arial,sans-serif,segoe ui emoji;font-size:1rem;line-height:1.33;background-color:var(--gray-B4);& > header, #header { container: header / inline-size; height: var(--header-h-px); background-color: var(--gray-C3); z-index: 3; &::before { } &::after { content: ''; position: absolute; top: 0; right: 0; height: inherit; width: var(--scroll); pointer-events: none; background: linear-gradient(to right, transparent, var(--gray-C3)); } } & > section, #section { container: section / inline-size; flex-flow: row; gap: 0; overflow: hidden; background-color: inherit; & > nav, #nav { container: nav / inline-size; flex-grow: unset; width: var(--nav-w); box-shadow: inset 8px 0px 4px -6px rgba(0, 0, 0, 0.33), 2px 4px 6px 0 rgba(0, 0, 0, 0.33); z-index: 2; } & > section, #view { container: view / inline-size; position: relative; min-width: var(--main-w-min); flex: 3; overflow: hidden; background-color: var(--gray-C3); z-index: 1; & > main, #view-main { container: main / inline-size; min-width: inherit; padding-block: clamp(0.75rem, calc(var(--m) * 1.5vh), 1.25rem); padding-inline: clamp(1rem, calc(var(--s-res) * var(--w-factor, 1)), 10rem); transition: padding-inline var(--short) ease-in-out; z-index: 1; } &::before { content: ''; position: absolute; top: 0; left: 0; height: 8px; width: 100%; background: linear-gradient(to bottom, rgba(0, 0, 0, 0.33), transparent); z-index: 2; pointer-events: none; } } & > aside, #aside { display: var(--aside, block); container: aside / inline-size; flex: 0.33 1 var(--aside-w); min-width: calc(var(--aside-w-max) / 2); max-width: var(--aside-w-max); padding-block: calc(var(--m) * 2vh); padding-inline: clamp(0.75rem, 2cqw, 1.25rem); box-shadow: inset 8px 0px 4px -6px rgb(0, 0, 0, 0.33), 2px 4px 6px 0 rgb(0, 0, 0, 0.33); background-color: var(--gray-C3); z-index: 0; } } & > footer, #footer { container: footer / inline-size; background-color: var(--gray-B4); }}body,main,section,.section{display:flex;flex-flow:column;flex:auto;height:100%;width:100%;&:has(+ footer,.footer) { mask-image:linear-gradient(0,transparent,white 8px); }}header,.header{display:flex;flex:initial;justify-content:space-between;align-items:center;background-color:inherit;> * { display: inline-block; white-space: nowrap; >:not(hgroup) > * { } } &.sticky { position: sticky; top: 0; left: 0; height: var(--header-h-px); width: calc(100% - var(--scroll)); margin-bottom: calc(-1 * var(--header-h-px)); align-items: end; background: linear-gradient(to bottom, var(--gray-C3) 75%, transparent); background-clip: content-box; padding-left: var(--scroll); z-index: 0; & + main { padding-top: var(--header-h-px) !important; } }}footer,.footer{display:flex;width:100%;flex:initial;justify-content:space-between;align-items:end;margin-bottom:2px;padding:0 .67em;white-space:nowrap;container-type:inline-size;background-color:inherit;&.sticky { position: sticky; left: 100% - var(--scroll); bottom: 0; height: var(--footer-h); width: calc(100% - var(--scroll)); margin-top: calc(-1 * var(--footer-h)); background: linear-gradient(to top, var(--gray-C3) 66%, transparent); pointer-events: none; background-clip: content-box; padding-left: var(--scroll); z-index: 0; &:has(+ main) { margin-bottom: var(--footer-h) !important; } }}nav,.nav{display:flex;flex-flow:column;height:100%;width:100%;min-width:var(--nav-w-min);max-width:var(--nav-w-max);overflow:hidden;box-shadow:inset 8px 0 4px -6px rgba(0,0,0,.33);background-color:var(--gray-D2) !important;& ul { margin: 0; & li { margin: 0 0 4px 0; list-style-type: none; & summary { display: flex; align-items: center; min-height: 32px; border-radius: 2px; background-color: var(--gray-C3); box-shadow: 1px 2px 2px 0 rgba(0, 0, 0, 0.33); cursor: copy; scroll-snap-align: start; scroll-margin: 0px; overflow: hidden; user-select: none; transition: background-color var(--shorter) ease; &:hover, &:focus-within { background-color: var(--gray-B4); } &::after { content: '▾'; display:flex; align-items: center; justify-content: center; height: 24px; min-width: 24px; margin-right: 1.75%; padding-left: 1.5%; font-size: 1.25em; color: var(--gray-5A); border-left: 1px solid rgb(128, 128, 128, 0.25); transition: var(--shorter); } } & details { container-type: inline-size; summary a { display: flex; flex-grow: 1; align-self: stretch; padding: 2px 0px; align-items: center; color: var(--text); text-decoration: none; font-weight: 600; font-size: small; outline-offset: -2px; overflow: hidden; mask-image: linear-gradient(to left, transparent, black 0.5em); -webkit-mask-image: linear-gradient(to left, transparent, black 0.5em); & picture { width: 2em; margin-right: 0.25em; filter: drop-shadow(1px 1px 1px rgba(0, 0, 0, 0.33)); & img { width: inherit; max-height: 2em; vertical-align: middle; } } & > span { display: inline-block; flex-grow: 1; min-width: 10ch; padding-right: 0.15em; overflow: hidden; font-size: clamp(0.75em, 6cqw, 1em); white-space: nowrap; text-overflow: ellipsis; } &:link { text-decoration: none; } &:visited { color: inherit; } &:hover, &:focus-within { color: var(--gray-0F); font-weight: bold; text-shadow: -1px 1px 2px rgba(0, 0, 0, 0.33); } &:active { color: inherit; margin: -1px 0; transform: translateX(1px) translateY(1px); } &:focus-visible { outline: 0 solid var(--accent); } } & p { margin: 2px 6px 6px 6px; text-align: justify; text-wrap: pretty; hyphens: auto; hyphenate-limit-chars: 6; font-size: smaller; font-size: clamp(0.75em, 4.5cqw, 0.85em); line-height: clamp(1.2em, 4.5cqw, 1.3em); } &:focus-within { border-radius: 2px; outline: 2px solid var(--accent); outline-offset: 0; } &[open] > summary::after { color: var(--accent); cursor: default; transform: scaleY(-1); } } } } & #nav-footer { display: flex; align-items: center; justify-content: center; white-space: nowrap; gap: 3px; max-height: var(--footer-h); padding: 0 6px; filter: drop-shadow(-1px 1px 2px rgb(0, 0, 0, 0.33)); background-color: transparent; a:hover, a:focus { scale: 1.25; } & img { display: block; height: 0.5em; height: clamp(0.475em, 4.25cqw, 0.67em); user-select: none; } & > span { font-size: 0.5em; font-size: clamp(0.475em, 4.25cqw, 0.67em); color: color-mix(in srgb, var(--text) 67%, transparent); } & > *:not(:last-child)::after { content: " · "; } & .copyright.short { display: none; } & .copyright.long { display: inline; } }}.resizer{height:100%;width:0;flex-shrink:0;position:relative;cursor:col-resize;user-select:none;touch-action:none;z-index:2;&::before { content:""; position:absolute; top:50%; left:50%; height:18px; width:6px; transform-origin:50%; transform:translate(-50%,-50%); opacity:0.67; border-inline:2px solid var(--text); filter:drop-shadow(0px 0px 3px var(--text-inv)); } &:hover::before { height:20px; width:8px; border-inline-width:3px; filter:drop-shadow(1px 2px 2px rgba(0,0,0,0.66)); } &:active::before { opacity:1; border-inline-color:var(--accent); }}.flags{display:flex;gap:3px;margin-left:auto;justify-content:flex-end;margin-right:.5em;& span { padding: 0.15em 0.3em; border-radius: 0.15em; color: var(--text); font-size: smaller; font-weight: bold; font-family: 'Consolas', 'Menlo', 'Lucida Console', 'Monaco', Courier, 'Courier New', monospace; background-color: color-mix(in srgb, var(--accent) 50%, transparent); } & .new { } & .updated { } & .wip { }}.shields{display:flex;flex-wrap:nowrap;justify-content:center;gap:1%;width:100%;padding:4px 8px 0 4px;overflow:hidden;pointer-events:none;&:hover > * { opacity:0.5; filter:blur(1.5px); & img { min-height:16px; } } &:hover > *:hover { opacity:1; filter:blur(0px); z-index:1; & img { width:auto; max-height:16px; } }}.shield-wrap{flex:initial;height:16px;transition:ease-out,filter var(--shortest)ease-out,opacity var(--shortest)ease-out;& img { display: block; height: auto; width: 100%; max-height: 16px; pointer-events: auto; }}aside,.aside{flex:.33 1 var(--aside-w);font-size:small;overflow-x:hidden;background-color:inherit;& h2, h3, h4, li { list-style-position: inside; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }}a{color:var(--a);text-decoration:none;&:link { } &:visited { color:var(--a-visited); } &:hover,&:focus { color:var(--a-hover); &:has(.fa) { text-decoration:none; } &:not(.undecorate) { background-size:100% 2px; } } &:active { color:var(--accent) } &[href=""],&:not([href]) { pointer-events:none; cursor:default; text-decoration:none; color:var(--text); } & .fa { text-decoration:none; } &:not(.undecorate) { background-image:linear-gradient(currentColor,currentColor); background-position:0% 100%; background-repeat:no-repeat; background-size:0% 2px; transition:background-size calc(var(--shorter) + (var(--shorter)/2)); }}blockquote{width:100%;margin-top:8px;margin-bottom:calc(var(--xs) * 2vh);padding:.33em .67em .67em .5em;container:inline-size;border-radius:var(--round);border-left:4px solid var(--accent);text-align:justify;text-wrap:pretty;hyphens:auto;hyphenate-limit-chars:6;font-size:.8em;font-size:clamp(.75em,4.25cqw,.85em);line-height:1.25;background-color:color-mix(in srgb,var(--accent) 33%,transparent);box-shadow:1px 2px 2px rgba(0,0,0,.33);& p { font-size: inherit; line-height: inherit; }}button,.button,a.button{display:inline-block;padding:4px 8px;color:rgb(from var(--text) r g b/90%);border-radius:var(--round);text-align:center;text-decoration:none;white-space:nowrap;font-size:small;background:var(--gray-B4);user-select:none;box-shadow:1px 2px 2px rgba(0,0,0,.33);&:hover { text-decoration:none; background-color:var(--gray-A5); } &:active { transform:translateX(1px) translateY(1px); border-color:var(--accent); box-shadow:1px 2px 2px 0 inset rgba(0,0,0,0.33); background-color:color-mix(in srgb,var(--accent) 50%,var(--gray-A5)); } &.tag { cursor:pointer; &:before { content:"#"; margin-right:2px; opacity:50%; } }}dialog{max-width:67%;margin:auto;padding:1em 1em .67em;border:none;border-radius:var(--round);box-shadow:2px 4px 8px rgba(0,0,0,.67);background-color:var(--gray-E1)}dialog p{margin-bottom:1.5rem;white-space:wrap;color:var(--gray-0F);font-size:1rem}dialog button{margin:0 .5rem;text-align:right}dialog::backdrop{background-color:color-mix(in srgb,var(--bg) 67%,transparent);backdrop-filter:blur(4px)}details{&::details-content { overflow:hidden; block-size:0; transition:block-size var(--shorter),content-visibility var(--shorter); transition-behavior:allow-discrete; } &[open] { &::details-content { block-size:auto; } } & > summary { &::marker { color:var(--accent); } }}h1,h2,h3,h4,h5,h6{margin-bottom:calc(var(--xs) * 2vh);font-family:josefin sans,sans-serif;color:var(--accent)}h1{font-size:2rem;text-shadow:-1px 1px 2px rgba(0,0,0,.33);z-index:1}hgroup{display:block;padding:2px 0;line-height:1;text-shadow:1px 2px 3px rgba(0,0,0,.33);& a:focus-visible { outline-width: 1px; outline-offset: -1px; outline-style: dashed; }}hr{height:2px;margin:.5em 0;border:1px solid var(--veiled);background-color:var(--veiled)}ol,ul{margin-bottom:calc(var(--xs) * 3vh);list-style-position:outside;& ol { font-weight: bolder; } & ul { list-style-type: disc; } & li { margin-left: 0.1rem; &::marker { color: var(--accent); } }}p{margin-bottom:calc(var(--xs) * 2vh);font-size:1rem;line-height:1.33;& + ol, + ul { margin-left: 1rem; & li { margin-left: 1rem; } }}table{container-type:inline-size;width:100%;margin:calc(var(--xs) * 1.5vh)0 calc(var(--xs) * 3vh);font-size:.85em;font-size:clamp(.8em,4.5cqw,.9em);line-height:1.33;border-spacing:0;border-radius:var(--round);border:1px solid var(--gray-A5);& tr:nth-child(odd), th td { background-color: rgba(128, 128, 128, 0.1); } & tr:last-child td { border-bottom: none; } th, td { padding: 0.2em 0.4em; border-right: 1px solid var(--gray-A5); border-bottom: 1px solid var(--gray-A5); &:last-child { border-right: none; } & img { } } & th { vertical-align: middle; } & td { vertical-align: top; } & tfoot td { border-top: 1px solid var(--gray-A5); }}.container{display:flex;height:100%;width:100%}.wrap{display:flex;gap:1.25rem;justify-content:space-between;height:100%;align-items:center;vertical-align:middle}#header-left{container:nav/inline-size;width:var(--header-left-w);min-width:var(--header-left-w-min);max-width:var(--nav-w-max);padding:0 2px;gap:8px;background:linear-gradient(to left,rgba(0,0,0,.1) 0%,transparent 33.3%)}#header-right{container:inline-size;flex:auto;gap:clamp(.75rem,1.5cqw,1.25rem);overflow:hidden;background-color:inherit;& #banner { container: banner / inline-size; flex: 0.75 0 auto; place-content: center; height: 80%; min-width: 20%; margin: 2px auto; padding: 0 2%; overflow: hidden; line-height: 1.25cqw; text-align: center; border-radius: var(--round); box-shadow: -1px 1px 2px 1px rgba(0, 0, 0, 0.67) inset; background-image: repeating-linear-gradient(-45deg, rgb(from var(--text-inv) r g b / 50%) 0 10px, rgb(from var(--accent) r g b / 50%) 10px 20px); & span { font-size: small; font-size: clamp(0.45em, 9cqw, 0.9em); font-weight: bold; white-space: wrap; text-shadow: 1px 1px 4px var(--text-inv); user-select: none; } } & #tweaker { justify-content: flex-end; flex: 0.5 1 auto; gap: inherit; padding-inline: 8px var(--scroll); overflow-y: visible; } & >:not(:last-child) { }}#logo{display:initial;width:initial}#logo-alt{display:none;width:0}#filterer{margin-right:6px;border-radius:var(--round);cursor:pointer;user-select:none;transition-behavior:unset;z-index:25;&::details-content { transition-behavior:unset; } &[open] { > summary { margin-right:-3px; padding-top:3px; padding-right:3px; &::before { content:""; height:100vh; width:100vw; position:fixed; top:0; left:0; cursor:auto; } & + * { z-index:99; } } } &:not([open]) { > summary:hover { scale:1.33; text-shadow:-1.5px 1.5px 3px rgba(0,0,0,0.66); } } > summary { margin-right:-6px; padding:0 6px 0 8px; list-style:none; text-shadow:-1px 1px 2px rgba(0,0,0,0.33); &:hover:not[open] { scale:1.25; } &::-webkit-details-marker { display:none; } } & ul { position:absolute; translate:-8px; max-height:calc(100vh - var(--header-h-px) - 8px); margin-top:6px; overflow-y:auto; box-shadow:2px 2px 4px 2px rgba(0,0,0,0.33); background-color:var(--gray-D2); } & li { display:flex; justify-content:space-between; align-items:center; gap:0.5em; position:relative; list-style-type:none; transition:background-color var(--shorter) ease; &:hover { background-color:var(--gray-B4); } &:active { background-color:var(--accent); } & > * { display:inherit; width:100%; padding:4px 0.5em 4px 1.5em; justify-content:inherit; align-items:inherit; gap:inherit; cursor:pointer; & span { position:relative; top:-0.5em; color:var(--accent); font-size:67%; } } & a,button { all:unset; display:inherit; width:100%; justify-content:inherit; align-items:inherit; gap:inherit; padding:4px 0.5em 4px 1.5em; &:focus-visible { outline:2px solid color-mix(in srgb,var(--accent) 90%,transparent); outline-offset:-2px; border-radius:2px; } } & input { display:inline-flex; justify-content:center; align-items:center; position:absolute; left:0.5em; &[type="checkbox"],&[type="radio"] { appearance:none; -webkit-appearance:none; height:1em; width:1em; &:checked::before { content:"✔"; font-size:1.2em; color:var(--accent); text-shadow:1px 1px 3px rgba(0,0,0,0.33); } } } } & hr { height:1px; margin:0 0.33em; border:none; }}#linker{container:inline-size;display:flex;flex:.5 1 25%;height:100%;overflow-x:visible;align-items:center;vertical-align:middle;background-color:inherit;&::before { content:''; flex:0 0 auto; position:sticky; left:0; height:inherit; width:var(--scroll); margin-right:calc(var(--scroll) * -1); background-color:inherit; mask-image:linear-gradient(to left,transparent,black); pointer-events:none; z-index:10; } &::after { content:''; flex:0 0 auto; position:sticky; right:0; height:inherit; width:var(--scroll); margin-left:auto; background-color:inherit; mask-image:linear-gradient(to right,transparent,black); pointer-events:none; z-index:10; }}& .links{--item-scale:calc((var(--header-h) * 0.75) / (var(--widget-h) * 16));--column-size:calc(var(--widget-h-rem) * 0.67);--column-size-min:calc(var(--widget-h-rem) * 0.25);--column-size-max:calc(var(--widget-h-rem) * 0.75);--column-size-var:calc(15cqw / var(--item-count));display:grid;grid-template-columns:repeat(calc(var(--item-count) - 1),clamp(var(--column-size-min),var(--column-size-var),var(--column-size-max)))auto;grid-template-rows:100%;place-content:start;align-items:center;height:100%;width:fit-content;margin:auto calc(var(--scroll) * -1)auto 0;padding:0 calc(var(--scroll) * 1.5);border-radius:var(--widget-h-rem);transition:250ms;transition-delay:250ms;z-index:1;& a { text-decoration: none; &:last-of-type { } } &:hover, &:focus-within { --column-size-var: calc(var(--column-size) * 1.75); --column-size-max: 100cqw; transition-delay: 0ms; } &:focus-within { &:not(:hover) > *:focus-visible + .link-tip { opacity: 1; } } & #link-2, #link-3 { & img, i { scale: 95%; } }}.link{position:relative;width:var(--widget-h-rem);aspect-ratio:1/1;border-radius:50%;outline-offset:0;outline-color:transparent;overflow:visible;user-select:none;-moz-user-drag:none;-webkit-user-drag:none;background-color:color-mix(in srgb,var(--gray-C3) 75%,black);transition:scale 250ms,outline-color 250ms;& img, i { display: flex; align-items: center; justify-content: center; height: 100%; width: auto; } & img { margin: 0 auto; scale: 0.75; } & i { font-size: 100%; color: var(--accent); } &:hover, &:focus-visible { scale: var(--item-scale); box-shadow: -1px 2px 2px 1px rgb(0, 0, 0, 0.5); background-image: linear-gradient(to bottom, rgb(from var(--gray-A5) r g b / 50%)); z-index: var(--item-count, 9) !important; &:not(:focus-visible) + .link-tip { opacity: 1; } &:hover&:focus-visible + .link-tip { opacity: 1; } } &:before { content: ''; position: absolute; height: 100%; width: 100%; scale: 1; border-radius: 50%; box-shadow: inset -0.5px 1px 2px 1px rgba(0, 0, 0, 0.33); z-index: inherit; } &:after { content: ''; position: absolute; height: 100%; width: 100%; transform: translateY(calc(var(--widget-h-rem) * -1)) scale(1.1); transform-origin: center; opacity: 0; border-radius: 50%; outline-offset: -2px; outline: 2px solid var(--accent); mask-image: conic-gradient(black var(--link-fill), transparent var(--link-fill)); z-index: inherit; transition: --link-fill calc(var(--shorter) * 2) ease-out, opacity calc(var(--shorter) * 1.5) ease-in; } &:hover:after, &:focus-visible:after { --link-fill: 100%; opacity: 1; }}.link-tip{position:absolute;position-area:bottom;translate:0 16px;opacity:0;padding:3px 6px;font-size:75%;border:1px solid var(--accent);border-radius:var(--round);background-color:var(--gray-D2);box-shadow:1px 2px 8px 2px rgba(0,0,0,.33);pointer-events:none;z-index:10;transition:opacity var(--shorter)ease-in-out;transition-delay:var(--shorter);&::after { content:''; position:absolute; top:-5px; left:50%; transform:translateX(-50%); border-width:0 5px 5px 5px; border-style:solid; border-color:transparent transparent var(--gray-D2) transparent; filter:drop-shadow(0 -1px 0 var(--accent)) drop-shadow(0 -0.1px 0 var(--accent)); } @-moz-document url-prefix() { translate:0 36px; &::after { display:none; } }}@supports selector(:has(+ *)){.link:hover+span+.link,.link:has(+span+.link:hover){scale:calc(var(--item-scale) * .75)}.link:focus-visible+span+.link,.link:has(+span+.link:focus-visible){scale:calc(var(--item-scale) * .75)}}@property --link-fill{syntax: '<percentage>';
	inherits: true;
	initial-value: -100%;
}.tagger{margin:4px auto;text-align:center;& > *:not(:last-child) { margin: 0 4px 2px 0; }}#tag-container{flex-direction:column;& span { display: flex; align-items: center; gap: 1.5em; padding: 0.1em 0.5em; border-bottom: 1px solid rgb(128, 128, 128, 0.5); & h2, h3, h4 { white-space: nowrap; &::before{ content: "#\200A"; font-size: 75%; opacity: 67%; } & sup { font-size: 75%; color: var(--accent); } } & p { margin-left: auto; text-align: right; font-size: clamp(0.5em, 4cqw, 1em); } }}.highlight{position:relative;border:2px solid var(--gray-D2);border-radius:var(--round);box-shadow:1px 2px 2px rgba(0,0,0,.33);& pre { padding-right: 48px; overflow-x: auto; font-size: 0.85em; background-color: var(--gray-D2) !important; } & code { filter: invert(0.67) hue-rotate(60deg) saturate(5); }}.highlight-copy-btn{position:absolute;top:2px;right:2px;border:0;padding:2px;font-size:.67em;line-height:1.4;min-width:24px;text-align:center;opacity:.67;transition:opacity var(--shorter)ease-in}.highlight-copy-btn:hover{opacity:1}.input{position:absolute;opacity:0}.tabs{display:flex;flex-wrap:wrap;flex-direction:row;height:100%;width:100%;padding-right:2px;input:focus-visible + label { outline:2px dashed var(--accent); outline-offset:-2px; mask-image:linear-gradient(to top,transparent 2px,black 33.3%); }}.label{--gap:1px;flex:1 0 calc(100%/var(--tab-count,3));position:sticky;top:0;height:var(--tab-h);width:auto;padding:4px;color:var(--gray-5A);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:center;font-weight:550;font-size:14px;cursor:pointer;user-select:none;z-index:1;background:var(--gray-B4);transition:background var(--shorter),color var(--shorter);&:hover { background-color:var(--gray-A5); } &:active { color:var(--accent); background:var(--gray-C3); } & .icon { height:1em; margin-right:0.1em; color:var(--accent); } & .text { text-decoration-color:var(--accent); text-decoration-thickness:0.16em; } &.marker .text { text-decoration:underline; text-decoration-color:var(--accent); text-decoration-thickness:0.16em; } &.marker:hover .text { } &.marker img { } &:not(:last-of-type) { }}.input:focus+.label{z-index:1}.input:checked+.label{color:var(--gray-0F);font-weight:800;background:var(--gray-D2);box-shadow:inset 2px 4px 4px rgba(0,0,0,.33)}.input:checked+.label+.panel{display:flex 1;top:0;height:calc(100% - var(--tab-h,32px));padding-top:8px;visibility:visible}input:not(input:checked)+.label{box-shadow:2px 4px 4px rgba(0,0,0,.33)}.tabs .panel ul li.active a{font-weight:700;color:var(--accent)}.panel{order:99;visibility:hidden;height:0;width:100%;padding:0 2px 0 4px;scroll-snap-type:y mandatory;background:unset;&:nth-of-type(1) ul li:nth-of-type(1) summary a picture { & img:not([src$=".svg"]) { } & img[src$=".svg"] { max-height:1.25em; margin-bottom:0.25em; } }}#docsearch{display:flex;margin-right:4px;min-width:calc(var(--widget-h-rem,1.8rem) * 1.2);justify-content:right;align-items:center;margin-left:auto}.docsearch-btn{height:calc(var(--widget-h-rem,1.8rem) * 1.2);padding:0 12px 0 6px;flex:0 1 content;overflow:hidden;font-size:.67rem;border-radius:var(--widget-h-rem);box-shadow:-1px 1px 2px rgba(0,0,0,.67)inset;background:rgba(0,0,0,.25);&:hover,&:focus { outline-offset:-1px; background-color:var(--gray-A5); .docsearch-btn-key:hover,* { opacity:1; } } &:active { box-shadow:-1px 1px 2px 1px rgba(0,0,0,0.67) inset; background-color:color-mix(in srgb,var(--accent) 50%,var(--gray-A5)); }}.docsearch-btn-icon-container{color:var(--accent);scale:85%}.docsearch-btn-placeholder{min-width:.9rem;padding:0 8px 0 0;overflow:hidden;font-size:.85rem;white-space:nowrap;text-overflow:ellipsis;mask-image:linear-gradient(to left,transparent,black 8px)}.docsearch-btn-key{opacity:.75}.docsearch-modal-container{backdrop-filter:blur(4px)}.docsearch-modal-search-container{gap:12px}.docsearch-modal-search-input-form{box-shadow:-1px 1px 2px 1px rgba(0,0,0,.67)inset}.docsearch-modal-search-input{margin-left:.6rem;outline:none;outline-offset:-2px;font-size:1.2rem}.docsearch-modal-search-input-icon{height:1.25rem;vertical-align:text-top}.docsearch-modal-search-cancel-btn{color:var(--text);box-shadow:-1px 1px 2px rgba(0,0,0,.67)inset;background:var(--gray-B4);&:active { background-color:color-mix(in srgb,var(--accent) 50%,var(--gray-A5)); }}.docsearch-modal-search-hits-item>a{color:unset;text-decoration:none;text-shadow:-1px 1px 2px rgba(0,0,0,.33)}@media(max-width:768px){.docsearch-btn{padding:0 12px 0 6px}.docsearch-btn-keys,.docsearch-btn-placeholder{display:flex}.docsearch-modal-search-cancel-btn{align-self:stretch;margin-left:initial;padding:0 8px}}#searcher{position:relative;height:var(--widget-h-rem,1.5rem);width:calc(var(--widget-h-rem) * 6);font-size:calc(var(--widget-h-rem,1.5rem)/2);padding:2px 4px;border-radius:var(--widget-h-rem);align-items:center;vertical-align:middle;box-shadow:-1px 1px 2px rgba(0,0,0,.67)inset;background:rgba(0,0,0,.25)}#i18ner{display:inline-block;position:relative;height:var(--widget-h-rem,1.5rem);width:calc(var(--widget-h-rem) * 2);align-items:center;vertical-align:middle;& button, select { height: 100%; width: 100%; padding: 2px; color: var(--text); font-size: 90%; font-weight: bold; vertical-align: top; border: none; border-radius: var(--widget-h-rem); user-select: none; box-shadow: -1px 1px 2px rgba(0, 0, 0, 0.67) inset; background: rgba(0, 0, 0, 0.25); &:hover, &:focus-visible { background-color: var(--gray-A5); } &:not([type="select"]):active { background-color: color-mix(in srgb, var(--accent) 50%, var(--gray-A5)); } & option { &:checked { font-weight: bold; } } }}#resetter{position:relative;vertical-align:middle;width:calc(var(--widget-h-rem)/3);aspect-ratio:1/1;margin-left:.25rem;padding:0;border:0;border-radius:50%;box-shadow:-1px 1px 1px rgba(0,0,0,.67)inset;cursor:pointer;background:rgba(0,0,0,.25);transition:scale var(--shorter);&:hover { scale:1.33; background-color:var(--gray-A5); } &:active { transform:translateX(0px) translateY(0px); box-shadow:-1px 1px 1px 1px rgba(0,0,0,0.67) inset; background-color:color-mix(in srgb,var(--accent) 50%,var(--gray-A5)); }}#debugger{position:fixed;bottom:1.5rem;right:1.5rem;max-height:50vh;max-width:33.3vw;padding-bottom:.25rem;overflow-x:hidden;overflow-y:auto;color:var(--accent);font:.75rem monospace;border-radius:var(--round);box-shadow:2px 2px 6px rgb(0,0,0,.75);background:rgb(from var(--text-inv) r g b/85%);z-index:9999;& div { padding-inline: 0.5rem 0.25rem; &:first-of-type { position: sticky; top: 0; display: flex; justify-content: space-between; align-items: center; width: 100%; margin-bottom: 0.5em; color: var(--text); font-weight: bold; user-select: none; box-shadow: 0 2px 4px rgb(0, 0, 0, 0.5); background-color: rgb(from var(--gray-C3) r g b / 67%); & span { padding-inline: 0.75em 0.5em; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; user-select: text; font-size: 0.67rem; opacity: 0.67; } & button { scale: 0.67; opacity: 0.9; } } } hr { height: 1px; margin: 0.25rem 0.5rem; &:first-of-type { display: none; } }}.commenter{position:relative;width:100%;padding-top:1rem;.giscus { margin: 0 auto; opacity: 0.9; } &::before { content: ''; position: absolute; bottom: -6px; right: -12px; height: 110%; width: calc(100% + 24px); border-radius: var(--round); border: 0px solid var(--text-inv); pointer-events: none; background: linear-gradient(calc(0deg - 10deg), rgb(from var(--text-inv) r g b / 33.3%) 0%, rgb(from var(--text-inv) r g b / 0%) 66.7%); }}.ribbon{position:absolute;top:0;right:0;padding-block:.25lh;padding-inline:1.25lh;line-height:1.25;text-align:center;text-shadow:1px 1px 4px var(--text);color:var(--text-inv);font-size:.67em;font-weight:700;clip-path:polygon(100% 100%,0 100%,999px calc(100% - 999px),calc(100% - 999px) calc(100% - 999px));background:linear-gradient(to right,transparent -33.3%,var(--accent) 33.3%,var(--accent) 66.6%,transparent 133.3%);pointer-events:none;user-select:none;z-index:999;transform:translate(calc((1 - cos(45deg))*100%),-100%)rotate(45deg);transform-origin:0% 100%}.lifter{display:none;position:fixed;right:clamp(14px,2%,48px);bottom:32px;width:5%;min-width:24px;max-width:28px;aspect-ratio:1/1;scale:0;padding:0;border-radius:50%;opacity:0;cursor:pointer;box-shadow:1px 2px 2px 1px rgba(0,0,0,.33);transition:all var(--short)cubic-bezier(.175,.885,.32,1.275);transition-behavior:allow-discrete;&.visible { display: block; scale: 1; opacity: 0.67 !important; } &:hover { opacity: 100%; scale: 1.2; }}.pager{display:flex;flex:1 0 auto;gap:8px;align-items:end;justify-content:space-between;container-type:inline-size;font-size:.5em;font-size:clamp(.33em,3.33cqw,.75em);overflow:hidden;& span { align-items: center; color: color-mix(in srgb, var(--text) 67%, transparent); text-shadow: -1px 1px 2px rgba(0, 0, 0, 0.33); user-select: none; & a { outline-color: rgb(from var(--accent) r g b / 67%);; outline-offset: -2px; } &:only-child { margin: 0 auto !important; justify-self: center !important; } &:first-child, &:last-child { display: flex; flex: 1; } &:last-child { justify-content: flex-end; } }}.breadcrumber{padding:0 .5rem;overflow:hidden;& ol, ul { display: flex; flex-wrap: nowrap; } & li { list-style: none; &:last-child { overflow: hidden; text-overflow: ellipsis; } &:not(:last-child)::after { display: inline-block; margin: 0 0.25rem; color: var(--accent); content: "▸"; } }}.hs,.hs1,.hs2,.hs3{display:block;height:2px;width:2px;background-color:transparent;border-bottom:1px solid #ddd}.hs1{height:4px}.hs2{height:8px}.hs3{height:16px}.heading{display:flex;flex-wrap:nowrap;gap:8px;justify-content:space-between;align-items:center;width:100%;border:1px solid rgba(0,0,0,.25);& img { display: block; height: auto; width: auto; max-height: 40px; min-width: 0; flex-grow: 0; flex-shrink: 1; &:first-child { flex-grow: 0; flex-shrink: 0; height: 100%; } } & h1 { display: block; flex-grow: 1; white-space: nowrap; }}#view-main>table:first-of-type:first-child{position:relative;margin-bottom:0;padding-top:4px;border:none;background:0 0;&::before { content:''; position:absolute; top:0; right:-12px; height:clamp(80px,210%,110px); width:calc(100% + 24px); border-radius:var(--round); border:0px solid var(--text-inv); pointer-events:none; background:linear-gradient(calc(180deg - 3.3deg),rgb(from var(--text-inv) r g b/33.3%) 0%,rgb(from var(--text-inv) r g b/0%) 66.7%); } & tr { background:none; & p { all:unset; } & th,td { vertical-align:middle; font-size:0px; line-height:0; border:none; user-select:none; filter:drop-shadow(-1px 1px 1px rgba(0,0,0,0.33)); } & th:first-child,td:first-child { width:48px; padding-right:0.1rem; cursor:default; pointer-events:none; & img { height:calc(40px * var(--heading-icon-size,1)); width:auto; } } & th:nth-child(2),td:nth-child(2) { height:20px; padding-inline:0.5rem; white-space:nowrap; overflow-x:auto; mask-image:linear-gradient(to left,transparent,black 0.5rem,black calc(100% - 0.5rem),transparent 100%); -webkit-mask-image:linear-gradient(to left,transparent,black 0.5rem,black calc(100% - 0.5rem),transparent 100%); & img { height:22px; width:auto; max-width:100%; padding:1px 0; } & >:not(:last-child),p >:not(:last-child) { margin-right:0.33rem; } &::-webkit-scrollbar { height:calc(var(--scroll)/1.5); } } }}h2+p:has(a)+table,h2+p:has(del)+table,h2+p:has(strong)+table{width:100%;table-layout:fixed;thead tr, tbody tr { display: grid; grid-template-columns: repeat(auto-fit, minmax(0, 1fr)); }}.card{box-shadow:1px 2px 2px rgba(0,0,0,.33);background:rgba(128,128,128,.1);& tr { & > th { font-size: 0px; line-height: 0; user-select: none; &:first-child { vertical-align: top; & img { height: 20px; width: auto; padding: 1px; } } &:nth-child(2) { padding-inline: 0.25rem; white-space: nowrap; vertical-align: middle; overflow-x: auto; mask-image: linear-gradient(to left, transparent, black 0.33rem, black calc(100% - 0.33rem), transparent 100%); -webkit-mask-image: linear-gradient(to left, transparent, black 0.33rem, black calc(100% - 0.33rem), transparent 100%); &::-webkit-scrollbar { height: calc(var(--scroll) / 2); } & a { outline-offset: -2px; } & img { height: 20px; width: auto; max-width: 100%; padding: 1px 0; } & >:not(:last-child) { margin-right: 0.25rem; } } } & > td { padding: 0; mask-image: linear-gradient(to bottom, transparent, black 0.25em, black calc(100% - 0.25em), transparent 100%); &:first-child { align-content: center; & a, img { filter: drop-shadow(-1px 1px 1px rgba(0, 0, 0, 0.33)); } } &:nth-child(2) div { container-type: inline-size; height: calc((var(--card-lines) + var(--card-lines) / (var(--card-lines) * var(--card-lines))) * clamp(1.25em, 4.5cqw, 1.45em)); width: 100%; padding: 0.1em 0.3em 0.35em 0.3em; vertical-align: top; overflow-y: auto; line-height: clamp(1.25em, 4.5cqw, 1.45em); text-align: justify; text-wrap: pretty; hyphens: auto; hyphenate-limit-chars: 6; } } }}.gallery-holder{text-align:center;&::details-content { overflow:visible; } &:is([open]) { & summary { & img { max-height:96px; mask-image:linear-gradient(to top,transparent 24px,black 75%); } } & table { margin-top:-48px; } } &:not([open]) { > summary::marker { animation:blink var(--longer) ease-in-out infinite; } } & > summary { & a { display:block; pointer-events:none; } & img { margin-top:-1em; max-height:192px; min-width:33.3%; max-width:50%; object-fit:scale-down; transition:max-height var(--shorter) ease-in-out; } }}.gallery{--gap:12px;display:block;position:relative;width:100%;border:none;background-color:rgb(from var(--text-inv) r g b/16.66%);z-index:999;tbody { display: grid; grid-auto-flow: column; grid-auto-columns: min-content; gap: var(--gap); padding: 12px 12px 6px 12px; justify-content: space-around; overflow-x: auto; & tr { background-color: transparent !important; & th, td { font-size: smaller; border: none; background-color: transparent; & img { object-fit: contain; max-height: min(75vh, 720px); vertical-align: top; box-shadow: -1px 1px 2px 1px rgb(0, 0, 0, 0.33); } } } } &::after { content: ""; position: absolute; inset: 0; mix-blend-mode: multiply; box-shadow: -2px 2px 4px 2px rgb(0, 0, 0, 0.33) inset; pointer-events: none; }}.forbid{pointer-events:none}.grayed,.greyed{filter:saturate(33%);opacity:.67}.blinker{animation:blink var(--medium)4}.left{float:left}.center{margin:0 auto}.right{float:right}.middle{display:flex;align-items:center}.row{display:flex;flex-direction:row}.col{display:flex;flex-direction:column}.unbar{scrollbar-width:none;-ms-overflow-style:none;&::-webkit-scrollbar { display:none; }}.toggle-label{display:inline-block;position:relative;height:var(--widget-h-rem,1.5rem);width:calc(var(--widget-h-rem) * 2);align-items:center;vertical-align:middle;& .toggle { appearance: none; height: 100%; width: 100%; vertical-align: top; border-radius: var(--widget-h-rem); box-shadow: -1px 1px 2px rgba(0, 0, 0, 0.67) inset; cursor: pointer; background: rgba(0, 0, 0, 0.25); transition: background ease var(--short); &:focus-visible { outline-offset: -1px; } &::before { content: ""; display: block; height: calc(var(--widget-h-rem) * 0.666); width: calc(var(--widget-h-rem) * 0.666); position: absolute; top: calc(var(--widget-h-rem) * 0.166); left: calc(var(--widget-h-rem) * 0.166); border-radius: 50%; box-shadow: -1px 1px 2px rgba(0, 0, 0, 0.5); background: color-mix(in srgb, var(--accent) 67%, transparent); transition: cubic-bezier(0.3, 1.5, 0.7, 1) var(--short); animation: fadeIn var(--shorter) ease-in; } }}#darker.toggle::before{}.darked .toggle{background-color:var(--gray-D2)}.darked #darker.toggle::before{outline:none;box-shadow:inset calc(var(--widget-h-rem) * .25)calc(var(--widget-h-rem) * -.1333)0 0 var(--accent),-1px 1px 2px rgba(0,0,0,.67)}.darked .toggle::before{transform:translateX(calc(var(--widget-h-rem) - .06rem));box-shadow:-1px 1px 2px black;background:var(--gray-D2)}.force-update::before{content:''}.swatch-label{display:inline-block;position:relative;height:var(--widget-h-rem);width:var(--widget-h-rem);scale:.9;align-items:center;vertical-align:middle;overflow:hidden;border-radius:50%;transition:scale var(--shorter);&:before { content:''; position:absolute; height:100%; width:100%; top:0; left:0; border-radius:50%; box-shadow:inset -1px 1px 2px rgba(0,0,0,0.67); cursor:url(/cursors/eyedropper.png) 1 15,auto; z-index:0; } &:hover { scale:1.16; } &:focus-within { box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 90%,transparent); } & input[type="color"] { position:absolute; height:200%; width:200%; top:50%; left:50%; transform:translate(-50%,-50%); overflow:hidden; border:none; border-radius:50%; outline-offset:-12px; outline-width:4px; animation:fadeIn var(--shorter) ease-in; z-index:-1; } & input[list] { appearance:none; -webkit-appearance:none; -moz-appearance:none; &::-webkit-color-swatch { display:block; width:200%; height:100%; transform:translate(50%,0%) scale(250%,100%); margin:0 auto; border:none; border-radius:50%; } }}@media(prefers-color-scheme:dark){:root{--is-dark:1}}@supports not selector(::-webkit-scrollbar){*{scrollbar-width:thin;scrollbar-color:unset var(--gray-B4)}}@container header (width < 512px){#banner {
		display: none;
	}
}@container nav (width < 192px){nav > section {
		--nav-swap: -192;
	}
	#nav-footer .copyright.long {
		display: none !important;
	}
	#nav-footer .copyright.short {
		display: inline !important;
	}
	#logo {
		display: none;
		width: 0;
	}
	#logo-alt {
		display: initial;
		width: initial;
	}
	.docsearch-btn {
		
		padding: 0 2px 0 3px;
	}
	.docsearch-btn-keys {
		display: none;
	}

	@container nav (width <= 128px) {
		.flags {
			display: none;
		}
	}	
	@-moz-document url-prefix() { 
		.tabs {
			flex-wrap: unset;
			flex-direction: column;
			height: 100%;
			gap: 1px;
		}
		.label {
			flex: unset;
			position: unset;
			top: unset;
			width: 100%;
			padding-left: 8px;
			text-align: unset;
			z-index: unset;
		}
		.input:checked + .label + .panel {
			display: flex;
			flex: 1;
			flex-direction: column;
			top: unset;
			height: unset;
			padding-top: 7px;
		}
		.panel {
			order: unset;
			flex-grow: 0;
			height: 0;
			width: unset;
			padding-top: 0;
			padding-bottom: 0;
			visibility: hidden;
		}
	}
}@container style(--nav-mode:accordion) or style(--nav-mode:auto){@container style(--nav-mode: accordion) or style(--nav-swap: -192) {
		.tabs {
			flex-wrap: unset;
			flex-direction: column;
			height: 100%;
			gap: 1px;
		}
		.label {
			flex: unset;
			position: unset;
			top: unset;
			width: 100%;
			padding-left: 8px;
			text-align: unset;
			z-index: unset;
		}
		.input:checked + .label + .panel {
			display: flex;
			flex: 1;
			flex-direction: column;
			top: unset;
			height: unset;
			padding-top: 7px; 
		}
		.panel {
			order: unset;
			 
			flex-grow: 0;
			height: 0;
			width: unset;
			padding-top: 0;
			padding-bottom: 0;
			visibility: hidden;
		}
	}
}@container view (inline-size < 512px){.responsive {
		--w-factor: 1;
	}
	@media (pointer: coarse) {
		table {font-size: 0.67em;} 
	}
}@container view (inline-size >= 512px) and (inline-size < 1024px){.responsive {
		--w-factor: 1.5;
	}
	@media (pointer: coarse) {
		table {font-size: 0.83em;}
	}
}@container view (inline-size >= 1024px){.responsive {
		--w-factor: 2;
	}
	@media (pointer: coarse) {
		table{font-size: 1em;}
	}
}@media(pointer:coarse){table{& th, td, div { scrollbar-width: none; -ms-overflow-style: none; &::-webkit-scrollbar { display: none; } }}.card td div{scrollbar-width:initial;-ms-overflow-style:initial;&::-webkit-scrollbar { display:initial; width:calc(var(--scroll)/1.5);}}.resizer::before{transform-origin:67%;transform:scale(1.5)}#linker{min-width:calc(var(--widget-h-rem) * 3.75 + var(--scroll));overflow-x:scroll}.links{--column-size:calc(var(--widget-h-rem) * 1.25);--column-size-min:calc(var(--widget-h-rem) * 1.25);--column-size-max:calc(var(--widget-h-rem) * 1.25);--column-size-var:calc(7.5cqw / var(--item-count));&:hover { --column-size:calc(var(--widget-h-rem) * 1.25)!important; --column-size-min:calc(var(--widget-h-rem) * 1.25); --column-size-max:calc(var(--widget-h-rem) * 1.25); z-index:unset!important; } &:focus-within { --column-size-min:calc(var(--widget-h-rem) * 1.25); --column-size-max:calc(var(--widget-h-rem) * 1.25); }}.link{scale:1;width:var(--widget-h-rem);&:hover { &:not(:active) { outline:none; scale:1; box-shadow:none; background-image:none; } & + .link-tip { opacity:0!important; } }}@supports selector(:has(+ *)){.link:hover+span+.link,.link:has(+span+.link:hover){scale:1}}.pager{padding-bottom:2px}}@media(hover:none){}@-moz-document url-prefix(){#view-main>table:first-of-type:first-child tr th:nth-child(2),.card tr th:nth-child(2){overflow:hidden !important}}@keyframes blink{0%{opacity:1}25%{opacity:.075}100%{opacity:1}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes flush{0%{color:unset}50%{color:var(--accent )}100%{color:unset}}