@readme/markdown 14.7.1 → 14.8.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (16) hide show
  1. package/components/Accordion/index.tsx +3 -2
  2. package/components/Cards/index.tsx +3 -1
  3. package/components/Icon/index.tsx +31 -0
  4. package/components/Image/index.tsx +18 -5
  5. package/components/Image/style.scss +5 -2
  6. package/components/TableOfContents/index.tsx +9 -0
  7. package/components/TableOfContents/style.scss +10 -4
  8. package/components/Tabs/index.tsx +3 -4
  9. package/dist/components/Icon/index.d.ts +14 -0
  10. package/dist/components/Image/index.d.ts +3 -2
  11. package/dist/main.css +1 -1
  12. package/dist/main.css.map +1 -1
  13. package/dist/main.js +35 -6
  14. package/dist/main.node.js +35 -6
  15. package/dist/main.node.js.map +1 -1
  16. package/package.json +1 -1
package/dist/main.css.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"main.css","mappings":"AAAA,WACE,oDACA,iEACA,kBAEA,iBACE,mBACA,oDACA,SACA,kBACA,yCACA,eACA,aACA,eACA,gBACA,aACA,kBACA,gBACA,WAEA,uBACE,sDAGF,kCACE,4BACA,6BAGF,yBACE,WAGF,yCACE,aAIJ,mDAEE,yCACA,eACA,gBACA,kBACA,yBAEA,iEACE,wBAIJ,gBACE,4CACA,kBAGF,mBACE,uCACA,wB;ACtDJ,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,sBCXA,kCDcE,8DACA,mECTA,mCAFF,sEDUE,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,uC;ACzCJ,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;;AAE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xB,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;;ACzCQ,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,6DN3HA,sDM8HE,oCNxHA,0HAFF,sDM0HE,iCAGF,oBACE,+BAGF,qCACE,cACA,eACA,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,sBCrSN,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,oEAEE,oDAEF,aACA,iBAGF,wCACE,YACA,gBAGF,+CACE,uCACA,iCACA,iBAGF,6BACE,8BAMJ,mBACE,gBCuMJ,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,UKqIJ,YAlDE,uEACA,+CAuDA,kDACA,kBANA,+BApOA,gCACA,6BACA,sEACA,6BAEA,2CACA,mCACA,6CACA,kBACA,gBAVwB,0BAaxB,8EAIE,qFACA,sEACA,iDVcA,4CUXE,oCViBA,kGAFF,4CUfE,wBAIJ,2DACE,0DACA,6CACA,8CVIA,6DUDE,6CACA,oCVMA,4FAFF,6DULE,6CACA,iDAIJ,6DAEE,4DACA,+CACA,8FVRA,+DUWE,+CACA,oCVNA,8LAFF,+DUOE,+CACA,qEAIJ,4DAGE,2DACA,8CACA,yIVrBA,8DUwBE,8CACA,oCVnBA,sRAFF,8DUoBE,8CACA,8CAIJ,0DAEE,yDACA,4CACA,2FVjCA,2DUoCE,4CACA,oCV/BA,wLAFF,2DUgCE,4CACA,qBAIJ,mBA1EwB,yCA8ExB,kBAEE,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,yCAIJ,0BACE,iDAGF,YACE,mCAGF,wCACE,2CACA,kBAEA,eAOF,yBACE,4CACA,uBAEF,mBACE,6BACA,iCACA,oCACA,kBACA,QACA,qBACA,oBACA,mCACA,kCACA,kDAEF,mBAEE,kBACA,UACA,eACA,qCAEO,cACP,0CACA,WAEE,0CAEF,WAEE,0CAEF,WAEE,2CAEF,WAEE,6CAEF,aAEE,kBCjON,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,oCAgCA,iEACA,mCACA,kCACA,4BACA,eACA,gBACA,gBACA,aACA,gBACA,kCACA,sDAlCA,4BACE,0DACA,iJACA,oCAQF,qDACE,8CACE,0DACA,iJACA,qBAsBN,iBACE,oDAMF,SACE,OC/DJ,yBAGE,MAGF,kCACE,mCAGF,2DCCE,wCACA,kBACA,sBACA,qBACA,0CDDA,mGCyYA,UAEE,cACA,iDAGF,UACE,yCA7YF,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,+GAiUF,UAEE,cACA,uDAGF,UACE,yRAjUF,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,+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,uCAGF,2CACE,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/dark-mode.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/./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/main.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 display: flex;\n font-size: 16px;\n font-weight: 500;\n padding: 10px;\n position: relative;\n text-align: left;\n width: 100%;\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","@import '../../styles/mixins/dark-mode.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 dark-mode {\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","/* We’re planning to move this in to the monorepo in which case\n we could share the dark mode mix in. Kelly is planning to take\n some time to make that move so can we add a comment here to\n circle back on this at that point?\n\n - Rafe\n April 2025\n*/\n\n@mixin dark-mode($global: false) {\n $root: &;\n\n @if not $root {\n [data-color-mode='dark'] {\n @content;\n }\n\n [data-color-mode='auto'],\n [data-color-mode='system'] {\n @media (prefers-color-scheme: dark) {\n @content;\n }\n }\n } @else if $global {\n :global([data-color-mode='dark']) & {\n @content;\n }\n\n :global([data-color-mode='auto']) &,\n :global([data-color-mode='system']) & {\n @media (prefers-color-scheme: dark) {\n @content;\n }\n }\n } @else {\n [data-color-mode='dark'] & {\n @content;\n }\n\n [data-color-mode='auto'] &,\n [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","/* 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 '~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/dark-mode.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 dark-mode($global: true) {\n background: rgba(var(--color-bg-page-inverse-rgb), 0.1);\n }\n\n .img {\n display: inline-block;\n }\n\n img {\n border-radius: var(--border-radius-lg);\n margin-left: 0;\n margin-right: 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 transition:\n height var(--transition-slow),\n top var(--transition-slow);\n transition-timing-function: var(--transition-timing);\n width: 0.154em; // 2px\n }\n\n &::before {\n background-color: var(--ToC-border-color);\n height: 100%;\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 .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/dark-mode.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 dark-mode {\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 dark-mode {\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 dark-mode {\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 dark-mode {\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 dark-mode {\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 ul,\n ol {\n padding-left: 1.3em;\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 + .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 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 &-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 &-icon_fa::before,\n &-icon_fa::after {\n font-family: inherit;\n font-size: inherit;\n top: unset;\n transform: none;\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",".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 /* what the dark-mode mixin does in the readme project */\n [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 [data-color-mode='auto'] & {\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","@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","/* 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 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 > * {\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":""}
1
+ {"version":3,"file":"main.css","mappings":"AAAA,WACE,oDACA,iEACA,kBAEA,iBACE,mBACA,oDACA,SACA,kBACA,yCACA,eACA,aACA,eACA,gBACA,aACA,kBACA,gBACA,WAEA,uBACE,sDAGF,kCACE,4BACA,6BAGF,yBACE,WAGF,yCACE,aAIJ,mDAEE,yCACA,eACA,gBACA,kBACA,yBAEA,iEACE,wBAIJ,gBACE,4CACA,kBAGF,mBACE,uCACA,wB;ACtDJ,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,sBCXA,kCDcE,8DACA,mECTA,mCAFF,sEDUE,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,uC;ACzCJ,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;;AAE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xB,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;;ACzCQ,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,6DN3HA,sDM8HE,oCNxHA,0HAFF,sDM0HE,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,UKqIJ,YAlDE,uEACA,+CAuDA,kDACA,kBANA,+BApOA,gCACA,6BACA,sEACA,6BAEA,2CACA,mCACA,6CACA,kBACA,gBAVwB,0BAaxB,8EAIE,qFACA,sEACA,iDVcA,4CUXE,oCViBA,kGAFF,4CUfE,wBAIJ,2DACE,0DACA,6CACA,8CVIA,6DUDE,6CACA,oCVMA,4FAFF,6DULE,6CACA,iDAIJ,6DAEE,4DACA,+CACA,8FVRA,+DUWE,+CACA,oCVNA,8LAFF,+DUOE,+CACA,qEAIJ,4DAGE,2DACA,8CACA,yIVrBA,8DUwBE,8CACA,oCVnBA,sRAFF,8DUoBE,8CACA,8CAIJ,0DAEE,yDACA,4CACA,2FVjCA,2DUoCE,4CACA,oCV/BA,wLAFF,2DUgCE,4CACA,qBAIJ,mBA1EwB,yCA8ExB,kBAEE,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,yCAIJ,0BACE,iDAGF,YACE,mCAGF,wCACE,2CACA,kBAEA,eAOF,yBACE,4CACA,uBAEF,mBACE,6BACA,iCACA,oCACA,kBACA,QACA,qBACA,oBACA,mCACA,kCACA,kDAEF,mBAEE,kBACA,UACA,eACA,qCAEO,cACP,0CACA,WAEE,0CAEF,WAEE,0CAEF,WAEE,2CAEF,WAEE,6CAEF,aAEE,kBCjON,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,oCAgCA,iEACA,mCACA,kCACA,4BACA,eACA,gBACA,gBACA,aACA,gBACA,kCACA,sDAlCA,4BACE,0DACA,iJACA,oCAQF,qDACE,8CACE,0DACA,iJACA,qBAsBN,iBACE,oDAMF,SACE,OC/DJ,yBAGE,MAGF,kCACE,mCAGF,2DCCE,wCACA,kBACA,sBACA,qBACA,0CDDA,mGCyYA,UAEE,cACA,iDAGF,UACE,yCA7YF,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,+GAiUF,UAEE,cACA,uDAGF,UACE,yRAjUF,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,+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,uCAGF,2CACE,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/dark-mode.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/./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/main.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 display: flex;\n font-size: 16px;\n font-weight: 500;\n padding: 10px;\n position: relative;\n text-align: left;\n width: 100%;\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","@import '../../styles/mixins/dark-mode.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 dark-mode {\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","/* We’re planning to move this in to the monorepo in which case\n we could share the dark mode mix in. Kelly is planning to take\n some time to make that move so can we add a comment here to\n circle back on this at that point?\n\n - Rafe\n April 2025\n*/\n\n@mixin dark-mode($global: false) {\n $root: &;\n\n @if not $root {\n [data-color-mode='dark'] {\n @content;\n }\n\n [data-color-mode='auto'],\n [data-color-mode='system'] {\n @media (prefers-color-scheme: dark) {\n @content;\n }\n }\n } @else if $global {\n :global([data-color-mode='dark']) & {\n @content;\n }\n\n :global([data-color-mode='auto']) &,\n :global([data-color-mode='system']) & {\n @media (prefers-color-scheme: dark) {\n @content;\n }\n }\n } @else {\n [data-color-mode='dark'] & {\n @content;\n }\n\n [data-color-mode='auto'] &,\n [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","/* 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 '~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/dark-mode.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 dark-mode($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/dark-mode.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 dark-mode {\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 dark-mode {\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 dark-mode {\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 dark-mode {\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 dark-mode {\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 ul,\n ol {\n padding-left: 1.3em;\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 + .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 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 &-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 &-icon_fa::before,\n &-icon_fa::after {\n font-family: inherit;\n font-size: inherit;\n top: unset;\n transform: none;\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",".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 /* what the dark-mode mixin does in the readme project */\n [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 [data-color-mode='auto'] & {\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","@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","/* 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 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 > * {\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 CHANGED
@@ -11693,15 +11693,34 @@ __webpack_require__.d(util_types_namespaceObject, {
11693
11693
  // EXTERNAL MODULE: external {"amd":"react","commonjs":"react","commonjs2":"react","root":"React","umd":"react"}
11694
11694
  var external_amd_react_commonjs_react_commonjs2_react_root_React_umd_react_ = __webpack_require__(1307);
11695
11695
  var external_amd_react_commonjs_react_commonjs2_react_root_React_umd_react_default = /*#__PURE__*/__webpack_require__.n(external_amd_react_commonjs_react_commonjs2_react_root_React_umd_react_);
11696
+ ;// ./components/Icon/index.tsx
11697
+
11698
+ /** @see https://docs-v5.fontawesome.com/web/reference-icons */
11699
+ const FA_PREFIXES = new Set(['fa', 'fab', 'fad', 'fal', 'far', 'fas', 'fast', 'fasl', 'fasr', 'fass', 'fat']);
11700
+ /**
11701
+ * Renders an icon element, either as a Font Awesome icon or an emoji.
11702
+ */
11703
+ const Icon = ({ className, icon, iconColor }) => {
11704
+ const hasFontAwesomePrefix = FA_PREFIXES.has(icon.split(' ')[0]);
11705
+ const isFontAwesome = hasFontAwesomePrefix || icon.startsWith('fa-');
11706
+ if (!isFontAwesome) {
11707
+ return external_amd_react_commonjs_react_commonjs2_react_root_React_umd_react_default().createElement("span", { className: className }, icon);
11708
+ }
11709
+ const faClasses = hasFontAwesomePrefix ? icon : `fa-duotone fa-solid ${icon}`;
11710
+ return external_amd_react_commonjs_react_commonjs2_react_root_React_umd_react_default().createElement("i", { className: `${className} ${faClasses}`, style: iconColor ? { color: iconColor } : undefined });
11711
+ };
11712
+ /* harmony default export */ const components_Icon = (Icon);
11713
+
11696
11714
  ;// ./components/Accordion/index.tsx
11697
11715
 
11698
11716
 
11717
+
11699
11718
  const Accordion = ({ children, icon, iconColor, title }) => {
11700
11719
  const [isOpen, setIsOpen] = (0,external_amd_react_commonjs_react_commonjs2_react_root_React_umd_react_.useState)(false);
11701
11720
  return (external_amd_react_commonjs_react_commonjs2_react_root_React_umd_react_default().createElement("details", { className: "Accordion", onToggle: () => setIsOpen(!isOpen) },
11702
11721
  external_amd_react_commonjs_react_commonjs2_react_root_React_umd_react_default().createElement("summary", { className: "Accordion-title" },
11703
11722
  external_amd_react_commonjs_react_commonjs2_react_root_React_umd_react_default().createElement("i", { className: `Accordion-toggleIcon${isOpen ? '_opened' : ''} fa fa-regular fa-chevron-right` }),
11704
- icon && external_amd_react_commonjs_react_commonjs2_react_root_React_umd_react_default().createElement("i", { className: `Accordion-icon fa-duotone fa-solid ${icon}`, style: { color: `${iconColor}` } }),
11723
+ icon && external_amd_react_commonjs_react_commonjs2_react_root_React_umd_react_default().createElement(components_Icon, { className: "Accordion-icon", icon: icon, iconColor: iconColor }),
11705
11724
  title),
11706
11725
  external_amd_react_commonjs_react_commonjs2_react_root_React_umd_react_default().createElement("div", { className: "Accordion-content" }, children)));
11707
11726
  };
@@ -11823,10 +11842,11 @@ const Callout = (props) => {
11823
11842
  ;// ./components/Cards/index.tsx
11824
11843
 
11825
11844
 
11845
+
11826
11846
  const Card = ({ badge, children, href, kind = 'card', icon, iconColor, target, title }) => {
11827
11847
  const Tag = href ? 'a' : 'div';
11828
11848
  return (external_amd_react_commonjs_react_commonjs2_react_root_React_umd_react_default().createElement(Tag, { className: `Card Card_${kind}`, href: href, target: target },
11829
- icon && external_amd_react_commonjs_react_commonjs2_react_root_React_umd_react_default().createElement("i", { className: `Card-icon fa-duotone fa-solid ${icon}`, style: { '--Card-icon-color': iconColor } }),
11849
+ icon && external_amd_react_commonjs_react_commonjs2_react_root_React_umd_react_default().createElement(components_Icon, { className: "Card-icon", icon: icon, iconColor: iconColor }),
11830
11850
  external_amd_react_commonjs_react_commonjs2_react_root_React_umd_react_default().createElement("div", { className: "Card-content" },
11831
11851
  title && (external_amd_react_commonjs_react_commonjs2_react_root_React_umd_react_default().createElement("div", { className: "Card-title" },
11832
11852
  title,
@@ -12209,7 +12229,7 @@ const LightboxPortal = ({ children }) => {
12209
12229
  return (0,external_amd_react_dom_commonjs2_react_dom_commonjs_react_dom_root_ReactDOM_umd_react_dom_.createPortal)(children, document.body);
12210
12230
  };
12211
12231
  const Image = (Props) => {
12212
- const { align = '', alt = '', border: borderProp = false, caption, className = '', framed: framedProp = false, height = 'auto', src, title = '', width = 'auto', lazy = true, children, wrap: wrapProp, } = Props;
12232
+ const { align = '', alt = '', border: borderProp = false, caption, className = '', framed: framedProp = false, height = Props.style?.height ?? 'auto', src, style, title = '', width = Props.style?.width ?? 'auto', lazy = true, children, wrap: wrapProp, } = Props;
12213
12233
  // Normalize border/framed: MDXish passes {false} as the string "false", not a boolean
12214
12234
  const border = borderProp === true || borderProp === 'true';
12215
12235
  const framed = framedProp === true || framedProp === 'true';
@@ -12217,7 +12237,7 @@ const Image = (Props) => {
12217
12237
  const noWrap = (align === 'left' || align === 'right') && (wrapProp === false || wrapProp === 'false');
12218
12238
  const [lightbox, setLightbox] = external_amd_react_commonjs_react_commonjs2_react_root_React_umd_react_.useState(false);
12219
12239
  if (className === 'emoji') {
12220
- return external_amd_react_commonjs_react_commonjs2_react_root_React_umd_react_.createElement("img", { alt: alt, height: height, loading: lazy ? 'lazy' : 'eager', src: src, title: title, width: width });
12240
+ return (external_amd_react_commonjs_react_commonjs2_react_root_React_umd_react_.createElement("img", { alt: alt, height: height, loading: lazy ? 'lazy' : 'eager', src: src, style: style, title: title, width: width }));
12221
12241
  }
12222
12242
  const handleKeyDown = ({ key, metaKey: cmd }) => {
12223
12243
  const cmdKey = cmd ? 'cmd+' : '';
@@ -12245,7 +12265,7 @@ const Image = (Props) => {
12245
12265
  };
12246
12266
  // Framed images center the <img> itself; outer wrapper handles left/right alignment via text-align.
12247
12267
  const imgClass = `img ${caption || children || framed ? 'img-align-center' : align ? `img-align-${align}` : ''} ${border ? 'border' : ''}${noWrap ? ' img-no-wrap' : ''}`;
12248
- const imgElement = (external_amd_react_commonjs_react_commonjs2_react_root_React_umd_react_.createElement("img", { alt: alt, className: imgClass, height: height, loading: lazy ? 'lazy' : 'eager', src: src, title: title, width: width }));
12268
+ const imgElement = (external_amd_react_commonjs_react_commonjs2_react_root_React_umd_react_.createElement("img", { alt: alt, className: imgClass, height: height, loading: lazy ? 'lazy' : 'eager', src: src, style: style, title: title, width: width }));
12249
12269
  const closedLightbox = (ariaLabel, content) => (external_amd_react_commonjs_react_commonjs2_react_root_React_umd_react_.createElement("span", { "aria-label": ariaLabel, className: "img lightbox closed", onClick: toggle, onKeyDown: handleKeyDown, role: 'button', tabIndex: 0 },
12250
12270
  external_amd_react_commonjs_react_commonjs2_react_root_React_umd_react_.createElement("span", { className: "lightbox-inner" }, content)));
12251
12271
  const lightboxOverlay = lightbox ? (external_amd_react_commonjs_react_commonjs2_react_root_React_umd_react_.createElement(LightboxPortal, null,
@@ -12503,10 +12523,18 @@ function useScrollHighlight(navRef) {
12503
12523
  return rect.top >= 0 && rect.top < window.innerHeight * VISIBLE_RATIO;
12504
12524
  }) || headings[0];
12505
12525
  activate(initialHeading.id);
12526
+ // Snap the active indicator to its initial position without animating, then
12527
+ // enable transitions so only subsequent scroll updates animate. The forced
12528
+ // reflow (reading layout) commits the snapped position as the transition
12529
+ // baseline — otherwise enabling the transition in the same style recalc would
12530
+ // animate it in from height 0 every time the TOC (re)mounts.
12531
+ nav.getBoundingClientRect();
12532
+ nav.dataset.tocReady = 'true';
12506
12533
  return () => {
12507
12534
  observer.disconnect();
12508
12535
  scrollTarget.removeEventListener('scroll', onScroll);
12509
12536
  nav.removeEventListener('click', onClick);
12537
+ delete nav.dataset.tocReady;
12510
12538
  };
12511
12539
  }, [navRef, tocKey]);
12512
12540
  }
@@ -12522,6 +12550,7 @@ function TableOfContents({ children }) {
12522
12550
  ;// ./components/Tabs/index.tsx
12523
12551
 
12524
12552
 
12553
+
12525
12554
  const Tab = ({ children }) => {
12526
12555
  return external_amd_react_commonjs_react_commonjs2_react_root_React_umd_react_default().createElement("div", { className: "TabContent" }, children);
12527
12556
  };
@@ -12532,7 +12561,7 @@ const Tabs = ({ children }) => {
12532
12561
  return (external_amd_react_commonjs_react_commonjs2_react_root_React_umd_react_default().createElement("div", { className: "TabGroup" },
12533
12562
  external_amd_react_commonjs_react_commonjs2_react_root_React_umd_react_default().createElement("header", null,
12534
12563
  external_amd_react_commonjs_react_commonjs2_react_root_React_umd_react_default().createElement("nav", { className: "TabGroup-nav" }, tabs.map((tab, index) => (external_amd_react_commonjs_react_commonjs2_react_root_React_umd_react_default().createElement("button", { key: tab.props.title, className: `TabGroup-tab${activeTab === index ? '_active' : ''}`, onClick: () => setActiveTab(index) },
12535
- tab.props.icon && (external_amd_react_commonjs_react_commonjs2_react_root_React_umd_react_default().createElement("i", { className: `TabGroup-icon fa-duotone fa-solid ${tab.props.icon}`, style: { color: `${tab.props.iconColor}` } })),
12564
+ tab.props.icon && (external_amd_react_commonjs_react_commonjs2_react_root_React_umd_react_default().createElement(components_Icon, { className: "TabGroup-icon", icon: tab.props.icon, iconColor: tab.props.iconColor })),
12536
12565
  tab.props.title))))),
12537
12566
  external_amd_react_commonjs_react_commonjs2_react_root_React_umd_react_default().createElement("section", null, tabs[activeTab])));
12538
12567
  };
package/dist/main.node.js CHANGED
@@ -19377,15 +19377,34 @@ __webpack_require__.d(util_types_namespaceObject, {
19377
19377
  // EXTERNAL MODULE: external "react"
19378
19378
  var external_react_ = __webpack_require__(4953);
19379
19379
  var external_react_default = /*#__PURE__*/__webpack_require__.n(external_react_);
19380
+ ;// ./components/Icon/index.tsx
19381
+
19382
+ /** @see https://docs-v5.fontawesome.com/web/reference-icons */
19383
+ const FA_PREFIXES = new Set(['fa', 'fab', 'fad', 'fal', 'far', 'fas', 'fast', 'fasl', 'fasr', 'fass', 'fat']);
19384
+ /**
19385
+ * Renders an icon element, either as a Font Awesome icon or an emoji.
19386
+ */
19387
+ const Icon = ({ className, icon, iconColor }) => {
19388
+ const hasFontAwesomePrefix = FA_PREFIXES.has(icon.split(' ')[0]);
19389
+ const isFontAwesome = hasFontAwesomePrefix || icon.startsWith('fa-');
19390
+ if (!isFontAwesome) {
19391
+ return external_react_default().createElement("span", { className: className }, icon);
19392
+ }
19393
+ const faClasses = hasFontAwesomePrefix ? icon : `fa-duotone fa-solid ${icon}`;
19394
+ return external_react_default().createElement("i", { className: `${className} ${faClasses}`, style: iconColor ? { color: iconColor } : undefined });
19395
+ };
19396
+ /* harmony default export */ const components_Icon = (Icon);
19397
+
19380
19398
  ;// ./components/Accordion/index.tsx
19381
19399
 
19382
19400
 
19401
+
19383
19402
  const Accordion = ({ children, icon, iconColor, title }) => {
19384
19403
  const [isOpen, setIsOpen] = (0,external_react_.useState)(false);
19385
19404
  return (external_react_default().createElement("details", { className: "Accordion", onToggle: () => setIsOpen(!isOpen) },
19386
19405
  external_react_default().createElement("summary", { className: "Accordion-title" },
19387
19406
  external_react_default().createElement("i", { className: `Accordion-toggleIcon${isOpen ? '_opened' : ''} fa fa-regular fa-chevron-right` }),
19388
- icon && external_react_default().createElement("i", { className: `Accordion-icon fa-duotone fa-solid ${icon}`, style: { color: `${iconColor}` } }),
19407
+ icon && external_react_default().createElement(components_Icon, { className: "Accordion-icon", icon: icon, iconColor: iconColor }),
19389
19408
  title),
19390
19409
  external_react_default().createElement("div", { className: "Accordion-content" }, children)));
19391
19410
  };
@@ -19507,10 +19526,11 @@ const Callout = (props) => {
19507
19526
  ;// ./components/Cards/index.tsx
19508
19527
 
19509
19528
 
19529
+
19510
19530
  const Card = ({ badge, children, href, kind = 'card', icon, iconColor, target, title }) => {
19511
19531
  const Tag = href ? 'a' : 'div';
19512
19532
  return (external_react_default().createElement(Tag, { className: `Card Card_${kind}`, href: href, target: target },
19513
- icon && external_react_default().createElement("i", { className: `Card-icon fa-duotone fa-solid ${icon}`, style: { '--Card-icon-color': iconColor } }),
19533
+ icon && external_react_default().createElement(components_Icon, { className: "Card-icon", icon: icon, iconColor: iconColor }),
19514
19534
  external_react_default().createElement("div", { className: "Card-content" },
19515
19535
  title && (external_react_default().createElement("div", { className: "Card-title" },
19516
19536
  title,
@@ -24835,7 +24855,7 @@ const LightboxPortal = ({ children }) => {
24835
24855
  return (0,external_react_dom_namespaceObject.createPortal)(children, document.body);
24836
24856
  };
24837
24857
  const Image = (Props) => {
24838
- const { align = '', alt = '', border: borderProp = false, caption, className = '', framed: framedProp = false, height = 'auto', src, title = '', width = 'auto', lazy = true, children, wrap: wrapProp, } = Props;
24858
+ const { align = '', alt = '', border: borderProp = false, caption, className = '', framed: framedProp = false, height = Props.style?.height ?? 'auto', src, style, title = '', width = Props.style?.width ?? 'auto', lazy = true, children, wrap: wrapProp, } = Props;
24839
24859
  // Normalize border/framed: MDXish passes {false} as the string "false", not a boolean
24840
24860
  const border = borderProp === true || borderProp === 'true';
24841
24861
  const framed = framedProp === true || framedProp === 'true';
@@ -24843,7 +24863,7 @@ const Image = (Props) => {
24843
24863
  const noWrap = (align === 'left' || align === 'right') && (wrapProp === false || wrapProp === 'false');
24844
24864
  const [lightbox, setLightbox] = external_react_.useState(false);
24845
24865
  if (className === 'emoji') {
24846
- return external_react_.createElement("img", { alt: alt, height: height, loading: lazy ? 'lazy' : 'eager', src: src, title: title, width: width });
24866
+ return (external_react_.createElement("img", { alt: alt, height: height, loading: lazy ? 'lazy' : 'eager', src: src, style: style, title: title, width: width }));
24847
24867
  }
24848
24868
  const handleKeyDown = ({ key, metaKey: cmd }) => {
24849
24869
  const cmdKey = cmd ? 'cmd+' : '';
@@ -24871,7 +24891,7 @@ const Image = (Props) => {
24871
24891
  };
24872
24892
  // Framed images center the <img> itself; outer wrapper handles left/right alignment via text-align.
24873
24893
  const imgClass = `img ${caption || children || framed ? 'img-align-center' : align ? `img-align-${align}` : ''} ${border ? 'border' : ''}${noWrap ? ' img-no-wrap' : ''}`;
24874
- const imgElement = (external_react_.createElement("img", { alt: alt, className: imgClass, height: height, loading: lazy ? 'lazy' : 'eager', src: src, title: title, width: width }));
24894
+ const imgElement = (external_react_.createElement("img", { alt: alt, className: imgClass, height: height, loading: lazy ? 'lazy' : 'eager', src: src, style: style, title: title, width: width }));
24875
24895
  const closedLightbox = (ariaLabel, content) => (external_react_.createElement("span", { "aria-label": ariaLabel, className: "img lightbox closed", onClick: toggle, onKeyDown: handleKeyDown, role: 'button', tabIndex: 0 },
24876
24896
  external_react_.createElement("span", { className: "lightbox-inner" }, content)));
24877
24897
  const lightboxOverlay = lightbox ? (external_react_.createElement(LightboxPortal, null,
@@ -25129,10 +25149,18 @@ function useScrollHighlight(navRef) {
25129
25149
  return rect.top >= 0 && rect.top < window.innerHeight * VISIBLE_RATIO;
25130
25150
  }) || headings[0];
25131
25151
  activate(initialHeading.id);
25152
+ // Snap the active indicator to its initial position without animating, then
25153
+ // enable transitions so only subsequent scroll updates animate. The forced
25154
+ // reflow (reading layout) commits the snapped position as the transition
25155
+ // baseline — otherwise enabling the transition in the same style recalc would
25156
+ // animate it in from height 0 every time the TOC (re)mounts.
25157
+ nav.getBoundingClientRect();
25158
+ nav.dataset.tocReady = 'true';
25132
25159
  return () => {
25133
25160
  observer.disconnect();
25134
25161
  scrollTarget.removeEventListener('scroll', onScroll);
25135
25162
  nav.removeEventListener('click', onClick);
25163
+ delete nav.dataset.tocReady;
25136
25164
  };
25137
25165
  }, [navRef, tocKey]);
25138
25166
  }
@@ -25148,6 +25176,7 @@ function TableOfContents({ children }) {
25148
25176
  ;// ./components/Tabs/index.tsx
25149
25177
 
25150
25178
 
25179
+
25151
25180
  const Tab = ({ children }) => {
25152
25181
  return external_react_default().createElement("div", { className: "TabContent" }, children);
25153
25182
  };
@@ -25158,7 +25187,7 @@ const Tabs = ({ children }) => {
25158
25187
  return (external_react_default().createElement("div", { className: "TabGroup" },
25159
25188
  external_react_default().createElement("header", null,
25160
25189
  external_react_default().createElement("nav", { className: "TabGroup-nav" }, tabs.map((tab, index) => (external_react_default().createElement("button", { key: tab.props.title, className: `TabGroup-tab${activeTab === index ? '_active' : ''}`, onClick: () => setActiveTab(index) },
25161
- tab.props.icon && (external_react_default().createElement("i", { className: `TabGroup-icon fa-duotone fa-solid ${tab.props.icon}`, style: { color: `${tab.props.iconColor}` } })),
25190
+ tab.props.icon && (external_react_default().createElement(components_Icon, { className: "TabGroup-icon", icon: tab.props.icon, iconColor: tab.props.iconColor })),
25162
25191
  tab.props.title))))),
25163
25192
  external_react_default().createElement("section", null, tabs[activeTab])));
25164
25193
  };