.dbc-timeline:where(.astro-xtw3wbwm){border:1px solid var(--dbc-border);border-radius:var(--dbc-radius);background:var(--dbc-surface);margin-block:1.5rem;padding:1rem}figcaption:where(.astro-xtw3wbwm){color:var(--sl-color-white);flex-wrap:wrap;justify-content:space-between;gap:.25rem 1rem;margin-bottom:.875rem;font-weight:600;display:flex}.dbc-timeline__hint:where(.astro-xtw3wbwm){font-size:var(--sl-text-xs);color:var(--sl-color-gray-4);font-weight:400}.dbc-timeline__bar:where(.astro-xtw3wbwm){gap:3px;margin:0 0 1.25rem;padding:0;list-style:none;display:flex}.dbc-timeline__bar:where(.astro-xtw3wbwm) li:where(.astro-xtw3wbwm){flex-basis:0;min-width:0;position:relative}.dbc-timeline__bar:where(.astro-xtw3wbwm) a:where(.astro-xtw3wbwm){background:color-mix(in oklch, var(--sl-color-accent) calc(100% - (var(--i) / var(--n)) * 100%), var(--dbc-cyan));color:#fff;height:3.25rem;transition:filter .15s var(--dbc-ease);border-radius:.4rem;flex-direction:column;justify-content:center;padding:0 .5rem;text-decoration:none;display:flex;overflow:hidden}.dbc-timeline__bar:where(.astro-xtw3wbwm) a:where(.astro-xtw3wbwm):hover{filter:brightness(1.12)}.dbc-timeline__label:where(.astro-xtw3wbwm){font-size:var(--sl-text-2xs);white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}.dbc-timeline__min:where(.astro-xtw3wbwm){font-family:var(--sl-font-mono);opacity:.8;font-size:.7rem}.dbc-timeline__mark:where(.astro-xtw3wbwm){font-family:var(--sl-font-mono);color:var(--sl-color-gray-4);font-size:.65rem;position:absolute;top:calc(100% + .25rem);left:0}.dbc-timeline__optional:where(.astro-xtw3wbwm){font-size:var(--sl-text-xs);color:var(--sl-color-gray-3);margin:0}.dbc-timeline__optional:where(.astro-xtw3wbwm) a:where(.astro-xtw3wbwm){color:var(--sl-color-accent-high)}@media (width<=40rem){.dbc-timeline__bar:where(.astro-xtw3wbwm){flex-direction:column;gap:4px}.dbc-timeline__bar:where(.astro-xtw3wbwm) li:where(.astro-xtw3wbwm){flex-basis:auto}.dbc-timeline__bar:where(.astro-xtw3wbwm) a:where(.astro-xtw3wbwm){flex-direction:row;justify-content:space-between;align-items:center;height:2.25rem}.dbc-timeline__mark:where(.astro-xtw3wbwm){display:none}}.msort{--msort-class:#dbeafe;--msort-class-line:#2563eb;--msort-attribute:#ccfbf1;--msort-attribute-line:#0d9488;--msort-method:#fff7ed;--msort-method-line:#ea580c;--msort-skip:#f4f4f5;--msort-skip-line:#71717a;border:1px solid var(--dbc-border);border-radius:var(--dbc-radius);background:var(--dbc-surface);margin-block:1.5rem;padding:1rem}.msort [hidden]{display:none!important}.msort__caption,.msort__label{font-size:var(--sl-text-xs);letter-spacing:.04em;text-transform:uppercase;color:var(--sl-color-gray-3);margin:0 0 .4rem;font-weight:600}.msort__prompt{font-size:var(--sl-text-base);color:var(--sl-color-gray-2);margin:0;line-height:2.1}.msort__word,.msort__chip{border:1.5px dashed var(--dbc-border-strong);color:var(--sl-color-white);font:inherit;cursor:pointer;background:0 0;border-radius:.4rem;padding:.05rem .45rem;line-height:1.5}.msort__chip{font-size:var(--sl-text-sm)}.msort__word.msort--class,.msort__word.msort--attribute,.msort__word.msort--method,.msort__word.msort--skip{color:#18181b;border-style:solid}.msort__word.msort--class{background:var(--msort-class);border-color:var(--msort-class-line)}.msort__word.msort--attribute{background:var(--msort-attribute);border-color:var(--msort-attribute-line)}.msort__word.msort--method{background:var(--msort-method);border-color:var(--msort-method-line)}.msort__word.msort--skip{background:var(--msort-skip);border-color:var(--msort-skip-line);text-decoration:line-through}.msort__word[aria-pressed=true],.msort__chip[aria-pressed=true],.msort__word:focus-visible,.msort__chip:focus-visible,.msort button:focus-visible{outline:2px solid var(--sl-color-accent);outline-offset:2px}.msort__word.msort--right:after,.msort__chip.msort--right:after{content:" ✓";color:#15803d;font-weight:700}.msort__word.msort--wrong:after,.msort__chip.msort--wrong:after{content:" ✗";color:#b91c1c;font-weight:700}.msort__chip.msort--right:after{color:var(--dbc-gain)}.msort__chip.msort--wrong:after{color:var(--dbc-cost)}.msort__pick{gap:.5rem;margin-top:1rem;display:grid}.msort__now{align-items:baseline;gap:.5rem;margin:0;display:flex}.msort__now .msort__label{margin:0}.msort__now strong{color:var(--sl-color-white)}.msort__buckets{grid-template-columns:repeat(auto-fit,minmax(8.5rem,1fr));gap:.4rem;display:grid}.msort__bucket{border:2px solid var(--line);background:var(--fill);color:#18181b;font:inherit;font-size:var(--sl-text-sm);text-align:left;cursor:pointer;border-radius:.5rem;gap:.1rem;padding:.45rem .7rem;font-weight:650;display:grid}.msort__bucket span{font-size:var(--sl-text-2xs);color:#3f3f46;font-weight:400}.msort__bucket:hover{filter:brightness(.96)}.msort__bucket.msort--class,.msort__col.msort--class{--fill:var(--msort-class);--line:var(--msort-class-line)}.msort__bucket.msort--attribute,.msort__col.msort--attribute{--fill:var(--msort-attribute);--line:var(--msort-attribute-line)}.msort__bucket.msort--method,.msort__col.msort--method{--fill:var(--msort-method);--line:var(--msort-method-line)}.msort__bucket.msort--skip,.msort__col.msort--skip{--fill:var(--msort-skip);--line:var(--msort-skip-line)}.msort__cols{grid-template-columns:repeat(auto-fit,minmax(8.5rem,1fr));gap:.5rem;margin-top:.75rem;display:grid}.msort__col{border:1px solid var(--dbc-border);border-top:3px solid var(--line);background:var(--dbc-surface-2);border-radius:.5rem;min-height:4rem;padding:.5rem}.msort__col h4{font-size:var(--sl-text-xs);color:var(--sl-color-gray-2);margin:0 0 .35rem;font-weight:650}.msort__col ul{flex-wrap:wrap;gap:.3rem;margin:0;padding:0;list-style:none;display:flex}.msort__bar{font-size:var(--sl-text-sm);color:var(--sl-color-gray-3);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;margin-top:.9rem;display:flex}.msort__actions{flex-wrap:wrap;gap:.4rem;display:flex}.msort__primary,.msort__ghost{border:1px solid var(--sl-color-accent);border-radius:var(--dbc-radius-btn);font:inherit;font-size:var(--sl-text-sm);cursor:pointer;padding:.35rem .85rem;font-weight:600}.msort__primary{background:var(--sl-color-accent);color:var(--sl-color-black)}.msort__primary:disabled{opacity:.45;cursor:not-allowed}.msort__ghost{border-color:var(--dbc-border-strong);color:var(--sl-color-gray-2);background:0 0}.msort__why{border-left:3px solid var(--sl-color-accent);background:var(--dbc-surface-2);min-height:3em;font-size:var(--sl-text-sm);color:var(--sl-color-gray-2);margin:.75rem 0 0;padding:.6rem .75rem}.msort__model{border-top:1px solid var(--dbc-border);margin-top:1rem;padding-top:.9rem}.msort__classes{grid-template-columns:repeat(auto-fit,minmax(10rem,1fr));gap:.5rem;display:grid}.msort__class{border:2px var(--dash) var(--stroke);background:var(--fill);color:#18181b;font-size:var(--sl-text-sm);border-radius:.5rem;padding:.5rem .7rem}.msort__class strong{display:block}.msort__class em{font-size:var(--sl-text-2xs);color:#52525b;font-style:normal}.msort__class ul{border-top:1px solid color-mix(in srgb, var(--stroke) 40%, transparent);font-family:var(--sl-font-mono);font-size:var(--sl-text-xs);margin:.35rem 0 0;padding:.35rem 0 0;list-style:none}.msort__class li{margin:0}.msort__extra{color:#52525b}.msort__left{font-size:var(--sl-text-sm);color:var(--sl-color-gray-3);margin:.6rem 0 0}
