npm - @redvars/peacock - Versions diffs - 3.2.8 → 3.2.10 - Mend

@redvars/peacock 3.2.8 → 3.2.10

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 (86) hide show

package/dist/{PeacockComponent-DMrFEGDh.js → PeacockComponent-CxJc63xj.js} +6 -13
package/dist/PeacockComponent-CxJc63xj.js.map +1 -0
package/dist/assets/styles.css +1 -1
package/dist/assets/styles.css.map +1 -1
package/dist/assets/tokens.css +2 -0
package/dist/assets/tokens.css.map +1 -0
package/dist/{button-BtpAXuLN.js → button-DaL4va7Q.js} +12 -294
package/dist/button-DaL4va7Q.js.map +1 -0
package/dist/button-group.js +3 -2
package/dist/button-group.js.map +1 -1
package/dist/button.js +6 -4
package/dist/button.js.map +1 -1
package/dist/{class-map-CbncA34D.js → class-map-BvQRv7eW.js} +3 -2
package/dist/class-map-BvQRv7eW.js.map +1 -0
package/dist/clock.js +85 -0
package/dist/clock.js.map +1 -0
package/dist/code-editor.js +43877 -0
package/dist/code-editor.js.map +1 -0
package/dist/code-highlighter.js +5 -4
package/dist/code-highlighter.js.map +1 -1
package/dist/custom-elements-jsdocs.json +561 -0
package/dist/custom-elements.json +777 -194
package/dist/directive-Cuw6h7YA.js +9 -0
package/dist/directive-Cuw6h7YA.js.map +1 -0
package/dist/dispatch-event-utils-vbdiOSeC.js +290 -0
package/dist/dispatch-event-utils-vbdiOSeC.js.map +1 -0
package/dist/{breadcrumb-item-DkhwoMAH.js → image-v3BujlY5.js} +261 -92
package/dist/image-v3BujlY5.js.map +1 -0
package/dist/index.js +12 -87
package/dist/index.js.map +1 -1
package/dist/number-counter.js +3 -2
package/dist/number-counter.js.map +1 -1
package/dist/observe-theme-change-NneLARW8.js +51 -0
package/dist/observe-theme-change-NneLARW8.js.map +1 -0
package/dist/peacock-loader.js +22 -11
package/dist/peacock-loader.js.map +1 -1
package/dist/src/code-editor/code-editor.d.ts +45 -0
package/dist/src/code-editor/index.d.ts +2 -0
package/dist/src/image/image.d.ts +45 -0
package/dist/src/image/index.d.ts +1 -0
package/dist/src/index.d.ts +2 -0
package/dist/src/utils/dispatch-event-utils.d.ts +72 -0
package/dist/src/utils/observe-theme-change.d.ts +3 -0
package/dist/src/utils.d.ts +1 -72
package/dist/{state-CEVpI7Vv.js → state-B09bP3XH.js} +2 -2
package/dist/{state-CEVpI7Vv.js.map → state-B09bP3XH.js.map} +1 -1
package/dist/{style-map-mOmZwsJT.js → style-map-B8xgVEc9.js} +3 -2
package/dist/style-map-B8xgVEc9.js.map +1 -0
package/dist/tsconfig.tsbuildinfo +1 -1
package/dist/{unsafe-html-Ca00SXpn.js → unsafe-html-B-dV3Jps.js} +3 -2
package/dist/unsafe-html-B-dV3Jps.js.map +1 -0
package/package.json +5 -3
package/readme.md +2 -2
package/scss/styles.scss +57 -1
package/scss/tokens.css +1 -0
package/scss/tokens.scss +1 -0
package/src/accordion/accordion-item/accordion-item.scss +1 -1
package/src/button/BaseButton.ts +1 -1
package/src/button/button/button.scss +1 -1
package/src/clock/clock.ts +4 -1
package/src/code-editor/code-editor.scss +52 -0
package/src/code-editor/code-editor.ts +215 -0
package/src/code-editor/demo/index.html +37 -0
package/src/code-editor/index.ts +3 -0
package/src/container/container.scss +1 -1
package/src/date-picker/date-picker.ts +1 -1
package/src/image/image.scss +56 -0
package/src/image/image.ts +135 -0
package/src/image/index.ts +1 -0
package/src/index.ts +2 -0
package/src/input/input.ts +1 -2
package/src/menu/menu-item/menu-item.scss +5 -4
package/src/menu/menu-list/menu-list.scss +1 -0
package/src/number-field/number-field.ts +1 -1
package/src/peacock-loader.ts +7 -0
package/src/textarea/textarea.ts +1 -1
package/src/time-picker/time-picker.ts +1 -1
package/src/utils/dispatch-event-utils.ts +131 -0
package/src/utils/observe-theme-change.ts +30 -0
package/src/utils.ts +5 -131
package/dist/PeacockComponent-DMrFEGDh.js.map +0 -1
package/dist/breadcrumb-item-DkhwoMAH.js.map +0 -1
package/dist/button-BtpAXuLN.js.map +0 -1
package/dist/class-map-CbncA34D.js.map +0 -1
package/dist/style-map-mOmZwsJT.js.map +0 -1
package/dist/unsafe-html-Ca00SXpn.js.map +0 -1

