@readme/markdown 15.10.0 → 15.10.1

package/components/Cards/index.tsx

@@ -49,10 +49,15 @@ export const Card = ({
 
 interface CardsGridProps extends React.PropsWithChildren<{ cardWidth?: string, columns?: number | string }> {}
 
+// max() can't take keyword widths like auto or min-content, so only wrap a length or a math expression
+const canWrapColumns = (columns: number | string, cardWidth: string) =>
+  Number(columns) > 0 && /^(\.?\d|(calc|min|max|clamp)\()/.test(cardWidth);
+
 const CardsGrid = ({ cardWidth = '200px', columns = 'auto-fit', children }: CardsGridProps) => {
+  const className = canWrapColumns(columns, cardWidth) ? 'CardsGrid CardsGrid_wrap' : 'CardsGrid';
 
   return (
-    <div className="CardsGrid" style={{ '--CardsGrid-cardWidth': cardWidth, '--CardsGrid-columns': columns } as React.CSSProperties}>
+    <div className={className} style={{ '--CardsGrid-cardWidth': cardWidth, '--CardsGrid-columns': columns } as React.CSSProperties}>
       {children}
     </div>
   );

package/components/Cards/style.scss

@@ -10,6 +10,21 @@ $iphone-plus: 414px;
   display: grid;
   gap: var(--CardsGrid-gap);
   grid-template-columns: repeat(var(--CardsGrid-columns), minmax(var(--CardsGrid-cardWidth), 1fr));
+
+  // Treat a fixed column count as a maximum: each track is at least an Nth of the row (auto-fill keeps
+  // empty tracks so short rows stay N wide), and narrow rows drop columns instead of widening the page
+  &_wrap {
+    grid-template-columns: repeat(
+      auto-fill,
+      minmax(
+        max(
+          min(var(--CardsGrid-cardWidth), 100%),
+          calc((100% - (var(--CardsGrid-columns) - 1) * var(--CardsGrid-gap)) / var(--CardsGrid-columns))
+        ),
+        1fr
+      )
+    );
+  }
 }
 
 .Card {

package/dist/main.css

@@ -1,5 +1,5 @@
 .Accordion{background:rgba(var(--color-bg-page-rgb, white), 1);border:1px solid var(--color-border-default, rgba(0, 0, 0, 0.1));border-radius:5px}.Accordion-title{align-items:center;background:rgba(var(--color-bg-page-rgb, white), 1);border:0;border-radius:5px;color:var(--color-text-default, #384248);cursor:pointer;font-size:16px;font-weight:500;padding:10px;position:relative;text-align:left;width:100%}.Accordion>.Accordion-title{display:flex}.Accordion-title:hover{background:var(--color-bg-hover, rgba(0, 0, 0, 0.05))}.Accordion[open] .Accordion-title{border-bottom-left-radius:0;border-bottom-right-radius:0}.Accordion-title::marker{content:""}.Accordion-title::-webkit-details-marker{display:none}.Accordion-toggleIcon,.Accordion-toggleIcon_opened{color:var(--color-text-minimum, #637288);font-size:14px;margin-left:5px;margin-right:10px;transition:transform .1s}.Accordion-toggleIcon_opened,.Accordion-toggleIcon_opened_opened{transform:rotate(90deg)}.Accordion-icon{color:var(--project-color-primary, inherit);margin-right:10px}.Accordion-content{color:var(--color-text-muted, #4f5a66);padding:5px 15px 0 15px}.Accordion-content>*{margin-bottom:var(--markdown-spacing, 15px)}
-.CardsGrid{--CardsGrid-gap: 1.5em;--CardsGrid-columns: auto-fit;--CardsGrid-cardWidth: auto;display:grid;gap:var(--CardsGrid-gap);grid-template-columns:repeat(var(--CardsGrid-columns), minmax(var(--CardsGrid-cardWidth), 1fr))}.Card{--Card-badge-bg-color: var(--yellow);--Card-badge-color: var(--yellow10);--Card-content-color: var(--color-text-minimum);--Card-gap: 0.25em;--Card-href-arrow-opacity: 0;--Card-href-arrow-transform: translateX(-5px);--Card-icon-color: var(--color-text-default);--Card-icon-opacity: 0.65;--Card-icon-opacity-hover: 0.75;--Card-line-height: 1.4;--Card-shadow: none;--Card-title-color: var(--color-text-default);background:var(--Card-bg-color);border:1px solid var(--Card-border-color);border-radius:var(--border-radius-lg);box-shadow:var(--Card-shadow);display:flex;flex-direction:var(--Card-layout);gap:var(--Card-gap);line-height:var(--Card-line-height);padding:var(--Card-padding);text-decoration:none}.Card_card{--Card-bg-color: rgba(var(--color-bg-page-inverse-rgb), 0);--Card-bg-color-hover: rgba(var(--color-bg-page-inverse-rgb), 0);--Card-border-color: var(--color-border-default);--Card-layout: column;--Card-padding: 1.5em}.rm-ReadMe[data-color-mode=dark] .Card_card{--Card-bg-color: rgba(var(--color-bg-page-inverse-rgb), 0.05);--Card-bg-color-hover: rgba(var(--color-bg-page-inverse-rgb), 0.1)}@media(prefers-color-scheme: dark){.rm-ReadMe[data-color-mode=system] .Card_card{--Card-bg-color: rgba(var(--color-bg-page-inverse-rgb), 0.05);--Card-bg-color-hover: rgba(var(--color-bg-page-inverse-rgb), 0.1)}}.Card_tile{--Card-gap: 1em;--Card-icon-opacity: 0.5;--Card-layout: row}.Card_tile .Card-content{--Card-gap: 0}.Card[href]:not([href=""]){color:inherit;text-decoration:none}.Card[href]:not([href=""]):hover,.Card[href]:not([href=""]):active,.Card[href]:not([href=""]):focus{--Card-icon-opacity: var(--Card-icon-opacity-hover);--Card-href-arrow-opacity: 0.75;--Card-href-arrow-transform: none;background:var(--Card-bg-color-hover)}.Card-icon{color:var(--Card-icon-color);font-size:1.4em;margin-bottom:.5em;opacity:var(--Card-icon-opacity);transition:opacity var(--transition-timing) var(--transition-fast)}.Card-title{align-items:flex-start;color:var(--Card-title-color);display:flex;gap:.5em;font-weight:var(--font-weight-bold)}.Card-badge{align-items:center;background:var(--Card-badge-bg-color);border-radius:1em;color:var(--Card-badge-color);font-size:.6em;padding:0 .5em;display:inline-flex;position:relative;top:.5em}.Card-arrow{font-size:.8em;opacity:var(--Card-href-arrow-opacity);position:relative;top:.375em;transition:opacity var(--transition-timing) var(--transition-fast),transform var(--transition-timing) var(--transition-fast);transform:var(--Card-href-arrow-transform)}.Card-content{color:var(--Card-content-color);display:flex;flex-direction:column;font-size:1em;gap:var(--Card-gap)}.Card-content p:last-child{margin-bottom:0}
+.CardsGrid{--CardsGrid-gap: 1.5em;--CardsGrid-columns: auto-fit;--CardsGrid-cardWidth: auto;display:grid;gap:var(--CardsGrid-gap);grid-template-columns:repeat(var(--CardsGrid-columns), minmax(var(--CardsGrid-cardWidth), 1fr))}.CardsGrid_wrap{grid-template-columns:repeat(auto-fill, minmax(max(min(var(--CardsGrid-cardWidth), 100%), (100% - (var(--CardsGrid-columns) - 1) * var(--CardsGrid-gap)) / var(--CardsGrid-columns)), 1fr))}.Card{--Card-badge-bg-color: var(--yellow);--Card-badge-color: var(--yellow10);--Card-content-color: var(--color-text-minimum);--Card-gap: 0.25em;--Card-href-arrow-opacity: 0;--Card-href-arrow-transform: translateX(-5px);--Card-icon-color: var(--color-text-default);--Card-icon-opacity: 0.65;--Card-icon-opacity-hover: 0.75;--Card-line-height: 1.4;--Card-shadow: none;--Card-title-color: var(--color-text-default);background:var(--Card-bg-color);border:1px solid var(--Card-border-color);border-radius:var(--border-radius-lg);box-shadow:var(--Card-shadow);display:flex;flex-direction:var(--Card-layout);gap:var(--Card-gap);line-height:var(--Card-line-height);padding:var(--Card-padding);text-decoration:none}.Card_card{--Card-bg-color: rgba(var(--color-bg-page-inverse-rgb), 0);--Card-bg-color-hover: rgba(var(--color-bg-page-inverse-rgb), 0);--Card-border-color: var(--color-border-default);--Card-layout: column;--Card-padding: 1.5em}.rm-ReadMe[data-color-mode=dark] .Card_card{--Card-bg-color: rgba(var(--color-bg-page-inverse-rgb), 0.05);--Card-bg-color-hover: rgba(var(--color-bg-page-inverse-rgb), 0.1)}@media(prefers-color-scheme: dark){.rm-ReadMe[data-color-mode=system] .Card_card{--Card-bg-color: rgba(var(--color-bg-page-inverse-rgb), 0.05);--Card-bg-color-hover: rgba(var(--color-bg-page-inverse-rgb), 0.1)}}.Card_tile{--Card-gap: 1em;--Card-icon-opacity: 0.5;--Card-layout: row}.Card_tile .Card-content{--Card-gap: 0}.Card[href]:not([href=""]){color:inherit;text-decoration:none}.Card[href]:not([href=""]):hover,.Card[href]:not([href=""]):active,.Card[href]:not([href=""]):focus{--Card-icon-opacity: var(--Card-icon-opacity-hover);--Card-href-arrow-opacity: 0.75;--Card-href-arrow-transform: none;background:var(--Card-bg-color-hover)}.Card-icon{color:var(--Card-icon-color);font-size:1.4em;margin-bottom:.5em;opacity:var(--Card-icon-opacity);transition:opacity var(--transition-timing) var(--transition-fast)}.Card-title{align-items:flex-start;color:var(--Card-title-color);display:flex;gap:.5em;font-weight:var(--font-weight-bold)}.Card-badge{align-items:center;background:var(--Card-badge-bg-color);border-radius:1em;color:var(--Card-badge-color);font-size:.6em;padding:0 .5em;display:inline-flex;position:relative;top:.5em}.Card-arrow{font-size:.8em;opacity:var(--Card-href-arrow-opacity);position:relative;top:.375em;transition:opacity var(--transition-timing) var(--transition-fast),transform var(--transition-timing) var(--transition-fast);transform:var(--Card-href-arrow-transform)}.Card-content{color:var(--Card-content-color);display:flex;flex-direction:column;font-size:1em;gap:var(--Card-gap)}.Card-content p:last-child{margin-bottom:0}
 .Columns{display:grid;gap:var(--md, 20px)}@media(max-width: 414px){.Columns{grid-template-columns:1fr !important}}
 .TabGroup-nav{border-bottom:solid var(--color-border-default, rgba(0, 0, 0, 0.1));margin-bottom:15px}.TabGroup-tab{background:none;border:0;color:var(--color-text-minimum, #637288);cursor:pointer;font-size:15px;font-weight:600;margin-right:15px;padding:0;padding-bottom:10px}.TabGroup-tab_active{background:none;border:0;border-bottom:solid var(--color-tab-active, currentcolor);color:var(--color-tab-active, currentcolor);font-size:15px;font-weight:600;margin-right:15px;margin-bottom:-2px;padding:0;padding-bottom:10px}.TabGroup-tab:hover{color:var(--color-text-muted, #4f5a66)}.TabGroup-icon{color:var(--project-color-primary, inherit);margin-right:10px}.TabGroup .TabContent{color:var(--color-text-muted, #4f5a66)}:where(.TabGroup .TabContent>*:not(:last-child)){margin-bottom:var(--markdown-spacing, 15px)}
 /* BASICS */

package/dist/main.css.map

@@ -1 +1 @@
-{"version":3,"file":"main.css","mappings":"AAAA,WACE,oDACA,iEACA,kBAEA,iBACE,mBACA,oDACA,SACA,kBACA,yCACA,eACA,eACA,gBACA,aACA,kBACA,gBACA,WAEA,4BACE,aAGF,uBACE,sDAGF,kCACE,4BACA,6BAGF,yBACE,WAGF,yCACE,aAIJ,mDAEE,yCACA,eACA,gBACA,kBACA,yBAEA,iEACE,wBAIJ,gBACE,4CACA,kBAGF,mBACE,uCACA,wBAEA,qBACE,4C;AC5DN,WACE,uBACA,8BACA,4BAEA,aACA,yBACA,gGAGF,MAGE,qCACA,oCACA,gDACA,mBACA,6BACA,8CACA,6CACA,0BACA,gCACA,wBACA,oBACA,8CAEA,gCACA,0CACA,sCACA,8BACA,aACA,kCACA,oBACA,oCACA,4BACA,qBAEA,WACE,2DACA,iEACA,iDACA,sBACA,sBCTA,4CDYE,8DACA,mECRA,mCADF,8CDQE,8DACA,oEAIJ,WACE,gBACA,yBACA,mBAEA,yBACE,cAKJ,2BACE,cACA,qBAEA,oGAGE,oDACA,gCACA,kCAEA,sCAIJ,WACE,6BACA,gBACA,mBACA,iCACA,mEAGF,YACE,uBACA,8BACA,aACA,SACA,oCAGF,YACE,mBACA,sCACA,kBACA,8BACA,eACA,eACA,oBACA,kBACA,SAGF,YACE,eACA,uCACA,kBACA,WACA,4HACE,CAEF,2CAGF,cACE,gCACA,aACA,sBACA,cACA,oBAEA,2BACE,gB;AE7HN,SACE,aACA,oBAEA,yBAJF,SAKI,sC;ACNF,cACE,oEACA,mBAGF,cACE,gBACA,SACA,yCACA,eACA,eACA,gBACA,kBACA,UACA,oBAEA,qBACE,gBACA,SACA,0DACA,4CACA,eACA,gBACA,kBACA,mBACA,UACA,oBAGF,oBACE,uCAIJ,eACE,4CACA,kBAGF,sBACE,uCAIJ,iDACE,4C;AC9CF,WAAW;;AAEX;EACE,gEAAgE;EAChE,sBAAsB;EACtB,aAAa;EACb,YAAY;EACZ,cAAc;AAChB;;AAEA,YAAY;;AAEZ;EACE,cAAc,EAAE,oCAAoC;AACtD;AACA;;EAEE,cAAc,EAAE,kCAAkC;AACpD;;AAEA;EACE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iDACA,aACA,wBACA,aACA,2BACA,OACA,gBACA,aACA,gBACA,kBACA,eACA,MACA,iBACA,YACA,gBACA,+CAEA,kBACE,uBACA,oBACA,uBACA,YACA,6BACA,UACA,kBACA,mCAGF,sBACE,6BACA,4BACA,2BACA,sBACA,yJAEA,yCAEE,6CAGF,wBACE,uBACA,0BACA,2BACA,sBACA,sBCxSN,aACE,yBACA,iBACA,WACA,wBACA,4BAEA,qCACE,+BAGF,qCACE,yBAGF,uCACE,4BACA,gDACE,uDAIJ,eAEE,mEACA,SACE,iDAIJ,SAEE,cACA,sBACA,6CACA,iBACA,mJACA,wKACA,6EAGF,6CACE,4BAWF,aACE,kBACA,kCAGF,sBACE,eACA,cACA,WACA,kCAGF,4CACE,6CAEA,mBACE,sDAEA,kBACE,qHAGF,iBAEE,sHAGF,oCAEE,iBCxFV,QACE,6FACE,8BACA,2BACA,kEACA,uCACA,8CACA,mDACA,uBAEA,kBACA,gCAEA,oBAEE,WACA,cACA,kBACA,OACA,MACA,aACA,iBAGF,wCACE,YACA,yCACA,oDACA,gBAGF,+CACE,uCACA,iCACA,gCAIF,mEAEI,oDAEF,iBAGF,6BACE,8BAMJ,mBACE,gBCiMJ,gBArPE,2DAEA,2EAII,sGAMF,cACA,wCAGF,cAEE,oBAGF,eACE,aACA,qBAGF,wBA3BoC,oDA6BlC,kBACA,0BACA,2BACA,SACA,kBACA,qCAEA,eACE,oBAIJ,gBACE,yBAGF,cACE,SACA,eACA,SACA,UACA,eACA,qBACA,kBACA,oBAGF,wBAxDoC,oDA0DlC,cA1D6E,mCA4D7E,kBACA,0CACA,iEACA,2BACA,iBACA,cACA,YACA,oCAGF,wBAtE+D,oDAwE7D,yBAGF,8BACE,SACA,eACA,oBACA,SACA,eACA,iBACA,UACA,iBACA,mCAIA,eACE,oBAIJ,wBA7FoC,mDA+FlC,yBACA,4BACA,kBACA,kCACA,cACA,qBACA,eACA,iBACA,gBACA,sBACA,sCAKF,uBACE,sCAEA,wBACE,qBACA,mBACA,YACA,cACA,mCACA,YACA,kBACA,wBACA,mBACA,8CACA,kFAEE,yBAEF,gHAIA,WAEE,yDAKF,iFAEI,6CAKN,uFAEI,sGAGF,WAEE,wFAIJ,oBAEE,iCACA,6CAGF,WACE,yBACA,4CAGF,WACE,kBACA,QACA,SACA,4CACA,qBACA,uBACA,6CAGF,mBACE,2FAEA,sBAEE,4CACA,UACA,oDAGF,sBACE,sBACA,qBACA,mDAGF,wBACE,yCACA,qBACA,oBAKN,iBACE,yBAEA,kBACE,oCAGF,UACE,0CAGF,+BACE,kBACA,QACA,MACA,oBAIF,eACE,UACA,yBAEA,wBACE,cACA,YACA,gBACA,4DAMF,oBACE,8FAGF,oBACE,WJ3IR,UA3FE,gCACA,4EACA,gBACA,sBAEA,UACE,iCACA,wCACA,iDAXa,iFAaX,mBAIJ,iDAlBU,8EAoBR,aACA,qBACA,gBACA,gBACA,wBACA,iCACA,sCACA,YACE,0BAEF,kBACE,sBACA,wBACA,gBACA,qBACA,cACA,iBACA,YACA,yBACA,aACA,cACA,aACA,gBACA,eACA,wCAEA,yCACE,oBACA,0GAKN,kBAvDU,8CA0DR,WACA,iCACA,oBACA,0IAGF,kBA/De,8CAkEb,WACA,iCACA,2GAGF,2BAEE,eAGF,kIACE,mBA9EQ,8CAgFR,gBACA,qCACA,YACE,0BAIJ,kBAtFe,8CAwFb,4CAGF,aACE,UKmJJ,YA7CE,uEACA,+CAkDA,kDACA,kBANA,+BAlPA,gCACA,6BACA,sEACA,6BAEA,2CACA,mCACA,6CACA,kBACA,gBAVwB,0BAaxB,8EAIE,qFACA,sEACA,2DXgBA,4CWbE,oCXkBA,4DADF,4CWjBE,wBAIJ,2DACE,0DACA,6CACA,wDXMA,6DWHE,6CACA,oCXOA,yDADF,6DWPE,6CACA,iDAIJ,6DAEE,4DACA,+CACA,kHXNA,+DWSE,+CACA,oCXLA,qHADF,+DWKE,+CACA,qEAIJ,4DAGE,2DACA,8CACA,uKXnBA,8DWsBE,8CACA,oCXlBA,4KADF,8DWkBE,8CACA,8CAIJ,0DAEE,yDACA,4CACA,+GX/BA,2DWkCE,4CACA,oCX9BA,kHADF,2DW8BE,4CACA,qBAIJ,mBA1EwB,6CA+ExB,aACE,yCAGF,kBAEE,+CAKF,eACE,2DAGF,aAEE,qBAGF,sDACE,2CAGF,4CACE,2BACA,iBACA,mBACA,uEAEA,aACE,uDAIJ,4BAEE,2BAEA,uCACA,iBACA,8CACA,iBACA,+BACA,kBACA,6EAEA,eACE,mEAGF,UACE,+EAEA,aACE,2DAIJ,aACE,SACA,mFAIF,iCACE,mGAEA,+BACE,qEAIJ,iBACE,WACA,YACA,kBACA,iDACA,gCAIJ,UACE,oBACA,kBACA,2CAGA,UACE,4HAIJ,UAEE,yCAGF,0BACE,iDAGF,YACE,mCAGF,wCACE,2CACA,yDAGA,kBAEA,eAOF,yBACE,4CACA,oCAIF,mBACE,6BACA,iCACA,oCACA,kBACA,QACA,qBACA,oBACA,mCACA,kCACA,qCAEO,cACP,0CACA,WAEE,0CAEF,WAEE,0CAEF,WAEE,2CAEF,WAEE,6CAEF,aAEE,4DAoBN,2CACE,kBCpQF,YACE,2BACA,mBACA,kBACA,gCACA,WACE,6CAEF,iBACE,MACA,kCAEF,oBACE,wEAEF,4BAEE,0BACA,SACA,WACA,qBACA,qBACA,uCACA,2BACA,qBACA,cACA,4BACA,oBACA,oFACA,SACE,mDAGJ,SACE,gDAIJ,uBACE,uBCrCA,YACE,mCACA,iEACA,kBACA,yBACA,2CACA,oBACA,6BACA,6CACE,0CACA,+CAEO,iBACP,gBACA,2DACA,oFACA,iBACE,mBACA,mDACA,gDAGK,gBACP,eACA,2DACA,8CAGJ,YACE,6BAGF,YACE,uBACA,yCACA,MACE,aACA,2BACA,4BAIJ,YACE,mBACA,iCACA,gCACA,4BAGF,MACE,gBACA,oEACA,gBACE,gBACA,mBACA,uBACA,4CAEF,aACE,+CACA,YACA,gCAEF,WACE,gCAIJ,cACE,gBACA,mBAcA,gDAZA,aACE,WACA,iBACA,gBACA,mBACA,uBACA,yBACA,SACA,UACA,6BACA,qCAGF,UACE,2BAIJ,SACE,cACA,mBACA,YACA,gBACA,iCACA,kBACA,mBACA,iDACA,8CAEF,8CACE,wCAEF,+BACE,+BAGF,qBACE,uBACA,eACA,iBACA,mBACA,uBClHF,+BACE,oBACA,gBACA,iBACA,kBACA,eACA,+BAGF,iDACE,2DACA,kJACA,oCAkCA,iEACA,mCACA,kCACA,4BACA,eACA,gBACA,gBACA,aACA,gBACA,kCACA,gEAnCA,4BACE,0DACA,iJACA,oCAQF,gIACE,8CAEE,0DACA,iJACA,qBAsBN,iBACE,oDAMF,SACE,OTjEJ,yBAGE,MAGF,kCACE,mCAGF,2DUCE,wCACA,kBACA,sBACA,qBACA,0CVDA,mGUuZA,UAEE,cACA,iDAGF,UACE,yCA3ZF,kBACE,mDAGF,UACE,cACA,kBACA,kBACA,+DAGF,SACE,yZAGF,oBAME,mDAGF,aACE,mDAGF,iBACE,uCAGF,oBACE,mDAEA,yBACE,uGAIJ,eAEE,+DAGF,aACE,qBACA,iDAGF,mBACE,mBACA,yCAGF,aACE,eACA,yCAGF,wBAGE,sDACA,qBACA,uBACA,SACA,uCACA,gBACA,+GA+UF,UAEE,cACA,uDAGF,UACE,yRA/UF,UAOE,+CAGF,YACE,SACA,+CAGF,gBACE,mEAGF,qBACE,UACA,uCAGF,qBACE,+CAGF,mBACE,kBACA,oBACA,iDAGF,eACE,mEAGF,cACE,iPAGF,2BAME,uCACA,qCACA,8CACA,iBACA,gFACA,gDACA,inBAEA,mDACE,+HAOJ,YACE,yCAGF,gBACE,6CACA,yCAGF,eACE,4CACA,yCAGF,eACE,8CACA,yCAGF,eACE,8CACA,iFAGF,eAEE,8CACA,yCAGF,gBACE,6CACA,yCAGF,aACE,0CACA,iFAGF,eAEE,8CACA,yCAGF,gBACE,8CACA,yCAGF,oCACE,gBACA,6CACA,+EAGF,kBAEE,aACA,yDAGF,QACE,iFAGF,eAEE,aACA,eACA,6FAGF,2BAEE,iNAGF,2BAIE,yCAGF,aACE,yMAGF,eAEE,gBACA,SACA,6DAGF,uBACE,6FAIF,uBACE,2DAGF,0BACE,6QAKF,uBAEE,mHAGF,0BACE,+NAGF,2CAKE,aACA,6cAIF,wBAWE,iFAGF,iCAEE,aACA,yLAEA,eAEE,8BACA,yDAIJ,gCACE,cACA,cACA,cACA,uGAEA,iBACE,mFAIJ,YACE,iFAGF,eACE,iFAGF,gBAEE,yCAGF,UACE,oBACA,6CAGF,cACE,+CAGF,6BACE,yCAGF,SACE,+CAGF,aACE,kBACA,gBACA,eACA,UACA,+CAGF,iBACE,cACA,6CAGF,kFACE,+EAGF,yCACE,kBACA,UACA,mEAGF,oBACE,mGAGF,cACE,+EAGF,0BACE,sBACA,6DAGF,YACE,yKAKF,eAEE,+GAKF,2CAEE,yCACA,+EAGF,2BACE,uHAGF,yBAEE,C","sources":["webpack://@readme/markdown/./components/Accordion/style.scss","webpack://@readme/markdown/./components/Cards/style.scss","webpack://@readme/markdown/./styles/mixins/when-color-mode-dark.scss","webpack://@readme/markdown/./components/Columns/style.scss","webpack://@readme/markdown/./components/Tabs/style.scss","webpack://@readme/markdown/./node_modules/codemirror/lib/codemirror.css","webpack://@readme/markdown/./node_modules/codemirror/theme/neo.css","webpack://@readme/markdown/./styles/main.scss","webpack://@readme/markdown/./components/CodeTabs/style.scss","webpack://@readme/markdown/./components/Image/style.scss","webpack://@readme/markdown/./components/Table/style.scss","webpack://@readme/markdown/./components/TableOfContents/style.scss","webpack://@readme/markdown/./components/Code/style.scss","webpack://@readme/markdown/./components/Callout/style.scss","webpack://@readme/markdown/./components/Heading/style.scss","webpack://@readme/markdown/./components/Embed/style.scss","webpack://@readme/markdown/./components/Glossary/style.scss","webpack://@readme/markdown/./styles/gfm.scss"],"sourcesContent":[".Accordion {\n  background: rgba(var(--color-bg-page-rgb, white), 1);\n  border: 1px solid var(--color-border-default, rgba(black, 0.1));\n  border-radius: 5px;\n\n  &-title {\n    align-items: center;\n    background: rgba(var(--color-bg-page-rgb, white), 1);\n    border: 0;\n    border-radius: 5px;\n    color: var(--color-text-default, #384248);\n    cursor: pointer;\n    font-size: 16px;\n    font-weight: 500;\n    padding: 10px;\n    position: relative;\n    text-align: left;\n    width: 100%;\n    \n    .Accordion > & {\n      display: flex;\n    }\n\n    &:hover {\n      background: var(--color-bg-hover, rgba(black, 0.05));\n    }\n\n    .Accordion[open] & {\n      border-bottom-left-radius: 0;\n      border-bottom-right-radius: 0;\n    }\n\n    &::marker {\n      content: \"\";\n    }\n\n    &::-webkit-details-marker {\n      display: none;\n    } \n  }\n\n  &-toggleIcon,\n  &-toggleIcon_opened {\n    color: var(--color-text-minimum, #637288);\n    font-size: 14px;\n    margin-left: 5px;\n    margin-right: 10px;\n    transition: transform 0.1s;\n\n    &_opened {\n      transform: rotate(90deg);\n    }\n  }\n\n  &-icon {\n    color: var(--project-color-primary, inherit);\n    margin-right: 10px;\n  }\n\n  &-content {\n    color: var(--color-text-muted, #4f5a66);\n    padding: 5px 15px 0 15px;\n\n    > * {\n      margin-bottom: var(--markdown-spacing, 15px);\n    }\n  }\n}\n","@import '../../styles/mixins/when-color-mode-dark.scss';\n\n$iphone-plus: 414px;\n\n.CardsGrid {\n  --CardsGrid-gap: 1.5em;\n  --CardsGrid-columns: auto-fit;\n  --CardsGrid-cardWidth: auto;\n\n  display: grid;\n  gap: var(--CardsGrid-gap);\n  grid-template-columns: repeat(var(--CardsGrid-columns), minmax(var(--CardsGrid-cardWidth), 1fr));\n}\n\n.Card {\n  $card: &;\n\n  --Card-badge-bg-color: var(--yellow);\n  --Card-badge-color: var(--yellow10);\n  --Card-content-color: var(--color-text-minimum);\n  --Card-gap: 0.25em;\n  --Card-href-arrow-opacity: 0;\n  --Card-href-arrow-transform: translateX(-5px);\n  --Card-icon-color: var(--color-text-default);\n  --Card-icon-opacity: 0.65;\n  --Card-icon-opacity-hover: 0.75;\n  --Card-line-height: 1.4;\n  --Card-shadow: none;\n  --Card-title-color: var(--color-text-default);\n\n  background: var(--Card-bg-color);\n  border: 1px solid var(--Card-border-color);\n  border-radius: var(--border-radius-lg);\n  box-shadow: var(--Card-shadow);\n  display: flex;\n  flex-direction: var(--Card-layout);\n  gap: var(--Card-gap);\n  line-height: var(--Card-line-height);\n  padding: var(--Card-padding);\n  text-decoration: none;\n\n  &_card {\n    --Card-bg-color: rgba(var(--color-bg-page-inverse-rgb), 0);\n    --Card-bg-color-hover: rgba(var(--color-bg-page-inverse-rgb), 0);\n    --Card-border-color: var(--color-border-default);\n    --Card-layout: column;\n    --Card-padding: 1.5em;\n\n    @include when-color-mode-dark('.rm-ReadMe') {\n      --Card-bg-color: rgba(var(--color-bg-page-inverse-rgb), 0.05);\n      --Card-bg-color-hover: rgba(var(--color-bg-page-inverse-rgb), 0.1);\n    }\n  }\n\n  &_tile {\n    --Card-gap: 1em;\n    --Card-icon-opacity: 0.5;\n    --Card-layout: row;\n\n    #{$card}-content {\n      --Card-gap: 0;\n    }\n  }\n\n  // needs specificity to override the default link styles; while preserving logic for empty hrefs\n  &[href]:not([href='']) {\n    color: inherit;\n    text-decoration: none;\n\n    &:hover,\n    &:active,\n    &:focus {\n      --Card-icon-opacity: var(--Card-icon-opacity-hover);\n      --Card-href-arrow-opacity: 0.75;\n      --Card-href-arrow-transform: none;\n\n      background: var(--Card-bg-color-hover);\n    }\n  }\n\n  &-icon {\n    color: var(--Card-icon-color);\n    font-size: 1.4em;\n    margin-bottom: 0.5em;\n    opacity: var(--Card-icon-opacity);\n    transition: opacity var(--transition-timing) var(--transition-fast);\n  }\n\n  &-title {\n    align-items: flex-start;\n    color: var(--Card-title-color);\n    display: flex;\n    gap: 0.5em;\n    font-weight: var(--font-weight-bold);\n  }\n\n  &-badge {\n    align-items: center;\n    background: var(--Card-badge-bg-color);\n    border-radius: 1em;\n    color: var(--Card-badge-color);\n    font-size: 0.6em;\n    padding: 0 0.5em;\n    display: inline-flex;\n    position: relative;\n    top: 0.5em;\n  }\n\n  &-arrow {\n    font-size: 0.8em;\n    opacity: var(--Card-href-arrow-opacity);\n    position: relative;\n    top: 0.375em;\n    transition:\n      opacity var(--transition-timing) var(--transition-fast),\n      transform var(--transition-timing) var(--transition-fast);\n    transform: var(--Card-href-arrow-transform);\n  }\n\n  &-content {\n    color: var(--Card-content-color);\n    display: flex;\n    flex-direction: column;\n    font-size: 1em;\n    gap: var(--Card-gap);\n\n    p:last-child {\n      margin-bottom: 0;\n    }\n  }\n}\n","/**\n * Dark styles keyed off `$root`'s own `data-color-mode`, not any ancestor.\n * Unlike `dark-mode` (which matches ANY ancestor carrying the attribute —\n * see the warning on that mixin), this only fires when `$root` itself\n * declares the dark/system mode. None of this package's components carry\n * `data-color-mode` on their own root, so callers must pass the selector\n * for whichever wrapper actually carries it in their consuming app — there\n * is no default.\n *\n * IMPORTANT: this package ships one precompiled `dist/main.css` — there is\n * no build step where a consumer can supply their own value for `$root`.\n * Whatever gets passed at each `@include` call site below is permanent for\n * every installer of this package. Call sites currently hardcode\n * `'.rm-ReadMe'`, readme's hub color-mode wrapper, because readme is this\n * package's only real consumer today. If that ever changes, this becomes\n * silently wrong (not an error — dark mode just never activates) for any\n * consumer without that exact class in their DOM, and `$root` should be\n * dropped in favor of each component resolving its own nearest\n * `[data-color-mode]` ancestor at mount via `Element.closest()` and\n * stamping it onto its own root, so the CSS can self-anchor with no\n * hardcoded selector at all.\n *\n * $global: wrap the root-anchor selector in :global(), for use when this\n * file is imported into a CSS-module context (mirrors `dark-mode`'s param).\n */\n@mixin when-color-mode-dark($root, $global: false) {\n  @if $global {\n    :global(#{$root}[data-color-mode='dark']) & {\n      @content;\n    }\n\n    :global(#{$root}[data-color-mode='system']) & {\n      @media (prefers-color-scheme: dark) {\n        @content;\n      }\n    }\n  } @else {\n    #{$root}[data-color-mode='dark'] & {\n      @content;\n    }\n\n    #{$root}[data-color-mode='system'] & {\n      @media (prefers-color-scheme: dark) {\n        @content;\n      }\n    }\n  }\n}\n","$iphone-plus: 414px;\n\n.Columns {\n  display: grid;\n  gap: var(--md, 20px);\n\n  @media (max-width: $iphone-plus) {\n    grid-template-columns: 1fr !important;\n  }\n}\n",".TabGroup {\n  &-nav {\n    border-bottom: solid var(--color-border-default, #{rgba(black, 0.1)});\n    margin-bottom: 15px;\n  }\n\n  &-tab {\n    background: none;\n    border: 0;\n    color: var(--color-text-minimum, #637288);\n    cursor: pointer;\n    font-size: 15px;\n    font-weight: 600;\n    margin-right: 15px;\n    padding: 0;\n    padding-bottom: 10px;\n\n    &_active {\n      background: none;\n      border: 0;\n      border-bottom: solid var(--color-tab-active, currentcolor);\n      color: var(--color-tab-active, currentcolor);\n      font-size: 15px;\n      font-weight: 600;\n      margin-right: 15px;\n      margin-bottom: -2px;\n      padding: 0;\n      padding-bottom: 10px;\n    }\n\n    &:hover {\n      color: var(--color-text-muted, #4f5a66);\n    }\n  }\n\n  &-icon {\n    color: var(--project-color-primary, inherit);\n    margin-right: 10px;\n  }\n\n  .TabContent {\n    color: var(--color-text-muted, #4f5a66);\n  }\n}\n\n:where(.TabGroup .TabContent > *:not(:last-child)) {\n  margin-bottom: var(--markdown-spacing, 15px);\n}\n","/* BASICS */\n\n.CodeMirror {\n  /* Set height, width, borders, and global font properties here */\n  font-family: monospace;\n  height: 300px;\n  color: black;\n  direction: ltr;\n}\n\n/* PADDING */\n\n.CodeMirror-lines {\n  padding: 4px 0; /* Vertical padding around content */\n}\n.CodeMirror pre.CodeMirror-line,\n.CodeMirror pre.CodeMirror-line-like {\n  padding: 0 4px; /* Horizontal padding of content */\n}\n\n.CodeMirror-scrollbar-filler, .CodeMirror-gutter-filler {\n  background-color: white; /* The little square between H and V scrollbars */\n}\n\n/* GUTTER */\n\n.CodeMirror-gutters {\n  border-right: 1px solid #ddd;\n  background-color: #f7f7f7;\n  white-space: nowrap;\n}\n.CodeMirror-linenumbers {}\n.CodeMirror-linenumber {\n  padding: 0 3px 0 5px;\n  min-width: 20px;\n  text-align: right;\n  color: #999;\n  white-space: nowrap;\n}\n\n.CodeMirror-guttermarker { color: black; }\n.CodeMirror-guttermarker-subtle { color: #999; }\n\n/* CURSOR */\n\n.CodeMirror-cursor {\n  border-left: 1px solid black;\n  border-right: none;\n  width: 0;\n}\n/* Shown when moving in bi-directional text */\n.CodeMirror div.CodeMirror-secondarycursor {\n  border-left: 1px solid silver;\n}\n.cm-fat-cursor .CodeMirror-cursor {\n  width: auto;\n  border: 0 !important;\n  background: #7e7;\n}\n.cm-fat-cursor div.CodeMirror-cursors {\n  z-index: 1;\n}\n.cm-fat-cursor .CodeMirror-line::selection,\n.cm-fat-cursor .CodeMirror-line > span::selection, \n.cm-fat-cursor .CodeMirror-line > span > span::selection { background: transparent; }\n.cm-fat-cursor .CodeMirror-line::-moz-selection,\n.cm-fat-cursor .CodeMirror-line > span::-moz-selection,\n.cm-fat-cursor .CodeMirror-line > span > span::-moz-selection { background: transparent; }\n.cm-fat-cursor { caret-color: transparent; }\n@-moz-keyframes blink {\n  0% {}\n  50% { background-color: transparent; }\n  100% {}\n}\n@-webkit-keyframes blink {\n  0% {}\n  50% { background-color: transparent; }\n  100% {}\n}\n@keyframes blink {\n  0% {}\n  50% { background-color: transparent; }\n  100% {}\n}\n\n/* Can style cursor different in overwrite (non-insert) mode */\n.CodeMirror-overwrite .CodeMirror-cursor {}\n\n.cm-tab { display: inline-block; text-decoration: inherit; }\n\n.CodeMirror-rulers {\n  position: absolute;\n  left: 0; right: 0; top: -50px; bottom: 0;\n  overflow: hidden;\n}\n.CodeMirror-ruler {\n  border-left: 1px solid #ccc;\n  top: 0; bottom: 0;\n  position: absolute;\n}\n\n/* DEFAULT THEME */\n\n.cm-s-default .cm-header {color: blue;}\n.cm-s-default .cm-quote {color: #090;}\n.cm-negative {color: #d44;}\n.cm-positive {color: #292;}\n.cm-header, .cm-strong {font-weight: bold;}\n.cm-em {font-style: italic;}\n.cm-link {text-decoration: underline;}\n.cm-strikethrough {text-decoration: line-through;}\n\n.cm-s-default .cm-keyword {color: #708;}\n.cm-s-default .cm-atom {color: #219;}\n.cm-s-default .cm-number {color: #164;}\n.cm-s-default .cm-def {color: #00f;}\n.cm-s-default .cm-variable,\n.cm-s-default .cm-punctuation,\n.cm-s-default .cm-property,\n.cm-s-default .cm-operator {}\n.cm-s-default .cm-variable-2 {color: #05a;}\n.cm-s-default .cm-variable-3, .cm-s-default .cm-type {color: #085;}\n.cm-s-default .cm-comment {color: #a50;}\n.cm-s-default .cm-string {color: #a11;}\n.cm-s-default .cm-string-2 {color: #f50;}\n.cm-s-default .cm-meta {color: #555;}\n.cm-s-default .cm-qualifier {color: #555;}\n.cm-s-default .cm-builtin {color: #30a;}\n.cm-s-default .cm-bracket {color: #997;}\n.cm-s-default .cm-tag {color: #170;}\n.cm-s-default .cm-attribute {color: #00c;}\n.cm-s-default .cm-hr {color: #999;}\n.cm-s-default .cm-link {color: #00c;}\n\n.cm-s-default .cm-error {color: #f00;}\n.cm-invalidchar {color: #f00;}\n\n.CodeMirror-composing { border-bottom: 2px solid; }\n\n/* Default styles for common addons */\n\ndiv.CodeMirror span.CodeMirror-matchingbracket {color: #0b0;}\ndiv.CodeMirror span.CodeMirror-nonmatchingbracket {color: #a22;}\n.CodeMirror-matchingtag { background: rgba(255, 150, 0, .3); }\n.CodeMirror-activeline-background {background: #e8f2ff;}\n\n/* STOP */\n\n/* The rest of this file contains styles related to the mechanics of\n   the editor. You probably shouldn't touch them. */\n\n.CodeMirror {\n  position: relative;\n  overflow: hidden;\n  background: white;\n}\n\n.CodeMirror-scroll {\n  overflow: scroll !important; /* Things will break if this is overridden */\n  /* 50px is the magic margin used to hide the element's real scrollbars */\n  /* See overflow: hidden in .CodeMirror */\n  margin-bottom: -50px; margin-right: -50px;\n  padding-bottom: 50px;\n  height: 100%;\n  outline: none; /* Prevent dragging from highlighting the element */\n  position: relative;\n  z-index: 0;\n}\n.CodeMirror-sizer {\n  position: relative;\n  border-right: 50px solid transparent;\n}\n\n/* The fake, visible scrollbars. Used to force redraw during scrolling\n   before actual scrolling happens, thus preventing shaking and\n   flickering artifacts. */\n.CodeMirror-vscrollbar, .CodeMirror-hscrollbar, .CodeMirror-scrollbar-filler, .CodeMirror-gutter-filler {\n  position: absolute;\n  z-index: 6;\n  display: none;\n  outline: none;\n}\n.CodeMirror-vscrollbar {\n  right: 0; top: 0;\n  overflow-x: hidden;\n  overflow-y: scroll;\n}\n.CodeMirror-hscrollbar {\n  bottom: 0; left: 0;\n  overflow-y: hidden;\n  overflow-x: scroll;\n}\n.CodeMirror-scrollbar-filler {\n  right: 0; bottom: 0;\n}\n.CodeMirror-gutter-filler {\n  left: 0; bottom: 0;\n}\n\n.CodeMirror-gutters {\n  position: absolute; left: 0; top: 0;\n  min-height: 100%;\n  z-index: 3;\n}\n.CodeMirror-gutter {\n  white-space: normal;\n  height: 100%;\n  display: inline-block;\n  vertical-align: top;\n  margin-bottom: -50px;\n}\n.CodeMirror-gutter-wrapper {\n  position: absolute;\n  z-index: 4;\n  background: none !important;\n  border: none !important;\n}\n.CodeMirror-gutter-background {\n  position: absolute;\n  top: 0; bottom: 0;\n  z-index: 4;\n}\n.CodeMirror-gutter-elt {\n  position: absolute;\n  cursor: default;\n  z-index: 4;\n}\n.CodeMirror-gutter-wrapper ::selection { background-color: transparent }\n.CodeMirror-gutter-wrapper ::-moz-selection { background-color: transparent }\n\n.CodeMirror-lines {\n  cursor: text;\n  min-height: 1px; /* prevents collapsing before first draw */\n}\n.CodeMirror pre.CodeMirror-line,\n.CodeMirror pre.CodeMirror-line-like {\n  /* Reset some styles that the rest of the page might have set */\n  -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0;\n  border-width: 0;\n  background: transparent;\n  font-family: inherit;\n  font-size: inherit;\n  margin: 0;\n  white-space: pre;\n  word-wrap: normal;\n  line-height: inherit;\n  color: inherit;\n  z-index: 2;\n  position: relative;\n  overflow: visible;\n  -webkit-tap-highlight-color: transparent;\n  -webkit-font-variant-ligatures: contextual;\n  font-variant-ligatures: contextual;\n}\n.CodeMirror-wrap pre.CodeMirror-line,\n.CodeMirror-wrap pre.CodeMirror-line-like {\n  word-wrap: break-word;\n  white-space: pre-wrap;\n  word-break: normal;\n}\n\n.CodeMirror-linebackground {\n  position: absolute;\n  left: 0; right: 0; top: 0; bottom: 0;\n  z-index: 0;\n}\n\n.CodeMirror-linewidget {\n  position: relative;\n  z-index: 2;\n  padding: 0.1px; /* Force widget margins to stay inside of the container */\n}\n\n.CodeMirror-widget {}\n\n.CodeMirror-rtl pre { direction: rtl; }\n\n.CodeMirror-code {\n  outline: none;\n}\n\n/* Force content-box sizing for the elements where we expect it */\n.CodeMirror-scroll,\n.CodeMirror-sizer,\n.CodeMirror-gutter,\n.CodeMirror-gutters,\n.CodeMirror-linenumber {\n  -moz-box-sizing: content-box;\n  box-sizing: content-box;\n}\n\n.CodeMirror-measure {\n  position: absolute;\n  width: 100%;\n  height: 0;\n  overflow: hidden;\n  visibility: hidden;\n}\n\n.CodeMirror-cursor {\n  position: absolute;\n  pointer-events: none;\n}\n.CodeMirror-measure pre { position: static; }\n\ndiv.CodeMirror-cursors {\n  visibility: hidden;\n  position: relative;\n  z-index: 3;\n}\ndiv.CodeMirror-dragcursors {\n  visibility: visible;\n}\n\n.CodeMirror-focused div.CodeMirror-cursors {\n  visibility: visible;\n}\n\n.CodeMirror-selected { background: #d9d9d9; }\n.CodeMirror-focused .CodeMirror-selected { background: #d7d4f0; }\n.CodeMirror-crosshair { cursor: crosshair; }\n.CodeMirror-line::selection, .CodeMirror-line > span::selection, .CodeMirror-line > span > span::selection { background: #d7d4f0; }\n.CodeMirror-line::-moz-selection, .CodeMirror-line > span::-moz-selection, .CodeMirror-line > span > span::-moz-selection { background: #d7d4f0; }\n\n.cm-searching {\n  background-color: #ffa;\n  background-color: rgba(255, 255, 0, .4);\n}\n\n/* Used to force a border model for a node */\n.cm-force-border { padding-right: .1px; }\n\n@media print {\n  /* Hide the cursor when printing */\n  .CodeMirror div.CodeMirror-cursors {\n    visibility: hidden;\n  }\n}\n\n/* See issue #2901 */\n.cm-tab-wrap-hack:after { content: ''; }\n\n/* Help users use markselection to safely style text background */\nspan.CodeMirror-selectedtext { background: none; }\n","/* neo theme for codemirror */\n\n/* Color scheme */\n\n.cm-s-neo.CodeMirror {\n  background-color:#ffffff;\n  color:#2e383c;\n  line-height:1.4375;\n}\n.cm-s-neo .cm-comment { color:#75787b; }\n.cm-s-neo .cm-keyword, .cm-s-neo .cm-property { color:#1d75b3; }\n.cm-s-neo .cm-atom,.cm-s-neo .cm-number { color:#75438a; }\n.cm-s-neo .cm-node,.cm-s-neo .cm-tag { color:#9c3328; }\n.cm-s-neo .cm-string { color:#b35e14; }\n.cm-s-neo .cm-variable,.cm-s-neo .cm-qualifier { color:#047d65; }\n\n\n/* Editor styling */\n\n.cm-s-neo pre {\n  padding:0;\n}\n\n.cm-s-neo .CodeMirror-gutters {\n  border:none;\n  border-right:10px solid transparent;\n  background-color:transparent;\n}\n\n.cm-s-neo .CodeMirror-linenumber {\n  padding:0;\n  color:#e0e2e5;\n}\n\n.cm-s-neo .CodeMirror-guttermarker { color: #1d75b3; }\n.cm-s-neo .CodeMirror-guttermarker-subtle { color: #e0e2e5; }\n\n.cm-s-neo .CodeMirror-cursor {\n  width: auto;\n  border: 0;\n  background: rgba(155,157,162,0.37);\n  z-index: 1;\n}\n","@import './gfm';\n@import './components';\n\n:root {\n  // --markdown-radius: 3px;\n  // --markdown-edge: #eee;\n  --markdown-title: inherit;\n}\n\nbody {\n  -webkit-font-smoothing: antialiased;\n}\n\n.field-description,\n.markdown-body {\n  @include gfm;\n\n  font-size: var(--markdown-font-size, 14px);\n}\n","@import '~codemirror/lib/codemirror.css';\n@import '~codemirror/theme/neo.css';\n\n@mixin CodeTabs {\n  $bgc-pre: #f6f8fa;\n  $bgc-pre-dark: #242e34;\n  $bgc-bar: darken(desaturate($bgc-pre, 17.46), 4.31);\n  $bgc-bar-dark: lighten(desaturate($bgc-pre-dark, 17.46), 4.31);\n  $radius: var(--md-code-radius, var(--markdown-radius, 3px));\n\n  color: #333;\n  color: var(--md-code-text, #333);\n  border-radius: $radius !important;\n  overflow: hidden;\n\n  &.theme-dark {\n    color: white;\n    color: var(--md-code-text, white);\n    .CodeTabs-toolbar {\n      background: $bgc-bar-dark;\n      background: var(--md-code-tabs, $bgc-bar-dark);\n    }\n  }\n\n  &-toolbar {\n    background: $bgc-bar;\n    background: var(--md-code-tabs, $bgc-bar);\n    display: flex;\n    flex-flow: row nowrap;\n    overflow: hidden;\n    overflow-x: auto;\n    -ms-overflow-style: none;\n    -webkit-overflow-scrolling: touch;\n    &::-webkit-scrollbar {\n      display: none;\n    }\n    button {\n      white-space: nowrap;\n      transition: 0.123s ease;\n      -webkit-appearance: none;\n      appearance: none;\n      display: inline-block;\n      line-height: 2;\n      padding: 0.5em 1em;\n      border: none;\n      background: transparent;\n      outline: none;\n      color: inherit;\n      font: inherit;\n      font-size: 0.75em;\n      cursor: pointer;\n\n      &:focus-visible {\n        outline: 3px solid var(--color-focus-ring);\n        outline-offset: -3px;\n      }\n    }\n  }\n\n  &.CodeTabs_initial &-toolbar button:first-child,\n  &-toolbar button.CodeTabs_active {\n    background: $bgc-pre;\n    background: var(--md-code-background, $bgc-pre);\n    color: black;\n    color: var(--md-code-text, black);\n    pointer-events: none;\n  }\n\n  &.theme-dark.CodeTabs_initial &-toolbar button:first-child,\n  &.theme-dark .CodeTabs-toolbar button.CodeTabs_active {\n    background: $bgc-pre-dark;\n    background: var(--md-code-background, $bgc-pre-dark);\n    color: white;\n    color: var(--md-code-text, white);\n  }\n\n  &-toolbar button:not(.CodeTabs_active):hover,\n  &-toolbar button:not(.CodeTabs_active):focus {\n    background: rgba(0, 0, 0, 0.075);\n  }\n\n  pre {\n    border-radius: 0 0 $radius $radius !important;\n    background: $bgc-pre;\n    background: var(--md-code-background, $bgc-pre);\n    margin-bottom: 0;\n    &:not(.CodeTabs_active) {\n      display: none;\n    }\n  }\n\n  &.theme-dark pre {\n    background: $bgc-pre-dark;\n    background: var(--md-code-background, $bgc-pre-dark);\n  }\n\n  &.CodeTabs_initial pre:first-child {\n    display: block;\n  }\n}\n\n.CodeTabs {\n  @include CodeTabs;\n}\n","/* stylelint-disable selector-max-compound-selectors */\n/* stylelint-disable no-descending-specificity */\n/* stylelint-disable font-family-no-missing-generic-family-keyword */\n@import '../../styles/mixins/when-color-mode-dark.scss';\n%img-align {\n  &-right {\n    float: right;\n    margin-left: 0.75rem;\n  }\n\n  &-left {\n    float: left;\n    margin-right: 0.75rem;\n  }\n\n  // margin auto on img.img-align-center (specificity 0,2,1) beats the gfm\n  // `.markdown-body .img { margin: x 0 }` rule (0,2,0) that zeros side margins.\n  &-center {\n    display: block;\n    margin-left: auto;\n    margin-right: auto;\n  }\n}\n\n.markdown-body {\n  img {\n    border-style: none;\n    box-sizing: content-box;\n    display: inline-block;\n    margin-left: auto;\n    margin-right: auto;\n    max-width: 100%;\n    outline: none !important;\n    vertical-align: middle;\n\n    &.img-align-right,\n    &[align='right'],\n    &[alt~='align-right'] {\n      @extend %img-align-right;\n    }\n\n    &.img-align-left,\n    &[align='left'],\n    &[alt~='align-left'] {\n      @extend %img-align-left;\n    }\n    &.img-align-center,\n    &[align='middle'], // hack to fix Firefox; see: https://stackoverflow.com/a/45901819/1341949\n    &[align='center'],\n    &[alt~='align-center'] {\n      @extend %img-align-center;\n    }\n\n    // Suppresses the float for left/right-aligned images while keeping the\n    // image hugging the same edge. Wins via order (declared last) and matching\n    // single-class specificity against the float-setting rules above.\n    &.img-no-wrap {\n      clear: both;\n      float: none;\n      display: block;\n      margin-left: 0;\n      margin-right: 0;\n    }\n\n    &.img-align-right.img-no-wrap {\n      margin-left: auto;\n    }\n\n    &[width='smart'] {\n      max-height: 450px;\n      max-width: 100%;\n      width: auto;\n    }\n\n    &.border {\n      border: 1px solid rgba(0, 0, 0, 0.2);\n    }\n  }\n\n  figure {\n    margin: 15px auto;\n\n    figcaption {\n      font-size: 0.93em;\n      font-style: italic;\n      margin-top: 8px;\n      text-align: center;\n    }\n\n    // Left/right captioned figures clamp to image size and float for inline flow.\n    &.img-figure-left,\n    &.img-figure-right {\n      width: fit-content;\n      max-width: 100%;\n    }\n\n    &.img-figure-left {\n      clear: left;\n      float: left;\n      margin-right: 0.75rem;\n    }\n\n    &.img-figure-right {\n      clear: right;\n      float: right;\n      margin-left: 0.75rem;\n    }\n\n    // wrap=false on a non-center captioned figure: fill the row instead of floating.\n    &.img-figure-left.img-no-wrap,\n    &.img-figure-right.img-no-wrap {\n      clear: both;\n      float: none;\n      width: auto;\n      margin-left: auto;\n      margin-right: auto;\n    }\n\n    // Percentage widths set on the figure wrapper (left/right floating only).\n    &.img-figure-left[style*='width'],\n    &.img-figure-right[style*='width'] {\n      .img,\n      .lightbox-inner {\n        display: block;\n        width: 100%;\n      }\n\n      img {\n        height: auto !important;\n        width: 100% !important;\n      }\n    }\n\n    // Zero intrinsic width so a long caption doesn't widen the float past the\n    // image; min-width:100% re-fills the caption to the resolved figure width.\n    &.img-figure-left > figcaption,\n    &.img-figure-right > figcaption {\n      width: 0;\n      min-width: 100%;\n    }\n  }\n\n  .img-frame {\n    background: rgba(var(--color-bg-page-inverse-rgb), 0.05);\n    border-radius: var(--border-radius-lg);\n    display: block;\n    padding: var(--size-12);\n    max-width: 100%;\n\n    @include when-color-mode-dark('.rm-ReadMe', $global: true) {\n      background: rgba(var(--color-bg-page-inverse-rgb), 0.1);\n    }\n\n    // Reset the ~20px vertical .img margin from gfm.scss so the frame's own\n    // padding controls spacing; otherwise the wrapper and <img> each stack\n    // their own margin on top of the padding.\n    .img {\n      display: inline-block;\n      margin: 0;\n    }\n\n    img {\n      border-radius: var(--border-radius-lg);\n      margin: 0;\n    }\n\n    // Percentage widths set on the frame wrapper (left/right wrapping frames only).\n    &[style*='width'] {\n      .img,\n      .lightbox-inner {\n        display: block;\n        width: 100%;\n      }\n\n      img {\n        height: auto !important;\n        width: 100% !important;\n      }\n    }\n\n    // Left/right wrapping frames clamp to image size and float for inline flow.\n    // Center frames (and non-wrapping left/right) span the full parent width.\n    &-left,\n    &-right {\n      width: fit-content;\n      max-width: 100%;\n    }\n\n    &-left {\n      clear: left;\n      float: left;\n      margin-right: 0.75rem;\n    }\n\n    &-right {\n      clear: right;\n      float: right;\n      margin-left: 0.75rem;\n    }\n\n    &-center {\n      clear: both;\n      text-align: center;\n    }\n\n    // wrap=false on a non-center frame: fill the row instead of floating\n    &-left.img-no-wrap,\n    &-right.img-no-wrap {\n      clear: both;\n      float: none;\n      width: auto;\n      margin-left: 0;\n      margin-right: 0;\n    }\n\n    &-right.img-no-wrap {\n      text-align: right;\n    }\n\n    figcaption {\n      font-size: 0.93em;\n      font-style: italic;\n      margin-top: 8px;\n      text-align: center;\n    }\n  }\n\n  > .img,\n  > img,\n  figure > img {\n    display: block;\n    @extend %img-align-center;\n  }\n\n  figure .img {\n    display: block;\n  }\n\n  .lightbox-close {\n    background: none;\n    border: 0;\n    color: var(--color-text-default);\n    cursor: pointer;\n    display: inline-block;\n    font-size: inherit;\n    opacity: 0.5;\n    padding: 0;\n    position: fixed;\n    right: 1em;\n    text-rendering: auto;\n    top: 1em;\n    transform: scale(1.5);\n    transition: 0.3s 0.3s ease-in;\n    z-index: 10000000;\n  }\n\n  .lightbox.open {\n    align-items: center;\n    background: rgba(var(--color-bg-page-rgb), 0.966);\n    display: flex;\n    flex-flow: nowrap column;\n    height: 100vh;\n    justify-content: flex-start;\n    left: 0;\n    margin-bottom: 0;\n    margin-top: 0;\n    overflow: hidden;\n    overflow-y: scroll;\n    position: fixed;\n    top: 0;\n    user-select: none;\n    width: 100vw;\n    z-index: 9999999;\n\n    .lightbox-inner {\n      align-items: center;\n      box-sizing: content-box;\n      display: inline-flex;\n      justify-content: center;\n      margin: auto;\n      min-height: calc(100vh + 8px);\n      padding: 0;\n      position: relative;\n    }\n\n    img {\n      height: auto !important;\n      max-height: 97.5vh !important;\n      max-width: 97.5vw !important;\n      min-width: unset !important;\n      width: auto !important;\n\n      &.border,\n      &:not([src$='.png']):not([src$='.svg']):not([src$='.jp2']):not([src$='.tiff']) {\n        box-shadow: 0 0.5em 3em -1em rgba(0, 0, 0, 0.2);\n      }\n\n      &[src$='svg'] {\n        display: block !important;\n        height: 66vw !important;\n        max-width: 100% !important;\n        min-width: 200px !important;\n        width: 42vw !important;\n      }\n    }\n  }\n}\n","@mixin markdown-table(\n  $row: #fff,\n  $head: #f6f8fa,\n  $stripe: #fbfcfd,\n  $edges: #dfe2e5,\n) {\n  table {\n    display: table;\n    border-collapse: collapse;\n    border-spacing: 0;\n    width: 100%;\n    color: var(--table-text);\n\n    thead {\n      color: var(--table-head-text, inherit);\n    }\n\n    thead tr {\n      background: var(--table-head, #{$head});\n    }\n\n    tr {\n      background-color: var(--table-row, #{$row});\n      & + tr {\n        border-top: 1px solid var(--table-edges, #{$edges});\n      }\n    }\n\n    th,\n    thead td {\n      font-weight: 600;\n      &:empty {\n        padding: 0;\n      }\n    }\n\n    td,\n    th {\n      padding: 0;\n      color: inherit;\n      vertical-align: middle;\n      border: 1px solid var(--table-edges, #{$edges});\n      padding: 6px 13px;\n      > :first-child, > :only-child { margin-top:    0 !important }\n      > :last-child, > :only-child  { margin-bottom: 0 !important }\n    }\n\n    &:not(.plain) tr:nth-child(2n) {\n      background-color: var(--table-stripe, #{$stripe});\n    }\n  }\n}\n\n.markdown-body {\n  @include markdown-table;\n\n  .rdmd-table {\n    $border-wrap-width: 1px;\n\n    & {\n      display: block;\n      position: relative;\n    }\n\n    &-inner {\n      box-sizing: content-box;\n      min-width: 100%;\n      overflow: auto;\n      width: 100%;\n    }\n\n    table {\n      border: 1px solid var(--table-edges, #dfe2e5);\n\n      &:only-child {\n        margin: 0 !important;\n\n        thead th {\n          background: inherit;\n        }\n\n        td:last-child,\n        th:last-child {\n          border-right: none;\n        }\n\n        thead tr,\n        thead th:last-child {\n          box-shadow: 3px 0 0 var(--table-head);\n        }\n      }\n    }\n  }\n}\n","@layer markdown {\n  .rm-ToC {\n    --ToC-border-active-color: var(--color-tab-active, rgba(var(--color-bg-page-inverse-rgb), 1));\n    --ToC-border-active-height: 0;\n    --ToC-border-active-top: 0;\n    --ToC-border-color: rgba(var(--color-bg-page-inverse-rgb), 0.075);\n    --ToC-color: var(--color-text-minimum);\n    --ToC-color-active: var(--color-text-default);\n    --ToC-color-hover: var(--color-text-minimum-hover);\n\n    color: var(--ToC-color);\n    position: relative;\n\n    &::before,\n    &::after {\n      border-radius: 0.154em; // 2px\n      content: '';\n      display: block;\n      position: absolute;\n      left: 0;\n      top: 0;\n      width: 0.154em; // 2px\n    }\n\n    &::before {\n      background-color: var(--ToC-border-color);\n      height: 100%;\n      transition: height var(--transition-slow);\n      transition-timing-function: var(--transition-timing);\n    }\n\n    &::after {\n      background-color: var(--ToC-border-active-color);\n      height: var(--ToC-border-active-height);\n      top: var(--ToC-border-active-top);\n    }\n\n    // to avoid animating on page page\n    &[data-toc-ready]::after {\n      transition:\n        height var(--transition-slow),\n        top var(--transition-slow);\n      transition-timing-function: var(--transition-timing);\n    }\n\n    .active {\n      color: var(--ToC-color-active);\n    }\n  }\n}\n\n.toc-list {\n  .glossary-tooltip {\n    pointer-events: none;\n  }\n}\n","@mixin gfmCodeBaseStyles($background: #f6f8fa, $background-dark: #242e34, $text: inherit) {\n  --font-size: 90%;\n\n  code,\n  kbd,\n  pre {\n    font-family:\n      SFMono-Regular,\n      Consolas,\n      Liberation Mono,\n      Menlo,\n      Courier,\n      monospace;\n    font-family: var(--md-code-font, SFMono-Regular, Consolas, Liberation Mono, Menlo, Courier, monospace);\n    font-size: 1em;\n  }\n\n  code,\n  pre {\n    font-size: 12px;\n  }\n\n  pre {\n    margin-bottom: 0;\n    margin-top: 0;\n  }\n\n  code {\n    background-color: $background;\n    background-color: var(--md-code-background, $background);\n    border-radius: 3px;\n    color: var(--md-code-text);\n    font-size: var(--font-size);\n    margin: 0;\n    padding: 0.2em 0.4em;\n\n    > div[class*='cm-'] {\n      display: inherit;\n    }\n  }\n\n  pre {\n    word-wrap: normal;\n  }\n\n  pre > code {\n    background: 0 0;\n    border: 0;\n    font-size: 100%;\n    margin: 0;\n    padding: 0;\n    text-wrap: wrap;\n    white-space: pre-wrap;\n    word-break: normal;\n  }\n\n  pre {\n    background-color: $background;\n    background-color: var(--md-code-background, $background);\n    color: $text;\n    color: var(--md-code-text, $text);\n    border-radius: 3px;\n    border-radius: var(--markdown-radius, 3px);\n    border-radius: var(--md-code-radius, var(--markdown-radius, 3px));\n    font-size: var(--font-size);\n    line-height: 1.45;\n    overflow: auto;\n    padding: 1em;\n  }\n\n  pre code.theme-dark {\n    background-color: $background-dark;\n    background-color: var(--md-code-background, $background-dark);\n  }\n\n  pre code {\n    background-color: transparent;\n    border: 0;\n    display: inline;\n    line-height: inherit;\n    margin: 0;\n    max-width: auto;\n    overflow: visible;\n    padding: 0;\n    word-wrap: normal;\n  }\n\n  pre.mermaid {\n    &_single {\n      background: none;\n    }\n  }\n\n  kbd {\n    background-color: $background;\n    background-color: var(--d-code-background, $background);\n    border: 1px solid #d1d5da;\n    border-bottom-color: #c6cbd1;\n    border-radius: 3px;\n    box-shadow: inset 0 -1px 0 #c6cbd1;\n    color: #444d56;\n    display: inline-block;\n    font-size: 11px;\n    line-height: 10px;\n    padding: 3px 5px;\n    vertical-align: middle;\n  }\n}\n\n@mixin copyCodeButton {\n  button.rdmd-code-copy {\n    display: none !important; // hide by default\n\n    & {\n      -webkit-appearance: unset;\n      margin: 0.5em 0.6em 0 0;\n      padding: 0.25em 0.7em;\n      cursor: copy;\n      color: inherit;\n      color: var(--md-code-text, inherit);\n      border: none;\n      border-radius: 3px;\n      outline: none !important;\n      background: inherit;\n      background: var(--md-code-background, inherit);\n      box-shadow:\n        inset 0 0 0 1px rgba(#aaa, 0.66),\n        -1px 2px 6px -3px rgba(black, 0.1);\n      transition: 0.15s ease-out;\n    }\n\n    &:not(:hover) {\n      &:before,\n      &:after {\n        opacity: 0.66;\n      }\n    }\n\n    &:hover {\n      &:not(:active) {\n        box-shadow:\n          inset 0 0 0 1px rgba(#8b8b8b, 0.75),\n          -1px 2px 6px -3px rgba(black, 0.2);\n      }\n    }\n\n    &:active {\n      box-shadow:\n        inset 0 0 0 1px rgba(#8b8b8b, 0.5),\n        inset 1px 4px 6px -2px rgba(0, 0, 0, 0.175);\n\n      &:before,\n      &:after {\n        opacity: 0.75;\n      }\n    }\n\n    &:before,\n    &:after {\n      display: inline-block;\n      font-family: 'Font Awesome 6 Pro';\n    }\n\n    &:before {\n      content: '\\f24d';\n      transition: 0.3s 0.15s ease;\n    }\n\n    &:after {\n      content: '\\f00c';\n      position: absolute;\n      top: 50%;\n      left: 50%;\n      transform: translate(-50%, -50%) scale(0.33);\n      opacity: 0 !important;\n      transition: 0.3s 0s ease;\n    }\n\n    &_copied {\n      pointer-events: none;\n\n      &,\n      * {\n        color: green !important;\n        color: var(--md-code-text, green) !important;\n        opacity: 1;\n      }\n\n      &:before {\n        transition: 0.3s 0s ease;\n        transform: scale(0.33);\n        opacity: 0 !important;\n      }\n\n      &:after {\n        transition: 0.3s 0.15s ease;\n        transform: translate(-50%, -50%) scale(1);\n        opacity: 1 !important;\n      }\n    }\n  }\n\n  pre {\n    position: relative;\n\n    > code {\n      background: inherit;\n    }\n\n    > code.theme-dark {\n      color: white;\n    }\n\n    button.rdmd-code-copy {\n      display: inline-block !important;\n      position: absolute;\n      right: 0;\n      top: 0;\n    }\n\n    // manage overflow scrolling\n    & {\n      overflow: hidden;\n      padding: 0;\n\n      > code {\n        display: block !important;\n        overflow: auto;\n        padding: 1em;\n        max-height: 90vh;\n      }\n    }\n\n    // manage copied state style\n    & {\n      &:hover button.rdmd-code-copy:not(:hover) {\n        transition-delay: 0.4s;\n      }\n\n      &:not(:hover) button.rdmd-code-copy:not(.rdmd-code-copy_copied):not(:focus) {\n        opacity: 0 !important;\n      }\n    }\n  }\n}\n\n.markdown-body {\n  // --md-code-background: #F6F8FA;\n  @include gfmCodeBaseStyles;\n  @include copyCodeButton;\n}\n","@import '../../styles/mixins/when-color-mode-dark.scss';\n\n@mixin callout($l-offset: 1.25rem) {\n  --Callout-bg: var(--background);\n  --Callout-border: var(--border);\n  --Callout-border-radius: 2px;\n  --Callout-title: var(--title, var(--color-text-default, var(--text)));\n\n  background: var(--Callout-bg);\n  border-radius: var(--Callout-border-radius);\n  border-color: var(--Callout-border);\n  color: var(--text, var(--color-text-default));\n  display: flow-root;\n  padding: $l-offset;\n\n  &_default {\n    // Set the prefixed --Callout-* variables directly (matching the convention used by\n    // info/warn/okay/error themes) so the legacy unscoped --background / --border / --title\n    // don't leak into descendants and override nested callouts' own theme variables.\n    --Callout-bg: var(--background, #{lighten(#dfe2e5, 8.75%)});\n    --Callout-border: var(--border, #{lighten(#6a737d, 12.5%)});\n    --Callout-title: var(--title, var(--text, var(--color-text-default)));\n\n    @include when-color-mode-dark('.rm-ReadMe') {\n      --Callout-bg: rgba(var(--gray100-rgb), 0.05);\n    }\n  }\n\n  &_info {\n    --Callout-bg: var(--background, rgba(var(--blue-rgb), 0.1));\n    --Callout-border: var(--border, rgba(var(--blue-rgb), 1));\n    --Callout-title: var(--title, var(--blue20));\n\n    @include when-color-mode-dark('.rm-ReadMe') {\n      --Callout-bg: var(--background, rgba(var(--blue-rgb), 0.075));\n      --Callout-title: var(--title, var(--blue90));\n    }\n  }\n\n  &_warn,\n  &_warning {\n    --Callout-bg: var(--background, rgba(var(--yellow-rgb), 0.1));\n    --Callout-border: var(--border, rgba(var(--yellow-rgb), 1));\n    --Callout-title: var(--title, var(--yellow10));\n\n    @include when-color-mode-dark('.rm-ReadMe') {\n      --Callout-bg: var(--background, rgba(var(--yellow-rgb), 0.075));\n      --Callout-title: var(--title, var(--yellow70));\n    }\n  }\n\n  &_ok,\n  &_okay,\n  &_success {\n    --Callout-bg: var(--background, rgba(var(--green-rgb), 0.1));\n    --Callout-border: var(--border, rgba(var(--green-rgb), 1));\n    --Callout-title: var(--title, var(--green10));\n\n    @include when-color-mode-dark('.rm-ReadMe') {\n      --Callout-bg: var(--background, rgba(var(--green-rgb), 0.075));\n      --Callout-title: var(--title, var(--green80));\n    }\n  }\n\n  &_err,\n  &_error {\n    --Callout-bg: var(--background, rgba(var(--red-rgb), 0.1));\n    --Callout-border: var(--border, rgba(var(--red-rgb), 1));\n    --Callout-title: var(--title, var(--red20));\n\n    @include when-color-mode-dark('.rm-ReadMe') {\n      --Callout-bg: var(--background, rgba(var(--red-rgb), 0.05));\n      --Callout-title: var(--title, var(--red90));\n    }\n  }\n\n  > * {\n    margin-left: $l-offset;\n  }\n\n  // No floated icon to clear, so the content doesn't need the reserved gutter.\n  &:not(:has(.callout-icon)) > * {\n    margin-left: 0;\n  }\n\n  ul,\n  ol {\n    padding-left: 1.3em;\n  }\n\n  // A column (grid item) holds its last child's margin inside, which would stack on\n  // the gap below Columns; not every column has one (e.g. bare text), so drop it instead.\n  > .Columns > .Column > :last-child {\n    margin-bottom: 0;\n  }\n\n  h3 a,\n  .callout-heading a {\n    color: inherit;\n  }\n\n  hr {\n    border-color: var(--border, var(--markdown-edge, #eee));\n  }\n\n  blockquote:not(.callout) {\n    color: var(--color-text-default, var(--text));\n    border-color: var(--border);\n    border-width: 3px;\n    padding: 0 0 0 0.8em;\n\n    &:is(h3 *, .callout-heading *) {\n      color: inherit;\n    }\n  }\n\n  h3, // for compatibility with old callouts\n  .callout-heading {\n    --markdown-title-weight: 500;\n\n    color: var(--Callout-title);\n    font-family: var(--markdown-title-font); // match h3\n    font-size: 1.25em; // match h3\n    font-weight: var(--markdown-title-weight, 500);\n    line-height: 1.25; // match h3\n    margin-bottom: calc(#{$l-offset} * 0.5);\n    position: relative;\n\n    &:only-child {\n      margin-bottom: 0;\n    }\n\n    &.empty {\n      float: left;\n\n      &:is(p) {\n        margin-left: 0;\n      }\n    }\n\n    > * {\n      color: inherit;\n      margin: 0;\n    }\n\n    // legacy icon behavior (changes in superhub)\n    .callout-icon {\n      margin-left: calc(-#{$l-offset} - 0.5em);\n\n      &::before {\n        transform: translate(-50%, -50%);\n      }\n    }\n\n    &:before {\n      position: absolute;\n      right: 100%;\n      width: 2.4em;\n      text-align: center;\n      font: normal normal normal 1em/1 var(--icon-font);\n    }\n  }\n\n  .callout-icon {\n    float: left;\n    margin-left: -0.5rem;\n    position: relative;\n\n    // float doesn’t work when there’s nothing else\n    &:only-child {\n      float: none;\n    }\n  }\n\n  > .callout-icon + :is(ul, ol) > li:first-child,\n  > .callout-heading.empty + :is(ul, ol) > li:first-child {\n    clear: none;\n  }\n\n  .callout-icon + .heading {\n    color: var(--Callout-title);\n  }\n\n  .callout-icon + .heading.heading {\n    margin-top: 0;\n  }\n\n  > .callout-icon_fa {\n    --fa-primary-color: var(--Callout-title);\n    --fa-secondary-color: var(--Callout-title);\n\n    // Non-duotone icons ignore the vars above; `!important` beats `calloutCustomIcons`\n    color: var(--icon-color, var(--Callout-title)) !important;\n\n    margin-top: 0.25rem;\n  }\n}\n\n@mixin calloutCustomIcons($R: callout) {\n  --emoji: 1em;\n  --icon-font: var(--fa-style-family, 'Font Awesome 6 Pro', FontAwesome);\n  &-icon {\n    font-size: var(--emoji, 0);\n    color: var(--icon-color, inherit) !important;\n  }\n  // Emoji icons render as <span>; Font Awesome icons render as <i> and manage their\n  // own ::before/::after pseudo-elements. Only apply the legacy icon-font ::before to spans.\n  span#{&}-icon::before {\n    content: var(--icon);\n    font-family: var(--icon-font);\n    font-size: var(--icon-size, 1rem);\n    font-weight: var(--icon-weight, 400);\n    position: absolute;\n    top: 50%;\n    display: inline-block;\n    text-rendering: auto;\n    -webkit-font-smoothing: antialiased;\n    -moz-osx-font-smoothing: grayscale;\n  }\n  @at-root .rdmdCallouts--useIconFont & {\n    --emoji: unset;\n    &_okay {\n      /* thumbs up */\n      --icon: '\\f164';\n    }\n    &_info {\n      /* info circle */\n      --icon: '\\f05a';\n    }\n    &_warn {\n      /* warning triangle */\n      --icon: '\\f071';\n    }\n    &_error {\n      /* warning circle */\n      --icon: '\\f06a';\n    }\n    &_default {\n      /* warning circle */\n      --emoji: 1rem;\n    }\n  }\n}\n\n.callout {\n  &.callout {\n    // bump specificity\n    @include callout;\n  }\n  @include calloutCustomIcons;\n  border-top-right-radius: var(--markdown-radius);\n  border-bottom-right-radius: var(--markdown-radius);\n}\n\n// Zero specificity (like TabContent) so it only spaces blocks without their own\n// margin, e.g. the table wrapper that relies on the top-level `> *` rule.\n// Code blocks are skipped: gfm's `pre` margin already leaves 15px inside their box,\n// so spacing them again would double the gap. NOTE: if that margin is ever removed,\n// drop `.CodeTabs` here so code blocks keep their spacing.\n:where(.callout > :not(.callout-icon, .CodeTabs, :last-child)) {\n  margin-bottom: var(--markdown-spacing, 15px);\n}\n",".heading.heading {\n  display: flex;\n  justify-content: flex-start;\n  align-items: center;\n  position: relative;\n  .heading-text {\n    flex: 1 100%;\n  }\n  .heading-anchor-deprecated {\n    position: absolute;\n    top: 0;\n  }\n  .heading-anchor {\n    top: -1rem !important;\n  }\n  .heading-anchor,\n  .heading-anchor-icon {\n    position: absolute !important;\n    display: inline !important;\n    order: -1;\n    right: 100%;\n    top: unset !important;\n    margin-right: -0.8rem;\n    padding: 0.8rem 0.2rem 0.8rem 0 !important;\n    font-size: 0.8rem !important;\n    text-decoration: none;\n    color: inherit;\n    transform: translateX(-100%);\n    transition: 0.2s ease;\n    &:hover {\n      opacity: 1;\n    }\n  }\n  &:not(:hover) .heading-anchor-icon {\n    opacity: 0;\n  }\n}\n\n.callout .heading.heading .heading-anchor-icon {\n  display: none !important;\n}\n\n",".markdown-body .embed {\n  $B: '.embed';\n  & {\n    padding: 15px;\n    color: var(--md-code-text, inherit);\n    border-radius: var(--md-code-radius, var(--markdown-radius, 3px));\n    border-radius: 3px;\n    background: transparent;\n    box-shadow: inset 0 0 0 1px rgba(black, .15);\n    transition: .3s ease;\n    &:hover {\n      background: var(--md-code-background, #f6f8fa);\n      box-shadow: inset 0 0 0 1px rgba(black, .1);\n    }\n    @at-root .markdown-body > #{$B}_hasImg:nth-of-type(odd) {\n      margin-right: 30px;\n      padding-right: 0;\n      #{$B}-link { flex-direction: row-reverse }\n      #{$B}-img {\n        margin-left: .88em;\n        margin-right: -30px;\n        box-shadow: -.3em .3em .9em -.3em rgba(black, .15);\n      }\n    }\n    @at-root .markdown-body > #{$B}_hasImg:nth-of-type(even) {\n      margin-left: 30px;\n      padding-left: 0;\n      #{$B}-img { margin-left: -30px }\n    }\n  }\n  &:empty {\n    display: none;\n  }\n\n  &-media {\n    display: flex;\n    justify-content: center;\n    >:only-child {\n      flex: 1;\n      margin: -15px;\n      border-radius: 0 !important;\n    }\n  }\n\n  &-link {\n    display: flex;\n    align-items: center;\n    color: var(--markdown-text, #333);\n    text-decoration: none !important;\n  }\n\n  &-body {\n    flex: 1;\n    line-height: 1.3;\n    &, #{$B}-title {\n      font-size: 1.15em;\n      overflow: hidden;\n      white-space: nowrap;\n      text-overflow: ellipsis;\n    }\n    #{$B}-provider {\n      display: block;\n      text-decoration-color: transparent !important;\n      opacity: .88;\n    }\n    &-url {\n      opacity: .75;\n    }\n  }\n\n  &-provider {\n    font-size: 0.8em;\n    line-height: 1.6;\n\n    code:only-child {\n      display: block;\n      width: 100%;\n      font-size: 1.15em;\n      overflow: hidden;\n      white-space: nowrap;\n      text-overflow: ellipsis;\n      background: transparent;\n      margin: 0;\n      padding: 0;\n      font-size: inherit !important;\n    }\n    transition: .2 ease;\n    code {\n      opacity: 0.8;\n    }\n   }\n\n  &-img {\n    width: 5em;\n    max-width: 5em;\n    margin: 0 .88em 0 0;\n    padding: 4px;\n    background: white;\n    border: 1px solid rgba(black, .15);\n    border-radius: 3px;\n    transition: inherit;\n    box-shadow: .3em .3em .9em -.3em rgba(black, .15);\n  }\n  &:not(:hover) #{$B}-img {\n    box-shadow: 0 .25em 1em -.5em rgba(black, .133);\n  }\n  &:hover #{$B}-img {\n    border: 1px solid rgba(black, .2);\n  }\n\n  &-favicon {\n    width: 12px !important;\n    height: 12px !important;\n    margin-top: 4px;\n    margin-right: 6px;\n    margin-bottom: 12px;\n  }\n}",".GlossaryItem {\n  &-trigger {\n    border-bottom: 1px solid #737c83;\n    border-style: dotted;\n    border-top: none;\n    border-left: none;\n    border-right: none;\n    cursor: pointer;\n  }\n\n  &-tooltip-content {\n    --Glossary-bg: var(--color-bg-page, var(--white));\n    --Glossary-color: var(--color-text-default, var(--gray20));\n    --Glossary-shadow: var(\n      --box-shadow-menu-light,\n      0 5px 10px rgba(0, 0, 0, 0.05),\n      0 2px 6px rgba(0, 0, 0, 0.025),\n      0 1px 3px rgba(0, 0, 0, 0.025)\n    );\n\n    /* Anchored to '.rm-ReadMe' itself, not any ancestor — see the warning on\n       the `dark-mode` mixin in styles/mixins/dark-mode.scss. */\n    .rm-ReadMe[data-color-mode='dark'] & {\n      --Glossary-bg: var(--gray15);\n      --Glossary-color: var(--color-text-default, var(--white));\n      --Glossary-shadow: var(\n        --box-shadow-menu-dark,\n        0 1px 3px rgba(0, 0, 0, 0.025),\n        0 2px 6px rgba(0, 0, 0, 0.025),\n        0 5px 10px rgba(0, 0, 0, 0.05)\n      );\n    }\n\n    @media (prefers-color-scheme: dark) {\n      .rm-ReadMe[data-color-mode='auto'] &,\n      .rm-ReadMe[data-color-mode='system'] & {\n        --Glossary-bg: var(--Tooltip-bg, var(--gray0));\n        --Glossary-color: var(--color-text-default, var(--white));\n        --Glossary-shadow: var(\n          --box-shadow-menu-dark,\n          0 1px 3px rgba(0, 0, 0, 0.025),\n          0 2px 6px rgba(0, 0, 0, 0.025),\n          0 5px 10px rgba(0, 0, 0, 0.05)\n        );\n      }\n    }\n\n    background-color: var(--Glossary-bg);\n    border: 1px solid #{var(--color-border-default, rgba(black, 0.1))};\n    border-radius: var(--border-radius);\n    box-shadow: var(--Glossary-shadow);\n    color: var(--Glossary-color);\n    font-size: 15px;\n    font-weight: 400;\n    line-height: 1.5;\n    padding: 15px;\n    text-align: left;\n    max-width: min(350px, calc(100vw - 20px));\n  }\n\n  &-term {\n    font-style: italic;\n  }\n}\n\n.tippy-box {\n  // needed for tippy's default animation\n  &[data-animation='fade'][data-state='hidden'] {\n    opacity: 0;\n  }\n}\n","/* stylelint-disable no-duplicate-selectors */\n/* stylelint-disable no-descending-specificity */\n/* stylelint-disable declaration-block-no-duplicate-properties */\n/* stylelint-disable custom-property-pattern */\n/* stylelint-disable scss/selector-no-redundant-nesting-selector */\n@mixin gfm {\n  @include markdown-defaults;\n  @include markdown-overrides;\n}\n\n@mixin markdown-defaults {\n  @include clearfix;\n\n  color: var(--markdown-text);\n  font-family: var(--markdown-font);\n  line-height: var(--markdown-line-height);\n  position: relative;\n  text-size-adjust: 100%;\n  word-wrap: break-word;\n\n  ul {\n    list-style: initial;\n  }\n\n  .anchor {\n    float: left;\n    line-height: 1;\n    margin-left: -20px;\n    padding-right: 4px;\n  }\n\n  .anchor:focus {\n    outline: 0;\n  }\n\n  h1:hover .anchor,\n  h2:hover .anchor,\n  h3:hover .anchor,\n  h4:hover .anchor,\n  h5:hover .anchor,\n  h6:hover .anchor {\n    text-decoration: none;\n  }\n\n  details {\n    display: block;\n  }\n\n  summary {\n    display: list-item;\n  }\n\n  a {\n    transition: 0.15s ease;\n\n    &:hover {\n      text-decoration: underline;\n    }\n  }\n\n  a:active,\n  a:hover {\n    outline-width: 0;\n  }\n\n  a:not([href]) {\n    color: inherit;\n    text-decoration: none;\n  }\n\n  strong {\n    font-weight: inherit;\n    font-weight: bolder;\n  }\n\n  h1 {\n    font-size: 2em;\n    margin: 0.67em 0;\n  }\n\n  hr {\n    @include clearfix;\n\n    background: transparent;\n    border-bottom: 1px solid var(--markdown-edge, #dfe2e5);\n    border-width: 0 0 1px;\n    box-sizing: content-box;\n    height: 0;\n    margin: var(--markdown-spacing, 15px) 0;\n    overflow: hidden;\n  }\n\n  // Direct-child only, top-level headings/hr act as section breaks that\n  // clear preceding floats (e.g. `<Image align=\"left|right\">`). Nested\n  // headings (inside Callout, Cards, etc.) keep wrapping behavior so the\n  // component's own layout (e.g. callout icon float) isn't disrupted.\n  > h1,\n  > h2,\n  > h3,\n  > h4,\n  > h5,\n  > h6,\n  > hr {\n    clear: both;\n  }\n\n  input {\n    font: inherit;\n    margin: 0;\n  }\n\n  input {\n    overflow: visible;\n  }\n\n  [type='checkbox'] {\n    box-sizing: border-box;\n    padding: 0;\n  }\n\n  * {\n    box-sizing: border-box;\n  }\n\n  input {\n    font-family: inherit;\n    font-size: inherit;\n    line-height: inherit;\n  }\n\n  strong {\n    font-weight: 600;\n  }\n\n  details summary {\n    cursor: pointer;\n  }\n\n  h1,\n  h2,\n  h3,\n  h4,\n  h5,\n  h6 {\n    color: var(--markdown-title);\n    font-family: var(--markdown-title-font);\n    font-size: var(--markdown-title-size);\n    font-weight: var(--markdown-title-weight, 600);\n    line-height: 1.25;\n    margin-bottom: var(--markdown-title-marginBottom, var(--markdown-spacing, 15px));\n    margin-top: var(--markdown-title-marginTop, 1em);\n\n    &:has(+ h1, + h2, + h3, + h4, + h5, + h6, + p) {\n      margin-bottom: calc(var(--markdown-spacing, 15px) / 2);\n    }\n  }\n\n  // Tighten the gap when a heading immediately follows another heading\n  // (e.g. h1 + h2 as title/subtitle). Lets the preceding heading's margin-bottom\n  // define the gap instead of the following heading's larger margin-top.\n  :is(h1, h2, h3, h4, h5, h6) + :is(h1, h2, h3, h4, h5, h6) {\n    margin-top: 0;\n  }\n\n  h1 {\n    font-size: 1.75em;\n    font-size: var(--markdown-title-size, 1.75em);\n  }\n\n  h2 {\n    font-size: 1.5em;\n    font-size: var(--markdown-title-size, 1.5em);\n  }\n\n  h1 {\n    font-weight: 700;\n    font-weight: var(--markdown-title-weight, 700);\n  }\n\n  h2 {\n    font-weight: 600;\n    font-weight: var(--markdown-title-weight, 600);\n  }\n\n  h3,\n  h4 {\n    font-weight: 600;\n    font-weight: var(--markdown-title-weight, 600);\n  }\n\n  h3 {\n    font-size: 1.25em;\n    font-size: var(--markdown-title-size, 1.25em);\n  }\n\n  h4 {\n    font-size: 1em;\n    font-size: var(--markdown-title-size, 1em);\n  }\n\n  h5,\n  h6 {\n    font-weight: 600;\n    font-weight: var(--markdown-title-weight, 600);\n  }\n\n  h5 {\n    font-size: 0.875em;\n    font-size: var(--markdown-title-size, 0.875em);\n  }\n\n  h6 {\n    color: var(--markdown-title, #6a737d);\n    font-size: 0.85em;\n    font-size: var(--markdown-title-size, 0.85em);\n  }\n\n  p,\n  .p {\n    margin-bottom: 10px;\n    margin-top: 0;\n  }\n\n  blockquote {\n    margin: 0;\n  }\n\n  ol,\n  ul {\n    margin-bottom: 0;\n    margin-top: 0;\n    padding-left: 0;\n  }\n\n  ol ol,\n  ul ol {\n    list-style-type: lower-alpha;\n  }\n\n  ol ol ol,\n  ol ul ol,\n  ul ol ol,\n  ul ul ol {\n    list-style-type: lower-roman;\n  }\n\n  dd {\n    margin-left: 0;\n  }\n\n  input::-webkit-inner-spin-button,\n  input::-webkit-outer-spin-button {\n    appearance: none;\n    appearance: none;\n    margin: 0;\n  }\n\n  & > :first-child {\n    margin-top: 0 !important;\n  }\n\n  // for mdx pages, select the first markdown element after the style tags\n  & > :nth-child(1 of :not(style)) {\n    margin-top: 0 !important;\n  }\n\n  & > :last-child {\n    margin-bottom: 0 !important;\n  }\n\n  // When a TailwindRoot-wrapped custom block sits at the document edge, its\n  // inner margins would collapse through the zeroed wrapper — trim them too.\n  & > .readme-tailwind:first-child > :first-child,\n  & > .readme-tailwind:nth-child(1 of :not(style)) > :first-child {\n    margin-top: 0 !important;\n  }\n\n  & > .readme-tailwind:last-child > :last-child {\n    margin-bottom: 0 !important;\n  }\n\n  blockquote,\n  dl,\n  p,\n  pre,\n  table {\n    margin-bottom: var(--markdown-spacing, 15px);\n    margin-top: 0;\n  }\n\n  // no margins where we’ll likely have inline images or they might break layout\n  h1,\n  h2,\n  h3,\n  h4,\n  h5,\n  h6,\n  figcaption,\n  ol,\n  ul,\n  p,\n  table {\n    --markdown-img-margin: 0;\n  }\n\n  ol,\n  ul {\n    margin-bottom: round(1.3333em, 1px); // 20px at 15px base (condensed)\n    margin-top: 0;\n\n    ol,\n    ul {\n      margin-bottom: 0;\n      margin-top: round(0.5333em, 1px); // 8px at 15px base (condensed)\n    }\n  }\n\n  blockquote {\n    border-left: 0.225em solid #dfe2e5;\n    color: #6a737d;\n    display: block;\n    padding: 0 1em;\n\n    &:has(img, figure, .Image) {\n      display: flow-root;\n    }\n  }\n\n  blockquote > :first-child {\n    margin-top: 0;\n  }\n\n  blockquote > :last-child {\n    margin-bottom: 0;\n  }\n\n  ol,\n  ul {\n    padding-left: 2em;\n  }\n\n  li {\n    clear: both;\n    word-wrap: break-all;\n  }\n\n  li > p {\n    margin-top: 1em;\n  }\n\n  li + li {\n    margin-top: round(0.5333em, 1px); // 8px at 15px base (condensed)\n  }\n\n  dl {\n    padding: 0;\n  }\n\n  dl dt {\n    font-size: 1em;\n    font-style: italic;\n    font-weight: 600;\n    margin-top: 1em;\n    padding: 0;\n  }\n\n  dl dd {\n    margin-bottom: 1em;\n    padding: 0 1em;\n  }\n\n  .img {\n    margin: round(calc(var(--markdown-img-margin, var(--markdown-spacing, 15px)) * 1.33), 1px) 0;\n  }\n\n  :checked + .radio-label {\n    border-color: var(--project-color-primary);\n    position: relative;\n    z-index: 1;\n  }\n\n  .task-list-item {\n    list-style-type: none;\n  }\n\n  .task-list-item + .task-list-item {\n    margin-top: 3px;\n  }\n\n  .task-list-item input {\n    margin: 0 0.2em 0.25em -1.6em;\n    vertical-align: middle;\n  }\n\n  p.blank-line {\n    height: 1.5em;\n  }\n}\n\n@mixin markdown-overrides {\n  blockquote h1:last-child,\n  blockquote h2:last-child {\n    border-bottom: 0;\n  }\n\n  // Custom blocks (e.g. reusable content) render inside a flow TailwindRoot\n  // div, so spacing must pierce the wrapper to reach their block children.\n  > *,\n  > .readme-tailwind > * {\n    margin-bottom: var(--markdown-spacing, 15px);\n    margin-top: var(--markdown-spacing, 15px);\n  }\n\n  .task-list-item input {\n    margin: 0 0.5em 0.25em -1.25em;\n  }\n\n  a[href],\n  a:not([href='']) {\n    text-decoration: underline;\n  }\n}\n\n@mixin clearfix() {\n  &::before,\n  &::after {\n    content: '';\n    display: table;\n  }\n\n  &::after {\n    clear: both;\n  }\n}\n"],"names":[],"sourceRoot":""}
+{"version":3,"file":"main.css","mappings":"AAAA,WACE,oDACA,iEACA,kBAEA,iBACE,mBACA,oDACA,SACA,kBACA,yCACA,eACA,eACA,gBACA,aACA,kBACA,gBACA,WAEA,4BACE,aAGF,uBACE,sDAGF,kCACE,4BACA,6BAGF,yBACE,WAGF,yCACE,aAIJ,mDAEE,yCACA,eACA,gBACA,kBACA,yBAEA,iEACE,wBAIJ,gBACE,4CACA,kBAGF,mBACE,uCACA,wBAEA,qBACE,4C;AC5DN,WACE,uBACA,8BACA,4BAEA,aACA,yBACA,gGAIA,gBACE,4LAaJ,MAGE,qCACA,oCACA,gDACA,mBACA,6BACA,8CACA,6CACA,0BACA,gCACA,wBACA,oBACA,8CAEA,gCACA,0CACA,sCACA,8BACA,aACA,kCACA,oBACA,oCACA,4BACA,qBAEA,WACE,2DACA,iEACA,iDACA,sBACA,sBCxBA,4CD2BE,8DACA,mECvBA,mCADF,8CDuBE,8DACA,oEAIJ,WACE,gBACA,yBACA,mBAEA,yBACE,cAKJ,2BACE,cACA,qBAEA,oGAGE,oDACA,gCACA,kCAEA,sCAIJ,WACE,6BACA,gBACA,mBACA,iCACA,mEAGF,YACE,uBACA,8BACA,aACA,SACA,oCAGF,YACE,mBACA,sCACA,kBACA,8BACA,eACA,eACA,oBACA,kBACA,SAGF,YACE,eACA,uCACA,kBACA,WACA,4HACE,CAEF,2CAGF,cACE,gCACA,aACA,sBACA,cACA,oBAEA,2BACE,gB;AE5IN,SACE,aACA,oBAEA,yBAJF,SAKI,sC;ACNF,cACE,oEACA,mBAGF,cACE,gBACA,SACA,yCACA,eACA,eACA,gBACA,kBACA,UACA,oBAEA,qBACE,gBACA,SACA,0DACA,4CACA,eACA,gBACA,kBACA,mBACA,UACA,oBAGF,oBACE,uCAIJ,eACE,4CACA,kBAGF,sBACE,uCAIJ,iDACE,4C;AC9CF,WAAW;;AAEX;EACE,gEAAgE;EAChE,sBAAsB;EACtB,aAAa;EACb,YAAY;EACZ,cAAc;AAChB;;AAEA,YAAY;;AAEZ;EACE,cAAc,EAAE,oCAAoC;AACtD;AACA;;EAEE,cAAc,EAAE,kCAAkC;AACpD;;AAEA;EACE,uBAAuB,EAAE,iDAAiD;AAC5E;;AAEA,WAAW;;AAEX;EACE,4BAA4B;EAC5B,yBAAyB;EACzB,mBAAmB;AACrB;AACA,yBAAyB;AACzB;EACE,oBAAoB;EACpB,eAAe;EACf,iBAAiB;EACjB,WAAW;EACX,mBAAmB;AACrB;;AAEA,2BAA2B,YAAY,EAAE;AACzC,kCAAkC,WAAW,EAAE;;AAE/C,WAAW;;AAEX;EACE,4BAA4B;EAC5B,kBAAkB;EAClB,QAAQ;AACV;AACA,6CAA6C;AAC7C;EACE,6BAA6B;AAC/B;AACA;EACE,WAAW;EACX,oBAAoB;EACpB,gBAAgB;AAClB;AACA;EACE,UAAU;AACZ;AACA;;2DAE2D,uBAAuB,EAAE;AACpF;;gEAEgE,uBAAuB,EAAE;AACzF,iBAAiB,wBAAwB,EAAE;AAC3C;EACE,IAAI;EACJ,MAAM,6BAA6B,EAAE;EACrC,MAAM;AACR;AACA;EACE,IAAI;EACJ,MAAM,6BAA6B,EAAE;EACrC,MAAM;AACR;AACA;EACE,IAAI;EACJ,MAAM,6BAA6B,EAAE;EACrC,MAAM;AACR;;AAEA,8DAA8D;AAC9D,0CAA0C;;AAE1C,UAAU,qBAAqB,EAAE,wBAAwB,EAAE;;AAE3D;EACE,kBAAkB;EAClB,OAAO,EAAE,QAAQ,EAAE,UAAU,EAAE,SAAS;EACxC,gBAAgB;AAClB;AACA;EACE,2BAA2B;EAC3B,MAAM,EAAE,SAAS;EACjB,kBAAkB;AACpB;;AAEA,kBAAkB;;AAElB,0BAA0B,WAAW,CAAC;AACtC,yBAAyB,WAAW,CAAC;AACrC,cAAc,WAAW,CAAC;AAC1B,cAAc,WAAW,CAAC;AAC1B,wBAAwB,iBAAiB,CAAC;AAC1C,QAAQ,kBAAkB,CAAC;AAC3B,UAAU,0BAA0B,CAAC;AACrC,mBAAmB,6BAA6B,CAAC;;AAEjD,2BAA2B,WAAW,CAAC;AACvC,wBAAwB,WAAW,CAAC;AACpC,0BAA0B,WAAW,CAAC;AACtC,uBAAuB,WAAW,CAAC;AACnC;;;4BAG4B;AAC5B,8BAA8B,WAAW,CAAC;AAC1C,sDAAsD,WAAW,CAAC;AAClE,2BAA2B,WAAW,CAAC;AACvC,0BAA0B,WAAW,CAAC;AACtC,4BAA4B,WAAW,CAAC;AACxC,wBAAwB,WAAW,CAAC;AACpC,6BAA6B,WAAW,CAAC;AACzC,2BAA2B,WAAW,CAAC;AACvC,2BAA2B,WAAW,CAAC;AACvC,uBAAuB,WAAW,CAAC;AACnC,6BAA6B,WAAW,CAAC;AACzC,sBAAsB,WAAW,CAAC;AAClC,wBAAwB,WAAW,CAAC;;AAEpC,yBAAyB,WAAW,CAAC;AACrC,iBAAiB,WAAW,CAAC;;AAE7B,wBAAwB,wBAAwB,EAAE;;AAElD,qCAAqC;;AAErC,gDAAgD,WAAW,CAAC;AAC5D,mDAAmD,WAAW,CAAC;AAC/D,0BAA0B,iCAAiC,EAAE;AAC7D,mCAAmC,mBAAmB,CAAC;;AAEvD,SAAS;;AAET;mDACmD;;AAEnD;EACE,kBAAkB;EAClB,gBAAgB;EAChB,iBAAiB;AACnB;;AAEA;EACE,2BAA2B,EAAE,4CAA4C;EACzE,wEAAwE;EACxE,wCAAwC;EACxC,oBAAoB,EAAE,mBAAmB;EACzC,oBAAoB;EACpB,YAAY;EACZ,aAAa,EAAE,mDAAmD;EAClE,kBAAkB;EAClB,UAAU;AACZ;AACA;EACE,kBAAkB;EAClB,oCAAoC;AACtC;;AAEA;;0BAE0B;AAC1B;EACE,kBAAkB;EAClB,UAAU;EACV,aAAa;EACb,aAAa;AACf;AACA;EACE,QAAQ,EAAE,MAAM;EAChB,kBAAkB;EAClB,kBAAkB;AACpB;AACA;EACE,SAAS,EAAE,OAAO;EAClB,kBAAkB;EAClB,kBAAkB;AACpB;AACA;EACE,QAAQ,EAAE,SAAS;AACrB;AACA;EACE,OAAO,EAAE,SAAS;AACpB;;AAEA;EACE,kBAAkB,EAAE,OAAO,EAAE,MAAM;EACnC,gBAAgB;EAChB,UAAU;AACZ;AACA;EACE,mBAAmB;EACnB,YAAY;EACZ,qBAAqB;EACrB,mBAAmB;EACnB,oBAAoB;AACtB;AACA;EACE,kBAAkB;EAClB,UAAU;EACV,2BAA2B;EAC3B,uBAAuB;AACzB;AACA;EACE,kBAAkB;EAClB,MAAM,EAAE,SAAS;EACjB,UAAU;AACZ;AACA;EACE,kBAAkB;EAClB,eAAe;EACf,UAAU;AACZ;AACA,yCAAyC,8BAA8B;AACvE,8CAA8C,8BAA8B;;AAE5E;EACE,YAAY;EACZ,eAAe,EAAE,0CAA0C;AAC7D;AACA;;EAEE,+DAA+D;EAC/D,qBAAqB,EAAE,wBAAwB,EAAE,gBAAgB;EACjE,eAAe;EACf,uBAAuB;EACvB,oBAAoB;EACpB,kBAAkB;EAClB,SAAS;EACT,gBAAgB;EAChB,iBAAiB;EACjB,oBAAoB;EACpB,cAAc;EACd,UAAU;EACV,kBAAkB;EAClB,iBAAiB;EACjB,wCAAwC;EACxC,0CAA0C;EAC1C,kCAAkC;AACpC;AACA;;EAEE,qBAAqB;EACrB,qBAAqB;EACrB,kBAAkB;AACpB;;AAEA;EACE,kBAAkB;EAClB,OAAO,EAAE,QAAQ,EAAE,MAAM,EAAE,SAAS;EACpC,UAAU;AACZ;;AAEA;EACE,kBAAkB;EAClB,UAAU;EACV,cAAc,EAAE,yDAAyD;AAC3E;;AAEA,oBAAoB;;AAEpB,sBAAsB,cAAc,EAAE;;AAEtC;EACE,aAAa;AACf;;AAEA,iEAAiE;AACjE;;;;;EAKE,4BAA4B;EAC5B,uBAAuB;AACzB;;AAEA;EACE,kBAAkB;EAClB,WAAW;EACX,SAAS;EACT,gBAAgB;EAChB,kBAAkB;AACpB;;AAEA;EACE,kBAAkB;EAClB,oBAAoB;AACtB;AACA,0BAA0B,gBAAgB,EAAE;;AAE5C;EACE,kBAAkB;EAClB,kBAAkB;EAClB,UAAU;AACZ;AACA;EACE,mBAAmB;AACrB;;AAEA;EACE,mBAAmB;AACrB;;AAEA,uBAAuB,mBAAmB,EAAE;AAC5C,2CAA2C,mBAAmB,EAAE;AAChE,wBAAwB,iBAAiB,EAAE;AAC3C,6GAA6G,mBAAmB,EAAE;AAClI,4HAA4H,mBAAmB,EAAE;;AAEjJ;EACE,sBAAsB;EACtB,uCAAuC;AACzC;;AAEA,4CAA4C;AAC5C,mBAAmB,mBAAmB,EAAE;;AAExC;EACE,kCAAkC;EAClC;IACE,kBAAkB;EACpB;AACF;;AAEA,oBAAoB;AACpB,0BAA0B,WAAW,EAAE;;AAEvC,iEAAiE;AACjE,+BAA+B,gBAAgB,EAAE;;ACvVjD,6BAA6B;;AAE7B,iBAAiB;;AAEjB;EACE,wBAAwB;EACxB,aAAa;EACb,kBAAkB;AACpB;AACA,wBAAwB,aAAa,EAAE;AACvC,gDAAgD,aAAa,EAAE;AAC/D,0CAA0C,aAAa,EAAE;AACzD,uCAAuC,aAAa,EAAE;AACtD,uBAAuB,aAAa,EAAE;AACtC,iDAAiD,aAAa,EAAE;;;AAGhE,mBAAmB;;AAEnB;EACE,SAAS;AACX;;AAEA;EACE,WAAW;EACX,mCAAmC;EACnC,4BAA4B;AAC9B;;AAEA;EACE,SAAS;EACT,aAAa;AACf;;AAEA,qCAAqC,cAAc,EAAE;AACrD,4CAA4C,cAAc,EAAE;;AAE5D;EACE,WAAW;EACX,SAAS;EACT,kCAAkC;EAClC,UAAU;AACZ;;AC1CA,CCCQ,wGCIN,WACE,mBACA,sGAGF,UACE,oBACA,8MAKF,aACE,iBACA,kBACA,oBAKF,iBACE,uBACA,qBACA,iBACA,kBACA,eACA,wBACA,sBACA,gCAuBA,UACE,WACA,cACA,cACA,eACA,gDAGF,gBACE,iCAGF,gBACE,eACA,WACA,2BAGF,+BACE,uBAIJ,gBACE,kCAEA,eACE,kBACA,eACA,kBACA,8EAIF,iBAEE,eACA,uCAGF,UACE,WACA,oBACA,wCAGF,WACE,YACA,mBACA,sGAIF,UAEE,WACA,WACA,iBACA,kBACA,6PAMA,aAEE,WACA,kHAGF,sBACE,sBACA,oGAMJ,OAEE,eACA,2BAIJ,uDACE,sCACA,cACA,uBACA,eACA,uEPxHA,sDO2HE,oCPtHA,wEADF,sDOuHE,iCAMF,oBACE,SACA,+BAGF,qCACE,SACA,sGAKA,aAEE,WACA,6CAGF,sBACE,sBACA,gEAMJ,iBAEE,eACA,gCAGF,UACE,WACA,oBACA,iCAGF,WACE,YACA,mBACA,kCAGF,UACE,kBACA,wFAIF,UAEE,WACA,WACA,cACA,eACA,6CAGF,gBACE,sCAGF,eACE,kBACA,eACA,kBACA,kEAIJ,aAGE,4BAIF,aACE,gCAGF,eACE,SACA,gCACA,eACA,qBACA,kBACA,WACA,UACA,eACA,UACA,oBACA,QACA,qBACA,2BACA,iBACA,+BAGF,kBACE,iDACA,aACA,wBACA,aACA,2BACA,OACA,gBACA,aACA,gBACA,kBACA,eACA,MACA,iBACA,YACA,gBACA,+CAEA,kBACE,uBACA,oBACA,uBACA,YACA,6BACA,UACA,kBACA,mCAGF,sBACE,6BACA,4BACA,2BACA,sBACA,yJAEA,yCAEE,6CAGF,wBACE,uBACA,0BACA,2BACA,sBACA,sBCxSN,aACE,yBACA,iBACA,WACA,wBACA,4BAEA,qCACE,+BAGF,qCACE,yBAGF,uCACE,4BACA,gDACE,uDAIJ,eAEE,mEACA,SACE,iDAIJ,SAEE,cACA,sBACA,6CACA,iBACA,mJACA,wKACA,6EAGF,6CACE,4BAWF,aACE,kBACA,kCAGF,sBACE,eACA,cACA,WACA,kCAGF,4CACE,6CAEA,mBACE,sDAEA,kBACE,qHAGF,iBAEE,sHAGF,oCAEE,iBCxFV,QACE,6FACE,8BACA,2BACA,kEACA,uCACA,8CACA,mDACA,uBAEA,kBACA,gCAEA,oBAEE,WACA,cACA,kBACA,OACA,MACA,aACA,iBAGF,wCACE,YACA,yCACA,oDACA,gBAGF,+CACE,uCACA,iCACA,gCAIF,mEAEI,oDAEF,iBAGF,6BACE,8BAMJ,mBACE,gBCiMJ,gBArPE,2DAEA,2EAII,sGAMF,cACA,wCAGF,cAEE,oBAGF,eACE,aACA,qBAGF,wBA3BoC,oDA6BlC,kBACA,0BACA,2BACA,SACA,kBACA,qCAEA,eACE,oBAIJ,gBACE,yBAGF,cACE,SACA,eACA,SACA,UACA,eACA,qBACA,kBACA,oBAGF,wBAxDoC,oDA0DlC,cA1D6E,mCA4D7E,kBACA,0CACA,iEACA,2BACA,iBACA,cACA,YACA,oCAGF,wBAtE+D,oDAwE7D,yBAGF,8BACE,SACA,eACA,oBACA,SACA,eACA,iBACA,UACA,iBACA,mCAIA,eACE,oBAIJ,wBA7FoC,mDA+FlC,yBACA,4BACA,kBACA,kCACA,cACA,qBACA,eACA,iBACA,gBACA,sBACA,sCAKF,uBACE,sCAEA,wBACE,qBACA,mBACA,YACA,cACA,mCACA,YACA,kBACA,wBACA,mBACA,8CACA,kFAEE,yBAEF,gHAIA,WAEE,yDAKF,iFAEI,6CAKN,uFAEI,sGAGF,WAEE,wFAIJ,oBAEE,iCACA,6CAGF,WACE,yBACA,4CAGF,WACE,kBACA,QACA,SACA,4CACA,qBACA,uBACA,6CAGF,mBACE,2FAEA,sBAEE,4CACA,UACA,oDAGF,sBACE,sBACA,qBACA,mDAGF,wBACE,yCACA,qBACA,oBAKN,iBACE,yBAEA,kBACE,oCAGF,UACE,0CAGF,+BACE,kBACA,QACA,MACA,oBAIF,eACE,UACA,yBAEA,wBACE,cACA,YACA,gBACA,4DAMF,oBACE,8FAGF,oBACE,WJ3IR,UA3FE,gCACA,4EACA,gBACA,sBAEA,UACE,iCACA,wCACA,iDAXa,iFAaX,mBAIJ,iDAlBU,8EAoBR,aACA,qBACA,gBACA,gBACA,wBACA,iCACA,sCACA,YACE,0BAEF,kBACE,sBACA,wBACA,gBACA,qBACA,cACA,iBACA,YACA,yBACA,aACA,cACA,aACA,gBACA,eACA,wCAEA,yCACE,oBACA,0GAKN,kBAvDU,8CA0DR,WACA,iCACA,oBACA,0IAGF,kBA/De,8CAkEb,WACA,iCACA,2GAGF,2BAEE,eAGF,kIACE,mBA9EQ,8CAgFR,gBACA,qCACA,YACE,0BAIJ,kBAtFe,8CAwFb,4CAGF,aACE,UKmJJ,YA7CE,uEACA,+CAkDA,kDACA,kBANA,+BAlPA,gCACA,6BACA,sEACA,6BAEA,2CACA,mCACA,6CACA,kBACA,gBAVwB,0BAaxB,8EAIE,qFACA,sEACA,2DXgBA,4CWbE,oCXkBA,4DADF,4CWjBE,wBAIJ,2DACE,0DACA,6CACA,wDXMA,6DWHE,6CACA,oCXOA,yDADF,6DWPE,6CACA,iDAIJ,6DAEE,4DACA,+CACA,kHXNA,+DWSE,+CACA,oCXLA,qHADF,+DWKE,+CACA,qEAIJ,4DAGE,2DACA,8CACA,uKXnBA,8DWsBE,8CACA,oCXlBA,4KADF,8DWkBE,8CACA,8CAIJ,0DAEE,yDACA,4CACA,+GX/BA,2DWkCE,4CACA,oCX9BA,kHADF,2DW8BE,4CACA,qBAIJ,mBA1EwB,6CA+ExB,aACE,yCAGF,kBAEE,+CAKF,eACE,2DAGF,aAEE,qBAGF,sDACE,2CAGF,4CACE,2BACA,iBACA,mBACA,uEAEA,aACE,uDAIJ,4BAEE,2BAEA,uCACA,iBACA,8CACA,iBACA,+BACA,kBACA,6EAEA,eACE,mEAGF,UACE,+EAEA,aACE,2DAIJ,aACE,SACA,mFAIF,iCACE,mGAEA,+BACE,qEAIJ,iBACE,WACA,YACA,kBACA,iDACA,gCAIJ,UACE,oBACA,kBACA,2CAGA,UACE,4HAIJ,UAEE,yCAGF,0BACE,iDAGF,YACE,mCAGF,wCACE,2CACA,yDAGA,kBAEA,eAOF,yBACE,4CACA,oCAIF,mBACE,6BACA,iCACA,oCACA,kBACA,QACA,qBACA,oBACA,mCACA,kCACA,qCAEO,cACP,0CACA,WAEE,0CAEF,WAEE,0CAEF,WAEE,2CAEF,WAEE,6CAEF,aAEE,4DAoBN,2CACE,kBCpQF,YACE,2BACA,mBACA,kBACA,gCACA,WACE,6CAEF,iBACE,MACA,kCAEF,oBACE,wEAEF,4BAEE,0BACA,SACA,WACA,qBACA,qBACA,uCACA,2BACA,qBACA,cACA,4BACA,oBACA,oFACA,SACE,mDAGJ,SACE,gDAIJ,uBACE,uBCrCA,YACE,mCACA,iEACA,kBACA,yBACA,2CACA,oBACA,6BACA,6CACE,0CACA,+CAEO,iBACP,gBACA,2DACA,oFACA,iBACE,mBACA,mDACA,gDAGK,gBACP,eACA,2DACA,8CAGJ,YACE,6BAGF,YACE,uBACA,yCACA,MACE,aACA,2BACA,4BAIJ,YACE,mBACA,iCACA,gCACA,4BAGF,MACE,gBACA,oEACA,gBACE,gBACA,mBACA,uBACA,4CAEF,aACE,+CACA,YACA,gCAEF,WACE,gCAIJ,cACE,gBACA,mBAcA,gDAZA,aACE,WACA,iBACA,gBACA,mBACA,uBACA,yBACA,SACA,UACA,6BACA,qCAGF,UACE,2BAIJ,SACE,cACA,mBACA,YACA,gBACA,iCACA,kBACA,mBACA,iDACA,8CAEF,8CACE,wCAEF,+BACE,+BAGF,qBACE,uBACA,eACA,iBACA,mBACA,uBClHF,+BACE,oBACA,gBACA,iBACA,kBACA,eACA,+BAGF,iDACE,2DACA,kJACA,oCAkCA,iEACA,mCACA,kCACA,4BACA,eACA,gBACA,gBACA,aACA,gBACA,kCACA,gEAnCA,4BACE,0DACA,iJACA,oCAQF,gIACE,8CAEE,0DACA,iJACA,qBAsBN,iBACE,oDAMF,SACE,OTjEJ,yBAGE,MAGF,kCACE,mCAGF,2DUCE,wCACA,kBACA,sBACA,qBACA,0CVDA,mGUuZA,UAEE,cACA,iDAGF,UACE,yCA3ZF,kBACE,mDAGF,UACE,cACA,kBACA,kBACA,+DAGF,SACE,yZAGF,oBAME,mDAGF,aACE,mDAGF,iBACE,uCAGF,oBACE,mDAEA,yBACE,uGAIJ,eAEE,+DAGF,aACE,qBACA,iDAGF,mBACE,mBACA,yCAGF,aACE,eACA,yCAGF,wBAGE,sDACA,qBACA,uBACA,SACA,uCACA,gBACA,+GA+UF,UAEE,cACA,uDAGF,UACE,yRA/UF,UAOE,+CAGF,YACE,SACA,+CAGF,gBACE,mEAGF,qBACE,UACA,uCAGF,qBACE,+CAGF,mBACE,kBACA,oBACA,iDAGF,eACE,mEAGF,cACE,iPAGF,2BAME,uCACA,qCACA,8CACA,iBACA,gFACA,gDACA,inBAEA,mDACE,+HAOJ,YACE,yCAGF,gBACE,6CACA,yCAGF,eACE,4CACA,yCAGF,eACE,8CACA,yCAGF,eACE,8CACA,iFAGF,eAEE,8CACA,yCAGF,gBACE,6CACA,yCAGF,aACE,0CACA,iFAGF,eAEE,8CACA,yCAGF,gBACE,8CACA,yCAGF,oCACE,gBACA,6CACA,+EAGF,kBAEE,aACA,yDAGF,QACE,iFAGF,eAEE,aACA,eACA,6FAGF,2BAEE,iNAGF,2BAIE,yCAGF,aACE,yMAGF,eAEE,gBACA,SACA,6DAGF,uBACE,6FAIF,uBACE,2DAGF,0BACE,6QAKF,uBAEE,mHAGF,0BACE,+NAGF,2CAKE,aACA,6cAIF,wBAWE,iFAGF,iCAEE,aACA,yLAEA,eAEE,8BACA,yDAIJ,gCACE,cACA,cACA,cACA,uGAEA,iBACE,mFAIJ,YACE,iFAGF,eACE,iFAGF,gBAEE,yCAGF,UACE,oBACA,6CAGF,cACE,+CAGF,6BACE,yCAGF,SACE,+CAGF,aACE,kBACA,gBACA,eACA,UACA,+CAGF,iBACE,cACA,6CAGF,kFACE,+EAGF,yCACE,kBACA,UACA,mEAGF,oBACE,mGAGF,cACE,+EAGF,0BACE,sBACA,6DAGF,YACE,yKAKF,eAEE,+GAKF,2CAEE,yCACA,+EAGF,2BACE,uHAGF,yBAEE,C","sources":["webpack://@readme/markdown/./components/Accordion/style.scss","webpack://@readme/markdown/./components/Cards/style.scss","webpack://@readme/markdown/./styles/mixins/when-color-mode-dark.scss","webpack://@readme/markdown/./components/Columns/style.scss","webpack://@readme/markdown/./components/Tabs/style.scss","webpack://@readme/markdown/./node_modules/codemirror/lib/codemirror.css","webpack://@readme/markdown/./node_modules/codemirror/theme/neo.css","webpack://@readme/markdown/./styles/main.scss","webpack://@readme/markdown/./components/CodeTabs/style.scss","webpack://@readme/markdown/./components/Image/style.scss","webpack://@readme/markdown/./components/Table/style.scss","webpack://@readme/markdown/./components/TableOfContents/style.scss","webpack://@readme/markdown/./components/Code/style.scss","webpack://@readme/markdown/./components/Callout/style.scss","webpack://@readme/markdown/./components/Heading/style.scss","webpack://@readme/markdown/./components/Embed/style.scss","webpack://@readme/markdown/./components/Glossary/style.scss","webpack://@readme/markdown/./styles/gfm.scss"],"sourcesContent":[".Accordion {\n  background: rgba(var(--color-bg-page-rgb, white), 1);\n  border: 1px solid var(--color-border-default, rgba(black, 0.1));\n  border-radius: 5px;\n\n  &-title {\n    align-items: center;\n    background: rgba(var(--color-bg-page-rgb, white), 1);\n    border: 0;\n    border-radius: 5px;\n    color: var(--color-text-default, #384248);\n    cursor: pointer;\n    font-size: 16px;\n    font-weight: 500;\n    padding: 10px;\n    position: relative;\n    text-align: left;\n    width: 100%;\n    \n    .Accordion > & {\n      display: flex;\n    }\n\n    &:hover {\n      background: var(--color-bg-hover, rgba(black, 0.05));\n    }\n\n    .Accordion[open] & {\n      border-bottom-left-radius: 0;\n      border-bottom-right-radius: 0;\n    }\n\n    &::marker {\n      content: \"\";\n    }\n\n    &::-webkit-details-marker {\n      display: none;\n    } \n  }\n\n  &-toggleIcon,\n  &-toggleIcon_opened {\n    color: var(--color-text-minimum, #637288);\n    font-size: 14px;\n    margin-left: 5px;\n    margin-right: 10px;\n    transition: transform 0.1s;\n\n    &_opened {\n      transform: rotate(90deg);\n    }\n  }\n\n  &-icon {\n    color: var(--project-color-primary, inherit);\n    margin-right: 10px;\n  }\n\n  &-content {\n    color: var(--color-text-muted, #4f5a66);\n    padding: 5px 15px 0 15px;\n\n    > * {\n      margin-bottom: var(--markdown-spacing, 15px);\n    }\n  }\n}\n","@import '../../styles/mixins/when-color-mode-dark.scss';\n\n$iphone-plus: 414px;\n\n.CardsGrid {\n  --CardsGrid-gap: 1.5em;\n  --CardsGrid-columns: auto-fit;\n  --CardsGrid-cardWidth: auto;\n\n  display: grid;\n  gap: var(--CardsGrid-gap);\n  grid-template-columns: repeat(var(--CardsGrid-columns), minmax(var(--CardsGrid-cardWidth), 1fr));\n\n  // Treat a fixed column count as a maximum: each track is at least an Nth of the row (auto-fill keeps\n  // empty tracks so short rows stay N wide), and narrow rows drop columns instead of widening the page\n  &_wrap {\n    grid-template-columns: repeat(\n      auto-fill,\n      minmax(\n        max(\n          min(var(--CardsGrid-cardWidth), 100%),\n          calc((100% - (var(--CardsGrid-columns) - 1) * var(--CardsGrid-gap)) / var(--CardsGrid-columns))\n        ),\n        1fr\n      )\n    );\n  }\n}\n\n.Card {\n  $card: &;\n\n  --Card-badge-bg-color: var(--yellow);\n  --Card-badge-color: var(--yellow10);\n  --Card-content-color: var(--color-text-minimum);\n  --Card-gap: 0.25em;\n  --Card-href-arrow-opacity: 0;\n  --Card-href-arrow-transform: translateX(-5px);\n  --Card-icon-color: var(--color-text-default);\n  --Card-icon-opacity: 0.65;\n  --Card-icon-opacity-hover: 0.75;\n  --Card-line-height: 1.4;\n  --Card-shadow: none;\n  --Card-title-color: var(--color-text-default);\n\n  background: var(--Card-bg-color);\n  border: 1px solid var(--Card-border-color);\n  border-radius: var(--border-radius-lg);\n  box-shadow: var(--Card-shadow);\n  display: flex;\n  flex-direction: var(--Card-layout);\n  gap: var(--Card-gap);\n  line-height: var(--Card-line-height);\n  padding: var(--Card-padding);\n  text-decoration: none;\n\n  &_card {\n    --Card-bg-color: rgba(var(--color-bg-page-inverse-rgb), 0);\n    --Card-bg-color-hover: rgba(var(--color-bg-page-inverse-rgb), 0);\n    --Card-border-color: var(--color-border-default);\n    --Card-layout: column;\n    --Card-padding: 1.5em;\n\n    @include when-color-mode-dark('.rm-ReadMe') {\n      --Card-bg-color: rgba(var(--color-bg-page-inverse-rgb), 0.05);\n      --Card-bg-color-hover: rgba(var(--color-bg-page-inverse-rgb), 0.1);\n    }\n  }\n\n  &_tile {\n    --Card-gap: 1em;\n    --Card-icon-opacity: 0.5;\n    --Card-layout: row;\n\n    #{$card}-content {\n      --Card-gap: 0;\n    }\n  }\n\n  // needs specificity to override the default link styles; while preserving logic for empty hrefs\n  &[href]:not([href='']) {\n    color: inherit;\n    text-decoration: none;\n\n    &:hover,\n    &:active,\n    &:focus {\n      --Card-icon-opacity: var(--Card-icon-opacity-hover);\n      --Card-href-arrow-opacity: 0.75;\n      --Card-href-arrow-transform: none;\n\n      background: var(--Card-bg-color-hover);\n    }\n  }\n\n  &-icon {\n    color: var(--Card-icon-color);\n    font-size: 1.4em;\n    margin-bottom: 0.5em;\n    opacity: var(--Card-icon-opacity);\n    transition: opacity var(--transition-timing) var(--transition-fast);\n  }\n\n  &-title {\n    align-items: flex-start;\n    color: var(--Card-title-color);\n    display: flex;\n    gap: 0.5em;\n    font-weight: var(--font-weight-bold);\n  }\n\n  &-badge {\n    align-items: center;\n    background: var(--Card-badge-bg-color);\n    border-radius: 1em;\n    color: var(--Card-badge-color);\n    font-size: 0.6em;\n    padding: 0 0.5em;\n    display: inline-flex;\n    position: relative;\n    top: 0.5em;\n  }\n\n  &-arrow {\n    font-size: 0.8em;\n    opacity: var(--Card-href-arrow-opacity);\n    position: relative;\n    top: 0.375em;\n    transition:\n      opacity var(--transition-timing) var(--transition-fast),\n      transform var(--transition-timing) var(--transition-fast);\n    transform: var(--Card-href-arrow-transform);\n  }\n\n  &-content {\n    color: var(--Card-content-color);\n    display: flex;\n    flex-direction: column;\n    font-size: 1em;\n    gap: var(--Card-gap);\n\n    p:last-child {\n      margin-bottom: 0;\n    }\n  }\n}\n","/**\n * Dark styles keyed off `$root`'s own `data-color-mode`, not any ancestor.\n * Unlike `dark-mode` (which matches ANY ancestor carrying the attribute —\n * see the warning on that mixin), this only fires when `$root` itself\n * declares the dark/system mode. None of this package's components carry\n * `data-color-mode` on their own root, so callers must pass the selector\n * for whichever wrapper actually carries it in their consuming app — there\n * is no default.\n *\n * IMPORTANT: this package ships one precompiled `dist/main.css` — there is\n * no build step where a consumer can supply their own value for `$root`.\n * Whatever gets passed at each `@include` call site below is permanent for\n * every installer of this package. Call sites currently hardcode\n * `'.rm-ReadMe'`, readme's hub color-mode wrapper, because readme is this\n * package's only real consumer today. If that ever changes, this becomes\n * silently wrong (not an error — dark mode just never activates) for any\n * consumer without that exact class in their DOM, and `$root` should be\n * dropped in favor of each component resolving its own nearest\n * `[data-color-mode]` ancestor at mount via `Element.closest()` and\n * stamping it onto its own root, so the CSS can self-anchor with no\n * hardcoded selector at all.\n *\n * $global: wrap the root-anchor selector in :global(), for use when this\n * file is imported into a CSS-module context (mirrors `dark-mode`'s param).\n */\n@mixin when-color-mode-dark($root, $global: false) {\n  @if $global {\n    :global(#{$root}[data-color-mode='dark']) & {\n      @content;\n    }\n\n    :global(#{$root}[data-color-mode='system']) & {\n      @media (prefers-color-scheme: dark) {\n        @content;\n      }\n    }\n  } @else {\n    #{$root}[data-color-mode='dark'] & {\n      @content;\n    }\n\n    #{$root}[data-color-mode='system'] & {\n      @media (prefers-color-scheme: dark) {\n        @content;\n      }\n    }\n  }\n}\n","$iphone-plus: 414px;\n\n.Columns {\n  display: grid;\n  gap: var(--md, 20px);\n\n  @media (max-width: $iphone-plus) {\n    grid-template-columns: 1fr !important;\n  }\n}\n",".TabGroup {\n  &-nav {\n    border-bottom: solid var(--color-border-default, #{rgba(black, 0.1)});\n    margin-bottom: 15px;\n  }\n\n  &-tab {\n    background: none;\n    border: 0;\n    color: var(--color-text-minimum, #637288);\n    cursor: pointer;\n    font-size: 15px;\n    font-weight: 600;\n    margin-right: 15px;\n    padding: 0;\n    padding-bottom: 10px;\n\n    &_active {\n      background: none;\n      border: 0;\n      border-bottom: solid var(--color-tab-active, currentcolor);\n      color: var(--color-tab-active, currentcolor);\n      font-size: 15px;\n      font-weight: 600;\n      margin-right: 15px;\n      margin-bottom: -2px;\n      padding: 0;\n      padding-bottom: 10px;\n    }\n\n    &:hover {\n      color: var(--color-text-muted, #4f5a66);\n    }\n  }\n\n  &-icon {\n    color: var(--project-color-primary, inherit);\n    margin-right: 10px;\n  }\n\n  .TabContent {\n    color: var(--color-text-muted, #4f5a66);\n  }\n}\n\n:where(.TabGroup .TabContent > *:not(:last-child)) {\n  margin-bottom: var(--markdown-spacing, 15px);\n}\n","/* BASICS */\n\n.CodeMirror {\n  /* Set height, width, borders, and global font properties here */\n  font-family: monospace;\n  height: 300px;\n  color: black;\n  direction: ltr;\n}\n\n/* PADDING */\n\n.CodeMirror-lines {\n  padding: 4px 0; /* Vertical padding around content */\n}\n.CodeMirror pre.CodeMirror-line,\n.CodeMirror pre.CodeMirror-line-like {\n  padding: 0 4px; /* Horizontal padding of content */\n}\n\n.CodeMirror-scrollbar-filler, .CodeMirror-gutter-filler {\n  background-color: white; /* The little square between H and V scrollbars */\n}\n\n/* GUTTER */\n\n.CodeMirror-gutters {\n  border-right: 1px solid #ddd;\n  background-color: #f7f7f7;\n  white-space: nowrap;\n}\n.CodeMirror-linenumbers {}\n.CodeMirror-linenumber {\n  padding: 0 3px 0 5px;\n  min-width: 20px;\n  text-align: right;\n  color: #999;\n  white-space: nowrap;\n}\n\n.CodeMirror-guttermarker { color: black; }\n.CodeMirror-guttermarker-subtle { color: #999; }\n\n/* CURSOR */\n\n.CodeMirror-cursor {\n  border-left: 1px solid black;\n  border-right: none;\n  width: 0;\n}\n/* Shown when moving in bi-directional text */\n.CodeMirror div.CodeMirror-secondarycursor {\n  border-left: 1px solid silver;\n}\n.cm-fat-cursor .CodeMirror-cursor {\n  width: auto;\n  border: 0 !important;\n  background: #7e7;\n}\n.cm-fat-cursor div.CodeMirror-cursors {\n  z-index: 1;\n}\n.cm-fat-cursor .CodeMirror-line::selection,\n.cm-fat-cursor .CodeMirror-line > span::selection, \n.cm-fat-cursor .CodeMirror-line > span > span::selection { background: transparent; }\n.cm-fat-cursor .CodeMirror-line::-moz-selection,\n.cm-fat-cursor .CodeMirror-line > span::-moz-selection,\n.cm-fat-cursor .CodeMirror-line > span > span::-moz-selection { background: transparent; }\n.cm-fat-cursor { caret-color: transparent; }\n@-moz-keyframes blink {\n  0% {}\n  50% { background-color: transparent; }\n  100% {}\n}\n@-webkit-keyframes blink {\n  0% {}\n  50% { background-color: transparent; }\n  100% {}\n}\n@keyframes blink {\n  0% {}\n  50% { background-color: transparent; }\n  100% {}\n}\n\n/* Can style cursor different in overwrite (non-insert) mode */\n.CodeMirror-overwrite .CodeMirror-cursor {}\n\n.cm-tab { display: inline-block; text-decoration: inherit; }\n\n.CodeMirror-rulers {\n  position: absolute;\n  left: 0; right: 0; top: -50px; bottom: 0;\n  overflow: hidden;\n}\n.CodeMirror-ruler {\n  border-left: 1px solid #ccc;\n  top: 0; bottom: 0;\n  position: absolute;\n}\n\n/* DEFAULT THEME */\n\n.cm-s-default .cm-header {color: blue;}\n.cm-s-default .cm-quote {color: #090;}\n.cm-negative {color: #d44;}\n.cm-positive {color: #292;}\n.cm-header, .cm-strong {font-weight: bold;}\n.cm-em {font-style: italic;}\n.cm-link {text-decoration: underline;}\n.cm-strikethrough {text-decoration: line-through;}\n\n.cm-s-default .cm-keyword {color: #708;}\n.cm-s-default .cm-atom {color: #219;}\n.cm-s-default .cm-number {color: #164;}\n.cm-s-default .cm-def {color: #00f;}\n.cm-s-default .cm-variable,\n.cm-s-default .cm-punctuation,\n.cm-s-default .cm-property,\n.cm-s-default .cm-operator {}\n.cm-s-default .cm-variable-2 {color: #05a;}\n.cm-s-default .cm-variable-3, .cm-s-default .cm-type {color: #085;}\n.cm-s-default .cm-comment {color: #a50;}\n.cm-s-default .cm-string {color: #a11;}\n.cm-s-default .cm-string-2 {color: #f50;}\n.cm-s-default .cm-meta {color: #555;}\n.cm-s-default .cm-qualifier {color: #555;}\n.cm-s-default .cm-builtin {color: #30a;}\n.cm-s-default .cm-bracket {color: #997;}\n.cm-s-default .cm-tag {color: #170;}\n.cm-s-default .cm-attribute {color: #00c;}\n.cm-s-default .cm-hr {color: #999;}\n.cm-s-default .cm-link {color: #00c;}\n\n.cm-s-default .cm-error {color: #f00;}\n.cm-invalidchar {color: #f00;}\n\n.CodeMirror-composing { border-bottom: 2px solid; }\n\n/* Default styles for common addons */\n\ndiv.CodeMirror span.CodeMirror-matchingbracket {color: #0b0;}\ndiv.CodeMirror span.CodeMirror-nonmatchingbracket {color: #a22;}\n.CodeMirror-matchingtag { background: rgba(255, 150, 0, .3); }\n.CodeMirror-activeline-background {background: #e8f2ff;}\n\n/* STOP */\n\n/* The rest of this file contains styles related to the mechanics of\n   the editor. You probably shouldn't touch them. */\n\n.CodeMirror {\n  position: relative;\n  overflow: hidden;\n  background: white;\n}\n\n.CodeMirror-scroll {\n  overflow: scroll !important; /* Things will break if this is overridden */\n  /* 50px is the magic margin used to hide the element's real scrollbars */\n  /* See overflow: hidden in .CodeMirror */\n  margin-bottom: -50px; margin-right: -50px;\n  padding-bottom: 50px;\n  height: 100%;\n  outline: none; /* Prevent dragging from highlighting the element */\n  position: relative;\n  z-index: 0;\n}\n.CodeMirror-sizer {\n  position: relative;\n  border-right: 50px solid transparent;\n}\n\n/* The fake, visible scrollbars. Used to force redraw during scrolling\n   before actual scrolling happens, thus preventing shaking and\n   flickering artifacts. */\n.CodeMirror-vscrollbar, .CodeMirror-hscrollbar, .CodeMirror-scrollbar-filler, .CodeMirror-gutter-filler {\n  position: absolute;\n  z-index: 6;\n  display: none;\n  outline: none;\n}\n.CodeMirror-vscrollbar {\n  right: 0; top: 0;\n  overflow-x: hidden;\n  overflow-y: scroll;\n}\n.CodeMirror-hscrollbar {\n  bottom: 0; left: 0;\n  overflow-y: hidden;\n  overflow-x: scroll;\n}\n.CodeMirror-scrollbar-filler {\n  right: 0; bottom: 0;\n}\n.CodeMirror-gutter-filler {\n  left: 0; bottom: 0;\n}\n\n.CodeMirror-gutters {\n  position: absolute; left: 0; top: 0;\n  min-height: 100%;\n  z-index: 3;\n}\n.CodeMirror-gutter {\n  white-space: normal;\n  height: 100%;\n  display: inline-block;\n  vertical-align: top;\n  margin-bottom: -50px;\n}\n.CodeMirror-gutter-wrapper {\n  position: absolute;\n  z-index: 4;\n  background: none !important;\n  border: none !important;\n}\n.CodeMirror-gutter-background {\n  position: absolute;\n  top: 0; bottom: 0;\n  z-index: 4;\n}\n.CodeMirror-gutter-elt {\n  position: absolute;\n  cursor: default;\n  z-index: 4;\n}\n.CodeMirror-gutter-wrapper ::selection { background-color: transparent }\n.CodeMirror-gutter-wrapper ::-moz-selection { background-color: transparent }\n\n.CodeMirror-lines {\n  cursor: text;\n  min-height: 1px; /* prevents collapsing before first draw */\n}\n.CodeMirror pre.CodeMirror-line,\n.CodeMirror pre.CodeMirror-line-like {\n  /* Reset some styles that the rest of the page might have set */\n  -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0;\n  border-width: 0;\n  background: transparent;\n  font-family: inherit;\n  font-size: inherit;\n  margin: 0;\n  white-space: pre;\n  word-wrap: normal;\n  line-height: inherit;\n  color: inherit;\n  z-index: 2;\n  position: relative;\n  overflow: visible;\n  -webkit-tap-highlight-color: transparent;\n  -webkit-font-variant-ligatures: contextual;\n  font-variant-ligatures: contextual;\n}\n.CodeMirror-wrap pre.CodeMirror-line,\n.CodeMirror-wrap pre.CodeMirror-line-like {\n  word-wrap: break-word;\n  white-space: pre-wrap;\n  word-break: normal;\n}\n\n.CodeMirror-linebackground {\n  position: absolute;\n  left: 0; right: 0; top: 0; bottom: 0;\n  z-index: 0;\n}\n\n.CodeMirror-linewidget {\n  position: relative;\n  z-index: 2;\n  padding: 0.1px; /* Force widget margins to stay inside of the container */\n}\n\n.CodeMirror-widget {}\n\n.CodeMirror-rtl pre { direction: rtl; }\n\n.CodeMirror-code {\n  outline: none;\n}\n\n/* Force content-box sizing for the elements where we expect it */\n.CodeMirror-scroll,\n.CodeMirror-sizer,\n.CodeMirror-gutter,\n.CodeMirror-gutters,\n.CodeMirror-linenumber {\n  -moz-box-sizing: content-box;\n  box-sizing: content-box;\n}\n\n.CodeMirror-measure {\n  position: absolute;\n  width: 100%;\n  height: 0;\n  overflow: hidden;\n  visibility: hidden;\n}\n\n.CodeMirror-cursor {\n  position: absolute;\n  pointer-events: none;\n}\n.CodeMirror-measure pre { position: static; }\n\ndiv.CodeMirror-cursors {\n  visibility: hidden;\n  position: relative;\n  z-index: 3;\n}\ndiv.CodeMirror-dragcursors {\n  visibility: visible;\n}\n\n.CodeMirror-focused div.CodeMirror-cursors {\n  visibility: visible;\n}\n\n.CodeMirror-selected { background: #d9d9d9; }\n.CodeMirror-focused .CodeMirror-selected { background: #d7d4f0; }\n.CodeMirror-crosshair { cursor: crosshair; }\n.CodeMirror-line::selection, .CodeMirror-line > span::selection, .CodeMirror-line > span > span::selection { background: #d7d4f0; }\n.CodeMirror-line::-moz-selection, .CodeMirror-line > span::-moz-selection, .CodeMirror-line > span > span::-moz-selection { background: #d7d4f0; }\n\n.cm-searching {\n  background-color: #ffa;\n  background-color: rgba(255, 255, 0, .4);\n}\n\n/* Used to force a border model for a node */\n.cm-force-border { padding-right: .1px; }\n\n@media print {\n  /* Hide the cursor when printing */\n  .CodeMirror div.CodeMirror-cursors {\n    visibility: hidden;\n  }\n}\n\n/* See issue #2901 */\n.cm-tab-wrap-hack:after { content: ''; }\n\n/* Help users use markselection to safely style text background */\nspan.CodeMirror-selectedtext { background: none; }\n","/* neo theme for codemirror */\n\n/* Color scheme */\n\n.cm-s-neo.CodeMirror {\n  background-color:#ffffff;\n  color:#2e383c;\n  line-height:1.4375;\n}\n.cm-s-neo .cm-comment { color:#75787b; }\n.cm-s-neo .cm-keyword, .cm-s-neo .cm-property { color:#1d75b3; }\n.cm-s-neo .cm-atom,.cm-s-neo .cm-number { color:#75438a; }\n.cm-s-neo .cm-node,.cm-s-neo .cm-tag { color:#9c3328; }\n.cm-s-neo .cm-string { color:#b35e14; }\n.cm-s-neo .cm-variable,.cm-s-neo .cm-qualifier { color:#047d65; }\n\n\n/* Editor styling */\n\n.cm-s-neo pre {\n  padding:0;\n}\n\n.cm-s-neo .CodeMirror-gutters {\n  border:none;\n  border-right:10px solid transparent;\n  background-color:transparent;\n}\n\n.cm-s-neo .CodeMirror-linenumber {\n  padding:0;\n  color:#e0e2e5;\n}\n\n.cm-s-neo .CodeMirror-guttermarker { color: #1d75b3; }\n.cm-s-neo .CodeMirror-guttermarker-subtle { color: #e0e2e5; }\n\n.cm-s-neo .CodeMirror-cursor {\n  width: auto;\n  border: 0;\n  background: rgba(155,157,162,0.37);\n  z-index: 1;\n}\n","@import './gfm';\n@import './components';\n\n:root {\n  // --markdown-radius: 3px;\n  // --markdown-edge: #eee;\n  --markdown-title: inherit;\n}\n\nbody {\n  -webkit-font-smoothing: antialiased;\n}\n\n.field-description,\n.markdown-body {\n  @include gfm;\n\n  font-size: var(--markdown-font-size, 14px);\n}\n","@import '~codemirror/lib/codemirror.css';\n@import '~codemirror/theme/neo.css';\n\n@mixin CodeTabs {\n  $bgc-pre: #f6f8fa;\n  $bgc-pre-dark: #242e34;\n  $bgc-bar: darken(desaturate($bgc-pre, 17.46), 4.31);\n  $bgc-bar-dark: lighten(desaturate($bgc-pre-dark, 17.46), 4.31);\n  $radius: var(--md-code-radius, var(--markdown-radius, 3px));\n\n  color: #333;\n  color: var(--md-code-text, #333);\n  border-radius: $radius !important;\n  overflow: hidden;\n\n  &.theme-dark {\n    color: white;\n    color: var(--md-code-text, white);\n    .CodeTabs-toolbar {\n      background: $bgc-bar-dark;\n      background: var(--md-code-tabs, $bgc-bar-dark);\n    }\n  }\n\n  &-toolbar {\n    background: $bgc-bar;\n    background: var(--md-code-tabs, $bgc-bar);\n    display: flex;\n    flex-flow: row nowrap;\n    overflow: hidden;\n    overflow-x: auto;\n    -ms-overflow-style: none;\n    -webkit-overflow-scrolling: touch;\n    &::-webkit-scrollbar {\n      display: none;\n    }\n    button {\n      white-space: nowrap;\n      transition: 0.123s ease;\n      -webkit-appearance: none;\n      appearance: none;\n      display: inline-block;\n      line-height: 2;\n      padding: 0.5em 1em;\n      border: none;\n      background: transparent;\n      outline: none;\n      color: inherit;\n      font: inherit;\n      font-size: 0.75em;\n      cursor: pointer;\n\n      &:focus-visible {\n        outline: 3px solid var(--color-focus-ring);\n        outline-offset: -3px;\n      }\n    }\n  }\n\n  &.CodeTabs_initial &-toolbar button:first-child,\n  &-toolbar button.CodeTabs_active {\n    background: $bgc-pre;\n    background: var(--md-code-background, $bgc-pre);\n    color: black;\n    color: var(--md-code-text, black);\n    pointer-events: none;\n  }\n\n  &.theme-dark.CodeTabs_initial &-toolbar button:first-child,\n  &.theme-dark .CodeTabs-toolbar button.CodeTabs_active {\n    background: $bgc-pre-dark;\n    background: var(--md-code-background, $bgc-pre-dark);\n    color: white;\n    color: var(--md-code-text, white);\n  }\n\n  &-toolbar button:not(.CodeTabs_active):hover,\n  &-toolbar button:not(.CodeTabs_active):focus {\n    background: rgba(0, 0, 0, 0.075);\n  }\n\n  pre {\n    border-radius: 0 0 $radius $radius !important;\n    background: $bgc-pre;\n    background: var(--md-code-background, $bgc-pre);\n    margin-bottom: 0;\n    &:not(.CodeTabs_active) {\n      display: none;\n    }\n  }\n\n  &.theme-dark pre {\n    background: $bgc-pre-dark;\n    background: var(--md-code-background, $bgc-pre-dark);\n  }\n\n  &.CodeTabs_initial pre:first-child {\n    display: block;\n  }\n}\n\n.CodeTabs {\n  @include CodeTabs;\n}\n","/* stylelint-disable selector-max-compound-selectors */\n/* stylelint-disable no-descending-specificity */\n/* stylelint-disable font-family-no-missing-generic-family-keyword */\n@import '../../styles/mixins/when-color-mode-dark.scss';\n%img-align {\n  &-right {\n    float: right;\n    margin-left: 0.75rem;\n  }\n\n  &-left {\n    float: left;\n    margin-right: 0.75rem;\n  }\n\n  // margin auto on img.img-align-center (specificity 0,2,1) beats the gfm\n  // `.markdown-body .img { margin: x 0 }` rule (0,2,0) that zeros side margins.\n  &-center {\n    display: block;\n    margin-left: auto;\n    margin-right: auto;\n  }\n}\n\n.markdown-body {\n  img {\n    border-style: none;\n    box-sizing: content-box;\n    display: inline-block;\n    margin-left: auto;\n    margin-right: auto;\n    max-width: 100%;\n    outline: none !important;\n    vertical-align: middle;\n\n    &.img-align-right,\n    &[align='right'],\n    &[alt~='align-right'] {\n      @extend %img-align-right;\n    }\n\n    &.img-align-left,\n    &[align='left'],\n    &[alt~='align-left'] {\n      @extend %img-align-left;\n    }\n    &.img-align-center,\n    &[align='middle'], // hack to fix Firefox; see: https://stackoverflow.com/a/45901819/1341949\n    &[align='center'],\n    &[alt~='align-center'] {\n      @extend %img-align-center;\n    }\n\n    // Suppresses the float for left/right-aligned images while keeping the\n    // image hugging the same edge. Wins via order (declared last) and matching\n    // single-class specificity against the float-setting rules above.\n    &.img-no-wrap {\n      clear: both;\n      float: none;\n      display: block;\n      margin-left: 0;\n      margin-right: 0;\n    }\n\n    &.img-align-right.img-no-wrap {\n      margin-left: auto;\n    }\n\n    &[width='smart'] {\n      max-height: 450px;\n      max-width: 100%;\n      width: auto;\n    }\n\n    &.border {\n      border: 1px solid rgba(0, 0, 0, 0.2);\n    }\n  }\n\n  figure {\n    margin: 15px auto;\n\n    figcaption {\n      font-size: 0.93em;\n      font-style: italic;\n      margin-top: 8px;\n      text-align: center;\n    }\n\n    // Left/right captioned figures clamp to image size and float for inline flow.\n    &.img-figure-left,\n    &.img-figure-right {\n      width: fit-content;\n      max-width: 100%;\n    }\n\n    &.img-figure-left {\n      clear: left;\n      float: left;\n      margin-right: 0.75rem;\n    }\n\n    &.img-figure-right {\n      clear: right;\n      float: right;\n      margin-left: 0.75rem;\n    }\n\n    // wrap=false on a non-center captioned figure: fill the row instead of floating.\n    &.img-figure-left.img-no-wrap,\n    &.img-figure-right.img-no-wrap {\n      clear: both;\n      float: none;\n      width: auto;\n      margin-left: auto;\n      margin-right: auto;\n    }\n\n    // Percentage widths set on the figure wrapper (left/right floating only).\n    &.img-figure-left[style*='width'],\n    &.img-figure-right[style*='width'] {\n      .img,\n      .lightbox-inner {\n        display: block;\n        width: 100%;\n      }\n\n      img {\n        height: auto !important;\n        width: 100% !important;\n      }\n    }\n\n    // Zero intrinsic width so a long caption doesn't widen the float past the\n    // image; min-width:100% re-fills the caption to the resolved figure width.\n    &.img-figure-left > figcaption,\n    &.img-figure-right > figcaption {\n      width: 0;\n      min-width: 100%;\n    }\n  }\n\n  .img-frame {\n    background: rgba(var(--color-bg-page-inverse-rgb), 0.05);\n    border-radius: var(--border-radius-lg);\n    display: block;\n    padding: var(--size-12);\n    max-width: 100%;\n\n    @include when-color-mode-dark('.rm-ReadMe', $global: true) {\n      background: rgba(var(--color-bg-page-inverse-rgb), 0.1);\n    }\n\n    // Reset the ~20px vertical .img margin from gfm.scss so the frame's own\n    // padding controls spacing; otherwise the wrapper and <img> each stack\n    // their own margin on top of the padding.\n    .img {\n      display: inline-block;\n      margin: 0;\n    }\n\n    img {\n      border-radius: var(--border-radius-lg);\n      margin: 0;\n    }\n\n    // Percentage widths set on the frame wrapper (left/right wrapping frames only).\n    &[style*='width'] {\n      .img,\n      .lightbox-inner {\n        display: block;\n        width: 100%;\n      }\n\n      img {\n        height: auto !important;\n        width: 100% !important;\n      }\n    }\n\n    // Left/right wrapping frames clamp to image size and float for inline flow.\n    // Center frames (and non-wrapping left/right) span the full parent width.\n    &-left,\n    &-right {\n      width: fit-content;\n      max-width: 100%;\n    }\n\n    &-left {\n      clear: left;\n      float: left;\n      margin-right: 0.75rem;\n    }\n\n    &-right {\n      clear: right;\n      float: right;\n      margin-left: 0.75rem;\n    }\n\n    &-center {\n      clear: both;\n      text-align: center;\n    }\n\n    // wrap=false on a non-center frame: fill the row instead of floating\n    &-left.img-no-wrap,\n    &-right.img-no-wrap {\n      clear: both;\n      float: none;\n      width: auto;\n      margin-left: 0;\n      margin-right: 0;\n    }\n\n    &-right.img-no-wrap {\n      text-align: right;\n    }\n\n    figcaption {\n      font-size: 0.93em;\n      font-style: italic;\n      margin-top: 8px;\n      text-align: center;\n    }\n  }\n\n  > .img,\n  > img,\n  figure > img {\n    display: block;\n    @extend %img-align-center;\n  }\n\n  figure .img {\n    display: block;\n  }\n\n  .lightbox-close {\n    background: none;\n    border: 0;\n    color: var(--color-text-default);\n    cursor: pointer;\n    display: inline-block;\n    font-size: inherit;\n    opacity: 0.5;\n    padding: 0;\n    position: fixed;\n    right: 1em;\n    text-rendering: auto;\n    top: 1em;\n    transform: scale(1.5);\n    transition: 0.3s 0.3s ease-in;\n    z-index: 10000000;\n  }\n\n  .lightbox.open {\n    align-items: center;\n    background: rgba(var(--color-bg-page-rgb), 0.966);\n    display: flex;\n    flex-flow: nowrap column;\n    height: 100vh;\n    justify-content: flex-start;\n    left: 0;\n    margin-bottom: 0;\n    margin-top: 0;\n    overflow: hidden;\n    overflow-y: scroll;\n    position: fixed;\n    top: 0;\n    user-select: none;\n    width: 100vw;\n    z-index: 9999999;\n\n    .lightbox-inner {\n      align-items: center;\n      box-sizing: content-box;\n      display: inline-flex;\n      justify-content: center;\n      margin: auto;\n      min-height: calc(100vh + 8px);\n      padding: 0;\n      position: relative;\n    }\n\n    img {\n      height: auto !important;\n      max-height: 97.5vh !important;\n      max-width: 97.5vw !important;\n      min-width: unset !important;\n      width: auto !important;\n\n      &.border,\n      &:not([src$='.png']):not([src$='.svg']):not([src$='.jp2']):not([src$='.tiff']) {\n        box-shadow: 0 0.5em 3em -1em rgba(0, 0, 0, 0.2);\n      }\n\n      &[src$='svg'] {\n        display: block !important;\n        height: 66vw !important;\n        max-width: 100% !important;\n        min-width: 200px !important;\n        width: 42vw !important;\n      }\n    }\n  }\n}\n","@mixin markdown-table(\n  $row: #fff,\n  $head: #f6f8fa,\n  $stripe: #fbfcfd,\n  $edges: #dfe2e5,\n) {\n  table {\n    display: table;\n    border-collapse: collapse;\n    border-spacing: 0;\n    width: 100%;\n    color: var(--table-text);\n\n    thead {\n      color: var(--table-head-text, inherit);\n    }\n\n    thead tr {\n      background: var(--table-head, #{$head});\n    }\n\n    tr {\n      background-color: var(--table-row, #{$row});\n      & + tr {\n        border-top: 1px solid var(--table-edges, #{$edges});\n      }\n    }\n\n    th,\n    thead td {\n      font-weight: 600;\n      &:empty {\n        padding: 0;\n      }\n    }\n\n    td,\n    th {\n      padding: 0;\n      color: inherit;\n      vertical-align: middle;\n      border: 1px solid var(--table-edges, #{$edges});\n      padding: 6px 13px;\n      > :first-child, > :only-child { margin-top:    0 !important }\n      > :last-child, > :only-child  { margin-bottom: 0 !important }\n    }\n\n    &:not(.plain) tr:nth-child(2n) {\n      background-color: var(--table-stripe, #{$stripe});\n    }\n  }\n}\n\n.markdown-body {\n  @include markdown-table;\n\n  .rdmd-table {\n    $border-wrap-width: 1px;\n\n    & {\n      display: block;\n      position: relative;\n    }\n\n    &-inner {\n      box-sizing: content-box;\n      min-width: 100%;\n      overflow: auto;\n      width: 100%;\n    }\n\n    table {\n      border: 1px solid var(--table-edges, #dfe2e5);\n\n      &:only-child {\n        margin: 0 !important;\n\n        thead th {\n          background: inherit;\n        }\n\n        td:last-child,\n        th:last-child {\n          border-right: none;\n        }\n\n        thead tr,\n        thead th:last-child {\n          box-shadow: 3px 0 0 var(--table-head);\n        }\n      }\n    }\n  }\n}\n","@layer markdown {\n  .rm-ToC {\n    --ToC-border-active-color: var(--color-tab-active, rgba(var(--color-bg-page-inverse-rgb), 1));\n    --ToC-border-active-height: 0;\n    --ToC-border-active-top: 0;\n    --ToC-border-color: rgba(var(--color-bg-page-inverse-rgb), 0.075);\n    --ToC-color: var(--color-text-minimum);\n    --ToC-color-active: var(--color-text-default);\n    --ToC-color-hover: var(--color-text-minimum-hover);\n\n    color: var(--ToC-color);\n    position: relative;\n\n    &::before,\n    &::after {\n      border-radius: 0.154em; // 2px\n      content: '';\n      display: block;\n      position: absolute;\n      left: 0;\n      top: 0;\n      width: 0.154em; // 2px\n    }\n\n    &::before {\n      background-color: var(--ToC-border-color);\n      height: 100%;\n      transition: height var(--transition-slow);\n      transition-timing-function: var(--transition-timing);\n    }\n\n    &::after {\n      background-color: var(--ToC-border-active-color);\n      height: var(--ToC-border-active-height);\n      top: var(--ToC-border-active-top);\n    }\n\n    // to avoid animating on page page\n    &[data-toc-ready]::after {\n      transition:\n        height var(--transition-slow),\n        top var(--transition-slow);\n      transition-timing-function: var(--transition-timing);\n    }\n\n    .active {\n      color: var(--ToC-color-active);\n    }\n  }\n}\n\n.toc-list {\n  .glossary-tooltip {\n    pointer-events: none;\n  }\n}\n","@mixin gfmCodeBaseStyles($background: #f6f8fa, $background-dark: #242e34, $text: inherit) {\n  --font-size: 90%;\n\n  code,\n  kbd,\n  pre {\n    font-family:\n      SFMono-Regular,\n      Consolas,\n      Liberation Mono,\n      Menlo,\n      Courier,\n      monospace;\n    font-family: var(--md-code-font, SFMono-Regular, Consolas, Liberation Mono, Menlo, Courier, monospace);\n    font-size: 1em;\n  }\n\n  code,\n  pre {\n    font-size: 12px;\n  }\n\n  pre {\n    margin-bottom: 0;\n    margin-top: 0;\n  }\n\n  code {\n    background-color: $background;\n    background-color: var(--md-code-background, $background);\n    border-radius: 3px;\n    color: var(--md-code-text);\n    font-size: var(--font-size);\n    margin: 0;\n    padding: 0.2em 0.4em;\n\n    > div[class*='cm-'] {\n      display: inherit;\n    }\n  }\n\n  pre {\n    word-wrap: normal;\n  }\n\n  pre > code {\n    background: 0 0;\n    border: 0;\n    font-size: 100%;\n    margin: 0;\n    padding: 0;\n    text-wrap: wrap;\n    white-space: pre-wrap;\n    word-break: normal;\n  }\n\n  pre {\n    background-color: $background;\n    background-color: var(--md-code-background, $background);\n    color: $text;\n    color: var(--md-code-text, $text);\n    border-radius: 3px;\n    border-radius: var(--markdown-radius, 3px);\n    border-radius: var(--md-code-radius, var(--markdown-radius, 3px));\n    font-size: var(--font-size);\n    line-height: 1.45;\n    overflow: auto;\n    padding: 1em;\n  }\n\n  pre code.theme-dark {\n    background-color: $background-dark;\n    background-color: var(--md-code-background, $background-dark);\n  }\n\n  pre code {\n    background-color: transparent;\n    border: 0;\n    display: inline;\n    line-height: inherit;\n    margin: 0;\n    max-width: auto;\n    overflow: visible;\n    padding: 0;\n    word-wrap: normal;\n  }\n\n  pre.mermaid {\n    &_single {\n      background: none;\n    }\n  }\n\n  kbd {\n    background-color: $background;\n    background-color: var(--d-code-background, $background);\n    border: 1px solid #d1d5da;\n    border-bottom-color: #c6cbd1;\n    border-radius: 3px;\n    box-shadow: inset 0 -1px 0 #c6cbd1;\n    color: #444d56;\n    display: inline-block;\n    font-size: 11px;\n    line-height: 10px;\n    padding: 3px 5px;\n    vertical-align: middle;\n  }\n}\n\n@mixin copyCodeButton {\n  button.rdmd-code-copy {\n    display: none !important; // hide by default\n\n    & {\n      -webkit-appearance: unset;\n      margin: 0.5em 0.6em 0 0;\n      padding: 0.25em 0.7em;\n      cursor: copy;\n      color: inherit;\n      color: var(--md-code-text, inherit);\n      border: none;\n      border-radius: 3px;\n      outline: none !important;\n      background: inherit;\n      background: var(--md-code-background, inherit);\n      box-shadow:\n        inset 0 0 0 1px rgba(#aaa, 0.66),\n        -1px 2px 6px -3px rgba(black, 0.1);\n      transition: 0.15s ease-out;\n    }\n\n    &:not(:hover) {\n      &:before,\n      &:after {\n        opacity: 0.66;\n      }\n    }\n\n    &:hover {\n      &:not(:active) {\n        box-shadow:\n          inset 0 0 0 1px rgba(#8b8b8b, 0.75),\n          -1px 2px 6px -3px rgba(black, 0.2);\n      }\n    }\n\n    &:active {\n      box-shadow:\n        inset 0 0 0 1px rgba(#8b8b8b, 0.5),\n        inset 1px 4px 6px -2px rgba(0, 0, 0, 0.175);\n\n      &:before,\n      &:after {\n        opacity: 0.75;\n      }\n    }\n\n    &:before,\n    &:after {\n      display: inline-block;\n      font-family: 'Font Awesome 6 Pro';\n    }\n\n    &:before {\n      content: '\\f24d';\n      transition: 0.3s 0.15s ease;\n    }\n\n    &:after {\n      content: '\\f00c';\n      position: absolute;\n      top: 50%;\n      left: 50%;\n      transform: translate(-50%, -50%) scale(0.33);\n      opacity: 0 !important;\n      transition: 0.3s 0s ease;\n    }\n\n    &_copied {\n      pointer-events: none;\n\n      &,\n      * {\n        color: green !important;\n        color: var(--md-code-text, green) !important;\n        opacity: 1;\n      }\n\n      &:before {\n        transition: 0.3s 0s ease;\n        transform: scale(0.33);\n        opacity: 0 !important;\n      }\n\n      &:after {\n        transition: 0.3s 0.15s ease;\n        transform: translate(-50%, -50%) scale(1);\n        opacity: 1 !important;\n      }\n    }\n  }\n\n  pre {\n    position: relative;\n\n    > code {\n      background: inherit;\n    }\n\n    > code.theme-dark {\n      color: white;\n    }\n\n    button.rdmd-code-copy {\n      display: inline-block !important;\n      position: absolute;\n      right: 0;\n      top: 0;\n    }\n\n    // manage overflow scrolling\n    & {\n      overflow: hidden;\n      padding: 0;\n\n      > code {\n        display: block !important;\n        overflow: auto;\n        padding: 1em;\n        max-height: 90vh;\n      }\n    }\n\n    // manage copied state style\n    & {\n      &:hover button.rdmd-code-copy:not(:hover) {\n        transition-delay: 0.4s;\n      }\n\n      &:not(:hover) button.rdmd-code-copy:not(.rdmd-code-copy_copied):not(:focus) {\n        opacity: 0 !important;\n      }\n    }\n  }\n}\n\n.markdown-body {\n  // --md-code-background: #F6F8FA;\n  @include gfmCodeBaseStyles;\n  @include copyCodeButton;\n}\n","@import '../../styles/mixins/when-color-mode-dark.scss';\n\n@mixin callout($l-offset: 1.25rem) {\n  --Callout-bg: var(--background);\n  --Callout-border: var(--border);\n  --Callout-border-radius: 2px;\n  --Callout-title: var(--title, var(--color-text-default, var(--text)));\n\n  background: var(--Callout-bg);\n  border-radius: var(--Callout-border-radius);\n  border-color: var(--Callout-border);\n  color: var(--text, var(--color-text-default));\n  display: flow-root;\n  padding: $l-offset;\n\n  &_default {\n    // Set the prefixed --Callout-* variables directly (matching the convention used by\n    // info/warn/okay/error themes) so the legacy unscoped --background / --border / --title\n    // don't leak into descendants and override nested callouts' own theme variables.\n    --Callout-bg: var(--background, #{lighten(#dfe2e5, 8.75%)});\n    --Callout-border: var(--border, #{lighten(#6a737d, 12.5%)});\n    --Callout-title: var(--title, var(--text, var(--color-text-default)));\n\n    @include when-color-mode-dark('.rm-ReadMe') {\n      --Callout-bg: rgba(var(--gray100-rgb), 0.05);\n    }\n  }\n\n  &_info {\n    --Callout-bg: var(--background, rgba(var(--blue-rgb), 0.1));\n    --Callout-border: var(--border, rgba(var(--blue-rgb), 1));\n    --Callout-title: var(--title, var(--blue20));\n\n    @include when-color-mode-dark('.rm-ReadMe') {\n      --Callout-bg: var(--background, rgba(var(--blue-rgb), 0.075));\n      --Callout-title: var(--title, var(--blue90));\n    }\n  }\n\n  &_warn,\n  &_warning {\n    --Callout-bg: var(--background, rgba(var(--yellow-rgb), 0.1));\n    --Callout-border: var(--border, rgba(var(--yellow-rgb), 1));\n    --Callout-title: var(--title, var(--yellow10));\n\n    @include when-color-mode-dark('.rm-ReadMe') {\n      --Callout-bg: var(--background, rgba(var(--yellow-rgb), 0.075));\n      --Callout-title: var(--title, var(--yellow70));\n    }\n  }\n\n  &_ok,\n  &_okay,\n  &_success {\n    --Callout-bg: var(--background, rgba(var(--green-rgb), 0.1));\n    --Callout-border: var(--border, rgba(var(--green-rgb), 1));\n    --Callout-title: var(--title, var(--green10));\n\n    @include when-color-mode-dark('.rm-ReadMe') {\n      --Callout-bg: var(--background, rgba(var(--green-rgb), 0.075));\n      --Callout-title: var(--title, var(--green80));\n    }\n  }\n\n  &_err,\n  &_error {\n    --Callout-bg: var(--background, rgba(var(--red-rgb), 0.1));\n    --Callout-border: var(--border, rgba(var(--red-rgb), 1));\n    --Callout-title: var(--title, var(--red20));\n\n    @include when-color-mode-dark('.rm-ReadMe') {\n      --Callout-bg: var(--background, rgba(var(--red-rgb), 0.05));\n      --Callout-title: var(--title, var(--red90));\n    }\n  }\n\n  > * {\n    margin-left: $l-offset;\n  }\n\n  // No floated icon to clear, so the content doesn't need the reserved gutter.\n  &:not(:has(.callout-icon)) > * {\n    margin-left: 0;\n  }\n\n  ul,\n  ol {\n    padding-left: 1.3em;\n  }\n\n  // A column (grid item) holds its last child's margin inside, which would stack on\n  // the gap below Columns; not every column has one (e.g. bare text), so drop it instead.\n  > .Columns > .Column > :last-child {\n    margin-bottom: 0;\n  }\n\n  h3 a,\n  .callout-heading a {\n    color: inherit;\n  }\n\n  hr {\n    border-color: var(--border, var(--markdown-edge, #eee));\n  }\n\n  blockquote:not(.callout) {\n    color: var(--color-text-default, var(--text));\n    border-color: var(--border);\n    border-width: 3px;\n    padding: 0 0 0 0.8em;\n\n    &:is(h3 *, .callout-heading *) {\n      color: inherit;\n    }\n  }\n\n  h3, // for compatibility with old callouts\n  .callout-heading {\n    --markdown-title-weight: 500;\n\n    color: var(--Callout-title);\n    font-family: var(--markdown-title-font); // match h3\n    font-size: 1.25em; // match h3\n    font-weight: var(--markdown-title-weight, 500);\n    line-height: 1.25; // match h3\n    margin-bottom: calc(#{$l-offset} * 0.5);\n    position: relative;\n\n    &:only-child {\n      margin-bottom: 0;\n    }\n\n    &.empty {\n      float: left;\n\n      &:is(p) {\n        margin-left: 0;\n      }\n    }\n\n    > * {\n      color: inherit;\n      margin: 0;\n    }\n\n    // legacy icon behavior (changes in superhub)\n    .callout-icon {\n      margin-left: calc(-#{$l-offset} - 0.5em);\n\n      &::before {\n        transform: translate(-50%, -50%);\n      }\n    }\n\n    &:before {\n      position: absolute;\n      right: 100%;\n      width: 2.4em;\n      text-align: center;\n      font: normal normal normal 1em/1 var(--icon-font);\n    }\n  }\n\n  .callout-icon {\n    float: left;\n    margin-left: -0.5rem;\n    position: relative;\n\n    // float doesn’t work when there’s nothing else\n    &:only-child {\n      float: none;\n    }\n  }\n\n  > .callout-icon + :is(ul, ol) > li:first-child,\n  > .callout-heading.empty + :is(ul, ol) > li:first-child {\n    clear: none;\n  }\n\n  .callout-icon + .heading {\n    color: var(--Callout-title);\n  }\n\n  .callout-icon + .heading.heading {\n    margin-top: 0;\n  }\n\n  > .callout-icon_fa {\n    --fa-primary-color: var(--Callout-title);\n    --fa-secondary-color: var(--Callout-title);\n\n    // Non-duotone icons ignore the vars above; `!important` beats `calloutCustomIcons`\n    color: var(--icon-color, var(--Callout-title)) !important;\n\n    margin-top: 0.25rem;\n  }\n}\n\n@mixin calloutCustomIcons($R: callout) {\n  --emoji: 1em;\n  --icon-font: var(--fa-style-family, 'Font Awesome 6 Pro', FontAwesome);\n  &-icon {\n    font-size: var(--emoji, 0);\n    color: var(--icon-color, inherit) !important;\n  }\n  // Emoji icons render as <span>; Font Awesome icons render as <i> and manage their\n  // own ::before/::after pseudo-elements. Only apply the legacy icon-font ::before to spans.\n  span#{&}-icon::before {\n    content: var(--icon);\n    font-family: var(--icon-font);\n    font-size: var(--icon-size, 1rem);\n    font-weight: var(--icon-weight, 400);\n    position: absolute;\n    top: 50%;\n    display: inline-block;\n    text-rendering: auto;\n    -webkit-font-smoothing: antialiased;\n    -moz-osx-font-smoothing: grayscale;\n  }\n  @at-root .rdmdCallouts--useIconFont & {\n    --emoji: unset;\n    &_okay {\n      /* thumbs up */\n      --icon: '\\f164';\n    }\n    &_info {\n      /* info circle */\n      --icon: '\\f05a';\n    }\n    &_warn {\n      /* warning triangle */\n      --icon: '\\f071';\n    }\n    &_error {\n      /* warning circle */\n      --icon: '\\f06a';\n    }\n    &_default {\n      /* warning circle */\n      --emoji: 1rem;\n    }\n  }\n}\n\n.callout {\n  &.callout {\n    // bump specificity\n    @include callout;\n  }\n  @include calloutCustomIcons;\n  border-top-right-radius: var(--markdown-radius);\n  border-bottom-right-radius: var(--markdown-radius);\n}\n\n// Zero specificity (like TabContent) so it only spaces blocks without their own\n// margin, e.g. the table wrapper that relies on the top-level `> *` rule.\n// Code blocks are skipped: gfm's `pre` margin already leaves 15px inside their box,\n// so spacing them again would double the gap. NOTE: if that margin is ever removed,\n// drop `.CodeTabs` here so code blocks keep their spacing.\n:where(.callout > :not(.callout-icon, .CodeTabs, :last-child)) {\n  margin-bottom: var(--markdown-spacing, 15px);\n}\n",".heading.heading {\n  display: flex;\n  justify-content: flex-start;\n  align-items: center;\n  position: relative;\n  .heading-text {\n    flex: 1 100%;\n  }\n  .heading-anchor-deprecated {\n    position: absolute;\n    top: 0;\n  }\n  .heading-anchor {\n    top: -1rem !important;\n  }\n  .heading-anchor,\n  .heading-anchor-icon {\n    position: absolute !important;\n    display: inline !important;\n    order: -1;\n    right: 100%;\n    top: unset !important;\n    margin-right: -0.8rem;\n    padding: 0.8rem 0.2rem 0.8rem 0 !important;\n    font-size: 0.8rem !important;\n    text-decoration: none;\n    color: inherit;\n    transform: translateX(-100%);\n    transition: 0.2s ease;\n    &:hover {\n      opacity: 1;\n    }\n  }\n  &:not(:hover) .heading-anchor-icon {\n    opacity: 0;\n  }\n}\n\n.callout .heading.heading .heading-anchor-icon {\n  display: none !important;\n}\n\n",".markdown-body .embed {\n  $B: '.embed';\n  & {\n    padding: 15px;\n    color: var(--md-code-text, inherit);\n    border-radius: var(--md-code-radius, var(--markdown-radius, 3px));\n    border-radius: 3px;\n    background: transparent;\n    box-shadow: inset 0 0 0 1px rgba(black, .15);\n    transition: .3s ease;\n    &:hover {\n      background: var(--md-code-background, #f6f8fa);\n      box-shadow: inset 0 0 0 1px rgba(black, .1);\n    }\n    @at-root .markdown-body > #{$B}_hasImg:nth-of-type(odd) {\n      margin-right: 30px;\n      padding-right: 0;\n      #{$B}-link { flex-direction: row-reverse }\n      #{$B}-img {\n        margin-left: .88em;\n        margin-right: -30px;\n        box-shadow: -.3em .3em .9em -.3em rgba(black, .15);\n      }\n    }\n    @at-root .markdown-body > #{$B}_hasImg:nth-of-type(even) {\n      margin-left: 30px;\n      padding-left: 0;\n      #{$B}-img { margin-left: -30px }\n    }\n  }\n  &:empty {\n    display: none;\n  }\n\n  &-media {\n    display: flex;\n    justify-content: center;\n    >:only-child {\n      flex: 1;\n      margin: -15px;\n      border-radius: 0 !important;\n    }\n  }\n\n  &-link {\n    display: flex;\n    align-items: center;\n    color: var(--markdown-text, #333);\n    text-decoration: none !important;\n  }\n\n  &-body {\n    flex: 1;\n    line-height: 1.3;\n    &, #{$B}-title {\n      font-size: 1.15em;\n      overflow: hidden;\n      white-space: nowrap;\n      text-overflow: ellipsis;\n    }\n    #{$B}-provider {\n      display: block;\n      text-decoration-color: transparent !important;\n      opacity: .88;\n    }\n    &-url {\n      opacity: .75;\n    }\n  }\n\n  &-provider {\n    font-size: 0.8em;\n    line-height: 1.6;\n\n    code:only-child {\n      display: block;\n      width: 100%;\n      font-size: 1.15em;\n      overflow: hidden;\n      white-space: nowrap;\n      text-overflow: ellipsis;\n      background: transparent;\n      margin: 0;\n      padding: 0;\n      font-size: inherit !important;\n    }\n    transition: .2 ease;\n    code {\n      opacity: 0.8;\n    }\n   }\n\n  &-img {\n    width: 5em;\n    max-width: 5em;\n    margin: 0 .88em 0 0;\n    padding: 4px;\n    background: white;\n    border: 1px solid rgba(black, .15);\n    border-radius: 3px;\n    transition: inherit;\n    box-shadow: .3em .3em .9em -.3em rgba(black, .15);\n  }\n  &:not(:hover) #{$B}-img {\n    box-shadow: 0 .25em 1em -.5em rgba(black, .133);\n  }\n  &:hover #{$B}-img {\n    border: 1px solid rgba(black, .2);\n  }\n\n  &-favicon {\n    width: 12px !important;\n    height: 12px !important;\n    margin-top: 4px;\n    margin-right: 6px;\n    margin-bottom: 12px;\n  }\n}",".GlossaryItem {\n  &-trigger {\n    border-bottom: 1px solid #737c83;\n    border-style: dotted;\n    border-top: none;\n    border-left: none;\n    border-right: none;\n    cursor: pointer;\n  }\n\n  &-tooltip-content {\n    --Glossary-bg: var(--color-bg-page, var(--white));\n    --Glossary-color: var(--color-text-default, var(--gray20));\n    --Glossary-shadow: var(\n      --box-shadow-menu-light,\n      0 5px 10px rgba(0, 0, 0, 0.05),\n      0 2px 6px rgba(0, 0, 0, 0.025),\n      0 1px 3px rgba(0, 0, 0, 0.025)\n    );\n\n    /* Anchored to '.rm-ReadMe' itself, not any ancestor — see the warning on\n       the `dark-mode` mixin in styles/mixins/dark-mode.scss. */\n    .rm-ReadMe[data-color-mode='dark'] & {\n      --Glossary-bg: var(--gray15);\n      --Glossary-color: var(--color-text-default, var(--white));\n      --Glossary-shadow: var(\n        --box-shadow-menu-dark,\n        0 1px 3px rgba(0, 0, 0, 0.025),\n        0 2px 6px rgba(0, 0, 0, 0.025),\n        0 5px 10px rgba(0, 0, 0, 0.05)\n      );\n    }\n\n    @media (prefers-color-scheme: dark) {\n      .rm-ReadMe[data-color-mode='auto'] &,\n      .rm-ReadMe[data-color-mode='system'] & {\n        --Glossary-bg: var(--Tooltip-bg, var(--gray0));\n        --Glossary-color: var(--color-text-default, var(--white));\n        --Glossary-shadow: var(\n          --box-shadow-menu-dark,\n          0 1px 3px rgba(0, 0, 0, 0.025),\n          0 2px 6px rgba(0, 0, 0, 0.025),\n          0 5px 10px rgba(0, 0, 0, 0.05)\n        );\n      }\n    }\n\n    background-color: var(--Glossary-bg);\n    border: 1px solid #{var(--color-border-default, rgba(black, 0.1))};\n    border-radius: var(--border-radius);\n    box-shadow: var(--Glossary-shadow);\n    color: var(--Glossary-color);\n    font-size: 15px;\n    font-weight: 400;\n    line-height: 1.5;\n    padding: 15px;\n    text-align: left;\n    max-width: min(350px, calc(100vw - 20px));\n  }\n\n  &-term {\n    font-style: italic;\n  }\n}\n\n.tippy-box {\n  // needed for tippy's default animation\n  &[data-animation='fade'][data-state='hidden'] {\n    opacity: 0;\n  }\n}\n","/* stylelint-disable no-duplicate-selectors */\n/* stylelint-disable no-descending-specificity */\n/* stylelint-disable declaration-block-no-duplicate-properties */\n/* stylelint-disable custom-property-pattern */\n/* stylelint-disable scss/selector-no-redundant-nesting-selector */\n@mixin gfm {\n  @include markdown-defaults;\n  @include markdown-overrides;\n}\n\n@mixin markdown-defaults {\n  @include clearfix;\n\n  color: var(--markdown-text);\n  font-family: var(--markdown-font);\n  line-height: var(--markdown-line-height);\n  position: relative;\n  text-size-adjust: 100%;\n  word-wrap: break-word;\n\n  ul {\n    list-style: initial;\n  }\n\n  .anchor {\n    float: left;\n    line-height: 1;\n    margin-left: -20px;\n    padding-right: 4px;\n  }\n\n  .anchor:focus {\n    outline: 0;\n  }\n\n  h1:hover .anchor,\n  h2:hover .anchor,\n  h3:hover .anchor,\n  h4:hover .anchor,\n  h5:hover .anchor,\n  h6:hover .anchor {\n    text-decoration: none;\n  }\n\n  details {\n    display: block;\n  }\n\n  summary {\n    display: list-item;\n  }\n\n  a {\n    transition: 0.15s ease;\n\n    &:hover {\n      text-decoration: underline;\n    }\n  }\n\n  a:active,\n  a:hover {\n    outline-width: 0;\n  }\n\n  a:not([href]) {\n    color: inherit;\n    text-decoration: none;\n  }\n\n  strong {\n    font-weight: inherit;\n    font-weight: bolder;\n  }\n\n  h1 {\n    font-size: 2em;\n    margin: 0.67em 0;\n  }\n\n  hr {\n    @include clearfix;\n\n    background: transparent;\n    border-bottom: 1px solid var(--markdown-edge, #dfe2e5);\n    border-width: 0 0 1px;\n    box-sizing: content-box;\n    height: 0;\n    margin: var(--markdown-spacing, 15px) 0;\n    overflow: hidden;\n  }\n\n  // Direct-child only, top-level headings/hr act as section breaks that\n  // clear preceding floats (e.g. `<Image align=\"left|right\">`). Nested\n  // headings (inside Callout, Cards, etc.) keep wrapping behavior so the\n  // component's own layout (e.g. callout icon float) isn't disrupted.\n  > h1,\n  > h2,\n  > h3,\n  > h4,\n  > h5,\n  > h6,\n  > hr {\n    clear: both;\n  }\n\n  input {\n    font: inherit;\n    margin: 0;\n  }\n\n  input {\n    overflow: visible;\n  }\n\n  [type='checkbox'] {\n    box-sizing: border-box;\n    padding: 0;\n  }\n\n  * {\n    box-sizing: border-box;\n  }\n\n  input {\n    font-family: inherit;\n    font-size: inherit;\n    line-height: inherit;\n  }\n\n  strong {\n    font-weight: 600;\n  }\n\n  details summary {\n    cursor: pointer;\n  }\n\n  h1,\n  h2,\n  h3,\n  h4,\n  h5,\n  h6 {\n    color: var(--markdown-title);\n    font-family: var(--markdown-title-font);\n    font-size: var(--markdown-title-size);\n    font-weight: var(--markdown-title-weight, 600);\n    line-height: 1.25;\n    margin-bottom: var(--markdown-title-marginBottom, var(--markdown-spacing, 15px));\n    margin-top: var(--markdown-title-marginTop, 1em);\n\n    &:has(+ h1, + h2, + h3, + h4, + h5, + h6, + p) {\n      margin-bottom: calc(var(--markdown-spacing, 15px) / 2);\n    }\n  }\n\n  // Tighten the gap when a heading immediately follows another heading\n  // (e.g. h1 + h2 as title/subtitle). Lets the preceding heading's margin-bottom\n  // define the gap instead of the following heading's larger margin-top.\n  :is(h1, h2, h3, h4, h5, h6) + :is(h1, h2, h3, h4, h5, h6) {\n    margin-top: 0;\n  }\n\n  h1 {\n    font-size: 1.75em;\n    font-size: var(--markdown-title-size, 1.75em);\n  }\n\n  h2 {\n    font-size: 1.5em;\n    font-size: var(--markdown-title-size, 1.5em);\n  }\n\n  h1 {\n    font-weight: 700;\n    font-weight: var(--markdown-title-weight, 700);\n  }\n\n  h2 {\n    font-weight: 600;\n    font-weight: var(--markdown-title-weight, 600);\n  }\n\n  h3,\n  h4 {\n    font-weight: 600;\n    font-weight: var(--markdown-title-weight, 600);\n  }\n\n  h3 {\n    font-size: 1.25em;\n    font-size: var(--markdown-title-size, 1.25em);\n  }\n\n  h4 {\n    font-size: 1em;\n    font-size: var(--markdown-title-size, 1em);\n  }\n\n  h5,\n  h6 {\n    font-weight: 600;\n    font-weight: var(--markdown-title-weight, 600);\n  }\n\n  h5 {\n    font-size: 0.875em;\n    font-size: var(--markdown-title-size, 0.875em);\n  }\n\n  h6 {\n    color: var(--markdown-title, #6a737d);\n    font-size: 0.85em;\n    font-size: var(--markdown-title-size, 0.85em);\n  }\n\n  p,\n  .p {\n    margin-bottom: 10px;\n    margin-top: 0;\n  }\n\n  blockquote {\n    margin: 0;\n  }\n\n  ol,\n  ul {\n    margin-bottom: 0;\n    margin-top: 0;\n    padding-left: 0;\n  }\n\n  ol ol,\n  ul ol {\n    list-style-type: lower-alpha;\n  }\n\n  ol ol ol,\n  ol ul ol,\n  ul ol ol,\n  ul ul ol {\n    list-style-type: lower-roman;\n  }\n\n  dd {\n    margin-left: 0;\n  }\n\n  input::-webkit-inner-spin-button,\n  input::-webkit-outer-spin-button {\n    appearance: none;\n    appearance: none;\n    margin: 0;\n  }\n\n  & > :first-child {\n    margin-top: 0 !important;\n  }\n\n  // for mdx pages, select the first markdown element after the style tags\n  & > :nth-child(1 of :not(style)) {\n    margin-top: 0 !important;\n  }\n\n  & > :last-child {\n    margin-bottom: 0 !important;\n  }\n\n  // When a TailwindRoot-wrapped custom block sits at the document edge, its\n  // inner margins would collapse through the zeroed wrapper — trim them too.\n  & > .readme-tailwind:first-child > :first-child,\n  & > .readme-tailwind:nth-child(1 of :not(style)) > :first-child {\n    margin-top: 0 !important;\n  }\n\n  & > .readme-tailwind:last-child > :last-child {\n    margin-bottom: 0 !important;\n  }\n\n  blockquote,\n  dl,\n  p,\n  pre,\n  table {\n    margin-bottom: var(--markdown-spacing, 15px);\n    margin-top: 0;\n  }\n\n  // no margins where we’ll likely have inline images or they might break layout\n  h1,\n  h2,\n  h3,\n  h4,\n  h5,\n  h6,\n  figcaption,\n  ol,\n  ul,\n  p,\n  table {\n    --markdown-img-margin: 0;\n  }\n\n  ol,\n  ul {\n    margin-bottom: round(1.3333em, 1px); // 20px at 15px base (condensed)\n    margin-top: 0;\n\n    ol,\n    ul {\n      margin-bottom: 0;\n      margin-top: round(0.5333em, 1px); // 8px at 15px base (condensed)\n    }\n  }\n\n  blockquote {\n    border-left: 0.225em solid #dfe2e5;\n    color: #6a737d;\n    display: block;\n    padding: 0 1em;\n\n    &:has(img, figure, .Image) {\n      display: flow-root;\n    }\n  }\n\n  blockquote > :first-child {\n    margin-top: 0;\n  }\n\n  blockquote > :last-child {\n    margin-bottom: 0;\n  }\n\n  ol,\n  ul {\n    padding-left: 2em;\n  }\n\n  li {\n    clear: both;\n    word-wrap: break-all;\n  }\n\n  li > p {\n    margin-top: 1em;\n  }\n\n  li + li {\n    margin-top: round(0.5333em, 1px); // 8px at 15px base (condensed)\n  }\n\n  dl {\n    padding: 0;\n  }\n\n  dl dt {\n    font-size: 1em;\n    font-style: italic;\n    font-weight: 600;\n    margin-top: 1em;\n    padding: 0;\n  }\n\n  dl dd {\n    margin-bottom: 1em;\n    padding: 0 1em;\n  }\n\n  .img {\n    margin: round(calc(var(--markdown-img-margin, var(--markdown-spacing, 15px)) * 1.33), 1px) 0;\n  }\n\n  :checked + .radio-label {\n    border-color: var(--project-color-primary);\n    position: relative;\n    z-index: 1;\n  }\n\n  .task-list-item {\n    list-style-type: none;\n  }\n\n  .task-list-item + .task-list-item {\n    margin-top: 3px;\n  }\n\n  .task-list-item input {\n    margin: 0 0.2em 0.25em -1.6em;\n    vertical-align: middle;\n  }\n\n  p.blank-line {\n    height: 1.5em;\n  }\n}\n\n@mixin markdown-overrides {\n  blockquote h1:last-child,\n  blockquote h2:last-child {\n    border-bottom: 0;\n  }\n\n  // Custom blocks (e.g. reusable content) render inside a flow TailwindRoot\n  // div, so spacing must pierce the wrapper to reach their block children.\n  > *,\n  > .readme-tailwind > * {\n    margin-bottom: var(--markdown-spacing, 15px);\n    margin-top: var(--markdown-spacing, 15px);\n  }\n\n  .task-list-item input {\n    margin: 0 0.5em 0.25em -1.25em;\n  }\n\n  a[href],\n  a:not([href='']) {\n    text-decoration: underline;\n  }\n}\n\n@mixin clearfix() {\n  &::before,\n  &::after {\n    content: '';\n    display: table;\n  }\n\n  &::after {\n    clear: both;\n  }\n}\n"],"names":[],"sourceRoot":""}

package/dist/main.js

@@ -11780,8 +11780,11 @@ const Card = ({ badge, children, href, kind = 'card', icon, iconColor, LinkCompo
                 href && external_amd_react_commonjs_react_commonjs2_react_root_React_umd_react_default().createElement("i", { "aria-hidden": "true", className: "Card-arrow fa-regular fa-arrow-right" }))),
             children)));
 };
+// max() can't take keyword widths like auto or min-content, so only wrap a length or a math expression
+const canWrapColumns = (columns, cardWidth) => Number(columns) > 0 && /^(\.?\d|(calc|min|max|clamp)\()/.test(cardWidth);
 const CardsGrid = ({ cardWidth = '200px', columns = 'auto-fit', children }) => {
-    return (external_amd_react_commonjs_react_commonjs2_react_root_React_umd_react_default().createElement("div", { className: "CardsGrid", style: { '--CardsGrid-cardWidth': cardWidth, '--CardsGrid-columns': columns } }, children));
+    const className = canWrapColumns(columns, cardWidth) ? 'CardsGrid CardsGrid_wrap' : 'CardsGrid';
+    return (external_amd_react_commonjs_react_commonjs2_react_root_React_umd_react_default().createElement("div", { className: className, style: { '--CardsGrid-cardWidth': cardWidth, '--CardsGrid-columns': columns } }, children));
 };
 /* harmony default export */ const Cards = (CardsGrid);
 
@@ -104039,6 +104042,7 @@ const rehypeMdxishComponents = ({ components, processMarkdown }) => {
 ;// ./processor/plugin/mdxish-handlers.ts
 
 
+
 // If hChildren is populated, it means the node holds a renderable value (e.g. React)
 // See evaluate-expressions.ts for more details
 // Otherwise, it's a simple value and we fall back to text
@@ -104104,8 +104108,30 @@ const embedHandler = (state, node) => {
         children: isMagicBlockEmbed ? [] : state.all(node),
     };
 };
+/**
+ * Renders a list item whose marker sits alone on its line with that line kept empty.
+ *
+ * `-` over an indented block (a sublist, a code block) parses to the same mdast as the
+ * block written on the marker's line, since CommonMark has no empty paragraph, so both
+ * would render as `- - B`. Positions still tell the spellings apart. A `<br>` holds the
+ * line open, which an empty `<p>` wouldn't.
+ */
+const listItemHandler = (state, node, parent) => {
+    const item = node;
+    const result = handlers_handlers.listItem(state, item, parent);
+    const first = item.children[0];
+    if (!first || first.type === 'paragraph')
+        return result;
+    const itemLine = item.position?.start.line;
+    const blockLine = first.position?.start.line;
+    if (itemLine === undefined || blockLine === undefined || blockLine <= itemLine)
+        return result;
+    result.children.unshift({ type: 'element', tagName: 'br', properties: {}, children: [] });
+    return result;
+};
 const mdxComponentHandlers = {
     embed: embedHandler,
+    listItem: listItemHandler,
     mdxFlowExpression: mdxExpressionHandler,
     mdxJsxFlowElement: mdxJsxElementHandler,
     mdxJsxTextElement: mdxJsxElementHandler,

package/dist/main.node.js

@@ -19468,8 +19468,11 @@ const Card = ({ badge, children, href, kind = 'card', icon, iconColor, LinkCompo
                 href && external_react_default().createElement("i", { "aria-hidden": "true", className: "Card-arrow fa-regular fa-arrow-right" }))),
             children)));
 };
+// max() can't take keyword widths like auto or min-content, so only wrap a length or a math expression
+const canWrapColumns = (columns, cardWidth) => Number(columns) > 0 && /^(\.?\d|(calc|min|max|clamp)\()/.test(cardWidth);
 const CardsGrid = ({ cardWidth = '200px', columns = 'auto-fit', children }) => {
-    return (external_react_default().createElement("div", { className: "CardsGrid", style: { '--CardsGrid-cardWidth': cardWidth, '--CardsGrid-columns': columns } }, children));
+    const className = canWrapColumns(columns, cardWidth) ? 'CardsGrid CardsGrid_wrap' : 'CardsGrid';
+    return (external_react_default().createElement("div", { className: className, style: { '--CardsGrid-cardWidth': cardWidth, '--CardsGrid-columns': columns } }, children));
 };
 /* harmony default export */ const Cards = (CardsGrid);
 
@@ -124288,6 +124291,7 @@ const rehypeMdxishComponents = ({ components, processMarkdown }) => {
 ;// ./processor/plugin/mdxish-handlers.ts
 
 
+
 // If hChildren is populated, it means the node holds a renderable value (e.g. React)
 // See evaluate-expressions.ts for more details
 // Otherwise, it's a simple value and we fall back to text
@@ -124353,8 +124357,30 @@ const embedHandler = (state, node) => {
         children: isMagicBlockEmbed ? [] : state.all(node),
     };
 };
+/**
+ * Renders a list item whose marker sits alone on its line with that line kept empty.
+ *
+ * `-` over an indented block (a sublist, a code block) parses to the same mdast as the
+ * block written on the marker's line, since CommonMark has no empty paragraph, so both
+ * would render as `- - B`. Positions still tell the spellings apart. A `<br>` holds the
+ * line open, which an empty `<p>` wouldn't.
+ */
+const listItemHandler = (state, node, parent) => {
+    const item = node;
+    const result = handlers_handlers.listItem(state, item, parent);
+    const first = item.children[0];
+    if (!first || first.type === 'paragraph')
+        return result;
+    const itemLine = item.position?.start.line;
+    const blockLine = first.position?.start.line;
+    if (itemLine === undefined || blockLine === undefined || blockLine <= itemLine)
+        return result;
+    result.children.unshift({ type: 'element', tagName: 'br', properties: {}, children: [] });
+    return result;
+};
 const mdxComponentHandlers = {
     embed: embedHandler,
+    listItem: listItemHandler,
     mdxFlowExpression: mdxExpressionHandler,
     mdxJsxFlowElement: mdxJsxElementHandler,
     mdxJsxTextElement: mdxJsxElementHandler,