package/dist/assets/styles.css.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sourceRoot":"","sources":["file:///home/runner/work/peacock/peacock/components/scss/tokens.css","file:///home/runner/work/peacock/peacock/components/scss/mixin.scss","file:///home/runner/work/peacock/peacock/components/src/text/text.css-component.scss","file:///home/runner/work/peacock/peacock/components/src/link/link.css-component.scss","file:///home/runner/work/peacock/peacock/components/src/popover/tooltip.css-component.scss"],"names":[],"mappings":"AAIA,MACE,uBACA,mCACA,wBACA,yBACA,yBACA,yBACA,yBACA,yBACA,yBACA,yBACA,yBACA,yBACA,0BACA,6CACA,mCACA,6CACA,qCACA,yBACA,0BACA,0BACA,0BACA,0BACA,0BACA,0BACA,0BACA,0BACA,0BACA,2BACA,+CACA,2CACA,2CACA,6CACA,oDACA,+CACA,iDACA,+CACA,yCACA,qDACA,+CACA,iDACA,mDACA,gDACA,+CACA,yBACA,2BACA,2BACA,2BACA,4BACA,4BACA,4BACA,4BACA,4BACA,4BACA,4BACA,4BACA,4BACA,4BACA,4BACA,4BACA,4BACA,4BACA,4BACA,4BACA,4BACA,4BACA,4BACA,6BACA,iCACA,mCACA,mCACA,mCACA,oCACA,oCACA,oCACA,oCACA,oCACA,oCACA,oCACA,oCACA,oCACA,oCACA,oCACA,oCACA,oCACA,oCACA,oCACA,oCACA,oCACA,oCACA,oCACA,qCACA,uCACA,gDACA,uCACA,gDACA,yCACA,kDACA,2CACA,oDACA,6CACA,sDACA,2CACA,oDACA,qCACA,8CACA,iDACA,0DACA,2CACA,oDACA,4CACA,4DACA,+CACA,wDACA,4CACA,qDACA,2CACA,oDACA,uCACA,0BACA,2BACA,2BACA,2BACA,2BACA,2BACA,2BACA,2BACA,2BACA,2BACA,4BACA,iDACA,iDACA,yDACA,yCACA,2BACA,4BACA,4BACA,4BACA,4BACA,4BACA,4BACA,4BACA,4BACA,4BACA,4BACA,4BACA,6BACA,mDACA,uCACA,0BACA,2BACA,2BACA,2BACA,2BACA,2BACA,2BACA,2BACA,2BACA,2BACA,4BACA,iDACA,iCACA,uBACA,wBACA,wBACA,wBACA,wBACA,wBACA,wBACA,wBACA,wBACA,wBACA,yBACA,2CACA,sCACA,6CACA,6BACA,8BACA,8BACA,8BACA,8BACA,8BACA,8BACA,8BACA,8BACA,8BACA,8BACA,8BACA,+BACA,uDACA,uCACA,uCACA,iDACA,yCACA,mDACA,wDACA,2DACA,uDACA,2DACA,6CACA,yDACA,2CACA,4BACA,6BACA,6BACA,6BACA,6BACA,6BACA,6BACA,6BACA,6BACA,6BACA,6BACA,6BACA,8BACA,qDACA,wCACA,kDACA,uBACA,uCACA,0BACA,2BACA,2BACA,2BACA,2BACA,2BACA,2BACA,2BACA,2BACA,2BACA,4BACA,iDACA,uBACA,wBACA,sBACA,sBACA,uBACA,wBACA,wBACA,0BACA,0BACA,wBACA,yBACA,yBACA,yBACA,0CACA,8CACA,6CACA,qDACA,4CACA,wBACA,0BACA,2BACA,6BACA,wDACA,yCACA,iCACA,gCACA,4BACA,2BACA,qCACA,4BACA,uBACA,0BACA,iBACA,wBACA,uBACA,sBACA,uBACA,oBACA,sBACA,oBACA,sBACA,oBACA,oBACA,qBACA,qBACA,sBACA,qBACA,wEACA,mDACA,0EACA,yDACA,uDACA,6DACA,wCACA,gEACA,8CACA,4CACA,yEACA,wDACA,2EACA,2DACA,yDACA,8DACA,6CACA,iEACA,gDACA,8CACA,wEACA,sDACA,0EACA,wEACA,qDACA,6DACA,2CACA,gEACA,6DACA,0CACA,6EACA,mDACA,0EACA,yDACA,uDACA,kEACA,wCACA,gEACA,8CACA,4CACA,8EACA,wDACA,2EACA,2DACA,yDACA,mEACA,6CACA,iEACA,gDACA,8CACA,6EACA,sDACA,0EACA,wEACA,qDACA,kEACA,2CACA,gEACA,6DACA,0CACA,2EACA,2DACA,6EACA,8DACA,wDACA,gEACA,gDACA,mEACA,mDACA,6CACA,4EACA,4DACA,8EACA,yDACA,4DACA,iEACA,iDACA,oEACA,8CACA,iDACA,2EACA,yDACA,6EACA,wDACA,2DACA,gEACA,8CACA,mEACA,6CACA,gDACA,4EACA,uDACA,8EACA,yDACA,2DACA,iEACA,4CACA,oEACA,8CACA,gDACA,6EACA,2DACA,+EACA,0DACA,6DACA,kEACA,gDACA,qEACA,+CACA,kDACA,4EACA,yDACA,8EACA,yDACA,yDACA,iEACA,8CACA,oEACA,8CACA,8CACA,yEACA,wDACA,8EACA,0EACA,yDACA,8DACA,6CACA,gEACA,+DACA,8CACA,0EACA,wDACA,+EACA,2DACA,uDACA,+DACA,6CACA,iEACA,gDACA,4CACA,yEACA,yDACA,8EACA,0DACA,sDACA,8DACA,8CACA,gEACA,+CACA,2CACA,yEACA,wDACA,2EACA,sDACA,yDACA,8DACA,6CACA,iEACA,2CACA,8CACA,0EACA,qDACA,+EACA,2EACA,yDACA,+DACA,0CACA,iEACA,gEACA,8CACA,yEACA,wDACA,8EACA,0EACA,yDACA,8DACA,6CACA,gEACA,+DACA,8CACA,oBACA,wBAGF,kBACE,mCACA,6CACA,mCACA,6CACA,qCACA,+CACA,2CACA,2CACA,6CACA,oDACA,+CACA,iDACA,+CACA,yCACA,qDACA,+CACA,iDACA,mDACA,gDACA,+CACA,sCACA,gDACA,sCACA,gDACA,wCACA,kDACA,0CACA,oDACA,4CACA,sDACA,0CACA,oDACA,oCACA,8CACA,gDACA,0DACA,0CACA,oDACA,4CACA,4DACA,8CACA,wDACA,2CACA,qDACA,0CACA,oDACA,uCACA,iDACA,iDACA,yDACA,yCACA,mDACA,uCACA,iDACA,iCACA,2CACA,sCACA,6CACA,uDACA,uCACA,uCACA,iDACA,yCACA,mDACA,wDACA,2DACA,uDACA,yDACA,4CACA,yDACA,2CACA,qDACA,wCACA,kDACA,uCACA,iDC9hBA,EACE,sBAGF,oBACE,wBCoBF,cDfA,oEACA,gEACA,oEACA,oEACA,0ECDE,oCAgBF,yBDnBA,+EACA,2EACA,+EACA,+EACA,qFCDE,oCAYF,oBDfA,mEACA,+DACA,mEACA,mEACA,yECDE,oCAgBF,+BDnBA,8EACA,0EACA,8EACA,8EACA,oFCDE,oCAYF,qBDfA,oEACA,gEACA,oEACA,oEACA,0ECDE,oCAgBF,gCDnBA,+EACA,2EACA,+EACA,+EACA,qFCDE,oCAYF,oBDfA,mEACA,+DACA,mEACA,mEACA,yECDE,oCAgBF,+BDnBA,8EACA,0EACA,8EACA,8EACA,oFCDE,oCAYF,eDfA,qEACA,iEACA,qEACA,qEACA,2ECJE,oCAmBF,0BDnBA,gFACA,4EACA,gFACA,gFACA,sFCJE,oCAeF,qBDfA,oEACA,gEACA,oEACA,oEACA,0ECJE,oCAmBF,gCDnBA,+EACA,2EACA,+EACA,+EACA,qFCJE,oCAeF,sBDfA,qEACA,iEACA,qEACA,qEACA,2ECJE,oCAmBF,iCDnBA,gFACA,4EACA,gFACA,gFACA,sFCJE,oCAeF,qBDfA,oEACA,gEACA,oEACA,oEACA,0ECJE,oCAmBF,gCDnBA,+EACA,2EACA,+EACA,+EACA,qFCJE,oCAeF,WDfA,iEACA,6DACA,iEACA,iEACA,uECPE,oCAsBF,sBDnBA,4EACA,wEACA,4EACA,4EACA,kFCPE,oCAkBF,iBDfA,gEACA,4DACA,gEACA,gEACA,sECPE,oCAsBF,4BDnBA,2EACA,uEACA,2EACA,2EACA,iFCPE,oCAkBF,kBDfA,iEACA,6DACA,iEACA,iEACA,uECPE,oCAsBF,6BDnBA,4EACA,wEACA,4EACA,4EACA,kFCPE,oCAkBF,iBDfA,gEACA,4DACA,gEACA,gEACA,sECPE,oCAsBF,4BDnBA,2EACA,uEACA,2EACA,2EACA,iFCPE,oCAkBF,WDfA,iEACA,6DACA,iEACA,iEACA,uECeA,sBDnBA,4EACA,wEACA,4EACA,4EACA,kFCWA,iBDfA,gEACA,4DACA,gEACA,gEACA,sECeA,4BDnBA,2EACA,uEACA,2EACA,2EACA,iFCWA,kBDfA,iEACA,6DACA,iEACA,iEACA,uECeA,6BDnBA,4EACA,wEACA,4EACA,4EACA,kFCWA,iBDfA,gEACA,4DACA,gEACA,gEACA,sECeA,4BDnBA,2EACA,uEACA,2EACA,2EACA,iFCWA,YDfA,kEACA,8DACA,kEACA,kEACA,wECeA,uBDnBA,6EACA,yEACA,6EACA,6EACA,mFCWA,kBDfA,iEACA,6DACA,iEACA,iEACA,uECeA,6BDnBA,4EACA,wEACA,4EACA,4EACA,kFCWA,mBDfA,kEACA,8DACA,kEACA,kEACA,wECeA,8BDnBA,6EACA,yEACA,6EACA,6EACA,mFCWA,kBDfA,iEACA,6DACA,iEACA,iEACA,uECeA,6BDnBA,4EACA,wEACA,4EACA,4EACA,kFCWA,YDfA,kEACA,8DACA,kEACA,kEACA,wECEE,oCAaF,uBDnBA,6EACA,yEACA,6EACA,6EACA,mFCEE,oCASF,kBDfA,iEACA,6DACA,iEACA,iEACA,uECEE,oCAaF,6BDnBA,4EACA,wEACA,4EACA,4EACA,kFCEE,oCASF,mBDfA,kEACA,8DACA,kEACA,kEACA,wECEE,oCAaF,8BDnBA,6EACA,yEACA,6EACA,6EACA,mFCEE,oCASF,kBDfA,iEACA,6DACA,iEACA,iEACA,uECEE,oCAaF,6BDnBA,4EACA,wEACA,4EACA,4EACA,kFCEE,oCAiCJ,iBACE,yCACA,0CACA,8CACA,kCDrDA,EACE,sBAGF,oBACE,wBEFJ,MACE,sBACA,qBAEA,2BACA,2BACA,qBAEA,gCACE,0BAGF,cACE,cACA,gCAGF,gBACE,oBACA,mBACA,SFvBF,EACE,sBAGF,oBACE,wBGDJ,SACE,qBHKA,gEACA,4DACA,gEACA,gEACA,sEGPA,kBACA,kCACA,iCACA,sCACA,8CACA,8CAGF,cACE","sourcesContent":["/* -------------------------------------------\n * Autogenerated by ⛋ Terrazzo. DO NOT EDIT!\n * ------------------------------------------- /\n\n:root {\n --color-black: #000000;\n --color-blue: var(--color-blue-40);\n --color-blue-0: #000000;\n --color-blue-10: #001550;\n --color-blue-20: #00277f;\n --color-blue-30: #003ab2;\n --color-blue-40: #2352d5;\n --color-blue-50: #446def;\n --color-blue-60: #6789ff;\n --color-blue-70: #90a7ff;\n --color-blue-80: #b6c4ff;\n --color-blue-90: #dce1ff;\n --color-blue-100: #ffffff;\n --color-blue-container: var(--color-blue-90);\n --color-error: var(--color-red-40);\n --color-error-container: var(--color-red-90);\n --color-green: var(--color-green-40);\n --color-green-0: #000000;\n --color-green-10: #00210b;\n --color-green-20: #003917;\n --color-green-30: #005225;\n --color-green-40: #0f6d35;\n --color-green-50: #31874b;\n --color-green-60: #4da163;\n --color-green-70: #68bd7b;\n --color-green-80: #83d995;\n --color-green-90: #9ff6af;\n --color-green-100: #ffffff;\n --color-green-container: var(--color-green-90);\n --color-inverse-blue: var(--color-blue-80);\n --color-inverse-error: var(--color-red-80);\n --color-inverse-green: var(--color-green-80);\n --color-inverse-on-surface: var(--color-neutral-95);\n --color-inverse-orange: var(--color-orange-80);\n --color-inverse-primary: var(--color-primary-80);\n --color-inverse-purple: var(--color-purple-80);\n --color-inverse-red: var(--color-red-80);\n --color-inverse-secondary: var(--color-secondary-80);\n --color-inverse-success: var(--color-green-80);\n --color-inverse-surface: var(--color-neutral-20);\n --color-inverse-tertiary: var(--color-tertiary-80);\n --color-inverse-warning: var(--color-yellow-80);\n --color-inverse-yellow: var(--color-yellow-80);\n --color-neutral: #79767a;\n --color-neutral-0: #000000;\n --color-neutral-4: #0f0e11;\n --color-neutral-6: #141316;\n --color-neutral-10: #1c1b1e;\n --color-neutral-12: #201f23;\n --color-neutral-17: #2b292d;\n --color-neutral-20: #313033;\n --color-neutral-22: #363438;\n --color-neutral-30: #48464a;\n --color-neutral-40: #605d62;\n --color-neutral-50: #79767a;\n --color-neutral-60: #939094;\n --color-neutral-70: #aeaaaf;\n --color-neutral-80: #c9c5ca;\n --color-neutral-87: #ddd9dd;\n --color-neutral-90: #e6e1e6;\n --color-neutral-92: #ebe7ec;\n --color-neutral-94: #f1ecf1;\n --color-neutral-95: #f4eff4;\n --color-neutral-96: #f7f2f7;\n --color-neutral-98: #fdf8fd;\n --color-neutral-99: #fffbff;\n --color-neutral-100: #ffffff;\n --color-neutral-variant: #79757f;\n --color-neutral-variant-0: #000000;\n --color-neutral-variant-4: #0f0d15;\n --color-neutral-variant-6: #14121a;\n --color-neutral-variant-10: #1c1a22;\n --color-neutral-variant-12: #201e27;\n --color-neutral-variant-17: #2b2931;\n --color-neutral-variant-20: #312f38;\n --color-neutral-variant-22: #36333c;\n --color-neutral-variant-30: #48454e;\n --color-neutral-variant-40: #605d66;\n --color-neutral-variant-50: #79757f;\n --color-neutral-variant-60: #938f99;\n --color-neutral-variant-70: #aea9b4;\n --color-neutral-variant-80: #c9c4d0;\n --color-neutral-variant-87: #ddd8e3;\n --color-neutral-variant-90: #e6e0ec;\n --color-neutral-variant-92: #ece6f1;\n --color-neutral-variant-94: #f1ecf7;\n --color-neutral-variant-95: #f4eefa;\n --color-neutral-variant-96: #f7f1fd;\n --color-neutral-variant-98: #fdf8ff;\n --color-neutral-variant-99: #fffbff;\n --color-neutral-variant-100: #ffffff;\n --color-on-blue: var(--color-blue-100);\n --color-on-blue-container: var(--color-blue-10);\n --color-on-error: var(--color-red-100);\n --color-on-error-container: var(--color-red-10);\n --color-on-green: var(--color-green-100);\n --color-on-green-container: var(--color-green-10);\n --color-on-orange: var(--color-orange-100);\n --color-on-orange-container: var(--color-orange-10);\n --color-on-primary: var(--color-primary-100);\n --color-on-primary-container: var(--color-primary-10);\n --color-on-purple: var(--color-purple-100);\n --color-on-purple-container: var(--color-purple-10);\n --color-on-red: var(--color-red-100);\n --color-on-red-container: var(--color-red-10);\n --color-on-secondary: var(--color-secondary-100);\n --color-on-secondary-container: var(--color-secondary-10);\n --color-on-success: var(--color-green-100);\n --color-on-success-container: var(--color-green-10);\n --color-on-surface: var(--color-neutral-10);\n --color-on-surface-variant: var(--color-neutral-variant-30);\n --color-on-tertiary: var(--color-tertiary-100);\n --color-on-tertiary-container: var(--color-tertiary-10);\n --color-on-warning: var(--color-yellow-100);\n --color-on-warning-container: var(--color-yellow-10);\n --color-on-yellow: var(--color-yellow-100);\n --color-on-yellow-container: var(--color-yellow-10);\n --color-orange: var(--color-orange-40);\n --color-orange-0: #000000;\n --color-orange-10: #341100;\n --color-orange-20: #552100;\n --color-orange-30: #783100;\n --color-orange-40: #9e4300;\n --color-orange-50: #c55500;\n --color-orange-60: #ee6803;\n --color-orange-70: #ff8d4c;\n --color-orange-80: #ffb691;\n --color-orange-90: #ffdbcb;\n --color-orange-100: #ffffff;\n --color-orange-container: var(--color-orange-90);\n --color-outline: var(--color-neutral-variant-50);\n --color-outline-variant: var(--color-neutral-variant-80);\n --color-primary: var(--color-primary-40);\n --color-primary-0: #000000;\n --color-primary-10: #1d0061;\n --color-primary-20: #330098;\n --color-primary-30: #4a21bd;\n --color-primary-40: #6341d5;\n --color-primary-50: #7c5df0;\n --color-primary-60: #967cff;\n --color-primary-70: #b09dff;\n --color-primary-80: #cbbeff;\n --color-primary-90: #e7deff;\n --color-primary-95: #f4eeff;\n --color-primary-98: #fdf8ff;\n --color-primary-100: #ffffff;\n --color-primary-container: var(--color-primary-90);\n --color-purple: var(--color-purple-40);\n --color-purple-0: #000000;\n --color-purple-10: #3f001c;\n --color-purple-20: #650032;\n --color-purple-30: #8e0048;\n --color-purple-40: #ba0061;\n --color-purple-50: #e6067a;\n --color-purple-60: #ff4993;\n --color-purple-70: #ff84ad;\n --color-purple-80: #ffb1c7;\n --color-purple-90: #ffd9e2;\n --color-purple-100: #ffffff;\n --color-purple-container: var(--color-purple-90);\n --color-red: var(--color-red-40);\n --color-red-0: #000000;\n --color-red-10: #410001;\n --color-red-20: #690002;\n --color-red-30: #930005;\n --color-red-40: #be0c0e;\n --color-red-50: #e32e25;\n --color-red-60: #ff5545;\n --color-red-70: #ff8a7b;\n --color-red-80: #ffb4a9;\n --color-red-90: #ffdad5;\n --color-red-100: #ffffff;\n --color-red-container: var(--color-red-90);\n --color-scrim: var(--color-neutral-0);\n --color-secondary: var(--color-secondary-40);\n --color-secondary-0: #000000;\n --color-secondary-10: #1d192b;\n --color-secondary-20: #322e41;\n --color-secondary-30: #484458;\n --color-secondary-40: #605b71;\n --color-secondary-50: #79748a;\n --color-secondary-60: #938da5;\n --color-secondary-70: #aea8c0;\n --color-secondary-80: #cac3dc;\n --color-secondary-90: #e6dff9;\n --color-secondary-95: #f4eeff;\n --color-secondary-98: #fdf8ff;\n --color-secondary-100: #ffffff;\n --color-secondary-container: var(--color-secondary-90);\n --color-shadow: var(--color-neutral-0);\n --color-success: var(--color-green-40);\n --color-success-container: var(--color-green-90);\n --color-surface: var(--color-neutral-99);\n --color-surface-container: var(--color-neutral-94);\n --color-surface-container-high: var(--color-neutral-92);\n --color-surface-container-highest: var(--color-neutral-90);\n --color-surface-container-low: var(--color-neutral-96);\n --color-surface-container-lowest: var(--color-neutral-100);\n --color-surface-dim: var(--color-neutral-87);\n --color-surface-variant: var(--color-neutral-variant-90);\n --color-tertiary: var(--color-tertiary-40);\n --color-tertiary-0: #000000;\n --color-tertiary-10: #30111f;\n --color-tertiary-20: #492534;\n --color-tertiary-30: #623b4b;\n --color-tertiary-40: #7c5263;\n --color-tertiary-50: #986a7b;\n --color-tertiary-60: #b48395;\n --color-tertiary-70: #d09db0;\n --color-tertiary-80: #eeb8cb;\n --color-tertiary-90: #ffd9e5;\n --color-tertiary-95: #ffecf1;\n --color-tertiary-98: #fff8f8;\n --color-tertiary-100: #ffffff;\n --color-tertiary-container: var(--color-tertiary-90);\n --color-warning: var(--color-yellow-40);\n --color-warning-container: var(--color-yellow-90);\n --color-white: #ffffff;\n --color-yellow: var(--color-yellow-40);\n --color-yellow-0: #000000;\n --color-yellow-10: #241a00;\n --color-yellow-20: #3d2f00;\n --color-yellow-30: #574400;\n --color-yellow-40: #745b00;\n --color-yellow-50: #917400;\n --color-yellow-60: #b08d00;\n --color-yellow-70: #d0a600;\n --color-yellow-80: #f0c100;\n --color-yellow-90: #ffe089;\n --color-yellow-100: #ffffff;\n --color-yellow-container: var(--color-yellow-90);\n --container-lg: 1056px; / Large container width. Intended for standard desktop layouts with typical content density. /\n --container-max: 1584px; / Maximum container width. Use when constraining very wide layouts to maintain readable line lengths. /\n --container-md: 672px; / Medium container width. Suitable for tablet layouts and compact desktop content areas. /\n --container-sm: 320px; / Small container width. Use for narrow layouts and small screens such as mobile devices. /\n --container-xl: 1312px; / Extra large container width. Use for wide desktop displays and content-heavy pages. /\n --duration-long1: 450ms; / These durations are often paired with Emphasized easing. /\n --duration-long2: 500ms; / These durations are often paired with Emphasized easing. /\n --duration-medium1: 250ms; / These are used for medium duration transitions, like modal animations. /\n --duration-medium2: 300ms; / These are used for medium duration transitions, like modal animations. /\n --duration-short1: 50ms; / These are used for small utility-focused transitions. Like checkbox animations. /\n --duration-short2: 100ms; / These are used for small utility-focused transitions. Like checkbox animations. /\n --duration-short3: 150ms; / These are used for small utility-focused transitions. Like checkbox animations. /\n --duration-short4: 200ms; / These are used for small utility-focused transitions. Like checkbox animations. /\n --easing-linear: cubic-bezier(0, 0, 1, 1);\n --easing-standard: cubic-bezier(0.2, 0, 0, 1);\n --font-family-brand: \"Noto Sans\", sans-serif; / The font family used for brand headings and titles. /\n --font-family-monospace: \"Noto Sans Mono\", monospace; / The font family used for code snippets and monospaced text. /\n --font-family-sans: \"Noto Sans\", sans-serif; / The primary font family used for body text and general content. /\n --font-weight-bold: 700; / Bold weight for emphasis. 700 weight. /\n --font-weight-medium: 500; / Slightly heavier than regular weight. 500 weight. /\n --font-weight-regular: 400; / Standard weight for regular text. 400 weight. /\n --font-weight-semi-bold: 600; / Heavier than medium weight. 600 weight. /\n --global-avatar-border-radius: var(--shape-corner-full);\n --global-badge-color: var(--color-error);\n --shape-corner-extra-large: 28px;\n --shape-corner-extra-small: 4px;\n --shape-corner-full: 9999px;\n --shape-corner-large: 16px;\n --shape-corner-large-increased: 20px;\n --shape-corner-medium: 12px;\n --shape-corner-none: 0;\n --shape-corner-small: 8px;\n --spacing-000: 0; / No spacing (base × 0). /\n --spacing-025: 0.125rem; / 2px - Smallest increment (base × 0.125). /\n --spacing-050: 0.25rem; / 4px - Extra small spacing (base × 0.25). /\n --spacing-100: 0.5rem; / 8px - Small spacing (base × 0.5). /\n --spacing-150: 0.75rem; / 12px - Small-medium spacing (base × 0.75). /\n --spacing-200: 1rem; / 16px - Base spacing unit (base × 1). /\n --spacing-300: 1.5rem; / 24px - Medium spacing (base × 1.5). /\n --spacing-400: 2rem; / 32px - Medium-large spacing (base × 2). /\n --spacing-500: 2.5rem; / 40px - Large spacing (base × 2.5). /\n --spacing-600: 3rem; / 48px - Extra large spacing (base × 3). /\n --spacing-800: 4rem; / 64px - Huge spacing (base × 4). /\n --spacing-1000: 5rem; / 80px - Massive spacing (base × 5). /\n --spacing-1200: 6rem; / 96px - Gigantic spacing (base × 6). /\n --spacing-2000: 10rem; / 160px - Maximum defined spacing (base × 10). /\n --spacing-base: 1rem; / Base spacing unit (1rem = 16px). /\n --typography-body-large-emphasized-font-family: var(--font-family-sans);\n --typography-body-large-emphasized-font-size: 1rem;\n --typography-body-large-emphasized-font-weight: var(--font-weight-medium);\n --typography-body-large-emphasized-letter-spacing: 0.5px;\n --typography-body-large-emphasized-line-height: 1.5rem;\n --typography-body-large-font-family: var(--font-family-sans);\n --typography-body-large-font-size: 1rem;\n --typography-body-large-font-weight: var(--font-weight-regular);\n --typography-body-large-letter-spacing: 0.5px;\n --typography-body-large-line-height: 1.5rem;\n --typography-body-medium-emphasized-font-family: var(--font-family-sans);\n --typography-body-medium-emphasized-font-size: 0.875rem;\n --typography-body-medium-emphasized-font-weight: var(--font-weight-medium);\n --typography-body-medium-emphasized-letter-spacing: 0.25px;\n --typography-body-medium-emphasized-line-height: 1.25rem;\n --typography-body-medium-font-family: var(--font-family-sans);\n --typography-body-medium-font-size: 0.875rem;\n --typography-body-medium-font-weight: var(--font-weight-regular);\n --typography-body-medium-letter-spacing: 0.25px;\n --typography-body-medium-line-height: 1.25rem;\n --typography-body-small-emphasized-font-family: var(--font-family-sans);\n --typography-body-small-emphasized-font-size: 0.75rem;\n --typography-body-small-emphasized-font-weight: var(--font-weight-medium);\n --typography-body-small-emphasized-letter-spacing: 0.4000000059604645px;\n --typography-body-small-emphasized-line-height: 1rem;\n --typography-body-small-font-family: var(--font-family-sans);\n --typography-body-small-font-size: 0.75rem;\n --typography-body-small-font-weight: var(--font-weight-regular);\n --typography-body-small-letter-spacing: 0.4000000059604645px;\n --typography-body-small-line-height: 1rem;\n --typography-code-large-emphasized-font-family: var(--font-family-monospace);\n --typography-code-large-emphasized-font-size: 1rem;\n --typography-code-large-emphasized-font-weight: var(--font-weight-medium);\n --typography-code-large-emphasized-letter-spacing: 0.5px;\n --typography-code-large-emphasized-line-height: 1.5rem;\n --typography-code-large-font-family: var(--font-family-monospace);\n --typography-code-large-font-size: 1rem;\n --typography-code-large-font-weight: var(--font-weight-regular);\n --typography-code-large-letter-spacing: 0.5px;\n --typography-code-large-line-height: 1.5rem;\n --typography-code-medium-emphasized-font-family: var(--font-family-monospace);\n --typography-code-medium-emphasized-font-size: 0.875rem;\n --typography-code-medium-emphasized-font-weight: var(--font-weight-medium);\n --typography-code-medium-emphasized-letter-spacing: 0.25px;\n --typography-code-medium-emphasized-line-height: 1.25rem;\n --typography-code-medium-font-family: var(--font-family-monospace);\n --typography-code-medium-font-size: 0.875rem;\n --typography-code-medium-font-weight: var(--font-weight-regular);\n --typography-code-medium-letter-spacing: 0.25px;\n --typography-code-medium-line-height: 1.25rem;\n --typography-code-small-emphasized-font-family: var(--font-family-monospace);\n --typography-code-small-emphasized-font-size: 0.75rem;\n --typography-code-small-emphasized-font-weight: var(--font-weight-medium);\n --typography-code-small-emphasized-letter-spacing: 0.4000000059604645px;\n --typography-code-small-emphasized-line-height: 1rem;\n --typography-code-small-font-family: var(--font-family-monospace);\n --typography-code-small-font-size: 0.75rem;\n --typography-code-small-font-weight: var(--font-weight-regular);\n --typography-code-small-letter-spacing: 0.4000000059604645px;\n --typography-code-small-line-height: 1rem;\n --typography-display-large-emphasized-font-family: var(--font-family-sans);\n --typography-display-large-emphasized-font-size: 3.5625rem;\n --typography-display-large-emphasized-font-weight: var(--font-weight-medium);\n --typography-display-large-emphasized-letter-spacing: -0.25px;\n --typography-display-large-emphasized-line-height: 4rem;\n --typography-display-large-font-family: var(--font-family-sans);\n --typography-display-large-font-size: 3.5625rem;\n --typography-display-large-font-weight: var(--font-weight-regular);\n --typography-display-large-letter-spacing: -0.25px;\n --typography-display-large-line-height: 4rem;\n --typography-display-medium-emphasized-font-family: var(--font-family-sans);\n --typography-display-medium-emphasized-font-size: 2.8125rem;\n --typography-display-medium-emphasized-font-weight: var(--font-weight-medium);\n --typography-display-medium-emphasized-letter-spacing: 0;\n --typography-display-medium-emphasized-line-height: 3.25rem;\n --typography-display-medium-font-family: var(--font-family-sans);\n --typography-display-medium-font-size: 2.8125rem;\n --typography-display-medium-font-weight: var(--font-weight-regular);\n --typography-display-medium-letter-spacing: 0;\n --typography-display-medium-line-height: 3.25rem;\n --typography-display-small-emphasized-font-family: var(--font-family-sans);\n --typography-display-small-emphasized-font-size: 2.25rem;\n --typography-display-small-emphasized-font-weight: var(--font-weight-medium);\n --typography-display-small-emphasized-letter-spacing: 0;\n --typography-display-small-emphasized-line-height: 2.75rem;\n --typography-display-small-font-family: var(--font-family-sans);\n --typography-display-small-font-size: 2.25rem;\n --typography-display-small-font-weight: var(--font-weight-regular);\n --typography-display-small-letter-spacing: 0;\n --typography-display-small-line-height: 2.75rem;\n --typography-headline-large-emphasized-font-family: var(--font-family-sans);\n --typography-headline-large-emphasized-font-size: 2rem;\n --typography-headline-large-emphasized-font-weight: var(--font-weight-medium);\n --typography-headline-large-emphasized-letter-spacing: 0;\n --typography-headline-large-emphasized-line-height: 2.5rem;\n --typography-headline-large-font-family: var(--font-family-sans);\n --typography-headline-large-font-size: 2rem;\n --typography-headline-large-font-weight: var(--font-weight-regular);\n --typography-headline-large-letter-spacing: 0;\n --typography-headline-large-line-height: 2.5rem;\n --typography-headline-medium-emphasized-font-family: var(--font-family-sans);\n --typography-headline-medium-emphasized-font-size: 1.75rem;\n --typography-headline-medium-emphasized-font-weight: var(--font-weight-medium);\n --typography-headline-medium-emphasized-letter-spacing: 0;\n --typography-headline-medium-emphasized-line-height: 2.25rem;\n --typography-headline-medium-font-family: var(--font-family-sans);\n --typography-headline-medium-font-size: 1.75rem;\n --typography-headline-medium-font-weight: var(--font-weight-regular);\n --typography-headline-medium-letter-spacing: 0;\n --typography-headline-medium-line-height: 2.25rem;\n --typography-headline-small-emphasized-font-family: var(--font-family-sans);\n --typography-headline-small-emphasized-font-size: 1.5rem;\n --typography-headline-small-emphasized-font-weight: var(--font-weight-medium);\n --typography-headline-small-emphasized-letter-spacing: 0;\n --typography-headline-small-emphasized-line-height: 2rem;\n --typography-headline-small-font-family: var(--font-family-sans);\n --typography-headline-small-font-size: 1.5rem;\n --typography-headline-small-font-weight: var(--font-weight-regular);\n --typography-headline-small-letter-spacing: 0;\n --typography-headline-small-line-height: 2rem;\n --typography-label-large-emphasized-font-family: var(--font-family-sans);\n --typography-label-large-emphasized-font-size: 0.875rem;\n --typography-label-large-emphasized-font-weight: var(--font-weight-semi-bold);\n --typography-label-large-emphasized-letter-spacing: 0.10000000149011612px;\n --typography-label-large-emphasized-line-height: 1.25rem;\n --typography-label-large-font-family: var(--font-family-sans);\n --typography-label-large-font-size: 0.875rem;\n --typography-label-large-font-weight: var(--font-weight-medium);\n --typography-label-large-letter-spacing: 0.10000000149011612px;\n --typography-label-large-line-height: 1.25rem;\n --typography-label-medium-emphasized-font-family: var(--font-family-sans);\n --typography-label-medium-emphasized-font-size: 0.75rem;\n --typography-label-medium-emphasized-font-weight: var(--font-weight-semi-bold);\n --typography-label-medium-emphasized-letter-spacing: 0.5px;\n --typography-label-medium-emphasized-line-height: 1rem;\n --typography-label-medium-font-family: var(--font-family-sans);\n --typography-label-medium-font-size: 0.75rem;\n --typography-label-medium-font-weight: var(--font-weight-medium);\n --typography-label-medium-letter-spacing: 0.5px;\n --typography-label-medium-line-height: 1rem;\n --typography-label-small-emphasized-font-family: var(--font-family-sans);\n --typography-label-small-emphasized-font-size: 0.6875rem;\n --typography-label-small-emphasized-font-weight: var(--font-weight-semi-bold);\n --typography-label-small-emphasized-letter-spacing: 0.5px;\n --typography-label-small-emphasized-line-height: 1rem;\n --typography-label-small-font-family: var(--font-family-sans);\n --typography-label-small-font-size: 0.6875rem;\n --typography-label-small-font-weight: var(--font-weight-medium);\n --typography-label-small-letter-spacing: 0.5px;\n --typography-label-small-line-height: 1rem;\n --typography-title-large-emphasized-font-family: var(--font-family-sans);\n --typography-title-large-emphasized-font-size: 1.375rem;\n --typography-title-large-emphasized-font-weight: var(--font-weight-medium);\n --typography-title-large-emphasized-letter-spacing: 0;\n --typography-title-large-emphasized-line-height: 1.75rem;\n --typography-title-large-font-family: var(--font-family-sans);\n --typography-title-large-font-size: 1.375rem;\n --typography-title-large-font-weight: var(--font-weight-regular);\n --typography-title-large-letter-spacing: 0;\n --typography-title-large-line-height: 1.75rem;\n --typography-title-medium-emphasized-font-family: var(--font-family-sans);\n --typography-title-medium-emphasized-font-size: 1rem;\n --typography-title-medium-emphasized-font-weight: var(--font-weight-semi-bold);\n --typography-title-medium-emphasized-letter-spacing: 0.15000000596046448px;\n --typography-title-medium-emphasized-line-height: 1.5rem;\n --typography-title-medium-font-family: var(--font-family-sans);\n --typography-title-medium-font-size: 1rem;\n --typography-title-medium-font-weight: var(--font-weight-medium);\n --typography-title-medium-letter-spacing: 0.15000000596046448px;\n --typography-title-medium-line-height: 1.5rem;\n --typography-title-small-emphasized-font-family: var(--font-family-sans);\n --typography-title-small-emphasized-font-size: 0.875rem;\n --typography-title-small-emphasized-font-weight: var(--font-weight-semi-bold);\n --typography-title-small-emphasized-letter-spacing: 0.10000000149011612px;\n --typography-title-small-emphasized-line-height: 1.25rem;\n --typography-title-small-font-family: var(--font-family-sans);\n --typography-title-small-font-size: 0.875rem;\n --typography-title-small-font-weight: var(--font-weight-medium);\n --typography-title-small-letter-spacing: 0.10000000149011612px;\n --typography-title-small-line-height: 1.25rem;\n --z-index-badge: 10;\n color-scheme: light dark;\n}\n\n[data-theme='dark'] {\n --color-blue: var(--color-blue-80);\n --color-blue-container: var(--color-blue-30);\n --color-error: var(--color-red-80);\n --color-error-container: var(--color-red-30);\n --color-green: var(--color-green-80);\n --color-green-container: var(--color-green-30);\n --color-inverse-blue: var(--color-blue-40);\n --color-inverse-error: var(--color-red-40);\n --color-inverse-green: var(--color-green-40);\n --color-inverse-on-surface: var(--color-neutral-20);\n --color-inverse-orange: var(--color-orange-40);\n --color-inverse-primary: var(--color-primary-40);\n --color-inverse-purple: var(--color-purple-40);\n --color-inverse-red: var(--color-red-40);\n --color-inverse-secondary: var(--color-secondary-40);\n --color-inverse-success: var(--color-green-40);\n --color-inverse-surface: var(--color-neutral-90);\n --color-inverse-tertiary: var(--color-tertiary-40);\n --color-inverse-warning: var(--color-yellow-40);\n --color-inverse-yellow: var(--color-yellow-40);\n --color-on-blue: var(--color-blue-20);\n --color-on-blue-container: var(--color-blue-90);\n --color-on-error: var(--color-red-20);\n --color-on-error-container: var(--color-red-90);\n --color-on-green: var(--color-green-20);\n --color-on-green-container: var(--color-green-90);\n --color-on-orange: var(--color-orange-20);\n --color-on-orange-container: var(--color-orange-90);\n --color-on-primary: var(--color-primary-20);\n --color-on-primary-container: var(--color-primary-90);\n --color-on-purple: var(--color-purple-20);\n --color-on-purple-container: var(--color-purple-90);\n --color-on-red: var(--color-red-20);\n --color-on-red-container: var(--color-red-90);\n --color-on-secondary: var(--color-secondary-20);\n --color-on-secondary-container: var(--color-secondary-90);\n --color-on-success: var(--color-green-20);\n --color-on-success-container: var(--color-green-90);\n --color-on-surface: var(--color-neutral-90);\n --color-on-surface-variant: var(--color-neutral-variant-80);\n --color-on-tertiary: var(--color-tertiary-20);\n --color-on-tertiary-container: var(--color-tertiary-90);\n --color-on-warning: var(--color-yellow-20);\n --color-on-warning-container: var(--color-yellow-90);\n --color-on-yellow: var(--color-yellow-20);\n --color-on-yellow-container: var(--color-yellow-90);\n --color-orange: var(--color-orange-80);\n --color-orange-container: var(--color-orange-30);\n --color-outline: var(--color-neutral-variant-60);\n --color-outline-variant: var(--color-neutral-variant-30);\n --color-primary: var(--color-primary-80);\n --color-primary-container: var(--color-primary-30);\n --color-purple: var(--color-purple-80);\n --color-purple-container: var(--color-purple-30);\n --color-red: var(--color-red-80);\n --color-red-container: var(--color-red-30);\n --color-scrim: var(--color-neutral-0);\n --color-secondary: var(--color-secondary-80);\n --color-secondary-container: var(--color-secondary-30);\n --color-shadow: var(--color-neutral-0);\n --color-success: var(--color-green-80);\n --color-success-container: var(--color-green-30);\n --color-surface: var(--color-neutral-10);\n --color-surface-container: var(--color-neutral-12);\n --color-surface-container-high: var(--color-neutral-17);\n --color-surface-container-highest: var(--color-neutral-22);\n --color-surface-container-low: var(--color-neutral-10);\n --color-surface-container-lowest: var(--color-neutral-4);\n --color-surface-dim: var(--color-neutral-6);\n --color-surface-variant: var(--color-neutral-variant-30);\n --color-tertiary: var(--color-tertiary-80);\n --color-tertiary-container: var(--color-tertiary-30);\n --color-warning: var(--color-yellow-80);\n --color-warning-container: var(--color-yellow-30);\n --color-yellow: var(--color-yellow-80);\n --color-yellow-container: var(--color-yellow-30);\n}\n\n","@mixin base-styles {\n {\n box-sizing: border-box;\n }\n\n .screen-reader-only {\n display: none !important;\n }\n}\n\n@mixin get-typography($name) {\n font-family: var(--typography-#{$name}-font-family) !important;\n font-size: var(--typography-#{$name}-font-size) !important;\n font-weight: var(--typography-#{$name}-font-weight) !important;\n line-height: var(--typography-#{$name}-line-height) !important;\n letter-spacing: var(--typography-#{$name}-letter-spacing) !important;\n}\n\n@mixin get-typography-not-important($name) {\n font-family: var(--typography-#{$name}-font-family);\n font-size: var(--typography-#{$name}-font-size);\n font-weight: var(--typography-#{$name}-font-weight);\n line-height: var(--typography-#{$name}-line-height);\n letter-spacing: var(--typography-#{$name}-letter-spacing);\n}\n\n@mixin focus-ring($color:var(--color-black)) {\n outline: 2px solid $color;\n}\n\n@mixin for-phone-only {\n @media (max-width: 671px) {\n @content;\n }\n}\n\n@mixin for-tablet-portrait-up {\n @media (min-width: 672px) {\n @content;\n }\n}\n\n@mixin for-tablet-landscape-up {\n @media (min-width: 1056px) {\n @content;\n }\n}\n\n@mixin for-desktop-up {\n @media (min-width: 1312px) {\n @content;\n }\n}\n\n@mixin for-big-desktop-up {\n @media (min-width: 1584px) {\n @content;\n }\n}\n","@use \"../../scss/mixin\";\n@use \"sass:string\";\n\n@include mixin.base-styles;\n\n@mixin _apply-typography($value-type) {\n @include mixin.get-typography(#{$value-type});\n @if string.index($value-type, \"body\") {\n margin-block-end: var(--spacing-200);\n }\n @if string.index($value-type, \"headline\") {\n margin-block-end: var(--spacing-200);\n }\n @if string.index($value-type, \"display\") {\n margin-block-end: var(--spacing-400);\n }\n @if string.index($value-type, \"title\") {\n margin-block-end: var(--spacing-400);\n }\n}\n\n/// Mixin to define text classes for a specific type and value-type\n/// @param {String} $type - The type name to be used in the class name (e.g., .text-#{$type})\n/// @param {String} $value-type - The value-type name to be passed to get-typography and get-margin-end\n/// @param {Boolean} $important [true] - Whether to use !important in typography properties\n@mixin define-text-classes($type, $value-type) {\n .text-#{$type} {\n @include _apply-typography($value-type);\n }\n\n .text-#{$type}-emphasized {\n @include _apply-typography(#{$value-type}-emphasized);\n }\n}\n\n\n/// List of typography types\n$types: \"display\", \"headline\", \"body\", 'code', 'label', 'title';\n\n/// List of typography sizes\n$sizes: \"large\", \"medium\", 'small';\n\n/// Generate text classes for each type and size\n@each $type in $types {\n @include define-text-classes($type, #{$type}-medium);\n @each $size in $sizes {\n @include define-text-classes(#{$type}-#{$size}, #{$type}-#{$size});\n }\n}\n\n.text-code-block {\n font-family: var(--font-family-monospace);\n background: var(--color-primary-container);\n border-radius: var(--shape-corner-extra-small);\n padding-inline: var(--spacing-050);\n}\n","@use \"../../scss/mixin\";\n\n@include mixin.base-styles;\n\n.link {\n border-radius: inherit;\n corner-shape: inherit;\n\n color: var(--color-primary);\n --icon-color: currentColor;\n text-decoration: none;\n\n &:hover, &:focus-visible {\n text-decoration: underline;\n }\n\n &.inherit {\n color: inherit;\n text-decoration: none !important;\n }\n\n &.with-icon {\n display: inline-flex;\n align-items: center;\n gap: 0.5em;\n }\n}\n","@use \"../../scss/mixin\";\n@use \"sass:string\";\n\n@include mixin.base-styles;\n\n.tooltip {\n display: inline-block;\n @include mixin.get-typography(body-small);\n max-width: 17.5rem;\n padding-inline: var(--spacing-100);\n padding-block: var(--spacing-050);\n color: var(--color-inverse-on-surface);\n background-color: var(--color-inverse-surface);\n border-radius: var(--shape-corner-extra-small);\n}\n\n.tooltip-link {\n border-bottom: 1px dashed var(--color-on-surface);\n}\n"]}
1	+ {"version":3,"sourceRoot":"","sources":["file:///home/runner/work/peacock/peacock/components/scss/tokens.css","file:///home/runner/work/peacock/peacock/components/scss/mixin.scss","file:///home/runner/work/peacock/peacock/components/src/text/text.css-component.scss","file:///home/runner/work/peacock/peacock/components/src/link/link.css-component.scss","file:///home/runner/work/peacock/peacock/components/src/popover/tooltip.css-component.scss","file:///home/runner/work/peacock/peacock/components/scss/styles.scss"],"names":[],"mappings":"AAIA,MACE,uBACA,mCACA,wBACA,yBACA,yBACA,yBACA,yBACA,yBACA,yBACA,yBACA,yBACA,yBACA,0BACA,6CACA,mCACA,6CACA,qCACA,yBACA,0BACA,0BACA,0BACA,0BACA,0BACA,0BACA,0BACA,0BACA,0BACA,2BACA,+CACA,2CACA,2CACA,6CACA,oDACA,+CACA,iDACA,+CACA,yCACA,qDACA,+CACA,iDACA,mDACA,gDACA,+CACA,yBACA,2BACA,2BACA,2BACA,4BACA,4BACA,4BACA,4BACA,4BACA,4BACA,4BACA,4BACA,4BACA,4BACA,4BACA,4BACA,4BACA,4BACA,4BACA,4BACA,4BACA,4BACA,4BACA,6BACA,iCACA,mCACA,mCACA,mCACA,oCACA,oCACA,oCACA,oCACA,oCACA,oCACA,oCACA,oCACA,oCACA,oCACA,oCACA,oCACA,oCACA,oCACA,oCACA,oCACA,oCACA,oCACA,oCACA,qCACA,uCACA,gDACA,uCACA,gDACA,yCACA,kDACA,2CACA,oDACA,6CACA,sDACA,2CACA,oDACA,qCACA,8CACA,iDACA,0DACA,2CACA,oDACA,4CACA,4DACA,+CACA,wDACA,4CACA,qDACA,2CACA,oDACA,uCACA,0BACA,2BACA,2BACA,2BACA,2BACA,2BACA,2BACA,2BACA,2BACA,2BACA,4BACA,iDACA,iDACA,yDACA,yCACA,2BACA,4BACA,4BACA,4BACA,4BACA,4BACA,4BACA,4BACA,4BACA,4BACA,4BACA,4BACA,6BACA,mDACA,uCACA,0BACA,2BACA,2BACA,2BACA,2BACA,2BACA,2BACA,2BACA,2BACA,2BACA,4BACA,iDACA,iCACA,uBACA,wBACA,wBACA,wBACA,wBACA,wBACA,wBACA,wBACA,wBACA,wBACA,yBACA,2CACA,sCACA,6CACA,6BACA,8BACA,8BACA,8BACA,8BACA,8BACA,8BACA,8BACA,8BACA,8BACA,8BACA,8BACA,+BACA,uDACA,uCACA,uCACA,iDACA,yCACA,mDACA,wDACA,2DACA,uDACA,2DACA,6CACA,yDACA,2CACA,4BACA,6BACA,6BACA,6BACA,6BACA,6BACA,6BACA,6BACA,6BACA,6BACA,6BACA,6BACA,8BACA,qDACA,wCACA,kDACA,uBACA,uCACA,0BACA,2BACA,2BACA,2BACA,2BACA,2BACA,2BACA,2BACA,2BACA,2BACA,4BACA,iDACA,uBACA,wBACA,sBACA,sBACA,uBACA,wBACA,wBACA,0BACA,0BACA,wBACA,yBACA,yBACA,yBACA,0CACA,8CACA,6CACA,qDACA,4CACA,wBACA,0BACA,2BACA,6BACA,wDACA,yCACA,uBACA,iCACA,gCACA,4BACA,2BACA,qCACA,4BACA,uBACA,0BACA,iBACA,wBACA,uBACA,sBACA,uBACA,oBACA,sBACA,oBACA,sBACA,oBACA,oBACA,qBACA,qBACA,sBACA,qBACA,wEACA,mDACA,0EACA,yDACA,uDACA,6DACA,wCACA,gEACA,8CACA,4CACA,yEACA,wDACA,2EACA,2DACA,yDACA,8DACA,6CACA,iEACA,gDACA,8CACA,wEACA,sDACA,0EACA,wEACA,qDACA,6DACA,2CACA,gEACA,6DACA,0CACA,6EACA,mDACA,0EACA,yDACA,uDACA,kEACA,wCACA,gEACA,8CACA,4CACA,8EACA,wDACA,2EACA,2DACA,yDACA,mEACA,6CACA,iEACA,gDACA,8CACA,6EACA,sDACA,0EACA,wEACA,qDACA,kEACA,2CACA,gEACA,6DACA,0CACA,2EACA,2DACA,6EACA,8DACA,wDACA,gEACA,gDACA,mEACA,mDACA,6CACA,4EACA,4DACA,8EACA,yDACA,4DACA,iEACA,iDACA,oEACA,8CACA,iDACA,2EACA,yDACA,6EACA,wDACA,2DACA,gEACA,8CACA,mEACA,6CACA,gDACA,4EACA,uDACA,8EACA,yDACA,2DACA,iEACA,4CACA,oEACA,8CACA,gDACA,6EACA,2DACA,+EACA,0DACA,6DACA,kEACA,gDACA,qEACA,+CACA,kDACA,4EACA,yDACA,8EACA,yDACA,yDACA,iEACA,8CACA,oEACA,8CACA,8CACA,yEACA,wDACA,8EACA,0EACA,yDACA,8DACA,6CACA,gEACA,+DACA,8CACA,0EACA,wDACA,+EACA,2DACA,uDACA,+DACA,6CACA,iEACA,gDACA,4CACA,yEACA,yDACA,8EACA,0DACA,sDACA,8DACA,8CACA,gEACA,+CACA,2CACA,yEACA,wDACA,2EACA,sDACA,yDACA,8DACA,6CACA,iEACA,2CACA,8CACA,0EACA,qDACA,+EACA,2EACA,yDACA,+DACA,0CACA,iEACA,gEACA,8CACA,yEACA,wDACA,8EACA,0EACA,yDACA,8DACA,6CACA,gEACA,+DACA,8CACA,oBACA,wBAGF,kBACE,mCACA,6CACA,mCACA,6CACA,qCACA,+CACA,2CACA,2CACA,6CACA,oDACA,+CACA,iDACA,+CACA,yCACA,qDACA,+CACA,iDACA,mDACA,gDACA,+CACA,sCACA,gDACA,sCACA,gDACA,wCACA,kDACA,0CACA,oDACA,4CACA,sDACA,0CACA,oDACA,oCACA,8CACA,gDACA,0DACA,0CACA,oDACA,4CACA,4DACA,8CACA,wDACA,2CACA,qDACA,0CACA,oDACA,uCACA,iDACA,iDACA,yDACA,yCACA,mDACA,uCACA,iDACA,iCACA,2CACA,sCACA,6CACA,uDACA,uCACA,uCACA,iDACA,yCACA,mDACA,wDACA,2DACA,uDACA,yDACA,4CACA,yDACA,2CACA,qDACA,wCACA,kDACA,uCACA,iDC/hBA,EACE,sBAGF,oBACE,wBCoBF,cDfA,oEACA,gEACA,oEACA,oEACA,0ECDE,oCAgBF,yBDnBA,+EACA,2EACA,+EACA,+EACA,qFCDE,oCAYF,oBDfA,mEACA,+DACA,mEACA,mEACA,yECDE,oCAgBF,+BDnBA,8EACA,0EACA,8EACA,8EACA,oFCDE,oCAYF,qBDfA,oEACA,gEACA,oEACA,oEACA,0ECDE,oCAgBF,gCDnBA,+EACA,2EACA,+EACA,+EACA,qFCDE,oCAYF,oBDfA,mEACA,+DACA,mEACA,mEACA,yECDE,oCAgBF,+BDnBA,8EACA,0EACA,8EACA,8EACA,oFCDE,oCAYF,eDfA,qEACA,iEACA,qEACA,qEACA,2ECJE,oCAmBF,0BDnBA,gFACA,4EACA,gFACA,gFACA,sFCJE,oCAeF,qBDfA,oEACA,gEACA,oEACA,oEACA,0ECJE,oCAmBF,gCDnBA,+EACA,2EACA,+EACA,+EACA,qFCJE,oCAeF,sBDfA,qEACA,iEACA,qEACA,qEACA,2ECJE,oCAmBF,iCDnBA,gFACA,4EACA,gFACA,gFACA,sFCJE,oCAeF,qBDfA,oEACA,gEACA,oEACA,oEACA,0ECJE,oCAmBF,gCDnBA,+EACA,2EACA,+EACA,+EACA,qFCJE,oCAeF,WDfA,iEACA,6DACA,iEACA,iEACA,uECPE,oCAsBF,sBDnBA,4EACA,wEACA,4EACA,4EACA,kFCPE,oCAkBF,iBDfA,gEACA,4DACA,gEACA,gEACA,sECPE,oCAsBF,4BDnBA,2EACA,uEACA,2EACA,2EACA,iFCPE,oCAkBF,kBDfA,iEACA,6DACA,iEACA,iEACA,uECPE,oCAsBF,6BDnBA,4EACA,wEACA,4EACA,4EACA,kFCPE,oCAkBF,iBDfA,gEACA,4DACA,gEACA,gEACA,sECPE,oCAsBF,4BDnBA,2EACA,uEACA,2EACA,2EACA,iFCPE,oCAkBF,WDfA,iEACA,6DACA,iEACA,iEACA,uECeA,sBDnBA,4EACA,wEACA,4EACA,4EACA,kFCWA,iBDfA,gEACA,4DACA,gEACA,gEACA,sECeA,4BDnBA,2EACA,uEACA,2EACA,2EACA,iFCWA,kBDfA,iEACA,6DACA,iEACA,iEACA,uECeA,6BDnBA,4EACA,wEACA,4EACA,4EACA,kFCWA,iBDfA,gEACA,4DACA,gEACA,gEACA,sECeA,4BDnBA,2EACA,uEACA,2EACA,2EACA,iFCWA,YDfA,kEACA,8DACA,kEACA,kEACA,wECeA,uBDnBA,6EACA,yEACA,6EACA,6EACA,mFCWA,kBDfA,iEACA,6DACA,iEACA,iEACA,uECeA,6BDnBA,4EACA,wEACA,4EACA,4EACA,kFCWA,mBDfA,kEACA,8DACA,kEACA,kEACA,wECeA,8BDnBA,6EACA,yEACA,6EACA,6EACA,mFCWA,kBDfA,iEACA,6DACA,iEACA,iEACA,uECeA,6BDnBA,4EACA,wEACA,4EACA,4EACA,kFCWA,YDfA,kEACA,8DACA,kEACA,kEACA,wECEE,oCAaF,uBDnBA,6EACA,yEACA,6EACA,6EACA,mFCEE,oCASF,kBDfA,iEACA,6DACA,iEACA,iEACA,uECEE,oCAaF,6BDnBA,4EACA,wEACA,4EACA,4EACA,kFCEE,oCASF,mBDfA,kEACA,8DACA,kEACA,kEACA,wECEE,oCAaF,8BDnBA,6EACA,yEACA,6EACA,6EACA,mFCEE,oCASF,kBDfA,iEACA,6DACA,iEACA,iEACA,uECEE,oCAaF,6BDnBA,4EACA,wEACA,4EACA,4EACA,kFCEE,oCAiCJ,iBACE,yCACA,0CACA,8CACA,kCDrDA,EACE,sBAGF,oBACE,wBEFJ,MACE,sBACA,qBAEA,2BACA,2BACA,qBAEA,gCACE,0BAGF,cACE,cACA,gCAGF,gBACE,oBACA,mBACA,SFvBF,EACE,sBAGF,oBACE,wBGDJ,SACE,qBHKA,gEACA,4DACA,gEACA,gEACA,sEGPA,kBACA,kCACA,iCACA,sCACA,8CACA,8CAGF,cACE,iDCZF,6IACE,8BACA,sCAGF,SACE,gCAGF,wBACE,+CAGF,2BACE,kDAGF,mBACE,0CAGF,uBACE,8CAGF,0BACE,iDAGF,aACE,oCAGF,iBACE,wCACA,sCACA,8CAGF,YACE,2BACA,gCAIF,oBACI,+BACA,6BAIJ,0BACE,sCACA","sourcesContent":["/* -------------------------------------------\n * Autogenerated by ⛋ Terrazzo. DO NOT EDIT!\n * ------------------------------------------- /\n\n:root {\n --color-black: #000000;\n --color-blue: var(--color-blue-40);\n --color-blue-0: #000000;\n --color-blue-10: #001550;\n --color-blue-20: #00277f;\n --color-blue-30: #003ab2;\n --color-blue-40: #2352d5;\n --color-blue-50: #446def;\n --color-blue-60: #6789ff;\n --color-blue-70: #90a7ff;\n --color-blue-80: #b6c4ff;\n --color-blue-90: #dce1ff;\n --color-blue-100: #ffffff;\n --color-blue-container: var(--color-blue-90);\n --color-error: var(--color-red-40);\n --color-error-container: var(--color-red-90);\n --color-green: var(--color-green-40);\n --color-green-0: #000000;\n --color-green-10: #00210b;\n --color-green-20: #003917;\n --color-green-30: #005225;\n --color-green-40: #0f6d35;\n --color-green-50: #31874b;\n --color-green-60: #4da163;\n --color-green-70: #68bd7b;\n --color-green-80: #83d995;\n --color-green-90: #9ff6af;\n --color-green-100: #ffffff;\n --color-green-container: var(--color-green-90);\n --color-inverse-blue: var(--color-blue-80);\n --color-inverse-error: var(--color-red-80);\n --color-inverse-green: var(--color-green-80);\n --color-inverse-on-surface: var(--color-neutral-95);\n --color-inverse-orange: var(--color-orange-80);\n --color-inverse-primary: var(--color-primary-80);\n --color-inverse-purple: var(--color-purple-80);\n --color-inverse-red: var(--color-red-80);\n --color-inverse-secondary: var(--color-secondary-80);\n --color-inverse-success: var(--color-green-80);\n --color-inverse-surface: var(--color-neutral-20);\n --color-inverse-tertiary: var(--color-tertiary-80);\n --color-inverse-warning: var(--color-yellow-80);\n --color-inverse-yellow: var(--color-yellow-80);\n --color-neutral: #79767a;\n --color-neutral-0: #000000;\n --color-neutral-4: #0f0e11;\n --color-neutral-6: #141316;\n --color-neutral-10: #1c1b1e;\n --color-neutral-12: #201f23;\n --color-neutral-17: #2b292d;\n --color-neutral-20: #313033;\n --color-neutral-22: #363438;\n --color-neutral-30: #48464a;\n --color-neutral-40: #605d62;\n --color-neutral-50: #79767a;\n --color-neutral-60: #939094;\n --color-neutral-70: #aeaaaf;\n --color-neutral-80: #c9c5ca;\n --color-neutral-87: #ddd9dd;\n --color-neutral-90: #e6e1e6;\n --color-neutral-92: #ebe7ec;\n --color-neutral-94: #f1ecf1;\n --color-neutral-95: #f4eff4;\n --color-neutral-96: #f7f2f7;\n --color-neutral-98: #fdf8fd;\n --color-neutral-99: #fffbff;\n --color-neutral-100: #ffffff;\n --color-neutral-variant: #79757f;\n --color-neutral-variant-0: #000000;\n --color-neutral-variant-4: #0f0d15;\n --color-neutral-variant-6: #14121a;\n --color-neutral-variant-10: #1c1a22;\n --color-neutral-variant-12: #201e27;\n --color-neutral-variant-17: #2b2931;\n --color-neutral-variant-20: #312f38;\n --color-neutral-variant-22: #36333c;\n --color-neutral-variant-30: #48454e;\n --color-neutral-variant-40: #605d66;\n --color-neutral-variant-50: #79757f;\n --color-neutral-variant-60: #938f99;\n --color-neutral-variant-70: #aea9b4;\n --color-neutral-variant-80: #c9c4d0;\n --color-neutral-variant-87: #ddd8e3;\n --color-neutral-variant-90: #e6e0ec;\n --color-neutral-variant-92: #ece6f1;\n --color-neutral-variant-94: #f1ecf7;\n --color-neutral-variant-95: #f4eefa;\n --color-neutral-variant-96: #f7f1fd;\n --color-neutral-variant-98: #fdf8ff;\n --color-neutral-variant-99: #fffbff;\n --color-neutral-variant-100: #ffffff;\n --color-on-blue: var(--color-blue-100);\n --color-on-blue-container: var(--color-blue-10);\n --color-on-error: var(--color-red-100);\n --color-on-error-container: var(--color-red-10);\n --color-on-green: var(--color-green-100);\n --color-on-green-container: var(--color-green-10);\n --color-on-orange: var(--color-orange-100);\n --color-on-orange-container: var(--color-orange-10);\n --color-on-primary: var(--color-primary-100);\n --color-on-primary-container: var(--color-primary-10);\n --color-on-purple: var(--color-purple-100);\n --color-on-purple-container: var(--color-purple-10);\n --color-on-red: var(--color-red-100);\n --color-on-red-container: var(--color-red-10);\n --color-on-secondary: var(--color-secondary-100);\n --color-on-secondary-container: var(--color-secondary-10);\n --color-on-success: var(--color-green-100);\n --color-on-success-container: var(--color-green-10);\n --color-on-surface: var(--color-neutral-10);\n --color-on-surface-variant: var(--color-neutral-variant-30);\n --color-on-tertiary: var(--color-tertiary-100);\n --color-on-tertiary-container: var(--color-tertiary-10);\n --color-on-warning: var(--color-yellow-100);\n --color-on-warning-container: var(--color-yellow-10);\n --color-on-yellow: var(--color-yellow-100);\n --color-on-yellow-container: var(--color-yellow-10);\n --color-orange: var(--color-orange-40);\n --color-orange-0: #000000;\n --color-orange-10: #341100;\n --color-orange-20: #552100;\n --color-orange-30: #783100;\n --color-orange-40: #9e4300;\n --color-orange-50: #c55500;\n --color-orange-60: #ee6803;\n --color-orange-70: #ff8d4c;\n --color-orange-80: #ffb691;\n --color-orange-90: #ffdbcb;\n --color-orange-100: #ffffff;\n --color-orange-container: var(--color-orange-90);\n --color-outline: var(--color-neutral-variant-50);\n --color-outline-variant: var(--color-neutral-variant-80);\n --color-primary: var(--color-primary-40);\n --color-primary-0: #000000;\n --color-primary-10: #1d0061;\n --color-primary-20: #330098;\n --color-primary-30: #4a21bd;\n --color-primary-40: #6341d5;\n --color-primary-50: #7c5df0;\n --color-primary-60: #967cff;\n --color-primary-70: #b09dff;\n --color-primary-80: #cbbeff;\n --color-primary-90: #e7deff;\n --color-primary-95: #f4eeff;\n --color-primary-98: #fdf8ff;\n --color-primary-100: #ffffff;\n --color-primary-container: var(--color-primary-90);\n --color-purple: var(--color-purple-40);\n --color-purple-0: #000000;\n --color-purple-10: #3f001c;\n --color-purple-20: #650032;\n --color-purple-30: #8e0048;\n --color-purple-40: #ba0061;\n --color-purple-50: #e6067a;\n --color-purple-60: #ff4993;\n --color-purple-70: #ff84ad;\n --color-purple-80: #ffb1c7;\n --color-purple-90: #ffd9e2;\n --color-purple-100: #ffffff;\n --color-purple-container: var(--color-purple-90);\n --color-red: var(--color-red-40);\n --color-red-0: #000000;\n --color-red-10: #410001;\n --color-red-20: #690002;\n --color-red-30: #930005;\n --color-red-40: #be0c0e;\n --color-red-50: #e32e25;\n --color-red-60: #ff5545;\n --color-red-70: #ff8a7b;\n --color-red-80: #ffb4a9;\n --color-red-90: #ffdad5;\n --color-red-100: #ffffff;\n --color-red-container: var(--color-red-90);\n --color-scrim: var(--color-neutral-0);\n --color-secondary: var(--color-secondary-40);\n --color-secondary-0: #000000;\n --color-secondary-10: #1d192b;\n --color-secondary-20: #322e41;\n --color-secondary-30: #484458;\n --color-secondary-40: #605b71;\n --color-secondary-50: #79748a;\n --color-secondary-60: #938da5;\n --color-secondary-70: #aea8c0;\n --color-secondary-80: #cac3dc;\n --color-secondary-90: #e6dff9;\n --color-secondary-95: #f4eeff;\n --color-secondary-98: #fdf8ff;\n --color-secondary-100: #ffffff;\n --color-secondary-container: var(--color-secondary-90);\n --color-shadow: var(--color-neutral-0);\n --color-success: var(--color-green-40);\n --color-success-container: var(--color-green-90);\n --color-surface: var(--color-neutral-99);\n --color-surface-container: var(--color-neutral-94);\n --color-surface-container-high: var(--color-neutral-92);\n --color-surface-container-highest: var(--color-neutral-90);\n --color-surface-container-low: var(--color-neutral-96);\n --color-surface-container-lowest: var(--color-neutral-100);\n --color-surface-dim: var(--color-neutral-87);\n --color-surface-variant: var(--color-neutral-variant-90);\n --color-tertiary: var(--color-tertiary-40);\n --color-tertiary-0: #000000;\n --color-tertiary-10: #30111f;\n --color-tertiary-20: #492534;\n --color-tertiary-30: #623b4b;\n --color-tertiary-40: #7c5263;\n --color-tertiary-50: #986a7b;\n --color-tertiary-60: #b48395;\n --color-tertiary-70: #d09db0;\n --color-tertiary-80: #eeb8cb;\n --color-tertiary-90: #ffd9e5;\n --color-tertiary-95: #ffecf1;\n --color-tertiary-98: #fff8f8;\n --color-tertiary-100: #ffffff;\n --color-tertiary-container: var(--color-tertiary-90);\n --color-warning: var(--color-yellow-40);\n --color-warning-container: var(--color-yellow-90);\n --color-white: #ffffff;\n --color-yellow: var(--color-yellow-40);\n --color-yellow-0: #000000;\n --color-yellow-10: #241a00;\n --color-yellow-20: #3d2f00;\n --color-yellow-30: #574400;\n --color-yellow-40: #745b00;\n --color-yellow-50: #917400;\n --color-yellow-60: #b08d00;\n --color-yellow-70: #d0a600;\n --color-yellow-80: #f0c100;\n --color-yellow-90: #ffe089;\n --color-yellow-100: #ffffff;\n --color-yellow-container: var(--color-yellow-90);\n --container-lg: 1056px; / Large container width. Intended for standard desktop layouts with typical content density. /\n --container-max: 1584px; / Maximum container width. Use when constraining very wide layouts to maintain readable line lengths. /\n --container-md: 672px; / Medium container width. Suitable for tablet layouts and compact desktop content areas. /\n --container-sm: 320px; / Small container width. Use for narrow layouts and small screens such as mobile devices. /\n --container-xl: 1312px; / Extra large container width. Use for wide desktop displays and content-heavy pages. /\n --duration-long1: 450ms; / These durations are often paired with Emphasized easing. /\n --duration-long2: 500ms; / These durations are often paired with Emphasized easing. /\n --duration-medium1: 250ms; / These are used for medium duration transitions, like modal animations. /\n --duration-medium2: 300ms; / These are used for medium duration transitions, like modal animations. /\n --duration-short1: 50ms; / These are used for small utility-focused transitions. Like checkbox animations. /\n --duration-short2: 100ms; / These are used for small utility-focused transitions. Like checkbox animations. /\n --duration-short3: 150ms; / These are used for small utility-focused transitions. Like checkbox animations. /\n --duration-short4: 200ms; / These are used for small utility-focused transitions. Like checkbox animations. /\n --easing-linear: cubic-bezier(0, 0, 1, 1);\n --easing-standard: cubic-bezier(0.2, 0, 0, 1);\n --font-family-brand: \"Noto Sans\", sans-serif; / The font family used for brand headings and titles. /\n --font-family-monospace: \"Noto Sans Mono\", monospace; / The font family used for code snippets and monospaced text. /\n --font-family-sans: \"Noto Sans\", sans-serif; / The primary font family used for body text and general content. /\n --font-weight-bold: 700; / Bold weight for emphasis. 700 weight. /\n --font-weight-medium: 500; / Slightly heavier than regular weight. 500 weight. /\n --font-weight-regular: 400; / Standard weight for regular text. 400 weight. /\n --font-weight-semi-bold: 600; / Heavier than medium weight. 600 weight. /\n --global-avatar-border-radius: var(--shape-corner-full);\n --global-badge-color: var(--color-error);\n --scrollbar-width: 8px;\n --shape-corner-extra-large: 28px;\n --shape-corner-extra-small: 4px;\n --shape-corner-full: 9999px;\n --shape-corner-large: 16px;\n --shape-corner-large-increased: 20px;\n --shape-corner-medium: 12px;\n --shape-corner-none: 0;\n --shape-corner-small: 8px;\n --spacing-000: 0; / No spacing (base × 0). /\n --spacing-025: 0.125rem; / 2px - Smallest increment (base × 0.125). /\n --spacing-050: 0.25rem; / 4px - Extra small spacing (base × 0.25). /\n --spacing-100: 0.5rem; / 8px - Small spacing (base × 0.5). /\n --spacing-150: 0.75rem; / 12px - Small-medium spacing (base × 0.75). /\n --spacing-200: 1rem; / 16px - Base spacing unit (base × 1). /\n --spacing-300: 1.5rem; / 24px - Medium spacing (base × 1.5). /\n --spacing-400: 2rem; / 32px - Medium-large spacing (base × 2). /\n --spacing-500: 2.5rem; / 40px - Large spacing (base × 2.5). /\n --spacing-600: 3rem; / 48px - Extra large spacing (base × 3). /\n --spacing-800: 4rem; / 64px - Huge spacing (base × 4). /\n --spacing-1000: 5rem; / 80px - Massive spacing (base × 5). /\n --spacing-1200: 6rem; / 96px - Gigantic spacing (base × 6). /\n --spacing-2000: 10rem; / 160px - Maximum defined spacing (base × 10). /\n --spacing-base: 1rem; / Base spacing unit (1rem = 16px). /\n --typography-body-large-emphasized-font-family: var(--font-family-sans);\n --typography-body-large-emphasized-font-size: 1rem;\n --typography-body-large-emphasized-font-weight: var(--font-weight-medium);\n --typography-body-large-emphasized-letter-spacing: 0.5px;\n --typography-body-large-emphasized-line-height: 1.5rem;\n --typography-body-large-font-family: var(--font-family-sans);\n --typography-body-large-font-size: 1rem;\n --typography-body-large-font-weight: var(--font-weight-regular);\n --typography-body-large-letter-spacing: 0.5px;\n --typography-body-large-line-height: 1.5rem;\n --typography-body-medium-emphasized-font-family: var(--font-family-sans);\n --typography-body-medium-emphasized-font-size: 0.875rem;\n --typography-body-medium-emphasized-font-weight: var(--font-weight-medium);\n --typography-body-medium-emphasized-letter-spacing: 0.25px;\n --typography-body-medium-emphasized-line-height: 1.25rem;\n --typography-body-medium-font-family: var(--font-family-sans);\n --typography-body-medium-font-size: 0.875rem;\n --typography-body-medium-font-weight: var(--font-weight-regular);\n --typography-body-medium-letter-spacing: 0.25px;\n --typography-body-medium-line-height: 1.25rem;\n --typography-body-small-emphasized-font-family: var(--font-family-sans);\n --typography-body-small-emphasized-font-size: 0.75rem;\n --typography-body-small-emphasized-font-weight: var(--font-weight-medium);\n --typography-body-small-emphasized-letter-spacing: 0.4000000059604645px;\n --typography-body-small-emphasized-line-height: 1rem;\n --typography-body-small-font-family: var(--font-family-sans);\n --typography-body-small-font-size: 0.75rem;\n --typography-body-small-font-weight: var(--font-weight-regular);\n --typography-body-small-letter-spacing: 0.4000000059604645px;\n --typography-body-small-line-height: 1rem;\n --typography-code-large-emphasized-font-family: var(--font-family-monospace);\n --typography-code-large-emphasized-font-size: 1rem;\n --typography-code-large-emphasized-font-weight: var(--font-weight-medium);\n --typography-code-large-emphasized-letter-spacing: 0.5px;\n --typography-code-large-emphasized-line-height: 1.5rem;\n --typography-code-large-font-family: var(--font-family-monospace);\n --typography-code-large-font-size: 1rem;\n --typography-code-large-font-weight: var(--font-weight-regular);\n --typography-code-large-letter-spacing: 0.5px;\n --typography-code-large-line-height: 1.5rem;\n --typography-code-medium-emphasized-font-family: var(--font-family-monospace);\n --typography-code-medium-emphasized-font-size: 0.875rem;\n --typography-code-medium-emphasized-font-weight: var(--font-weight-medium);\n --typography-code-medium-emphasized-letter-spacing: 0.25px;\n --typography-code-medium-emphasized-line-height: 1.25rem;\n --typography-code-medium-font-family: var(--font-family-monospace);\n --typography-code-medium-font-size: 0.875rem;\n --typography-code-medium-font-weight: var(--font-weight-regular);\n --typography-code-medium-letter-spacing: 0.25px;\n --typography-code-medium-line-height: 1.25rem;\n --typography-code-small-emphasized-font-family: var(--font-family-monospace);\n --typography-code-small-emphasized-font-size: 0.75rem;\n --typography-code-small-emphasized-font-weight: var(--font-weight-medium);\n --typography-code-small-emphasized-letter-spacing: 0.4000000059604645px;\n --typography-code-small-emphasized-line-height: 1rem;\n --typography-code-small-font-family: var(--font-family-monospace);\n --typography-code-small-font-size: 0.75rem;\n --typography-code-small-font-weight: var(--font-weight-regular);\n --typography-code-small-letter-spacing: 0.4000000059604645px;\n --typography-code-small-line-height: 1rem;\n --typography-display-large-emphasized-font-family: var(--font-family-sans);\n --typography-display-large-emphasized-font-size: 3.5625rem;\n --typography-display-large-emphasized-font-weight: var(--font-weight-medium);\n --typography-display-large-emphasized-letter-spacing: -0.25px;\n --typography-display-large-emphasized-line-height: 4rem;\n --typography-display-large-font-family: var(--font-family-sans);\n --typography-display-large-font-size: 3.5625rem;\n --typography-display-large-font-weight: var(--font-weight-regular);\n --typography-display-large-letter-spacing: -0.25px;\n --typography-display-large-line-height: 4rem;\n --typography-display-medium-emphasized-font-family: var(--font-family-sans);\n --typography-display-medium-emphasized-font-size: 2.8125rem;\n --typography-display-medium-emphasized-font-weight: var(--font-weight-medium);\n --typography-display-medium-emphasized-letter-spacing: 0;\n --typography-display-medium-emphasized-line-height: 3.25rem;\n --typography-display-medium-font-family: var(--font-family-sans);\n --typography-display-medium-font-size: 2.8125rem;\n --typography-display-medium-font-weight: var(--font-weight-regular);\n --typography-display-medium-letter-spacing: 0;\n --typography-display-medium-line-height: 3.25rem;\n --typography-display-small-emphasized-font-family: var(--font-family-sans);\n --typography-display-small-emphasized-font-size: 2.25rem;\n --typography-display-small-emphasized-font-weight: var(--font-weight-medium);\n --typography-display-small-emphasized-letter-spacing: 0;\n --typography-display-small-emphasized-line-height: 2.75rem;\n --typography-display-small-font-family: var(--font-family-sans);\n --typography-display-small-font-size: 2.25rem;\n --typography-display-small-font-weight: var(--font-weight-regular);\n --typography-display-small-letter-spacing: 0;\n --typography-display-small-line-height: 2.75rem;\n --typography-headline-large-emphasized-font-family: var(--font-family-sans);\n --typography-headline-large-emphasized-font-size: 2rem;\n --typography-headline-large-emphasized-font-weight: var(--font-weight-medium);\n --typography-headline-large-emphasized-letter-spacing: 0;\n --typography-headline-large-emphasized-line-height: 2.5rem;\n --typography-headline-large-font-family: var(--font-family-sans);\n --typography-headline-large-font-size: 2rem;\n --typography-headline-large-font-weight: var(--font-weight-regular);\n --typography-headline-large-letter-spacing: 0;\n --typography-headline-large-line-height: 2.5rem;\n --typography-headline-medium-emphasized-font-family: var(--font-family-sans);\n --typography-headline-medium-emphasized-font-size: 1.75rem;\n --typography-headline-medium-emphasized-font-weight: var(--font-weight-medium);\n --typography-headline-medium-emphasized-letter-spacing: 0;\n --typography-headline-medium-emphasized-line-height: 2.25rem;\n --typography-headline-medium-font-family: var(--font-family-sans);\n --typography-headline-medium-font-size: 1.75rem;\n --typography-headline-medium-font-weight: var(--font-weight-regular);\n --typography-headline-medium-letter-spacing: 0;\n --typography-headline-medium-line-height: 2.25rem;\n --typography-headline-small-emphasized-font-family: var(--font-family-sans);\n --typography-headline-small-emphasized-font-size: 1.5rem;\n --typography-headline-small-emphasized-font-weight: var(--font-weight-medium);\n --typography-headline-small-emphasized-letter-spacing: 0;\n --typography-headline-small-emphasized-line-height: 2rem;\n --typography-headline-small-font-family: var(--font-family-sans);\n --typography-headline-small-font-size: 1.5rem;\n --typography-headline-small-font-weight: var(--font-weight-regular);\n --typography-headline-small-letter-spacing: 0;\n --typography-headline-small-line-height: 2rem;\n --typography-label-large-emphasized-font-family: var(--font-family-sans);\n --typography-label-large-emphasized-font-size: 0.875rem;\n --typography-label-large-emphasized-font-weight: var(--font-weight-semi-bold);\n --typography-label-large-emphasized-letter-spacing: 0.10000000149011612px;\n --typography-label-large-emphasized-line-height: 1.25rem;\n --typography-label-large-font-family: var(--font-family-sans);\n --typography-label-large-font-size: 0.875rem;\n --typography-label-large-font-weight: var(--font-weight-medium);\n --typography-label-large-letter-spacing: 0.10000000149011612px;\n --typography-label-large-line-height: 1.25rem;\n --typography-label-medium-emphasized-font-family: var(--font-family-sans);\n --typography-label-medium-emphasized-font-size: 0.75rem;\n --typography-label-medium-emphasized-font-weight: var(--font-weight-semi-bold);\n --typography-label-medium-emphasized-letter-spacing: 0.5px;\n --typography-label-medium-emphasized-line-height: 1rem;\n --typography-label-medium-font-family: var(--font-family-sans);\n --typography-label-medium-font-size: 0.75rem;\n --typography-label-medium-font-weight: var(--font-weight-medium);\n --typography-label-medium-letter-spacing: 0.5px;\n --typography-label-medium-line-height: 1rem;\n --typography-label-small-emphasized-font-family: var(--font-family-sans);\n --typography-label-small-emphasized-font-size: 0.6875rem;\n --typography-label-small-emphasized-font-weight: var(--font-weight-semi-bold);\n --typography-label-small-emphasized-letter-spacing: 0.5px;\n --typography-label-small-emphasized-line-height: 1rem;\n --typography-label-small-font-family: var(--font-family-sans);\n --typography-label-small-font-size: 0.6875rem;\n --typography-label-small-font-weight: var(--font-weight-medium);\n --typography-label-small-letter-spacing: 0.5px;\n --typography-label-small-line-height: 1rem;\n --typography-title-large-emphasized-font-family: var(--font-family-sans);\n --typography-title-large-emphasized-font-size: 1.375rem;\n --typography-title-large-emphasized-font-weight: var(--font-weight-medium);\n --typography-title-large-emphasized-letter-spacing: 0;\n --typography-title-large-emphasized-line-height: 1.75rem;\n --typography-title-large-font-family: var(--font-family-sans);\n --typography-title-large-font-size: 1.375rem;\n --typography-title-large-font-weight: var(--font-weight-regular);\n --typography-title-large-letter-spacing: 0;\n --typography-title-large-line-height: 1.75rem;\n --typography-title-medium-emphasized-font-family: var(--font-family-sans);\n --typography-title-medium-emphasized-font-size: 1rem;\n --typography-title-medium-emphasized-font-weight: var(--font-weight-semi-bold);\n --typography-title-medium-emphasized-letter-spacing: 0.15000000596046448px;\n --typography-title-medium-emphasized-line-height: 1.5rem;\n --typography-title-medium-font-family: var(--font-family-sans);\n --typography-title-medium-font-size: 1rem;\n --typography-title-medium-font-weight: var(--font-weight-medium);\n --typography-title-medium-letter-spacing: 0.15000000596046448px;\n --typography-title-medium-line-height: 1.5rem;\n --typography-title-small-emphasized-font-family: var(--font-family-sans);\n --typography-title-small-emphasized-font-size: 0.875rem;\n --typography-title-small-emphasized-font-weight: var(--font-weight-semi-bold);\n --typography-title-small-emphasized-letter-spacing: 0.10000000149011612px;\n --typography-title-small-emphasized-line-height: 1.25rem;\n --typography-title-small-font-family: var(--font-family-sans);\n --typography-title-small-font-size: 0.875rem;\n --typography-title-small-font-weight: var(--font-weight-medium);\n --typography-title-small-letter-spacing: 0.10000000149011612px;\n --typography-title-small-line-height: 1.25rem;\n --z-index-badge: 10;\n color-scheme: light dark;\n}\n\n[data-theme='dark'] {\n --color-blue: var(--color-blue-80);\n --color-blue-container: var(--color-blue-30);\n --color-error: var(--color-red-80);\n --color-error-container: var(--color-red-30);\n --color-green: var(--color-green-80);\n --color-green-container: var(--color-green-30);\n --color-inverse-blue: var(--color-blue-40);\n --color-inverse-error: var(--color-red-40);\n --color-inverse-green: var(--color-green-40);\n --color-inverse-on-surface: var(--color-neutral-20);\n --color-inverse-orange: var(--color-orange-40);\n --color-inverse-primary: var(--color-primary-40);\n --color-inverse-purple: var(--color-purple-40);\n --color-inverse-red: var(--color-red-40);\n --color-inverse-secondary: var(--color-secondary-40);\n --color-inverse-success: var(--color-green-40);\n --color-inverse-surface: var(--color-neutral-90);\n --color-inverse-tertiary: var(--color-tertiary-40);\n --color-inverse-warning: var(--color-yellow-40);\n --color-inverse-yellow: var(--color-yellow-40);\n --color-on-blue: var(--color-blue-20);\n --color-on-blue-container: var(--color-blue-90);\n --color-on-error: var(--color-red-20);\n --color-on-error-container: var(--color-red-90);\n --color-on-green: var(--color-green-20);\n --color-on-green-container: var(--color-green-90);\n --color-on-orange: var(--color-orange-20);\n --color-on-orange-container: var(--color-orange-90);\n --color-on-primary: var(--color-primary-20);\n --color-on-primary-container: var(--color-primary-90);\n --color-on-purple: var(--color-purple-20);\n --color-on-purple-container: var(--color-purple-90);\n --color-on-red: var(--color-red-20);\n --color-on-red-container: var(--color-red-90);\n --color-on-secondary: var(--color-secondary-20);\n --color-on-secondary-container: var(--color-secondary-90);\n --color-on-success: var(--color-green-20);\n --color-on-success-container: var(--color-green-90);\n --color-on-surface: var(--color-neutral-90);\n --color-on-surface-variant: var(--color-neutral-variant-80);\n --color-on-tertiary: var(--color-tertiary-20);\n --color-on-tertiary-container: var(--color-tertiary-90);\n --color-on-warning: var(--color-yellow-20);\n --color-on-warning-container: var(--color-yellow-90);\n --color-on-yellow: var(--color-yellow-20);\n --color-on-yellow-container: var(--color-yellow-90);\n --color-orange: var(--color-orange-80);\n --color-orange-container: var(--color-orange-30);\n --color-outline: var(--color-neutral-variant-60);\n --color-outline-variant: var(--color-neutral-variant-30);\n --color-primary: var(--color-primary-80);\n --color-primary-container: var(--color-primary-30);\n --color-purple: var(--color-purple-80);\n --color-purple-container: var(--color-purple-30);\n --color-red: var(--color-red-80);\n --color-red-container: var(--color-red-30);\n --color-scrim: var(--color-neutral-0);\n --color-secondary: var(--color-secondary-80);\n --color-secondary-container: var(--color-secondary-30);\n --color-shadow: var(--color-neutral-0);\n --color-success: var(--color-green-80);\n --color-success-container: var(--color-green-30);\n --color-surface: var(--color-neutral-10);\n --color-surface-container: var(--color-neutral-12);\n --color-surface-container-high: var(--color-neutral-17);\n --color-surface-container-highest: var(--color-neutral-22);\n --color-surface-container-low: var(--color-neutral-10);\n --color-surface-container-lowest: var(--color-neutral-4);\n --color-surface-dim: var(--color-neutral-6);\n --color-surface-variant: var(--color-neutral-variant-30);\n --color-tertiary: var(--color-tertiary-80);\n --color-tertiary-container: var(--color-tertiary-30);\n --color-warning: var(--color-yellow-80);\n --color-warning-container: var(--color-yellow-30);\n --color-yellow: var(--color-yellow-80);\n --color-yellow-container: var(--color-yellow-30);\n}\n\n","@mixin base-styles {\n {\n box-sizing: border-box;\n }\n\n .screen-reader-only {\n display: none !important;\n }\n}\n\n@mixin get-typography($name) {\n font-family: var(--typography-#{$name}-font-family) !important;\n font-size: var(--typography-#{$name}-font-size) !important;\n font-weight: var(--typography-#{$name}-font-weight) !important;\n line-height: var(--typography-#{$name}-line-height) !important;\n letter-spacing: var(--typography-#{$name}-letter-spacing) !important;\n}\n\n@mixin get-typography-not-important($name) {\n font-family: var(--typography-#{$name}-font-family);\n font-size: var(--typography-#{$name}-font-size);\n font-weight: var(--typography-#{$name}-font-weight);\n line-height: var(--typography-#{$name}-line-height);\n letter-spacing: var(--typography-#{$name}-letter-spacing);\n}\n\n@mixin focus-ring($color:var(--color-black)) {\n outline: 2px solid $color;\n}\n\n@mixin for-phone-only {\n @media (max-width: 671px) {\n @content;\n }\n}\n\n@mixin for-tablet-portrait-up {\n @media (min-width: 672px) {\n @content;\n }\n}\n\n@mixin for-tablet-landscape-up {\n @media (min-width: 1056px) {\n @content;\n }\n}\n\n@mixin for-desktop-up {\n @media (min-width: 1312px) {\n @content;\n }\n}\n\n@mixin for-big-desktop-up {\n @media (min-width: 1584px) {\n @content;\n }\n}\n","@use \"../../scss/mixin\";\n@use \"sass:string\";\n\n@include mixin.base-styles;\n\n@mixin _apply-typography($value-type) {\n @include mixin.get-typography(#{$value-type});\n @if string.index($value-type, \"body\") {\n margin-block-end: var(--spacing-200);\n }\n @if string.index($value-type, \"headline\") {\n margin-block-end: var(--spacing-200);\n }\n @if string.index($value-type, \"display\") {\n margin-block-end: var(--spacing-400);\n }\n @if string.index($value-type, \"title\") {\n margin-block-end: var(--spacing-400);\n }\n}\n\n/// Mixin to define text classes for a specific type and value-type\n/// @param {String} $type - The type name to be used in the class name (e.g., .text-#{$type})\n/// @param {String} $value-type - The value-type name to be passed to get-typography and get-margin-end\n/// @param {Boolean} $important [true] - Whether to use !important in typography properties\n@mixin define-text-classes($type, $value-type) {\n .text-#{$type} {\n @include _apply-typography($value-type);\n }\n\n .text-#{$type}-emphasized {\n @include _apply-typography(#{$value-type}-emphasized);\n }\n}\n\n\n/// List of typography types\n$types: \"display\", \"headline\", \"body\", 'code', 'label', 'title';\n\n/// List of typography sizes\n$sizes: \"large\", \"medium\", 'small';\n\n/// Generate text classes for each type and size\n@each $type in $types {\n @include define-text-classes($type, #{$type}-medium);\n @each $size in $sizes {\n @include define-text-classes(#{$type}-#{$size}, #{$type}-#{$size});\n }\n}\n\n.text-code-block {\n font-family: var(--font-family-monospace);\n background: var(--color-primary-container);\n border-radius: var(--shape-corner-extra-small);\n padding-inline: var(--spacing-050);\n}\n","@use \"../../scss/mixin\";\n\n@include mixin.base-styles;\n\n.link {\n border-radius: inherit;\n corner-shape: inherit;\n\n color: var(--color-primary);\n --icon-color: currentColor;\n text-decoration: none;\n\n &:hover, &:focus-visible {\n text-decoration: underline;\n }\n\n &.inherit {\n color: inherit;\n text-decoration: none !important;\n }\n\n &.with-icon {\n display: inline-flex;\n align-items: center;\n gap: 0.5em;\n }\n}\n","@use \"../../scss/mixin\";\n@use \"sass:string\";\n\n@include mixin.base-styles;\n\n.tooltip {\n display: inline-block;\n @include mixin.get-typography(body-small);\n max-width: 17.5rem;\n padding-inline: var(--spacing-100);\n padding-block: var(--spacing-050);\n color: var(--color-inverse-on-surface);\n background-color: var(--color-inverse-surface);\n border-radius: var(--shape-corner-extra-small);\n}\n\n.tooltip-link {\n border-bottom: 1px dashed var(--color-on-surface);\n}\n","@use 'tokens.css';\n@use '../src/text/text.css-component.scss';\n@use '../src/link/link.css-component.scss';\n@use '../src/popover/tooltip.css-component.scss';\n\n.surface, .surface-container-high, .surface-container-highest, .surface-container, .surface-container-low, .surface-container-lowest, .surface-dim {\n color: var(--color-on-surface);\n --icon-color: var(--color-on-surface);\n}\n\n.surface {\n background: var(--color-surface);\n}\n\n.surface-container-high {\n background: var(--color-surface-container-high);\n}\n\n.surface-container-highest {\n background: var(--color-surface-container-highest);\n}\n\n.surface-container {\n background: var(--color-surface-container);\n}\n\n.surface-container-low {\n background: var(--color-surface-container-low);\n}\n\n.surface-container-lowest {\n background: var(--color-surface-container-lowest);\n}\n\n.surface-dim {\n background: var(--color-surface-dim);\n}\n\n.surface-variant {\n background: var(--color-surface-variant);\n color: var(--color-on-surface-variant);\n --icon-color: var(--color-on-surface-variant);\n}\n\n::selection {\n color: var(--color-surface);\n background: var(--color-primary);\n}\n\n/* width /\n::-webkit-scrollbar {\n background-color: transparent;\n width: var(--scrollbar-width);\n}\n\n/ Handle */\n::-webkit-scrollbar-thumb {\n background-color: var(--color-primary);\n border-radius: calc(var(--scrollbar-width) / 2);\n}"]}

package/dist/assets/tokens.css ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ :root{--color-black: #000000;--color-blue: var(--color-blue-40);--color-blue-0: #000000;--color-blue-10: #001550;--color-blue-20: #00277f;--color-blue-30: #003ab2;--color-blue-40: #2352d5;--color-blue-50: #446def;--color-blue-60: #6789ff;--color-blue-70: #90a7ff;--color-blue-80: #b6c4ff;--color-blue-90: #dce1ff;--color-blue-100: #ffffff;--color-blue-container: var(--color-blue-90);--color-error: var(--color-red-40);--color-error-container: var(--color-red-90);--color-green: var(--color-green-40);--color-green-0: #000000;--color-green-10: #00210b;--color-green-20: #003917;--color-green-30: #005225;--color-green-40: #0f6d35;--color-green-50: #31874b;--color-green-60: #4da163;--color-green-70: #68bd7b;--color-green-80: #83d995;--color-green-90: #9ff6af;--color-green-100: #ffffff;--color-green-container: var(--color-green-90);--color-inverse-blue: var(--color-blue-80);--color-inverse-error: var(--color-red-80);--color-inverse-green: var(--color-green-80);--color-inverse-on-surface: var(--color-neutral-95);--color-inverse-orange: var(--color-orange-80);--color-inverse-primary: var(--color-primary-80);--color-inverse-purple: var(--color-purple-80);--color-inverse-red: var(--color-red-80);--color-inverse-secondary: var(--color-secondary-80);--color-inverse-success: var(--color-green-80);--color-inverse-surface: var(--color-neutral-20);--color-inverse-tertiary: var(--color-tertiary-80);--color-inverse-warning: var(--color-yellow-80);--color-inverse-yellow: var(--color-yellow-80);--color-neutral: #79767a;--color-neutral-0: #000000;--color-neutral-4: #0f0e11;--color-neutral-6: #141316;--color-neutral-10: #1c1b1e;--color-neutral-12: #201f23;--color-neutral-17: #2b292d;--color-neutral-20: #313033;--color-neutral-22: #363438;--color-neutral-30: #48464a;--color-neutral-40: #605d62;--color-neutral-50: #79767a;--color-neutral-60: #939094;--color-neutral-70: #aeaaaf;--color-neutral-80: #c9c5ca;--color-neutral-87: #ddd9dd;--color-neutral-90: #e6e1e6;--color-neutral-92: #ebe7ec;--color-neutral-94: #f1ecf1;--color-neutral-95: #f4eff4;--color-neutral-96: #f7f2f7;--color-neutral-98: #fdf8fd;--color-neutral-99: #fffbff;--color-neutral-100: #ffffff;--color-neutral-variant: #79757f;--color-neutral-variant-0: #000000;--color-neutral-variant-4: #0f0d15;--color-neutral-variant-6: #14121a;--color-neutral-variant-10: #1c1a22;--color-neutral-variant-12: #201e27;--color-neutral-variant-17: #2b2931;--color-neutral-variant-20: #312f38;--color-neutral-variant-22: #36333c;--color-neutral-variant-30: #48454e;--color-neutral-variant-40: #605d66;--color-neutral-variant-50: #79757f;--color-neutral-variant-60: #938f99;--color-neutral-variant-70: #aea9b4;--color-neutral-variant-80: #c9c4d0;--color-neutral-variant-87: #ddd8e3;--color-neutral-variant-90: #e6e0ec;--color-neutral-variant-92: #ece6f1;--color-neutral-variant-94: #f1ecf7;--color-neutral-variant-95: #f4eefa;--color-neutral-variant-96: #f7f1fd;--color-neutral-variant-98: #fdf8ff;--color-neutral-variant-99: #fffbff;--color-neutral-variant-100: #ffffff;--color-on-blue: var(--color-blue-100);--color-on-blue-container: var(--color-blue-10);--color-on-error: var(--color-red-100);--color-on-error-container: var(--color-red-10);--color-on-green: var(--color-green-100);--color-on-green-container: var(--color-green-10);--color-on-orange: var(--color-orange-100);--color-on-orange-container: var(--color-orange-10);--color-on-primary: var(--color-primary-100);--color-on-primary-container: var(--color-primary-10);--color-on-purple: var(--color-purple-100);--color-on-purple-container: var(--color-purple-10);--color-on-red: var(--color-red-100);--color-on-red-container: var(--color-red-10);--color-on-secondary: var(--color-secondary-100);--color-on-secondary-container: var(--color-secondary-10);--color-on-success: var(--color-green-100);--color-on-success-container: var(--color-green-10);--color-on-surface: var(--color-neutral-10);--color-on-surface-variant: var(--color-neutral-variant-30);--color-on-tertiary: var(--color-tertiary-100);--color-on-tertiary-container: var(--color-tertiary-10);--color-on-warning: var(--color-yellow-100);--color-on-warning-container: var(--color-yellow-10);--color-on-yellow: var(--color-yellow-100);--color-on-yellow-container: var(--color-yellow-10);--color-orange: var(--color-orange-40);--color-orange-0: #000000;--color-orange-10: #341100;--color-orange-20: #552100;--color-orange-30: #783100;--color-orange-40: #9e4300;--color-orange-50: #c55500;--color-orange-60: #ee6803;--color-orange-70: #ff8d4c;--color-orange-80: #ffb691;--color-orange-90: #ffdbcb;--color-orange-100: #ffffff;--color-orange-container: var(--color-orange-90);--color-outline: var(--color-neutral-variant-50);--color-outline-variant: var(--color-neutral-variant-80);--color-primary: var(--color-primary-40);--color-primary-0: #000000;--color-primary-10: #1d0061;--color-primary-20: #330098;--color-primary-30: #4a21bd;--color-primary-40: #6341d5;--color-primary-50: #7c5df0;--color-primary-60: #967cff;--color-primary-70: #b09dff;--color-primary-80: #cbbeff;--color-primary-90: #e7deff;--color-primary-95: #f4eeff;--color-primary-98: #fdf8ff;--color-primary-100: #ffffff;--color-primary-container: var(--color-primary-90);--color-purple: var(--color-purple-40);--color-purple-0: #000000;--color-purple-10: #3f001c;--color-purple-20: #650032;--color-purple-30: #8e0048;--color-purple-40: #ba0061;--color-purple-50: #e6067a;--color-purple-60: #ff4993;--color-purple-70: #ff84ad;--color-purple-80: #ffb1c7;--color-purple-90: #ffd9e2;--color-purple-100: #ffffff;--color-purple-container: var(--color-purple-90);--color-red: var(--color-red-40);--color-red-0: #000000;--color-red-10: #410001;--color-red-20: #690002;--color-red-30: #930005;--color-red-40: #be0c0e;--color-red-50: #e32e25;--color-red-60: #ff5545;--color-red-70: #ff8a7b;--color-red-80: #ffb4a9;--color-red-90: #ffdad5;--color-red-100: #ffffff;--color-red-container: var(--color-red-90);--color-scrim: var(--color-neutral-0);--color-secondary: var(--color-secondary-40);--color-secondary-0: #000000;--color-secondary-10: #1d192b;--color-secondary-20: #322e41;--color-secondary-30: #484458;--color-secondary-40: #605b71;--color-secondary-50: #79748a;--color-secondary-60: #938da5;--color-secondary-70: #aea8c0;--color-secondary-80: #cac3dc;--color-secondary-90: #e6dff9;--color-secondary-95: #f4eeff;--color-secondary-98: #fdf8ff;--color-secondary-100: #ffffff;--color-secondary-container: var(--color-secondary-90);--color-shadow: var(--color-neutral-0);--color-success: var(--color-green-40);--color-success-container: var(--color-green-90);--color-surface: var(--color-neutral-99);--color-surface-container: var(--color-neutral-94);--color-surface-container-high: var(--color-neutral-92);--color-surface-container-highest: var(--color-neutral-90);--color-surface-container-low: var(--color-neutral-96);--color-surface-container-lowest: var(--color-neutral-100);--color-surface-dim: var(--color-neutral-87);--color-surface-variant: var(--color-neutral-variant-90);--color-tertiary: var(--color-tertiary-40);--color-tertiary-0: #000000;--color-tertiary-10: #30111f;--color-tertiary-20: #492534;--color-tertiary-30: #623b4b;--color-tertiary-40: #7c5263;--color-tertiary-50: #986a7b;--color-tertiary-60: #b48395;--color-tertiary-70: #d09db0;--color-tertiary-80: #eeb8cb;--color-tertiary-90: #ffd9e5;--color-tertiary-95: #ffecf1;--color-tertiary-98: #fff8f8;--color-tertiary-100: #ffffff;--color-tertiary-container: var(--color-tertiary-90);--color-warning: var(--color-yellow-40);--color-warning-container: var(--color-yellow-90);--color-white: #ffffff;--color-yellow: var(--color-yellow-40);--color-yellow-0: #000000;--color-yellow-10: #241a00;--color-yellow-20: #3d2f00;--color-yellow-30: #574400;--color-yellow-40: #745b00;--color-yellow-50: #917400;--color-yellow-60: #b08d00;--color-yellow-70: #d0a600;--color-yellow-80: #f0c100;--color-yellow-90: #ffe089;--color-yellow-100: #ffffff;--color-yellow-container: var(--color-yellow-90);--container-lg: 1056px;--container-max: 1584px;--container-md: 672px;--container-sm: 320px;--container-xl: 1312px;--duration-long1: 450ms;--duration-long2: 500ms;--duration-medium1: 250ms;--duration-medium2: 300ms;--duration-short1: 50ms;--duration-short2: 100ms;--duration-short3: 150ms;--duration-short4: 200ms;--easing-linear: cubic-bezier(0, 0, 1, 1);--easing-standard: cubic-bezier(0.2, 0, 0, 1);--font-family-brand: "Noto Sans", sans-serif;--font-family-monospace: "Noto Sans Mono", monospace;--font-family-sans: "Noto Sans", sans-serif;--font-weight-bold: 700;--font-weight-medium: 500;--font-weight-regular: 400;--font-weight-semi-bold: 600;--global-avatar-border-radius: var(--shape-corner-full);--global-badge-color: var(--color-error);--scrollbar-width: 8px;--shape-corner-extra-large: 28px;--shape-corner-extra-small: 4px;--shape-corner-full: 9999px;--shape-corner-large: 16px;--shape-corner-large-increased: 20px;--shape-corner-medium: 12px;--shape-corner-none: 0;--shape-corner-small: 8px;--spacing-000: 0;--spacing-025: 0.125rem;--spacing-050: 0.25rem;--spacing-100: 0.5rem;--spacing-150: 0.75rem;--spacing-200: 1rem;--spacing-300: 1.5rem;--spacing-400: 2rem;--spacing-500: 2.5rem;--spacing-600: 3rem;--spacing-800: 4rem;--spacing-1000: 5rem;--spacing-1200: 6rem;--spacing-2000: 10rem;--spacing-base: 1rem;--typography-body-large-emphasized-font-family: var(--font-family-sans);--typography-body-large-emphasized-font-size: 1rem;--typography-body-large-emphasized-font-weight: var(--font-weight-medium);--typography-body-large-emphasized-letter-spacing: 0.5px;--typography-body-large-emphasized-line-height: 1.5rem;--typography-body-large-font-family: var(--font-family-sans);--typography-body-large-font-size: 1rem;--typography-body-large-font-weight: var(--font-weight-regular);--typography-body-large-letter-spacing: 0.5px;--typography-body-large-line-height: 1.5rem;--typography-body-medium-emphasized-font-family: var(--font-family-sans);--typography-body-medium-emphasized-font-size: 0.875rem;--typography-body-medium-emphasized-font-weight: var(--font-weight-medium);--typography-body-medium-emphasized-letter-spacing: 0.25px;--typography-body-medium-emphasized-line-height: 1.25rem;--typography-body-medium-font-family: var(--font-family-sans);--typography-body-medium-font-size: 0.875rem;--typography-body-medium-font-weight: var(--font-weight-regular);--typography-body-medium-letter-spacing: 0.25px;--typography-body-medium-line-height: 1.25rem;--typography-body-small-emphasized-font-family: var(--font-family-sans);--typography-body-small-emphasized-font-size: 0.75rem;--typography-body-small-emphasized-font-weight: var(--font-weight-medium);--typography-body-small-emphasized-letter-spacing: 0.4000000059604645px;--typography-body-small-emphasized-line-height: 1rem;--typography-body-small-font-family: var(--font-family-sans);--typography-body-small-font-size: 0.75rem;--typography-body-small-font-weight: var(--font-weight-regular);--typography-body-small-letter-spacing: 0.4000000059604645px;--typography-body-small-line-height: 1rem;--typography-code-large-emphasized-font-family: var(--font-family-monospace);--typography-code-large-emphasized-font-size: 1rem;--typography-code-large-emphasized-font-weight: var(--font-weight-medium);--typography-code-large-emphasized-letter-spacing: 0.5px;--typography-code-large-emphasized-line-height: 1.5rem;--typography-code-large-font-family: var(--font-family-monospace);--typography-code-large-font-size: 1rem;--typography-code-large-font-weight: var(--font-weight-regular);--typography-code-large-letter-spacing: 0.5px;--typography-code-large-line-height: 1.5rem;--typography-code-medium-emphasized-font-family: var(--font-family-monospace);--typography-code-medium-emphasized-font-size: 0.875rem;--typography-code-medium-emphasized-font-weight: var(--font-weight-medium);--typography-code-medium-emphasized-letter-spacing: 0.25px;--typography-code-medium-emphasized-line-height: 1.25rem;--typography-code-medium-font-family: var(--font-family-monospace);--typography-code-medium-font-size: 0.875rem;--typography-code-medium-font-weight: var(--font-weight-regular);--typography-code-medium-letter-spacing: 0.25px;--typography-code-medium-line-height: 1.25rem;--typography-code-small-emphasized-font-family: var(--font-family-monospace);--typography-code-small-emphasized-font-size: 0.75rem;--typography-code-small-emphasized-font-weight: var(--font-weight-medium);--typography-code-small-emphasized-letter-spacing: 0.4000000059604645px;--typography-code-small-emphasized-line-height: 1rem;--typography-code-small-font-family: var(--font-family-monospace);--typography-code-small-font-size: 0.75rem;--typography-code-small-font-weight: var(--font-weight-regular);--typography-code-small-letter-spacing: 0.4000000059604645px;--typography-code-small-line-height: 1rem;--typography-display-large-emphasized-font-family: var(--font-family-sans);--typography-display-large-emphasized-font-size: 3.5625rem;--typography-display-large-emphasized-font-weight: var(--font-weight-medium);--typography-display-large-emphasized-letter-spacing: -0.25px;--typography-display-large-emphasized-line-height: 4rem;--typography-display-large-font-family: var(--font-family-sans);--typography-display-large-font-size: 3.5625rem;--typography-display-large-font-weight: var(--font-weight-regular);--typography-display-large-letter-spacing: -0.25px;--typography-display-large-line-height: 4rem;--typography-display-medium-emphasized-font-family: var(--font-family-sans);--typography-display-medium-emphasized-font-size: 2.8125rem;--typography-display-medium-emphasized-font-weight: var(--font-weight-medium);--typography-display-medium-emphasized-letter-spacing: 0;--typography-display-medium-emphasized-line-height: 3.25rem;--typography-display-medium-font-family: var(--font-family-sans);--typography-display-medium-font-size: 2.8125rem;--typography-display-medium-font-weight: var(--font-weight-regular);--typography-display-medium-letter-spacing: 0;--typography-display-medium-line-height: 3.25rem;--typography-display-small-emphasized-font-family: var(--font-family-sans);--typography-display-small-emphasized-font-size: 2.25rem;--typography-display-small-emphasized-font-weight: var(--font-weight-medium);--typography-display-small-emphasized-letter-spacing: 0;--typography-display-small-emphasized-line-height: 2.75rem;--typography-display-small-font-family: var(--font-family-sans);--typography-display-small-font-size: 2.25rem;--typography-display-small-font-weight: var(--font-weight-regular);--typography-display-small-letter-spacing: 0;--typography-display-small-line-height: 2.75rem;--typography-headline-large-emphasized-font-family: var(--font-family-sans);--typography-headline-large-emphasized-font-size: 2rem;--typography-headline-large-emphasized-font-weight: var(--font-weight-medium);--typography-headline-large-emphasized-letter-spacing: 0;--typography-headline-large-emphasized-line-height: 2.5rem;--typography-headline-large-font-family: var(--font-family-sans);--typography-headline-large-font-size: 2rem;--typography-headline-large-font-weight: var(--font-weight-regular);--typography-headline-large-letter-spacing: 0;--typography-headline-large-line-height: 2.5rem;--typography-headline-medium-emphasized-font-family: var(--font-family-sans);--typography-headline-medium-emphasized-font-size: 1.75rem;--typography-headline-medium-emphasized-font-weight: var(--font-weight-medium);--typography-headline-medium-emphasized-letter-spacing: 0;--typography-headline-medium-emphasized-line-height: 2.25rem;--typography-headline-medium-font-family: var(--font-family-sans);--typography-headline-medium-font-size: 1.75rem;--typography-headline-medium-font-weight: var(--font-weight-regular);--typography-headline-medium-letter-spacing: 0;--typography-headline-medium-line-height: 2.25rem;--typography-headline-small-emphasized-font-family: var(--font-family-sans);--typography-headline-small-emphasized-font-size: 1.5rem;--typography-headline-small-emphasized-font-weight: var(--font-weight-medium);--typography-headline-small-emphasized-letter-spacing: 0;--typography-headline-small-emphasized-line-height: 2rem;--typography-headline-small-font-family: var(--font-family-sans);--typography-headline-small-font-size: 1.5rem;--typography-headline-small-font-weight: var(--font-weight-regular);--typography-headline-small-letter-spacing: 0;--typography-headline-small-line-height: 2rem;--typography-label-large-emphasized-font-family: var(--font-family-sans);--typography-label-large-emphasized-font-size: 0.875rem;--typography-label-large-emphasized-font-weight: var(--font-weight-semi-bold);--typography-label-large-emphasized-letter-spacing: 0.10000000149011612px;--typography-label-large-emphasized-line-height: 1.25rem;--typography-label-large-font-family: var(--font-family-sans);--typography-label-large-font-size: 0.875rem;--typography-label-large-font-weight: var(--font-weight-medium);--typography-label-large-letter-spacing: 0.10000000149011612px;--typography-label-large-line-height: 1.25rem;--typography-label-medium-emphasized-font-family: var(--font-family-sans);--typography-label-medium-emphasized-font-size: 0.75rem;--typography-label-medium-emphasized-font-weight: var(--font-weight-semi-bold);--typography-label-medium-emphasized-letter-spacing: 0.5px;--typography-label-medium-emphasized-line-height: 1rem;--typography-label-medium-font-family: var(--font-family-sans);--typography-label-medium-font-size: 0.75rem;--typography-label-medium-font-weight: var(--font-weight-medium);--typography-label-medium-letter-spacing: 0.5px;--typography-label-medium-line-height: 1rem;--typography-label-small-emphasized-font-family: var(--font-family-sans);--typography-label-small-emphasized-font-size: 0.6875rem;--typography-label-small-emphasized-font-weight: var(--font-weight-semi-bold);--typography-label-small-emphasized-letter-spacing: 0.5px;--typography-label-small-emphasized-line-height: 1rem;--typography-label-small-font-family: var(--font-family-sans);--typography-label-small-font-size: 0.6875rem;--typography-label-small-font-weight: var(--font-weight-medium);--typography-label-small-letter-spacing: 0.5px;--typography-label-small-line-height: 1rem;--typography-title-large-emphasized-font-family: var(--font-family-sans);--typography-title-large-emphasized-font-size: 1.375rem;--typography-title-large-emphasized-font-weight: var(--font-weight-medium);--typography-title-large-emphasized-letter-spacing: 0;--typography-title-large-emphasized-line-height: 1.75rem;--typography-title-large-font-family: var(--font-family-sans);--typography-title-large-font-size: 1.375rem;--typography-title-large-font-weight: var(--font-weight-regular);--typography-title-large-letter-spacing: 0;--typography-title-large-line-height: 1.75rem;--typography-title-medium-emphasized-font-family: var(--font-family-sans);--typography-title-medium-emphasized-font-size: 1rem;--typography-title-medium-emphasized-font-weight: var(--font-weight-semi-bold);--typography-title-medium-emphasized-letter-spacing: 0.15000000596046448px;--typography-title-medium-emphasized-line-height: 1.5rem;--typography-title-medium-font-family: var(--font-family-sans);--typography-title-medium-font-size: 1rem;--typography-title-medium-font-weight: var(--font-weight-medium);--typography-title-medium-letter-spacing: 0.15000000596046448px;--typography-title-medium-line-height: 1.5rem;--typography-title-small-emphasized-font-family: var(--font-family-sans);--typography-title-small-emphasized-font-size: 0.875rem;--typography-title-small-emphasized-font-weight: var(--font-weight-semi-bold);--typography-title-small-emphasized-letter-spacing: 0.10000000149011612px;--typography-title-small-emphasized-line-height: 1.25rem;--typography-title-small-font-family: var(--font-family-sans);--typography-title-small-font-size: 0.875rem;--typography-title-small-font-weight: var(--font-weight-medium);--typography-title-small-letter-spacing: 0.10000000149011612px;--typography-title-small-line-height: 1.25rem;--z-index-badge: 10;color-scheme:light dark}[data-theme=dark]{--color-blue: var(--color-blue-80);--color-blue-container: var(--color-blue-30);--color-error: var(--color-red-80);--color-error-container: var(--color-red-30);--color-green: var(--color-green-80);--color-green-container: var(--color-green-30);--color-inverse-blue: var(--color-blue-40);--color-inverse-error: var(--color-red-40);--color-inverse-green: var(--color-green-40);--color-inverse-on-surface: var(--color-neutral-20);--color-inverse-orange: var(--color-orange-40);--color-inverse-primary: var(--color-primary-40);--color-inverse-purple: var(--color-purple-40);--color-inverse-red: var(--color-red-40);--color-inverse-secondary: var(--color-secondary-40);--color-inverse-success: var(--color-green-40);--color-inverse-surface: var(--color-neutral-90);--color-inverse-tertiary: var(--color-tertiary-40);--color-inverse-warning: var(--color-yellow-40);--color-inverse-yellow: var(--color-yellow-40);--color-on-blue: var(--color-blue-20);--color-on-blue-container: var(--color-blue-90);--color-on-error: var(--color-red-20);--color-on-error-container: var(--color-red-90);--color-on-green: var(--color-green-20);--color-on-green-container: var(--color-green-90);--color-on-orange: var(--color-orange-20);--color-on-orange-container: var(--color-orange-90);--color-on-primary: var(--color-primary-20);--color-on-primary-container: var(--color-primary-90);--color-on-purple: var(--color-purple-20);--color-on-purple-container: var(--color-purple-90);--color-on-red: var(--color-red-20);--color-on-red-container: var(--color-red-90);--color-on-secondary: var(--color-secondary-20);--color-on-secondary-container: var(--color-secondary-90);--color-on-success: var(--color-green-20);--color-on-success-container: var(--color-green-90);--color-on-surface: var(--color-neutral-90);--color-on-surface-variant: var(--color-neutral-variant-80);--color-on-tertiary: var(--color-tertiary-20);--color-on-tertiary-container: var(--color-tertiary-90);--color-on-warning: var(--color-yellow-20);--color-on-warning-container: var(--color-yellow-90);--color-on-yellow: var(--color-yellow-20);--color-on-yellow-container: var(--color-yellow-90);--color-orange: var(--color-orange-80);--color-orange-container: var(--color-orange-30);--color-outline: var(--color-neutral-variant-60);--color-outline-variant: var(--color-neutral-variant-30);--color-primary: var(--color-primary-80);--color-primary-container: var(--color-primary-30);--color-purple: var(--color-purple-80);--color-purple-container: var(--color-purple-30);--color-red: var(--color-red-80);--color-red-container: var(--color-red-30);--color-scrim: var(--color-neutral-0);--color-secondary: var(--color-secondary-80);--color-secondary-container: var(--color-secondary-30);--color-shadow: var(--color-neutral-0);--color-success: var(--color-green-80);--color-success-container: var(--color-green-30);--color-surface: var(--color-neutral-10);--color-surface-container: var(--color-neutral-12);--color-surface-container-high: var(--color-neutral-17);--color-surface-container-highest: var(--color-neutral-22);--color-surface-container-low: var(--color-neutral-10);--color-surface-container-lowest: var(--color-neutral-4);--color-surface-dim: var(--color-neutral-6);--color-surface-variant: var(--color-neutral-variant-30);--color-tertiary: var(--color-tertiary-80);--color-tertiary-container: var(--color-tertiary-30);--color-warning: var(--color-yellow-80);--color-warning-container: var(--color-yellow-30);--color-yellow: var(--color-yellow-80);--color-yellow-container: var(--color-yellow-30)}
2	+ /# sourceMappingURL=tokens.css.map /

package/dist/assets/tokens.css.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"sourceRoot":"","sources":["file:///home/runner/work/peacock/peacock/components/scss/tokens.css"],"names":[],"mappings":"AAIA,MACE,uBACA,mCACA,wBACA,yBACA,yBACA,yBACA,yBACA,yBACA,yBACA,yBACA,yBACA,yBACA,0BACA,6CACA,mCACA,6CACA,qCACA,yBACA,0BACA,0BACA,0BACA,0BACA,0BACA,0BACA,0BACA,0BACA,0BACA,2BACA,+CACA,2CACA,2CACA,6CACA,oDACA,+CACA,iDACA,+CACA,yCACA,qDACA,+CACA,iDACA,mDACA,gDACA,+CACA,yBACA,2BACA,2BACA,2BACA,4BACA,4BACA,4BACA,4BACA,4BACA,4BACA,4BACA,4BACA,4BACA,4BACA,4BACA,4BACA,4BACA,4BACA,4BACA,4BACA,4BACA,4BACA,4BACA,6BACA,iCACA,mCACA,mCACA,mCACA,oCACA,oCACA,oCACA,oCACA,oCACA,oCACA,oCACA,oCACA,oCACA,oCACA,oCACA,oCACA,oCACA,oCACA,oCACA,oCACA,oCACA,oCACA,oCACA,qCACA,uCACA,gDACA,uCACA,gDACA,yCACA,kDACA,2CACA,oDACA,6CACA,sDACA,2CACA,oDACA,qCACA,8CACA,iDACA,0DACA,2CACA,oDACA,4CACA,4DACA,+CACA,wDACA,4CACA,qDACA,2CACA,oDACA,uCACA,0BACA,2BACA,2BACA,2BACA,2BACA,2BACA,2BACA,2BACA,2BACA,2BACA,4BACA,iDACA,iDACA,yDACA,yCACA,2BACA,4BACA,4BACA,4BACA,4BACA,4BACA,4BACA,4BACA,4BACA,4BACA,4BACA,4BACA,6BACA,mDACA,uCACA,0BACA,2BACA,2BACA,2BACA,2BACA,2BACA,2BACA,2BACA,2BACA,2BACA,4BACA,iDACA,iCACA,uBACA,wBACA,wBACA,wBACA,wBACA,wBACA,wBACA,wBACA,wBACA,wBACA,yBACA,2CACA,sCACA,6CACA,6BACA,8BACA,8BACA,8BACA,8BACA,8BACA,8BACA,8BACA,8BACA,8BACA,8BACA,8BACA,+BACA,uDACA,uCACA,uCACA,iDACA,yCACA,mDACA,wDACA,2DACA,uDACA,2DACA,6CACA,yDACA,2CACA,4BACA,6BACA,6BACA,6BACA,6BACA,6BACA,6BACA,6BACA,6BACA,6BACA,6BACA,6BACA,8BACA,qDACA,wCACA,kDACA,uBACA,uCACA,0BACA,2BACA,2BACA,2BACA,2BACA,2BACA,2BACA,2BACA,2BACA,2BACA,4BACA,iDACA,uBACA,wBACA,sBACA,sBACA,uBACA,wBACA,wBACA,0BACA,0BACA,wBACA,yBACA,yBACA,yBACA,0CACA,8CACA,6CACA,qDACA,4CACA,wBACA,0BACA,2BACA,6BACA,wDACA,yCACA,uBACA,iCACA,gCACA,4BACA,2BACA,qCACA,4BACA,uBACA,0BACA,iBACA,wBACA,uBACA,sBACA,uBACA,oBACA,sBACA,oBACA,sBACA,oBACA,oBACA,qBACA,qBACA,sBACA,qBACA,wEACA,mDACA,0EACA,yDACA,uDACA,6DACA,wCACA,gEACA,8CACA,4CACA,yEACA,wDACA,2EACA,2DACA,yDACA,8DACA,6CACA,iEACA,gDACA,8CACA,wEACA,sDACA,0EACA,wEACA,qDACA,6DACA,2CACA,gEACA,6DACA,0CACA,6EACA,mDACA,0EACA,yDACA,uDACA,kEACA,wCACA,gEACA,8CACA,4CACA,8EACA,wDACA,2EACA,2DACA,yDACA,mEACA,6CACA,iEACA,gDACA,8CACA,6EACA,sDACA,0EACA,wEACA,qDACA,kEACA,2CACA,gEACA,6DACA,0CACA,2EACA,2DACA,6EACA,8DACA,wDACA,gEACA,gDACA,mEACA,mDACA,6CACA,4EACA,4DACA,8EACA,yDACA,4DACA,iEACA,iDACA,oEACA,8CACA,iDACA,2EACA,yDACA,6EACA,wDACA,2DACA,gEACA,8CACA,mEACA,6CACA,gDACA,4EACA,uDACA,8EACA,yDACA,2DACA,iEACA,4CACA,oEACA,8CACA,gDACA,6EACA,2DACA,+EACA,0DACA,6DACA,kEACA,gDACA,qEACA,+CACA,kDACA,4EACA,yDACA,8EACA,yDACA,yDACA,iEACA,8CACA,oEACA,8CACA,8CACA,yEACA,wDACA,8EACA,0EACA,yDACA,8DACA,6CACA,gEACA,+DACA,8CACA,0EACA,wDACA,+EACA,2DACA,uDACA,+DACA,6CACA,iEACA,gDACA,4CACA,yEACA,yDACA,8EACA,0DACA,sDACA,8DACA,8CACA,gEACA,+CACA,2CACA,yEACA,wDACA,2EACA,sDACA,yDACA,8DACA,6CACA,iEACA,2CACA,8CACA,0EACA,qDACA,+EACA,2EACA,yDACA,+DACA,0CACA,iEACA,gEACA,8CACA,yEACA,wDACA,8EACA,0EACA,yDACA,8DACA,6CACA,gEACA,+DACA,8CACA,oBACA,wBAGF,kBACE,mCACA,6CACA,mCACA,6CACA,qCACA,+CACA,2CACA,2CACA,6CACA,oDACA,+CACA,iDACA,+CACA,yCACA,qDACA,+CACA,iDACA,mDACA,gDACA,+CACA,sCACA,gDACA,sCACA,gDACA,wCACA,kDACA,0CACA,oDACA,4CACA,sDACA,0CACA,oDACA,oCACA,8CACA,gDACA,0DACA,0CACA,oDACA,4CACA,4DACA,8CACA,wDACA,2CACA,qDACA,0CACA,oDACA,uCACA,iDACA,iDACA,yDACA,yCACA,mDACA,uCACA,iDACA,iCACA,2CACA,sCACA,6CACA,uDACA,uCACA,uCACA,iDACA,yCACA,mDACA,wDACA,2DACA,uDACA,yDACA,4CACA,yDACA,2CACA,qDACA,wCACA,kDACA,uCACA","sourcesContent":["/* -------------------------------------------\n * Autogenerated by ⛋ Terrazzo. DO NOT EDIT!\n * ------------------------------------------- */\n\n:root {\n --color-black: #000000;\n --color-blue: var(--color-blue-40);\n --color-blue-0: #000000;\n --color-blue-10: #001550;\n --color-blue-20: #00277f;\n --color-blue-30: #003ab2;\n --color-blue-40: #2352d5;\n --color-blue-50: #446def;\n --color-blue-60: #6789ff;\n --color-blue-70: #90a7ff;\n --color-blue-80: #b6c4ff;\n --color-blue-90: #dce1ff;\n --color-blue-100: #ffffff;\n --color-blue-container: var(--color-blue-90);\n --color-error: var(--color-red-40);\n --color-error-container: var(--color-red-90);\n --color-green: var(--color-green-40);\n --color-green-0: #000000;\n --color-green-10: #00210b;\n --color-green-20: #003917;\n --color-green-30: #005225;\n --color-green-40: #0f6d35;\n --color-green-50: #31874b;\n --color-green-60: #4da163;\n --color-green-70: #68bd7b;\n --color-green-80: #83d995;\n --color-green-90: #9ff6af;\n --color-green-100: #ffffff;\n --color-green-container: var(--color-green-90);\n --color-inverse-blue: var(--color-blue-80);\n --color-inverse-error: var(--color-red-80);\n --color-inverse-green: var(--color-green-80);\n --color-inverse-on-surface: var(--color-neutral-95);\n --color-inverse-orange: var(--color-orange-80);\n --color-inverse-primary: var(--color-primary-80);\n --color-inverse-purple: var(--color-purple-80);\n --color-inverse-red: var(--color-red-80);\n --color-inverse-secondary: var(--color-secondary-80);\n --color-inverse-success: var(--color-green-80);\n --color-inverse-surface: var(--color-neutral-20);\n --color-inverse-tertiary: var(--color-tertiary-80);\n --color-inverse-warning: var(--color-yellow-80);\n --color-inverse-yellow: var(--color-yellow-80);\n --color-neutral: #79767a;\n --color-neutral-0: #000000;\n --color-neutral-4: #0f0e11;\n --color-neutral-6: #141316;\n --color-neutral-10: #1c1b1e;\n --color-neutral-12: #201f23;\n --color-neutral-17: #2b292d;\n --color-neutral-20: #313033;\n --color-neutral-22: #363438;\n --color-neutral-30: #48464a;\n --color-neutral-40: #605d62;\n --color-neutral-50: #79767a;\n --color-neutral-60: #939094;\n --color-neutral-70: #aeaaaf;\n --color-neutral-80: #c9c5ca;\n --color-neutral-87: #ddd9dd;\n --color-neutral-90: #e6e1e6;\n --color-neutral-92: #ebe7ec;\n --color-neutral-94: #f1ecf1;\n --color-neutral-95: #f4eff4;\n --color-neutral-96: #f7f2f7;\n --color-neutral-98: #fdf8fd;\n --color-neutral-99: #fffbff;\n --color-neutral-100: #ffffff;\n --color-neutral-variant: #79757f;\n --color-neutral-variant-0: #000000;\n --color-neutral-variant-4: #0f0d15;\n --color-neutral-variant-6: #14121a;\n --color-neutral-variant-10: #1c1a22;\n --color-neutral-variant-12: #201e27;\n --color-neutral-variant-17: #2b2931;\n --color-neutral-variant-20: #312f38;\n --color-neutral-variant-22: #36333c;\n --color-neutral-variant-30: #48454e;\n --color-neutral-variant-40: #605d66;\n --color-neutral-variant-50: #79757f;\n --color-neutral-variant-60: #938f99;\n --color-neutral-variant-70: #aea9b4;\n --color-neutral-variant-80: #c9c4d0;\n --color-neutral-variant-87: #ddd8e3;\n --color-neutral-variant-90: #e6e0ec;\n --color-neutral-variant-92: #ece6f1;\n --color-neutral-variant-94: #f1ecf7;\n --color-neutral-variant-95: #f4eefa;\n --color-neutral-variant-96: #f7f1fd;\n --color-neutral-variant-98: #fdf8ff;\n --color-neutral-variant-99: #fffbff;\n --color-neutral-variant-100: #ffffff;\n --color-on-blue: var(--color-blue-100);\n --color-on-blue-container: var(--color-blue-10);\n --color-on-error: var(--color-red-100);\n --color-on-error-container: var(--color-red-10);\n --color-on-green: var(--color-green-100);\n --color-on-green-container: var(--color-green-10);\n --color-on-orange: var(--color-orange-100);\n --color-on-orange-container: var(--color-orange-10);\n --color-on-primary: var(--color-primary-100);\n --color-on-primary-container: var(--color-primary-10);\n --color-on-purple: var(--color-purple-100);\n --color-on-purple-container: var(--color-purple-10);\n --color-on-red: var(--color-red-100);\n --color-on-red-container: var(--color-red-10);\n --color-on-secondary: var(--color-secondary-100);\n --color-on-secondary-container: var(--color-secondary-10);\n --color-on-success: var(--color-green-100);\n --color-on-success-container: var(--color-green-10);\n --color-on-surface: var(--color-neutral-10);\n --color-on-surface-variant: var(--color-neutral-variant-30);\n --color-on-tertiary: var(--color-tertiary-100);\n --color-on-tertiary-container: var(--color-tertiary-10);\n --color-on-warning: var(--color-yellow-100);\n --color-on-warning-container: var(--color-yellow-10);\n --color-on-yellow: var(--color-yellow-100);\n --color-on-yellow-container: var(--color-yellow-10);\n --color-orange: var(--color-orange-40);\n --color-orange-0: #000000;\n --color-orange-10: #341100;\n --color-orange-20: #552100;\n --color-orange-30: #783100;\n --color-orange-40: #9e4300;\n --color-orange-50: #c55500;\n --color-orange-60: #ee6803;\n --color-orange-70: #ff8d4c;\n --color-orange-80: #ffb691;\n --color-orange-90: #ffdbcb;\n --color-orange-100: #ffffff;\n --color-orange-container: var(--color-orange-90);\n --color-outline: var(--color-neutral-variant-50);\n --color-outline-variant: var(--color-neutral-variant-80);\n --color-primary: var(--color-primary-40);\n --color-primary-0: #000000;\n --color-primary-10: #1d0061;\n --color-primary-20: #330098;\n --color-primary-30: #4a21bd;\n --color-primary-40: #6341d5;\n --color-primary-50: #7c5df0;\n --color-primary-60: #967cff;\n --color-primary-70: #b09dff;\n --color-primary-80: #cbbeff;\n --color-primary-90: #e7deff;\n --color-primary-95: #f4eeff;\n --color-primary-98: #fdf8ff;\n --color-primary-100: #ffffff;\n --color-primary-container: var(--color-primary-90);\n --color-purple: var(--color-purple-40);\n --color-purple-0: #000000;\n --color-purple-10: #3f001c;\n --color-purple-20: #650032;\n --color-purple-30: #8e0048;\n --color-purple-40: #ba0061;\n --color-purple-50: #e6067a;\n --color-purple-60: #ff4993;\n --color-purple-70: #ff84ad;\n --color-purple-80: #ffb1c7;\n --color-purple-90: #ffd9e2;\n --color-purple-100: #ffffff;\n --color-purple-container: var(--color-purple-90);\n --color-red: var(--color-red-40);\n --color-red-0: #000000;\n --color-red-10: #410001;\n --color-red-20: #690002;\n --color-red-30: #930005;\n --color-red-40: #be0c0e;\n --color-red-50: #e32e25;\n --color-red-60: #ff5545;\n --color-red-70: #ff8a7b;\n --color-red-80: #ffb4a9;\n --color-red-90: #ffdad5;\n --color-red-100: #ffffff;\n --color-red-container: var(--color-red-90);\n --color-scrim: var(--color-neutral-0);\n --color-secondary: var(--color-secondary-40);\n --color-secondary-0: #000000;\n --color-secondary-10: #1d192b;\n --color-secondary-20: #322e41;\n --color-secondary-30: #484458;\n --color-secondary-40: #605b71;\n --color-secondary-50: #79748a;\n --color-secondary-60: #938da5;\n --color-secondary-70: #aea8c0;\n --color-secondary-80: #cac3dc;\n --color-secondary-90: #e6dff9;\n --color-secondary-95: #f4eeff;\n --color-secondary-98: #fdf8ff;\n --color-secondary-100: #ffffff;\n --color-secondary-container: var(--color-secondary-90);\n --color-shadow: var(--color-neutral-0);\n --color-success: var(--color-green-40);\n --color-success-container: var(--color-green-90);\n --color-surface: var(--color-neutral-99);\n --color-surface-container: var(--color-neutral-94);\n --color-surface-container-high: var(--color-neutral-92);\n --color-surface-container-highest: var(--color-neutral-90);\n --color-surface-container-low: var(--color-neutral-96);\n --color-surface-container-lowest: var(--color-neutral-100);\n --color-surface-dim: var(--color-neutral-87);\n --color-surface-variant: var(--color-neutral-variant-90);\n --color-tertiary: var(--color-tertiary-40);\n --color-tertiary-0: #000000;\n --color-tertiary-10: #30111f;\n --color-tertiary-20: #492534;\n --color-tertiary-30: #623b4b;\n --color-tertiary-40: #7c5263;\n --color-tertiary-50: #986a7b;\n --color-tertiary-60: #b48395;\n --color-tertiary-70: #d09db0;\n --color-tertiary-80: #eeb8cb;\n --color-tertiary-90: #ffd9e5;\n --color-tertiary-95: #ffecf1;\n --color-tertiary-98: #fff8f8;\n --color-tertiary-100: #ffffff;\n --color-tertiary-container: var(--color-tertiary-90);\n --color-warning: var(--color-yellow-40);\n --color-warning-container: var(--color-yellow-90);\n --color-white: #ffffff;\n --color-yellow: var(--color-yellow-40);\n --color-yellow-0: #000000;\n --color-yellow-10: #241a00;\n --color-yellow-20: #3d2f00;\n --color-yellow-30: #574400;\n --color-yellow-40: #745b00;\n --color-yellow-50: #917400;\n --color-yellow-60: #b08d00;\n --color-yellow-70: #d0a600;\n --color-yellow-80: #f0c100;\n --color-yellow-90: #ffe089;\n --color-yellow-100: #ffffff;\n --color-yellow-container: var(--color-yellow-90);\n --container-lg: 1056px; /* Large container width. Intended for standard desktop layouts with typical content density. */\n --container-max: 1584px; /* Maximum container width. Use when constraining very wide layouts to maintain readable line lengths. */\n --container-md: 672px; /* Medium container width. Suitable for tablet layouts and compact desktop content areas. */\n --container-sm: 320px; /* Small container width. Use for narrow layouts and small screens such as mobile devices. */\n --container-xl: 1312px; /* Extra large container width. Use for wide desktop displays and content-heavy pages. */\n --duration-long1: 450ms; /* These durations are often paired with Emphasized easing. */\n --duration-long2: 500ms; /* These durations are often paired with Emphasized easing. */\n --duration-medium1: 250ms; /* These are used for medium duration transitions, like modal animations. */\n --duration-medium2: 300ms; /* These are used for medium duration transitions, like modal animations. */\n --duration-short1: 50ms; /* These are used for small utility-focused transitions. Like checkbox animations. */\n --duration-short2: 100ms; /* These are used for small utility-focused transitions. Like checkbox animations. */\n --duration-short3: 150ms; /* These are used for small utility-focused transitions. Like checkbox animations. */\n --duration-short4: 200ms; /* These are used for small utility-focused transitions. Like checkbox animations. */\n --easing-linear: cubic-bezier(0, 0, 1, 1);\n --easing-standard: cubic-bezier(0.2, 0, 0, 1);\n --font-family-brand: \"Noto Sans\", sans-serif; /* The font family used for brand headings and titles. */\n --font-family-monospace: \"Noto Sans Mono\", monospace; /* The font family used for code snippets and monospaced text. */\n --font-family-sans: \"Noto Sans\", sans-serif; /* The primary font family used for body text and general content. */\n --font-weight-bold: 700; /* Bold weight for emphasis. 700 weight. */\n --font-weight-medium: 500; /* Slightly heavier than regular weight. 500 weight. */\n --font-weight-regular: 400; /* Standard weight for regular text. 400 weight. */\n --font-weight-semi-bold: 600; /* Heavier than medium weight. 600 weight. */\n --global-avatar-border-radius: var(--shape-corner-full);\n --global-badge-color: var(--color-error);\n --scrollbar-width: 8px;\n --shape-corner-extra-large: 28px;\n --shape-corner-extra-small: 4px;\n --shape-corner-full: 9999px;\n --shape-corner-large: 16px;\n --shape-corner-large-increased: 20px;\n --shape-corner-medium: 12px;\n --shape-corner-none: 0;\n --shape-corner-small: 8px;\n --spacing-000: 0; /* No spacing (base × 0). */\n --spacing-025: 0.125rem; /* 2px - Smallest increment (base × 0.125). */\n --spacing-050: 0.25rem; /* 4px - Extra small spacing (base × 0.25). */\n --spacing-100: 0.5rem; /* 8px - Small spacing (base × 0.5). */\n --spacing-150: 0.75rem; /* 12px - Small-medium spacing (base × 0.75). */\n --spacing-200: 1rem; /* 16px - Base spacing unit (base × 1). */\n --spacing-300: 1.5rem; /* 24px - Medium spacing (base × 1.5). */\n --spacing-400: 2rem; /* 32px - Medium-large spacing (base × 2). */\n --spacing-500: 2.5rem; /* 40px - Large spacing (base × 2.5). */\n --spacing-600: 3rem; /* 48px - Extra large spacing (base × 3). */\n --spacing-800: 4rem; /* 64px - Huge spacing (base × 4). */\n --spacing-1000: 5rem; /* 80px - Massive spacing (base × 5). */\n --spacing-1200: 6rem; /* 96px - Gigantic spacing (base × 6). */\n --spacing-2000: 10rem; /* 160px - Maximum defined spacing (base × 10). */\n --spacing-base: 1rem; /* Base spacing unit (1rem = 16px). */\n --typography-body-large-emphasized-font-family: var(--font-family-sans);\n --typography-body-large-emphasized-font-size: 1rem;\n --typography-body-large-emphasized-font-weight: var(--font-weight-medium);\n --typography-body-large-emphasized-letter-spacing: 0.5px;\n --typography-body-large-emphasized-line-height: 1.5rem;\n --typography-body-large-font-family: var(--font-family-sans);\n --typography-body-large-font-size: 1rem;\n --typography-body-large-font-weight: var(--font-weight-regular);\n --typography-body-large-letter-spacing: 0.5px;\n --typography-body-large-line-height: 1.5rem;\n --typography-body-medium-emphasized-font-family: var(--font-family-sans);\n --typography-body-medium-emphasized-font-size: 0.875rem;\n --typography-body-medium-emphasized-font-weight: var(--font-weight-medium);\n --typography-body-medium-emphasized-letter-spacing: 0.25px;\n --typography-body-medium-emphasized-line-height: 1.25rem;\n --typography-body-medium-font-family: var(--font-family-sans);\n --typography-body-medium-font-size: 0.875rem;\n --typography-body-medium-font-weight: var(--font-weight-regular);\n --typography-body-medium-letter-spacing: 0.25px;\n --typography-body-medium-line-height: 1.25rem;\n --typography-body-small-emphasized-font-family: var(--font-family-sans);\n --typography-body-small-emphasized-font-size: 0.75rem;\n --typography-body-small-emphasized-font-weight: var(--font-weight-medium);\n --typography-body-small-emphasized-letter-spacing: 0.4000000059604645px;\n --typography-body-small-emphasized-line-height: 1rem;\n --typography-body-small-font-family: var(--font-family-sans);\n --typography-body-small-font-size: 0.75rem;\n --typography-body-small-font-weight: var(--font-weight-regular);\n --typography-body-small-letter-spacing: 0.4000000059604645px;\n --typography-body-small-line-height: 1rem;\n --typography-code-large-emphasized-font-family: var(--font-family-monospace);\n --typography-code-large-emphasized-font-size: 1rem;\n --typography-code-large-emphasized-font-weight: var(--font-weight-medium);\n --typography-code-large-emphasized-letter-spacing: 0.5px;\n --typography-code-large-emphasized-line-height: 1.5rem;\n --typography-code-large-font-family: var(--font-family-monospace);\n --typography-code-large-font-size: 1rem;\n --typography-code-large-font-weight: var(--font-weight-regular);\n --typography-code-large-letter-spacing: 0.5px;\n --typography-code-large-line-height: 1.5rem;\n --typography-code-medium-emphasized-font-family: var(--font-family-monospace);\n --typography-code-medium-emphasized-font-size: 0.875rem;\n --typography-code-medium-emphasized-font-weight: var(--font-weight-medium);\n --typography-code-medium-emphasized-letter-spacing: 0.25px;\n --typography-code-medium-emphasized-line-height: 1.25rem;\n --typography-code-medium-font-family: var(--font-family-monospace);\n --typography-code-medium-font-size: 0.875rem;\n --typography-code-medium-font-weight: var(--font-weight-regular);\n --typography-code-medium-letter-spacing: 0.25px;\n --typography-code-medium-line-height: 1.25rem;\n --typography-code-small-emphasized-font-family: var(--font-family-monospace);\n --typography-code-small-emphasized-font-size: 0.75rem;\n --typography-code-small-emphasized-font-weight: var(--font-weight-medium);\n --typography-code-small-emphasized-letter-spacing: 0.4000000059604645px;\n --typography-code-small-emphasized-line-height: 1rem;\n --typography-code-small-font-family: var(--font-family-monospace);\n --typography-code-small-font-size: 0.75rem;\n --typography-code-small-font-weight: var(--font-weight-regular);\n --typography-code-small-letter-spacing: 0.4000000059604645px;\n --typography-code-small-line-height: 1rem;\n --typography-display-large-emphasized-font-family: var(--font-family-sans);\n --typography-display-large-emphasized-font-size: 3.5625rem;\n --typography-display-large-emphasized-font-weight: var(--font-weight-medium);\n --typography-display-large-emphasized-letter-spacing: -0.25px;\n --typography-display-large-emphasized-line-height: 4rem;\n --typography-display-large-font-family: var(--font-family-sans);\n --typography-display-large-font-size: 3.5625rem;\n --typography-display-large-font-weight: var(--font-weight-regular);\n --typography-display-large-letter-spacing: -0.25px;\n --typography-display-large-line-height: 4rem;\n --typography-display-medium-emphasized-font-family: var(--font-family-sans);\n --typography-display-medium-emphasized-font-size: 2.8125rem;\n --typography-display-medium-emphasized-font-weight: var(--font-weight-medium);\n --typography-display-medium-emphasized-letter-spacing: 0;\n --typography-display-medium-emphasized-line-height: 3.25rem;\n --typography-display-medium-font-family: var(--font-family-sans);\n --typography-display-medium-font-size: 2.8125rem;\n --typography-display-medium-font-weight: var(--font-weight-regular);\n --typography-display-medium-letter-spacing: 0;\n --typography-display-medium-line-height: 3.25rem;\n --typography-display-small-emphasized-font-family: var(--font-family-sans);\n --typography-display-small-emphasized-font-size: 2.25rem;\n --typography-display-small-emphasized-font-weight: var(--font-weight-medium);\n --typography-display-small-emphasized-letter-spacing: 0;\n --typography-display-small-emphasized-line-height: 2.75rem;\n --typography-display-small-font-family: var(--font-family-sans);\n --typography-display-small-font-size: 2.25rem;\n --typography-display-small-font-weight: var(--font-weight-regular);\n --typography-display-small-letter-spacing: 0;\n --typography-display-small-line-height: 2.75rem;\n --typography-headline-large-emphasized-font-family: var(--font-family-sans);\n --typography-headline-large-emphasized-font-size: 2rem;\n --typography-headline-large-emphasized-font-weight: var(--font-weight-medium);\n --typography-headline-large-emphasized-letter-spacing: 0;\n --typography-headline-large-emphasized-line-height: 2.5rem;\n --typography-headline-large-font-family: var(--font-family-sans);\n --typography-headline-large-font-size: 2rem;\n --typography-headline-large-font-weight: var(--font-weight-regular);\n --typography-headline-large-letter-spacing: 0;\n --typography-headline-large-line-height: 2.5rem;\n --typography-headline-medium-emphasized-font-family: var(--font-family-sans);\n --typography-headline-medium-emphasized-font-size: 1.75rem;\n --typography-headline-medium-emphasized-font-weight: var(--font-weight-medium);\n --typography-headline-medium-emphasized-letter-spacing: 0;\n --typography-headline-medium-emphasized-line-height: 2.25rem;\n --typography-headline-medium-font-family: var(--font-family-sans);\n --typography-headline-medium-font-size: 1.75rem;\n --typography-headline-medium-font-weight: var(--font-weight-regular);\n --typography-headline-medium-letter-spacing: 0;\n --typography-headline-medium-line-height: 2.25rem;\n --typography-headline-small-emphasized-font-family: var(--font-family-sans);\n --typography-headline-small-emphasized-font-size: 1.5rem;\n --typography-headline-small-emphasized-font-weight: var(--font-weight-medium);\n --typography-headline-small-emphasized-letter-spacing: 0;\n --typography-headline-small-emphasized-line-height: 2rem;\n --typography-headline-small-font-family: var(--font-family-sans);\n --typography-headline-small-font-size: 1.5rem;\n --typography-headline-small-font-weight: var(--font-weight-regular);\n --typography-headline-small-letter-spacing: 0;\n --typography-headline-small-line-height: 2rem;\n --typography-label-large-emphasized-font-family: var(--font-family-sans);\n --typography-label-large-emphasized-font-size: 0.875rem;\n --typography-label-large-emphasized-font-weight: var(--font-weight-semi-bold);\n --typography-label-large-emphasized-letter-spacing: 0.10000000149011612px;\n --typography-label-large-emphasized-line-height: 1.25rem;\n --typography-label-large-font-family: var(--font-family-sans);\n --typography-label-large-font-size: 0.875rem;\n --typography-label-large-font-weight: var(--font-weight-medium);\n --typography-label-large-letter-spacing: 0.10000000149011612px;\n --typography-label-large-line-height: 1.25rem;\n --typography-label-medium-emphasized-font-family: var(--font-family-sans);\n --typography-label-medium-emphasized-font-size: 0.75rem;\n --typography-label-medium-emphasized-font-weight: var(--font-weight-semi-bold);\n --typography-label-medium-emphasized-letter-spacing: 0.5px;\n --typography-label-medium-emphasized-line-height: 1rem;\n --typography-label-medium-font-family: var(--font-family-sans);\n --typography-label-medium-font-size: 0.75rem;\n --typography-label-medium-font-weight: var(--font-weight-medium);\n --typography-label-medium-letter-spacing: 0.5px;\n --typography-label-medium-line-height: 1rem;\n --typography-label-small-emphasized-font-family: var(--font-family-sans);\n --typography-label-small-emphasized-font-size: 0.6875rem;\n --typography-label-small-emphasized-font-weight: var(--font-weight-semi-bold);\n --typography-label-small-emphasized-letter-spacing: 0.5px;\n --typography-label-small-emphasized-line-height: 1rem;\n --typography-label-small-font-family: var(--font-family-sans);\n --typography-label-small-font-size: 0.6875rem;\n --typography-label-small-font-weight: var(--font-weight-medium);\n --typography-label-small-letter-spacing: 0.5px;\n --typography-label-small-line-height: 1rem;\n --typography-title-large-emphasized-font-family: var(--font-family-sans);\n --typography-title-large-emphasized-font-size: 1.375rem;\n --typography-title-large-emphasized-font-weight: var(--font-weight-medium);\n --typography-title-large-emphasized-letter-spacing: 0;\n --typography-title-large-emphasized-line-height: 1.75rem;\n --typography-title-large-font-family: var(--font-family-sans);\n --typography-title-large-font-size: 1.375rem;\n --typography-title-large-font-weight: var(--font-weight-regular);\n --typography-title-large-letter-spacing: 0;\n --typography-title-large-line-height: 1.75rem;\n --typography-title-medium-emphasized-font-family: var(--font-family-sans);\n --typography-title-medium-emphasized-font-size: 1rem;\n --typography-title-medium-emphasized-font-weight: var(--font-weight-semi-bold);\n --typography-title-medium-emphasized-letter-spacing: 0.15000000596046448px;\n --typography-title-medium-emphasized-line-height: 1.5rem;\n --typography-title-medium-font-family: var(--font-family-sans);\n --typography-title-medium-font-size: 1rem;\n --typography-title-medium-font-weight: var(--font-weight-medium);\n --typography-title-medium-letter-spacing: 0.15000000596046448px;\n --typography-title-medium-line-height: 1.5rem;\n --typography-title-small-emphasized-font-family: var(--font-family-sans);\n --typography-title-small-emphasized-font-size: 0.875rem;\n --typography-title-small-emphasized-font-weight: var(--font-weight-semi-bold);\n --typography-title-small-emphasized-letter-spacing: 0.10000000149011612px;\n --typography-title-small-emphasized-line-height: 1.25rem;\n --typography-title-small-font-family: var(--font-family-sans);\n --typography-title-small-font-size: 0.875rem;\n --typography-title-small-font-weight: var(--font-weight-medium);\n --typography-title-small-letter-spacing: 0.10000000149011612px;\n --typography-title-small-line-height: 1.25rem;\n --z-index-badge: 10;\n color-scheme: light dark;\n}\n\n[data-theme='dark'] {\n --color-blue: var(--color-blue-80);\n --color-blue-container: var(--color-blue-30);\n --color-error: var(--color-red-80);\n --color-error-container: var(--color-red-30);\n --color-green: var(--color-green-80);\n --color-green-container: var(--color-green-30);\n --color-inverse-blue: var(--color-blue-40);\n --color-inverse-error: var(--color-red-40);\n --color-inverse-green: var(--color-green-40);\n --color-inverse-on-surface: var(--color-neutral-20);\n --color-inverse-orange: var(--color-orange-40);\n --color-inverse-primary: var(--color-primary-40);\n --color-inverse-purple: var(--color-purple-40);\n --color-inverse-red: var(--color-red-40);\n --color-inverse-secondary: var(--color-secondary-40);\n --color-inverse-success: var(--color-green-40);\n --color-inverse-surface: var(--color-neutral-90);\n --color-inverse-tertiary: var(--color-tertiary-40);\n --color-inverse-warning: var(--color-yellow-40);\n --color-inverse-yellow: var(--color-yellow-40);\n --color-on-blue: var(--color-blue-20);\n --color-on-blue-container: var(--color-blue-90);\n --color-on-error: var(--color-red-20);\n --color-on-error-container: var(--color-red-90);\n --color-on-green: var(--color-green-20);\n --color-on-green-container: var(--color-green-90);\n --color-on-orange: var(--color-orange-20);\n --color-on-orange-container: var(--color-orange-90);\n --color-on-primary: var(--color-primary-20);\n --color-on-primary-container: var(--color-primary-90);\n --color-on-purple: var(--color-purple-20);\n --color-on-purple-container: var(--color-purple-90);\n --color-on-red: var(--color-red-20);\n --color-on-red-container: var(--color-red-90);\n --color-on-secondary: var(--color-secondary-20);\n --color-on-secondary-container: var(--color-secondary-90);\n --color-on-success: var(--color-green-20);\n --color-on-success-container: var(--color-green-90);\n --color-on-surface: var(--color-neutral-90);\n --color-on-surface-variant: var(--color-neutral-variant-80);\n --color-on-tertiary: var(--color-tertiary-20);\n --color-on-tertiary-container: var(--color-tertiary-90);\n --color-on-warning: var(--color-yellow-20);\n --color-on-warning-container: var(--color-yellow-90);\n --color-on-yellow: var(--color-yellow-20);\n --color-on-yellow-container: var(--color-yellow-90);\n --color-orange: var(--color-orange-80);\n --color-orange-container: var(--color-orange-30);\n --color-outline: var(--color-neutral-variant-60);\n --color-outline-variant: var(--color-neutral-variant-30);\n --color-primary: var(--color-primary-80);\n --color-primary-container: var(--color-primary-30);\n --color-purple: var(--color-purple-80);\n --color-purple-container: var(--color-purple-30);\n --color-red: var(--color-red-80);\n --color-red-container: var(--color-red-30);\n --color-scrim: var(--color-neutral-0);\n --color-secondary: var(--color-secondary-80);\n --color-secondary-container: var(--color-secondary-30);\n --color-shadow: var(--color-neutral-0);\n --color-success: var(--color-green-80);\n --color-success-container: var(--color-green-30);\n --color-surface: var(--color-neutral-10);\n --color-surface-container: var(--color-neutral-12);\n --color-surface-container-high: var(--color-neutral-17);\n --color-surface-container-highest: var(--color-neutral-22);\n --color-surface-container-low: var(--color-neutral-10);\n --color-surface-container-lowest: var(--color-neutral-4);\n --color-surface-dim: var(--color-neutral-6);\n --color-surface-variant: var(--color-neutral-variant-30);\n --color-tertiary: var(--color-tertiary-80);\n --color-tertiary-container: var(--color-tertiary-30);\n --color-warning: var(--color-yellow-80);\n --color-warning-container: var(--color-yellow-30);\n --color-yellow: var(--color-yellow-80);\n --color-yellow-container: var(--color-yellow-30);\n}\n\n"]}