@microsoft/atlas-css 3.37.1 → 3.38.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (9) hide show
  1. package/dist/class-names.json +1 -1
  2. package/dist/index.css +1 -1
  3. package/dist/index.css.map +1 -1
  4. package/dist/tokens.json +1 -1
  5. package/dist/tokens.ts +10 -6
  6. package/package.json +1 -1
  7. package/src/components/index.scss +1 -0
  8. package/src/components/layout.scss +189 -0
  9. package/src/tokens/layout.scss +8 -3
package/dist/index.css.map CHANGED
@@ -1 +1 @@
1
- {"mappings":"AmBWA,4ZAgBC,uNCnBD,sZCRA,qtBCAA,iMCAA,kCCsCC,kCDtCD,gDGAA,8GCAA,gOAKC,g6BCLD,kICAA,yJCWA,oDAYA,cAQA,mBASA,gCAaA,oDAWA,wCAYA,yBASA,yGAUA,4BAUA,kDAWA,oBASA,8EAQA,kBAIA,cAWA,sBAYA,mGAgBA,8BAWA,kCAUA,0EAWA,qDAAA,4DAAA,2DAAA,4DAYA,oDAAA,2DAAA,0DAAA,2DAWA,oCAWA,qGAaA,iCAQA,uBASA,6DAUA,kBAUA,+DASA,iEASA,oEAYA,sBAQA,0BAWA,+BCnVA,4HA2BA,iDAUA,mBAIA,6BAMA,2BAIA,oCAMA,qCAMA,gBAIA,gDAKA,gBC9BE,6zGAiBA,iBACC,+zGAAA,4qGAYH,oJAaC,gCAAA,mDCvFD,oBAIA,oRAQA,4JAQA,+FAKA,4LCxBA,0EAYA,sFAcA,uEAOA,kCAMA,wDViBC,uCUjBD,uCAQA,qEVSC,uCUTD,2CCpBE,+SC1BF,kDAKA,oEAOA,gGAOA,2EAKA,6CAIA,iCAKA,sECxBA,8VAiBC,+BAGC,wEAIA,6KbGD,kCaHC,gEAcD,iDAGC,0EAIC,yFAMF,oICzDD,+SAMA,+BAGC,yEAIC,0FAUA,kMCAF,8SAmBC,6BAIA,+BAGC,kCAIA,oEAIA,qEAKD,mJAOA,wCAMA,oCAIA,qCAMA,gJAQA,6CAKA,6DAIC,mOAeA,8FASC,gJAMA,0IAfD,oGASC,wJAMA,gJAfD,iGASC,oJAMA,6IAfD,8FASC,gJAMA,0IAfD,qFASC,oIAMA,iIAfD,8FASC,gJAMA,0IAfD,2FASC,4IAMA,uIASH,+DAIC,gEAMA,qEAKA,kHAWC,oEAMC,0KAMA,qKAZD,wEAMC,kLAMA,2KAZD,sEAMC,8KAMA,wKAZD,oEAMC,0KAMA,qKAZD,8DAMC,8JAMA,4JAZD,oEAMC,0KAMA,qKAZD,kEAMC,sKAMA,kKAcH,qKAKC,gHAKA,uIAaC,yJAKC,iNAOA,4JAZD,iKAKC,2NAOA,kKAZD,6JAKC,sNAOA,+JAZD,yJAKC,iNAOA,4JAZD,6IAKC,kMAOA,mJAZD,yJAKC,iNAOA,4JAZD,qJAKC,4MAOA,yJEvOH,mFAMC,iDAIA,gDAIA,gEAIC,wLjBMD,uCiBAC,oGAUD,4CAIA,gDAME,uGAKA,+HAMA,+DAIA,2FAKA,kLAMC,0MrBtDF,wDqB8DE,8DAKD,wDC9EH,iZAcC,qFAKA,gFAKA,mJAaC,uDAKD,wFAOA,8JAUA,+DAIC,+EAKC,yHAWF,gFAKC,kJAQD,0JAYA,gSAiBC,sDAIA,sCAIA,qDAOD,gGAMA,0DAIC,gEAKD,yIASA,mJAWE,yHAKD,+DAIA,8DAIA,qHAOC,4HAKA,yEAMA,gHAQA,6DAIA,gEAMA,4ElBzMF,uCkBkNC,qCAGC,sFAMA,yECrPH,qECWA,4ECNA,8DAKC,iDAIA,mDCgBD,4FAOC,kDAIA,kVAcC,mEAIA,6CAKD,wCAIA,yCAIA,sLAGC,yIAIC,qSAQA,6GAKA,oIAeA,sJAIC,mHAOH,uHAIC,mRAQA,8GAMA,wRElHF,0JASC,mDAIA,oDAIA,iJ5BrBC,wK4BqCD,kCAIA,mCAIA,0D5B7CC,oF4BqDD,4D5BrDC,sF4B6DD,kDAGC,oFAKA,4DAGC,sKAWF,sEAIC,oHAIA,4PAcC,oHAMA,2GAOA,6GEtHH,2LAWC,+BAIA,wDAKA,sDAIA,uDAIA,oJ9B5BC,2K8B4CD,4CAIA,gE9BhDC,0F8BwDD,kE9BxDC,4F+BMF,yCAIC,qLAWC,mDAIC,8EAKD,yJ/B9BA,gL+BgDA,4EAIA,4UAiBA,gGAKD,oCAIA,qCAIA,mE/BlFC,6F+B0FD,qE/B1FC,+FgCUF,2DAKC,4SChCA,8BDgCA,qFAkBE,6IAMF,uCAgBA,4PCxEA,8BDwEA,uKAaE,sIAQD,kNC7FD,8BD6FC,4KAQE,sKAMF,0KAKD,8FE3GA,gDAIA,mEAKA,gHAKC,sG9BMD,uC8BXA,gCAeC,qDAIA,sDAMA,4CAIA,8DAGC,sGAOF,qFAOD,yHC9CA,6GASC,iD/BQA,kC+BRA,0FAaC,gEAUC,gEAOA,gEAOA,iEAOF,6F/B1CA,uC+B0CA,+B/BpCA,kC+BoCA,2KAmBA,wFAOC,gGAQD,kP/BtEA,kC+BsEA,uC/BhEA,kC+BgEA,0EAqBC,8BArBD,yDAyBC,gGAIA,8FAIA,0EChID,+EAAA,6FAWA,yCAGA,gVHpBA,8BGoBA,sDhCKA,uCgC6BC,mQArCD,0CAGA,8UHpBA,8BGoBA,uDhCKA,uCgC6BC,iQA0BD,8VAAA,oWE9ED,8KAKC,uHCJD,oGASC,+EAKA,mKAYA,gDEzBA,uZAoBC,yFAOC,8IDfH,yCAOC,oKASA,kEAOA,yCAIA,qCAIA,uDAKA,kCAGC,4EAKC,0CAKD,6CAKD,qCAGC,iFAKC,+CAKD,6CAKD,+JAQC,6EAMD,gGAMA,qGAOA,iGAOA,mHAQA,qHAQA,+EAMA,kIAOC,6EExJF,2CAIC,8HAQD,6CAKA,0DCCA,8IAUC,+DAKA,4EAKA,0KAOC,qHAKC,yHAOF,wDAIC,0FAKD,sCAGC,qDCtDF,uWAqBE,2JAKC,6IALD,mKAKC,mJALD,+JAKC,gJALD,2JAKC,6IALD,+IAKC,oIALD,2JAKC,6IALD,uJAKC,0IAMF,qCAGC,8EAIA,yKAUD,mEAGC,8IAOC,qGAKD,0IAMC,8IASF,gJC3FD,oEAKC,+CAOA,mDCbD,uCAIC,2EAQA,wEAUC,0C1CED,uC0CIE,kD1CEF,kC0CKE,mDAbD,0C1CED,uC0CIE,kD1CEF,kC0CKE,mDAbD,0C1CED,uC0CIE,kD1CEF,kC0CKE,mDAbD,0C1CED,uC0CIE,kD1CEF,kC0CKE,mDAbD,0C1CED,uC0CIE,kD1CEF,kC0CKE,mDAbD,0C1CED,uC0CIE,kD1CEF,kC0CKE,mDAbD,0C1CED,uC0CIE,kD1CEF,kC0CKE,mDAbD,0C1CED,uC0CIE,kD1CEF,kC0CKE,mDAbD,0C1CED,uC0CIE,kD1CEF,kC0CKE,mDAbD,8C1CED,uC0CIE,sD1CEF,kC0CKE,uDAbD,8C1CED,uC0CIE,sD1CEF,kC0CKE,uDCtBH,oFAOC,sLAQC,uHASD,2EAIC,mGASD,qCAIA,mCClDD,gDAIC,iCAGC,sDAKD,4TAaC,2DAMA,iECRF,0CAKA,6BAIA,+GAQC,2EAOA,4IAKC,6GhBzDD,8BgBgEC,iPAgBF,iFAKA,wGAQA,uJAcA,sJAQC,uKAMA,wP7ChHA,0F6C2HC,gDAIA,mEAKA,6C7CpHD,uC6C2HA,8EAOA,6BAIA,yBAIA,mCAIE,2DAIA,8EAKA,wDCxKH,kFAMA,+EAMC,0EAIA,iIASA,gLAUA,uC9CCA,iC8CKE,uFAMA,uIAMA,gIAKA,8GAMF,0FAUC,uGAKA,gGAOA,sFAMA,oDAOA,mDChGD,wQlBXA,8BkBWA,mFAiBC,iXlB5BD,8BkB4BC,2DAoBD,uJlBhDA,8BkBgDA,0IAWC,mKlB3DD,8BkB2DC,oHAWD,oLASC,0EChFF,sFAMA,oFAMA,yHAQA,oFCnBC,sECQA,2CAAA,2CAAA,6CAAA,+CAAA,+CCPD,sKAMA,mFAMA,2CAIA,yCAIA,2CAIA,0CAIA,yCAIA,0CAIA,2CnDZC,uCmDiBA,kDAIA,gDAIA,kDAIA,iDAIA,gDAIA,iDAIA,mDAOD,0CAIA,2CAIA,uCAIA,0CAIA,yCnDhEC,uCmDuEA,iDAIA,kDAIA,8CAIA,iDAIA,iDAOD,6CAIA,iDAIA,8CAIA,gDAIA,4CAMA,+CAIA,+DAIA,qDAMA,sDAIA,6DAMA,4CAIA,+CAIA,2CnDpJC,uCmDyJA,mDAIA,sDAIA,mDAOD,oCClMA,uDAIA,8DAIA,6DAIA,mCAOC,uEAIA,8EAIA,6EAIA,gDAZA,wEAIA,+EAIA,8EAIA,iDAZA,wEAIA,+EAIA,8EAIA,iDAZA,yEAIA,gFAIA,+EAIA,kDpDLA,uCoDWA,8DAIA,qEAIA,oEAIA,0CAOC,8EAIA,qFAIA,oFAIA,uDAZA,+EAIA,sFAIA,qFAIA,wDAZA,+EAIA,sFAIA,qFAIA,wDAZA,gFAIA,uFAIA,sFAIA,0DAQF,kDAIA,8CAIA,kDAIA,wDASC,uEAAA,2EAAA,yEAAA,uEAAA,iEAAA,uEAAA,qEAKD,uEAIA,yFAGC,sGC1GA,2CAAA,2CAKD,2ECEC,yDASC,+FAYA,mEAKD,kEAIA,yHAKA,gIAKA,mIAKA,kIA7CA,6DASC,qGAYA,uEAKD,sEAIA,+HAKA,sIAKA,yIAKA,wIA7CA,2DASC,kGAYA,qEAKD,oEAIA,4HAKA,mIAKA,sIAKA,qIA7CA,yDASC,+FAYA,mEAKD,kEAIA,yHAKA,gIAKA,mIAKA,kIA7CA,mDASC,sFAYA,6DAKD,4DAIA,gHAKA,uHAKA,0HAKA,yHA7CA,iF1DQC,yE0DaA,mEAKD,kEAIA,yHAKA,gIAKA,mIAKA,kIA7CA,uDASC,4FAYA,iEAKD,gEAIA,sHAKA,6HAKA,gIAKA,+HtD7BA,uCsDwCC,gIAAA,sIAAA,mIAAA,gIAAA,uHAAA,gIAAA,8HASF,8CAIA,4DAIA,4DAIA,6DAIA,kDAIA,yEAIA,8DAIA,oDAMA,yHAKA,uIAKA,0IAKA,wJAKA,oHAKA,kJAIC,iIAKA,yIAMD,2JAIC,iJAKA,2IAMD,uIAOA,yCAIA,yCAIA,+DAIA,+DCtLC,uCAAA,qCAAA,yCAAA,qDAAA,mDAAA,qCAAA,qCvDyBA,uCuDlBC,8CAAA,4CAAA,gDAAA,4DAAA,0DAAA,4CAAA,6CvDwBD,kCuDhBC,+CAAA,6CAAA,iDAAA,6DAAA,2DAAA,6CAAA,8CvDsBD,kCuDdC,kDAAA,gDAAA,oDAAA,gEAAA,8DAAA,gDAAA,iDAMF,gCCPC,6BAAA,2BAAA,6BAAA,2BAAA,2BAAA,0BxDGA,uCwDOC,oCAAA,kCAAA,oCAAA,kCAAA,kCAAA,kCxDDD,kCwDYC,qCAAA,mCAAA,qCAAA,mCAAA,mCAAA,mCxDND,kCwDiBC,wCAAA,sCAAA,wCAAA,sCAAA,sCAAA,sCCvDF,iCzD0BC,uCyDrBA,yCCLD,2CAIA,kIAIA,oIAIA,qIAIA,kJCFC,iDAAA,qDAAA,oDAAA,mD3DYA,uC2DDC,wDAAA,4DAAA,2DAAA,2D3DOD,kC2DIC,yDAAA,6DAAA,4DAAA,4D3DED,kC2DSC,4DAAA,gEAAA,+DAAA,+DCFA,mCAAA,iCAAA,mCAAA,iCAAA,iCAAA,iCAAA,kCAAA,mCAAA,gCAAA,iDAAA,+CAAA,iDAAA,+CAAA,+CAAA,+CAAA,gDAAA,iDAAA,8CAAA,+CAAA,6CAAA,+CAAA,6CAAA,6CAAA,6CAAA,8CAAA,+CAAA,4CAAA,mDAAA,iDAAA,mDAAA,iDAAA,iDAAA,iDAAA,kDAAA,mDAAA,gDAAA,oDAAA,kDAAA,oDAAA,kDAAA,kDAAA,kDAAA,mDAAA,oDAAA,iDAAA,qDAAA,mDAAA,qDAAA,mDAAA,mDAAA,mDAAA,oDAAA,qDAAA,kDAAA,oDAAA,kDAAA,oDAAA,kDAAA,kDAAA,kDAAA,mDAAA,oDAAA,iDAAA,qCAAA,mCAAA,qCAAA,mCAAA,mCAAA,mCAAA,oCAAA,qCAAA,kCAAA,mDAAA,iDAAA,mDAAA,iDAAA,iDAAA,iDAAA,kDAAA,mDAAA,gDAAA,iDAAA,+CAAA,iDAAA,+CAAA,+CAAA,+CAAA,gDAAA,iDAAA,8CAAA,qDAAA,mDAAA,qDAAA,mDAAA,mDAAA,mDAAA,oDAAA,qDAAA,kDAAA,sDAAA,oDAAA,sDAAA,oDAAA,oDAAA,oDAAA,qDAAA,sDAAA,mDAAA,uDAAA,qDAAA,uDAAA,qDAAA,qDAAA,qDAAA,sDAAA,uDAAA,oDAAA,sDAAA,oDAAA,sDAAA,oDAAA,oDAAA,oDAAA,qDAAA,sDAAA,mD5DnBD,uC4DkCE,0CAAA,wCAAA,0CAAA,wCAAA,wCAAA,wCAAA,yCAAA,0CAAA,uCAAA,wDAAA,sDAAA,wDAAA,sDAAA,sDAAA,sDAAA,uDAAA,wDAAA,qDAAA,sDAAA,oDAAA,sDAAA,oDAAA,oDAAA,oDAAA,qDAAA,sDAAA,mDAAA,0DAAA,wDAAA,0DAAA,wDAAA,wDAAA,wDAAA,yDAAA,0DAAA,uDAAA,2DAAA,yDAAA,2DAAA,yDAAA,yDAAA,yDAAA,0DAAA,2DAAA,wDAAA,4DAAA,0DAAA,4DAAA,0DAAA,0DAAA,0DAAA,2DAAA,4DAAA,yDAAA,2DAAA,yDAAA,2DAAA,yDAAA,yDAAA,yDAAA,0DAAA,2DAAA,wDAAA,4CAAA,0CAAA,4CAAA,0CAAA,0CAAA,0CAAA,2CAAA,4CAAA,yCAAA,0DAAA,wDAAA,0DAAA,wDAAA,wDAAA,wDAAA,yDAAA,0DAAA,uDAAA,wDAAA,sDAAA,wDAAA,sDAAA,sDAAA,sDAAA,uDAAA,wDAAA,qDAAA,4DAAA,0DAAA,4DAAA,0DAAA,0DAAA,0DAAA,2DAAA,4DAAA,yDAAA,6DAAA,2DAAA,6DAAA,2DAAA,2DAAA,2DAAA,4DAAA,6DAAA,0DAAA,8DAAA,4DAAA,8DAAA,4DAAA,4DAAA,4DAAA,6DAAA,8DAAA,2DAAA,6DAAA,2DAAA,6DAAA,2DAAA,2DAAA,2DAAA,4DAAA,6DAAA,2D5D5BF,kC4D4CE,2CAAA,yCAAA,2CAAA,yCAAA,yCAAA,yCAAA,0CAAA,2CAAA,wCAAA,yDAAA,uDAAA,yDAAA,uDAAA,uDAAA,uDAAA,wDAAA,yDAAA,sDAAA,uDAAA,qDAAA,uDAAA,qDAAA,qDAAA,qDAAA,sDAAA,uDAAA,oDAAA,2DAAA,yDAAA,2DAAA,yDAAA,yDAAA,yDAAA,0DAAA,2DAAA,wDAAA,4DAAA,0DAAA,4DAAA,0DAAA,0DAAA,0DAAA,2DAAA,4DAAA,yDAAA,6DAAA,2DAAA,6DAAA,2DAAA,2DAAA,2DAAA,4DAAA,6DAAA,0DAAA,4DAAA,0DAAA,4DAAA,0DAAA,0DAAA,0DAAA,2DAAA,4DAAA,yDAAA,6CAAA,2CAAA,6CAAA,2CAAA,2CAAA,2CAAA,4CAAA,6CAAA,0CAAA,2DAAA,yDAAA,2DAAA,yDAAA,yDAAA,yDAAA,0DAAA,2DAAA,wDAAA,yDAAA,uDAAA,yDAAA,uDAAA,uDAAA,uDAAA,wDAAA,yDAAA,sDAAA,6DAAA,2DAAA,6DAAA,2DAAA,2DAAA,2DAAA,4DAAA,6DAAA,0DAAA,8DAAA,4DAAA,8DAAA,4DAAA,4DAAA,4DAAA,6DAAA,8DAAA,2DAAA,+DAAA,6DAAA,+DAAA,6DAAA,6DAAA,6DAAA,8DAAA,+DAAA,4DAAA,8DAAA,4DAAA,8DAAA,4DAAA,4DAAA,4DAAA,6DAAA,8DAAA,4D5DtCF,kC4DsDE,8CAAA,4CAAA,8CAAA,4CAAA,4CAAA,4CAAA,6CAAA,8CAAA,2CAAA,4DAAA,0DAAA,4DAAA,0DAAA,0DAAA,0DAAA,2DAAA,4DAAA,yDAAA,0DAAA,wDAAA,0DAAA,wDAAA,wDAAA,wDAAA,yDAAA,0DAAA,uDAAA,8DAAA,4DAAA,8DAAA,4DAAA,4DAAA,4DAAA,6DAAA,8DAAA,2DAAA,+DAAA,6DAAA,+DAAA,6DAAA,6DAAA,6DAAA,8DAAA,+DAAA,4DAAA,gEAAA,8DAAA,gEAAA,8DAAA,8DAAA,8DAAA,+DAAA,gEAAA,6DAAA,+DAAA,6DAAA,+DAAA,6DAAA,6DAAA,6DAAA,8DAAA,+DAAA,4DAAA,gDAAA,8CAAA,gDAAA,8CAAA,8CAAA,8CAAA,+CAAA,gDAAA,6CAAA,8DAAA,4DAAA,8DAAA,4DAAA,4DAAA,4DAAA,6DAAA,8DAAA,2DAAA,4DAAA,0DAAA,4DAAA,0DAAA,0DAAA,0DAAA,2DAAA,4DAAA,yDAAA,gEAAA,8DAAA,gEAAA,8DAAA,8DAAA,8DAAA,+DAAA,gEAAA,6DAAA,iEAAA,+DAAA,iEAAA,+DAAA,+DAAA,+DAAA,gEAAA,iEAAA,8DAAA,kEAAA,gEAAA,kEAAA,gEAAA,gEAAA,gEAAA,iEAAA,kEAAA,+DAAA,iEAAA,+DAAA,iEAAA,+DAAA,+DAAA,+DAAA,gEAAA,iEAAA,+DCpCD,iEAAA,6DAAA,yDAAA,qEAAA,uEAAA,qEAAA,yDAAA,qDAAA,iDAAA,qDAAA,mDAAA,6DAAA,yDAAA,qDAAA,iEAAA,mEAAA,uDAAA,uDAAA,mDAAA,+CAAA,mDAAA,iDAAA,iDAAA,uDAAA,uEAAA,iEAAA,6CAAA,yCAAA,yDAAA,uCAAA,uCAAA,mCAAA,mC7D9BD,uC6DuCE,wEAAA,oEAAA,gEAAA,4EAAA,8EAAA,4EAAA,gEAAA,4DAAA,wDAAA,4DAAA,0DAAA,oEAAA,gEAAA,4DAAA,wEAAA,0EAAA,8DAAA,8DAAA,0DAAA,sDAAA,0DAAA,wDAAA,wDAAA,8DAAA,8EAAA,wEAAA,oDAAA,gDAAA,gEAAA,8CAAA,8CAAA,0CAAA,2CChEF,yCAAA,+CAAA,+CAAA,2C9DyBA,uC8DlBC,gDAAA,sDAAA,sDAAA,mDAOD,2BAAA,4BAAA,4BAAA,6BCfD,6CAIA,6CAIA,6CAIA,6CCZA,iDAIA,6CAIA,2CAIA,mDCZA,2CCQA,iCAMC,iCAAA,iCAAA,iCAAA,iCAAA,iCAAA,iCAAA,iClEYA,uCkENA,wCAMC,wCAAA,wCAAA,wCAAA,wCAAA,wCAAA,wCAAA,wCAAA,wCAAA,wCAAA,wCAAA,2ClEMD,kCkECA,yCAMC,yCAAA,yCAAA,yCAAA,yCAAA,yCAAA,yCAAA,yCAAA,yCAAA,yCAAA,yCAAA,4CCvCF","sources":["index.css","css/src/index.scss","css/src/tokens/palette.scss","css/src/tokens/animation.scss","css/src/tokens/border.scss","css/src/tokens/breakpoints.scss","css/src/tokens/display.scss","css/src/tokens/colors.scss","css/src/tokens/direction.scss","css/src/tokens/focus.scss","css/src/tokens/font-stack.scss","css/src/tokens/layout.scss","css/src/tokens/position.scss","css/src/tokens/schemes.scss","css/src/tokens/shadow.scss","css/src/tokens/spacing.scss","css/src/tokens/themes.scss","css/src/tokens/typography.scss","css/src/tokens/z-index.scss","css/src/mixins/control.scss","css/src/mixins/focus.scss","css/src/mixins/loader.scss","css/src/mixins/line-clamp.scss","css/src/mixins/layout-gap.scss","css/src/mixins/media-queries.scss","css/src/mixins/font-size.scss","css/src/mixins/overlay.scss","css/src/mixins/transparency.scss","css/src/mixins/dismiss.scss","css/src/mixins/unselectable.scss","css/src/core/normalize.scss","css/src/core/minireset.scss","css/src/core/themes.scss","css/src/core/font-stack.scss","css/src/core/animations.scss","css/src/core/focus.scss","css/src/core/bare-elements.scss","css/src/components/banner.scss","css/src/components/breadcrumbs.scss","css/src/components/button.scss","css/src/mixins/center.scss","css/src/components/buttons.scss","css/src/components/card.scss","css/src/components/button-reset.scss","css/src/components/form/label.scss","css/src/components/form/help.scss","css/src/components/form/checkbox.scss","css/src/mixins/visually-hidden.scss","css/src/components/form/input.scss","css/src/mixins/colors.scss","css/src/components/form/textarea.scss","css/src/components/form/select.scss","css/src/components/form/radio.scss","css/src/mixins/force-colors.scss","css/src/components/form/form.scss","css/src/components/hero.scss","css/src/components/gradient.scss","css/src/mixins/gradient.scss","css/src/components/gradient-card.scss","css/src/components/link-button.scss","css/src/components/markdown.scss","css/src/mixins/code-block.scss","css/src/components/media.scss","css/src/components/message.scss","css/src/components/notification.scss","css/src/components/icon.scss","css/src/components/image.scss","css/src/components/persona.scss","css/src/components/popover.scss","css/src/components/pagination.scss","css/src/components/table.scss","css/src/components/toggle.scss","css/src/components/scroll.scss","css/src/components/stretched-link.scss","css/src/atomics/aspect-ratio.scss","css/src/atomics/typography.scss","css/src/atomics/border.scss","css/src/atomics/background.scss","css/src/atomics/colors.scss","css/src/atomics/display.scss","css/src/atomics/gap.scss","css/src/atomics/overflow.scss","css/src/atomics/shadow.scss","css/src/atomics/spacing-auto.scss","css/src/atomics/spacing.scss","css/src/atomics/flex.scss","css/src/atomics/position.scss","css/src/atomics/line-clamp.scss","css/src/atomics/image.scss","css/src/atomics/list.scss","css/src/atomics/width.scss","css/src/atomics/visually-hidden.scss"],"sourcesContent":[".pagination-previous, .pagination-next, .pagination-link, .pagination-ellipsis, .select select, .textarea, .input, .button {\n appearance: none;\n box-shadow: none;\n vertical-align: top;\n border: 1px solid #0000;\n border-radius: .125rem;\n justify-content: flex-start;\n align-items: center;\n min-height: 2.25em;\n padding-block: calc(.375em - 1px);\n padding-inline: calc(.625em - 1px);\n font-size: 1rem;\n line-height: 1.5;\n display: inline-flex;\n position: relative;\n}\n\n[disabled].pagination-previous, [disabled].pagination-next, [disabled].pagination-link, [disabled].pagination-ellipsis, .select select[disabled], [disabled].textarea, [disabled].input, [disabled].button {\n cursor: not-allowed;\n}\n\n.toggle input[type=\"checkbox\"]:focus-visible + label, .radio input:focus-visible, .radio input.is-focused, .select select:focus-visible, .textarea:focus-visible, .input:focus-visible, .checkbox input[type=\"checkbox\"]:focus-visible + .checkbox-check, :where(.is-focused), .has-default-focus :focus-visible, .default-focus :focus-visible {\n outline-color: inherit;\n outline-offset: .25rem;\n outline-width: .125rem;\n outline-style: dashed;\n}\n\n.notification.is-loading:before, .button.button-filled.button-danger.is-loading:after, .button.button-filled.button-warning.is-loading:after, .button.button-filled.button-info.is-loading:after, .button.button-filled.button-success.is-loading:after, .button.button-filled.button-tertiary.is-loading:after, .button.button-filled.button-secondary.is-loading:after, .button.button-filled.button-primary.is-loading:after, .button.button-filled.is-loading:after, .button.is-loading:after, .banner.is-loading:before {\n border: 2px solid var(--theme-border);\n content: \"\";\n border-block-start-color: #0000;\n border-inline-end-color: #0000;\n border-radius: 290486px;\n width: 1em;\n height: 1em;\n animation: .5s linear infinite spinAround;\n display: block;\n position: relative;\n}\n\n.line-clamp-4, .line-clamp-3, .line-clamp-2, .line-clamp-1, .card .card-content-description, .card .card-title, .card .card-supertitle {\n -webkit-box-orient: vertical;\n display: -webkit-box;\n overflow: hidden;\n}\n\n.hero, .banner {\n padding-inline: 16px;\n}\n\n@media screen and (width >= 1800px) {\n .hero, .banner {\n padding-inline: calc(50% - 884px);\n }\n}\n\n.card .card-header .card-header-image img, .card .card-header .card-header-image svg {\n position: absolute;\n inset: 0;\n}\n\n.pagination-previous, .pagination-next, .pagination-link, .pagination-ellipsis, .link-button, .button-reset, .notification .notification-dismiss, .banner .banner-dismiss {\n outline-color: inherit;\n appearance: none;\n background-color: #0000;\n}\n\n.pagination-previous:not(:hover), .pagination-next:not(:hover), .pagination-link:not(:hover), .pagination-ellipsis:not(:hover), .link-button:not(:hover), .button-reset:not(:hover), .notification .notification-dismiss:not(:hover), .banner .banner-dismiss:not(:hover), .pagination-previous:not(.focus-visible), .pagination-next:not(.focus-visible), .pagination-link:not(.focus-visible), .pagination-ellipsis:not(.focus-visible), .link-button:not(.focus-visible), .button-reset:not(.focus-visible), .notification .notification-dismiss:not(.focus-visible), .banner .banner-dismiss:not(.focus-visible), .pagination-previous:not(:focus-visible), .pagination-next:not(:focus-visible), .pagination-link:not(:focus-visible), .pagination-ellipsis:not(:focus-visible), .link-button:not(:focus-visible), .button-reset:not(:focus-visible), .notification .notification-dismiss:not(:focus-visible), .banner .banner-dismiss:not(:focus-visible) {\n background-color: #0000;\n}\n\n.notification .notification-dismiss, .banner .banner-dismiss {\n color: currentColor;\n cursor: pointer;\n font-size: 1rem;\n display: inline-block;\n}\n\n.pagination-previous, .pagination-next, .pagination-link, .pagination-ellipsis, .button {\n -webkit-touch-callout: none;\n -webkit-user-select: none;\n user-select: none;\n}\n\nhtml {\n -webkit-text-size-adjust: 100%;\n line-height: 1.15;\n}\n\nbody {\n margin: 0;\n}\n\nmain {\n display: block;\n}\n\nh1 {\n margin: .67em 0;\n font-size: 2em;\n}\n\nhr {\n box-sizing: content-box;\n height: 0;\n overflow: visible;\n}\n\npre {\n font-family: monospace;\n font-size: 1em;\n}\n\na {\n background-color: #0000;\n}\n\nabbr[title] {\n border-bottom: none;\n -webkit-text-decoration: underline dotted;\n text-decoration: underline dotted;\n}\n\nb, strong {\n font-weight: bolder;\n}\n\ncode, kbd, samp {\n font-family: monospace;\n font-size: 1em;\n}\n\nsmall {\n font-size: 80%;\n}\n\nsub, sup {\n vertical-align: baseline;\n font-size: 75%;\n line-height: 0;\n position: relative;\n}\n\nsub {\n bottom: -.25em;\n}\n\nsup {\n top: -.5em;\n}\n\nimg {\n border-style: none;\n}\n\nbutton, input, optgroup, select, textarea {\n margin: 0;\n font-family: inherit;\n font-size: 100%;\n line-height: 1.15;\n}\n\nbutton, input {\n overflow: visible;\n}\n\nbutton, select {\n text-transform: none;\n}\n\nbutton, [type=\"button\"], [type=\"reset\"], [type=\"submit\"] {\n -webkit-appearance: button;\n}\n\nbutton::-moz-focus-inner {\n border-style: none;\n padding: 0;\n}\n\n[type=\"button\"]::-moz-focus-inner {\n border-style: none;\n padding: 0;\n}\n\n[type=\"reset\"]::-moz-focus-inner {\n border-style: none;\n padding: 0;\n}\n\n[type=\"submit\"]::-moz-focus-inner {\n border-style: none;\n padding: 0;\n}\n\nbutton:-moz-focusring {\n outline: 1px dotted ButtonText;\n}\n\n[type=\"button\"]:-moz-focusring {\n outline: 1px dotted ButtonText;\n}\n\n[type=\"reset\"]:-moz-focusring {\n outline: 1px dotted ButtonText;\n}\n\n[type=\"submit\"]:-moz-focusring {\n outline: 1px dotted ButtonText;\n}\n\nfieldset {\n padding: .35em .75em .625em;\n}\n\nlegend {\n box-sizing: border-box;\n color: inherit;\n white-space: normal;\n max-width: 100%;\n padding: 0;\n display: table;\n}\n\nprogress {\n vertical-align: baseline;\n}\n\ntextarea {\n overflow: auto;\n}\n\n[type=\"checkbox\"], [type=\"radio\"] {\n box-sizing: border-box;\n padding: 0;\n}\n\n:is([type=\"number\"]::-webkit-inner-spin-button, [type=\"number\"]::-webkit-outer-spin-button) {\n height: auto;\n}\n\n[type=\"search\"] {\n -webkit-appearance: textfield;\n outline-offset: -2px;\n}\n\n[type=\"search\"]::-webkit-search-decoration {\n -webkit-appearance: none;\n}\n\n::-webkit-file-upload-button {\n -webkit-appearance: button;\n font: inherit;\n}\n\ndetails {\n display: block;\n}\n\nsummary {\n display: list-item;\n}\n\ntemplate, [hidden] {\n display: none;\n}\n\nhtml, body, p, ol, ul, li, dl, dt, dd, blockquote, figure, fieldset, legend, textarea, pre, iframe, hr, h1, h2, h3, h4, h5, h6 {\n margin: 0;\n padding: 0;\n}\n\nh1, h2, h3, h4, h5, h6 {\n font-size: 100%;\n font-weight: normal;\n}\n\nul {\n list-style: none;\n}\n\nbutton, input, select {\n margin: 0;\n}\n\nhtml {\n box-sizing: border-box;\n}\n\n*, :before, :after {\n box-sizing: inherit;\n}\n\nimg, video {\n max-width: 100%;\n height: auto;\n}\n\niframe {\n border: 0;\n}\n\ntable {\n border-collapse: collapse;\n border-spacing: 0;\n}\n\ntd, th {\n padding: 0;\n}\n\n:root, .theme-light {\n --theme-text: #161616;\n --theme-text-subtle: #505050;\n --theme-text-invert: #fff;\n --theme-text-glow-high-contrast: #171717;\n --theme-box-shadow-light: #0000001c;\n --theme-box-shadow-medium: #00000021;\n --theme-box-shadow-heavy: #0000002e;\n --theme-box-shadow-extra-heavy: #00000038;\n --theme-overlay: #000000b3;\n --theme-overlay-invert: #fff;\n --theme-body-background: #fff;\n --theme-body-background-accent: #e8e6df;\n --theme-body-background-medium: #f2f2f2;\n --theme-alternate-background: #171717;\n --theme-alternate-background-medium: #2f2f2f;\n --theme-card-background: #fff;\n --theme-border: #e6e6e6;\n --theme-border-accent: #e8e6df;\n --theme-border-white-high-contrast: #fff0;\n --theme-border-yellow-high-contrast: #0000;\n --theme-table-header: #e6e6e6;\n --theme-table-row: #f2f2f2;\n --theme-table-row-header: #fafafa;\n --theme-table-border-dark: #d2d2d2;\n --theme-hover-base: #2f2f2f;\n --theme-hover-invert: #fafafa;\n --theme-code-header: #e6e6e6;\n --theme-code-block: #f2f2f2;\n --theme-control-border: #757575;\n --theme-inline-code: #e6e6e6;\n --theme-code-highlight-background: #fff4ce;\n --theme-visited: #624991;\n --theme-score-low-off: #a800004d;\n --theme-score-low: #b62626;\n --theme-score-medium-off: #ffbb004d;\n --theme-score-medium: #ffb900;\n --theme-score-high-off: #489d484d;\n --theme-score-high: #2a8b2a;\n --theme-hyperlink: #0065b3;\n --theme-primary-base: #0078d4;\n --theme-primary-background: #d7eaf8;\n --theme-primary-background-glow-high-contrast: #d7eaf8;\n --theme-primary-dark: #004173;\n --theme-primary-hover: #0065b3;\n --theme-primary-active: #00579a;\n --theme-primary-box-shadow: #0065b34d;\n --theme-primary-invert: #fff;\n --theme-secondary-base: #a2a2a2;\n --theme-secondary-background: #e6e6e6;\n --theme-secondary-background-glow-high-contrast: #e6e6e6;\n --theme-secondary-dark: #2f2f2f;\n --theme-secondary-hover: #d2d2d2;\n --theme-secondary-active: #d2d2d2;\n --theme-secondary-box-shadow: #0000004d;\n --theme-secondary-invert: #000;\n --theme-tertiary-base: #243a5e;\n --theme-tertiary-background: #061329;\n --theme-tertiary-background-glow-high-contrast: #061329;\n --theme-tertiary-dark: #a4b2c9;\n --theme-tertiary-hover: #14294c;\n --theme-tertiary-active: #70819f;\n --theme-tertiary-box-shadow: #26173f4d;\n --theme-tertiary-invert: #fff;\n --theme-success-base: #107c10;\n --theme-success-background: #dff6dd;\n --theme-success-background-glow-high-contrast: #dff6dd;\n --theme-success-dark: #054b16;\n --theme-success-hover: #0b6413;\n --theme-success-active: #054b16;\n --theme-success-box-shadow: #489d484d;\n --theme-success-invert: #fff;\n --theme-info-base: #8661c5;\n --theme-info-background: #efd9fd;\n --theme-info-background-glow-high-contrast: #efd9fd;\n --theme-info-dark: #3b2e58;\n --theme-info-hover: #8661c5;\n --theme-info-active: #624991;\n --theme-info-box-shadow: #2018434d;\n --theme-info-invert: #fff;\n --theme-warning-base: #ffb900;\n --theme-warning-background: #fff4ce;\n --theme-warning-background-glow-high-contrast: #fff4ce;\n --theme-warning-dark: #6a4b16;\n --theme-warning-hover: #d19501;\n --theme-warning-active: #966802;\n --theme-warning-box-shadow: #ffbb004d;\n --theme-warning-invert: #000;\n --theme-danger-base: #a80000;\n --theme-danger-background: #fde7e9;\n --theme-danger-background-glow-high-contrast: #fde7e9;\n --theme-danger-dark: #470001;\n --theme-danger-hover: #870000;\n --theme-danger-active: #630001;\n --theme-danger-box-shadow: #a800004d;\n --theme-danger-invert: #fff;\n --theme-facepile-red: #a80000;\n --theme-facepile-teal: #328e9f;\n --theme-facepile-blue: #0078d4;\n --theme-gradient-text-purple: #702573;\n --theme-gradient-text-blue: #00579a;\n --theme-gradient-vivid-start: #b84dc6;\n --theme-gradient-vivid-end: #0078d4;\n}\n\n@media not print {\n .theme-dark {\n --theme-text: #e6e6e6;\n --theme-text-subtle: #d2d2d2;\n --theme-text-invert: #2f2f2f;\n --theme-text-glow-high-contrast: #e6e6e6;\n --theme-box-shadow-light: #0000001c;\n --theme-box-shadow-medium: #00000021;\n --theme-box-shadow-heavy: #0000002e;\n --theme-box-shadow-extra-heavy: #00000038;\n --theme-overlay: #000000b3;\n --theme-overlay-invert: #fff;\n --theme-body-background: #171717;\n --theme-body-background-accent: #091f2c;\n --theme-body-background-medium: #2f2f2f;\n --theme-alternate-background: #f2f2f2;\n --theme-alternate-background-medium: #fafafa;\n --theme-border: #404040;\n --theme-border-accent: #505050;\n --theme-border-white-high-contrast: #fff0;\n --theme-border-yellow-high-contrast: #0000;\n --theme-card-background: #091f2c;\n --theme-table-header: #404040;\n --theme-table-row: #2f2f2f;\n --theme-table-row-header: #2f2f2f;\n --theme-table-border-dark: #505050;\n --theme-hover-base: #d2d2d2;\n --theme-hover-invert: #2f2f2f;\n --theme-code-header: #404040;\n --theme-code-block: #2f2f2f;\n --theme-control-border: #d2d2d2;\n --theme-inline-code: #404040;\n --theme-code-highlight-background: #0b6413;\n --theme-visited: #ac7ee1;\n --theme-score-low-off: #a80000b3;\n --theme-score-low: #b62626;\n --theme-score-medium-off: #ffbb004d;\n --theme-score-medium: #ffcb3f;\n --theme-score-high-off: #489d48b3;\n --theme-score-high: #489d48;\n --theme-hyperlink: #75b6e7;\n --theme-primary-base: #75b6e7;\n --theme-primary-background: #004173;\n --theme-primary-background-glow-high-contrast: #004173;\n --theme-primary-dark: #9ccbee;\n --theme-primary-hover: #278cda;\n --theme-primary-active: #0078d4;\n --theme-primary-box-shadow: #0065b34d;\n --theme-primary-invert: #000;\n --theme-secondary-base: #757575;\n --theme-secondary-background: #404040;\n --theme-secondary-background-glow-high-contrast: #404040;\n --theme-secondary-dark: #e6e6e6;\n --theme-secondary-hover: #8e8e8e;\n --theme-secondary-active: #a2a2a2;\n --theme-secondary-box-shadow: #000000b3;\n --theme-secondary-invert: #fff;\n --theme-tertiary-base: #404040;\n --theme-tertiary-background: #171717;\n --theme-tertiary-background-glow-high-contrast: #171717;\n --theme-tertiary-dark: #e6e6e6;\n --theme-tertiary-hover: #505050;\n --theme-tertiary-active: #757575;\n --theme-tertiary-box-shadow: #0065b34d;\n --theme-tertiary-invert: #fff;\n --theme-success-base: #7cbb7b;\n --theme-success-background: #054b16;\n --theme-success-background-glow-high-contrast: #054b16;\n --theme-success-dark: #dff6dd;\n --theme-success-hover: #489d48;\n --theme-success-active: #7cbb7b;\n --theme-success-box-shadow: #489d48b3;\n --theme-success-invert: #000;\n --theme-info-base: #9970d3;\n --theme-info-background: #3b2e58;\n --theme-info-background-glow-high-contrast: #3b2e58;\n --theme-info-dark: #efd9fd;\n --theme-info-hover: #ac7ee1;\n --theme-info-active: #d59dff;\n --theme-info-box-shadow: #201843b3;\n --theme-info-invert: #000;\n --theme-warning-base: #ffb900;\n --theme-warning-background: #6a4b16;\n --theme-warning-background-glow-high-contrast: #6a4b16;\n --theme-warning-dark: #fff4ce;\n --theme-warning-hover: #ffcb3f;\n --theme-warning-active: #ffdf84;\n --theme-warning-box-shadow: #ffbb00b3;\n --theme-warning-invert: #000;\n --theme-danger-base: #e5a7a8;\n --theme-danger-background: #630001;\n --theme-danger-background-glow-high-contrast: #630001;\n --theme-danger-dark: #fde7e9;\n --theme-danger-hover: #c54f4f;\n --theme-danger-active: #d4797a;\n --theme-danger-box-shadow: #a80000b3;\n --theme-danger-invert: #000;\n --theme-facepile-red: #c54f4f;\n --theme-facepile-teal: #50e6ff;\n --theme-facepile-blue: #278cda;\n --theme-gradient-text-purple: #cd9bcf;\n --theme-gradient-text-blue: #9ccbee;\n --theme-gradient-vivid-start: #b84dc6;\n --theme-gradient-vivid-end: #75b6e7;\n }\n\n .theme-high-contrast {\n --theme-text: #fff;\n --theme-text-subtle: #fff;\n --theme-text-invert: #000;\n --theme-text-glow-high-contrast: #ff0;\n --theme-box-shadow-light: #0000001c;\n --theme-box-shadow-medium: #00000021;\n --theme-box-shadow-heavy: #0000002e;\n --theme-box-shadow-extra-heavy: #00000038;\n --theme-overlay: #404040;\n --theme-overlay-invert: #fff;\n --theme-body-background: #000;\n --theme-body-background-accent: #000;\n --theme-body-background-medium: #000;\n --theme-alternate-background: #fff;\n --theme-alternate-background-medium: #fff;\n --theme-border: #fff;\n --theme-border-accent: #fff;\n --theme-border-white-high-contrast: #fff;\n --theme-border-yellow-high-contrast: #ff0;\n --theme-card-background: #000;\n --theme-table-header: #505050;\n --theme-table-row: #000;\n --theme-table-row-header: #171717;\n --theme-table-border-dark: #fff;\n --theme-hover-base: #ff0;\n --theme-hover-invert: #000;\n --theme-code-header: #000;\n --theme-code-block: #000;\n --theme-control-border: #fff;\n --theme-inline-code: #2f2f2f;\n --theme-code-highlight-background: #0b6413;\n --theme-visited: #3cff00;\n --theme-score-low-off: #a80000;\n --theme-score-low: #fde7e9;\n --theme-score-medium-off: #ffbb00b3;\n --theme-score-medium: #ffe79f;\n --theme-score-high-off: #107c10;\n --theme-score-high: #dff6dd;\n --theme-hyperlink: #ff0;\n --theme-primary-base: #ff0;\n --theme-primary-background: #000;\n --theme-primary-background-glow-high-contrast: #ff0;\n --theme-primary-dark: #ff0;\n --theme-primary-hover: #ff3;\n --theme-primary-active: #ff3;\n --theme-primary-box-shadow: #fff;\n --theme-primary-invert: #000;\n --theme-secondary-base: #e6e6e6;\n --theme-secondary-background: #000;\n --theme-secondary-background-glow-high-contrast: #505050;\n --theme-secondary-dark: #e6e6e6;\n --theme-secondary-hover: #d2d2d2;\n --theme-secondary-active: #d2d2d2;\n --theme-secondary-box-shadow: #e6e6e6;\n --theme-secondary-invert: #000;\n --theme-tertiary-base: #fff;\n --theme-tertiary-background: #000;\n --theme-tertiary-background-glow-high-contrast: #fff;\n --theme-tertiary-dark: #fff;\n --theme-tertiary-hover: #e6e6e6;\n --theme-tertiary-active: #e6e6e6;\n --theme-tertiary-box-shadow: #fff;\n --theme-tertiary-invert: #000;\n --theme-success-base: #7cbb7b;\n --theme-success-background: #000;\n --theme-success-background-glow-high-contrast: #7cbb7b;\n --theme-success-dark: #acd7aa;\n --theme-success-hover: #acd7aa;\n --theme-success-active: #acd7aa;\n --theme-success-box-shadow: #fff;\n --theme-success-invert: #000;\n --theme-info-base: #e0b7fe;\n --theme-info-background: #000;\n --theme-info-background-glow-high-contrast: #e0b7fe;\n --theme-info-dark: #efd9fd;\n --theme-info-hover: #efd9fd;\n --theme-info-active: #efd9fd;\n --theme-info-box-shadow: #fff;\n --theme-info-invert: #000;\n --theme-warning-base: #ffe79f;\n --theme-warning-background: #000;\n --theme-warning-background-glow-high-contrast: #ffe79f;\n --theme-warning-dark: #fff4ce;\n --theme-warning-hover: #fff4ce;\n --theme-warning-active: #fff4ce;\n --theme-warning-box-shadow: #fff;\n --theme-warning-invert: #000;\n --theme-danger-base: #e5a7a8;\n --theme-danger-background: #000;\n --theme-danger-background-glow-high-contrast: #e5a7a8;\n --theme-danger-dark: #fde7e9;\n --theme-danger-hover: #fde7e9;\n --theme-danger-active: #fde7e9;\n --theme-danger-box-shadow: #fff;\n --theme-danger-invert: #000;\n --theme-facepile-red: #d4797a;\n --theme-facepile-teal: #7becff;\n --theme-facepile-blue: #75b6e7;\n --theme-gradient-text-purple: #fff;\n --theme-gradient-text-blue: #fff;\n --theme-gradient-vivid-start: #fff;\n --theme-gradient-vivid-end: #fff;\n }\n}\n\n.theme-high-contrast, .theme-dark, .theme-light {\n outline-color: var(--theme-text);\n background-color: var(--theme-body-background);\n color: var(--theme-text);\n}\n\n.theme-light {\n color-scheme: light;\n}\n\n.theme-dark, .theme-high-contrast {\n color-scheme: dark;\n}\n\nhtml {\n font-size: 16px;\n}\n\nhtml, body {\n -webkit-font-smoothing: antialiased;\n text-rendering: optimizelegibility;\n font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji;\n font-weight: 400;\n}\n\nkbd, pre, samp {\n -moz-osx-font-smoothing: auto;\n -webkit-font-smoothing: auto;\n font-family: SFMono-Regular, Consolas, Liberation Mono, Menlo, Courier, monospace !important;\n}\n\ncode {\n direction: ltr;\n font-family: SFMono-Regular, Consolas, Liberation Mono, Menlo, Courier, monospace;\n}\n\na > code {\n font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji;\n}\n\n@keyframes spinAround {\n from {\n transform: rotate(0);\n }\n\n to {\n transform: rotate(359deg);\n }\n}\n\n@keyframes boop {\n 0% {\n transform: scale(1);\n }\n\n 50% {\n transform: scale(1.1);\n }\n\n 100% {\n transform: scale(1);\n }\n}\n\n@keyframes slide-up-fade-out {\n 100% {\n opacity: 0;\n transform: translateY(-100%);\n }\n}\n\n@keyframes fade-out {\n 100% {\n opacity: 0;\n }\n}\n\n.animation-fade {\n animation: .4s ease-in forwards fade-out;\n}\n\n@media (prefers-reduced-motion: reduce) {\n .animation-fade {\n animation-duration: 0s;\n }\n}\n\n.animation-slide-up {\n animation: .4s ease-in forwards slide-up-fade-out;\n}\n\n@media (prefers-reduced-motion: reduce) {\n .animation-slide-up {\n animation-duration: 0s;\n }\n}\n\n.has-default-focus :focus-visible.has-inner-focus, .has-default-focus :focus-visible.inner-focus, .default-focus :focus-visible.has-inner-focus, .default-focus :focus-visible.inner-focus, :where(.is-focused).has-inner-focus, :where(.is-focused).inner-focus {\n outline-offset: -.125rem;\n outline-color: currentColor;\n}\n\ndetails, details > * {\n box-sizing: border-box !important;\n}\n\n:where(html *), :where(html a), :where(html li) {\n outline-color: inherit;\n}\n\n:where(a) {\n color: var(--theme-hyperlink);\n cursor: pointer;\n word-wrap: break-word;\n text-decoration: none;\n}\n\n:where(a:hover) {\n color: var(--theme-primary-hover);\n text-decoration: underline;\n}\n\n:where(a:visited) {\n color: var(--theme-visited);\n}\n\nfieldset {\n border: none;\n min-width: 0;\n}\n\n::target-text {\n background-color: var(--theme-code-highlight-background);\n}\n\n.banner {\n outline-color: var(--theme-text);\n background-color: var(--theme-info-background);\n color: var(--theme-info-dark);\n word-wrap: break-word;\n word-break: break-word;\n border-block: 1px solid var(--theme-border-white-high-contrast);\n grid-template: \"banner-content dismiss\"\n / 1fr auto;\n padding-block: 1rem;\n font-size: 1rem;\n line-height: 1.3;\n display: grid;\n position: relative;\n}\n\n.banner.is-loading {\n color: #0000;\n}\n\n.banner.is-loading > :first-child {\n margin-inline-start: calc(1rem + .375em);\n}\n\n.banner.is-loading:before {\n border-color: transparent transparent var(--theme-info-dark) var(--theme-info-dark);\n position: absolute;\n inset-block-start: 1rem;\n inset-inline-start: 16px;\n}\n\n@media screen and (width >= 1800px) {\n .banner.is-loading:before {\n inset-inline-start: calc(50% - 884px);\n }\n}\n\n.banner .banner-content {\n grid-area: banner-content;\n}\n\n.banner .banner-content a:not(.button) {\n color: currentColor;\n font-weight: 600;\n}\n\n.theme-high-contrast .banner .banner-content a:not(.button) {\n color: var(--theme-hyperlink);\n}\n\n.banner .banner-dismiss {\n border: 0;\n border-radius: 290486px;\n grid-area: dismiss;\n width: 1em;\n height: 1em;\n margin-inline-start: .25rem;\n padding: 0;\n}\n\n.breadcrumbs.breadcrumbs-initial-slash .breadcrumbs-item:first-child:before, .breadcrumbs.breadcrumbs-initial-slash .breadcrumbs-item[hidden] + .breadcrumbs-item:before, .breadcrumbs .breadcrumbs-item:not(.breadcrumbs-item-slashless):after {\n color: var(--theme-text-subtle);\n content: \"​/\";\n display: inline-block;\n}\n\n.breadcrumbs {\n font-size: .875rem;\n}\n\n.breadcrumbs .breadcrumbs-item {\n padding-block: .375em;\n display: inline-block;\n}\n\n.breadcrumbs .breadcrumbs-item:not(.breadcrumbs-item-slashless):after {\n margin-inline: .25em;\n}\n\n.breadcrumbs.breadcrumbs-initial-slash .breadcrumbs-item:first-child:before, .breadcrumbs.breadcrumbs-initial-slash .breadcrumbs-item[hidden] + .breadcrumbs-item:before {\n margin-inline: .0625em .25em;\n}\n\n.button {\n border-width: 1px;\n border-color: var(--theme-text-subtle);\n background-color: var(--theme-body-background);\n color: var(--theme-text);\n text-align: center;\n cursor: pointer;\n border-radius: .125rem;\n justify-content: center;\n padding-block: calc(.375em - 1px);\n padding-inline: .75em;\n font-weight: 600;\n text-decoration: none;\n}\n\n.button strong {\n color: inherit;\n}\n\n.button .icon {\n font-size: .875em;\n}\n\n.button .icon:only-child {\n margin: 0;\n}\n\n.button .icon:first-child:not(:only-child) {\n margin-inline-end: .375em;\n}\n\n.button .icon:last-child:not(:only-child) {\n margin-inline-start: .375em;\n}\n\n.button:hover, .button.is-hovered {\n border-color: var(--theme-hover-base);\n background-color: var(--theme-body-background-medium);\n color: var(--theme-text);\n}\n\n.button:visited {\n color: var(--theme-text);\n}\n\n.button.button-sm {\n font-size: .875rem;\n}\n\n.button.button-lg {\n font-size: 1.125rem;\n}\n\n.button.is-disabled, .button[disabled] {\n background-color: var(--theme-body-background-medium);\n opacity: .5;\n box-shadow: none;\n border-color: currentColor;\n}\n\n.button.button-block {\n width: 100%;\n display: flex;\n}\n\n.button.is-loading {\n pointer-events: none;\n color: #0000 !important;\n}\n\n.button.is-loading:after {\n border-block-end-color: var(--theme-text);\n border-inline-start-color: var(--theme-text);\n position: absolute;\n inset-block-start: calc(50% - .5em);\n inset-inline-start: calc(50% - .5em);\n position: absolute !important;\n}\n\n.button.button-primary {\n border-color: var(--theme-primary-base);\n color: var(--theme-primary-base);\n}\n\n.button.button-primary:hover, .button.button-primary.is-hovered {\n background-color: var(--theme-primary-background);\n color: var(--theme-primary-dark);\n}\n\n.button.button-primary.is-loading:after {\n border-color: transparent transparent var(--theme-primary-base) var(--theme-primary-base) !important;\n}\n\n.button.button-secondary {\n border-color: var(--theme-secondary-base);\n color: var(--theme-secondary-base);\n}\n\n.button.button-secondary:hover, .button.button-secondary.is-hovered {\n background-color: var(--theme-secondary-background);\n color: var(--theme-secondary-dark);\n}\n\n.button.button-secondary.is-loading:after {\n border-color: transparent transparent var(--theme-secondary-base) var(--theme-secondary-base) !important;\n}\n\n.button.button-tertiary {\n border-color: var(--theme-tertiary-base);\n color: var(--theme-tertiary-base);\n}\n\n.button.button-tertiary:hover, .button.button-tertiary.is-hovered {\n background-color: var(--theme-tertiary-background);\n color: var(--theme-tertiary-dark);\n}\n\n.button.button-tertiary.is-loading:after {\n border-color: transparent transparent var(--theme-tertiary-base) var(--theme-tertiary-base) !important;\n}\n\n.button.button-success {\n border-color: var(--theme-success-base);\n color: var(--theme-success-base);\n}\n\n.button.button-success:hover, .button.button-success.is-hovered {\n background-color: var(--theme-success-background);\n color: var(--theme-success-dark);\n}\n\n.button.button-success.is-loading:after {\n border-color: transparent transparent var(--theme-success-base) var(--theme-success-base) !important;\n}\n\n.button.button-info {\n border-color: var(--theme-info-base);\n color: var(--theme-info-base);\n}\n\n.button.button-info:hover, .button.button-info.is-hovered {\n background-color: var(--theme-info-background);\n color: var(--theme-info-dark);\n}\n\n.button.button-info.is-loading:after {\n border-color: transparent transparent var(--theme-info-base) var(--theme-info-base) !important;\n}\n\n.button.button-warning {\n border-color: var(--theme-warning-dark);\n color: var(--theme-warning-dark);\n}\n\n.button.button-warning:hover, .button.button-warning.is-hovered {\n background-color: var(--theme-warning-background);\n color: var(--theme-warning-dark);\n}\n\n.button.button-warning.is-loading:after {\n border-color: transparent transparent var(--theme-warning-base) var(--theme-warning-base) !important;\n}\n\n.button.button-danger {\n border-color: var(--theme-danger-base);\n color: var(--theme-danger-base);\n}\n\n.button.button-danger:hover, .button.button-danger.is-hovered {\n background-color: var(--theme-danger-background);\n color: var(--theme-danger-dark);\n}\n\n.button.button-danger.is-loading:after {\n border-color: transparent transparent var(--theme-danger-base) var(--theme-danger-base) !important;\n}\n\n.button.button-clear {\n background-color: #0000;\n border-color: #0000;\n}\n\n.button.button-clear.border {\n border-color: currentColor !important;\n}\n\n.button.button-clear, .button.button-clear:visited {\n color: currentColor;\n}\n\n.button.button-clear.is-hovered, .button.button-clear:hover, .button.button-clear:active {\n background-color: #8e8e8e0d;\n}\n\n.button.button-clear.button-primary {\n color: var(--theme-primary-base);\n}\n\n.button.button-clear.button-primary:hover, .button.button-clear.button-primary.is-hovered {\n background-color: var(--theme-primary-background);\n color: var(--theme-primary-dark);\n}\n\n.button.button-clear.button-primary.is-disabled, .button.button-clear.button-primary[disabled] {\n color: var(--theme-primary-base);\n box-shadow: none;\n background-color: #0000;\n}\n\n.button.button-clear.button-secondary {\n color: var(--theme-secondary-base);\n}\n\n.button.button-clear.button-secondary:hover, .button.button-clear.button-secondary.is-hovered {\n background-color: var(--theme-secondary-background);\n color: var(--theme-secondary-dark);\n}\n\n.button.button-clear.button-secondary.is-disabled, .button.button-clear.button-secondary[disabled] {\n color: var(--theme-secondary-base);\n box-shadow: none;\n background-color: #0000;\n}\n\n.button.button-clear.button-tertiary {\n color: var(--theme-tertiary-base);\n}\n\n.button.button-clear.button-tertiary:hover, .button.button-clear.button-tertiary.is-hovered {\n background-color: var(--theme-tertiary-background);\n color: var(--theme-tertiary-dark);\n}\n\n.button.button-clear.button-tertiary.is-disabled, .button.button-clear.button-tertiary[disabled] {\n color: var(--theme-tertiary-base);\n box-shadow: none;\n background-color: #0000;\n}\n\n.button.button-clear.button-success {\n color: var(--theme-success-base);\n}\n\n.button.button-clear.button-success:hover, .button.button-clear.button-success.is-hovered {\n background-color: var(--theme-success-background);\n color: var(--theme-success-dark);\n}\n\n.button.button-clear.button-success.is-disabled, .button.button-clear.button-success[disabled] {\n color: var(--theme-success-base);\n box-shadow: none;\n background-color: #0000;\n}\n\n.button.button-clear.button-info {\n color: var(--theme-info-base);\n}\n\n.button.button-clear.button-info:hover, .button.button-clear.button-info.is-hovered {\n background-color: var(--theme-info-background);\n color: var(--theme-info-dark);\n}\n\n.button.button-clear.button-info.is-disabled, .button.button-clear.button-info[disabled] {\n color: var(--theme-info-base);\n box-shadow: none;\n background-color: #0000;\n}\n\n.button.button-clear.button-warning {\n color: var(--theme-warning-dark);\n}\n\n.button.button-clear.button-warning:hover, .button.button-clear.button-warning.is-hovered {\n background-color: var(--theme-warning-background);\n color: var(--theme-warning-dark);\n}\n\n.button.button-clear.button-warning.is-disabled, .button.button-clear.button-warning[disabled] {\n color: var(--theme-warning-base);\n box-shadow: none;\n background-color: #0000;\n}\n\n.button.button-clear.button-danger {\n color: var(--theme-danger-base);\n}\n\n.button.button-clear.button-danger:hover, .button.button-clear.button-danger.is-hovered {\n background-color: var(--theme-danger-background);\n color: var(--theme-danger-dark);\n}\n\n.button.button-clear.button-danger.is-disabled, .button.button-clear.button-danger[disabled] {\n color: var(--theme-danger-base);\n box-shadow: none;\n background-color: #0000;\n}\n\n.button.button-filled {\n border-color: var(--theme-alternate-background-medium);\n background-color: var(--theme-alternate-background-medium);\n color: var(--theme-text-invert);\n}\n\n.button.button-filled:hover, .button.button-filled.is-hovered {\n background-color: var(--theme-alternate-background);\n}\n\n.button.button-filled.is-loading:after {\n border-color: transparent transparent var(--theme-text-invert) var(--theme-text-invert) !important;\n}\n\n.button.button-filled.button-primary {\n border-color: var(--theme-primary-base);\n background-color: var(--theme-primary-base);\n color: var(--theme-primary-invert);\n}\n\n.button.button-filled.button-primary:hover, .button.button-filled.button-primary.is-hovered {\n border-color: var(--theme-primary-hover);\n background-color: var(--theme-primary-hover);\n color: var(--theme-primary-invert);\n}\n\n.button.button-filled.button-primary.is-loading:after {\n border-color: transparent transparent var(--theme-primary-invert) var(--theme-primary-invert) !important;\n}\n\n.button.button-filled.button-secondary {\n border-color: var(--theme-secondary-base);\n background-color: var(--theme-secondary-base);\n color: var(--theme-secondary-invert);\n}\n\n.button.button-filled.button-secondary:hover, .button.button-filled.button-secondary.is-hovered {\n border-color: var(--theme-secondary-hover);\n background-color: var(--theme-secondary-hover);\n color: var(--theme-secondary-invert);\n}\n\n.button.button-filled.button-secondary.is-loading:after {\n border-color: transparent transparent var(--theme-secondary-invert) var(--theme-secondary-invert) !important;\n}\n\n.button.button-filled.button-tertiary {\n border-color: var(--theme-tertiary-base);\n background-color: var(--theme-tertiary-base);\n color: var(--theme-tertiary-invert);\n}\n\n.button.button-filled.button-tertiary:hover, .button.button-filled.button-tertiary.is-hovered {\n border-color: var(--theme-tertiary-hover);\n background-color: var(--theme-tertiary-hover);\n color: var(--theme-tertiary-invert);\n}\n\n.button.button-filled.button-tertiary.is-loading:after {\n border-color: transparent transparent var(--theme-tertiary-invert) var(--theme-tertiary-invert) !important;\n}\n\n.button.button-filled.button-success {\n border-color: var(--theme-success-base);\n background-color: var(--theme-success-base);\n color: var(--theme-success-invert);\n}\n\n.button.button-filled.button-success:hover, .button.button-filled.button-success.is-hovered {\n border-color: var(--theme-success-hover);\n background-color: var(--theme-success-hover);\n color: var(--theme-success-invert);\n}\n\n.button.button-filled.button-success.is-loading:after {\n border-color: transparent transparent var(--theme-success-invert) var(--theme-success-invert) !important;\n}\n\n.button.button-filled.button-info {\n border-color: var(--theme-info-base);\n background-color: var(--theme-info-base);\n color: var(--theme-info-invert);\n}\n\n.button.button-filled.button-info:hover, .button.button-filled.button-info.is-hovered {\n border-color: var(--theme-info-hover);\n background-color: var(--theme-info-hover);\n color: var(--theme-info-invert);\n}\n\n.button.button-filled.button-info.is-loading:after {\n border-color: transparent transparent var(--theme-info-invert) var(--theme-info-invert) !important;\n}\n\n.button.button-filled.button-warning {\n border-color: var(--theme-warning-base);\n background-color: var(--theme-warning-base);\n color: var(--theme-warning-invert);\n}\n\n.button.button-filled.button-warning:hover, .button.button-filled.button-warning.is-hovered {\n border-color: var(--theme-warning-hover);\n background-color: var(--theme-warning-hover);\n color: var(--theme-warning-invert);\n}\n\n.button.button-filled.button-warning.is-loading:after {\n border-color: transparent transparent var(--theme-warning-invert) var(--theme-warning-invert) !important;\n}\n\n.button.button-filled.button-danger {\n border-color: var(--theme-danger-base);\n background-color: var(--theme-danger-base);\n color: var(--theme-danger-invert);\n}\n\n.button.button-filled.button-danger:hover, .button.button-filled.button-danger.is-hovered {\n border-color: var(--theme-danger-hover);\n background-color: var(--theme-danger-hover);\n color: var(--theme-danger-invert);\n}\n\n.button.button-filled.button-danger.is-loading:after {\n border-color: transparent transparent var(--theme-danger-invert) var(--theme-danger-invert) !important;\n}\n\n.buttons {\n flex-wrap: wrap;\n justify-content: flex-start;\n align-items: center;\n display: flex;\n}\n\n.buttons.buttons-centered {\n justify-content: center;\n}\n\n.buttons.buttons-right {\n justify-content: flex-end;\n}\n\n.buttons .button {\n margin-block-end: .5rem;\n margin-inline-end: .5rem;\n}\n\n.buttons .button:only-child, .buttons .button.is-fullwidth, .buttons .button.is-full-width, .buttons .button.is-full-width-mobile, .buttons .button.is-fullwidth-mobile {\n margin-inline-end: 0;\n}\n\n@media screen and (width >= 768px), print {\n .buttons .button.is-full-width-mobile, .buttons .button.is-fullwidth-mobile {\n margin-inline-end: .5rem;\n }\n}\n\n.buttons:last-child {\n margin-block-end: -.5rem;\n}\n\n.buttons:not(:last-child) {\n margin-block-end: 1rem;\n}\n\n.buttons.buttons-addons .button:not(:first-child) {\n border-top-left-radius: 0;\n border-bottom-left-radius: 0;\n}\n\n.buttons.buttons-addons .button:not(:last-child) {\n border-top-right-radius: 0;\n border-bottom-right-radius: 0;\n margin-inline-end: -1px;\n}\n\n.buttons.buttons-addons .button:last-child {\n margin-inline-end: 0;\n}\n\n.buttons.buttons-addons .button:hover, .buttons.buttons-addons .button.is-hovered {\n z-index: 2;\n}\n\n.buttons.buttons-addons .button.is-focused, .buttons.buttons-addons .button:active, .buttons.buttons-addons .button.is-active, .buttons.buttons-addons .button.is-selected {\n z-index: 3;\n}\n\n.buttons.buttons-addons .button.is-focused:hover, .buttons.buttons-addons .button:active:hover, .buttons.buttons-addons .button.is-active:hover, .buttons.buttons-addons .button.is-selected:hover {\n z-index: 4;\n}\n\n.buttons.buttons-addons .button:focus-visible {\n z-index: 3;\n}\n\n.buttons.buttons-addons .button:focus-visible:hover {\n z-index: 4;\n}\n\n.buttons.buttons-addons .button.is-expanded {\n flex-grow: 1;\n}\n\n.card {\n border: 1px solid var(--theme-border-white-high-contrast);\n outline-color: var(--theme-text);\n background-color: var(--theme-card-background);\n color: var(--theme-text);\n box-shadow: 0 1.6px 3.6px 0 var(--theme-box-shadow-medium), 0 .3px .9px 0 var(--theme-box-shadow-light);\n border-radius: .125rem;\n flex-direction: column;\n justify-content: flex-start;\n max-width: 100%;\n padding: 1rem 0 0;\n display: flex;\n position: relative;\n}\n\n.card > :first-child {\n border-start-start-radius: .125rem;\n border-start-end-radius: .125rem;\n}\n\n.card > :last-child {\n border-end-end-radius: .125rem;\n border-end-start-radius: .125rem;\n}\n\n.card .card-template {\n flex-grow: 1;\n grid-template: \"supertitle supertitle\"\n \"title title\"\n \"detail icon\"\n / 1fr 3rem;\n gap: .5rem 1rem;\n padding: 1rem;\n display: grid;\n}\n\n.card .card-template .card-title {\n margin-block-end: 1rem;\n}\n\n.card .card-template-icon {\n grid-area: icon;\n width: 3rem;\n height: 3rem;\n margin-block-start: auto;\n}\n\n.card .card-template-detail {\n flex-direction: column;\n grid-area: detail;\n justify-content: flex-end;\n align-self: stretch;\n font-size: .75rem;\n line-height: 1.25;\n display: flex;\n}\n\n.card .card-header {\n margin-block-end: 1.125rem;\n position: relative;\n}\n\n.card .card-header .card-header-image {\n width: 64px;\n height: 64px;\n position: relative;\n}\n\n.card .card-header .card-header-image img, .card .card-header .card-header-image svg {\n width: 100%;\n height: 100%;\n display: block;\n}\n\n.card .card-header, .card .card-content, .card .card-template {\n padding-inline: 1rem;\n}\n\n.card .card-header:first-child, .card .card-content:first-child, .card .card-template:first-child {\n margin-block-start: -1rem;\n padding-block-start: 1rem;\n}\n\n.card .card-supertitle {\n letter-spacing: .225rem;\n text-transform: uppercase;\n grid-area: supertitle;\n font-size: .75rem;\n line-height: 1;\n -webkit-line-clamp: 1 !important;\n}\n\n.card .card-title {\n background-color: var(--theme-card-background);\n color: var(--theme-primary-base);\n text-align: start;\n appearance: none;\n border: none;\n flex-grow: 1;\n grid-area: title;\n margin: 0;\n padding: 0;\n font-size: 1rem;\n font-weight: 600;\n line-height: 1.25;\n text-decoration: none;\n -webkit-line-clamp: 3 !important;\n}\n\n.card .card-title:first-child {\n margin-block-start: none;\n}\n\n.card .card-title:only-child {\n margin: 0;\n}\n\n.card .card-title:visited {\n color: var(--theme-visited);\n}\n\n.card a.card-title:hover, .card button.card-title:hover {\n cursor: pointer;\n text-decoration: underline;\n}\n\n.card .card-content {\n flex-grow: 1;\n margin-block-end: 1.125rem;\n}\n\n.card .card-content > :not(:first-child) {\n margin-block-start: .5rem;\n}\n\n.card .card-content-description {\n max-height: inherit;\n padding-block-end: 0;\n font-size: .875rem;\n line-height: 1.25;\n -webkit-line-clamp: 4 !important;\n}\n\n.card .card-footer {\n border-block-start: 1px solid var(--theme-border);\n flex-wrap: nowrap;\n justify-content: space-between;\n margin-inline: 1rem;\n display: flex;\n}\n\n.card .card-footer.card-footer-left .card-footer-item, .card .card-footer.card-footer-right .card-footer-item {\n flex-grow: 0;\n}\n\n.card .card-footer.card-footer-left {\n justify-content: flex-start;\n}\n\n.card .card-footer.card-footer-right {\n justify-content: flex-end;\n}\n\n.card .card-footer .card-footer-item {\n flex-grow: 1;\n flex-shrink: 1;\n align-items: center;\n padding-block: .375rem;\n display: flex;\n}\n\n.card .card-footer .card-footer-item:first-child, .card .card-footer .card-footer-item:only-child {\n justify-content: flex-start;\n}\n\n.card .card-footer .card-footer-item:last-child {\n justify-content: flex-end;\n}\n\n.card .card-footer .card-footer-item:not(:last-child):not(:first-child):not(:only-child) {\n justify-content: center;\n}\n\n.card .card-footer .card-footer-item .buttons {\n margin-block: 0;\n}\n\n.card .card-footer .card-footer-item .button {\n margin-block-end: 0;\n}\n\n.card .card-footer .card-footer-item .button:last-child {\n margin-inline-end: 0;\n}\n\n@media screen and (width >= 768px), print {\n .card.card-horizontal {\n flex-flow: wrap;\n }\n\n .card.card-horizontal .card-content {\n max-width: calc(100% - 7rem);\n padding-inline: 0 4rem;\n }\n\n .card.card-horizontal .card-footer {\n flex-grow: 1;\n flex-shrink: 1;\n width: 100%;\n }\n}\n\n.button-reset {\n cursor: pointer;\n border: 0;\n padding: 0;\n display: inline-block;\n}\n\n.label {\n color: var(--theme-text);\n font-size: 1rem;\n font-weight: 600;\n display: block;\n}\n\n.help {\n color: var(--theme-text);\n font-size: .875rem;\n display: block;\n}\n\n.help.help-danger {\n color: var(--theme-danger-base);\n}\n\n.help.help-success {\n color: var(--theme-success-base);\n}\n\n.checkbox {\n cursor: pointer;\n align-items: center;\n line-height: 1.25;\n display: flex;\n position: relative;\n}\n\n.checkbox:not(:last-child) {\n margin-block-end: .5rem;\n}\n\n.checkbox .checkbox-check {\n border: .0625em solid var(--theme-control-border);\n border-radius: .125rem;\n flex-shrink: 0;\n justify-content: center;\n align-items: center;\n width: 1.25em;\n height: 1.25em;\n transition-property: background, border, border-color;\n transition-duration: .2s;\n transition-timing-function: cubic-bezier(.4, 0, .23, 1);\n display: flex;\n position: relative;\n}\n\n.checkbox .checkbox-check:not(:last-child) {\n margin-inline-end: .5rem;\n}\n\n.checkbox .checkbox-check:before {\n content: \" \";\n}\n\n.checkbox.checkbox-sm {\n font-size: .875rem;\n}\n\n.checkbox.checkbox-lg {\n font-size: 1.125rem;\n}\n\n.checkbox input[type=\"checkbox\"] {\n clip: rect(1px, 1px, 1px, 1px);\n clip-path: inset(50%);\n word-wrap: normal;\n border: 0;\n width: 1px;\n height: 1px;\n margin: -1px;\n padding: 0;\n position: absolute;\n overflow: hidden;\n}\n\n.checkbox input[type=\"checkbox\"]:checked + .checkbox-check {\n border-color: var(--theme-primary-base);\n background-color: var(--theme-primary-base);\n}\n\n.checkbox input[type=\"checkbox\"]:checked + .checkbox-check:before {\n border: solid var(--theme-text-subtle);\n content: \"\";\n border-width: 0 .0625em .0625em 0;\n border-color: var(--theme-primary-invert);\n width: .3125em;\n height: .75em;\n display: block;\n position: absolute;\n inset-block-start: .125em;\n transform: rotate(45deg);\n}\n\n.checkbox input[type=\"checkbox\"][disabled] + .checkbox-check {\n border-color: var(--theme-control-border);\n opacity: .6;\n}\n\n.checkbox input[type=\"checkbox\"][disabled] + .checkbox-check, .checkbox input[type=\"checkbox\"][disabled] ~ .checkbox-text {\n cursor: not-allowed;\n}\n\n.checkbox.checkbox-muted input[type=\"checkbox\"]:checked + .checkbox-check {\n border-color: var(--theme-text-subtle);\n background-color: var(--theme-text-subtle);\n}\n\n.checkbox.checkbox-muted input[type=\"checkbox\"]:checked + .checkbox-check:before {\n border-color: var(--theme-text-invert);\n}\n\n.checkbox .checkbox-check.is-checked {\n border-color: var(--theme-primary-base);\n background-color: var(--theme-primary-base);\n}\n\n.checkbox .checkbox-check.is-checked:before {\n border: solid var(--theme-text-subtle);\n content: \"\";\n border-width: 0 .0625em .0625em 0;\n border-color: var(--theme-primary-invert);\n width: .3125em;\n height: .75em;\n display: block;\n position: absolute;\n inset-block-start: .125em;\n transform: rotate(45deg);\n}\n\n.checkbox.is-invalid input[type=\"checkbox\"]:not(:checked) + .checkbox-check {\n border-color: var(--theme-danger-base);\n}\n\n.checkbox:hover input[type=\"checkbox\"]:not(:checked):not([disabled]) + .checkbox-check:before {\n border: solid var(--theme-text-subtle);\n content: \"\";\n border-width: 0 .0625em .0625em 0;\n width: .3125em;\n height: .75em;\n display: block;\n position: absolute;\n inset-block-start: .125em;\n transform: rotate(45deg);\n}\n\n.input {\n border-color: var(--theme-control-border);\n background-color: var(--theme-body-background);\n width: 100%;\n max-width: 100%;\n color: var(--theme-text) !important;\n}\n\n.input::placeholder {\n color: var(--theme-text-subtle);\n}\n\n.input:hover {\n border-color: var(--theme-primary-base);\n}\n\n.input[disabled] {\n border-color: var(--theme-table-border-dark);\n background-color: var(--theme-body-background-medium);\n color: var(--theme-text-subtle);\n}\n\n.input:focus-visible {\n border-color: var(--theme-primary-base);\n outline-offset: 0;\n box-shadow: 0 0 0 .125rem var(--theme-primary-base);\n outline-style: solid;\n outline-color: #0000;\n}\n\n.input.input-sm {\n font-size: .875rem;\n}\n\n.input.input-lg {\n font-size: 1.125rem;\n}\n\n.input.input-danger {\n border-color: var(--theme-danger-base);\n}\n\n.input.input-danger:focus-visible {\n box-shadow: 0 0 0 .125rem var(--theme-danger-base);\n}\n\n.input.input-success {\n border-color: var(--theme-success-base);\n}\n\n.input.input-success:focus-visible {\n box-shadow: 0 0 0 .125rem var(--theme-success-base);\n}\n\n.input.input-icon-right {\n padding-inline-end: 2.25em;\n}\n\n.input.input-icon-right ~ .icon {\n inset-inline-end: 0;\n inset-inline-start: unset !important;\n}\n\n.input.input-icon-right .input[type=\"date\"] {\n position: relative;\n}\n\n.input.input-icon-right .input[type=\"date\"]::-webkit-calendar-picker-indicator {\n color: #0000;\n z-index: 1000;\n background: none;\n width: 1.5em;\n position: absolute;\n inset-inline-end: 0;\n}\n\n.input.input-icon, .input.input-icon-right {\n padding-inline-start: 2.25em;\n}\n\n.input.input-icon.input-icon-right, .input.input-icon-right.input-icon-right {\n padding-inline-start: calc(.625em - 1px);\n}\n\n.input.input-icon + .icon, .input.input-icon-right + .icon {\n forced-color-adjust: auto;\n color: var(--theme-text-subtle);\n pointer-events: none;\n z-index: 4;\n width: 2.25em;\n height: 100%;\n position: absolute;\n inset-block-start: 0;\n inset-inline-start: 0;\n fill: currentColor !important;\n}\n\n.input.input-icon:focus-visible + .icon, .input.input-icon-right:focus-visible + .icon {\n color: var(--theme-secondary-base);\n}\n\n.input.input-icon.input-sm ~ .icon svg, .input.input-icon-right.input-sm ~ .icon svg {\n width: .875em;\n height: .875em;\n}\n\n.input.input-icon.input-lg ~ .icon svg, .input.input-icon-right.input-lg ~ .icon svg {\n width: 1.125em;\n height: 1.125em;\n}\n\n.textarea {\n resize: vertical;\n border-color: var(--theme-control-border);\n background-color: var(--theme-body-background);\n width: 100%;\n max-width: 100%;\n display: block;\n color: var(--theme-text) !important;\n}\n\n.textarea[rows] {\n height: initial;\n}\n\n.textarea:not([rows]) {\n min-height: 100px;\n max-height: 600px;\n}\n\n.textarea::placeholder {\n color: var(--theme-text-subtle);\n}\n\n.textarea:hover {\n border-color: var(--theme-primary-base);\n}\n\n.textarea[disabled] {\n border-color: var(--theme-table-border-dark);\n background-color: var(--theme-body-background-medium);\n color: var(--theme-text-subtle);\n}\n\n.textarea:focus-visible {\n border-color: var(--theme-primary-base);\n outline-offset: 0;\n box-shadow: 0 0 0 .125rem var(--theme-primary-base);\n outline-style: solid;\n outline-color: #0000;\n}\n\n.textarea.textarea-fixed-height {\n resize: none;\n}\n\n.textarea.textarea-danger {\n border-color: var(--theme-danger-base);\n}\n\n.textarea.textarea-danger:focus-visible {\n box-shadow: 0 0 0 .125rem var(--theme-danger-base);\n}\n\n.textarea.textarea-success {\n border-color: var(--theme-success-base);\n}\n\n.textarea.textarea-success:focus-visible {\n box-shadow: 0 0 0 .125rem var(--theme-success-base);\n}\n\n.select {\n font-size: 1rem;\n position: relative;\n}\n\n.select select {\n border-color: var(--theme-control-border);\n background-color: var(--theme-body-background);\n color: var(--theme-text);\n cursor: pointer;\n width: 100%;\n max-width: 100%;\n font-size: 1em;\n}\n\n.select select[multiple] {\n padding: 0;\n overflow-y: auto;\n}\n\n.select select[multiple] option {\n padding: calc(.375em - 1px) calc(.625em - 1px);\n}\n\n.select select[disabled] {\n border-color: var(--theme-table-border-dark);\n background-color: var(--theme-body-background-medium);\n color: var(--theme-text-subtle);\n}\n\n.select select:focus-visible {\n border-color: var(--theme-primary-base);\n outline-offset: 0;\n box-shadow: 0 0 0 .125rem var(--theme-primary-base);\n outline-style: solid;\n outline-color: #0000;\n}\n\n.select:not(.select-multiple) select {\n padding-inline-end: calc(1.375em - 1px);\n}\n\n.select:not(.select-multiple):after {\n transform-origin: center;\n border: 1px solid var(--theme-text);\n pointer-events: none;\n content: \" \";\n z-index: 1;\n border-block-start: 0;\n border-inline-end: 0;\n width: .525em;\n height: .525em;\n display: block;\n position: absolute;\n inset-block-start: calc(50% - .375em);\n inset-inline-end: calc(.625em - 1px);\n transform: rotate(-45deg);\n}\n\n.select:not(.select-multiple).select-disabled:after {\n border-color: var(--theme-table-border-dark);\n}\n\n.select.select-sm {\n font-size: .875rem;\n}\n\n.select.select-lg {\n font-size: 1.125rem;\n}\n\n.select.select-danger select {\n border-color: var(--theme-danger-base);\n}\n\n.select.select-danger select:focus-visible {\n box-shadow: 0 0 0 .125rem var(--theme-danger-base);\n}\n\n.select.select-success select {\n border-color: var(--theme-success-base);\n}\n\n.select.select-success select:focus-visible {\n box-shadow: 0 0 0 .125rem var(--theme-success-base);\n}\n\n.radio {\n cursor: pointer;\n line-height: 1.25;\n display: inline-flex;\n}\n\n.radio .radio-dot {\n border: 1px solid var(--theme-control-border);\n background-color: var(--theme-body-background);\n color: var(--theme-text-subtle);\n cursor: pointer;\n appearance: none;\n border-radius: 290486px;\n flex-shrink: 0;\n width: 1.25em;\n height: 1.25em;\n display: inline-block;\n position: relative;\n inset-block-start: .0625em;\n}\n\n@media (forced-colors: active) {\n .radio .radio-dot {\n border-color: CanvasText !important;\n background-color: unset !important;\n }\n\n .radio .radio-dot:before {\n content: \"\";\n border-radius: 290486px;\n width: .625em;\n height: .625em;\n margin: auto;\n position: absolute;\n inset: 0;\n overflow: hidden;\n }\n}\n\n.radio .radio-label-text {\n margin: 0 .5em;\n}\n\n.radio input.is-checked, .radio input:checked, .radio .radio-dot.is-checked {\n background: var(--theme-primary-base);\n box-shadow: inset 0 0 0 .25em var(--theme-body-background);\n border-color: var(--theme-primary-base);\n animation: .2s cubic-bezier(.4, 0, .23, 1) boop;\n}\n\n@media (forced-colors: active) {\n .radio input.is-checked, .radio input:checked, .radio .radio-dot.is-checked {\n border-color: CanvasText !important;\n background-color: unset !important;\n box-shadow: none !important;\n }\n\n .radio input.is-checked:before, .radio input:checked:before, .radio .radio-dot.is-checked:before {\n background-color: CanvasText !important;\n }\n}\n\n.radio.is-hovered .radio-dot:not(:checked):not([disabled]), .radio:hover .radio-dot:not(:checked):not([disabled]) {\n background: var(--theme-control-border);\n box-shadow: inset 0 0 0 .25em var(--theme-body-background);\n}\n\n@media (forced-colors: active) {\n .radio.is-hovered .radio-dot:not(:checked):not([disabled]), .radio:hover .radio-dot:not(:checked):not([disabled]) {\n background-color: unset !important;\n box-shadow: none !important;\n }\n\n .radio.is-hovered .radio-dot:not(:checked):not([disabled]):before, .radio:hover .radio-dot:not(:checked):not([disabled]):before {\n background-color: CanvasText !important;\n }\n}\n\n.radio.is-hovered .radio-dot.is-checked, .radio:hover .radio-dot.is-checked {\n background: var(--theme-primary-base);\n box-shadow: inset 0 0 0 .25em var(--theme-body-background);\n}\n\n.radio input[disabled], .radio input[disabled] ~ .radio-label-text {\n opacity: .5;\n cursor: not-allowed;\n}\n\n.field:not(:last-child) {\n margin-block-end: .75rem;\n}\n\n.field .field-description {\n margin-block-end: .5rem;\n font-size: .875rem;\n}\n\n.field .field-label {\n color: var(--theme-text);\n margin-block-end: .5rem;\n font-size: 1rem;\n font-weight: 600;\n display: block;\n}\n\n.field .field-label.field-label-inline {\n align-self: flex-end;\n margin-block-end: unset;\n display: inline-flex;\n}\n\n@media screen and (width >= 768px), print {\n .field .field-label {\n flex: 1 0 0;\n }\n}\n\n.field .field-label.field-label-sm {\n font-size: .875rem;\n}\n\n.field .field-label.field-label-lg {\n font-size: 1.125rem;\n}\n\n.field .field-body > * {\n scroll-margin-top: 3rem;\n}\n\n.field .field-body:not(:first-child) {\n margin-block-start: .5rem;\n}\n\n.field .field-body:not(:first-child).field-body-inline {\n vertical-align: text-bottom;\n display: inline-flex;\n}\n\n.field .field-error {\n color: var(--theme-danger-base);\n font-size: .875rem;\n line-height: 1.5;\n}\n\n.required-indicator:after, ::part(required-indicator):after {\n color: var(--theme-danger-base);\n content: \"*\";\n vertical-align: top;\n}\n\n.hero {\n flex-direction: column;\n justify-content: space-between;\n align-items: stretch;\n display: flex;\n position: relative;\n}\n\n.hero .hero-content {\n z-index: 1;\n padding-block: 3rem;\n}\n\n@media screen and (width >= 1088px) {\n .hero .hero-content {\n width: 45%;\n min-height: 400px;\n padding-block: 4rem;\n padding-inline-end: 3rem;\n }\n\n .hero:not(.hero-image) .hero-content {\n width: 100%;\n max-width: 50rem;\n }\n\n .hero.hero-xs .hero-content {\n min-height: 200px;\n padding-block: 2rem;\n }\n\n .hero.hero-sm .hero-content {\n min-height: 300px;\n padding-block: 3rem;\n }\n\n .hero.hero-lg .hero-content {\n min-height: 500px;\n padding-block: 6rem;\n }\n}\n\n.hero .hero-card {\n z-index: 1;\n background-color: #0000;\n border: none;\n padding: 1rem;\n position: relative;\n}\n\n@media screen and (width >= 768px), print {\n .hero .hero-card {\n padding: 3rem;\n }\n}\n\n@media screen and (width >= 1088px) {\n .hero .hero-card {\n border-inline: 1px solid var(--theme-border);\n border-block-end: 1px solid var(--theme-border);\n border-end-end-radius: .375rem;\n border-end-start-radius: .375rem;\n }\n}\n\n.hero .hero-background {\n width: 100%;\n height: 100%;\n position: absolute;\n inset: 0;\n overflow: hidden;\n}\n\n.hero .hero-background video, .hero .hero-background img {\n object-fit: cover;\n width: 100%;\n height: 100%;\n}\n\n.hero.hero-image:before {\n background-image: var(--hero-background-image);\n content: \" \";\n background-repeat: no-repeat;\n background-size: cover;\n width: calc(55% - 17.6px);\n height: 100%;\n display: none;\n position: absolute;\n inset-block-start: 0;\n inset-inline-end: 16px;\n}\n\n@media screen and (width >= 1088px) {\n .hero.hero-image:before {\n display: block;\n }\n}\n\n@media screen and (width >= 1800px) {\n .hero.hero-image:before {\n width: 972.4px;\n inset-inline-end: calc(50% - 884px);\n }\n}\n\n@media (forced-colors: active) {\n .hero.hero-image:before {\n background-image: none !important;\n }\n}\n\n.theme-light .hero.hero-image:before {\n --hero-background-image: var(--hero-background-image-light);\n}\n\n.theme-dark .hero.hero-image:before {\n --hero-background-image: var(--hero-background-image-dark);\n}\n\n.theme-high-contrast .hero.hero-image:before {\n --hero-background-image: none;\n}\n\n.gradient-border-body {\n --border-gradient-end-color: var(--theme-body-background);\n}\n\n.gradient-border-body-accent {\n --border-gradient-end-color: var(--theme-body-background-accent);\n}\n\n.gradient-border-right {\n position: relative;\n}\n\n.gradient-border-right:before {\n content: \"\";\n border-image: linear-gradient(to right, transparent 0%, transparent 92%, var(--border-gradient-end-color, transparent) 100%);\n border-inline-end-style: solid;\n border-inline-end-width: 320px;\n border-image-slice: 0 128 0 0;\n border-image-outset: 0;\n display: block;\n position: absolute;\n inset-block: 0;\n inset-inline-end: 0;\n}\n\n@media (forced-colors: active) {\n .gradient-border-right:before {\n display: none !important;\n }\n}\n\n@media screen and (width >= 768px), print {\n .gradient-border-to-right-tablet:before {\n border-image: linear-gradient(to right, transparent 0%, transparent 92%, var(--border-gradient-end-color) 100%);\n border-inline-end-style: solid;\n border-inline-end-width: 320px;\n border-image-slice: 0 128 0 0;\n border-image-outset: 0;\n }\n}\n\n.gradient-border-bottom {\n position: relative;\n}\n\n.gradient-border-bottom:before {\n content: \"\";\n border-image: linear-gradient(to bottom, transparent 0%, transparent 92%, var(--border-gradient-end-color, transparent) 100%);\n border-block-end-style: solid;\n border-block-end-width: 320px;\n border-image-slice: 0 0 128;\n border-image-outset: 0;\n display: block;\n position: absolute;\n inset-block-end: 0;\n inset-inline: 0;\n}\n\n@media (forced-colors: active) {\n .gradient-border-bottom:before {\n display: none !important;\n }\n}\n\n@media screen and (width >= 768px), print {\n .gradient-border-to-bottom-tablet:before {\n border-image: linear-gradient(to bottom, transparent 0%, transparent 92%, var(--border-gradient-end-color) 100%);\n border-block-end-style: solid;\n border-block-end-width: 320px;\n border-image-slice: 0 0 128;\n border-image-outset: 0;\n }\n}\n\n.gradient-text-vivid {\n -webkit-background-clip: text;\n -webkit-background-clip: text;\n background-clip: text;\n background-color: var(--theme-gradient-vivid-start);\n background-image: linear-gradient(90deg, var(--theme-gradient-vivid-start), var(--theme-gradient-vivid-end));\n color: #0000;\n -webkit-text-fill-color: transparent;\n line-height: 1.4;\n}\n\n.gradient-text-purple-blue {\n -webkit-background-clip: text;\n -webkit-background-clip: text;\n background-clip: text;\n background-color: var(--theme-gradient-text-purple);\n background-image: linear-gradient(90deg, var(--theme-gradient-text-purple), var(--theme-gradient-text-blue));\n color: #0000;\n -webkit-text-fill-color: transparent;\n line-height: 1.4;\n}\n\n.gradient-card {\n background: linear-gradient(90deg, var(--theme-gradient-vivid-start), var(--theme-gradient-vivid-end)) border-box;\n border: .125rem solid #0000;\n border-radius: .375rem;\n}\n\n.gradient-card .gradient-card-content {\n border-radius: inherit;\n background-color: var(--theme-body-background);\n padding: 1rem;\n}\n\n.link-button {\n color: var(--theme-hyperlink);\n cursor: pointer;\n border: none;\n padding: 0;\n display: inline-block;\n}\n\n.link-button:active, .link-button.is-active {\n text-decoration: underline !important;\n}\n\n.link-button.is-focused, .link-button:hover, .link-button.is-hovered, .link-button:focus-visible {\n color: var(--theme-primary-hover);\n text-decoration: underline !important;\n}\n\n.link-button:visited {\n color: var(--theme-visited);\n}\n\n.markdown pre {\n box-sizing: border-box;\n border: 1px solid var(--theme-border);\n background-color: var(--theme-code-block);\n -moz-osx-font-smoothing: auto;\n -webkit-font-smoothing: auto;\n white-space: pre;\n word-spacing: normal;\n word-break: normal;\n word-wrap: normal;\n tab-size: 4;\n -webkit-hyphens: none;\n hyphens: none;\n -webkit-overflow-scrolling: touch;\n max-width: 100%;\n margin: 0;\n padding: 1em;\n font-size: .875rem;\n line-height: 1.3571;\n overflow: auto;\n}\n\n.markdown pre > code {\n border: 0;\n padding: 0;\n line-height: 1.3571;\n display: block;\n position: relative;\n}\n\n.markdown pre > code mark {\n color: var(--theme-text);\n min-width: calc(100% + 2em);\n min-height: 18.9px;\n margin: 0 -1em;\n padding: 0 1em;\n display: inline-block;\n}\n\n.markdown {\n font-size: 1rem;\n line-height: 1.6;\n}\n\n.markdown :not(a):not(pre) > code {\n background-color: var(--theme-inline-code);\n word-wrap: break-word;\n font-smooth: auto;\n border-radius: 3px;\n padding: .1em .2em;\n font-size: .85em;\n}\n\n.markdown img, .markdown video {\n border: 0;\n max-width: 100%;\n height: auto;\n}\n\n.markdown svg:not(:root) {\n overflow: hidden;\n}\n\n.markdown li {\n margin-block-start: .5em;\n}\n\n.markdown ul, .markdown ol {\n margin-inline-start: 2.375rem;\n}\n\n.markdown ul {\n list-style-type: disc;\n}\n\n.markdown ul ul {\n margin: 0;\n margin-inline-start: 1.25rem;\n list-style-type: circle;\n}\n\n.markdown ul ul ul {\n list-style-type: square;\n}\n\n.markdown ul:not(:first-child) {\n margin: 1rem 0;\n}\n\n.markdown ol {\n list-style-type: decimal;\n}\n\n.markdown ol ol {\n margin: 0;\n margin-inline-start: 1.25rem;\n list-style-type: lower-alpha;\n}\n\n.markdown ol ol ol {\n list-style-type: lower-roman;\n}\n\n.markdown ol:not(:first-child) {\n margin: 1rem 0;\n}\n\n.markdown h1 {\n word-wrap: break-word;\n word-break: break-word;\n margin-block-start: none;\n margin-block-end: .75rem;\n font-size: clamp(1.875rem, 22.1053px + 1.64474vw, 2.5rem);\n}\n\n.markdown h1:first-of-type {\n margin-block-start: -.625rem;\n margin-block-end: none;\n}\n\n.markdown h2 {\n margin-block-start: 2rem;\n font-size: clamp(1.59375rem, 18.7895px + 1.39803vw, 2.125rem);\n}\n\n.markdown h3 {\n margin-block: 1.875rem 1.125rem;\n font-size: clamp(1.3125rem, 15.4737px + 1.15132vw, 1.75rem);\n}\n\n.markdown h4 {\n margin-block: 2.25rem .375rem;\n font-size: clamp(1.125rem, 13.2632px + .986842vw, 1.5rem);\n}\n\n.markdown h5 {\n letter-spacing: 1px;\n margin-block: 2.25rem .375rem;\n font-size: clamp(1.1rem, 15.7053px + .394737vw, 1.25rem);\n}\n\n.markdown h6 {\n letter-spacing: 1px;\n margin-block: 2.25rem .375rem;\n font-size: clamp(1.05rem, 15.8526px + .197368vw, 1.125rem);\n}\n\n.markdown p {\n word-wrap: break-word;\n margin-block-start: 1rem;\n margin-block-end: none;\n}\n\n.markdown blockquote {\n border-style: solid;\n border-width: 0 0 0 3px;\n border-color: var(--theme-border);\n margin: 1.2em 0 2em;\n padding: 0 .8em;\n}\n\n.markdown blockquote footer {\n color: var(--theme-text-subtle);\n font-size: .875rem;\n}\n\n.media {\n align-items: flex-start;\n display: flex;\n}\n\n.media + .media, .media .media {\n border-block-start: 1px solid var(--theme-border);\n margin-block-start: 1rem;\n padding-block-start: 1rem;\n}\n\n.media-left {\n flex: none;\n margin-inline-end: 1rem;\n}\n\n.media-content {\n word-break: break-word;\n flex: auto;\n width: 100%;\n}\n\n.message {\n grid-template: \". message-time\"\n \"message-persona message-content\"\n / max-content 1fr;\n gap: .5rem;\n font-size: 1rem;\n line-height: 1.3;\n display: grid;\n}\n\n.message .message-time {\n grid-area: message-time;\n font-size: .75rem;\n}\n\n.message .message-persona {\n grid-area: message-persona;\n margin-block-start: 1rem;\n}\n\n.message .message-content {\n border: 1px solid var(--theme-border);\n background-color: var(--theme-body-background);\n border-radius: .375rem;\n grid-area: message-content;\n padding: 1rem;\n}\n\n.message .message-content .message-content-header {\n grid-template-columns: 1fr auto;\n margin-block-end: .5rem;\n display: grid;\n}\n\n.message .message-content .message-content-header .message-content-options {\n justify-self: flex-end;\n margin-inline-end: .5rem;\n}\n\n.message.message-sender {\n justify-self: flex-end;\n width: 85%;\n}\n\n.message.message-sender .message-content {\n background-color: var(--theme-primary-background);\n}\n\n.message.message-sm {\n font-size: .875rem;\n}\n\n.message.message-sm .message-content {\n padding: .875rem;\n}\n\n.notification {\n border: 1px solid var(--theme-control-border);\n outline-color: var(--theme-text);\n background-color: var(--theme-secondary-background);\n color: var(--theme-text);\n word-wrap: break-word;\n word-break: break-word;\n border-radius: .25rem;\n grid-template: \"notification-content dismiss\"\n / 1fr auto;\n padding: 1rem;\n font-size: 1rem;\n line-height: 1.3;\n display: grid;\n position: relative;\n}\n\n.notification.notification-primary {\n border-color: var(--theme-primary-dark);\n background-color: var(--theme-primary-background);\n color: var(--theme-primary-dark);\n}\n\n.notification.notification-primary.is-loading:before {\n border-color: transparent transparent var(--theme-primary-dark) var(--theme-primary-dark);\n}\n\n.notification.notification-secondary {\n border-color: var(--theme-secondary-dark);\n background-color: var(--theme-secondary-background);\n color: var(--theme-secondary-dark);\n}\n\n.notification.notification-secondary.is-loading:before {\n border-color: transparent transparent var(--theme-secondary-dark) var(--theme-secondary-dark);\n}\n\n.notification.notification-tertiary {\n border-color: var(--theme-tertiary-dark);\n background-color: var(--theme-tertiary-background);\n color: var(--theme-tertiary-dark);\n}\n\n.notification.notification-tertiary.is-loading:before {\n border-color: transparent transparent var(--theme-tertiary-dark) var(--theme-tertiary-dark);\n}\n\n.notification.notification-success {\n border-color: var(--theme-success-dark);\n background-color: var(--theme-success-background);\n color: var(--theme-success-dark);\n}\n\n.notification.notification-success.is-loading:before {\n border-color: transparent transparent var(--theme-success-dark) var(--theme-success-dark);\n}\n\n.notification.notification-info {\n border-color: var(--theme-info-dark);\n background-color: var(--theme-info-background);\n color: var(--theme-info-dark);\n}\n\n.notification.notification-info.is-loading:before {\n border-color: transparent transparent var(--theme-info-dark) var(--theme-info-dark);\n}\n\n.notification.notification-warning {\n border-color: var(--theme-warning-dark);\n background-color: var(--theme-warning-background);\n color: var(--theme-warning-dark);\n}\n\n.notification.notification-warning.is-loading:before {\n border-color: transparent transparent var(--theme-warning-dark) var(--theme-warning-dark);\n}\n\n.notification.notification-danger {\n border-color: var(--theme-danger-dark);\n background-color: var(--theme-danger-background);\n color: var(--theme-danger-dark);\n}\n\n.notification.notification-danger.is-loading:before {\n border-color: transparent transparent var(--theme-danger-dark) var(--theme-danger-dark);\n}\n\n.notification.is-loading {\n color: #0000;\n}\n\n.notification.is-loading > :first-child {\n margin-inline-start: calc(1rem + .375em);\n}\n\n.notification.is-loading:before {\n border-color: transparent transparent var(--theme-text) var(--theme-text);\n position: absolute;\n inset-block-start: 1rem;\n inset-inline-start: 1rem;\n}\n\n.notification .notification-content {\n grid-area: notification-content;\n}\n\n.notification .notification-content .notification-title, .notification .notification-content a:not(.button) {\n color: currentColor;\n font-weight: 600;\n}\n\n.theme-high-contrast .notification .notification-content a:not(.button) {\n color: var(--theme-hyperlink);\n}\n\n.notification .notification-content .notification-title {\n justify-content: flex-start;\n align-items: center;\n margin-block-end: .5rem;\n display: flex;\n}\n\n.notification .notification-content .notification-title .icon {\n flex-shrink: 0;\n align-self: start;\n margin-block-start: .2em;\n margin-inline-end: .375em;\n}\n\n.notification .notification-dismiss {\n border: 0;\n border-radius: 290486px;\n grid-area: dismiss;\n width: 1em;\n height: 1em;\n margin-inline-start: .25rem;\n padding: 0;\n}\n\n.icon {\n justify-content: center;\n align-items: center;\n display: inline-flex;\n}\n\n.icon, .icon svg, .icon img {\n width: 1em;\n height: 1em;\n}\n\n.icon.icon-rounded {\n border-radius: 50%;\n padding: .6rem;\n}\n\n.image {\n display: block;\n position: relative;\n}\n\n.image img, .image svg {\n width: 100%;\n height: auto;\n max-height: 100%;\n display: block;\n}\n\n.image.image-fullwidth {\n object-fit: cover;\n width: 100%;\n height: auto;\n margin: 0;\n}\n\n.image.image-16x16 {\n width: 16px;\n height: 16px;\n}\n\n@media screen and (width >= 768px), print {\n .image.image-16x16-tablet {\n width: 16px;\n height: 16px;\n }\n}\n\n@media screen and (width >= 1088px) {\n .image.image-16x16-desktop {\n width: 16px;\n height: 16px;\n }\n}\n\n.image.image-24x24 {\n width: 24px;\n height: 24px;\n}\n\n@media screen and (width >= 768px), print {\n .image.image-24x24-tablet {\n width: 24px;\n height: 24px;\n }\n}\n\n@media screen and (width >= 1088px) {\n .image.image-24x24-desktop {\n width: 24px;\n height: 24px;\n }\n}\n\n.image.image-32x32 {\n width: 32px;\n height: 32px;\n}\n\n@media screen and (width >= 768px), print {\n .image.image-32x32-tablet {\n width: 32px;\n height: 32px;\n }\n}\n\n@media screen and (width >= 1088px) {\n .image.image-32x32-desktop {\n width: 32px;\n height: 32px;\n }\n}\n\n.image.image-36x36 {\n width: 36px;\n height: 36px;\n}\n\n@media screen and (width >= 768px), print {\n .image.image-36x36-tablet {\n width: 36px;\n height: 36px;\n }\n}\n\n@media screen and (width >= 1088px) {\n .image.image-36x36-desktop {\n width: 36px;\n height: 36px;\n }\n}\n\n.image.image-48x48 {\n width: 48px;\n height: 48px;\n}\n\n@media screen and (width >= 768px), print {\n .image.image-48x48-tablet {\n width: 48px;\n height: 48px;\n }\n}\n\n@media screen and (width >= 1088px) {\n .image.image-48x48-desktop {\n width: 48px;\n height: 48px;\n }\n}\n\n.image.image-64x64 {\n width: 64px;\n height: 64px;\n}\n\n@media screen and (width >= 768px), print {\n .image.image-64x64-tablet {\n width: 64px;\n height: 64px;\n }\n}\n\n@media screen and (width >= 1088px) {\n .image.image-64x64-desktop {\n width: 64px;\n height: 64px;\n }\n}\n\n.image.image-76x76 {\n width: 76px;\n height: 76px;\n}\n\n@media screen and (width >= 768px), print {\n .image.image-76x76-tablet {\n width: 76px;\n height: 76px;\n }\n}\n\n@media screen and (width >= 1088px) {\n .image.image-76x76-desktop {\n width: 76px;\n height: 76px;\n }\n}\n\n.image.image-88x88 {\n width: 88px;\n height: 88px;\n}\n\n@media screen and (width >= 768px), print {\n .image.image-88x88-tablet {\n width: 88px;\n height: 88px;\n }\n}\n\n@media screen and (width >= 1088px) {\n .image.image-88x88-desktop {\n width: 88px;\n height: 88px;\n }\n}\n\n.image.image-96x96 {\n width: 96px;\n height: 96px;\n}\n\n@media screen and (width >= 768px), print {\n .image.image-96x96-tablet {\n width: 96px;\n height: 96px;\n }\n}\n\n@media screen and (width >= 1088px) {\n .image.image-96x96-desktop {\n width: 96px;\n height: 96px;\n }\n}\n\n.image.image-112x112 {\n width: 112px;\n height: 112px;\n}\n\n@media screen and (width >= 768px), print {\n .image.image-112x112-tablet {\n width: 112px;\n height: 112px;\n }\n}\n\n@media screen and (width >= 1088px) {\n .image.image-112x112-desktop {\n width: 112px;\n height: 112px;\n }\n}\n\n.image.image-128x128 {\n width: 128px;\n height: 128px;\n}\n\n@media screen and (width >= 768px), print {\n .image.image-128x128-tablet {\n width: 128px;\n height: 128px;\n }\n}\n\n@media screen and (width >= 1088px) {\n .image.image-128x128-desktop {\n width: 128px;\n height: 128px;\n }\n}\n\n.persona {\n gap: .5rem;\n font-size: .875rem;\n line-height: 1.3;\n display: flex;\n position: relative;\n}\n\n.persona .persona-avatar {\n background-color: var(--theme-alternate-background-medium);\n color: var(--theme-text-invert);\n border-radius: 290486px;\n flex-shrink: 0;\n width: 2.6666em;\n height: 2.6666em;\n}\n\n.persona .persona-avatar img, .persona .persona-avatar svg {\n aspect-ratio: 1;\n border-radius: 290486px;\n width: 100%;\n height: auto;\n}\n\n.persona .persona-details {\n color: var(--theme-text-subtle);\n align-self: center;\n}\n\n.persona .persona-details .persona-name {\n color: var(--theme-text);\n font-size: 1.3333em;\n font-weight: 600;\n}\n\n.persona.persona-sm {\n font-size: .75rem;\n}\n\n.persona.persona-lg {\n font-size: 1rem;\n}\n\n.popover {\n display: inline-block;\n position: relative;\n}\n\n.popover summary {\n list-style: none;\n}\n\n.popover summary::-webkit-details-marker {\n display: none;\n}\n\n.popover .popover-content {\n border: 1px solid var(--theme-border);\n background-color: var(--theme-body-background);\n box-shadow: 0 6.4px 14.4px 0 var(--theme-box-shadow-medium), 0 1.2px 3.6px 0 var(--theme-box-shadow-light);\n z-index: 1060;\n border-radius: .25rem;\n width: 224px;\n margin-block-start: .5rem;\n padding: 1rem;\n position: absolute;\n}\n\n.popover.popover-right .popover-content {\n inset-inline-end: 0;\n}\n\n.popover.popover-center .popover-content {\n inset-inline-start: -25%;\n}\n\n.pagination {\n flex-wrap: wrap;\n margin: -.25rem;\n}\n\n.pagination-list {\n flex-grow: 1;\n}\n\n.pagination, .pagination-list {\n text-align: center;\n justify-content: center;\n align-items: center;\n margin: 0;\n display: flex;\n}\n\n.pagination > li, .pagination-list > li {\n margin: .25rem;\n list-style: none !important;\n}\n\n.pagination-link.is-current {\n border-color: var(--theme-text-invert);\n background-color: var(--theme-primary-base);\n color: var(--theme-text-invert);\n}\n\n.pagination-link.is-current:hover {\n background-color: var(--theme-primary-hover);\n color: var(--theme-text-invert);\n}\n\n@media (forced-colors: active) {\n .pagination-link:after {\n border: 1px solid LinkText;\n background-color: LinkText;\n content: \"\";\n forced-color-adjust: none;\n border-radius: 290486px;\n width: .375em;\n height: .375em;\n display: block;\n position: absolute;\n inset-block-start: .25em;\n inset-inline-end: .25em;\n }\n}\n\n.pagination-ellipsis {\n color: var(--theme-secondary-background);\n pointer-events: none;\n}\n\n.pagination-previous, .pagination-next {\n white-space: nowrap;\n flex-grow: 0;\n flex-shrink: 1;\n padding-inline: .75em;\n}\n\n.pagination-previous, .pagination-next, .pagination-link, .pagination-ellipsis {\n text-align: center;\n justify-content: center;\n padding-inline: .5em;\n font-size: 1em;\n}\n\n.pagination-previous, .pagination-next, .pagination-link {\n border-color: var(--theme-border);\n color: var(--theme-text);\n min-width: 2.25em;\n text-decoration: none;\n}\n\n.pagination-previous:hover, .pagination-next:hover, .pagination-link:hover {\n border-color: var(--theme-primary-hover);\n color: var(--theme-primary-hover);\n text-decoration: none;\n}\n\n.pagination-previous[disabled], .pagination-next[disabled], .pagination-link[disabled] {\n border-color: var(--theme-secondary-background);\n background-color: var(--theme-secondary-background);\n opacity: .5;\n color: var(--theme-secondary-base);\n pointer-events: none;\n}\n\n@media screen and (aspect-ratio >= 1), screen and (resolution >= 120dpi) and (aspect-ratio >= 1) {\n .pagination-center .pagination-previous {\n order: 1;\n }\n\n .pagination-center .pagination-list {\n order: 2;\n justify-content: center;\n }\n\n .pagination-center .pagination-next {\n order: 3;\n }\n}\n\n@media screen and (width >= 768px), print {\n .pagination-list {\n flex-grow: 0;\n flex-shrink: 1;\n order: 1;\n justify-content: flex-start;\n }\n\n .pagination-previous {\n order: 2;\n }\n\n .pagination-next {\n order: 3;\n }\n\n .pagination {\n justify-content: center;\n }\n\n .pagination.pagination-center .pagination-previous {\n order: 1;\n }\n\n .pagination.pagination-center .pagination-list {\n order: 2;\n justify-content: center;\n }\n\n .pagination.pagination-center .pagination-next {\n order: 3;\n }\n}\n\n.table-wrapper {\n -webkit-overflow-scrolling: touch;\n overflow-x: auto;\n overflow-y: hidden;\n}\n\n.table {\n border-collapse: collapse;\n table-layout: auto;\n width: 100%;\n font-size: .875rem;\n}\n\n.table:not(.table-simple) {\n border: 1px solid var(--theme-table-border-dark);\n}\n\n.table caption {\n letter-spacing: .125rem;\n text-align: right;\n text-transform: uppercase;\n padding: 1.25rem;\n font-size: .75rem;\n font-weight: 600;\n}\n\n.table th, .table td {\n word-wrap: break-word;\n border-block-start: 1px solid var(--theme-table-border-dark);\n vertical-align: top;\n padding: 1rem 1.25rem;\n line-height: 1.5;\n display: table-cell;\n}\n\n.table th:not([align]) {\n text-align: left;\n}\n\n@media screen and (width <= 767px) {\n .table.table-stacked-mobile th, .table.table-stacked-mobile td {\n width: 100%;\n display: block;\n }\n\n .table.table-stacked-mobile th:not(:first-child), .table.table-stacked-mobile td:not(:first-child) {\n border-width: 0;\n padding-block-start: 0;\n }\n\n .table.table-stacked-mobile thead tr:first-child th, .table.table-stacked-mobile tbody tr:first-child td {\n border-block-start: none;\n }\n\n .table.table-stacked-mobile thead tr > th:last-child {\n border-block-end: 1px solid var(--theme-table-border-dark);\n }\n}\n\n.table.table-borderless, .table.table-borderless th, .table.table-borderless td {\n border: none;\n}\n\n.table.table-complex thead tr, .table.table-complex tfoot tr {\n background-color: var(--theme-table-header);\n}\n\n.table.table-complex th, .table.table-complex td {\n border: 1px solid var(--theme-table-border-dark);\n}\n\n.table.table-striped tbody tr:nth-of-type(2n) {\n background-color: var(--theme-table-row);\n}\n\n.table.table-sm th, .table.table-sm td {\n padding: .5rem;\n}\n\n.table.table-lg th, .table.table-lg td {\n padding: 2rem;\n}\n\n.toggle label {\n border: .065em solid var(--theme-text-subtle);\n background-color: var(--theme-body-background);\n cursor: pointer;\n border-radius: 290486px;\n width: 2.5em;\n height: 1.25em;\n transition: background-color .2s linear, border-color .2s linear;\n display: block;\n position: relative;\n}\n\n@media (forced-colors: active) {\n .toggle label {\n border-color: CanvasText !important;\n background-color: Canvas !important;\n }\n}\n\n.toggle label:after {\n background-color: var(--theme-text-subtle);\n content: \"\";\n border-radius: 290486px;\n width: .75em;\n height: .75em;\n transition: inset-inline-start .2s cubic-bezier(.01, 1.23, .58, .96), border-color .2s cubic-bezier(.01, 1.23, .58, .96), background-color .2s cubic-bezier(.01, 1.23, .58, .96);\n display: block;\n position: absolute;\n inset-block-start: .1875em;\n inset-inline-start: .25em;\n}\n\n@media (forced-colors: active) {\n .toggle label:after {\n background-color: CanvasText !important;\n }\n}\n\n.toggle.is-selected label, .toggle input[type=\"checkbox\"]:checked + label {\n border-color: var(--theme-primary-base);\n background-color: var(--theme-primary-base);\n}\n\n@media (forced-colors: active) {\n .toggle.is-selected label, .toggle input[type=\"checkbox\"]:checked + label {\n border-color: LinkText !important;\n background-color: LinkText !important;\n }\n}\n\n.toggle.is-selected label:after, .toggle input[type=\"checkbox\"]:checked + label:after {\n background-color: var(--theme-body-background);\n inset-inline-start: calc(100% - 1em);\n}\n\n@media (forced-colors: active) {\n .toggle.is-selected label:after, .toggle input[type=\"checkbox\"]:checked + label:after {\n background-color: Canvas !important;\n }\n}\n\n.toggle input[type=\"checkbox\"] {\n clip: rect(1px, 1px, 1px, 1px);\n clip-path: inset(50%);\n word-wrap: normal;\n border: 0;\n width: 1px;\n height: 1px;\n margin: -1px;\n padding: 0;\n position: absolute;\n overflow: hidden;\n}\n\n.toggle input[type=\"checkbox\"]:disabled + label {\n opacity: .6;\n cursor: not-allowed;\n}\n\n.scroll-horizontal {\n -webkit-overflow-scrolling: touch;\n overflow-x: auto;\n overflow-y: hidden;\n}\n\n.scroll-vertical {\n -webkit-overflow-scrolling: touch;\n overflow-x: hidden;\n overflow-y: auto;\n}\n\n.scroll-snap-container {\n scroll-behavior: smooth;\n scroll-snap-type: x mandatory;\n gap: 1rem;\n height: max-content;\n margin-block: 1rem;\n}\n\n.scroll-snap-item {\n scroll-snap-align: center;\n flex-basis: 90%;\n min-width: 80%;\n height: auto;\n}\n\n.stretched-link:before {\n content: \"\";\n z-index: 1;\n position: absolute;\n inset: 0;\n}\n\n.aspect-ratio-1-1 {\n aspect-ratio: 1 !important;\n}\n\n.aspect-ratio-2-1 {\n aspect-ratio: 2 !important;\n}\n\n.aspect-ratio-4-3 {\n aspect-ratio: 4 / 3 !important;\n}\n\n.aspect-ratio-9-16 {\n aspect-ratio: 9 / 16 !important;\n}\n\n.aspect-ratio-16-9 {\n aspect-ratio: 16 / 9 !important;\n}\n\n.font-family-monospace {\n -moz-osx-font-smoothing: auto;\n -webkit-font-smoothing: auto;\n font-family: SFMono-Regular, Consolas, Liberation Mono, Menlo, Courier, monospace !important;\n}\n\n.font-family-quote {\n font-family: Arial, Helvetica Neue, Helvetica, sans-serif !important;\n}\n\n.font-size-h0 {\n font-size: 3.375rem !important;\n}\n\n.font-size-h1 {\n font-size: 2.5rem !important;\n}\n\n.font-size-h2 {\n font-size: 2.125rem !important;\n}\n\n.font-size-h3 {\n font-size: 1.75rem !important;\n}\n\n.font-size-h4 {\n font-size: 1.5rem !important;\n}\n\n.font-size-h5 {\n font-size: 1.25rem !important;\n}\n\n.font-size-h6 {\n font-size: 1.125rem !important;\n}\n\n@media screen and (width >= 768px), print {\n .font-size-h0-tablet {\n font-size: 3.375rem !important;\n }\n\n .font-size-h1-tablet {\n font-size: 2.5rem !important;\n }\n\n .font-size-h2-tablet {\n font-size: 2.125rem !important;\n }\n\n .font-size-h3-tablet {\n font-size: 1.75rem !important;\n }\n\n .font-size-h4-tablet {\n font-size: 1.5rem !important;\n }\n\n .font-size-h5-tablet {\n font-size: 1.25rem !important;\n }\n\n .font-size-h6-tablet {\n font-size: 1.125rem !important;\n }\n}\n\n.font-size-xl {\n font-size: 1.25rem !important;\n}\n\n.font-size-lg {\n font-size: 1.125rem !important;\n}\n\n.font-size-md {\n font-size: 1rem !important;\n}\n\n.font-size-sm {\n font-size: .875rem !important;\n}\n\n.font-size-xs {\n font-size: .75rem !important;\n}\n\n@media screen and (width >= 768px), print {\n .font-size-xl-tablet {\n font-size: 1.25rem !important;\n }\n\n .font-size-lg-tablet {\n font-size: 1.125rem !important;\n }\n\n .font-size-md-tablet {\n font-size: 1rem !important;\n }\n\n .font-size-sm-tablet {\n font-size: .875rem !important;\n }\n\n .font-size-xs-tablet {\n font-size: .75rem !important;\n }\n}\n\n.font-weight-light {\n font-weight: 100 !important;\n}\n\n.font-weight-semilight {\n font-weight: 200 !important;\n}\n\n.font-weight-normal {\n font-weight: 400 !important;\n}\n\n.font-weight-semibold {\n font-weight: 600 !important;\n}\n\n.font-weight-bold {\n font-weight: 700 !important;\n}\n\n.font-style-italic {\n font-style: italic !important;\n}\n\n.text-decoration-underline {\n text-decoration: underline !important;\n}\n\n.text-decoration-none {\n text-decoration: none !important;\n}\n\n.letter-spacing-wide {\n letter-spacing: .225rem !important;\n}\n\n.text-transform-uppercase {\n text-transform: uppercase !important;\n}\n\n.text-align-left {\n text-align: start !important;\n}\n\n.text-align-center {\n text-align: center !important;\n}\n\n.text-align-right {\n text-align: end !important;\n}\n\n@media screen and (width >= 768px), print {\n .text-align-left-tablet {\n text-align: start !important;\n }\n\n .text-align-center-tablet {\n text-align: center !important;\n }\n\n .text-align-right-tablet {\n text-align: end !important;\n }\n}\n\n.line-height-normal {\n line-height: 1.3;\n}\n\n.border {\n border: 1px solid var(--theme-border) !important;\n}\n\n.border-md {\n border: .125rem solid var(--theme-border) !important;\n}\n\n.border-lg {\n border: .25rem solid var(--theme-border) !important;\n}\n\n.border-none {\n border: none !important;\n}\n\n.border-top {\n border-block-start: 1px solid var(--theme-border) !important;\n}\n\n.border-top-md {\n border-block-start: .125rem solid var(--theme-border) !important;\n}\n\n.border-top-lg {\n border-block-start: .25rem solid var(--theme-border) !important;\n}\n\n.border-top-none {\n border-block-start: 0 !important;\n}\n\n.border-right {\n border-inline-end: 1px solid var(--theme-border) !important;\n}\n\n.border-right-md {\n border-inline-end: .125rem solid var(--theme-border) !important;\n}\n\n.border-right-lg {\n border-inline-end: .25rem solid var(--theme-border) !important;\n}\n\n.border-right-none {\n border-inline-end: 0 !important;\n}\n\n.border-bottom {\n border-block-end: 1px solid var(--theme-border) !important;\n}\n\n.border-bottom-md {\n border-block-end: .125rem solid var(--theme-border) !important;\n}\n\n.border-bottom-lg {\n border-block-end: .25rem solid var(--theme-border) !important;\n}\n\n.border-bottom-none {\n border-block-end: 0 !important;\n}\n\n.border-left {\n border-inline-start: 1px solid var(--theme-border) !important;\n}\n\n.border-left-md {\n border-inline-start: .125rem solid var(--theme-border) !important;\n}\n\n.border-left-lg {\n border-inline-start: .25rem solid var(--theme-border) !important;\n}\n\n.border-left-none {\n border-inline-start: 0 !important;\n}\n\n@media screen and (width >= 768px), print {\n .border-tablet {\n border: 1px solid var(--theme-border) !important;\n }\n\n .border-md-tablet {\n border: .125rem solid var(--theme-border) !important;\n }\n\n .border-lg-tablet {\n border: .25rem solid var(--theme-border) !important;\n }\n\n .border-none-tablet {\n border: none !important;\n }\n\n .border-top-tablet {\n border-block-start: 1px solid var(--theme-border) !important;\n }\n\n .border-top-md-tablet {\n border-block-start: .125rem solid var(--theme-border) !important;\n }\n\n .border-top-lg-tablet {\n border-block-start: .25rem solid var(--theme-border) !important;\n }\n\n .border-top-none-tablet {\n border-block-start: 0 !important;\n }\n\n .border-right-tablet {\n border-inline-end: 1px solid var(--theme-border) !important;\n }\n\n .border-right-md-tablet {\n border-inline-end: .125rem solid var(--theme-border) !important;\n }\n\n .border-right-lg-tablet {\n border-inline-end: .25rem solid var(--theme-border) !important;\n }\n\n .border-right-none-tablet {\n border-inline-end: 0 !important;\n }\n\n .border-bottom-tablet {\n border-block-end: 1px solid var(--theme-border) !important;\n }\n\n .border-bottom-md-tablet {\n border-block-end: .125rem solid var(--theme-border) !important;\n }\n\n .border-bottom-lg-tablet {\n border-block-end: .25rem solid var(--theme-border) !important;\n }\n\n .border-bottom-none-tablet {\n border-block-end: 0 !important;\n }\n\n .border-left-tablet {\n border-inline-start: 1px solid var(--theme-border) !important;\n }\n\n .border-left-md-tablet {\n border-inline-start: .125rem solid var(--theme-border) !important;\n }\n\n .border-left-lg-tablet {\n border-inline-start: .25rem solid var(--theme-border) !important;\n }\n\n .border-left-none-tablet {\n border-inline-start: 0 !important;\n }\n}\n\n.border-radius-sm {\n border-radius: .125rem !important;\n}\n\n.border-radius {\n border-radius: .25rem !important;\n}\n\n.border-radius-lg {\n border-radius: .375rem !important;\n}\n\n.border-radius-rounded {\n border-radius: 290486px !important;\n}\n\n.border-color-primary {\n border-color: var(--theme-primary-base) !important;\n}\n\n.border-color-secondary {\n border-color: var(--theme-secondary-base) !important;\n}\n\n.border-color-tertiary {\n border-color: var(--theme-tertiary-base) !important;\n}\n\n.border-color-success {\n border-color: var(--theme-success-base) !important;\n}\n\n.border-color-info {\n border-color: var(--theme-info-base) !important;\n}\n\n.border-color-warning {\n border-color: var(--theme-warning-base) !important;\n}\n\n.border-color-danger {\n border-color: var(--theme-danger-base) !important;\n}\n\n.border-color-accent {\n border-color: var(--theme-border-accent) !important;\n}\n\n.border-high-contrast {\n border: 1px solid var(--theme-border-white-high-contrast) !important;\n}\n\n.border-high-contrast-hover:hover {\n border: 1px solid var(--theme-border-yellow-high-contrast) !important;\n}\n\n.background-size-100 {\n background-size: 100px;\n}\n\n.background-size-200 {\n background-size: 200px;\n}\n\n.background-image-pattern {\n background-image: var(--background-image-pattern);\n}\n\n.color-primary {\n color: var(--theme-primary-base) !important;\n}\n\na.color-primary:hover, a.color-primary:focus-visible {\n color: var(--theme-primary-hover) !important;\n}\n\na.color-primary:active {\n color: var(--theme-primary-active) !important;\n}\n\n.color-primary-invert {\n color: var(--theme-primary-invert) !important;\n}\n\n.background-color-primary {\n outline-color: var(--theme-primary-invert);\n background-color: var(--theme-primary-base) !important;\n}\n\n.background-color-primary-invert {\n outline-color: var(--theme-primary-base);\n background-color: var(--theme-primary-invert) !important;\n}\n\n.background-color-primary-light {\n outline-color: var(--theme-primary-dark);\n background-color: var(--theme-primary-background) !important;\n}\n\n.background-color-primary-dark {\n outline-color: var(--theme-primary-background);\n background-color: var(--theme-primary-dark) !important;\n}\n\n.color-secondary {\n color: var(--theme-secondary-base) !important;\n}\n\na.color-secondary:hover, a.color-secondary:focus-visible {\n color: var(--theme-secondary-hover) !important;\n}\n\na.color-secondary:active {\n color: var(--theme-secondary-active) !important;\n}\n\n.color-secondary-invert {\n color: var(--theme-secondary-invert) !important;\n}\n\n.background-color-secondary {\n outline-color: var(--theme-secondary-invert);\n background-color: var(--theme-secondary-base) !important;\n}\n\n.background-color-secondary-invert {\n outline-color: var(--theme-secondary-base);\n background-color: var(--theme-secondary-invert) !important;\n}\n\n.background-color-secondary-light {\n outline-color: var(--theme-secondary-dark);\n background-color: var(--theme-secondary-background) !important;\n}\n\n.background-color-secondary-dark {\n outline-color: var(--theme-secondary-background);\n background-color: var(--theme-secondary-dark) !important;\n}\n\n.color-tertiary {\n color: var(--theme-tertiary-base) !important;\n}\n\na.color-tertiary:hover, a.color-tertiary:focus-visible {\n color: var(--theme-tertiary-hover) !important;\n}\n\na.color-tertiary:active {\n color: var(--theme-tertiary-active) !important;\n}\n\n.color-tertiary-invert {\n color: var(--theme-tertiary-invert) !important;\n}\n\n.background-color-tertiary {\n outline-color: var(--theme-tertiary-invert);\n background-color: var(--theme-tertiary-base) !important;\n}\n\n.background-color-tertiary-invert {\n outline-color: var(--theme-tertiary-base);\n background-color: var(--theme-tertiary-invert) !important;\n}\n\n.background-color-tertiary-light {\n outline-color: var(--theme-tertiary-dark);\n background-color: var(--theme-tertiary-background) !important;\n}\n\n.background-color-tertiary-dark {\n outline-color: var(--theme-tertiary-background);\n background-color: var(--theme-tertiary-dark) !important;\n}\n\n.color-success {\n color: var(--theme-success-base) !important;\n}\n\na.color-success:hover, a.color-success:focus-visible {\n color: var(--theme-success-hover) !important;\n}\n\na.color-success:active {\n color: var(--theme-success-active) !important;\n}\n\n.color-success-invert {\n color: var(--theme-success-invert) !important;\n}\n\n.background-color-success {\n outline-color: var(--theme-success-invert);\n background-color: var(--theme-success-base) !important;\n}\n\n.background-color-success-invert {\n outline-color: var(--theme-success-base);\n background-color: var(--theme-success-invert) !important;\n}\n\n.background-color-success-light {\n outline-color: var(--theme-success-dark);\n background-color: var(--theme-success-background) !important;\n}\n\n.background-color-success-dark {\n outline-color: var(--theme-success-background);\n background-color: var(--theme-success-dark) !important;\n}\n\n.color-info {\n color: var(--theme-info-base) !important;\n}\n\na.color-info:hover, a.color-info:focus-visible {\n color: var(--theme-info-hover) !important;\n}\n\na.color-info:active {\n color: var(--theme-info-active) !important;\n}\n\n.color-info-invert {\n color: var(--theme-info-invert) !important;\n}\n\n.background-color-info {\n outline-color: var(--theme-info-invert);\n background-color: var(--theme-info-base) !important;\n}\n\n.background-color-info-invert {\n outline-color: var(--theme-info-base);\n background-color: var(--theme-info-invert) !important;\n}\n\n.background-color-info-light {\n outline-color: var(--theme-info-dark);\n background-color: var(--theme-info-background) !important;\n}\n\n.background-color-info-dark {\n outline-color: var(--theme-info-background);\n background-color: var(--theme-info-dark) !important;\n}\n\n.color-warning, a.color-warning:hover {\n color: var(--theme-warning-active) !important;\n}\n\na.color-warning:focus-visible {\n color: var(--theme-warning-hover) !important;\n}\n\na.color-warning:active {\n color: var(--theme-warning-active) !important;\n}\n\n.color-warning-invert {\n color: var(--theme-warning-invert) !important;\n}\n\n.background-color-warning {\n outline-color: var(--theme-warning-invert);\n background-color: var(--theme-warning-base) !important;\n}\n\n.background-color-warning-invert {\n outline-color: var(--theme-warning-base);\n background-color: var(--theme-warning-invert) !important;\n}\n\n.background-color-warning-light {\n outline-color: var(--theme-warning-dark);\n background-color: var(--theme-warning-background) !important;\n}\n\n.background-color-warning-dark {\n outline-color: var(--theme-warning-background);\n background-color: var(--theme-warning-dark) !important;\n}\n\n.color-danger {\n color: var(--theme-danger-base) !important;\n}\n\na.color-danger:hover, a.color-danger:focus-visible {\n color: var(--theme-danger-hover) !important;\n}\n\na.color-danger:active {\n color: var(--theme-danger-active) !important;\n}\n\n.color-danger-invert {\n color: var(--theme-danger-invert) !important;\n}\n\n.background-color-danger {\n outline-color: var(--theme-danger-invert);\n background-color: var(--theme-danger-base) !important;\n}\n\n.background-color-danger-invert {\n outline-color: var(--theme-danger-base);\n background-color: var(--theme-danger-invert) !important;\n}\n\n.background-color-danger-light {\n outline-color: var(--theme-danger-dark);\n background-color: var(--theme-danger-background) !important;\n}\n\n.background-color-danger-dark {\n outline-color: var(--theme-danger-background);\n background-color: var(--theme-danger-dark) !important;\n}\n\n@media screen and (width >= 768px), print {\n .background-color-primary-tablet {\n outline-color: var(--theme-primary-invert);\n background-color: var(--theme-primary-base) !important;\n }\n\n .background-color-secondary-tablet {\n outline-color: var(--theme-secondary-invert);\n background-color: var(--theme-secondary-base) !important;\n }\n\n .background-color-tertiary-tablet {\n outline-color: var(--theme-tertiary-invert);\n background-color: var(--theme-tertiary-base) !important;\n }\n\n .background-color-success-tablet {\n outline-color: var(--theme-success-invert);\n background-color: var(--theme-success-base) !important;\n }\n\n .background-color-info-tablet {\n outline-color: var(--theme-info-invert);\n background-color: var(--theme-info-base) !important;\n }\n\n .background-color-warning-tablet {\n outline-color: var(--theme-warning-invert);\n background-color: var(--theme-warning-base) !important;\n }\n\n .background-color-danger-tablet {\n outline-color: var(--theme-danger-invert);\n background-color: var(--theme-danger-base) !important;\n }\n}\n\n.color-text {\n color: var(--theme-text) !important;\n}\n\n.color-text-invert {\n color: var(--theme-text-invert) !important;\n}\n\n.color-text-subtle {\n color: var(--theme-text-subtle) !important;\n}\n\n.color-text-overlay-invert {\n color: var(--theme-overlay-invert);\n}\n\n.color-current-color {\n color: currentColor !important;\n}\n\n.fill-current-color {\n forced-color-adjust: auto;\n fill: currentColor !important;\n}\n\n.outline-color-text {\n outline-color: var(--theme-text) !important;\n}\n\n.stroke-current-color {\n stroke: currentColor !important;\n}\n\n.background-color-body {\n outline-color: var(--theme-text) !important;\n background-color: var(--theme-body-background) !important;\n}\n\n.background-color-body-medium {\n outline-color: var(--theme-text) !important;\n background-color: var(--theme-body-background-medium) !important;\n}\n\n.background-color-alternate {\n outline-color: var(--theme-text-invert) !important;\n background-color: var(--theme-alternate-background) !important;\n}\n\n.background-color-alternate-medium {\n outline-color: var(--theme-text-invert) !important;\n background-color: var(--theme-alternate-background-medium) !important;\n}\n\n.background-color-overlay {\n outline-color: var(--theme-overlay-invert);\n background-color: var(--theme-overlay) !important;\n}\n\n.background-color-alternating-grey {\n border-block-start: 1px solid var(--theme-border-white-high-contrast);\n outline-color: var(--theme-text) !important;\n}\n\n.background-color-alternating-grey:nth-of-type(2n) {\n outline-color: var(--theme-text);\n background-color: var(--theme-body-background);\n}\n\n.background-color-alternating-grey:nth-of-type(odd) {\n outline-color: var(--theme-text);\n background-color: var(--theme-body-background-medium);\n}\n\n.background-color-alternating-grey-reversed {\n border-block-start: 1px solid var(--theme-border-white-high-contrast);\n outline-color: var(--theme-text) !important;\n}\n\n.background-color-alternating-grey-reversed:nth-of-type(2n) {\n outline-color: var(--theme-text);\n background-color: var(--theme-body-background-medium);\n}\n\n.background-color-alternating-grey-reversed:nth-of-type(odd) {\n outline-color: var(--theme-text);\n background-color: var(--theme-body-background);\n}\n\n.background-color-body-accent {\n outline-color: var(--theme-text) !important;\n background-color: var(--theme-body-background-accent) !important;\n}\n\n.color-white-static {\n color: #fff !important;\n}\n\n.color-black-static {\n color: #000 !important;\n}\n\n.background-color-white-static {\n background-color: #fff !important;\n}\n\n.background-color-black-static {\n background-color: #000 !important;\n}\n\n.display-block {\n display: block !important;\n}\n\n.display-flex {\n display: flex !important;\n}\n\n.display-inline {\n display: inline !important;\n}\n\n.display-inline-block {\n display: inline-block !important;\n}\n\n.display-inline-flex {\n display: inline-flex !important;\n}\n\n.display-grid {\n display: grid !important;\n}\n\n.display-none {\n display: none !important;\n}\n\n@media screen and (width >= 768px), print {\n .display-block-tablet {\n display: block !important;\n }\n\n .display-flex-tablet {\n display: flex !important;\n }\n\n .display-inline-tablet {\n display: inline !important;\n }\n\n .display-inline-block-tablet {\n display: inline-block !important;\n }\n\n .display-inline-flex-tablet {\n display: inline-flex !important;\n }\n\n .display-grid-tablet {\n display: grid !important;\n }\n\n .display-none-tablet {\n display: none !important;\n }\n}\n\n@media screen and (width >= 1088px) {\n .display-block-desktop {\n display: block !important;\n }\n\n .display-flex-desktop {\n display: flex !important;\n }\n\n .display-inline-desktop {\n display: inline !important;\n }\n\n .display-inline-block-desktop {\n display: inline-block !important;\n }\n\n .display-inline-flex-desktop {\n display: inline-flex !important;\n }\n\n .display-grid-desktop {\n display: grid !important;\n }\n\n .display-none-desktop {\n display: none !important;\n }\n}\n\n@media screen and (width >= 1800px) {\n .display-block-widescreen {\n display: block !important;\n }\n\n .display-flex-widescreen {\n display: flex !important;\n }\n\n .display-inline-widescreen {\n display: inline !important;\n }\n\n .display-inline-block-widescreen {\n display: inline-block !important;\n }\n\n .display-inline-flex-widescreen {\n display: inline-flex !important;\n }\n\n .display-grid-widescreen {\n display: grid !important;\n }\n\n .display-none-widescreen {\n display: none !important;\n }\n}\n\n[hidden] {\n display: none !important;\n}\n\n.gap-xxs {\n gap: .5rem !important;\n}\n\n.gap-xs {\n gap: 1rem !important;\n}\n\n.gap-sm {\n gap: 1.5rem !important;\n}\n\n.gap-md {\n gap: 2rem !important;\n}\n\n.gap-lg {\n gap: 3rem !important;\n}\n\n.gap-none {\n gap: 0 !important;\n}\n\n@media screen and (width >= 768px), print {\n .gap-xxs-tablet {\n gap: .5rem !important;\n }\n\n .gap-xs-tablet {\n gap: 1rem !important;\n }\n\n .gap-sm-tablet {\n gap: 1.5rem !important;\n }\n\n .gap-md-tablet {\n gap: 2rem !important;\n }\n\n .gap-lg-tablet {\n gap: 3rem !important;\n }\n\n .gap-none-tablet {\n gap: 0 !important;\n }\n}\n\n@media screen and (width >= 1088px) {\n .gap-xxs-desktop {\n gap: .5rem !important;\n }\n\n .gap-xs-desktop {\n gap: 1rem !important;\n }\n\n .gap-sm-desktop {\n gap: 1.5rem !important;\n }\n\n .gap-md-desktop {\n gap: 2rem !important;\n }\n\n .gap-lg-desktop {\n gap: 3rem !important;\n }\n\n .gap-none-desktop {\n gap: 0 !important;\n }\n}\n\n@media screen and (width >= 1800px) {\n .gap-xxs-widescreen {\n gap: .5rem !important;\n }\n\n .gap-xs-widescreen {\n gap: 1rem !important;\n }\n\n .gap-sm-widescreen {\n gap: 1.5rem !important;\n }\n\n .gap-md-widescreen {\n gap: 2rem !important;\n }\n\n .gap-lg-widescreen {\n gap: 3rem !important;\n }\n\n .gap-none-widescreen {\n gap: 0 !important;\n }\n}\n\n.overflow-hidden {\n overflow: hidden;\n}\n\n@media screen and (width >= 768px), print {\n .overflow-hidden-tablet {\n overflow: hidden;\n }\n}\n\n.box-shadow-none {\n box-shadow: none !important;\n}\n\n.box-shadow-light {\n box-shadow: 0 1.6px 3.6px 0 var(--theme-box-shadow-medium), 0 .3px .9px 0 var(--theme-box-shadow-light) !important;\n}\n\n.box-shadow-medium {\n box-shadow: 0 3.2px 7.2px 0 var(--theme-box-shadow-medium), 0 .6px 1.8px 0 var(--theme-box-shadow-light) !important;\n}\n\n.box-shadow-heavy {\n box-shadow: 0 6.4px 14.4px 0 var(--theme-box-shadow-medium), 0 1.2px 3.6px 0 var(--theme-box-shadow-light) !important;\n}\n\n.box-shadow-extra-heavy {\n box-shadow: 0 25.6px 57.6px 0 var(--theme-box-shadow-extra-heavy), 0 4.8px 14.4px 0 var(--theme-box-shadow-heavy) !important;\n}\n\n.margin-inline-auto {\n margin-inline: auto !important;\n}\n\n.margin-left-auto {\n margin-inline-start: auto !important;\n}\n\n.margin-right-auto {\n margin-inline-end: auto !important;\n}\n\n.margin-top-auto {\n margin-block-start: auto !important;\n}\n\n@media screen and (width >= 768px), print {\n .margin-inline-auto-tablet {\n margin-inline: auto !important;\n }\n\n .margin-left-auto-tablet {\n margin-inline-start: auto !important;\n }\n\n .margin-right-auto-tablet {\n margin-inline-end: auto !important;\n }\n\n .margin-top-auto-tablet {\n margin-block-start: auto !important;\n }\n}\n\n@media screen and (width >= 1088px) {\n .margin-inline-auto-desktop {\n margin-inline: auto !important;\n }\n\n .margin-left-auto-desktop {\n margin-inline-start: auto !important;\n }\n\n .margin-right-auto-desktop {\n margin-inline-end: auto !important;\n }\n\n .margin-top-auto-desktop {\n margin-block-start: auto !important;\n }\n}\n\n@media screen and (width >= 1800px) {\n .margin-inline-auto-widescreen {\n margin-inline: auto !important;\n }\n\n .margin-left-auto-widescreen {\n margin-inline-start: auto !important;\n }\n\n .margin-right-auto-widescreen {\n margin-inline-end: auto !important;\n }\n\n .margin-top-auto-widescreen {\n margin-block-start: auto !important;\n }\n}\n\n.margin-xxs {\n margin: .5rem !important;\n}\n\n.margin-xs {\n margin: 1rem !important;\n}\n\n.margin-sm {\n margin: 1.5rem !important;\n}\n\n.margin-md {\n margin: 2rem !important;\n}\n\n.margin-lg {\n margin: 3rem !important;\n}\n\n.margin-xl {\n margin: 4rem !important;\n}\n\n.margin-xxl {\n margin: 6rem !important;\n}\n\n.margin-xxxl {\n margin: 8rem !important;\n}\n\n.margin-none {\n margin: 0 !important;\n}\n\n.margin-inline-xxs {\n margin-inline: .5rem !important;\n}\n\n.margin-inline-xs {\n margin-inline: 1rem !important;\n}\n\n.margin-inline-sm {\n margin-inline: 1.5rem !important;\n}\n\n.margin-inline-md {\n margin-inline: 2rem !important;\n}\n\n.margin-inline-lg {\n margin-inline: 3rem !important;\n}\n\n.margin-inline-xl {\n margin-inline: 4rem !important;\n}\n\n.margin-inline-xxl {\n margin-inline: 6rem !important;\n}\n\n.margin-inline-xxxl {\n margin-inline: 8rem !important;\n}\n\n.margin-inline-none {\n margin-inline: 0 !important;\n}\n\n.margin-block-xxs {\n margin-block: .5rem !important;\n}\n\n.margin-block-xs {\n margin-block: 1rem !important;\n}\n\n.margin-block-sm {\n margin-block: 1.5rem !important;\n}\n\n.margin-block-md {\n margin-block: 2rem !important;\n}\n\n.margin-block-lg {\n margin-block: 3rem !important;\n}\n\n.margin-block-xl {\n margin-block: 4rem !important;\n}\n\n.margin-block-xxl {\n margin-block: 6rem !important;\n}\n\n.margin-block-xxxl {\n margin-block: 8rem !important;\n}\n\n.margin-block-none {\n margin-block: 0 !important;\n}\n\n.margin-top-xxs {\n margin-block-start: .5rem !important;\n}\n\n.margin-top-xs {\n margin-block-start: 1rem !important;\n}\n\n.margin-top-sm {\n margin-block-start: 1.5rem !important;\n}\n\n.margin-top-md {\n margin-block-start: 2rem !important;\n}\n\n.margin-top-lg {\n margin-block-start: 3rem !important;\n}\n\n.margin-top-xl {\n margin-block-start: 4rem !important;\n}\n\n.margin-top-xxl {\n margin-block-start: 6rem !important;\n}\n\n.margin-top-xxxl {\n margin-block-start: 8rem !important;\n}\n\n.margin-top-none {\n margin-block-start: 0 !important;\n}\n\n.margin-bottom-xxs {\n margin-block-end: .5rem !important;\n}\n\n.margin-bottom-xs {\n margin-block-end: 1rem !important;\n}\n\n.margin-bottom-sm {\n margin-block-end: 1.5rem !important;\n}\n\n.margin-bottom-md {\n margin-block-end: 2rem !important;\n}\n\n.margin-bottom-lg {\n margin-block-end: 3rem !important;\n}\n\n.margin-bottom-xl {\n margin-block-end: 4rem !important;\n}\n\n.margin-bottom-xxl {\n margin-block-end: 6rem !important;\n}\n\n.margin-bottom-xxxl {\n margin-block-end: 8rem !important;\n}\n\n.margin-bottom-none {\n margin-block-end: 0 !important;\n}\n\n.margin-left-xxs {\n margin-inline-start: .5rem !important;\n}\n\n.margin-left-xs {\n margin-inline-start: 1rem !important;\n}\n\n.margin-left-sm {\n margin-inline-start: 1.5rem !important;\n}\n\n.margin-left-md {\n margin-inline-start: 2rem !important;\n}\n\n.margin-left-lg {\n margin-inline-start: 3rem !important;\n}\n\n.margin-left-xl {\n margin-inline-start: 4rem !important;\n}\n\n.margin-left-xxl {\n margin-inline-start: 6rem !important;\n}\n\n.margin-left-xxxl {\n margin-inline-start: 8rem !important;\n}\n\n.margin-left-none {\n margin-inline-start: 0 !important;\n}\n\n.margin-right-xxs {\n margin-inline-end: .5rem !important;\n}\n\n.margin-right-xs {\n margin-inline-end: 1rem !important;\n}\n\n.margin-right-sm {\n margin-inline-end: 1.5rem !important;\n}\n\n.margin-right-md {\n margin-inline-end: 2rem !important;\n}\n\n.margin-right-lg {\n margin-inline-end: 3rem !important;\n}\n\n.margin-right-xl {\n margin-inline-end: 4rem !important;\n}\n\n.margin-right-xxl {\n margin-inline-end: 6rem !important;\n}\n\n.margin-right-xxxl {\n margin-inline-end: 8rem !important;\n}\n\n.margin-right-none {\n margin-inline-end: 0 !important;\n}\n\n.padding-xxs {\n padding: .5rem !important;\n}\n\n.padding-xs {\n padding: 1rem !important;\n}\n\n.padding-sm {\n padding: 1.5rem !important;\n}\n\n.padding-md {\n padding: 2rem !important;\n}\n\n.padding-lg {\n padding: 3rem !important;\n}\n\n.padding-xl {\n padding: 4rem !important;\n}\n\n.padding-xxl {\n padding: 6rem !important;\n}\n\n.padding-xxxl {\n padding: 8rem !important;\n}\n\n.padding-none {\n padding: 0 !important;\n}\n\n.padding-inline-xxs {\n padding-inline: .5rem !important;\n}\n\n.padding-inline-xs {\n padding-inline: 1rem !important;\n}\n\n.padding-inline-sm {\n padding-inline: 1.5rem !important;\n}\n\n.padding-inline-md {\n padding-inline: 2rem !important;\n}\n\n.padding-inline-lg {\n padding-inline: 3rem !important;\n}\n\n.padding-inline-xl {\n padding-inline: 4rem !important;\n}\n\n.padding-inline-xxl {\n padding-inline: 6rem !important;\n}\n\n.padding-inline-xxxl {\n padding-inline: 8rem !important;\n}\n\n.padding-inline-none {\n padding-inline: 0 !important;\n}\n\n.padding-block-xxs {\n padding-block: .5rem !important;\n}\n\n.padding-block-xs {\n padding-block: 1rem !important;\n}\n\n.padding-block-sm {\n padding-block: 1.5rem !important;\n}\n\n.padding-block-md {\n padding-block: 2rem !important;\n}\n\n.padding-block-lg {\n padding-block: 3rem !important;\n}\n\n.padding-block-xl {\n padding-block: 4rem !important;\n}\n\n.padding-block-xxl {\n padding-block: 6rem !important;\n}\n\n.padding-block-xxxl {\n padding-block: 8rem !important;\n}\n\n.padding-block-none {\n padding-block: 0 !important;\n}\n\n.padding-top-xxs {\n padding-block-start: .5rem !important;\n}\n\n.padding-top-xs {\n padding-block-start: 1rem !important;\n}\n\n.padding-top-sm {\n padding-block-start: 1.5rem !important;\n}\n\n.padding-top-md {\n padding-block-start: 2rem !important;\n}\n\n.padding-top-lg {\n padding-block-start: 3rem !important;\n}\n\n.padding-top-xl {\n padding-block-start: 4rem !important;\n}\n\n.padding-top-xxl {\n padding-block-start: 6rem !important;\n}\n\n.padding-top-xxxl {\n padding-block-start: 8rem !important;\n}\n\n.padding-top-none {\n padding-block-start: 0 !important;\n}\n\n.padding-bottom-xxs {\n padding-block-end: .5rem !important;\n}\n\n.padding-bottom-xs {\n padding-block-end: 1rem !important;\n}\n\n.padding-bottom-sm {\n padding-block-end: 1.5rem !important;\n}\n\n.padding-bottom-md {\n padding-block-end: 2rem !important;\n}\n\n.padding-bottom-lg {\n padding-block-end: 3rem !important;\n}\n\n.padding-bottom-xl {\n padding-block-end: 4rem !important;\n}\n\n.padding-bottom-xxl {\n padding-block-end: 6rem !important;\n}\n\n.padding-bottom-xxxl {\n padding-block-end: 8rem !important;\n}\n\n.padding-bottom-none {\n padding-block-end: 0 !important;\n}\n\n.padding-left-xxs {\n padding-inline-start: .5rem !important;\n}\n\n.padding-left-xs {\n padding-inline-start: 1rem !important;\n}\n\n.padding-left-sm {\n padding-inline-start: 1.5rem !important;\n}\n\n.padding-left-md {\n padding-inline-start: 2rem !important;\n}\n\n.padding-left-lg {\n padding-inline-start: 3rem !important;\n}\n\n.padding-left-xl {\n padding-inline-start: 4rem !important;\n}\n\n.padding-left-xxl {\n padding-inline-start: 6rem !important;\n}\n\n.padding-left-xxxl {\n padding-inline-start: 8rem !important;\n}\n\n.padding-left-none {\n padding-inline-start: 0 !important;\n}\n\n.padding-right-xxs {\n padding-inline-end: .5rem !important;\n}\n\n.padding-right-xs {\n padding-inline-end: 1rem !important;\n}\n\n.padding-right-sm {\n padding-inline-end: 1.5rem !important;\n}\n\n.padding-right-md {\n padding-inline-end: 2rem !important;\n}\n\n.padding-right-lg {\n padding-inline-end: 3rem !important;\n}\n\n.padding-right-xl {\n padding-inline-end: 4rem !important;\n}\n\n.padding-right-xxl {\n padding-inline-end: 6rem !important;\n}\n\n.padding-right-xxxl {\n padding-inline-end: 8rem !important;\n}\n\n.padding-right-none {\n padding-inline-end: 0 !important;\n}\n\n@media screen and (width >= 768px), print {\n .margin-xxs-tablet {\n margin: .5rem !important;\n }\n\n .margin-xs-tablet {\n margin: 1rem !important;\n }\n\n .margin-sm-tablet {\n margin: 1.5rem !important;\n }\n\n .margin-md-tablet {\n margin: 2rem !important;\n }\n\n .margin-lg-tablet {\n margin: 3rem !important;\n }\n\n .margin-xl-tablet {\n margin: 4rem !important;\n }\n\n .margin-xxl-tablet {\n margin: 6rem !important;\n }\n\n .margin-xxxl-tablet {\n margin: 8rem !important;\n }\n\n .margin-none-tablet {\n margin: 0 !important;\n }\n\n .margin-inline-xxs-tablet {\n margin-inline: .5rem !important;\n }\n\n .margin-inline-xs-tablet {\n margin-inline: 1rem !important;\n }\n\n .margin-inline-sm-tablet {\n margin-inline: 1.5rem !important;\n }\n\n .margin-inline-md-tablet {\n margin-inline: 2rem !important;\n }\n\n .margin-inline-lg-tablet {\n margin-inline: 3rem !important;\n }\n\n .margin-inline-xl-tablet {\n margin-inline: 4rem !important;\n }\n\n .margin-inline-xxl-tablet {\n margin-inline: 6rem !important;\n }\n\n .margin-inline-xxxl-tablet {\n margin-inline: 8rem !important;\n }\n\n .margin-inline-none-tablet {\n margin-inline: 0 !important;\n }\n\n .margin-block-xxs-tablet {\n margin-block: .5rem !important;\n }\n\n .margin-block-xs-tablet {\n margin-block: 1rem !important;\n }\n\n .margin-block-sm-tablet {\n margin-block: 1.5rem !important;\n }\n\n .margin-block-md-tablet {\n margin-block: 2rem !important;\n }\n\n .margin-block-lg-tablet {\n margin-block: 3rem !important;\n }\n\n .margin-block-xl-tablet {\n margin-block: 4rem !important;\n }\n\n .margin-block-xxl-tablet {\n margin-block: 6rem !important;\n }\n\n .margin-block-xxxl-tablet {\n margin-block: 8rem !important;\n }\n\n .margin-block-none-tablet {\n margin-block: 0 !important;\n }\n\n .margin-top-xxs-tablet {\n margin-block-start: .5rem !important;\n }\n\n .margin-top-xs-tablet {\n margin-block-start: 1rem !important;\n }\n\n .margin-top-sm-tablet {\n margin-block-start: 1.5rem !important;\n }\n\n .margin-top-md-tablet {\n margin-block-start: 2rem !important;\n }\n\n .margin-top-lg-tablet {\n margin-block-start: 3rem !important;\n }\n\n .margin-top-xl-tablet {\n margin-block-start: 4rem !important;\n }\n\n .margin-top-xxl-tablet {\n margin-block-start: 6rem !important;\n }\n\n .margin-top-xxxl-tablet {\n margin-block-start: 8rem !important;\n }\n\n .margin-top-none-tablet {\n margin-block-start: 0 !important;\n }\n\n .margin-bottom-xxs-tablet {\n margin-block-end: .5rem !important;\n }\n\n .margin-bottom-xs-tablet {\n margin-block-end: 1rem !important;\n }\n\n .margin-bottom-sm-tablet {\n margin-block-end: 1.5rem !important;\n }\n\n .margin-bottom-md-tablet {\n margin-block-end: 2rem !important;\n }\n\n .margin-bottom-lg-tablet {\n margin-block-end: 3rem !important;\n }\n\n .margin-bottom-xl-tablet {\n margin-block-end: 4rem !important;\n }\n\n .margin-bottom-xxl-tablet {\n margin-block-end: 6rem !important;\n }\n\n .margin-bottom-xxxl-tablet {\n margin-block-end: 8rem !important;\n }\n\n .margin-bottom-none-tablet {\n margin-block-end: 0 !important;\n }\n\n .margin-left-xxs-tablet {\n margin-inline-start: .5rem !important;\n }\n\n .margin-left-xs-tablet {\n margin-inline-start: 1rem !important;\n }\n\n .margin-left-sm-tablet {\n margin-inline-start: 1.5rem !important;\n }\n\n .margin-left-md-tablet {\n margin-inline-start: 2rem !important;\n }\n\n .margin-left-lg-tablet {\n margin-inline-start: 3rem !important;\n }\n\n .margin-left-xl-tablet {\n margin-inline-start: 4rem !important;\n }\n\n .margin-left-xxl-tablet {\n margin-inline-start: 6rem !important;\n }\n\n .margin-left-xxxl-tablet {\n margin-inline-start: 8rem !important;\n }\n\n .margin-left-none-tablet {\n margin-inline-start: 0 !important;\n }\n\n .margin-right-xxs-tablet {\n margin-inline-end: .5rem !important;\n }\n\n .margin-right-xs-tablet {\n margin-inline-end: 1rem !important;\n }\n\n .margin-right-sm-tablet {\n margin-inline-end: 1.5rem !important;\n }\n\n .margin-right-md-tablet {\n margin-inline-end: 2rem !important;\n }\n\n .margin-right-lg-tablet {\n margin-inline-end: 3rem !important;\n }\n\n .margin-right-xl-tablet {\n margin-inline-end: 4rem !important;\n }\n\n .margin-right-xxl-tablet {\n margin-inline-end: 6rem !important;\n }\n\n .margin-right-xxxl-tablet {\n margin-inline-end: 8rem !important;\n }\n\n .margin-right-none-tablet {\n margin-inline-end: 0 !important;\n }\n\n .padding-xxs-tablet {\n padding: .5rem !important;\n }\n\n .padding-xs-tablet {\n padding: 1rem !important;\n }\n\n .padding-sm-tablet {\n padding: 1.5rem !important;\n }\n\n .padding-md-tablet {\n padding: 2rem !important;\n }\n\n .padding-lg-tablet {\n padding: 3rem !important;\n }\n\n .padding-xl-tablet {\n padding: 4rem !important;\n }\n\n .padding-xxl-tablet {\n padding: 6rem !important;\n }\n\n .padding-xxxl-tablet {\n padding: 8rem !important;\n }\n\n .padding-none-tablet {\n padding: 0 !important;\n }\n\n .padding-inline-xxs-tablet {\n padding-inline: .5rem !important;\n }\n\n .padding-inline-xs-tablet {\n padding-inline: 1rem !important;\n }\n\n .padding-inline-sm-tablet {\n padding-inline: 1.5rem !important;\n }\n\n .padding-inline-md-tablet {\n padding-inline: 2rem !important;\n }\n\n .padding-inline-lg-tablet {\n padding-inline: 3rem !important;\n }\n\n .padding-inline-xl-tablet {\n padding-inline: 4rem !important;\n }\n\n .padding-inline-xxl-tablet {\n padding-inline: 6rem !important;\n }\n\n .padding-inline-xxxl-tablet {\n padding-inline: 8rem !important;\n }\n\n .padding-inline-none-tablet {\n padding-inline: 0 !important;\n }\n\n .padding-block-xxs-tablet {\n padding-block: .5rem !important;\n }\n\n .padding-block-xs-tablet {\n padding-block: 1rem !important;\n }\n\n .padding-block-sm-tablet {\n padding-block: 1.5rem !important;\n }\n\n .padding-block-md-tablet {\n padding-block: 2rem !important;\n }\n\n .padding-block-lg-tablet {\n padding-block: 3rem !important;\n }\n\n .padding-block-xl-tablet {\n padding-block: 4rem !important;\n }\n\n .padding-block-xxl-tablet {\n padding-block: 6rem !important;\n }\n\n .padding-block-xxxl-tablet {\n padding-block: 8rem !important;\n }\n\n .padding-block-none-tablet {\n padding-block: 0 !important;\n }\n\n .padding-top-xxs-tablet {\n padding-block-start: .5rem !important;\n }\n\n .padding-top-xs-tablet {\n padding-block-start: 1rem !important;\n }\n\n .padding-top-sm-tablet {\n padding-block-start: 1.5rem !important;\n }\n\n .padding-top-md-tablet {\n padding-block-start: 2rem !important;\n }\n\n .padding-top-lg-tablet {\n padding-block-start: 3rem !important;\n }\n\n .padding-top-xl-tablet {\n padding-block-start: 4rem !important;\n }\n\n .padding-top-xxl-tablet {\n padding-block-start: 6rem !important;\n }\n\n .padding-top-xxxl-tablet {\n padding-block-start: 8rem !important;\n }\n\n .padding-top-none-tablet {\n padding-block-start: 0 !important;\n }\n\n .padding-bottom-xxs-tablet {\n padding-block-end: .5rem !important;\n }\n\n .padding-bottom-xs-tablet {\n padding-block-end: 1rem !important;\n }\n\n .padding-bottom-sm-tablet {\n padding-block-end: 1.5rem !important;\n }\n\n .padding-bottom-md-tablet {\n padding-block-end: 2rem !important;\n }\n\n .padding-bottom-lg-tablet {\n padding-block-end: 3rem !important;\n }\n\n .padding-bottom-xl-tablet {\n padding-block-end: 4rem !important;\n }\n\n .padding-bottom-xxl-tablet {\n padding-block-end: 6rem !important;\n }\n\n .padding-bottom-xxxl-tablet {\n padding-block-end: 8rem !important;\n }\n\n .padding-bottom-none-tablet {\n padding-block-end: 0 !important;\n }\n\n .padding-left-xxs-tablet {\n padding-inline-start: .5rem !important;\n }\n\n .padding-left-xs-tablet {\n padding-inline-start: 1rem !important;\n }\n\n .padding-left-sm-tablet {\n padding-inline-start: 1.5rem !important;\n }\n\n .padding-left-md-tablet {\n padding-inline-start: 2rem !important;\n }\n\n .padding-left-lg-tablet {\n padding-inline-start: 3rem !important;\n }\n\n .padding-left-xl-tablet {\n padding-inline-start: 4rem !important;\n }\n\n .padding-left-xxl-tablet {\n padding-inline-start: 6rem !important;\n }\n\n .padding-left-xxxl-tablet {\n padding-inline-start: 8rem !important;\n }\n\n .padding-left-none-tablet {\n padding-inline-start: 0 !important;\n }\n\n .padding-right-xxs-tablet {\n padding-inline-end: .5rem !important;\n }\n\n .padding-right-xs-tablet {\n padding-inline-end: 1rem !important;\n }\n\n .padding-right-sm-tablet {\n padding-inline-end: 1.5rem !important;\n }\n\n .padding-right-md-tablet {\n padding-inline-end: 2rem !important;\n }\n\n .padding-right-lg-tablet {\n padding-inline-end: 3rem !important;\n }\n\n .padding-right-xl-tablet {\n padding-inline-end: 4rem !important;\n }\n\n .padding-right-xxl-tablet {\n padding-inline-end: 6rem !important;\n }\n\n .padding-right-xxxl-tablet {\n padding-inline-end: 8rem !important;\n }\n\n .padding-right-none-tablet {\n padding-inline-end: 0 !important;\n }\n}\n\n@media screen and (width >= 1088px) {\n .margin-xxs-desktop {\n margin: .5rem !important;\n }\n\n .margin-xs-desktop {\n margin: 1rem !important;\n }\n\n .margin-sm-desktop {\n margin: 1.5rem !important;\n }\n\n .margin-md-desktop {\n margin: 2rem !important;\n }\n\n .margin-lg-desktop {\n margin: 3rem !important;\n }\n\n .margin-xl-desktop {\n margin: 4rem !important;\n }\n\n .margin-xxl-desktop {\n margin: 6rem !important;\n }\n\n .margin-xxxl-desktop {\n margin: 8rem !important;\n }\n\n .margin-none-desktop {\n margin: 0 !important;\n }\n\n .margin-inline-xxs-desktop {\n margin-inline: .5rem !important;\n }\n\n .margin-inline-xs-desktop {\n margin-inline: 1rem !important;\n }\n\n .margin-inline-sm-desktop {\n margin-inline: 1.5rem !important;\n }\n\n .margin-inline-md-desktop {\n margin-inline: 2rem !important;\n }\n\n .margin-inline-lg-desktop {\n margin-inline: 3rem !important;\n }\n\n .margin-inline-xl-desktop {\n margin-inline: 4rem !important;\n }\n\n .margin-inline-xxl-desktop {\n margin-inline: 6rem !important;\n }\n\n .margin-inline-xxxl-desktop {\n margin-inline: 8rem !important;\n }\n\n .margin-inline-none-desktop {\n margin-inline: 0 !important;\n }\n\n .margin-block-xxs-desktop {\n margin-block: .5rem !important;\n }\n\n .margin-block-xs-desktop {\n margin-block: 1rem !important;\n }\n\n .margin-block-sm-desktop {\n margin-block: 1.5rem !important;\n }\n\n .margin-block-md-desktop {\n margin-block: 2rem !important;\n }\n\n .margin-block-lg-desktop {\n margin-block: 3rem !important;\n }\n\n .margin-block-xl-desktop {\n margin-block: 4rem !important;\n }\n\n .margin-block-xxl-desktop {\n margin-block: 6rem !important;\n }\n\n .margin-block-xxxl-desktop {\n margin-block: 8rem !important;\n }\n\n .margin-block-none-desktop {\n margin-block: 0 !important;\n }\n\n .margin-top-xxs-desktop {\n margin-block-start: .5rem !important;\n }\n\n .margin-top-xs-desktop {\n margin-block-start: 1rem !important;\n }\n\n .margin-top-sm-desktop {\n margin-block-start: 1.5rem !important;\n }\n\n .margin-top-md-desktop {\n margin-block-start: 2rem !important;\n }\n\n .margin-top-lg-desktop {\n margin-block-start: 3rem !important;\n }\n\n .margin-top-xl-desktop {\n margin-block-start: 4rem !important;\n }\n\n .margin-top-xxl-desktop {\n margin-block-start: 6rem !important;\n }\n\n .margin-top-xxxl-desktop {\n margin-block-start: 8rem !important;\n }\n\n .margin-top-none-desktop {\n margin-block-start: 0 !important;\n }\n\n .margin-bottom-xxs-desktop {\n margin-block-end: .5rem !important;\n }\n\n .margin-bottom-xs-desktop {\n margin-block-end: 1rem !important;\n }\n\n .margin-bottom-sm-desktop {\n margin-block-end: 1.5rem !important;\n }\n\n .margin-bottom-md-desktop {\n margin-block-end: 2rem !important;\n }\n\n .margin-bottom-lg-desktop {\n margin-block-end: 3rem !important;\n }\n\n .margin-bottom-xl-desktop {\n margin-block-end: 4rem !important;\n }\n\n .margin-bottom-xxl-desktop {\n margin-block-end: 6rem !important;\n }\n\n .margin-bottom-xxxl-desktop {\n margin-block-end: 8rem !important;\n }\n\n .margin-bottom-none-desktop {\n margin-block-end: 0 !important;\n }\n\n .margin-left-xxs-desktop {\n margin-inline-start: .5rem !important;\n }\n\n .margin-left-xs-desktop {\n margin-inline-start: 1rem !important;\n }\n\n .margin-left-sm-desktop {\n margin-inline-start: 1.5rem !important;\n }\n\n .margin-left-md-desktop {\n margin-inline-start: 2rem !important;\n }\n\n .margin-left-lg-desktop {\n margin-inline-start: 3rem !important;\n }\n\n .margin-left-xl-desktop {\n margin-inline-start: 4rem !important;\n }\n\n .margin-left-xxl-desktop {\n margin-inline-start: 6rem !important;\n }\n\n .margin-left-xxxl-desktop {\n margin-inline-start: 8rem !important;\n }\n\n .margin-left-none-desktop {\n margin-inline-start: 0 !important;\n }\n\n .margin-right-xxs-desktop {\n margin-inline-end: .5rem !important;\n }\n\n .margin-right-xs-desktop {\n margin-inline-end: 1rem !important;\n }\n\n .margin-right-sm-desktop {\n margin-inline-end: 1.5rem !important;\n }\n\n .margin-right-md-desktop {\n margin-inline-end: 2rem !important;\n }\n\n .margin-right-lg-desktop {\n margin-inline-end: 3rem !important;\n }\n\n .margin-right-xl-desktop {\n margin-inline-end: 4rem !important;\n }\n\n .margin-right-xxl-desktop {\n margin-inline-end: 6rem !important;\n }\n\n .margin-right-xxxl-desktop {\n margin-inline-end: 8rem !important;\n }\n\n .margin-right-none-desktop {\n margin-inline-end: 0 !important;\n }\n\n .padding-xxs-desktop {\n padding: .5rem !important;\n }\n\n .padding-xs-desktop {\n padding: 1rem !important;\n }\n\n .padding-sm-desktop {\n padding: 1.5rem !important;\n }\n\n .padding-md-desktop {\n padding: 2rem !important;\n }\n\n .padding-lg-desktop {\n padding: 3rem !important;\n }\n\n .padding-xl-desktop {\n padding: 4rem !important;\n }\n\n .padding-xxl-desktop {\n padding: 6rem !important;\n }\n\n .padding-xxxl-desktop {\n padding: 8rem !important;\n }\n\n .padding-none-desktop {\n padding: 0 !important;\n }\n\n .padding-inline-xxs-desktop {\n padding-inline: .5rem !important;\n }\n\n .padding-inline-xs-desktop {\n padding-inline: 1rem !important;\n }\n\n .padding-inline-sm-desktop {\n padding-inline: 1.5rem !important;\n }\n\n .padding-inline-md-desktop {\n padding-inline: 2rem !important;\n }\n\n .padding-inline-lg-desktop {\n padding-inline: 3rem !important;\n }\n\n .padding-inline-xl-desktop {\n padding-inline: 4rem !important;\n }\n\n .padding-inline-xxl-desktop {\n padding-inline: 6rem !important;\n }\n\n .padding-inline-xxxl-desktop {\n padding-inline: 8rem !important;\n }\n\n .padding-inline-none-desktop {\n padding-inline: 0 !important;\n }\n\n .padding-block-xxs-desktop {\n padding-block: .5rem !important;\n }\n\n .padding-block-xs-desktop {\n padding-block: 1rem !important;\n }\n\n .padding-block-sm-desktop {\n padding-block: 1.5rem !important;\n }\n\n .padding-block-md-desktop {\n padding-block: 2rem !important;\n }\n\n .padding-block-lg-desktop {\n padding-block: 3rem !important;\n }\n\n .padding-block-xl-desktop {\n padding-block: 4rem !important;\n }\n\n .padding-block-xxl-desktop {\n padding-block: 6rem !important;\n }\n\n .padding-block-xxxl-desktop {\n padding-block: 8rem !important;\n }\n\n .padding-block-none-desktop {\n padding-block: 0 !important;\n }\n\n .padding-top-xxs-desktop {\n padding-block-start: .5rem !important;\n }\n\n .padding-top-xs-desktop {\n padding-block-start: 1rem !important;\n }\n\n .padding-top-sm-desktop {\n padding-block-start: 1.5rem !important;\n }\n\n .padding-top-md-desktop {\n padding-block-start: 2rem !important;\n }\n\n .padding-top-lg-desktop {\n padding-block-start: 3rem !important;\n }\n\n .padding-top-xl-desktop {\n padding-block-start: 4rem !important;\n }\n\n .padding-top-xxl-desktop {\n padding-block-start: 6rem !important;\n }\n\n .padding-top-xxxl-desktop {\n padding-block-start: 8rem !important;\n }\n\n .padding-top-none-desktop {\n padding-block-start: 0 !important;\n }\n\n .padding-bottom-xxs-desktop {\n padding-block-end: .5rem !important;\n }\n\n .padding-bottom-xs-desktop {\n padding-block-end: 1rem !important;\n }\n\n .padding-bottom-sm-desktop {\n padding-block-end: 1.5rem !important;\n }\n\n .padding-bottom-md-desktop {\n padding-block-end: 2rem !important;\n }\n\n .padding-bottom-lg-desktop {\n padding-block-end: 3rem !important;\n }\n\n .padding-bottom-xl-desktop {\n padding-block-end: 4rem !important;\n }\n\n .padding-bottom-xxl-desktop {\n padding-block-end: 6rem !important;\n }\n\n .padding-bottom-xxxl-desktop {\n padding-block-end: 8rem !important;\n }\n\n .padding-bottom-none-desktop {\n padding-block-end: 0 !important;\n }\n\n .padding-left-xxs-desktop {\n padding-inline-start: .5rem !important;\n }\n\n .padding-left-xs-desktop {\n padding-inline-start: 1rem !important;\n }\n\n .padding-left-sm-desktop {\n padding-inline-start: 1.5rem !important;\n }\n\n .padding-left-md-desktop {\n padding-inline-start: 2rem !important;\n }\n\n .padding-left-lg-desktop {\n padding-inline-start: 3rem !important;\n }\n\n .padding-left-xl-desktop {\n padding-inline-start: 4rem !important;\n }\n\n .padding-left-xxl-desktop {\n padding-inline-start: 6rem !important;\n }\n\n .padding-left-xxxl-desktop {\n padding-inline-start: 8rem !important;\n }\n\n .padding-left-none-desktop {\n padding-inline-start: 0 !important;\n }\n\n .padding-right-xxs-desktop {\n padding-inline-end: .5rem !important;\n }\n\n .padding-right-xs-desktop {\n padding-inline-end: 1rem !important;\n }\n\n .padding-right-sm-desktop {\n padding-inline-end: 1.5rem !important;\n }\n\n .padding-right-md-desktop {\n padding-inline-end: 2rem !important;\n }\n\n .padding-right-lg-desktop {\n padding-inline-end: 3rem !important;\n }\n\n .padding-right-xl-desktop {\n padding-inline-end: 4rem !important;\n }\n\n .padding-right-xxl-desktop {\n padding-inline-end: 6rem !important;\n }\n\n .padding-right-xxxl-desktop {\n padding-inline-end: 8rem !important;\n }\n\n .padding-right-none-desktop {\n padding-inline-end: 0 !important;\n }\n}\n\n@media screen and (width >= 1800px) {\n .margin-xxs-widescreen {\n margin: .5rem !important;\n }\n\n .margin-xs-widescreen {\n margin: 1rem !important;\n }\n\n .margin-sm-widescreen {\n margin: 1.5rem !important;\n }\n\n .margin-md-widescreen {\n margin: 2rem !important;\n }\n\n .margin-lg-widescreen {\n margin: 3rem !important;\n }\n\n .margin-xl-widescreen {\n margin: 4rem !important;\n }\n\n .margin-xxl-widescreen {\n margin: 6rem !important;\n }\n\n .margin-xxxl-widescreen {\n margin: 8rem !important;\n }\n\n .margin-none-widescreen {\n margin: 0 !important;\n }\n\n .margin-inline-xxs-widescreen {\n margin-inline: .5rem !important;\n }\n\n .margin-inline-xs-widescreen {\n margin-inline: 1rem !important;\n }\n\n .margin-inline-sm-widescreen {\n margin-inline: 1.5rem !important;\n }\n\n .margin-inline-md-widescreen {\n margin-inline: 2rem !important;\n }\n\n .margin-inline-lg-widescreen {\n margin-inline: 3rem !important;\n }\n\n .margin-inline-xl-widescreen {\n margin-inline: 4rem !important;\n }\n\n .margin-inline-xxl-widescreen {\n margin-inline: 6rem !important;\n }\n\n .margin-inline-xxxl-widescreen {\n margin-inline: 8rem !important;\n }\n\n .margin-inline-none-widescreen {\n margin-inline: 0 !important;\n }\n\n .margin-block-xxs-widescreen {\n margin-block: .5rem !important;\n }\n\n .margin-block-xs-widescreen {\n margin-block: 1rem !important;\n }\n\n .margin-block-sm-widescreen {\n margin-block: 1.5rem !important;\n }\n\n .margin-block-md-widescreen {\n margin-block: 2rem !important;\n }\n\n .margin-block-lg-widescreen {\n margin-block: 3rem !important;\n }\n\n .margin-block-xl-widescreen {\n margin-block: 4rem !important;\n }\n\n .margin-block-xxl-widescreen {\n margin-block: 6rem !important;\n }\n\n .margin-block-xxxl-widescreen {\n margin-block: 8rem !important;\n }\n\n .margin-block-none-widescreen {\n margin-block: 0 !important;\n }\n\n .margin-top-xxs-widescreen {\n margin-block-start: .5rem !important;\n }\n\n .margin-top-xs-widescreen {\n margin-block-start: 1rem !important;\n }\n\n .margin-top-sm-widescreen {\n margin-block-start: 1.5rem !important;\n }\n\n .margin-top-md-widescreen {\n margin-block-start: 2rem !important;\n }\n\n .margin-top-lg-widescreen {\n margin-block-start: 3rem !important;\n }\n\n .margin-top-xl-widescreen {\n margin-block-start: 4rem !important;\n }\n\n .margin-top-xxl-widescreen {\n margin-block-start: 6rem !important;\n }\n\n .margin-top-xxxl-widescreen {\n margin-block-start: 8rem !important;\n }\n\n .margin-top-none-widescreen {\n margin-block-start: 0 !important;\n }\n\n .margin-bottom-xxs-widescreen {\n margin-block-end: .5rem !important;\n }\n\n .margin-bottom-xs-widescreen {\n margin-block-end: 1rem !important;\n }\n\n .margin-bottom-sm-widescreen {\n margin-block-end: 1.5rem !important;\n }\n\n .margin-bottom-md-widescreen {\n margin-block-end: 2rem !important;\n }\n\n .margin-bottom-lg-widescreen {\n margin-block-end: 3rem !important;\n }\n\n .margin-bottom-xl-widescreen {\n margin-block-end: 4rem !important;\n }\n\n .margin-bottom-xxl-widescreen {\n margin-block-end: 6rem !important;\n }\n\n .margin-bottom-xxxl-widescreen {\n margin-block-end: 8rem !important;\n }\n\n .margin-bottom-none-widescreen {\n margin-block-end: 0 !important;\n }\n\n .margin-left-xxs-widescreen {\n margin-inline-start: .5rem !important;\n }\n\n .margin-left-xs-widescreen {\n margin-inline-start: 1rem !important;\n }\n\n .margin-left-sm-widescreen {\n margin-inline-start: 1.5rem !important;\n }\n\n .margin-left-md-widescreen {\n margin-inline-start: 2rem !important;\n }\n\n .margin-left-lg-widescreen {\n margin-inline-start: 3rem !important;\n }\n\n .margin-left-xl-widescreen {\n margin-inline-start: 4rem !important;\n }\n\n .margin-left-xxl-widescreen {\n margin-inline-start: 6rem !important;\n }\n\n .margin-left-xxxl-widescreen {\n margin-inline-start: 8rem !important;\n }\n\n .margin-left-none-widescreen {\n margin-inline-start: 0 !important;\n }\n\n .margin-right-xxs-widescreen {\n margin-inline-end: .5rem !important;\n }\n\n .margin-right-xs-widescreen {\n margin-inline-end: 1rem !important;\n }\n\n .margin-right-sm-widescreen {\n margin-inline-end: 1.5rem !important;\n }\n\n .margin-right-md-widescreen {\n margin-inline-end: 2rem !important;\n }\n\n .margin-right-lg-widescreen {\n margin-inline-end: 3rem !important;\n }\n\n .margin-right-xl-widescreen {\n margin-inline-end: 4rem !important;\n }\n\n .margin-right-xxl-widescreen {\n margin-inline-end: 6rem !important;\n }\n\n .margin-right-xxxl-widescreen {\n margin-inline-end: 8rem !important;\n }\n\n .margin-right-none-widescreen {\n margin-inline-end: 0 !important;\n }\n\n .padding-xxs-widescreen {\n padding: .5rem !important;\n }\n\n .padding-xs-widescreen {\n padding: 1rem !important;\n }\n\n .padding-sm-widescreen {\n padding: 1.5rem !important;\n }\n\n .padding-md-widescreen {\n padding: 2rem !important;\n }\n\n .padding-lg-widescreen {\n padding: 3rem !important;\n }\n\n .padding-xl-widescreen {\n padding: 4rem !important;\n }\n\n .padding-xxl-widescreen {\n padding: 6rem !important;\n }\n\n .padding-xxxl-widescreen {\n padding: 8rem !important;\n }\n\n .padding-none-widescreen {\n padding: 0 !important;\n }\n\n .padding-inline-xxs-widescreen {\n padding-inline: .5rem !important;\n }\n\n .padding-inline-xs-widescreen {\n padding-inline: 1rem !important;\n }\n\n .padding-inline-sm-widescreen {\n padding-inline: 1.5rem !important;\n }\n\n .padding-inline-md-widescreen {\n padding-inline: 2rem !important;\n }\n\n .padding-inline-lg-widescreen {\n padding-inline: 3rem !important;\n }\n\n .padding-inline-xl-widescreen {\n padding-inline: 4rem !important;\n }\n\n .padding-inline-xxl-widescreen {\n padding-inline: 6rem !important;\n }\n\n .padding-inline-xxxl-widescreen {\n padding-inline: 8rem !important;\n }\n\n .padding-inline-none-widescreen {\n padding-inline: 0 !important;\n }\n\n .padding-block-xxs-widescreen {\n padding-block: .5rem !important;\n }\n\n .padding-block-xs-widescreen {\n padding-block: 1rem !important;\n }\n\n .padding-block-sm-widescreen {\n padding-block: 1.5rem !important;\n }\n\n .padding-block-md-widescreen {\n padding-block: 2rem !important;\n }\n\n .padding-block-lg-widescreen {\n padding-block: 3rem !important;\n }\n\n .padding-block-xl-widescreen {\n padding-block: 4rem !important;\n }\n\n .padding-block-xxl-widescreen {\n padding-block: 6rem !important;\n }\n\n .padding-block-xxxl-widescreen {\n padding-block: 8rem !important;\n }\n\n .padding-block-none-widescreen {\n padding-block: 0 !important;\n }\n\n .padding-top-xxs-widescreen {\n padding-block-start: .5rem !important;\n }\n\n .padding-top-xs-widescreen {\n padding-block-start: 1rem !important;\n }\n\n .padding-top-sm-widescreen {\n padding-block-start: 1.5rem !important;\n }\n\n .padding-top-md-widescreen {\n padding-block-start: 2rem !important;\n }\n\n .padding-top-lg-widescreen {\n padding-block-start: 3rem !important;\n }\n\n .padding-top-xl-widescreen {\n padding-block-start: 4rem !important;\n }\n\n .padding-top-xxl-widescreen {\n padding-block-start: 6rem !important;\n }\n\n .padding-top-xxxl-widescreen {\n padding-block-start: 8rem !important;\n }\n\n .padding-top-none-widescreen {\n padding-block-start: 0 !important;\n }\n\n .padding-bottom-xxs-widescreen {\n padding-block-end: .5rem !important;\n }\n\n .padding-bottom-xs-widescreen {\n padding-block-end: 1rem !important;\n }\n\n .padding-bottom-sm-widescreen {\n padding-block-end: 1.5rem !important;\n }\n\n .padding-bottom-md-widescreen {\n padding-block-end: 2rem !important;\n }\n\n .padding-bottom-lg-widescreen {\n padding-block-end: 3rem !important;\n }\n\n .padding-bottom-xl-widescreen {\n padding-block-end: 4rem !important;\n }\n\n .padding-bottom-xxl-widescreen {\n padding-block-end: 6rem !important;\n }\n\n .padding-bottom-xxxl-widescreen {\n padding-block-end: 8rem !important;\n }\n\n .padding-bottom-none-widescreen {\n padding-block-end: 0 !important;\n }\n\n .padding-left-xxs-widescreen {\n padding-inline-start: .5rem !important;\n }\n\n .padding-left-xs-widescreen {\n padding-inline-start: 1rem !important;\n }\n\n .padding-left-sm-widescreen {\n padding-inline-start: 1.5rem !important;\n }\n\n .padding-left-md-widescreen {\n padding-inline-start: 2rem !important;\n }\n\n .padding-left-lg-widescreen {\n padding-inline-start: 3rem !important;\n }\n\n .padding-left-xl-widescreen {\n padding-inline-start: 4rem !important;\n }\n\n .padding-left-xxl-widescreen {\n padding-inline-start: 6rem !important;\n }\n\n .padding-left-xxxl-widescreen {\n padding-inline-start: 8rem !important;\n }\n\n .padding-left-none-widescreen {\n padding-inline-start: 0 !important;\n }\n\n .padding-right-xxs-widescreen {\n padding-inline-end: .5rem !important;\n }\n\n .padding-right-xs-widescreen {\n padding-inline-end: 1rem !important;\n }\n\n .padding-right-sm-widescreen {\n padding-inline-end: 1.5rem !important;\n }\n\n .padding-right-md-widescreen {\n padding-inline-end: 2rem !important;\n }\n\n .padding-right-lg-widescreen {\n padding-inline-end: 3rem !important;\n }\n\n .padding-right-xl-widescreen {\n padding-inline-end: 4rem !important;\n }\n\n .padding-right-xxl-widescreen {\n padding-inline-end: 6rem !important;\n }\n\n .padding-right-xxxl-widescreen {\n padding-inline-end: 8rem !important;\n }\n\n .padding-right-none-widescreen {\n padding-inline-end: 0 !important;\n }\n}\n\n.justify-content-flex-start {\n justify-content: flex-start !important;\n}\n\n.justify-content-flex-end {\n justify-content: flex-end !important;\n}\n\n.justify-content-center {\n justify-content: center !important;\n}\n\n.justify-content-space-around {\n justify-content: space-around !important;\n}\n\n.justify-content-space-between {\n justify-content: space-between !important;\n}\n\n.justify-content-space-evenly {\n justify-content: space-evenly !important;\n}\n\n.align-items-flex-start {\n align-items: flex-start !important;\n}\n\n.align-items-flex-end {\n align-items: flex-end !important;\n}\n\n.align-items-center {\n align-items: center !important;\n}\n\n.align-items-baseline {\n align-items: baseline !important;\n}\n\n.align-items-stretch {\n align-items: stretch !important;\n}\n\n.align-content-flex-start {\n align-content: flex-start !important;\n}\n\n.align-content-flex-end {\n align-content: flex-end !important;\n}\n\n.align-content-center {\n align-content: center !important;\n}\n\n.align-content-space-around {\n align-content: space-around !important;\n}\n\n.align-content-space-between {\n align-content: space-between !important;\n}\n\n.align-content-stretch {\n align-content: stretch !important;\n}\n\n.align-self-flex-start {\n align-self: flex-start !important;\n}\n\n.align-self-flex-end {\n align-self: flex-end !important;\n}\n\n.align-self-center {\n align-self: center !important;\n}\n\n.align-self-baseline {\n align-self: baseline !important;\n}\n\n.align-self-stretch {\n align-self: stretch !important;\n}\n\n.flex-direction-row {\n flex-direction: row !important;\n}\n\n.flex-direction-column {\n flex-direction: column !important;\n}\n\n.flex-direction-column-reverse {\n flex-direction: column-reverse !important;\n}\n\n.flex-direction-row-reverse {\n flex-direction: row-reverse !important;\n}\n\n.flex-wrap-nowrap {\n flex-wrap: nowrap !important;\n}\n\n.flex-wrap-wrap {\n flex-wrap: wrap !important;\n}\n\n.flex-wrap-wrap-reverse {\n flex-wrap: wrap-reverse !important;\n}\n\n.flex-shrink-0 {\n flex-shrink: 0 !important;\n}\n\n.flex-shrink-1 {\n flex-shrink: 1 !important;\n}\n\n.flex-grow-0 {\n flex-grow: 0 !important;\n}\n\n.flex-grow-1 {\n flex-grow: 1 !important;\n}\n\n@media screen and (width >= 768px), print {\n .justify-content-flex-start-tablet {\n justify-content: flex-start !important;\n }\n\n .justify-content-flex-end-tablet {\n justify-content: flex-end !important;\n }\n\n .justify-content-center-tablet {\n justify-content: center !important;\n }\n\n .justify-content-space-around-tablet {\n justify-content: space-around !important;\n }\n\n .justify-content-space-between-tablet {\n justify-content: space-between !important;\n }\n\n .justify-content-space-evenly-tablet {\n justify-content: space-evenly !important;\n }\n\n .align-items-flex-start-tablet {\n align-items: flex-start !important;\n }\n\n .align-items-flex-end-tablet {\n align-items: flex-end !important;\n }\n\n .align-items-center-tablet {\n align-items: center !important;\n }\n\n .align-items-baseline-tablet {\n align-items: baseline !important;\n }\n\n .align-items-stretch-tablet {\n align-items: stretch !important;\n }\n\n .align-content-flex-start-tablet {\n align-content: flex-start !important;\n }\n\n .align-content-flex-end-tablet {\n align-content: flex-end !important;\n }\n\n .align-content-center-tablet {\n align-content: center !important;\n }\n\n .align-content-space-around-tablet {\n align-content: space-around !important;\n }\n\n .align-content-space-between-tablet {\n align-content: space-between !important;\n }\n\n .align-content-stretch-tablet {\n align-content: stretch !important;\n }\n\n .align-self-flex-start-tablet {\n align-self: flex-start !important;\n }\n\n .align-self-flex-end-tablet {\n align-self: flex-end !important;\n }\n\n .align-self-center-tablet {\n align-self: center !important;\n }\n\n .align-self-baseline-tablet {\n align-self: baseline !important;\n }\n\n .align-self-stretch-tablet {\n align-self: stretch !important;\n }\n\n .flex-direction-row-tablet {\n flex-direction: row !important;\n }\n\n .flex-direction-column-tablet {\n flex-direction: column !important;\n }\n\n .flex-direction-column-reverse-tablet {\n flex-direction: column-reverse !important;\n }\n\n .flex-direction-row-reverse-tablet {\n flex-direction: row-reverse !important;\n }\n\n .flex-wrap-nowrap-tablet {\n flex-wrap: nowrap !important;\n }\n\n .flex-wrap-wrap-tablet {\n flex-wrap: wrap !important;\n }\n\n .flex-wrap-wrap-reverse-tablet {\n flex-wrap: wrap-reverse !important;\n }\n\n .flex-shrink-0-tablet {\n flex-shrink: 0 !important;\n }\n\n .flex-shrink-1-tablet {\n flex-shrink: 1 !important;\n }\n\n .flex-grow-0-tablet {\n flex-grow: 0 !important;\n }\n\n .flex-grow-1-tablet {\n flex-grow: 1 !important;\n }\n}\n\n.position-fixed {\n position: fixed !important;\n}\n\n.position-absolute {\n position: absolute !important;\n}\n\n.position-relative {\n position: relative !important;\n}\n\n.position-sticky {\n position: sticky !important;\n}\n\n@media screen and (width >= 768px), print {\n .position-fixed-tablet {\n position: fixed !important;\n }\n\n .position-absolute-tablet {\n position: absolute !important;\n }\n\n .position-relative-tablet {\n position: relative !important;\n }\n\n .position-sticky-tablet {\n position: sticky !important;\n }\n}\n\n.top-0 {\n inset-block-start: 0;\n}\n\n.right-0 {\n inset-inline-end: 0;\n}\n\n.bottom-0 {\n inset-block-end: 0;\n}\n\n.left-0 {\n inset-inline-start: 0;\n}\n\n.line-clamp-1 {\n -webkit-line-clamp: 1 !important;\n}\n\n.line-clamp-2 {\n -webkit-line-clamp: 2 !important;\n}\n\n.line-clamp-3 {\n -webkit-line-clamp: 3 !important;\n}\n\n.line-clamp-4 {\n -webkit-line-clamp: 4 !important;\n}\n\n.object-fit-contain {\n object-fit: contain !important;\n}\n\n.object-fit-cover {\n object-fit: cover !important;\n}\n\n.object-fit-fill {\n object-fit: fill !important;\n}\n\n.object-position-top {\n object-position: top !important;\n}\n\n.list-style-none {\n list-style: none !important;\n}\n\n.width-full {\n width: 100% !important;\n}\n\n.width-auto {\n width: auto !important;\n}\n\n.width-100 {\n width: 100px !important;\n}\n\n.width-150 {\n width: 150px !important;\n}\n\n.width-200 {\n width: 200px !important;\n}\n\n.width-250 {\n width: 250px !important;\n}\n\n.width-300 {\n width: 300px !important;\n}\n\n.width-350 {\n width: 350px !important;\n}\n\n@media screen and (width >= 768px), print {\n .width-full-tablet {\n width: 100% !important;\n }\n\n .width-auto-tablet {\n width: auto !important;\n }\n\n .width-100-tablet {\n width: 100px !important;\n }\n\n .width-150-tablet {\n width: 150px !important;\n }\n\n .width-200-tablet {\n width: 200px !important;\n }\n\n .width-250-tablet {\n width: 250px !important;\n }\n\n .width-300-tablet {\n width: 300px !important;\n }\n\n .width-350-tablet {\n width: 350px !important;\n }\n\n .width-400-tablet {\n width: 400px !important;\n }\n\n .width-450-tablet {\n width: 450px !important;\n }\n\n .width-500-tablet {\n width: 500px !important;\n }\n\n .width-unset-tablet {\n width: unset !important;\n }\n}\n\n@media screen and (width >= 1088px) {\n .width-full-desktop {\n width: 100% !important;\n }\n\n .width-auto-desktop {\n width: auto !important;\n }\n\n .width-100-desktop {\n width: 100px !important;\n }\n\n .width-150-desktop {\n width: 150px !important;\n }\n\n .width-200-desktop {\n width: 200px !important;\n }\n\n .width-250-desktop {\n width: 250px !important;\n }\n\n .width-300-desktop {\n width: 300px !important;\n }\n\n .width-350-desktop {\n width: 350px !important;\n }\n\n .width-400-desktop {\n width: 400px !important;\n }\n\n .width-450-desktop {\n width: 450px !important;\n }\n\n .width-500-desktop {\n width: 500px !important;\n }\n\n .width-unset-desktop {\n width: unset !important;\n }\n}\n\n.visually-hidden, ::part(visually-hidden) {\n clip: rect(1px, 1px, 1px, 1px);\n clip-path: inset(50%);\n word-wrap: normal;\n border: 0;\n width: 1px;\n height: 1px;\n margin: -1px;\n padding: 0;\n position: absolute;\n overflow: hidden;\n}\n\n/*# sourceMappingURL=index.css.map */\n","@import './tokens/index.scss';\n@import './mixins/index.scss';\n@import './core/index.scss';\n@import './components/index.scss';\n@import './atomics/index.scss';\n","/**\n * @sass-export-section=\"palette\"\n */\n// The Atlas palette contains colors used within themes.\n// To ensure theme fidelity, avoid using $palette-* variables outside of themes.scss.\n\n/*\nNotes:\n\n*/\n\n// Monochrome\n\n$palette-grey-10: #fafafa !default;\n$palette-grey-20: #f2f2f2 !default;\n$palette-grey-30: #e6e6e6 !default;\n$palette-grey-40: #d2d2d2 !default;\n$palette-grey-50: #bcbcbc !default;\n$palette-grey-60: #a2a2a2 !default;\n$palette-grey-70: #8e8e8e !default;\n$palette-grey-80: #757575 !default;\n$palette-grey-90: #505050 !default;\n$palette-grey-100: #404040 !default;\n$palette-grey-110: #2f2f2f !default;\n$palette-grey-120: #171717 !default;\n$palette-grey-130: #161616 !default;\n\n// Black\n\n$palette-black: #000 !default;\n\n$palette-black-opacity-90: hsl(0deg 0% 0% / 90%) !default;\n$palette-black-opacity-80: hsl(0deg 0% 0% / 80%) !default;\n$palette-black-opacity-70: hsl(0deg 0% 0% / 70%) !default;\n$palette-black-opacity-60: hsl(0deg 0% 0% / 60%) !default;\n$palette-black-opacity-50: hsl(0deg 0% 0% / 50%) !default;\n$palette-black-opacity-40: hsl(0deg 0% 0% / 40%) !default;\n$palette-black-opacity-30: hsl(0deg 0% 0% / 30%) !default;\n$palette-black-opacity-20: hsl(0deg 0% 0% / 20%) !default;\n$palette-black-opacity-10: hsl(0deg 0% 0% / 10%) !default;\n$palette-black-opacity-0: hsl(0deg 0% 0% / 0%) !default;\n\n// White\n\n$palette-white: #fff !default;\n\n$palette-white-opacity-0: hsl(0deg 0% 100% / 0%);\n$palette-white-opacity-10: hsl(0deg 0% 100% / 10%);\n$palette-white-opacity-20: hsl(0deg 0% 100% / 20%);\n$palette-white-opacity-30: hsl(0deg 0% 100% / 30%);\n$palette-white-opacity-40: hsl(0deg 0% 100% / 40%);\n$palette-white-opacity-50: hsl(0deg 0% 100% / 50%);\n$palette-white-opacity-60: hsl(0deg 0% 100% / 60%);\n$palette-white-opacity-70: hsl(0deg 0% 100% / 70%);\n$palette-white-opacity-80: hsl(0deg 0% 100% / 80%);\n$palette-white-opacity-90: hsl(0deg 0% 100% / 90%);\n\n// Values used for shadows\n\n$palette-black-opacity-108: hsl(0deg 0% 0% / 11%) !default;\n$palette-black-opacity-132: hsl(0deg 0% 0% / 13%) !default;\n\n$palette-black-opacity-22: hsl(0deg 0% 0% / 22%) !default;\n$palette-black-opacity-18: hsl(0deg 0% 0% / 18%) !default;\n\n$palette-white-opacity-108: hsl(0deg 0% 100% / 11%) !default;\n$palette-white-opacity-132: hsl(0deg 0% 100% / 13%) !default;\n\n$palette-white-opacity-22: hsl(0deg 0% 100% / 22%) !default;\n$palette-white-opacity-18: hsl(0deg 0% 100% / 18%) !default;\n\n// Blue\n\n$palette-blue-10: #d7eaf8 !default;\n$palette-blue-20: #9ccbee !default;\n$palette-blue-30: #75b6e7 !default;\n$palette-blue-40: #278cda !default;\n$palette-blue-50: #0078d4 !default;\n$palette-blue-60: #0065b3 !default;\n$palette-blue-70: #00579a !default;\n$palette-blue-80: #004173 !default;\n$palette-blue-90: #002b4d !default;\n$palette-blue-100: #000a13 !default;\n\n$palette-blue-a: #9ccbee !default;\n\n$palette-blue-opacity-30: hsl(206deg 100% 35% / 30%);\n$palette-blue-opacity-70: hsl(206deg 100% 35% / 70%);\n\n$palette-blue-black: #091f2c !default;\n\n// Navy\n\n$palette-navy-10: #dfe5ee !default;\n$palette-navy-20: #c1cbdc !default;\n$palette-navy-30: #a4b2c9 !default;\n$palette-navy-40: #899ab5 !default;\n$palette-navy-50: #70819f !default;\n$palette-navy-60: #4a5d7e !default;\n$palette-navy-70: #243a5e !default;\n$palette-navy-80: #14294c !default;\n$palette-navy-90: #061329 !default;\n$palette-navy-100: #000910 !default;\n\n$palette-navy-opacity-30: hsl(262deg 46% 17% / 30%) !default;\n$palette-navy-opacity-70: hsl(262deg 46% 17% / 70%) !default;\n\n// Turqoise\n\n$palette-turqoise-10: #e9fbff !default;\n$palette-turqoise-20: #bdf5ff !default;\n$palette-turqoise-30: #7becff !default;\n$palette-turqoise-40: #50e6ff !default;\n$palette-turqoise-50: #41b9cf !default;\n$palette-turqoise-60: #328e9f !default;\n$palette-turqoise-70: #28727f !default;\n$palette-turqoise-80: #19474f !default;\n$palette-turqoise-90: #0f2a2f !default;\n$palette-turqoise-100: #050e0f !default;\n\n$palette-navy-opacity-30: hsl(189deg 52% 12% / 30%) !default;\n$palette-navy-opacity-70: hsl(189deg 52% 12% / 70%) !default;\n\n// Green\n\n$palette-green-10: #dff6dd !default;\n$palette-green-20: #acd7aa !default;\n$palette-green-30: #7cbb7b !default;\n$palette-green-40: #489d48 !default;\n$palette-green-50: #2a8b2a !default;\n$palette-green-60: #107c10 !default;\n$palette-green-70: #0b6413 !default;\n$palette-green-80: #054b16 !default;\n$palette-green-90: #05350c !default;\n$palette-green-100: #061a00 !default;\n\n$palette-green-opacity-30: hsl(120deg 37% 45% / 30%) !default;\n$palette-green-opacity-70: hsl(120deg 37% 45% / 70%) !default;\n\n// Purple\n\n$palette-purple-10: #efd9fd !default;\n$palette-purple-20: #e0b7fe !default;\n$palette-purple-30: #d59dff !default;\n$palette-purple-40: #ac7ee1 !default;\n$palette-purple-50: #9970d3 !default;\n$palette-purple-60: #8661c5 !default;\n$palette-purple-70: #624991 !default;\n$palette-purple-80: #3b2e58 !default;\n$palette-purple-90: #201843 !default;\n$palette-purple-100: #03002c !default;\n\n$palette-purple-a: #cd9bcf !default;\n$palette-purple-b: #702573 !default; // light\n$palette-purple-c: #b84dc6 !default;\n\n$palette-purple-opacity-30: hsl(251deg 47% 18% / 30%) !default;\n$palette-purple-opacity-70: hsl(251deg 47% 18% / 70%) !default;\n\n// Yellow\n\n$palette-yellow-10: #fff4ce !default;\n$palette-yellow-20: #ffe79f !default;\n$palette-yellow-30: #ffdf84 !default;\n$palette-yellow-40: #ffcb3f !default;\n$palette-yellow-50: #ffb900 !default;\n$palette-yellow-60: #d19501 !default;\n$palette-yellow-70: #966802 !default;\n$palette-yellow-80: #6a4b16 !default;\n$palette-yellow-90: #4f340e !default;\n$palette-yellow-100: #2d1703 !default;\n\n$palette-yellow-opacity-30: hsl(44deg 100% 50% / 30%) !default;\n$palette-yellow-opacity-70: hsl(44deg 100% 50% / 70%) !default;\n\n$palette-yellow-sand: #e8e6df !default;\n\n// Red\n\n$palette-red-10: #fde7e9 !default;\n$palette-red-20: #e5a7a8 !default;\n$palette-red-30: #d4797a !default;\n$palette-red-40: #c54f4f !default;\n$palette-red-50: #b62626 !default;\n$palette-red-60: #a80000 !default;\n$palette-red-70: #870000 !default;\n$palette-red-80: #630001 !default;\n$palette-red-90: #470001 !default;\n$palette-red-100: #290001 !default;\n\n$palette-red-opacity-30: hsl(0deg 100% 33% / 30%) !default;\n$palette-red-opacity-70: hsl(0deg 100% 33% / 70%) !default;\n\n// High Contrast\n\n$palette-yellow-high-contrast: #ff0 !default;\n$palette-yellow-high-contrast-hover: #ff3 !default;\n$palette-visited-high-contrast: #3cff00 !default;\n\n//@end-sass-export-section\n","/**\n * @sass-export-section=\"animation\"\n */\n// Animation related property values\n$input-timing-function: cubic-bezier(0.4, 0, 0.23, 1) !default;\n$input-transition-duration: 200ms;\n$nav-bar-transition-duration: 86ms !default;\n//@end-sass-export-section\n","/**\n * @sass-export-section=\"border\"\n */\n$border-width: 1px !default;\n$border-width-md: 0.125rem !default;\n$border-width-lg: 0.25rem !default;\n\n$border-radius-sm: 0.125rem !default; // 2px\n$border-radius: 0.25rem !default; // 4px\n$border-radius-lg: 0.375rem !default; // 6px\n$border-radius-rounded: 290486px !default;\n//@end-sass-export-section\n","/**\n * @sass-export-section=\"breakpoints\"\n */\n// The horizontal gap tied to containers\n$container-gap: 64px !default;\n\n// Breakpoints\n$breakpoint-tablet: 768px !default;\n$breakpoint-desktop: 1088px !default;\n$breakpoint-widescreen: 1800px !default;\n//@end-sass-export-section\n","/**\n * @sass-export-section=\"display\"\n */\n$displays: 'block', 'flex', 'inline', 'inline-block', 'inline-flex', 'grid', 'none' !default;\n//@end-sass-export-section\n","/**\n * @sass-export-section=\"colors\"\n */\n$white-static: #fff;\n$black-static: #000;\n\n$text: var(--theme-text);\n$text-subtle: var(--theme-text-subtle);\n$text-invert: var(--theme-text-invert);\n$hyperlink: var(--theme-hyperlink);\n$text-glow-high-contrast: var(--theme-text-glow-high-contrast);\n$box-shadow-color-light: var(--theme-box-shadow-light);\n$box-shadow-color-medium: var(--theme-box-shadow-medium);\n$box-shadow-color-heavy: var(--theme-box-shadow-heavy);\n$box-shadow-color-extra-heavy: var(--theme-box-shadow-extra-heavy);\n\n$body-background: var(--theme-body-background);\n$body-background-medium: var(--theme-body-background-medium);\n$body-background-accent: var(--theme-body-background-accent);\n\n$alternate-background: var(--theme-alternate-background);\n$alternate-background-medium: var(--theme-alternate-background-medium);\n\n$overlay: var(--theme-overlay);\n$overlay-invert: var(--theme-overlay-invert);\n$overlay-static: $palette-black-opacity-50;\n$border: var(--theme-border);\n$border-accent: var(--theme-border-accent);\n\n$card-background: var(--theme-card-background);\n\n$code-header: var(--theme-code-header);\n$code-block: var(--theme-code-block);\n$inline-code: var(--theme-inline-code);\n\n$control-border: var(--theme-control-border);\n\n$table-header: var(--theme-table-header);\n$table-row: var(--theme-table-row);\n$table-row-header: var(--theme-table-row-header);\n$table-border-dark: var(--theme-table-border-dark);\n\n$facepile-red: var(--theme-facepile-red);\n$facepile-teal: var(--theme-facepile-teal);\n$facepile-blue: var(--theme-facepile-blue);\n\n$gradient-text-purple: var(--theme-gradient-text-purple);\n$gradient-text-blue: var(--theme-gradient-text-blue);\n$gradient-vivid-start: var(--theme-gradient-vivid-start);\n$gradient-vivid-end: var(--theme-gradient-vivid-end);\n\n$default-hover: var(--theme-hover-base);\n$default-hover-invert: $body-background-medium;\n$border-white-high-contrast: var(--theme-border-white-high-contrast);\n$border-yellow-high-contrast: var(--theme-border-yellow-high-contrast);\n$code-highlight-background: var(--theme-code-highlight-background);\n$visited: var(--theme-visited);\n\n$score-low-off: var(--theme-score-low-off);\n$score-low: var(--theme-score-low);\n$score-medium-off: var(--theme-score-medium-off);\n$score-medium: var(--theme-score-medium);\n$score-high-off: var(--theme-score-high-off);\n$score-high: var(--theme-score-high);\n\n$primary: var(--theme-primary-base);\n$primary-background: var(--theme-primary-background);\n$primary-background-glow-high-contrast: var(--theme-primary-background-glow-high-contrast);\n$primary-dark: var(--theme-primary-dark);\n$primary-hover: var(--theme-primary-hover);\n$primary-active: var(--theme-primary-active);\n$primary-invert: var(--theme-primary-invert);\n$primary-box-shadow: var(--theme-primary-box-shadow);\n\n$secondary: var(--theme-secondary-base);\n$secondary-background: var(--theme-secondary-background);\n$secondary-background-glow-high-contrast: var(--theme-secondary-background-glow-high-contrast);\n$secondary-dark: var(--theme-secondary-dark);\n$secondary-hover: var(--theme-secondary-hover);\n$secondary-active: var(--theme-secondary-active);\n$secondary-invert: var(--theme-secondary-invert);\n$secondary-box-shadow: var(--theme-secondary-box-shadow);\n\n$tertiary: var(--theme-tertiary-base);\n$tertiary-background: var(--theme-tertiary-background);\n$tertiary-background-glow-high-contrast: var(--theme-tertiary-background-glow-high-contrast);\n$tertiary-dark: var(--theme-tertiary-dark);\n$tertiary-hover: var(--theme-tertiary-hover);\n$tertiary-active: var(--theme-tertiary-active);\n$tertiary-invert: var(--theme-tertiary-invert);\n$tertiary-box-shadow: var(--theme-tertiary-box-shadow);\n\n$success: var(--theme-success-base);\n$success-background: var(--theme-success-background);\n$success-background-glow-high-contrast: var(--theme-success-background-glow-high-contrast);\n$success-dark: var(--theme-success-dark);\n$success-hover: var(--theme-success-hover);\n$success-active: var(--theme-success-active);\n$success-invert: var(--theme-success-invert);\n$success-box-shadow: var(--theme-success-box-shadow);\n\n$info: var(--theme-info-base);\n$info-background: var(--theme-info-background);\n$info-background-glow-high-contrast: var(--theme-info-background-glow-high-contrast);\n$info-dark: var(--theme-info-dark);\n$info-hover: var(--theme-info-hover);\n$info-active: var(--theme-info-active);\n$info-invert: var(--theme-info-invert);\n$info-box-shadow: var(--theme-info-box-shadow);\n\n$warning: var(--theme-warning-base);\n$warning-background: var(--theme-warning-background);\n$warning-background-glow-high-contrast: var(--theme-warning-background-glow-high-contrast);\n$warning-dark: var(--theme-warning-dark);\n$warning-hover: var(--theme-warning-hover);\n$warning-active: var(--theme-warning-active);\n$warning-invert: var(--theme-warning-invert);\n$warning-box-shadow: var(--theme-warning-box-shadow);\n\n$danger: var(--theme-danger-base);\n$danger-background: var(--theme-danger-background);\n$danger-background-glow-high-contrast: var(--theme-danger-background-glow-high-contrast);\n$danger-dark: var(--theme-danger-dark);\n$danger-hover: var(--theme-danger-hover);\n$danger-active: var(--theme-danger-active);\n$danger-invert: var(--theme-danger-invert);\n$danger-box-shadow: var(--theme-danger-box-shadow);\n\n$colors: (\n\t'primary': (\n\t\t$primary,\n\t\t$primary-background,\n\t\t$primary-dark,\n\t\t$primary-hover,\n\t\t$primary-active,\n\t\t$primary-invert,\n\t\t$primary-box-shadow,\n\t\t$primary-background-glow-high-contrast\n\t),\n\t'secondary': (\n\t\t$secondary,\n\t\t$secondary-background,\n\t\t$secondary-dark,\n\t\t$secondary-hover,\n\t\t$secondary-active,\n\t\t$secondary-invert,\n\t\t$secondary-box-shadow,\n\t\t$secondary-background-glow-high-contrast\n\t),\n\t'tertiary': (\n\t\t$tertiary,\n\t\t$tertiary-background,\n\t\t$tertiary-dark,\n\t\t$tertiary-hover,\n\t\t$tertiary-active,\n\t\t$tertiary-invert,\n\t\t$tertiary-box-shadow,\n\t\t$tertiary-background-glow-high-contrast\n\t),\n\t'success': (\n\t\t$success,\n\t\t$success-background,\n\t\t$success-dark,\n\t\t$success-hover,\n\t\t$success-active,\n\t\t$success-invert,\n\t\t$success-box-shadow,\n\t\t$success-background-glow-high-contrast\n\t),\n\t'info': (\n\t\t$info,\n\t\t$info-background,\n\t\t$info-dark,\n\t\t$info-hover,\n\t\t$info-active,\n\t\t$info-invert,\n\t\t$info-box-shadow,\n\t\t$info-background-glow-high-contrast\n\t),\n\t'warning': (\n\t\t$warning,\n\t\t$warning-background,\n\t\t$warning-dark,\n\t\t$warning-hover,\n\t\t$warning-active,\n\t\t$warning-invert,\n\t\t$warning-box-shadow,\n\t\t$warning-background-glow-high-contrast\n\t),\n\t'danger': (\n\t\t$danger,\n\t\t$danger-background,\n\t\t$danger-dark,\n\t\t$danger-hover,\n\t\t$danger-active,\n\t\t$danger-invert,\n\t\t$danger-box-shadow,\n\t\t$danger-background-glow-high-contrast\n\t)\n) !default;\n\n// Combined framework and brand colors for the array used in all the loops\n\n// Color indexes, for use in color loops.\n\n$color-index-base: 1;\n$color-index-background: 2;\n$color-index-dark: 3;\n$color-index-hover: 4;\n$color-index-active: 5;\n$color-index-invert: 6;\n$color-index-box-shadow: 7;\n$color-index-background-glow-high-contrast: 8;\n\n// example implementation of a color loop\n\n// @each $name, $color-set in $colors {\n// \t$base: nth($color-set, $color-index-base);\n// \t$background: nth($color-set, $color-index-background);\n// \t$heavy: nth($color-set, $color-index-dark);\n// \t$hover: nth($color-set, $color-index-hover);\n// \t$active: nth($color-set, $color-index-active);\n// \t$invert: nth($color-set, $color-index-invert);\n// \t$box-shadow: nth($color-set, $color-index-box-shadow);\n//}\n\n$gradients: (\n\t'vivid': (\n\t\t$gradient-vivid-start,\n\t\t$gradient-vivid-end\n\t),\n\t'purple-blue': (\n\t\t$gradient-text-purple,\n\t\t$gradient-text-blue\n\t)\n);\n\n$gradient-color-start-index: 1;\n$gradient-color-end-index: 2;\n","/**\n * @sass-export-section=\"direction\"\n */\n// Direction\n$user-text-direction: ltr !default;\n\n$user-left: if($user-text-direction == rtl, right, left);\n$user-right: if($user-text-direction == rtl, left, right);\n\n$user-translate-x-direction: if($user-text-direction == rtl, -1, 1);\n\n$directions: (\n\t'top': 'top',\n\t'right': $user-right,\n\t'bottom': 'bottom',\n\t'left': $user-left\n);\n\n$logical-directions: (\n\t'top': 'block-start',\n\t'right': 'inline-end',\n\t'bottom': 'block-end',\n\t'left': 'inline-start'\n);\n//@end-sass-export-section\n","/**\n * @sass-export-section=\"focus\"\n */\n// Focus related variables\n$focus-width: 0.125rem !default;\n$focus-style: dashed !default;\n$focus-outline-offset: 0.25rem !default;\n$focus-visible-use-polyfill: false !default;\n//@end-sass-export-section\n","/**\n * @sass-export-section=\"font-stack\"\n */\n$monospace-font-stack: 'SFMono-Regular', 'Consolas', 'Liberation Mono', 'Menlo', 'Courier',\n\tmonospace !default;\n$normal-font-stack: -apple-system, 'BlinkMacSystemFont', 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu',\n\t'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif,\n\t'Apple Color Emoji', 'Segoe UI Emoji' !default;\n$quote-font-stack: 'Arial', 'Helvetica Neue', 'Helvetica', sans-serif !default;\n//@end-sass-export-section\n","/**\n * @sass-export-section=\"layout\"\n */\n// Layout\n$column-gap: 0.75rem !default;\n$large-column-gap: 1.5rem !default;\n$reading-max-width: 50rem;\n\n$layout-gap: 16px !default;\n$layout-widescreen-width: $breakpoint-widescreen - $layout-gap * 2 !default;\n$layout-widescreen-gap: calc(50% - #{$layout-widescreen-width} / 2) !default;\n//@end-sass-export-section\n","/**\n * @sass-export-section=\"position\"\n */\n$positions: 'fixed', 'absolute', 'relative', 'sticky' !default;\n//@end-sass-export-section\n","/**\n * @sass-export-section=\"schemes\"\n */\n\n/* \n * This object's keys should match themes and values will set the color-scheme CSS property for the corresponding theme.\n */\n\n$color-schemes: (\n\t'light': 'light',\n\t'dark': 'dark',\n\t'high-contrast': 'dark'\n);\n//@end-sass-export-section\n","/**\n * @sass-export-section=\"shadow\"\n */\n$box-shadow-light: 0 1.6px 3.6px 0 $box-shadow-color-medium, 0 0.3px 0.9px 0 $box-shadow-color-light !default;\n$box-shadow-medium: 0 3.2px 7.2px 0 $box-shadow-color-medium,\n\t0 0.6px 1.8px 0 $box-shadow-color-light !default;\n$box-shadow-heavy: 0 6.4px 14.4px 0 $box-shadow-color-medium,\n\t0 1.2px 3.6px 0 $box-shadow-color-light !default;\n$box-shadow-extra-heavy: 0 25.6px 57.6px 0 $box-shadow-color-extra-heavy,\n\t0 4.8px 14.4px 0 $box-shadow-color-heavy !default;\n//@end-sass-export-section\n","/**\n * @sass-export-section=\"spacing\"\n */\n$layout-0: 0 !default; // 0\n$layout-1: 0.5rem !default; // 8px\n$layout-2: 1rem !default; // 16px\n$layout-3: 1.5rem !default; // 24px\n$layout-4: 2rem !default; // 32px\n$layout-5: 3rem !default; // 48px\n$layout-6: 4rem !default; // 64px\n$layout-7: 6rem !default; // 96px;\n$layout-8: 8rem !default; // 128px;\n\n$spacer-0: 0 !default; // 0\n$spacer-1: 0.125rem !default; // 2px\n$spacer-2: 0.25rem !default; // 4px\n$spacer-3: 0.5rem !default; // 8px\n$spacer-4: 0.75rem !default; // 12px\n$spacer-5: 1rem !default; // 16px\n$spacer-6: 1.25rem !default; // 20px\n$spacer-7: 1.5rem !default; // 24px\n$spacer-8: 2rem !default; // 32px\n$spacer-9: 2.5rem !default; // 40px\n$spacer-10: 3rem !default; // 48px\n//@end-sass-export-section\n","/**\n * @sass-export-section=\"themes\"\n */\n$themes: (\n\t'light': (\n\t\t'text': $palette-grey-130,\n\t\t'text-subtle': $palette-grey-90,\n\t\t'text-invert': $palette-white,\n\t\t'text-glow-high-contrast': $palette-grey-120,\n\t\t'box-shadow-light': $palette-black-opacity-108,\n\t\t'box-shadow-medium': $palette-black-opacity-132,\n\t\t'box-shadow-heavy': $palette-black-opacity-18,\n\t\t'box-shadow-extra-heavy': $palette-black-opacity-22,\n\t\t'overlay': $palette-black-opacity-70,\n\t\t'overlay-invert': $palette-white,\n\t\t'body-background': $palette-white,\n\t\t'body-background-accent': $palette-yellow-sand,\n\t\t'body-background-medium': $palette-grey-20,\n\t\t'alternate-background': $palette-grey-120,\n\t\t'alternate-background-medium': $palette-grey-110,\n\t\t'card-background': $palette-white,\n\t\t'border': $palette-grey-30,\n\t\t'border-accent': $palette-yellow-sand,\n\t\t'border-white-high-contrast': $palette-white-opacity-0,\n\t\t'border-yellow-high-contrast': $palette-black-opacity-0,\n\t\t'table-header': $palette-grey-30,\n\t\t'table-row': $palette-grey-20,\n\t\t'table-row-header': $palette-grey-10,\n\t\t'table-border-dark': $palette-grey-40,\n\t\t'hover-base': $palette-grey-110,\n\t\t'hover-invert': $palette-grey-10,\n\t\t'code-header': $palette-grey-30,\n\t\t'code-block': $palette-grey-20,\n\t\t'control-border': $palette-grey-80,\n\t\t'inline-code': $palette-grey-30,\n\t\t'code-highlight-background': $palette-yellow-10,\n\t\t'visited': $palette-purple-70,\n\t\t'score-low-off': $palette-red-opacity-30,\n\t\t'score-low': $palette-red-50,\n\t\t'score-medium-off': $palette-yellow-opacity-30,\n\t\t'score-medium': $palette-yellow-50,\n\t\t'score-high-off': $palette-green-opacity-30,\n\t\t'score-high': $palette-green-50,\n\t\t'hyperlink': $palette-blue-60,\n\t\t'primary-base': $palette-blue-50,\n\t\t'primary-background': $palette-blue-10,\n\t\t'primary-background-glow-high-contrast': $palette-blue-10,\n\t\t'primary-dark': $palette-blue-80,\n\t\t'primary-hover': $palette-blue-60,\n\t\t'primary-active': $palette-blue-70,\n\t\t'primary-box-shadow': $palette-blue-opacity-30,\n\t\t'primary-invert': $palette-white,\n\t\t'secondary-base': $palette-grey-60,\n\t\t'secondary-background': $palette-grey-30,\n\t\t'secondary-background-glow-high-contrast': $palette-grey-30,\n\t\t'secondary-dark': $palette-grey-110,\n\t\t'secondary-hover': $palette-grey-40,\n\t\t'secondary-active': $palette-grey-40,\n\t\t'secondary-box-shadow': $palette-black-opacity-30,\n\t\t'secondary-invert': $palette-black,\n\t\t'tertiary-base': $palette-navy-70,\n\t\t'tertiary-background': $palette-navy-90,\n\t\t'tertiary-background-glow-high-contrast': $palette-navy-90,\n\t\t'tertiary-dark': $palette-navy-30,\n\t\t'tertiary-hover': $palette-navy-80,\n\t\t'tertiary-active': $palette-navy-50,\n\t\t'tertiary-box-shadow': $palette-navy-opacity-30,\n\t\t'tertiary-invert': $palette-white,\n\t\t'success-base': $palette-green-60,\n\t\t'success-background': $palette-green-10,\n\t\t'success-background-glow-high-contrast': $palette-green-10,\n\t\t'success-dark': $palette-green-80,\n\t\t'success-hover': $palette-green-70,\n\t\t'success-active': $palette-green-80,\n\t\t'success-box-shadow': $palette-green-opacity-30,\n\t\t'success-invert': $palette-white,\n\t\t'info-base': $palette-purple-60,\n\t\t'info-background': $palette-purple-10,\n\t\t'info-background-glow-high-contrast': $palette-purple-10,\n\t\t'info-dark': $palette-purple-80,\n\t\t'info-hover': $palette-purple-60,\n\t\t'info-active': $palette-purple-70,\n\t\t'info-box-shadow': $palette-purple-opacity-30,\n\t\t'info-invert': $palette-white,\n\t\t'warning-base': $palette-yellow-50,\n\t\t'warning-background': $palette-yellow-10,\n\t\t'warning-background-glow-high-contrast': $palette-yellow-10,\n\t\t'warning-dark': $palette-yellow-80,\n\t\t'warning-hover': $palette-yellow-60,\n\t\t'warning-active': $palette-yellow-70,\n\t\t'warning-box-shadow': $palette-yellow-opacity-30,\n\t\t'warning-invert': $palette-black,\n\t\t'danger-base': $palette-red-60,\n\t\t'danger-background': $palette-red-10,\n\t\t'danger-background-glow-high-contrast': $palette-red-10,\n\t\t'danger-dark': $palette-red-90,\n\t\t'danger-hover': $palette-red-70,\n\t\t'danger-active': $palette-red-80,\n\t\t'danger-box-shadow': $palette-red-opacity-30,\n\t\t'danger-invert': $palette-white,\n\t\t'facepile-red': $palette-red-60,\n\t\t'facepile-teal': $palette-turqoise-60,\n\t\t'facepile-blue': $palette-blue-50,\n\t\t'gradient-text-purple': $palette-purple-b,\n\t\t'gradient-text-blue': $palette-blue-70,\n\t\t'gradient-vivid-start': $palette-purple-c,\n\t\t'gradient-vivid-end': $palette-blue-50\n\t),\n\t'dark': (\n\t\t'text': $palette-grey-30,\n\t\t'text-subtle': $palette-grey-40,\n\t\t'text-invert': $palette-grey-110,\n\t\t'text-glow-high-contrast': $palette-grey-30,\n\t\t'box-shadow-light': $palette-black-opacity-108,\n\t\t'box-shadow-medium': $palette-black-opacity-132,\n\t\t'box-shadow-heavy': $palette-black-opacity-18,\n\t\t'box-shadow-extra-heavy': $palette-black-opacity-22,\n\t\t'overlay': $palette-black-opacity-70,\n\t\t'overlay-invert': $palette-white,\n\t\t'body-background': $palette-grey-120,\n\t\t'body-background-accent': $palette-blue-black,\n\t\t'body-background-medium': $palette-grey-110,\n\t\t'alternate-background': $palette-grey-20,\n\t\t'alternate-background-medium': $palette-grey-10,\n\t\t'border': $palette-grey-100,\n\t\t'border-accent': $palette-grey-90,\n\t\t'border-white-high-contrast': $palette-white-opacity-0,\n\t\t'border-yellow-high-contrast': $palette-black-opacity-0,\n\t\t'card-background': $palette-blue-black,\n\t\t'table-header': $palette-grey-100,\n\t\t'table-row': $palette-grey-110,\n\t\t'table-row-header': $palette-grey-110,\n\t\t'table-border-dark': $palette-grey-90,\n\t\t'hover-base': $palette-grey-40,\n\t\t'hover-invert': $palette-grey-110,\n\t\t'code-header': $palette-grey-100,\n\t\t'code-block': $palette-grey-110,\n\t\t'control-border': $palette-grey-40,\n\t\t'inline-code': $palette-grey-100,\n\t\t'code-highlight-background': $palette-green-70,\n\t\t'visited': $palette-purple-40,\n\t\t'score-low-off': $palette-red-opacity-70,\n\t\t'score-low': $palette-red-50,\n\t\t'score-medium-off': $palette-yellow-opacity-30,\n\t\t'score-medium': $palette-yellow-40,\n\t\t'score-high-off': $palette-green-opacity-70,\n\t\t'score-high': $palette-green-40,\n\t\t'hyperlink': $palette-blue-30,\n\t\t'primary-base': $palette-blue-30,\n\t\t'primary-background': $palette-blue-80,\n\t\t'primary-background-glow-high-contrast': $palette-blue-80,\n\t\t'primary-dark': $palette-blue-20,\n\t\t'primary-hover': $palette-blue-40,\n\t\t'primary-active': $palette-blue-50,\n\t\t'primary-box-shadow': $palette-blue-opacity-30,\n\t\t'primary-invert': $palette-black,\n\t\t'secondary-base': $palette-grey-80,\n\t\t'secondary-background': $palette-grey-100,\n\t\t'secondary-background-glow-high-contrast': $palette-grey-100,\n\t\t'secondary-dark': $palette-grey-30,\n\t\t'secondary-hover': $palette-grey-70,\n\t\t'secondary-active': $palette-grey-60,\n\t\t'secondary-box-shadow': $palette-black-opacity-70,\n\t\t'secondary-invert': $palette-white,\n\t\t'tertiary-base': $palette-grey-100,\n\t\t'tertiary-background': $palette-grey-120,\n\t\t'tertiary-background-glow-high-contrast': $palette-grey-120,\n\t\t'tertiary-dark': $palette-grey-30,\n\t\t'tertiary-hover': $palette-grey-90,\n\t\t'tertiary-active': $palette-grey-80,\n\t\t'tertiary-box-shadow': $palette-blue-opacity-30,\n\t\t'tertiary-invert': $palette-white,\n\t\t'success-base': $palette-green-30,\n\t\t'success-background': $palette-green-80,\n\t\t'success-background-glow-high-contrast': $palette-green-80,\n\t\t'success-dark': $palette-green-10,\n\t\t'success-hover': $palette-green-40,\n\t\t'success-active': $palette-green-30,\n\t\t'success-box-shadow': $palette-green-opacity-70,\n\t\t'success-invert': $palette-black,\n\t\t'info-base': $palette-purple-50,\n\t\t'info-background': $palette-purple-80,\n\t\t'info-background-glow-high-contrast': $palette-purple-80,\n\t\t'info-dark': $palette-purple-10,\n\t\t'info-hover': $palette-purple-40,\n\t\t'info-active': $palette-purple-30,\n\t\t'info-box-shadow': $palette-purple-opacity-70,\n\t\t'info-invert': $palette-black,\n\t\t'warning-base': $palette-yellow-50,\n\t\t'warning-background': $palette-yellow-80,\n\t\t'warning-background-glow-high-contrast': $palette-yellow-80,\n\t\t'warning-dark': $palette-yellow-10,\n\t\t'warning-hover': $palette-yellow-40,\n\t\t'warning-active': $palette-yellow-30,\n\t\t'warning-box-shadow': $palette-yellow-opacity-70,\n\t\t'warning-invert': $palette-black,\n\t\t'danger-base': $palette-red-20,\n\t\t'danger-background': $palette-red-80,\n\t\t'danger-background-glow-high-contrast': $palette-red-80,\n\t\t'danger-dark': $palette-red-10,\n\t\t'danger-hover': $palette-red-40,\n\t\t'danger-active': $palette-red-30,\n\t\t'danger-box-shadow': $palette-red-opacity-70,\n\t\t'danger-invert': $palette-black,\n\t\t'facepile-red': $palette-red-40,\n\t\t'facepile-teal': $palette-turqoise-40,\n\t\t'facepile-blue': $palette-blue-40,\n\t\t'gradient-text-purple': $palette-purple-a,\n\t\t'gradient-text-blue': $palette-blue-a,\n\t\t'gradient-vivid-start': $palette-purple-c,\n\t\t'gradient-vivid-end': $palette-blue-30\n\t),\n\t'high-contrast': (\n\t\t'text': $palette-white,\n\t\t'text-subtle': $palette-white,\n\t\t'text-invert': $palette-black,\n\t\t'text-glow-high-contrast': $palette-yellow-high-contrast,\n\t\t'box-shadow-light': $palette-black-opacity-108,\n\t\t'box-shadow-medium': $palette-black-opacity-132,\n\t\t'box-shadow-heavy': $palette-black-opacity-18,\n\t\t'box-shadow-extra-heavy': $palette-black-opacity-22,\n\t\t'overlay': $palette-grey-100,\n\t\t'overlay-invert': $palette-white,\n\t\t'body-background': $palette-black,\n\t\t'body-background-accent': $palette-black,\n\t\t'body-background-medium': $palette-black,\n\t\t'alternate-background': $palette-white,\n\t\t'alternate-background-medium': $palette-white,\n\t\t'border': $palette-white,\n\t\t'border-accent': $palette-white,\n\t\t'border-white-high-contrast': $palette-white,\n\t\t'border-yellow-high-contrast': $palette-yellow-high-contrast,\n\t\t'card-background': $palette-black,\n\t\t'table-header': $palette-grey-90,\n\t\t'table-row': $palette-black,\n\t\t'table-row-header': $palette-grey-120,\n\t\t'table-border-dark': $palette-white,\n\t\t'hover-base': $palette-yellow-high-contrast,\n\t\t'hover-invert': $palette-black,\n\t\t'code-header': $palette-black,\n\t\t'code-block': $palette-black,\n\t\t'control-border': $palette-white,\n\t\t'inline-code': $palette-grey-110,\n\t\t'code-highlight-background': $palette-green-70,\n\t\t'visited': $palette-visited-high-contrast,\n\t\t'score-low-off': $palette-red-60,\n\t\t'score-low': $palette-red-10,\n\t\t'score-medium-off': $palette-yellow-opacity-70,\n\t\t'score-medium': $palette-yellow-20,\n\t\t'score-high-off': $palette-green-60,\n\t\t'score-high': $palette-green-10,\n\t\t'hyperlink': $palette-yellow-high-contrast,\n\t\t'primary-base': $palette-yellow-high-contrast,\n\t\t'primary-background': $palette-black,\n\t\t'primary-background-glow-high-contrast': $palette-yellow-high-contrast,\n\t\t'primary-dark': $palette-yellow-high-contrast,\n\t\t'primary-hover': $palette-yellow-high-contrast-hover,\n\t\t'primary-active': $palette-yellow-high-contrast-hover,\n\t\t'primary-box-shadow': $palette-white,\n\t\t'primary-invert': $palette-black,\n\t\t'secondary-base': $palette-grey-30,\n\t\t'secondary-background': $palette-black,\n\t\t'secondary-background-glow-high-contrast': $palette-grey-90,\n\t\t'secondary-dark': $palette-grey-30,\n\t\t'secondary-hover': $palette-grey-40,\n\t\t'secondary-active': $palette-grey-40,\n\t\t'secondary-box-shadow': $palette-grey-30,\n\t\t'secondary-invert': $palette-black,\n\t\t'tertiary-base': $palette-white,\n\t\t'tertiary-background': $palette-black,\n\t\t'tertiary-background-glow-high-contrast': $palette-white,\n\t\t'tertiary-dark': $palette-white,\n\t\t'tertiary-hover': $palette-grey-30,\n\t\t'tertiary-active': $palette-grey-30,\n\t\t'tertiary-box-shadow': $palette-white,\n\t\t'tertiary-invert': $palette-black,\n\t\t'success-base': $palette-green-30,\n\t\t'success-background': $palette-black,\n\t\t'success-background-glow-high-contrast': $palette-green-30,\n\t\t'success-dark': $palette-green-20,\n\t\t'success-hover': $palette-green-20,\n\t\t'success-active': $palette-green-20,\n\t\t'success-box-shadow': $palette-white,\n\t\t'success-invert': $palette-black,\n\t\t'info-base': $palette-purple-20,\n\t\t'info-background': $palette-black,\n\t\t'info-background-glow-high-contrast': $palette-purple-20,\n\t\t'info-dark': $palette-purple-10,\n\t\t'info-hover': $palette-purple-10,\n\t\t'info-active': $palette-purple-10,\n\t\t'info-box-shadow': $palette-white,\n\t\t'info-invert': $palette-black,\n\t\t'warning-base': $palette-yellow-20,\n\t\t'warning-background': $palette-black,\n\t\t'warning-background-glow-high-contrast': $palette-yellow-20,\n\t\t'warning-dark': $palette-yellow-10,\n\t\t'warning-hover': $palette-yellow-10,\n\t\t'warning-active': $palette-yellow-10,\n\t\t'warning-box-shadow': $palette-white,\n\t\t'warning-invert': $palette-black,\n\t\t'danger-base': $palette-red-20,\n\t\t'danger-background': $palette-black,\n\t\t'danger-background-glow-high-contrast': $palette-red-20,\n\t\t'danger-dark': $palette-red-10,\n\t\t'danger-hover': $palette-red-10,\n\t\t'danger-active': $palette-red-10,\n\t\t'danger-box-shadow': $palette-white,\n\t\t'danger-invert': $palette-black,\n\t\t'facepile-red': $palette-red-30,\n\t\t'facepile-teal': $palette-turqoise-30,\n\t\t'facepile-blue': $palette-blue-30,\n\t\t'gradient-text-purple': $white-static,\n\t\t'gradient-text-blue': $white-static,\n\t\t'gradient-vivid-start': $white-static,\n\t\t'gradient-vivid-end': $white-static\n\t)\n) !default;\n//@end-sass-export-section\n","/**\n * @sass-export-section=\"typography\"\n */\n\n$document-font-size: 16px;\n\n// Typography\n$font-size-9: 0.75rem !default; // 12px\n$font-size-8: 0.875rem !default; // 14px\n$font-size-7: 1rem !default; // 16px\n$font-size-6: 1.125rem !default; // 18px\n$font-size-5: 1.25rem !default; // 20px\n$font-size-4: 1.5rem !default; // 24px\n$font-size-3: 1.75rem !default; // 28px\n$font-size-2: 2.125rem !default; // 34px\n$font-size-1: 2.5rem !default; // 40px\n$font-size-0: 3.375rem !default; // 54px\n\n// Font Weight\n$weight-light: 100;\n$weight-semilight: 200;\n$weight-normal: 400;\n$weight-semibold: 600;\n$weight-bold: 700;\n\n// Letter spacing\n$letter-spacing-medium: 0.125rem;\n$letter-spacing-wide: 0.225rem;\n\n// Line height\n$line-height-normal: 1.3;\n\n//@end-sass-export-section\n","/**\n * @sass-export-section=\"z-index\"\n */\n// Element states\n$zindex-active: 1;\n$zindex-hover: 2;\n$zindex-focus: 3;\n$zindex-multi: 4;\n\n// Components\n$zindex-dropdown: 1000;\n$zindex-sticky: 1020;\n$zindex-fixed: 1030;\n$zindex-modal-backdrop: 1040;\n$zindex-modal: 1050;\n$zindex-popover: 1060;\n$zindex-tooltip: 1070;\n\n$zindex-stretched-link: 1 !default;\n//@end-sass-export-section\n","$control-radius: $border-radius-sm !default;\n\n$control-font-size: $font-size-7 !default;\n$control-sm-font-size: $font-size-8 !default;\n$control-lg-font-size: $font-size-6 !default;\n\n$control-border-width: 1px !default;\n\n$control-padding-vertical: calc(0.375em - #{$control-border-width}) !default;\n$control-padding-horizontal: calc(0.625em - #{$control-border-width}) !default;\n\n%control {\n\tdisplay: inline-flex;\n\tposition: relative;\n\talign-items: center;\n\tjustify-content: flex-start;\n\tmin-height: 2.25em;\n\tpadding-block: $control-padding-vertical;\n\tpadding-inline: $control-padding-horizontal;\n\tborder: $control-border-width solid transparent;\n\tborder-radius: $control-radius;\n\tfont-size: $control-font-size;\n\tline-height: 1.5;\n\tappearance: none;\n\tbox-shadow: none;\n\tvertical-align: top;\n\n\t&[disabled] {\n\t\tcursor: not-allowed;\n\t}\n}\n\n@mixin control {\n\t@extend %control;\n}\n\n@mixin control-sm {\n\tfont-size: $control-sm-font-size;\n}\n\n@mixin control-lg {\n\tfont-size: $control-lg-font-size;\n}\n","// stylelint-disable declaration-block-no-redundant-longhand-properties\n@mixin focus() {\n\toutline-color: inherit;\n\toutline-offset: $focus-outline-offset;\n\toutline-style: $focus-style;\n\toutline-width: $focus-width;\n}\n\n%focus {\n\t@include focus();\n}\n\n@mixin focus-visible {\n\t@if ($focus-visible-use-polyfill) {\n\t\t&.focus-visible {\n\t\t\t@content;\n\t\t}\n\t} @else {\n\t\t&:focus-visible {\n\t\t\t@content;\n\t\t}\n\t}\n}\n","%loader {\n\tdisplay: block;\n\tposition: relative;\n\twidth: 1em;\n\theight: 1em;\n\tanimation: spinAround 500ms infinite linear;\n\tborder: 2px solid $border;\n\tborder-radius: $border-radius-rounded;\n\tborder-block-start-color: transparent;\n\tborder-inline-end-color: transparent;\n\tcontent: '';\n}\n\n@mixin loader {\n\t@extend %loader;\n}\n","%line-clamp {\n\t/*stylelint-disable*/\n\tdisplay: -webkit-box;\n\t-webkit-box-orient: vertical;\n\toverflow: hidden;\n}\n\n@mixin line-clamp($lines: 1) {\n\t@extend %line-clamp;\n\t-webkit-line-clamp: $lines !important;\n}\n","%layout-gap {\n\tpadding-inline: $layout-gap;\n\n\t@include widescreen {\n\t\tpadding-inline: $layout-widescreen-gap;\n\t}\n}\n","// Orientation\n\n@mixin orientation-portrait {\n\t@media screen and (aspect-ratio <= 1/1),\n\t\tscreen and (resolution >= 120dpi) and (aspect-ratio <= 1/1) {\n\t\t@content;\n\t}\n}\n\n@mixin orientation-landscape {\n\t@media screen and (aspect-ratio >= 1/1),\n\t\tscreen and (resolution >= 120dpi) and (aspect-ratio >= 1/1) {\n\t\t@content;\n\t}\n}\n\n@mixin orientation-square {\n\t@media screen and (aspect-ratio <= 1/1),\n\t\tscreen and (resolution >= 120dpi) and (aspect-ratio <= 1/1) {\n\t\t@content;\n\t}\n}\n\n// Mobile-first screen size media queries\n\n@mixin tablet {\n\t@media screen and (min-width: $breakpoint-tablet), print {\n\t\t@content;\n\t}\n}\n\n@mixin desktop {\n\t@media screen and (min-width: $breakpoint-desktop) {\n\t\t@content;\n\t}\n}\n\n@mixin widescreen {\n\t@media screen and (min-width: $breakpoint-widescreen) {\n\t\t@content;\n\t}\n}\n\n// Please avoid using this mixin if possible. It doesn't follow the mobile-first approach to writing CSS.\n@mixin discouraged-mobile {\n\t@media screen and (max-width: ($breakpoint-tablet - 1px)) {\n\t\t@content;\n\t}\n}\n\n@mixin print {\n\t@media print {\n\t\t@content;\n\t}\n}\n\n@mixin prefers-reduced-motion {\n\t@media (prefers-reduced-motion: reduce) {\n\t\t@content;\n\t}\n}\n","@use 'sass:math';\n\n/* stylelint-disable */\n\n$font-size-scaling-factor: 0.75 !default;\n\n// Remove the units from a value\n@function strip-units($number) {\n\t@return math.div($number, ($number * 0 + 1));\n}\n@mixin responsive-font-size(\n\t// font-size to stop scaling at\n\t$end-rem,\n\t// whether to include !important\n\t$important: false,\n\t// font-size to start scaling from\n\t$start-rem: max($end-rem * $font-size-scaling-factor, 1rem),\n\t// viewport width to stop scaling at\n\t$end-width: $breakpoint-desktop,\n\t// viewport width to start scaling from\n\t$start-width: 480px\n) {\n\t$m: math.div(\n\t\t\tstrip-units($end-rem) - strip-units($start-rem),\n\t\t\tstrip-units($end-width) - strip-units($start-width)\n\t\t) * strip-units($document-font-size);\n\n\t$y: strip-units($start-rem) * strip-units($document-font-size);\n\t$x: strip-units($start-width);\n\t$b: $y - $m * $x;\n\t$importantValue: if($important, !important, '');\n\n\tfont-size: clamp(#{$start-rem}, #{$b}px + #{$m * 100}vw, #{$end-rem}) #{$importantValue};\n}\n/* stylelint-enable */\n","%overlay {\n\tposition: absolute;\n\tinset: 0;\n}\n\n@mixin overlay($offset: 0) {\n\t@extend %overlay;\n\n\t@if $offset != 0 {\n\t\tinset: $offset;\n\t}\n}\n","%transparent-effects {\n\toutline-color: inherit;\n\tbackground-color: transparent;\n\tappearance: none;\n\n\t&:not(:hover),\n\t&:not(.focus-visible),\n\t&:not(:focus-visible) {\n\t\tbackground-color: transparent;\n\t}\n}\n\n@mixin transparent-effects {\n\t@extend %transparent-effects;\n}\n","%dismiss {\n\t@include transparent-effects;\n\n\tdisplay: inline-block;\n\tcolor: currentColor;\n\tfont-size: 1rem;\n\tcursor: pointer;\n}\n\n@mixin dismiss {\n\t@extend %dismiss;\n}\n\n@mixin dismiss-square {\n\t@extend %dismiss;\n\n\twidth: 1em;\n\theight: 1em;\n\tpadding: 0;\n\tborder: 0;\n\tborder-radius: $border-radius-rounded;\n}\n","%unselectable {\n\t/* stylelint-disable */\n\t-webkit-touch-callout: none;\n\t-webkit-user-select: none;\n\t-moz-user-select: none;\n\t-ms-user-select: none;\n\t/* stylelint-enable */\n\tuser-select: none;\n}\n\n@mixin unselectable {\n\t@extend %unselectable;\n}\n","/* stylelint-disable */\n/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */\n\n/* Document\n ========================================================================== */\n\n/**\n * 1. Correct the line height in all browsers.\n * 2. Prevent adjustments of font size after orientation changes in iOS.\n */\n\nhtml {\n\tline-height: 1.15; /* 1 */\n\t-webkit-text-size-adjust: 100%; /* 2 */\n}\n\n/* Sections\n\t ========================================================================== */\n\n/**\n * Remove the margin in all browsers.\n */\n\nbody {\n\tmargin: 0;\n}\n\n/**\n * Render the `main` element consistently in IE.\n */\n\nmain {\n\tdisplay: block;\n}\n\n/**\n * Correct the font size and margin on `h1` elements within `section` and\n * `article` contexts in Chrome, Firefox, and Safari.\n */\n\nh1 {\n\tfont-size: 2em;\n\tmargin: 0.67em 0;\n}\n\n/* Grouping content\n\t ========================================================================== */\n\n/**\n * 1. Add the correct box sizing in Firefox.\n * 2. Show the overflow in Edge and IE.\n */\n\nhr {\n\tbox-sizing: content-box; /* 1 */\n\theight: 0; /* 1 */\n\toverflow: visible; /* 2 */\n}\n\n/**\n * 1. Correct the inheritance and scaling of font size in all browsers.\n * 2. Correct the odd `em` font sizing in all browsers.\n */\n\npre {\n\tfont-family: monospace, monospace; /* 1 */\n\tfont-size: 1em; /* 2 */\n}\n\n/* Text-level semantics\n\t ========================================================================== */\n\n/**\n * Remove the gray background on active links in IE 10.\n */\n\na {\n\tbackground-color: transparent;\n}\n\n/**\n * 1. Remove the bottom border in Chrome 57-\n * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.\n */\n\nabbr[title] {\n\tborder-bottom: none; /* 1 */\n\ttext-decoration: underline; /* 2 */\n\ttext-decoration: underline dotted; /* 2 */\n}\n\n/**\n * Add the correct font weight in Chrome, Edge, and Safari.\n */\n\nb,\nstrong {\n\tfont-weight: bolder;\n}\n\n/**\n * 1. Correct the inheritance and scaling of font size in all browsers.\n * 2. Correct the odd `em` font sizing in all browsers.\n */\n\ncode,\nkbd,\nsamp {\n\tfont-family: monospace, monospace; /* 1 */\n\tfont-size: 1em; /* 2 */\n}\n\n/**\n * Add the correct font size in all browsers.\n */\n\nsmall {\n\tfont-size: 80%;\n}\n\n/**\n * Prevent `sub` and `sup` elements from affecting the line height in\n * all browsers.\n */\n\nsub,\nsup {\n\tfont-size: 75%;\n\tline-height: 0;\n\tposition: relative;\n\tvertical-align: baseline;\n}\n\nsub {\n\tbottom: -0.25em;\n}\n\nsup {\n\ttop: -0.5em;\n}\n\n/* Embedded content\n\t ========================================================================== */\n\n/**\n * Remove the border on images inside links in IE 10.\n */\n\nimg {\n\tborder-style: none;\n}\n\n/* Forms\n\t ========================================================================== */\n\n/**\n * 1. Change the font styles in all browsers.\n * 2. Remove the margin in Firefox and Safari.\n */\n\nbutton,\ninput,\noptgroup,\nselect,\ntextarea {\n\tfont-family: inherit; /* 1 */\n\tfont-size: 100%; /* 1 */\n\tline-height: 1.15; /* 1 */\n\tmargin: 0; /* 2 */\n}\n\n/**\n * Show the overflow in IE.\n * 1. Show the overflow in Edge.\n */\n\nbutton,\ninput {\n\t/* 1 */\n\toverflow: visible;\n}\n\n/**\n * Remove the inheritance of text transform in Edge, Firefox, and IE.\n * 1. Remove the inheritance of text transform in Firefox.\n */\n\nbutton,\nselect {\n\t/* 1 */\n\ttext-transform: none;\n}\n\n/**\n * Correct the inability to style clickable types in iOS and Safari.\n */\n\nbutton,\n[type='button'],\n[type='reset'],\n[type='submit'] {\n\t-webkit-appearance: button;\n}\n\n/**\n * Remove the inner border and padding in Firefox.\n */\n\nbutton::-moz-focus-inner,\n[type='button']::-moz-focus-inner,\n[type='reset']::-moz-focus-inner,\n[type='submit']::-moz-focus-inner {\n\tborder-style: none;\n\tpadding: 0;\n}\n\n/**\n * Restore the focus styles unset by the previous rule.\n */\n\nbutton:-moz-focusring,\n[type='button']:-moz-focusring,\n[type='reset']:-moz-focusring,\n[type='submit']:-moz-focusring {\n\toutline: 1px dotted ButtonText;\n}\n\n/**\n * Correct the padding in Firefox.\n */\n\nfieldset {\n\tpadding: 0.35em 0.75em 0.625em;\n}\n\n/**\n * 1. Correct the text wrapping in Edge and IE.\n * 2. Correct the color inheritance from `fieldset` elements in IE.\n * 3. Remove the padding so developers are not caught out when they zero out\n * `fieldset` elements in all browsers.\n */\n\nlegend {\n\tbox-sizing: border-box; /* 1 */\n\tcolor: inherit; /* 2 */\n\tdisplay: table; /* 1 */\n\tmax-width: 100%; /* 1 */\n\tpadding: 0; /* 3 */\n\twhite-space: normal; /* 1 */\n}\n\n/**\n * Add the correct vertical alignment in Chrome, Firefox, and Opera.\n */\n\nprogress {\n\tvertical-align: baseline;\n}\n\n/**\n * Remove the default vertical scrollbar in IE 10+.\n */\n\ntextarea {\n\toverflow: auto;\n}\n\n/**\n * 1. Add the correct box sizing in IE 10.\n * 2. Remove the padding in IE 10.\n */\n\n[type='checkbox'],\n[type='radio'] {\n\tbox-sizing: border-box; /* 1 */\n\tpadding: 0; /* 2 */\n}\n\n/**\n * Correct the cursor style of increment and decrement buttons in Chrome.\n */\n\n[type='number']::-webkit-inner-spin-button,\n[type='number']::-webkit-outer-spin-button {\n\theight: auto;\n}\n\n/**\n * 1. Correct the odd appearance in Chrome and Safari.\n * 2. Correct the outline style in Safari.\n */\n\n[type='search'] {\n\t-webkit-appearance: textfield; /* 1 */\n\toutline-offset: -2px; /* 2 */\n}\n\n/**\n * Remove the inner padding in Chrome and Safari on macOS.\n */\n\n[type='search']::-webkit-search-decoration {\n\t-webkit-appearance: none;\n}\n\n/**\n * 1. Correct the inability to style clickable types in iOS and Safari.\n * 2. Change font properties to `inherit` in Safari.\n */\n\n::-webkit-file-upload-button {\n\t-webkit-appearance: button; /* 1 */\n\tfont: inherit; /* 2 */\n}\n\n/* Interactive\n\t ========================================================================== */\n\n/*\n * Add the correct display in Edge, IE 10+, and Firefox.\n */\n\ndetails {\n\tdisplay: block;\n}\n\n/*\n * Add the correct display in all browsers.\n */\n\nsummary {\n\tdisplay: list-item;\n}\n\n/* Misc\n\t ========================================================================== */\n\n/**\n * Add the correct display in IE 10+.\n */\n\ntemplate {\n\tdisplay: none;\n}\n\n/**\n * Add the correct display in IE 10.\n */\n\n[hidden] {\n\tdisplay: none;\n}\n/* stylelint-enable */\n","/* stylelint-disable */\n/*! minireset.css v0.0.7 | MIT License | github.com/jgthms/minireset.css */\nhtml,\nbody,\np,\nol,\nul,\nli,\ndl,\ndt,\ndd,\nblockquote,\nfigure,\nfieldset,\nlegend,\ntextarea,\npre,\niframe,\nhr,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n\tmargin: 0;\n\tpadding: 0;\n}\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n\tfont-size: 100%;\n\tfont-weight: normal;\n}\n\nul {\n\tlist-style: none;\n}\n\nbutton,\ninput,\nselect {\n\tmargin: 0;\n}\n\nhtml {\n\tbox-sizing: border-box;\n}\n\n*,\n*::before,\n*::after {\n\tbox-sizing: inherit;\n}\n\nimg,\nvideo {\n\theight: auto;\n\tmax-width: 100%;\n}\n\niframe {\n\tborder: 0;\n}\n\ntable {\n\tborder-collapse: collapse;\n\tborder-spacing: 0;\n}\n\ntd,\nth {\n\tpadding: 0;\n}\n/* stylelint-enable */\n","@use 'sass:map';\n\n$root-theme: 'light' !default;\n$print-theme: 'light' !default;\n\n// Ensure that the root theme exists\n@if map.has-key($themes, $root-theme) != true {\n\t@error \"Cannot build themes because $root-theme (#{$root-theme}) is set to a theme that does not exist in $themes map.\";\n}\n\n// Ensure that the print theme exists\n@if map.has-key($themes, $print-theme) != true {\n\t@error \"Cannot build themes because $print-theme (#{$print-theme}) is set to a theme that does not exist in $themes map.\";\n}\n\n$theme-names: map.keys($themes);\n\n// Validation: ensure that all values in the root theme are in the other themes too\n@each $root-color-name, $val in map.get($themes, $root-theme) {\n\t@each $theme-name in $theme-names {\n\t\t@if $theme-name != $root-theme {\n\t\t\t@if map.has-key(map.get($themes, $theme-name), $root-color-name) != true {\n\t\t\t\t@error '#{$root-color-name} from #{$root-theme} does not exist in theme: #{$theme-name}.';\n\t\t\t}\n\t\t}\n\t}\n}\n\n// Validation: ensure all properties in non-root themes exist in root\n@each $theme-name in $theme-names {\n\t$theme: map.get($themes, $theme-name);\n\t@if $theme-name != $root-theme {\n\t\t$root: map.get($themes, $root-theme);\n\t\t@each $color-name, $val in $theme {\n\t\t\t@if map.has-key($root, $color-name) != true {\n\t\t\t\t@error '#{$color-name} from #{$theme-name} does not exist in theme: #{$theme-name}.';\n\t\t\t}\n\t\t}\n\t}\n}\n\n@each $key, $value in $themes {\n\t// Set the default theme\n\t@if $key == $root-theme {\n\t\t:root {\n\t\t\t@each $colorName, $colorVal in map.get($themes, $key) {\n\t\t\t\t// stylelint-disable-next-line custom-property-pattern\n\t\t\t\t--theme-#{$colorName}: #{$colorVal};\n\t\t\t}\n\t\t}\n\t}\n\n\t@if $key == $print-theme {\n\t\t.theme-#{$key} {\n\t\t\t@each $colorName, $colorVal in map.get($themes, $key) {\n\t\t\t\t// stylelint-disable-next-line custom-property-pattern\n\t\t\t\t--theme-#{$colorName}: #{$colorVal};\n\t\t\t}\n\t\t}\n\t} @else {\n\t\t// Set the rest of the themes, exclude them from print styling.\n\t\t@media not print {\n\t\t\t.theme-#{$key} {\n\t\t\t\t@each $colorName, $colorVal in map-get($themes, $key) {\n\t\t\t\t\t// stylelint-disable-next-line custom-property-pattern\n\t\t\t\t\t--theme-#{$colorName}: #{$colorVal};\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n}\n\n// End validation\n\n%theme-base-styles {\n\toutline-color: $text;\n\tbackground-color: $body-background;\n\tcolor: $text;\n}\n\n@each $key, $value in $themes {\n\t.theme-#{$key} {\n\t\t@extend %theme-base-styles;\n\t}\n}\n\n@each $key, $value in $color-schemes {\n\t.theme-#{$key} {\n\t\tcolor-scheme: #{$value};\n\t}\n}\n","html {\n\tfont-size: $document-font-size;\n}\n\nhtml,\nbody {\n\tfont-family: $normal-font-stack;\n\t-webkit-font-smoothing: antialiased;\n\tfont-weight: $weight-normal;\n\ttext-rendering: optimizeLegibility;\n}\n\nkbd,\npre,\nsamp {\n\tfont-family: $monospace-font-stack !important;\n\t-moz-osx-font-smoothing: auto;\n\t-webkit-font-smoothing: auto;\n}\n\ncode {\n\tdirection: ltr;\n\tfont-family: $monospace-font-stack;\n}\n\na > code {\n\tfont-family: $normal-font-stack;\n}\n","// stylelint-disable-next-line keyframes-name-pattern\n@keyframes spinAround {\n\t// make it stop\n\n\tfrom {\n\t\ttransform: rotate(0deg);\n\t}\n\n\tto {\n\t\ttransform: rotate(359deg);\n\t}\n}\n\n@keyframes boop {\n\t0% {\n\t\ttransform: scale(1);\n\t}\n\n\t50% {\n\t\ttransform: scale(1.1);\n\t}\n\n\t100% {\n\t\ttransform: scale(1);\n\t}\n}\n\n@keyframes slide-up-fade-out {\n\t100% {\n\t\ttransform: translateY(-100%);\n\t\topacity: 0;\n\t}\n}\n\n@keyframes fade-out {\n\t100% {\n\t\topacity: 0;\n\t}\n}\n\n.animation-fade {\n\tanimation: fade-out 0.4s ease-in forwards;\n\n\t@include prefers-reduced-motion {\n\t\tanimation-duration: 0s;\n\t}\n}\n\n.animation-slide-up {\n\tanimation: slide-up-fade-out 0.4s ease-in forwards;\n\n\t@include prefers-reduced-motion {\n\t\tanimation-duration: 0s;\n\t}\n}\n","@if ($focus-visible-use-polyfill) {\n\t.js-focus-visible .has-default-focus *:focus:not(.focus-visible),\n\t.js-focus-visible .default-focus *:focus:not(.focus-visible) {\n\t\toutline: none;\n\t}\n\n\t.focus-visible.has-inner-focus,\n\t.focus-visible.inner-focus {\n\t\toutline-offset: -$focus-width;\n\t}\n\n\t.has-default-focus,\n\t.default-focus {\n\t\t.is-focused,\n\t\t.focus-visible {\n\t\t\t@extend %focus;\n\n\t\t\t&.has-inner-focus,\n\t\t\t&.inner-focus {\n\t\t\t\toutline-color: currentColor;\n\t\t\t}\n\t\t}\n\t}\n} @else {\n\t.has-default-focus *:focus-visible,\n\t.default-focus *:focus-visible {\n\t\t@extend %focus;\n\n\t\t&.has-inner-focus,\n\t\t&.inner-focus {\n\t\t\toutline-color: currentColor;\n\t\t\toutline-offset: -$focus-width;\n\t\t}\n\t}\n}\n\n:where(.is-focused) {\n\t@extend %focus;\n\n\t&.has-inner-focus,\n\t&.inner-focus {\n\t\toutline-color: currentColor;\n\t\toutline-offset: -$focus-width;\n\t}\n}\n","// https://bugs.chromium.org/p/chromium/issues/detail?id=589475&q=details%20box-sizing&can=2\n\ndetails,\ndetails > * {\n\tbox-sizing: border-box !important;\n}\n\n:where(html *),\n:where(html a),\n:where(html li) {\n\t// include a,li {} to override css reset/normalize; this is causing .focus-visible color issues\n\toutline-color: inherit;\n}\n\n:where(a) {\n\tcolor: $hyperlink;\n\ttext-decoration: none;\n\tcursor: pointer;\n\tword-wrap: break-word;\n}\n\n:where(a:hover) {\n\tcolor: $primary-hover;\n\ttext-decoration: underline;\n}\n\n:where(a:visited) {\n\tcolor: $visited;\n}\n\nfieldset {\n\tmin-width: 0; // as a replaced element min-width:0 is required to enable it to work in responsive layouts\n\tborder: none;\n}\n\n::target-text {\n\tbackground-color: $code-highlight-background;\n}\n","$banner-background: $info-background !default;\n$banner-padding: $spacer-5 !default;\n\n$banner-font-size: $font-size-7 !default;\n$banner-color: $info-dark !default;\n\n$banner-border-color: $border-white-high-contrast !default;\n$banner-border-width: $border-width !default;\n\n$banner-dismiss-margin: $spacer-2 !default;\n\n.banner {\n\t@extend %layout-gap;\n\n\tdisplay: grid;\n\tposition: relative;\n\tgrid-template: auto / 1fr auto;\n\tgrid-template-areas: 'banner-content dismiss';\n\toutline-color: $text;\n\tbackground-color: $banner-background;\n\tcolor: $banner-color;\n\tfont-size: $banner-font-size;\n\tline-height: $line-height-normal;\n\tpadding-block: $banner-padding;\n\tword-wrap: break-word;\n\tword-break: break-word;\n\tborder-block: $banner-border-width solid $banner-border-color;\n\n\t&.is-loading {\n\t\tcolor: transparent;\n\n\t\t> :first-child {\n\t\t\tmargin-inline-start: calc($banner-padding + 0.375em);\n\t\t}\n\n\t\t&::before {\n\t\t\t@include loader;\n\n\t\t\tposition: absolute;\n\t\t\tinset-block-start: $banner-padding;\n\t\t\tinset-inline-start: $layout-gap;\n\t\t\tborder-color: transparent transparent $banner-color $banner-color;\n\n\t\t\t@include widescreen {\n\t\t\t\tinset-inline-start: $layout-widescreen-gap;\n\t\t\t}\n\t\t}\n\t}\n\n\t.banner-content {\n\t\tgrid-area: banner-content;\n\n\t\ta:not(.button) {\n\t\t\tcolor: currentColor;\n\t\t\tfont-weight: $weight-semibold;\n\n\t\t\t.theme-high-contrast & {\n\t\t\t\tcolor: $hyperlink;\n\t\t\t}\n\t\t}\n\t}\n\n\t.banner-dismiss {\n\t\t@include dismiss-square;\n\n\t\tgrid-area: dismiss;\n\t\tmargin-inline-start: $banner-dismiss-margin;\n\t}\n}\n","$breadcrumb-font-size: $font-size-8 !default;\n$breadcrumb-spacing-horizontal: 0.25em !default;\n$breadcrumb-spacing-vertical: 0.375em !default;\n$breadcrumb-separator: '\\00200B/' !default;\n\n%breadcrumbs-slash {\n\tdisplay: inline-block;\n\tcolor: $text-subtle;\n\tcontent: $breadcrumb-separator;\n}\n\n.breadcrumbs {\n\tfont-size: $breadcrumb-font-size;\n\n\t.breadcrumbs-item {\n\t\tdisplay: inline-block;\n\t\tpadding-block: $breadcrumb-spacing-vertical;\n\n\t\t&:not(.breadcrumbs-item-slashless)::after {\n\t\t\t@extend %breadcrumbs-slash;\n\n\t\t\tmargin-inline: $breadcrumb-spacing-horizontal;\n\t\t}\n\t}\n\n\t// stylelint-disable selector-max-specificity\n\n\t&.breadcrumbs-initial-slash {\n\t\t.breadcrumbs-item:first-child::before,\n\t\t.breadcrumbs-item[hidden] + .breadcrumbs-item::before {\n\t\t\t@extend %breadcrumbs-slash;\n\n\t\t\tmargin-inline: 0.0625em $breadcrumb-spacing-horizontal;\n\t\t}\n\t}\n\t// stylelint-enable\n}\n","@use 'sass:map';\n\n$button-color: $text !default;\n$button-background-color: $body-background !default;\n\n$button-lg-font-size: $font-size-6 !default;\n$button-sm-font-size: $font-size-8 !default;\n\n$button-icon-font-size: 0.875em !default;\n\n$button-border-color: $text-subtle !default;\n$button-border-width: $control-border-width !default;\n$button-border-radius: $control-radius !default;\n\n$button-padding-vertical: calc(0.375em - #{$button-border-width}) !default;\n$button-padding-horizontal: 0.75em !default;\n\n$button-hover-color: $text !default;\n$button-hover-border-color: $default-hover !default;\n$button-hover-background-color: $default-hover-invert !default;\n\n$button-disabled-background-color: $body-background-medium !default;\n$button-disabled-shadow: none !default;\n$button-disabled-opacity: 0.5 !default;\n\n$button-icon-spacing: 0.375em !default;\n$button-font-weight: $weight-semibold !default;\n\n.button {\n\t@include control;\n\t@include unselectable;\n\n\tjustify-content: center;\n\tpadding-block-start: $button-padding-vertical;\n\tpadding-block-end: $button-padding-vertical;\n\tborder-width: $button-border-width;\n\tborder-radius: $button-border-radius;\n\tborder-color: $button-border-color;\n\tbackground-color: $button-background-color;\n\tcolor: $button-color;\n\tfont-weight: $button-font-weight;\n\ttext-align: center;\n\ttext-decoration: none;\n\tcursor: pointer;\n\tpadding-inline-start: $button-padding-horizontal;\n\tpadding-inline-end: $button-padding-horizontal;\n\n\tstrong {\n\t\tcolor: inherit;\n\t}\n\n\t.icon {\n\t\tfont-size: $button-icon-font-size;\n\n\t\t&:only-child {\n\t\t\tmargin: 0;\n\t\t}\n\n\t\t&:first-child:not(:only-child) {\n\t\t\tmargin-inline-end: $button-icon-spacing;\n\t\t}\n\n\t\t&:last-child:not(:only-child) {\n\t\t\tmargin-inline-start: $button-icon-spacing;\n\t\t}\n\t}\n\n\t&:hover,\n\t&.is-hovered {\n\t\tborder-color: $button-hover-border-color;\n\t\tbackground-color: $button-hover-background-color;\n\t\tcolor: $button-hover-color;\n\t}\n\n\t&:visited {\n\t\tcolor: $button-color;\n\t}\n\n\t// Sizes\n\n\t&.button-sm {\n\t\tfont-size: $button-sm-font-size;\n\t}\n\n\t&.button-lg {\n\t\tfont-size: $button-lg-font-size;\n\t}\n\n\t// Modifiers\n\n\t&.is-disabled,\n\t&[disabled] {\n\t\tborder-color: currentColor;\n\t\tbackground-color: $button-disabled-background-color;\n\t\topacity: $button-disabled-opacity;\n\t\tbox-shadow: $button-disabled-shadow;\n\t}\n\n\t&.button-block {\n\t\tdisplay: flex;\n\t\twidth: 100%;\n\t}\n\n\t&.is-loading {\n\t\tcolor: transparent !important;\n\t\tpointer-events: none;\n\n\t\t&::after {\n\t\t\t@include loader;\n\t\t\t@include center(1em);\n\n\t\t\tposition: absolute !important;\n\t\t\tborder-block-end-color: $text;\n\t\t\tborder-inline-start-color: $text;\n\t\t}\n\t}\n\n\t@each $name, $color-set in $colors {\n\t\t$base: nth($color-set, $color-index-base);\n\t\t$dark: nth($color-set, $color-index-dark);\n\t\t$background: nth($color-set, $color-index-background);\n\n\t\t&.button-#{$name} {\n\t\t\t@if $name == 'warning' {\n\t\t\t\tborder-color: $dark;\n\t\t\t\tcolor: $dark;\n\t\t\t} @else {\n\t\t\t\tborder-color: $base;\n\t\t\t\tcolor: $base;\n\t\t\t}\n\n\t\t\t&:hover,\n\t\t\t&.is-hovered {\n\t\t\t\tbackground-color: $background;\n\t\t\t\tcolor: $dark;\n\t\t\t}\n\n\t\t\t&.is-loading::after {\n\t\t\t\tborder-color: transparent transparent $base $base !important;\n\t\t\t}\n\t\t}\n\t}\n}\n\n$button-clear-hover-background-color: transparentize(#8e8e8e, 0.95) !default;\n\n.button.button-clear {\n\tborder-color: transparent;\n\tbackground-color: transparent;\n\n\t&.border {\n\t\t// an allowed hack to make for flexible outlined buttons\n\t\t// does not support loading states\n\t\tborder-color: currentColor !important;\n\t}\n\n\t&,\n\t&:visited {\n\t\tcolor: currentColor;\n\t}\n\n\t&.is-hovered,\n\t&:hover,\n\t&:active {\n\t\tbackground-color: $button-clear-hover-background-color;\n\t}\n\n\t@each $name, $color-set in $colors {\n\t\t$base: nth($color-set, $color-index-base);\n\t\t$dark: nth($color-set, $color-index-dark);\n\t\t$background: nth($color-set, $color-index-background);\n\n\t\t&.button-#{$name} {\n\t\t\tcolor: $base;\n\t\t\t@if $name == 'warning' {\n\t\t\t\tcolor: $dark;\n\t\t\t}\n\n\t\t\t&:hover,\n\t\t\t&.is-hovered {\n\t\t\t\tbackground-color: $background;\n\t\t\t\tcolor: $dark;\n\t\t\t}\n\n\t\t\t&.is-disabled,\n\t\t\t&[disabled] {\n\t\t\t\tbackground-color: transparent;\n\t\t\t\tcolor: $base;\n\t\t\t\tbox-shadow: none;\n\t\t\t}\n\t\t}\n\t}\n}\n\n$button-filled-background-color: $alternate-background-medium !default;\n$button-filled-background-color-hover: $alternate-background !default;\n$button-filled-text-color: $text-invert !default;\n\n.button.button-filled {\n\tborder-color: $button-filled-background-color;\n\tbackground-color: $button-filled-background-color;\n\tcolor: $button-filled-text-color;\n\n\t&:hover,\n\t&.is-hovered {\n\t\tbackground-color: $button-filled-background-color-hover;\n\t}\n\n\t&.is-loading::after {\n\t\t@include loader;\n\n\t\tborder-color: transparent transparent $button-filled-text-color $button-filled-text-color !important;\n\t}\n\n\t@each $name, $color-set in $colors {\n\t\t$base: nth($color-set, $color-index-base);\n\t\t$hover: nth($color-set, $color-index-hover);\n\t\t$active: nth($color-set, $color-index-active);\n\t\t$invert: nth($color-set, $color-index-invert);\n\t\t$background: nth($color-set, $color-index-background);\n\n\t\t&.button-#{$name} {\n\t\t\tborder-color: $base;\n\t\t\tbackground-color: $base;\n\t\t\tcolor: $invert;\n\n\t\t\t&:hover,\n\t\t\t&.is-hovered {\n\t\t\t\tborder-color: $hover;\n\t\t\t\tbackground-color: $hover;\n\t\t\t\tcolor: $invert;\n\t\t\t}\n\n\t\t\t&.is-loading::after {\n\t\t\t\t@include loader;\n\n\t\t\t\tborder-color: transparent transparent $invert $invert !important;\n\t\t\t}\n\t\t}\n\t}\n}\n","@mixin center($width, $height: 0) {\n\tposition: absolute;\n\n\t@if $height != 0 {\n\t\tinset-block-start: calc(50% - (#{$height} / 2));\n\t\tinset-inline-start: calc(50% - (#{$width} / 2));\n\t} @else {\n\t\tinset-block-start: calc(50% - (#{$width} / 2));\n\t\tinset-inline-start: calc(50% - (#{$width} / 2));\n\t}\n}\n","/* stylelint-disable selector-max-specificity, max-nesting-depth */\n\n.buttons {\n\tdisplay: flex;\n\tflex-wrap: wrap;\n\talign-items: center;\n\tjustify-content: flex-start;\n\n\t&.buttons-centered {\n\t\tjustify-content: center;\n\t}\n\n\t&.buttons-right {\n\t\tjustify-content: flex-end;\n\t}\n\n\t.button {\n\t\tmargin-block-end: 0.5rem;\n\t\tmargin-inline-end: 0.5rem;\n\n\t\t&:only-child,\n\t\t&.is-fullwidth,\n\t\t&.is-full-width {\n\t\t\tmargin-inline-end: 0;\n\t\t}\n\n\t\t&.is-full-width-mobile,\n\t\t&.is-fullwidth-mobile {\n\t\t\tmargin-inline-end: 0;\n\n\t\t\t@include tablet {\n\t\t\t\tmargin-inline-end: 0.5rem;\n\t\t\t}\n\t\t}\n\t}\n\n\t&:last-child {\n\t\tmargin-block-end: -0.5rem;\n\t}\n\n\t&:not(:last-child) {\n\t\tmargin-block-end: 1rem;\n\t}\n\n\t&.buttons-addons {\n\t\t.button {\n\t\t\t&:not(:first-child) {\n\t\t\t\tborder-bottom-#{$user-left}-radius: 0;\n\t\t\t\tborder-top-#{$user-left}-radius: 0;\n\t\t\t}\n\n\t\t\t&:not(:last-child) {\n\t\t\t\tborder-bottom-#{$user-right}-radius: 0;\n\t\t\t\tborder-top-#{$user-right}-radius: 0;\n\t\t\t\tmargin-inline-end: -1px;\n\t\t\t}\n\n\t\t\t&:last-child {\n\t\t\t\tmargin-inline-end: 0;\n\t\t\t}\n\n\t\t\t&:hover,\n\t\t\t&.is-hovered {\n\t\t\t\tz-index: $zindex-hover;\n\t\t\t}\n\n\t\t\t&.is-focused,\n\t\t\t&:active,\n\t\t\t&.is-active,\n\t\t\t&.is-selected {\n\t\t\t\tz-index: $zindex-focus;\n\n\t\t\t\t&:hover {\n\t\t\t\t\tz-index: $zindex-multi;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t@include focus-visible {\n\t\t\t\tz-index: $zindex-focus;\n\n\t\t\t\t&:hover {\n\t\t\t\t\tz-index: $zindex-multi;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t&.is-expanded {\n\t\t\t\tflex-grow: 1;\n\t\t\t}\n\t\t}\n\t}\n}\n\n/* stylelint-enable selector-max-specificity, max-nesting-depth */\n","$card-color: $text !default;\n$card-shadow: $box-shadow-light;\n$card-padding: $spacer-5;\n$card-border-radius: $border-radius-sm;\n$card-row-gap: $spacer-3 !default;\n$card-column-gap: $spacer-5 !default;\n\n.card {\n\tdisplay: flex;\n\tposition: relative;\n\tflex-direction: column;\n\tjustify-content: flex-start;\n\tmax-width: 100%;\n\tpadding: $card-padding 0 0;\n\tborder: 1px solid $border-white-high-contrast;\n\tborder-radius: $card-border-radius;\n\toutline-color: $text;\n\tbackground-color: $card-background;\n\tcolor: $card-color;\n\tbox-shadow: $card-shadow;\n\n\t> :first-child {\n\t\tborder-start-end-radius: $card-border-radius;\n\t\tborder-start-start-radius: $card-border-radius;\n\t}\n\n\t> :last-child {\n\t\tborder-end-end-radius: $card-border-radius;\n\t\tborder-end-start-radius: $card-border-radius;\n\t}\n\n\t.card-template {\n\t\tdisplay: grid;\n\t\tflex-grow: 1;\n\t\tpadding: $card-padding;\n\t\tgrid-template: auto / 1fr $spacer-10;\n\t\tgap: $card-row-gap $card-column-gap;\n\t\tgrid-template-areas:\n\t\t\t'supertitle supertitle'\n\t\t\t'title title'\n\t\t\t'detail icon';\n\n\t\t/* stylelint-disable no-descending-specificity */\n\n\t\t.card-title {\n\t\t\tmargin-block-end: $spacer-5;\n\t\t}\n\t}\n\n\t.card-template-icon {\n\t\tmargin-block-start: auto;\n\t\tgrid-area: icon;\n\t\twidth: $spacer-10;\n\t\theight: $spacer-10;\n\t}\n\n\t.card-template-detail {\n\t\tdisplay: flex;\n\t\tflex-direction: column;\n\t\talign-self: stretch;\n\t\tjustify-content: flex-end;\n\t\tfont-size: $font-size-9;\n\t\tline-height: 1.25;\n\t\tgrid-area: detail;\n\t}\n\n\t.card-header {\n\t\tposition: relative;\n\t\tmargin-block-end: 1.125rem;\n\n\t\t.card-header-image {\n\t\t\tposition: relative;\n\t\t\twidth: 64px;\n\t\t\theight: 64px;\n\n\t\t\timg,\n\t\t\tsvg {\n\t\t\t\t@include overlay;\n\n\t\t\t\tdisplay: block;\n\t\t\t\twidth: 100%;\n\t\t\t\theight: 100%;\n\t\t\t}\n\t\t}\n\t}\n\n\t.card-header,\n\t.card-content,\n\t.card-template {\n\t\tpadding-inline: $card-padding;\n\n\t\t&:first-child {\n\t\t\tpadding-block-start: $card-padding;\n\t\t\tmargin-block-start: -$card-padding;\n\t\t}\n\t}\n\n\t// optional prescriptive inner elements\n\n\t.card-supertitle {\n\t\t@include line-clamp(1);\n\n\t\tfont-size: $font-size-9;\n\t\tletter-spacing: $letter-spacing-wide;\n\t\tline-height: 1;\n\t\ttext-transform: uppercase;\n\t\tgrid-area: supertitle;\n\t}\n\n\t// includes some resets for <a> and <button>\n\n\t.card-title {\n\t\t@include line-clamp(3);\n\n\t\tflex-grow: 1;\n\t\tmargin: 0;\n\t\tpadding: 0;\n\t\tborder: none;\n\t\tbackground-color: $card-background;\n\t\tcolor: $primary;\n\t\tfont-size: $font-size-7;\n\t\tfont-weight: $weight-semibold;\n\t\tline-height: 1.25;\n\t\ttext-align: start;\n\t\ttext-decoration: none;\n\t\tappearance: none;\n\t\tgrid-area: title;\n\n\t\t&:first-child {\n\t\t\tmargin-block-start: none;\n\t\t}\n\n\t\t&:only-child {\n\t\t\tmargin: 0;\n\t\t}\n\n\t\t&:visited {\n\t\t\tcolor: $visited;\n\t\t}\n\t}\n\n\t/* stylelint-disable selector-no-qualifying-type */\n\n\ta.card-title:hover,\n\tbutton.card-title:hover {\n\t\ttext-decoration: underline;\n\t\tcursor: pointer;\n\t}\n\n\t.card-content {\n\t\tflex-grow: 1;\n\t\tmargin-block-end: 1.125rem;\n\n\t\t> *:not(:first-child) {\n\t\t\tmargin-block-start: 0.5rem;\n\t\t}\n\t}\n\n\t.card-content-description {\n\t\t@include line-clamp(4);\n\n\t\tmax-height: inherit;\n\t\tpadding-block-end: 0;\n\t\tfont-size: $font-size-8;\n\t\tline-height: 1.25;\n\t}\n\n\t.card-footer {\n\t\tdisplay: flex;\n\t\tflex-wrap: nowrap;\n\t\tjustify-content: space-between;\n\t\tborder-block-start: 1px solid $border;\n\t\tmargin-inline: $card-padding;\n\n\t\t// Artificial alignment of card item, intended for use on when there's only a single .card-footer-items\n\n\t\t&.card-footer-left,\n\t\t&.card-footer-right {\n\t\t\t.card-footer-item {\n\t\t\t\tflex-grow: 0;\n\t\t\t}\n\t\t}\n\n\t\t&.card-footer-left {\n\t\t\tjustify-content: flex-start;\n\t\t}\n\n\t\t&.card-footer-right {\n\t\t\tjustify-content: flex-end;\n\t\t}\n\n\t\t.card-footer-item {\n\t\t\tdisplay: flex;\n\t\t\tflex-grow: 1;\n\t\t\tflex-shrink: 1;\n\t\t\talign-items: center;\n\t\t\tpadding-block: 0.375rem;\n\n\t\t\t&:first-child,\n\t\t\t&:only-child {\n\t\t\t\tjustify-content: flex-start;\n\t\t\t}\n\n\t\t\t&:last-child {\n\t\t\t\tjustify-content: flex-end;\n\t\t\t}\n\n\t\t\t/* stylelint-disable selector-max-specificity */\n\n\t\t\t&:not(:last-child):not(:first-child):not(:only-child) {\n\t\t\t\tjustify-content: center;\n\t\t\t}\n\n\t\t\t/* stylelint-enable selector-max-specificity */\n\n\t\t\t// Allow buttons to fit perfectly in card footer\n\n\t\t\t.buttons {\n\t\t\t\tmargin-block: 0;\n\t\t\t}\n\n\t\t\t.button {\n\t\t\t\tmargin-block-end: 0;\n\t\t\t}\n\n\t\t\t/* stylelint-disable selector-max-specificity */\n\n\t\t\t.button:last-child {\n\t\t\t\tmargin-inline-end: 0;\n\t\t\t}\n\n\t\t\t/* stylelint-enable selector-max-specificity */\n\t\t}\n\t}\n\n\t@include tablet {\n\t\t&.card-horizontal {\n\t\t\tflex-flow: row wrap;\n\n\t\t\t.card-content {\n\t\t\t\tpadding-inline-start: 0;\n\t\t\t\tmax-width: calc(100% - 7rem);\n\t\t\t\tpadding-inline-end: $spacer-10 + $spacer-5;\n\t\t\t}\n\n\t\t\t.card-footer {\n\t\t\t\tflex-grow: 1;\n\t\t\t\tflex-shrink: 1;\n\t\t\t\twidth: 100%;\n\t\t\t}\n\t\t}\n\t}\n}\n",".button-reset {\n\t@include transparent-effects;\n\n\tdisplay: inline-block;\n\tpadding: 0;\n\tborder: 0;\n\tcursor: pointer;\n}\n","$label-color: $text !default;\n$label-font-size: $font-size-7 !default;\n$label-font-weight: $weight-semibold !default;\n\n@mixin label {\n\tdisplay: block;\n\tcolor: $label-color;\n\tfont-size: $label-font-size;\n\tfont-weight: $label-font-weight;\n}\n\n.label {\n\t@include label;\n}\n","$help-color: $text !default;\n$help-danger-color: $danger !default;\n$help-success-color: $success !default;\n$help-font-size: $font-size-8 !default;\n\n.help {\n\tdisplay: block;\n\tcolor: $help-color;\n\tfont-size: $help-font-size;\n\n\t&.help-danger {\n\t\tcolor: $help-danger-color;\n\t}\n\n\t&.help-success {\n\t\tcolor: $help-success-color;\n\t}\n}\n","/* stylelint-disable selector-max-specificity, max-nesting-depth, selector-no-qualifying-type */\n\n$checkbox-border-radius: $border-radius-sm !default;\n$checkbox-border-width: 0.0625em !default;\n$checkbox-unchecked-border-color: $control-border !default;\n$checkbox-invalid-border-color: $danger !default;\n$checkbox-color: $primary !default;\n$checkbox-check-color: $primary-invert !default;\n$checkbox-check-hover-color: $text-subtle !default;\n$checkbox-size: 1.25em !default;\n$checkbox-check-height: 0.75em !default;\n$checkbox-check-top: 0.125em !default;\n$checkbox-check-width: 0.3125em !default;\n$checkbox-check-thickness: 0.0625em !default;\n$checkbox-timing-function: $input-timing-function !default;\n$checkbox-duration: $input-transition-duration !default;\n$checkbox-spacing: $spacer-3 !default;\n\n@mixin checkmark {\n\tdisplay: block;\n\tposition: absolute;\n\tinset-block-start: $checkbox-check-top;\n\twidth: $checkbox-check-width;\n\theight: $checkbox-check-height;\n\ttransform: rotate(45deg);\n\tborder: solid $checkbox-check-hover-color;\n\tborder-width: 0 $checkbox-check-thickness $checkbox-check-thickness 0;\n\tcontent: '';\n}\n\n.checkbox {\n\tdisplay: flex;\n\tposition: relative;\n\talign-items: center;\n\tline-height: 1.25;\n\tcursor: pointer;\n\n\t&:not(:last-child) {\n\t\tmargin-block-end: $checkbox-spacing;\n\t}\n\n\t.checkbox-check {\n\t\tdisplay: flex;\n\t\tposition: relative;\n\t\tflex-shrink: 0;\n\t\talign-items: center;\n\t\tjustify-content: center;\n\t\twidth: $checkbox-size;\n\t\theight: $checkbox-size;\n\t\ttransition-duration: $checkbox-duration;\n\t\ttransition-property: background, border, border-color;\n\t\ttransition-timing-function: $checkbox-timing-function;\n\t\tborder: $checkbox-border-width solid $checkbox-unchecked-border-color;\n\t\tborder-radius: $checkbox-border-radius;\n\n\t\t&:not(:last-child) {\n\t\t\tmargin-inline-end: $checkbox-spacing;\n\t\t}\n\n\t\t&::before {\n\t\t\tcontent: '\\0020';\n\t\t}\n\t}\n\n\t&.checkbox-sm {\n\t\t@include control-sm;\n\t}\n\n\t&.checkbox-lg {\n\t\t@include control-lg;\n\t}\n\n\tinput[type='checkbox'] {\n\t\t@include visually-hidden();\n\n\t\t&:checked + .checkbox-check {\n\t\t\tborder-color: $checkbox-color;\n\t\t\tbackground-color: $checkbox-color;\n\n\t\t\t&::before {\n\t\t\t\t@include checkmark;\n\n\t\t\t\tborder-color: $checkbox-check-color;\n\t\t\t}\n\t\t}\n\n\t\t&[disabled] {\n\t\t\t+ .checkbox-check {\n\t\t\t\tborder-color: $checkbox-unchecked-border-color;\n\t\t\t\topacity: 0.6;\n\t\t\t}\n\n\t\t\t+ .checkbox-check,\n\t\t\t~ .checkbox-text {\n\t\t\t\tcursor: not-allowed;\n\t\t\t}\n\t\t}\n\n\t\t@include focus-visible {\n\t\t\t+ .checkbox-check {\n\t\t\t\t@extend %focus;\n\t\t\t}\n\t\t}\n\t}\n\n\t&.checkbox-muted {\n\t\tinput[type='checkbox'] {\n\t\t\t&:checked + .checkbox-check {\n\t\t\t\tborder-color: $text-subtle;\n\t\t\t\tbackground-color: $text-subtle;\n\n\t\t\t\t&::before {\n\t\t\t\t\tborder-color: $text-invert;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n\n\t.checkbox-check.is-checked {\n\t\tborder-color: $checkbox-color;\n\t\tbackground-color: $checkbox-color;\n\n\t\t&::before {\n\t\t\t@include checkmark;\n\n\t\t\tborder-color: $checkbox-check-color;\n\t\t}\n\t}\n\n\t&.is-invalid {\n\t\tinput[type='checkbox']:not(:checked) + .checkbox-check {\n\t\t\tborder-color: $checkbox-invalid-border-color;\n\t\t}\n\t}\n\n\t&:hover {\n\t\tinput[type='checkbox']:not(:checked):not([disabled]) + .checkbox-check::before {\n\t\t\t@include checkmark;\n\t\t}\n\t}\n}\n","@mixin visually-hidden() {\n\tposition: absolute;\n\twidth: 1px;\n\theight: 1px;\n\tmargin: -1px;\n\tpadding: 0;\n\tborder: 0;\n\toverflow: hidden;\n\tclip: rect(1px, 1px, 1px, 1px);\n\tclip-path: inset(50%);\n\tword-wrap: normal;\n}\n","$input-color: $text !default;\n$input-background-color: $body-background !default;\n$input-border-color: $control-border !default;\n$input-placeholder-color: $text-subtle !default;\n\n$input-hover-color: $text !default;\n$input-hover-border-color: $primary !default;\n$input-focus-border-color: $primary !default;\n\n$input-disabled-color: $text-subtle !default;\n$input-disabled-background-color: $body-background-medium !default;\n$input-disabled-border-color: $table-border-dark !default;\n\n$input-danger-border-color: $danger !default;\n$input-success-border-color: $success !default;\n\n$input-focus-box-shadow-size: 0 0 0 0.125rem !default;\n\n$input-icon-size: 2.25em !default;\n$input-icon-color: $text-subtle !default;\n$input-icon-active-color: $secondary !default;\n\n.input {\n\t@include control;\n\n\twidth: 100%;\n\tmax-width: 100%;\n\tborder-color: $input-border-color;\n\tbackground-color: $input-background-color;\n\tcolor: $input-color !important;\n\n\t&::placeholder {\n\t\tcolor: $input-placeholder-color;\n\t}\n\n\t&:hover {\n\t\tborder-color: $input-hover-border-color;\n\t}\n\n\t&[disabled] {\n\t\tborder-color: $input-disabled-border-color;\n\t\tbackground-color: $input-disabled-background-color;\n\t\tcolor: $input-disabled-color;\n\t}\n\n\t@include focus-visible {\n\t\t@extend %focus;\n\n\t\tborder-color: $input-focus-border-color;\n\t\toutline-color: transparent;\n\t\toutline-offset: 0;\n\t\toutline-style: solid;\n\t\tbox-shadow: $input-focus-box-shadow-size $input-focus-border-color;\n\t}\n\n\t&.input-sm {\n\t\t@include control-sm;\n\t}\n\n\t&.input-lg {\n\t\t@include control-lg;\n\t}\n\n\t&.input-danger {\n\t\tborder-color: $input-danger-border-color;\n\n\t\t@include focus-visible() {\n\t\t\tbox-shadow: $input-focus-box-shadow-size $input-danger-border-color;\n\t\t}\n\t}\n\n\t&.input-success {\n\t\tborder-color: $input-success-border-color;\n\n\t\t@include focus-visible() {\n\t\t\tbox-shadow: $input-focus-box-shadow-size $input-success-border-color;\n\t\t}\n\t}\n\n\t&.input-icon-right {\n\t\tpadding-inline-end: $input-icon-size;\n\n\t\t~ .icon {\n\t\t\tinset-inline-start: unset !important;\n\t\t\tinset-inline-end: 0;\n\t\t}\n\n\t\t.input[type='date'] {\n\t\t\tposition: relative;\n\n\t\t\t&::-webkit-calendar-picker-indicator {\n\t\t\t\tposition: absolute;\n\t\t\t\twidth: 1.5em;\n\t\t\t\tbackground: none;\n\t\t\t\tcolor: transparent;\n\t\t\t\tinset-inline-end: 0;\n\t\t\t\tz-index: $zindex-dropdown;\n\t\t\t}\n\t\t}\n\t}\n\n\t&.input-icon,\n\t&.input-icon-right {\n\t\tpadding-inline-start: $input-icon-size;\n\n\t\t&.input-icon-right {\n\t\t\tpadding-inline-start: $control-padding-horizontal;\n\t\t}\n\n\t\t+ .icon {\n\t\t\t@include fill-current-color();\n\n\t\t\tposition: absolute;\n\t\t\tinset-block-start: 0;\n\t\t\tinset-inline-start: 0;\n\t\t\twidth: $input-icon-size;\n\t\t\theight: 100%;\n\t\t\tcolor: $input-icon-color;\n\t\t\tpointer-events: none;\n\t\t\tz-index: $zindex-multi;\n\t\t}\n\n\t\t@include focus-visible {\n\t\t\t+ .icon {\n\t\t\t\tcolor: $input-icon-active-color;\n\t\t\t}\n\t\t}\n\n\t\t&.input-sm {\n\t\t\t~ .icon svg {\n\t\t\t\twidth: 0.875em;\n\t\t\t\theight: 0.875em;\n\t\t\t}\n\t\t}\n\n\t\t&.input-lg {\n\t\t\t~ .icon svg {\n\t\t\t\twidth: 1.125em;\n\t\t\t\theight: 1.125em;\n\t\t\t}\n\t\t}\n\t}\n}\n","@mixin fill-current-color {\n\tfill: currentColor !important;\n\n\t// Ensure SVG paths can adapt to forced colors theming\n\tforced-color-adjust: auto;\n}\n","$textarea-color: $text !default;\n$textarea-background-color: $body-background !default;\n$textarea-border-color: $control-border !default;\n$textarea-placeholder-color: $text-subtle !default;\n\n$textarea-hover-color: $text !default;\n$textarea-hover-border-color: $primary !default;\n$textarea-focus-border-color: $primary !default;\n\n$textarea-disabled-color: $text-subtle !default;\n$textarea-disabled-background-color: $body-background-medium !default;\n$textarea-disabled-border-color: $table-border-dark !default;\n\n$textarea-danger-border-color: $danger !default;\n$textarea-success-border-color: $success !default;\n\n$textarea-focus-box-shadow-size: 0 0 0 0.125rem !default;\n\n.textarea {\n\t@include control;\n\n\tdisplay: block;\n\twidth: 100%;\n\tmax-width: 100%;\n\tresize: vertical;\n\tborder-color: $textarea-border-color;\n\tbackground-color: $textarea-background-color;\n\tcolor: $textarea-color !important;\n\n\t&[rows] {\n\t\theight: initial;\n\t}\n\n\t&:not([rows]) {\n\t\tmin-height: 100px;\n\t\tmax-height: 600px;\n\t}\n\n\t&::placeholder {\n\t\tcolor: $textarea-placeholder-color;\n\t}\n\n\t&:hover {\n\t\tborder-color: $textarea-hover-border-color;\n\t}\n\n\t&[disabled] {\n\t\tborder-color: $textarea-disabled-border-color;\n\t\tbackground-color: $textarea-disabled-background-color;\n\t\tcolor: $textarea-disabled-color;\n\t}\n\n\t@include focus-visible {\n\t\t@extend %focus;\n\n\t\tborder-color: $textarea-focus-border-color;\n\t\toutline-color: transparent;\n\t\toutline-offset: 0;\n\t\toutline-style: solid;\n\t\tbox-shadow: $textarea-focus-box-shadow-size $textarea-focus-border-color;\n\t}\n\n\t&.textarea-fixed-height {\n\t\tresize: none;\n\t}\n\n\t&.textarea-danger {\n\t\tborder-color: $textarea-danger-border-color;\n\n\t\t@include focus-visible() {\n\t\t\tbox-shadow: $textarea-focus-box-shadow-size $textarea-danger-border-color;\n\t\t}\n\t}\n\n\t&.textarea-success {\n\t\tborder-color: $textarea-success-border-color;\n\n\t\t@include focus-visible() {\n\t\t\tbox-shadow: $textarea-focus-box-shadow-size $textarea-success-border-color;\n\t\t}\n\t}\n}\n","/* stylelint-disable selector-no-qualifying-type */\n\n$select-color: $text !default;\n$select-background-color: $body-background !default;\n$select-border-color: $control-border !default;\n$select-placeholder-color: $text-subtle !default;\n\n$select-hover-color: $text !default;\n$select-hover-border-color: $primary !default;\n$select-focus-border-color: $primary !default;\n\n$select-disabled-color: $text-subtle !default;\n$select-disabled-background-color: $body-background-medium !default;\n$select-disabled-border-color: $table-border-dark !default;\n\n$select-danger-border-color: $danger !default;\n$select-success-border-color: $success !default;\n\n$select-focus-box-shadow-size: 0 0 0 0.125rem !default;\n\n$select-arrow-size: 0.525em !default;\n$select-arrow-border-width: 1px !default;\n$select-arrow-actual-width: 0.75em !default;\n\n.select {\n\tposition: relative;\n\tfont-size: $control-font-size;\n\n\tselect {\n\t\t@include control;\n\n\t\twidth: 100%;\n\t\tmax-width: 100%;\n\t\tborder-color: $select-border-color;\n\t\tbackground-color: $select-background-color;\n\t\tcolor: $select-color;\n\t\tfont-size: 1em;\n\t\tcursor: pointer;\n\n\t\t&[multiple] {\n\t\t\tpadding: 0;\n\t\t\toverflow-y: auto;\n\n\t\t\toption {\n\t\t\t\tpadding: $control-padding-vertical $control-padding-horizontal;\n\t\t\t}\n\t\t}\n\n\t\t&[disabled] {\n\t\t\tborder-color: $select-disabled-border-color;\n\t\t\tbackground-color: $select-disabled-background-color;\n\t\t\tcolor: $select-disabled-color;\n\t\t}\n\n\t\t@include focus-visible {\n\t\t\t@extend %focus;\n\n\t\t\tborder-color: $select-focus-border-color;\n\t\t\toutline-color: transparent;\n\t\t\toutline-offset: 0;\n\t\t\toutline-style: solid;\n\t\t\tbox-shadow: $select-focus-box-shadow-size $select-focus-border-color;\n\t\t}\n\t}\n\n\t&:not(.select-multiple) {\n\t\tselect {\n\t\t\tpadding-inline-end: calc($control-padding-horizontal + $select-arrow-actual-width);\n\t\t}\n\n\t\t&::after {\n\t\t\tdisplay: block;\n\t\t\tposition: absolute;\n\t\t\tinset-block-start: calc(50% - $select-arrow-actual-width / 2);\n\t\t\twidth: $select-arrow-size;\n\t\t\theight: $select-arrow-size;\n\t\t\ttransform: rotate(-45deg);\n\t\t\ttransform-origin: center;\n\t\t\tborder: $select-arrow-border-width solid $select-color;\n\t\t\tborder-block-start: 0;\n\t\t\tborder-inline-end: 0;\n\t\t\tpointer-events: none;\n\t\t\tcontent: ' ';\n\t\t\tz-index: $zindex-active;\n\t\t\tinset-inline-end: $control-padding-horizontal;\n\t\t}\n\n\t\t&.select-disabled::after {\n\t\t\tborder-color: $select-disabled-border-color;\n\t\t}\n\t}\n\n\t&.select-sm {\n\t\tfont-size: $control-sm-font-size;\n\t}\n\n\t&.select-lg {\n\t\tfont-size: $control-lg-font-size;\n\t}\n\n\t&.select-danger select {\n\t\tborder-color: $select-danger-border-color;\n\n\t\t@include focus-visible() {\n\t\t\tbox-shadow: $select-focus-box-shadow-size $select-danger-border-color;\n\t\t}\n\t}\n\n\t&.select-success select {\n\t\tborder-color: $select-success-border-color;\n\n\t\t@include focus-visible() {\n\t\t\tbox-shadow: $select-focus-box-shadow-size $select-success-border-color;\n\t\t}\n\t}\n}\n","$radio-circle-size: 1.25em !default;\n$radio-dot-size: 0.625em !default;\n$radio-border-color: $control-border !default;\n$radio-border-width: $control-border-width !default;\n$radio-dot-checked-color: $primary !default;\n$radio-dot-color: $text-subtle !default;\n$radio-dot-hover-unchecked-color: $control-border !default;\n$radio-timing-function: $input-timing-function !default;\n$radio-duration: $input-transition-duration !default;\n$radio-animation: boop !default;\n$radio-spacing: 0.5em !default;\n\n@mixin radio-dot {\n\tposition: absolute;\n\tinset: 0;\n\twidth: $radio-dot-size;\n\theight: $radio-dot-size;\n\tmargin: auto;\n\tborder-radius: $border-radius-rounded;\n\tcontent: '';\n\toverflow: hidden;\n}\n\n@mixin radio-dot-checked {\n\tbackground: $radio-dot-checked-color;\n\tbox-shadow: inset 0 0 0 0.25em $body-background;\n}\n\n.radio {\n\tdisplay: inline-flex;\n\tline-height: 1.25;\n\tcursor: pointer;\n\n\t.radio-dot {\n\t\tdisplay: inline-block;\n\t\tposition: relative;\n\t\tinset-block-start: 0.0625em;\n\t\tflex-shrink: 0;\n\t\twidth: $radio-circle-size;\n\t\theight: $radio-circle-size;\n\t\tborder: $radio-border-width solid $radio-border-color;\n\t\tborder-radius: $border-radius-rounded;\n\t\tbackground-color: $body-background;\n\t\tcolor: $radio-dot-color;\n\t\tcursor: pointer;\n\t\tappearance: none;\n\n\t\t@include forced-colors {\n\t\t\tborder-color: CanvasText !important;\n\t\t\tbackground-color: unset !important;\n\n\t\t\t&::before {\n\t\t\t\t@include radio-dot;\n\t\t\t}\n\t\t}\n\t}\n\n\t.radio-label-text {\n\t\tmargin: 0 $radio-spacing;\n\t}\n\n\t/* stylelint-disable selector-max-specificity, selector-no-qualifying-type, max-nesting-depth */\n\n\tinput {\n\t\t&.is-focused {\n\t\t\t@extend %focus;\n\t\t}\n\n\t\t@include focus-visible {\n\t\t\t@extend %focus;\n\t\t}\n\t}\n\n\tinput.is-checked,\n\tinput:checked,\n\t.radio-dot.is-checked {\n\t\t@include radio-dot-checked;\n\n\t\tanimation: $radio-animation $radio-duration $radio-timing-function 1;\n\t\tborder-color: $radio-dot-checked-color;\n\n\t\t@include forced-colors {\n\t\t\tborder-color: CanvasText !important;\n\t\t\tbackground-color: unset !important;\n\t\t\tbox-shadow: none !important;\n\n\t\t\t&::before {\n\t\t\t\tbackground-color: CanvasText !important;\n\t\t\t}\n\t\t}\n\t}\n\n\t&.is-hovered,\n\t&:hover {\n\t\t.radio-dot:not(:checked):not([disabled]) {\n\t\t\tbackground: $radio-dot-hover-unchecked-color;\n\t\t\tbox-shadow: inset 0 0 0 0.25em $body-background;\n\n\t\t\t@include forced-colors {\n\t\t\t\tbackground-color: unset !important;\n\t\t\t\tbox-shadow: none !important;\n\n\t\t\t\t&::before {\n\t\t\t\t\tbackground-color: CanvasText !important;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t.radio-dot.is-checked {\n\t\t\t@include radio-dot-checked;\n\t\t}\n\t}\n\n\tinput[disabled],\n\tinput[disabled] ~ .radio-label-text {\n\t\topacity: 0.5;\n\t\tcursor: not-allowed;\n\t}\n\n\t/* stylelint-enable */\n}\n","@mixin forced-colors() {\n\t@media (forced-colors: active) {\n\t\t@content;\n\t}\n}\n","/* stylelint-disable max-nesting-depth, selector-max-specificity */\n\n$field-line-height: 1.5 !default;\n$field-error-color: $danger !default;\n\n.field {\n\t&:not(:last-child) {\n\t\tmargin-block-end: $spacer-4;\n\t}\n\n\t.field-description {\n\t\tmargin-block-end: $spacer-3;\n\t\tfont-size: $font-size-8;\n\t}\n\n\t.field-label {\n\t\t@include label;\n\n\t\tmargin-block-end: $spacer-3;\n\n\t\t&.field-label-inline {\n\t\t\tdisplay: inline-flex;\n\t\t\tmargin-block-end: unset;\n\t\t\talign-self: flex-end;\n\t\t}\n\n\t\t@include tablet {\n\t\t\tflex: 1 0 0;\n\t\t}\n\n\t\t&.field-label-sm {\n\t\t\tfont-size: $font-size-8;\n\t\t}\n\n\t\t&.field-label-lg {\n\t\t\tfont-size: $font-size-6;\n\t\t}\n\t}\n\n\t.field-body {\n\t\t> * {\n\t\t\tscroll-margin-top: 3rem;\n\t\t}\n\n\t\t&:not(:first-child) {\n\t\t\tmargin-block-start: $spacer-3;\n\n\t\t\t&.field-body-inline {\n\t\t\t\tdisplay: inline-flex;\n\t\t\t\tvertical-align: text-bottom;\n\t\t\t}\n\t\t}\n\t}\n\n\t.field-error {\n\t\tcolor: $field-error-color;\n\t\tfont-size: $font-size-8;\n\t\tline-height: $field-line-height;\n\t}\n}\n\n.required-indicator::after,\n::part(required-indicator)::after {\n\tcolor: $danger;\n\tcontent: '*';\n\tvertical-align: top;\n}\n","$hero-padding-xs: $layout-4 !default;\n$hero-padding-sm: $layout-5 !default;\n$hero-padding-default: $layout-6 !default;\n$hero-padding-lg: $layout-7 !default;\n\n$hero-min-height-xs: 200px !default;\n$hero-min-height-sm: 300px !default;\n$hero-min-height-default: 400px !default;\n$hero-min-height-lg: 500px !default;\n\n$hero-content-width: $reading-max-width !default;\n$hero-content-fluid-width: 45% !default;\n$hero-image-width: calc((100% - 2 * $layout-gap) * 0.55) !default;\n$hero-image-width-widescreen: calc((100% - 2 * $layout-widescreen-gap) * 0.55) !default;\n\n.hero {\n\t@extend %layout-gap;\n\n\tdisplay: flex;\n\tposition: relative;\n\tflex-direction: column;\n\talign-items: stretch;\n\tjustify-content: space-between;\n\n\t.hero-content {\n\t\tz-index: $zindex-active;\n\t\tpadding-block: $hero-padding-sm;\n\n\t\t@include desktop {\n\t\t\twidth: $hero-content-fluid-width;\n\t\t\tmin-height: $hero-min-height-default;\n\t\t\tpadding-block: $hero-padding-default;\n\t\t\tpadding-inline-end: $hero-padding-sm;\n\t\t}\n\t}\n\n\t&:not(.hero-image) {\n\t\t.hero-content {\n\t\t\t@include desktop {\n\t\t\t\twidth: 100%;\n\t\t\t\tmax-width: $hero-content-width;\n\t\t\t}\n\t\t}\n\t}\n\n\t@include desktop {\n\t\t&.hero-xs {\n\t\t\t.hero-content {\n\t\t\t\tmin-height: $hero-min-height-xs;\n\t\t\t\tpadding-block: $hero-padding-xs;\n\t\t\t}\n\t\t}\n\n\t\t&.hero-sm {\n\t\t\t.hero-content {\n\t\t\t\tmin-height: $hero-min-height-sm;\n\t\t\t\tpadding-block: $hero-padding-sm;\n\t\t\t}\n\t\t}\n\n\t\t&.hero-lg {\n\t\t\t.hero-content {\n\t\t\t\tmin-height: $hero-min-height-lg;\n\t\t\t\tpadding-block: $hero-padding-lg;\n\t\t\t}\n\t\t}\n\t}\n\n\t.hero-card {\n\t\tposition: relative;\n\t\tpadding: $spacer-5;\n\t\tborder: none;\n\t\tbackground-color: transparent;\n\t\tz-index: 1;\n\n\t\t@include tablet {\n\t\t\tpadding: $spacer-10;\n\t\t}\n\n\t\t@include desktop {\n\t\t\tborder-inline: 1px solid $border;\n\t\t\tborder-block-end: 1px solid $border;\n\t\t\tborder-end-start-radius: $border-radius-lg;\n\t\t\tborder-end-end-radius: $border-radius-lg;\n\t\t}\n\t}\n\n\t.hero-background {\n\t\tposition: absolute;\n\t\tinset: 0;\n\t\twidth: 100%;\n\t\theight: 100%;\n\t\toverflow: hidden;\n\n\t\tvideo,\n\t\timg {\n\t\t\twidth: 100%;\n\t\t\theight: 100%;\n\t\t\tobject-fit: cover;\n\t\t}\n\t}\n\n\t&.hero-image::before {\n\t\tdisplay: none;\n\t\tposition: absolute;\n\t\tinset-block-start: 0;\n\t\twidth: $hero-image-width;\n\t\theight: 100%;\n\t\tbackground-image: var(--hero-background-image);\n\t\tbackground-repeat: no-repeat;\n\t\tbackground-size: cover;\n\t\tcontent: ' ';\n\t\tinset-inline-end: $layout-gap;\n\n\t\t@include desktop {\n\t\t\tdisplay: block;\n\t\t}\n\n\t\t@include widescreen {\n\t\t\twidth: $hero-image-width-widescreen;\n\t\t\tinset-inline-end: $layout-widescreen-gap;\n\t\t}\n\n\t\t@media (forced-colors: active) {\n\t\t\tbackground-image: none !important;\n\t\t}\n\n\t\t.theme-light & {\n\t\t\t--hero-background-image: var(--hero-background-image-light);\n\t\t}\n\n\t\t.theme-dark & {\n\t\t\t--hero-background-image: var(--hero-background-image-dark);\n\t\t}\n\n\t\t.theme-high-contrast & {\n\t\t\t--hero-background-image: none;\n\t\t}\n\t}\n}\n","$border-gradient-colors: (\n\t'body': $body-background,\n\t'body-accent': $body-background-accent\n) !default;\n\n@each $name, $var in $border-gradient-colors {\n\t// ex. .gradient-border-body { --border-gradient-end-color: var(--theme-body-background); }\n\t.gradient-border-#{$name} {\n\t\t--border-gradient-end-color: #{$var};\n\t}\n}\n\n$border-gradient-direction: (\n\t'right': 'inline-end',\n\t'bottom': 'block-end'\n) !default;\n\n@each $direction, $logical-side in $border-gradient-direction {\n\t.gradient-border-#{$direction} {\n\t\tposition: relative;\n\t}\n\t.gradient-border-#{$direction}:before {\n\t\tdisplay: block;\n\t\tposition: absolute;\n\t\tcontent: '';\n\t\tborder-image: linear-gradient(\n\t\t\tto #{$direction},\n\t\t\ttransparent 0%,\n\t\t\ttransparent 92%,\n\t\t\tvar(--border-gradient-end-color, transparent) 100%\n\t\t);\n\t\tborder-#{$logical-side}-width: 320px;\n\t\tborder-#{$logical-side}-style: solid;\n\t\tborder-image-outset: 0;\n\n\t\t@if $direction == 'right' {\n\t\t\tborder-image-slice: 0 128 0 0;\n\t\t\tinset-block-start: 0;\n\t\t\tinset-block-end: 0;\n\t\t\tinset-inline-end: 0;\n\t\t}\n\n\t\t@if $direction == 'bottom' {\n\t\t\tborder-image-slice: 0 0 128 0;\n\t\t\tinset-block-end: 0;\n\t\t\tinset-inline-start: 0;\n\t\t\tinset-inline-end: 0;\n\t\t}\n\n\t\t@include forced-colors {\n\t\t\tdisplay: none !important;\n\t\t}\n\t}\n\n\t@include tablet {\n\t\t.gradient-border-to-#{$direction}-tablet:before {\n\t\t\tborder-image: linear-gradient(\n\t\t\t\tto #{$direction},\n\t\t\t\ttransparent 0%,\n\t\t\t\ttransparent 92%,\n\t\t\t\tvar(--border-gradient-end-color) 100%\n\t\t\t);\n\t\t\tborder-#{$logical-side}-width: 320px;\n\t\t\tborder-#{$logical-side}-style: solid;\n\t\t\tborder-image-outset: 0;\n\n\t\t\t@if $direction == 'right' {\n\t\t\t\tborder-image-slice: 0 128 0 0;\n\t\t\t}\n\n\t\t\t@if $direction == 'bottom' {\n\t\t\t\tborder-image-slice: 0 0 128 0;\n\t\t\t}\n\t\t}\n\t}\n}\n\n@each $name, $gradient in $gradients {\n\t$colorStart: nth($gradient, $gradient-color-start-index);\n\t$colorEnd: nth($gradient, $gradient-color-end-index);\n\n\t.gradient-text-#{$name} {\n\t\t@include gradient-text($colorStart, $colorEnd);\n\t}\n}\n","@mixin gradient-text($startColor, $endColor) {\n\t/* stylelint-disable */\n\t-webkit-background-clip: text;\n\t/* stylelint-enable */\n\tbackground-clip: text;\n\tbackground-color: $startColor;\n\tbackground-image: linear-gradient(90deg, $startColor, $endColor);\n\tcolor: transparent;\n\t-webkit-text-fill-color: transparent;\n\tline-height: 1.4; // required because of background clip, avoid \"g\" and \"y\" getting cut off\n}\n","$gradient-card-padding: $layout-2 !default;\n$gradient-card-border-radius: $border-radius-lg !default; //6px\n\n.gradient-card {\n\tborder: $border-width-md solid transparent;\n\tborder-radius: $gradient-card-border-radius;\n\tbackground: linear-gradient(90deg, $gradient-vivid-start, $gradient-vivid-end) border-box;\n\n\t.gradient-card-content {\n\t\tpadding: $gradient-card-padding;\n\t\tborder-radius: inherit;\n\t\tbackground-color: $body-background;\n\t}\n}\n","/*\n * For use on <button> elements to emulate the appearance of standard <a> tags.\n*/\n\n.link-button {\n\t@include transparent-effects;\n\n\tdisplay: inline-block;\n\tpadding: 0;\n\tborder: none;\n\tcolor: $hyperlink;\n\tcursor: pointer;\n\n\t&:active,\n\t&.is-active {\n\t\ttext-decoration: underline !important;\n\t}\n\n\t&.is-focused,\n\t&:hover,\n\t&.is-hovered {\n\t\tcolor: $primary-hover;\n\t\ttext-decoration: underline !important;\n\t}\n\n\t@include focus-visible {\n\t\tcolor: $primary-hover;\n\t\ttext-decoration: underline !important;\n\t}\n\n\t&:visited {\n\t\tcolor: $visited;\n\t}\n}\n","/* stylelint-disable selector-max-compound-selectors */\n\n$markdown-paragraph-size: 1rem !default;\n$include-bare-code-styles: true !default;\n$list-top-spacing: 1rem !default;\n\n@if $include-bare-code-styles == true {\n\t/*\n\t* Within projects that desire bare-code styling, you may set the above variable to true and <pre><code>\n\t* Elements within .markdown will be styled.\n\t*/\n\n\t.markdown {\n\t\t@include code-block;\n\t}\n}\n\n.markdown {\n\t// @include responsive-font-size($markdown-paragraph-size, 0.875rem); // experiment only\n\tfont-size: $markdown-paragraph-size;\n\tline-height: 1.6;\n\n\t// Inline code\n\n\t:not(a):not(pre) > code {\n\t\tpadding: 0.1em 0.2em;\n\t\tborder-radius: 3px;\n\t\tbackground-color: $inline-code;\n\t\tword-wrap: break-word;\n\t\tfont-smooth: auto;\n\t\tfont-size: 0.85em;\n\t}\n\n\timg,\n\tvideo {\n\t\tmax-width: 100%;\n\t\theight: auto;\n\t\tborder: 0;\n\t}\n\n\tsvg:not(:root) {\n\t\toverflow: hidden;\n\t}\n\n\tli {\n\t\tmargin-block-start: 0.5em;\n\t}\n\n\tul,\n\tol {\n\t\tmargin-inline-start: 2.375rem;\n\t}\n\n\tul {\n\t\tlist-style-type: disc;\n\n\t\tul {\n\t\t\tlist-style-type: circle;\n\t\t\tmargin: 0;\n\t\t\tmargin-inline-start: 1.25rem;\n\n\t\t\tul {\n\t\t\t\tlist-style-type: square;\n\t\t\t}\n\t\t}\n\n\t\t&:not(:first-child) {\n\t\t\tmargin: 1rem 0;\n\t\t}\n\t}\n\n\tol {\n\t\tlist-style-type: decimal;\n\n\t\tol {\n\t\t\tlist-style-type: lower-alpha;\n\t\t\tmargin: 0;\n\t\t\tmargin-inline-start: 1.25rem;\n\n\t\t\tol {\n\t\t\t\tlist-style-type: lower-roman;\n\t\t\t}\n\t\t}\n\n\t\t&:not(:first-child) {\n\t\t\tmargin: 1rem 0;\n\t\t}\n\t}\n\n\th1 {\n\t\t@include responsive-font-size($font-size-1);\n\n\t\tmargin-block-start: none;\n\t\tmargin-block-end: 0.75rem;\n\t\tword-wrap: break-word; // browser support fallback, because FF and IE\n\t\tword-break: break-word;\n\n\t\t&:first-of-type {\n\t\t\tmargin-block-start: -0.625rem;\n\t\t\tmargin-block-end: none;\n\t\t}\n\t}\n\n\th2 {\n\t\t@include responsive-font-size($font-size-2);\n\n\t\tmargin-block-start: 2rem;\n\t}\n\n\th3 {\n\t\t@include responsive-font-size($font-size-3);\n\n\t\tmargin-block-start: 1.875rem;\n\t\tmargin-block-end: 1.125rem;\n\t}\n\n\th4 {\n\t\t@include responsive-font-size($font-size-4);\n\n\t\tmargin-block-start: 2.25rem;\n\t\tmargin-block-end: 0.375rem;\n\t}\n\n\th5 {\n\t\t@include responsive-font-size($font-size-5, false, 1.1rem);\n\n\t\tmargin-block-start: 2.25rem;\n\t\tmargin-block-end: 0.375rem;\n\t\tletter-spacing: 1px;\n\t}\n\n\th6 {\n\t\t@include responsive-font-size($font-size-6, false, 1.05rem);\n\n\t\tmargin-block-start: 2.25rem;\n\t\tmargin-block-end: 0.375rem;\n\t\tletter-spacing: 1px;\n\t}\n\n\tp {\n\t\tmargin-block-start: $markdown-paragraph-size;\n\t\tmargin-block-end: none;\n\t\tword-wrap: break-word;\n\t}\n\n\tblockquote {\n\t\tmargin: 1.2em 0 2em;\n\t\tpadding: 0 0.8em;\n\t\tborder-width: 0 0 0 3px;\n\t\tborder-style: solid;\n\t\tborder-color: $border;\n\n\t\tfooter {\n\t\t\tcolor: $text-subtle;\n\t\t\tfont-size: $font-size-8;\n\t\t}\n\t}\n}\n","$code-font-size: $font-size-8 !default;\n$code-block-spacing: 1em !default;\n$code-header-body-line-height: 1.3571 !default;\n\n@mixin code-block {\n\tpre {\n\t\tbox-sizing: border-box;\n\t\tmax-width: 100%;\n\t\tmargin: 0;\n\t\tpadding: $code-block-spacing;\n\t\tborder: 1px solid $border;\n\t\tbackground-color: $code-block;\n\t\tfont-size: $code-font-size;\n\t\t-moz-osx-font-smoothing: auto;\n\t\t-webkit-font-smoothing: auto;\n\t\tline-height: 1.3571;\n\t\twhite-space: pre;\n\t\tword-spacing: normal;\n\t\toverflow: auto;\n\t\tword-break: normal;\n\t\tword-wrap: normal;\n\t\ttab-size: 4;\n\t\thyphens: none;\n\t\t-webkit-overflow-scrolling: touch;\n\n\t\t> code {\n\t\t\tdisplay: block;\n\t\t\tposition: relative;\n\t\t\tpadding: 0;\n\t\t\tborder: 0;\n\t\t\tline-height: $code-header-body-line-height;\n\n\t\t\tmark {\n\t\t\t\tdisplay: inline-block;\n\t\t\t\tmin-width: calc(100% + #{$code-block-spacing} + #{$code-block-spacing});\n\t\t\t\tmin-height: 18.9px; // Allow for highlighting of blank lines.\n\t\t\t\tmargin: 0 $code-block-spacing * -1;\n\t\t\t\tpadding: 0 $code-block-spacing;\n\t\t\t\tcolor: $text;\n\t\t\t}\n\t\t}\n\t}\n}\n",".media {\n\tdisplay: flex;\n\talign-items: flex-start;\n\n\t+ .media,\n\t.media {\n\t\tborder-block-start: 1px solid $border;\n\t\tmargin-block-start: 1rem;\n\t\tpadding-block-start: 1rem;\n\t}\n}\n\n.media-left {\n\tflex: 0 0 auto;\n\tmargin-inline-end: 1rem;\n}\n\n.media-content {\n\tflex: 1 1 auto;\n\twidth: 100%;\n\tword-break: break-word;\n}\n","$message-font-size-xs: $font-size-9 !default;\n$message-font-size-sm: $font-size-8 !default;\n$message-font-size-md: $font-size-7 !default;\n\n$message-background-color: $body-background !default;\n$message-gap-size: $layout-1 !default;\n$message-spacer-md: $spacer-3 !default;\n$message-spacer-lg: $spacer-5 !default;\n\n$message-sender-width: 85% !default;\n$message-sender-background-color: $primary-background !default;\n\n$message-border-radius: $border-radius-lg !default;\n$message-border: $border-width solid $border !default;\n\n$message-content-padding: $spacer-5 !default;\n$message-content-padding-sm: 0.875rem !default;\n\n.message {\n\tdisplay: grid;\n\tgrid-template:\n\t\t'. message-time'\n\t\t'message-persona message-content';\n\tgrid-template-columns: max-content 1fr;\n\tgap: $message-gap-size;\n\tfont-size: $message-font-size-md;\n\tline-height: $line-height-normal;\n\n\t.message-time {\n\t\tgrid-area: message-time;\n\t\tfont-size: $message-font-size-xs;\n\t}\n\n\t.message-persona {\n\t\tgrid-area: message-persona;\n\t\tmargin-block-start: $message-spacer-lg;\n\t}\n\n\t.message-content {\n\t\tgrid-area: message-content;\n\t\tpadding: $message-content-padding;\n\t\tborder: $message-border;\n\t\tborder-radius: $message-border-radius;\n\t\tbackground-color: $message-background-color;\n\n\t\t.message-content-header {\n\t\t\tdisplay: grid;\n\t\t\tgrid-template-columns: 1fr auto;\n\t\t\tmargin-block-end: $message-spacer-md;\n\n\t\t\t.message-content-options {\n\t\t\t\tjustify-self: flex-end;\n\t\t\t\tmargin-inline-end: $message-spacer-md;\n\t\t\t}\n\t\t}\n\t}\n\n\t&.message-sender {\n\t\tjustify-self: flex-end;\n\t\twidth: $message-sender-width;\n\n\t\t.message-content {\n\t\t\tbackground-color: $message-sender-background-color;\n\t\t}\n\t}\n\n\t&.message-sm {\n\t\tfont-size: $message-font-size-sm;\n\n\t\t.message-content {\n\t\t\tpadding: $message-content-padding-sm;\n\t\t}\n\t}\n}\n","$notification-background: $secondary-background !default;\n$notification-padding: $spacer-5 !default;\n\n$notification-font-size: $font-size-7 !default;\n$notification-color: $text !default;\n\n$notification-border-color: $control-border !default;\n$notification-border-width: $border-width !default;\n$notification-border-radius: $border-radius !default;\n\n$notification-icon-inline-spacing: 0.375em !default;\n$notification-icon-block-spacing: 0.2em !default;\n\n$notification-dismiss-margin: $spacer-2 !default;\n\n.notification {\n\tdisplay: grid;\n\tposition: relative;\n\tpadding: $notification-padding;\n\tgrid-template: auto / 1fr auto;\n\tgrid-template-areas: 'notification-content dismiss';\n\tborder: $notification-border-width solid $notification-border-color;\n\tborder-radius: $notification-border-radius;\n\toutline-color: $text;\n\tbackground-color: $notification-background;\n\tcolor: $notification-color;\n\tfont-size: $notification-font-size;\n\tline-height: $line-height-normal;\n\tword-wrap: break-word;\n\tword-break: break-word;\n\n\t@each $name, $color-set in $colors {\n\t\t$base: nth($color-set, $color-index-base);\n\t\t$dark: nth($color-set, $color-index-dark);\n\t\t$background: nth($color-set, $color-index-background);\n\n\t\t&.notification-#{$name} {\n\t\t\tborder-color: $dark;\n\t\t\tbackground-color: $background;\n\t\t\tcolor: $dark;\n\n\t\t\t&.is-loading::before {\n\t\t\t\tborder-color: transparent transparent $dark $dark;\n\t\t\t}\n\t\t}\n\t}\n\n\t&.is-loading {\n\t\tcolor: transparent;\n\n\t\t> :first-child {\n\t\t\tmargin-inline-start: calc($notification-padding + 0.375em);\n\t\t}\n\n\t\t&::before {\n\t\t\t@include loader;\n\n\t\t\tposition: absolute;\n\t\t\tinset-block-start: $notification-padding;\n\t\t\tinset-inline-start: $notification-padding;\n\t\t\tborder-color: transparent transparent $notification-color $notification-color;\n\t\t}\n\t}\n\n\t.notification-content {\n\t\tgrid-area: notification-content;\n\n\t\t.notification-title,\n\t\ta:not(.button) {\n\t\t\tcolor: currentColor;\n\t\t\tfont-weight: $weight-semibold;\n\t\t}\n\n\t\ta:not(.button) {\n\t\t\t.theme-high-contrast & {\n\t\t\t\tcolor: $hyperlink;\n\t\t\t}\n\t\t}\n\n\t\t.notification-title {\n\t\t\tdisplay: flex;\n\t\t\talign-items: center;\n\t\t\tjustify-content: flex-start;\n\t\t\tmargin-block-end: $layout-1;\n\n\t\t\t.icon {\n\t\t\t\tflex-shrink: 0;\n\t\t\t\talign-self: start;\n\t\t\t\tmargin-inline-end: $notification-icon-inline-spacing;\n\t\t\t\tmargin-block-start: $notification-icon-block-spacing;\n\t\t\t}\n\t\t}\n\t}\n\n\t.notification-dismiss {\n\t\t@include dismiss-square;\n\n\t\tgrid-area: dismiss;\n\t\tmargin-inline-start: $notification-dismiss-margin;\n\t}\n}\n","$features-icon: true !default;\n$icon-dimensions: 1em !default;\n\n.icon {\n\tdisplay: inline-flex;\n\talign-items: center;\n\tjustify-content: center;\n\n\t&,\n\tsvg,\n\timg {\n\t\twidth: $icon-dimensions;\n\t\theight: $icon-dimensions;\n\t}\n\n\t&.icon-rounded {\n\t\tpadding: 0.6rem; // ensures icon is not cut off by rounded border\n\t\tborder-radius: 50%;\n\t}\n}\n","$dimensions: 16 24 32 36 48 64 76 88 96 112 128 !default;\n\n.image {\n\tdisplay: block;\n\tposition: relative;\n\n\timg,\n\tsvg {\n\t\tdisplay: block;\n\t\twidth: 100%;\n\t\theight: auto;\n\t\tmax-height: 100%;\n\t}\n\n\t&.image-fullwidth {\n\t\twidth: 100%;\n\t\theight: auto;\n\t\tobject-fit: cover;\n\t\tmargin: 0;\n\t}\n\n\t// Sizes\n\n\t@each $dimension in $dimensions {\n\t\t&.image-#{$dimension}x#{$dimension} {\n\t\t\twidth: $dimension * 1px;\n\t\t\theight: $dimension * 1px;\n\t\t}\n\n\t\t@include tablet {\n\t\t\t&.image-#{$dimension}x#{$dimension}-tablet {\n\t\t\t\twidth: $dimension * 1px;\n\t\t\t\theight: $dimension * 1px;\n\t\t\t}\n\t\t}\n\n\t\t@include desktop {\n\t\t\t&.image-#{$dimension}x#{$dimension}-desktop {\n\t\t\t\twidth: $dimension * 1px;\n\t\t\t\theight: $dimension * 1px;\n\t\t\t}\n\t\t}\n\t}\n}\n","$persona-font-size-sm: $font-size-9 !default;\n$persona-font-size-md: $font-size-8 !default;\n$persona-font-size-lg: $font-size-7 !default;\n\n$persona-avatar-background-color: $alternate-background-medium !default;\n$persona-avatar-font-color: $text-invert !default;\n$persona-avatar-border-radius: $border-radius-rounded;\n\n$persona-details-font-color: $text-subtle !default;\n$persona-name-font-size: $font-size-7 !default;\n$persona-name-font-color: $text !default;\n$persona-name-font-weight: $weight-semibold !default;\n\n$persona-gap-size: $layout-1 !default;\n\n.persona {\n\tdisplay: flex;\n\tposition: relative;\n\tgap: $persona-gap-size;\n\tfont-size: $persona-font-size-md;\n\tline-height: $line-height-normal;\n\n\t.persona-avatar {\n\t\tflex-shrink: 0;\n\t\twidth: 2.6666em;\n\t\theight: 2.6666em;\n\t\tborder-radius: $persona-avatar-border-radius;\n\t\tbackground-color: $persona-avatar-background-color;\n\t\tcolor: $persona-avatar-font-color;\n\n\t\timg,\n\t\tsvg {\n\t\t\twidth: 100%;\n\t\t\theight: auto;\n\t\t\tborder-radius: $persona-avatar-border-radius;\n\t\t\taspect-ratio: 1 / 1;\n\t\t}\n\t}\n\n\t.persona-details {\n\t\talign-self: center;\n\t\tcolor: $persona-details-font-color;\n\n\t\t.persona-name {\n\t\t\tcolor: $persona-name-font-color;\n\t\t\tfont-size: 1.3333em;\n\t\t\tfont-weight: $persona-name-font-weight;\n\t\t}\n\t}\n\n\t// Sizes\n\n\t&.persona-sm {\n\t\tfont-size: $persona-font-size-sm;\n\t}\n\n\t&.persona-lg {\n\t\tfont-size: $persona-font-size-lg;\n\t}\n}\n","$popover-background-color: $body-background !default;\n$popover-border: $border-width solid $border !default;\n$popover-border-radius: $border-radius !default;\n$popover-shadow: $box-shadow-heavy !default;\n$popover-width: 224px !default;\n\n.popover {\n\tdisplay: inline-block;\n\tposition: relative;\n\n\tsummary {\n\t\tlist-style: none;\n\n\t\t&::-webkit-details-marker {\n\t\t\tdisplay: none;\n\t\t}\n\t}\n\n\t.popover-content {\n\t\tposition: absolute;\n\t\twidth: $popover-width;\n\t\tmargin-block-start: $spacer-3;\n\t\tpadding: $spacer-5;\n\t\tborder: $popover-border;\n\t\tborder-radius: $popover-border-radius;\n\t\tbackground-color: $popover-background-color;\n\t\tbox-shadow: $popover-shadow;\n\t\tz-index: $zindex-popover;\n\t}\n\n\t&.popover-right {\n\t\t.popover-content {\n\t\t\tinset-inline-end: 0;\n\t\t}\n\t}\n\n\t&.popover-center {\n\t\t.popover-content {\n\t\t\tinset-inline-start: -25%;\n\t\t}\n\t}\n}\n","$font-size-lg: $font-size-6 !default;\n$font-size-sm: $font-size-8 !default;\n\n$pagination-color: $text !default;\n$pagination-border-color: $border !default;\n$pagination-margin: 0.25rem !default;\n\n$pagination-hover-color: $primary-hover !default;\n$pagination-hover-border-color: $primary-hover !default;\n\n$pagination-focus-color: $primary-active !default;\n$pagination-focus-border-color: $primary-active !default;\n\n$pagination-active-color: $primary-active !default;\n$pagination-active-border-color: $primary-active !default;\n\n$pagination-disabled-color: $secondary !default;\n$pagination-disabled-background-color: $secondary-background !default;\n$pagination-disabled-border-color: $secondary-background !default;\n\n$pagination-current-color: $text-invert !default;\n$pagination-current-background-color: $primary !default;\n$pagination-current-background-color-hover: $primary-hover !default;\n$pagination-current-border-color: $text-invert !default;\n\n$pagination-ellipsis-color: $secondary-background !default;\n\n$pagination-shadow-inset: inset 0 1px 2px $box-shadow-color-light;\n\n.pagination {\n\tflex-wrap: wrap;\n\tmargin: -$pagination-margin;\n}\n\n.pagination-list {\n\tflex-grow: 1;\n}\n\n.pagination,\n.pagination-list {\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: center;\n\tmargin: 0;\n\ttext-align: center;\n\n\t> li {\n\t\tmargin: $pagination-margin;\n\t\tlist-style: none !important; //specificity battle\n\t}\n}\n\n.pagination-link {\n\t&.is-current {\n\t\tborder-color: $pagination-current-border-color;\n\t\tbackground-color: $pagination-current-background-color;\n\t\tcolor: $pagination-current-color;\n\n\t\t&:hover {\n\t\t\tbackground-color: $pagination-current-background-color-hover;\n\t\t\tcolor: $pagination-current-color;\n\t\t}\n\t}\n\n\t@include forced-colors {\n\t\t&::after {\n\t\t\tdisplay: block;\n\t\t\tposition: absolute;\n\t\t\twidth: 0.375em;\n\t\t\theight: 0.375em;\n\t\t\tborder: 1px solid LinkText;\n\t\t\tborder-radius: $border-radius-rounded;\n\t\t\tbackground-color: LinkText;\n\t\t\tcontent: '';\n\t\t\tinset-block-start: 0.25em;\n\t\t\tinset-inline-end: 0.25em;\n\t\t\tforced-color-adjust: none;\n\t\t}\n\t}\n}\n\n.pagination-ellipsis {\n\tcolor: $pagination-ellipsis-color;\n\tpointer-events: none;\n}\n\n.pagination-previous,\n.pagination-next {\n\tflex-grow: 0;\n\tflex-shrink: 1;\n\tpadding-inline: 0.75em;\n\twhite-space: nowrap;\n}\n\n.pagination-previous,\n.pagination-next,\n.pagination-link,\n.pagination-ellipsis {\n\t@include control;\n\t@include unselectable;\n\t@include transparent-effects;\n\n\tjustify-content: center;\n\tfont-size: 1em;\n\tpadding-inline: 0.5em;\n\ttext-align: center;\n}\n\n.pagination-previous,\n.pagination-next,\n.pagination-link {\n\tmin-width: 2.25em;\n\tborder-color: $pagination-border-color;\n\tcolor: $pagination-color;\n\ttext-decoration: none;\n\n\t&:hover {\n\t\tborder-color: $pagination-hover-border-color;\n\t\tcolor: $pagination-hover-color;\n\t\ttext-decoration: none;\n\t}\n\n\t&[disabled] {\n\t\tborder-color: $pagination-disabled-border-color;\n\t\tbackground-color: $pagination-disabled-background-color;\n\t\topacity: 0.5;\n\t\tcolor: $pagination-disabled-color;\n\t\tpointer-events: none;\n\t}\n}\n\n.pagination-center {\n\t@include orientation-landscape {\n\t\t.pagination-previous {\n\t\t\torder: 1;\n\t\t}\n\n\t\t.pagination-list {\n\t\t\tjustify-content: center;\n\t\t\torder: 2;\n\t\t}\n\n\t\t.pagination-next {\n\t\t\torder: 3;\n\t\t}\n\t}\n}\n\n@include tablet {\n\t.pagination-list {\n\t\tflex-grow: 0;\n\t\tflex-shrink: 1;\n\t\tjustify-content: flex-start;\n\t\torder: 1;\n\t}\n\n\t.pagination-previous {\n\t\torder: 2;\n\t}\n\n\t.pagination-next {\n\t\torder: 3;\n\t}\n\n\t.pagination {\n\t\tjustify-content: center;\n\n\t\t&.pagination-center {\n\t\t\t.pagination-previous {\n\t\t\t\torder: 1;\n\t\t\t}\n\n\t\t\t.pagination-list {\n\t\t\t\tjustify-content: center;\n\t\t\t\torder: 2;\n\t\t\t}\n\n\t\t\t.pagination-next {\n\t\t\t\torder: 3;\n\t\t\t}\n\t\t}\n\t}\n}\n","$table-cell-vertical-padding: $spacer-5 !default;\n$table-cell-horizontal-padding: $spacer-6 !default;\n$table-cell-padding-compact: $spacer-3 !default;\n$table-cell-padding-loose: $spacer-8 !default;\n\n$table-caption-padding: $spacer-6 !default;\n$table-caption-size: $font-size-9 !default;\n$table-caption-spacing: $letter-spacing-medium !default;\n\n.table-wrapper {\n\toverflow-x: auto;\n\toverflow-y: hidden;\n\t-webkit-overflow-scrolling: touch;\n}\n\n.table {\n\twidth: 100%;\n\tfont-size: $font-size-8;\n\tborder-collapse: collapse;\n\ttable-layout: auto;\n\n\t&:not(.table-simple) {\n\t\tborder: 1px solid $table-border-dark;\n\t}\n\n\tcaption {\n\t\tpadding: $table-caption-padding;\n\t\tfont-size: $table-caption-size;\n\t\tfont-weight: $weight-semibold;\n\t\tletter-spacing: $table-caption-spacing;\n\t\ttext-align: $user-right;\n\t\ttext-transform: uppercase;\n\t}\n\n\tth,\n\ttd {\n\t\tdisplay: table-cell;\n\t\tword-wrap: break-word;\n\t\tpadding: $table-cell-vertical-padding $table-cell-horizontal-padding;\n\t\tborder-block-start: 1px solid $table-border-dark;\n\t\tline-height: 1.5;\n\t\tvertical-align: top;\n\t}\n\n\tth:not([align]) {\n\t\ttext-align: $user-left;\n\t}\n\n\t&.table-stacked-mobile {\n\t\t@include discouraged-mobile {\n\t\t\tth,\n\t\t\ttd {\n\t\t\t\tdisplay: block;\n\t\t\t\twidth: 100%;\n\t\t\t}\n\n\t\t\tth:not(:nth-child(1)),\n\t\t\ttd:not(:nth-child(1)) {\n\t\t\t\tpadding-block-start: 0;\n\t\t\t\tborder-width: 0;\n\t\t\t}\n\n\t\t\tthead tr:nth-child(1) th,\n\t\t\ttbody tr:nth-child(1) td {\n\t\t\t\tborder-block-start: none;\n\t\t\t}\n\n\t\t\tthead tr > th:last-child {\n\t\t\t\tborder-block-end: 1px solid $table-border-dark;\n\t\t\t}\n\t\t}\n\t}\n\n\t&.table-borderless {\n\t\tborder: none;\n\n\t\tth,\n\t\ttd {\n\t\t\tborder: none;\n\t\t}\n\t}\n\n\t&.table-complex {\n\t\tthead tr,\n\t\ttfoot tr {\n\t\t\tbackground-color: $table-header;\n\t\t}\n\n\t\tth,\n\t\ttd {\n\t\t\tborder: 1px solid $table-border-dark;\n\t\t}\n\t}\n\n\t&.table-striped {\n\t\ttbody tr:nth-of-type(even) {\n\t\t\tbackground-color: $table-row;\n\t\t}\n\t}\n\n\t&.table-sm {\n\t\tth,\n\t\ttd {\n\t\t\tpadding: $table-cell-padding-compact;\n\t\t}\n\t}\n\n\t&.table-lg {\n\t\tth,\n\t\ttd {\n\t\t\tpadding: $table-cell-padding-loose;\n\t\t}\n\t}\n}\n","$toggle-transition: $input-transition-duration cubic-bezier(0.01, 1.23, 0.58, 0.96) !default;\n$toggle-circle-size: 0.75em !default;\n$toggle-circle-top: 0.1875em !default;\n$toggle-circle-distance-from-border: 1em - $toggle-circle-size;\n\n$toggle-unselected-circle-color: $text-subtle !default;\n$toggle-unselected-border-color: $text-subtle !default;\n$toggle-unselected-background-color: $body-background !default;\n$toggle-selected-background-color: $primary !default;\n$toggle-circle-selected-background-color: $body-background !default;\n\n.toggle {\n\tlabel {\n\t\tdisplay: block;\n\t\tposition: relative;\n\t\twidth: 2.5em;\n\t\theight: 1.25em;\n\t\ttransition: $input-transition-duration linear;\n\t\ttransition-property: background-color, border-color;\n\t\tborder: 0.065em solid $toggle-unselected-border-color;\n\t\tborder-radius: $border-radius-rounded;\n\t\tbackground-color: $toggle-unselected-background-color;\n\t\tcursor: pointer;\n\n\t\t@include forced-colors {\n\t\t\tborder-color: CanvasText !important;\n\t\t\tbackground-color: Canvas !important;\n\t\t}\n\n\t\t&::after {\n\t\t\tdisplay: block;\n\t\t\tposition: absolute;\n\t\t\twidth: $toggle-circle-size;\n\t\t\theight: $toggle-circle-size;\n\t\t\ttransition: $toggle-transition;\n\t\t\ttransition-property: inset-inline-start, border-color, background-color;\n\t\t\tborder-radius: $border-radius-rounded;\n\t\t\tinset-block-start: $toggle-circle-top;\n\t\t\tinset-inline-start: $toggle-circle-distance-from-border;\n\t\t\tbackground-color: $toggle-unselected-circle-color;\n\t\t\tcontent: '';\n\n\t\t\t@include forced-colors {\n\t\t\t\tbackground-color: CanvasText !important;\n\t\t\t}\n\t\t}\n\t}\n\n\t/* stylelint-disable -- want to keep [type=\"checkbox\"] as a requirement here */\n\t&.is-selected label,\n\tinput[type='checkbox']:checked + label {\n\t\t/* stylelint-enable */\n\t\tborder-color: $toggle-selected-background-color;\n\t\tbackground-color: $toggle-selected-background-color;\n\n\t\t@include forced-colors {\n\t\t\tborder-color: LinkText !important;\n\t\t\tbackground-color: LinkText !important;\n\t\t}\n\n\t\t&::after {\n\t\t\tbackground-color: $toggle-circle-selected-background-color;\n\t\t\tinset-inline-start: calc(100% - ($toggle-circle-distance-from-border + $toggle-circle-size));\n\n\t\t\t@include forced-colors {\n\t\t\t\tbackground-color: Canvas !important;\n\t\t\t}\n\t\t}\n\t}\n\n\t/* stylelint-disable-next-line -- want to keep [type=\"checkbox\"] as a requirement here */\n\tinput[type='checkbox'] {\n\t\t@include visually-hidden();\n\n\t\t@include focus-visible() {\n\t\t\t+ label {\n\t\t\t\t@extend %focus;\n\t\t\t}\n\t\t}\n\n\t\t&:disabled + label {\n\t\t\topacity: 0.6;\n\t\t\tcursor: not-allowed;\n\t\t}\n\t}\n}\n",".scroll-horizontal {\n\toverflow-x: auto;\n\toverflow-y: hidden;\n\t-webkit-overflow-scrolling: touch;\n}\n\n.scroll-vertical {\n\toverflow-x: hidden;\n\toverflow-y: auto;\n\t-webkit-overflow-scrolling: touch;\n}\n\n.scroll-snap-container {\n\tgap: 1rem;\n\theight: max-content;\n\tmargin-block: 1rem;\n\tscroll-behavior: smooth;\n\tscroll-snap-type: x mandatory;\n}\n\n.scroll-snap-item {\n\tflex-basis: 90%;\n\tmin-width: 80%;\n\theight: auto;\n\tscroll-snap-align: center;\n}\n",".stretched-link {\n\t&::before {\n\t\tposition: absolute;\n\t\tcontent: '';\n\t\tz-index: $zindex-stretched-link;\n\t\tinset: 0;\n\t}\n}\n","$aspect-ratios: (\n\t'1-1': '1 / 1',\n\t'2-1': '2 / 1',\n\t'4-3': '4 / 3',\n\t'9-16': '9 / 16',\n\t'16-9': '16 / 9'\n) !default;\n\n@each $name, $ratio in $aspect-ratios {\n\t.aspect-ratio-#{$name} {\n\t\taspect-ratio: #{$ratio} !important;\n\t}\n}\n","// Font family\n\n.font-family-monospace {\n\tfont-family: $monospace-font-stack !important;\n\t-moz-osx-font-smoothing: auto;\n\t-webkit-font-smoothing: auto;\n}\n\n.font-family-quote {\n\tfont-family: $quote-font-stack !important;\n}\n\n// Heading sizes\n\n.font-size-h0 {\n\tfont-size: $font-size-0 !important;\n}\n\n.font-size-h1 {\n\tfont-size: $font-size-1 !important;\n}\n\n.font-size-h2 {\n\tfont-size: $font-size-2 !important;\n}\n\n.font-size-h3 {\n\tfont-size: $font-size-3 !important;\n}\n\n.font-size-h4 {\n\tfont-size: $font-size-4 !important;\n}\n\n.font-size-h5 {\n\tfont-size: $font-size-5 !important;\n}\n\n.font-size-h6 {\n\tfont-size: $font-size-6 !important;\n}\n\n@include tablet {\n\t.font-size-h0-tablet {\n\t\tfont-size: $font-size-0 !important;\n\t}\n\n\t.font-size-h1-tablet {\n\t\tfont-size: $font-size-1 !important;\n\t}\n\n\t.font-size-h2-tablet {\n\t\tfont-size: $font-size-2 !important;\n\t}\n\n\t.font-size-h3-tablet {\n\t\tfont-size: $font-size-3 !important;\n\t}\n\n\t.font-size-h4-tablet {\n\t\tfont-size: $font-size-4 !important;\n\t}\n\n\t.font-size-h5-tablet {\n\t\tfont-size: $font-size-5 !important;\n\t}\n\n\t.font-size-h6-tablet {\n\t\tfont-size: $font-size-6 !important;\n\t}\n}\n\n// Non-heading sizes\n\n.font-size-xl {\n\tfont-size: $font-size-5 !important;\n}\n\n.font-size-lg {\n\tfont-size: $font-size-6 !important;\n}\n\n.font-size-md {\n\tfont-size: $font-size-7 !important;\n}\n\n.font-size-sm {\n\tfont-size: $font-size-8 !important;\n}\n\n.font-size-xs {\n\tfont-size: $font-size-9 !important;\n}\n\n// Non-heading sizes\n\n@include tablet {\n\t.font-size-xl-tablet {\n\t\tfont-size: $font-size-5 !important;\n\t}\n\n\t.font-size-lg-tablet {\n\t\tfont-size: $font-size-6 !important;\n\t}\n\n\t.font-size-md-tablet {\n\t\tfont-size: $font-size-7 !important;\n\t}\n\n\t.font-size-sm-tablet {\n\t\tfont-size: $font-size-8 !important;\n\t}\n\n\t.font-size-xs-tablet {\n\t\tfont-size: $font-size-9 !important;\n\t}\n}\n\n// Weight\n\n.font-weight-light {\n\tfont-weight: $weight-light !important;\n}\n\n.font-weight-semilight {\n\tfont-weight: $weight-semilight !important;\n}\n\n.font-weight-normal {\n\tfont-weight: $weight-normal !important;\n}\n\n.font-weight-semibold {\n\tfont-weight: $weight-semibold !important;\n}\n\n.font-weight-bold {\n\tfont-weight: $weight-bold !important;\n}\n\n// Case\n\n.font-style-italic {\n\tfont-style: italic !important;\n}\n\n.text-decoration-underline {\n\ttext-decoration: underline !important;\n}\n\n.text-decoration-none {\n\ttext-decoration: none !important;\n}\n\n// Letter Spacing\n\n.letter-spacing-wide {\n\tletter-spacing: $letter-spacing-wide !important;\n}\n\n.text-transform-uppercase {\n\ttext-transform: uppercase !important;\n}\n\n// Alignment\n\n.text-align-left {\n\ttext-align: start !important;\n}\n\n.text-align-center {\n\ttext-align: center !important;\n}\n\n.text-align-right {\n\ttext-align: end !important;\n}\n\n@include tablet {\n\t.text-align-left-tablet {\n\t\ttext-align: start !important;\n\t}\n\n\t.text-align-center-tablet {\n\t\ttext-align: center !important;\n\t}\n\n\t.text-align-right-tablet {\n\t\ttext-align: end !important;\n\t}\n}\n\n// Line height\n\n.line-height-normal {\n\tline-height: $line-height-normal;\n}\n",".border {\n\tborder: $border-width solid $border !important;\n}\n\n.border-md {\n\tborder: $border-width-md solid $border !important;\n}\n\n.border-lg {\n\tborder: $border-width-lg solid $border !important;\n}\n\n.border-none {\n\tborder: none !important;\n}\n\n// Rules for each side\n\n@each $border-key, $direction in $logical-directions {\n\t.border-#{$border-key} {\n\t\tborder-#{$direction}: $border-width solid $border !important;\n\t}\n\n\t.border-#{$border-key}-md {\n\t\tborder-#{$direction}: $border-width-md solid $border !important;\n\t}\n\n\t.border-#{$border-key}-lg {\n\t\tborder-#{$direction}: $border-width-lg solid $border !important;\n\t}\n\n\t.border-#{$border-key}-none {\n\t\tborder-#{$direction}: 0 !important;\n\t}\n}\n\n@include tablet {\n\t.border-tablet {\n\t\tborder: $border-width solid $border !important;\n\t}\n\n\t.border-md-tablet {\n\t\tborder: $border-width-md solid $border !important;\n\t}\n\n\t.border-lg-tablet {\n\t\tborder: $border-width-lg solid $border !important;\n\t}\n\n\t.border-none-tablet {\n\t\tborder: none !important;\n\t}\n\n\t// Rules for each side\n\n\t@each $border-key, $direction in $logical-directions {\n\t\t.border-#{$border-key}-tablet {\n\t\t\tborder-#{$direction}: $border-width solid $border !important;\n\t\t}\n\n\t\t.border-#{$border-key}-md-tablet {\n\t\t\tborder-#{$direction}: $border-width-md solid $border !important;\n\t\t}\n\n\t\t.border-#{$border-key}-lg-tablet {\n\t\t\tborder-#{$direction}: $border-width-lg solid $border !important;\n\t\t}\n\n\t\t.border-#{$border-key}-none-tablet {\n\t\t\tborder-#{$direction}: 0 !important;\n\t\t}\n\t}\n}\n\n// Radius\n\n.border-radius-sm {\n\tborder-radius: $border-radius-sm !important;\n}\n\n.border-radius {\n\tborder-radius: $border-radius !important;\n}\n\n.border-radius-lg {\n\tborder-radius: $border-radius-lg !important;\n}\n\n.border-radius-rounded {\n\tborder-radius: $border-radius-rounded !important;\n}\n\n// Colors\n\n@each $name, $color-set in $colors {\n\t$base: nth($color-set, $color-index-base);\n\n\t.border-color-#{$name} {\n\t\tborder-color: $base !important;\n\t}\n}\n\n.border-color-accent {\n\tborder-color: $border-accent !important;\n}\n\n.border-high-contrast {\n\tborder: $border-width solid $border-white-high-contrast !important;\n\n\t&-hover:hover {\n\t\tborder: $border-width solid $border-yellow-high-contrast !important;\n\t}\n}\n","$background-sizes: 100, 200 !default;\n\n@each $size in $background-sizes {\n\t.background-size-#{$size} {\n\t\tbackground-size: #{$size}px;\n\t}\n}\n\n.background-image-pattern {\n\tbackground-image: var(--background-image-pattern);\n}\n","// Framework colors\n\n@each $name, $color-set in $colors {\n\t$base: nth($color-set, $color-index-base);\n\t$background: nth($color-set, $color-index-background);\n\t$dark: nth($color-set, $color-index-dark);\n\t$hover: nth($color-set, $color-index-hover);\n\t$active: nth($color-set, $color-index-active);\n\t$invert: nth($color-set, $color-index-invert);\n\n\t.color-#{$name} {\n\t\t@if $name == 'warning' {\n\t\t\tcolor: $active !important;\n\t\t} @else {\n\t\t\tcolor: $base !important;\n\t\t}\n\t}\n\n\ta.color-#{$name} {\n\t\t&:hover {\n\t\t\t@if $name == 'warning' {\n\t\t\t\tcolor: $active !important;\n\t\t\t} @else {\n\t\t\t\tcolor: $hover !important;\n\t\t\t}\n\t\t}\n\n\t\t@include focus-visible {\n\t\t\tcolor: $hover !important;\n\t\t}\n\n\t\t&:active {\n\t\t\tcolor: $active !important;\n\t\t}\n\t}\n\n\t.color-#{$name}-invert {\n\t\tcolor: $invert !important;\n\t}\n\n\t.background-color-#{$name} {\n\t\toutline-color: $invert;\n\t\tbackground-color: $base !important;\n\t}\n\n\t.background-color-#{$name}-invert {\n\t\toutline-color: $base;\n\t\tbackground-color: $invert !important;\n\t}\n\n\t.background-color-#{$name}-light {\n\t\toutline-color: $dark;\n\t\tbackground-color: $background !important;\n\t}\n\n\t.background-color-#{$name}-dark {\n\t\toutline-color: $background;\n\t\tbackground-color: $dark !important;\n\t}\n}\n\n@include tablet {\n\t@each $name, $color-set in $colors {\n\t\t$base: nth($color-set, $color-index-base);\n\t\t$invert: nth($color-set, $color-index-invert);\n\n\t\t.background-color-#{$name}-tablet {\n\t\t\toutline-color: $invert;\n\t\t\tbackground-color: $base !important;\n\t\t}\n\t}\n}\n\n// Text color\n\n.color-text {\n\tcolor: $text !important;\n}\n\n.color-text-invert {\n\tcolor: $text-invert !important;\n}\n\n.color-text-subtle {\n\tcolor: $text-subtle !important;\n}\n\n.color-text-overlay-invert {\n\tcolor: $overlay-invert;\n}\n\n.color-current-color {\n\tcolor: currentColor !important;\n}\n\n.fill-current-color {\n\t@include fill-current-color();\n}\n\n.outline-color-text {\n\toutline-color: $text !important;\n}\n\n.stroke-current-color {\n\tstroke: currentColor !important;\n}\n\n// Background color\n\n.background-color-body {\n\toutline-color: $text !important;\n\tbackground-color: $body-background !important;\n}\n\n.background-color-body-medium {\n\toutline-color: $text !important;\n\tbackground-color: $body-background-medium !important;\n}\n\n.background-color-alternate {\n\toutline-color: $text-invert !important;\n\tbackground-color: $alternate-background !important;\n}\n\n.background-color-alternate-medium {\n\toutline-color: $text-invert !important;\n\tbackground-color: $alternate-background-medium !important;\n}\n\n.background-color-overlay {\n\toutline-color: $overlay-invert;\n\tbackground-color: $overlay !important;\n}\n\n.background-color-alternating-grey {\n\tborder-block-start: 1px solid $border-white-high-contrast;\n\toutline-color: $text !important;\n\n\t&:nth-of-type(even) {\n\t\toutline-color: $text;\n\t\tbackground-color: $body-background;\n\t}\n\n\t&:nth-of-type(odd) {\n\t\toutline-color: $text;\n\t\tbackground-color: $body-background-medium;\n\t}\n}\n\n.background-color-alternating-grey-reversed {\n\tborder-block-start: 1px solid $border-white-high-contrast;\n\toutline-color: $text !important;\n\n\t&:nth-of-type(even) {\n\t\toutline-color: $text;\n\t\tbackground-color: $body-background-medium;\n\t}\n\n\t&:nth-of-type(odd) {\n\t\toutline-color: $text;\n\t\tbackground-color: $body-background;\n\t}\n}\n\n.background-color-body-accent {\n\toutline-color: $text !important;\n\tbackground-color: $body-background-accent !important;\n}\n\n// Static colors - do not change with theme\n\n.color-white-static {\n\tcolor: $white-static !important;\n}\n\n.color-black-static {\n\tcolor: $black-static !important;\n}\n\n.background-color-white-static {\n\tbackground-color: $white-static !important;\n}\n\n.background-color-black-static {\n\tbackground-color: $black-static !important;\n}\n","@each $item in $displays {\n\t.display-#{$item} {\n\t\tdisplay: #{$item} !important;\n\t}\n}\n\n@include tablet {\n\t@each $item in $displays {\n\t\t.display-#{$item}-tablet {\n\t\t\tdisplay: #{$item} !important;\n\t\t}\n\t}\n}\n\n@include desktop {\n\t@each $item in $displays {\n\t\t.display-#{$item}-desktop {\n\t\t\tdisplay: #{$item} !important;\n\t\t}\n\t}\n}\n\n@include widescreen {\n\t@each $item in $displays {\n\t\t.display-#{$item}-widescreen {\n\t\t\tdisplay: #{$item} !important;\n\t\t}\n\t}\n}\n\n[hidden] {\n\tdisplay: none !important;\n}\n","$separator: '-' !default;\n\n$gap-sizes: (\n\t('xxs', $layout-1),\n\t('xs', $layout-2),\n\t('sm', $layout-3),\n\t('md', $layout-4),\n\t('lg', $layout-5),\n\t// ('xl', $layout-6),\n\t// ('xxl', $layout-7),\n\t// ('xxxl', $layout-8),\n\t('none', $layout-0)\n);\n\n@function sizeValue($key, $value) {\n\t@return if($key == 'none', 0, $value);\n}\n\n@each $size in $gap-sizes {\n\t$sizeKey: nth($size, 1);\n\t$sizeValue: nth($size, 2);\n\n\t// .<property>-<value>\n\t.gap#{$separator}#{$sizeKey} {\n\t\tgap: sizeValue($sizeKey, $sizeValue) !important;\n\t}\n}\n\n@include tablet {\n\t@each $size in $gap-sizes {\n\t\t$sizeKey: nth($size, 1);\n\t\t$sizeValue: nth($size, 2);\n\n\t\t.gap#{$separator}#{$sizeKey}#{$separator}tablet {\n\t\t\tgap: $sizeValue !important;\n\t\t}\n\t}\n}\n\n@include desktop {\n\t@each $size in $gap-sizes {\n\t\t$sizeKey: nth($size, 1);\n\t\t$sizeValue: nth($size, 2);\n\n\t\t.gap#{$separator}#{$sizeKey}#{$separator}desktop {\n\t\t\tgap: $sizeValue !important;\n\t\t}\n\t}\n}\n\n@include widescreen {\n\t@each $size in $gap-sizes {\n\t\t$sizeKey: nth($size, 1);\n\t\t$sizeValue: nth($size, 2);\n\n\t\t.gap#{$separator}#{$sizeKey}#{$separator}widescreen {\n\t\t\tgap: $sizeValue !important;\n\t\t}\n\t}\n}\n",".overflow-hidden {\n\toverflow: hidden;\n}\n\n@include tablet {\n\t.overflow-hidden-tablet {\n\t\toverflow: hidden;\n\t}\n}\n",".box-shadow-none {\n\tbox-shadow: none !important;\n}\n\n.box-shadow-light {\n\tbox-shadow: $box-shadow-light !important;\n}\n\n.box-shadow-medium {\n\tbox-shadow: $box-shadow-medium !important;\n}\n\n.box-shadow-heavy {\n\tbox-shadow: $box-shadow-heavy !important;\n}\n\n.box-shadow-extra-heavy {\n\tbox-shadow: $box-shadow-extra-heavy !important;\n}\n","$auto-spacing-properties: (\n\t('margin-inline', 'margin-inline'),\n\t('margin-left', 'margin-inline-start'),\n\t('margin-right', 'margin-inline-end'),\n\t('margin-top', 'margin-block-start')\n) !default;\n\n$separator: '-';\n\n@each $property in $auto-spacing-properties {\n\t$classicProp: nth($property, 1);\n\t$logicalProp: nth($property, 2);\n\n\t// .<property>-auto\n\t.#{$classicProp}#{$separator}auto {\n\t\t#{$logicalProp}: auto !important;\n\t}\n}\n\n// .<property>-auto-<screensize>\n@each $property in $auto-spacing-properties {\n\t$classicProp: nth($property, 1);\n\t$logicalProp: nth($property, 2);\n\n\t@include tablet {\n\t\t.#{$classicProp}#{$separator}auto#{$separator}tablet {\n\t\t\t#{$logicalProp}: auto !important;\n\t\t}\n\t}\n}\n\n@each $property in $auto-spacing-properties {\n\t$classicProp: nth($property, 1);\n\t$logicalProp: nth($property, 2);\n\n\t@include desktop {\n\t\t.#{$classicProp}#{$separator}auto#{$separator}desktop {\n\t\t\t#{$logicalProp}: auto !important;\n\t\t}\n\t}\n}\n\n@each $property in $auto-spacing-properties {\n\t$classicProp: nth($property, 1);\n\t$logicalProp: nth($property, 2);\n\n\t@include widescreen {\n\t\t.#{$classicProp}#{$separator}auto#{$separator}widescreen {\n\t\t\t#{$logicalProp}: auto !important;\n\t\t}\n\t}\n}\n","$separator: '-' !default;\n$logical-spacing-properties: (\n\t('margin', 'margin'),\n\t('margin-inline', 'margin-inline'),\n\t('margin-block', 'margin-block'),\n\t('margin-top', 'margin-block-start'),\n\t('margin-bottom', 'margin-block-end'),\n\t('margin-left', 'margin-inline-start'),\n\t('margin-right', 'margin-inline-end'),\n\t('padding', 'padding'),\n\t('padding-inline', 'padding-inline'),\n\t('padding-block', 'padding-block'),\n\t('padding-top', 'padding-block-start'),\n\t('padding-bottom', 'padding-block-end'),\n\t('padding-left', 'padding-inline-start'),\n\t('padding-right', 'padding-inline-end')\n) !default;\n\n$layout-sizes: (\n\t('xxs', $layout-1),\n\t('xs', $layout-2),\n\t('sm', $layout-3),\n\t('md', $layout-4),\n\t('lg', $layout-5),\n\t('xl', $layout-6),\n\t('xxl', $layout-7),\n\t('xxxl', $layout-8),\n\t('none', $layout-0)\n);\n\n@function sizeValue($key, $value) {\n\t@return if($key == 'none', 0, $value);\n}\n\n// Pattern: <cssproperty>-<value>-<screen>\n\n@each $property in $logical-spacing-properties {\n\t$classicProp: nth($property, 1);\n\t$logicalProp: nth($property, 2);\n\n\t@each $size in $layout-sizes {\n\t\t$sizeKey: nth($size, 1);\n\t\t$sizeValue: nth($size, 2);\n\n\t\t// .<property>-<value>\n\t\t.#{$classicProp}#{$separator}#{$sizeKey} {\n\t\t\t#{$logicalProp}: sizeValue($sizeKey, $sizeValue) !important;\n\t\t}\n\t}\n}\n\n@include tablet {\n\t@each $property in $logical-spacing-properties {\n\t\t$classicProp: nth($property, 1);\n\t\t$logicalProp: nth($property, 2);\n\n\t\t@each $size in $layout-sizes {\n\t\t\t$sizeKey: nth($size, 1);\n\t\t\t$sizeValue: nth($size, 2);\n\n\t\t\t.#{$classicProp}#{$separator}#{$sizeKey}#{$separator}tablet {\n\t\t\t\t#{$logicalProp}: $sizeValue !important;\n\t\t\t}\n\t\t}\n\t}\n}\n\n@include desktop {\n\t@each $property in $logical-spacing-properties {\n\t\t$classicProp: nth($property, 1);\n\t\t$logicalProp: nth($property, 2);\n\n\t\t@each $size in $layout-sizes {\n\t\t\t$sizeKey: nth($size, 1);\n\t\t\t$sizeValue: nth($size, 2);\n\n\t\t\t.#{$classicProp}#{$separator}#{$sizeKey}#{$separator}desktop {\n\t\t\t\t#{$logicalProp}: $sizeValue !important;\n\t\t\t}\n\t\t}\n\t}\n}\n\n@include widescreen {\n\t@each $property in $logical-spacing-properties {\n\t\t$classicProp: nth($property, 1);\n\t\t$logicalProp: nth($property, 2);\n\n\t\t@each $size in $layout-sizes {\n\t\t\t$sizeKey: nth($size, 1);\n\t\t\t$sizeValue: nth($size, 2);\n\n\t\t\t.#{$classicProp}#{$separator}#{$sizeKey}#{$separator}widescreen {\n\t\t\t\t#{$logicalProp}: $sizeValue !important;\n\t\t\t}\n\t\t}\n\t}\n}\n","@use 'sass:map';\n\n$flex-atomics: (\n\t'justify-content': (\n\t\tflex-start,\n\t\tflex-end,\n\t\tcenter,\n\t\tspace-around,\n\t\tspace-between,\n\t\tspace-evenly\n\t),\n\t'align-items': (\n\t\tflex-start,\n\t\tflex-end,\n\t\tcenter,\n\t\tbaseline,\n\t\tstretch\n\t),\n\t'align-content': (\n\t\tflex-start,\n\t\tflex-end,\n\t\tcenter,\n\t\tspace-around,\n\t\tspace-between,\n\t\tstretch\n\t),\n\t'align-self': (\n\t\tflex-start,\n\t\tflex-end,\n\t\tcenter,\n\t\tbaseline,\n\t\tstretch\n\t),\n\t'flex-direction': (\n\t\trow,\n\t\tcolumn,\n\t\tcolumn-reverse,\n\t\trow-reverse\n\t),\n\t'flex-wrap': (\n\t\tnowrap,\n\t\twrap,\n\t\twrap-reverse\n\t),\n\t'flex-shrink': (\n\t\t0,\n\t\t1\n\t),\n\t'flex-grow': (\n\t\t0,\n\t\t1\n\t)\n) !default;\n\n@each $key in map.keys($flex-atomics) {\n\t@each $value in map.get($flex-atomics, $key) {\n\t\t.#{$key}-#{$value} {\n\t\t\t#{$key}: $value !important;\n\t\t}\n\t}\n}\n\n@include tablet {\n\t@each $key in map.keys($flex-atomics) {\n\t\t@each $value in map.get($flex-atomics, $key) {\n\t\t\t.#{$key}-#{$value}-tablet {\n\t\t\t\t#{$key}: $value !important;\n\t\t\t}\n\t\t}\n\t}\n}\n","@each $item in $positions {\n\t.position-#{$item} {\n\t\tposition: #{$item} !important;\n\t}\n}\n\n@include tablet {\n\t@each $item in $positions {\n\t\t.position-#{$item}-tablet {\n\t\t\tposition: #{$item} !important;\n\t\t}\n\t}\n}\n\n@each $side, $direction in $logical-directions {\n\t.#{$side}-0 {\n\t\tinset-#{$direction}: 0;\n\t}\n}\n",".line-clamp-1 {\n\t@include line-clamp(1);\n}\n\n.line-clamp-2 {\n\t@include line-clamp(2);\n}\n\n.line-clamp-3 {\n\t@include line-clamp(3);\n}\n\n.line-clamp-4 {\n\t@include line-clamp(4);\n}\n",".object-fit-contain {\n\tobject-fit: contain !important;\n}\n\n.object-fit-cover {\n\tobject-fit: cover !important;\n}\n\n.object-fit-fill {\n\tobject-fit: fill !important;\n}\n\n.object-position-top {\n\tobject-position: top !important;\n}\n",".list-style-none {\n\tlist-style: none !important;\n}\n","@use 'sass:list';\n\n$universal-widths: auto, 100, 150, 200, 250, 300, 350 !default;\n$mobile-incompatible-widths: 400, 450, 500, unset !default;\n$all-widths: list.join($universal-widths, $mobile-incompatible-widths);\n\n// widths\n\n.width-full {\n\twidth: 100% !important;\n}\n\n@each $width in $universal-widths {\n\t$unit: if($width != auto, 'px', '');\n\t.width-#{$width} {\n\t\twidth: #{$width}#{$unit} !important;\n\t}\n}\n\n@include tablet {\n\t.width-full-tablet {\n\t\twidth: 100% !important;\n\t}\n\n\t@each $width in $all-widths {\n\t\t$unit: if($width != auto and $width != unset, 'px', '');\n\t\t.width-#{$width}-tablet {\n\t\t\twidth: #{$width}#{$unit} !important;\n\t\t}\n\t}\n}\n\n@include desktop {\n\t.width-full-desktop {\n\t\twidth: 100% !important;\n\t}\n\n\t@each $width in $all-widths {\n\t\t$unit: if($width != auto and $width != unset, 'px', '');\n\t\t.width-#{$width}-desktop {\n\t\t\twidth: #{$width}#{$unit} !important;\n\t\t}\n\t}\n}\n",".visually-hidden,\n::part(visually-hidden) {\n\t@include visually-hidden();\n}\n"],"names":[],"version":3,"file":"index.css.map"}
1
+ {"mappings":"AmBWA,4ZAgBC,uNCnBD,sZCRA,qtBCAA,iMCAA,kCCsCC,kCDtCD,gDGAA,8GCAA,gOAKC,g6BCLD,kICAA,yJCWA,oDAYA,cAQA,mBASA,gCAaA,oDAWA,wCAYA,yBASA,yGAUA,4BAUA,kDAWA,oBASA,8EAQA,kBAIA,cAWA,sBAYA,mGAgBA,8BAWA,kCAUA,0EAWA,qDAAA,4DAAA,2DAAA,4DAYA,oDAAA,2DAAA,0DAAA,2DAWA,oCAWA,qGAaA,iCAQA,uBASA,6DAUA,kBAUA,+DASA,iEASA,oEAYA,sBAQA,0BAWA,+BCnVA,4HA2BA,iDAUA,mBAIA,6BAMA,2BAIA,oCAMA,qCAMA,gBAIA,gDAKA,gBC9BE,6zGAiBA,iBACC,+zGAAA,4qGAYH,oJAaC,gCAAA,mDCvFD,oBAIA,oRAQA,4JAQA,+FAKA,4LCxBA,0EAYA,sFAcA,uEAOA,kCAMA,wDViBC,uCUjBD,uCAQA,qEVSC,uCUTD,2CCpBE,+SC1BF,kDAKA,oEAOA,gGAOA,2EAKA,6CAIA,iCAKA,sECxBA,8VAiBC,+BAGC,wEAIA,6KbGD,kCaHC,gEAcD,iDAGC,0EAIC,yFAMF,oICzDD,+SAMA,+BAGC,yEAIC,0FAUA,kMCAF,8SAmBC,6BAIA,+BAGC,kCAIA,oEAIA,qEAKD,mJAOA,wCAMA,oCAIA,qCAMA,gJAQA,6CAKA,6DAIC,mOAeA,8FASC,gJAMA,0IAfD,oGASC,wJAMA,gJAfD,iGASC,oJAMA,6IAfD,8FASC,gJAMA,0IAfD,qFASC,oIAMA,iIAfD,8FASC,gJAMA,0IAfD,2FASC,4IAMA,uIASH,+DAIC,gEAMA,qEAKA,kHAWC,oEAMC,0KAMA,qKAZD,wEAMC,kLAMA,2KAZD,sEAMC,8KAMA,wKAZD,oEAMC,0KAMA,qKAZD,8DAMC,8JAMA,4JAZD,oEAMC,0KAMA,qKAZD,kEAMC,sKAMA,kKAcH,qKAKC,gHAKA,uIAaC,yJAKC,iNAOA,4JAZD,iKAKC,2NAOA,kKAZD,6JAKC,sNAOA,+JAZD,yJAKC,iNAOA,4JAZD,6IAKC,kMAOA,mJAZD,yJAKC,iNAOA,4JAZD,qJAKC,4MAOA,yJEvOH,mFAMC,iDAIA,gDAIA,gEAIC,wLjBMD,uCiBAC,oGAUD,4CAIA,gDAME,uGAKA,+HAMA,+DAIA,2FAKA,kLAMC,0MrBtDF,wDqB8DE,8DAKD,wDC9EH,iZAcC,qFAKA,gFAKA,mJAaC,uDAKD,wFAOA,8JAUA,+DAIC,+EAKC,yHAWF,gFAKC,kJAQD,0JAYA,gSAiBC,sDAIA,sCAIA,qDAOD,gGAMA,0DAIC,gEAKD,yIASA,mJAWE,yHAKD,+DAIA,8DAIA,qHAOC,4HAKA,yEAMA,gHAQA,6DAIA,gEAMA,4ElBzMF,uCkBkNC,qCAGC,sFAMA,yECrPH,qECWA,4ECNA,8DAKC,iDAIA,mDCgBD,4FAOC,kDAIA,kVAcC,mEAIA,6CAKD,wCAIA,yCAIA,sLAGC,yIAIC,qSAQA,6GAKA,oIAeA,sJAIC,mHAOH,uHAIC,mRAQA,8GAMA,wRElHF,0JASC,mDAIA,oDAIA,iJ5BrBC,wK4BqCD,kCAIA,mCAIA,0D5B7CC,oF4BqDD,4D5BrDC,sF4B6DD,kDAGC,oFAKA,4DAGC,sKAWF,sEAIC,oHAIA,4PAcC,oHAMA,2GAOA,6GEtHH,2LAWC,+BAIA,wDAKA,sDAIA,uDAIA,oJ9B5BC,2K8B4CD,4CAIA,gE9BhDC,0F8BwDD,kE9BxDC,4F+BMF,yCAIC,qLAWC,mDAIC,8EAKD,yJ/B9BA,gL+BgDA,4EAIA,4UAiBA,gGAKD,oCAIA,qCAIA,mE/BlFC,6F+B0FD,qE/B1FC,+FgCUF,2DAKC,4SChCA,8BDgCA,qFAkBE,6IAMF,uCAgBA,4PCxEA,8BDwEA,uKAaE,sIAQD,kNC7FD,8BD6FC,4KAQE,sKAMF,0KAKD,8FE3GA,gDAIA,mEAKA,gHAKC,sG9BMD,uC8BXA,gCAeC,qDAIA,sDAMA,4CAIA,8DAGC,sGAOF,qFAOD,yHC9CA,6GASC,iD/BQA,kC+BRA,0FAaC,gEAUC,gEAOA,gEAOA,iEAOF,6F/B1CA,uC+B0CA,+B/BpCA,kC+BoCA,2KAmBA,wFAOC,gGAQD,kP/BtEA,kC+BsEA,uC/BhEA,kC+BgEA,0EAqBC,8BArBD,yDAyBC,gGAIA,8FAIA,0EChID,+EAAA,6FAWA,yCAGA,gVHpBA,8BGoBA,sDhCKA,uCgC6BC,mQArCD,0CAGA,8UHpBA,8BGoBA,uDhCKA,uCgC6BC,iQA0BD,8VAAA,oWE9ED,8KAKC,uHCJD,oGASC,+EAKA,mKAYA,gDEzBA,uZAoBC,yFAOC,8IDfH,yCAOC,oKASA,kEAOA,yCAIA,qCAIA,uDAKA,kCAGC,4EAKC,0CAKD,6CAKD,qCAGC,iFAKC,+CAKD,6CAKD,+JAQC,6EAMD,gGAMA,qGAOA,iGAOA,mHAQA,qHAQA,+EAMA,kIAOC,6EExJF,2CAIC,8HAQD,6CAKA,0DCCA,8IAUC,+DAKA,4EAKA,0KAOC,qHAKC,yHAOF,wDAIC,0FAKD,sCAGC,qDCtDF,uWAqBE,2JAKC,6IALD,mKAKC,mJALD,+JAKC,gJALD,2JAKC,6IALD,+IAKC,oIALD,2JAKC,6IALD,uJAKC,0IAMF,qCAGC,8EAIA,yKAUD,mEAGC,8IAOC,qGAKD,0IAMC,8IASF,gJC3FD,oEAKC,+CAOA,mDCbD,uCAIC,2EAQA,wEAUC,0C1CED,uC0CIE,kD1CEF,kC0CKE,mDAbD,0C1CED,uC0CIE,kD1CEF,kC0CKE,mDAbD,0C1CED,uC0CIE,kD1CEF,kC0CKE,mDAbD,0C1CED,uC0CIE,kD1CEF,kC0CKE,mDAbD,0C1CED,uC0CIE,kD1CEF,kC0CKE,mDAbD,0C1CED,uC0CIE,kD1CEF,kC0CKE,mDAbD,0C1CED,uC0CIE,kD1CEF,kC0CKE,mDAbD,0C1CED,uC0CIE,kD1CEF,kC0CKE,mDAbD,0C1CED,uC0CIE,kD1CEF,kC0CKE,mDAbD,8C1CED,uC0CIE,sD1CEF,kC0CKE,uDAbD,8C1CED,uC0CIE,sD1CEF,kC0CKE,uDCtBH,oFAOC,sLAQC,uHASD,2EAIC,mGASD,qCAIA,mCClDD,gDAIC,iCAGC,sDAKD,4TAaC,2DAMA,iECRF,0CAKA,6BAIA,+GAQC,2EAOA,4IAKC,6GhBzDD,8BgBgEC,iPAgBF,iFAKA,wGAQA,uJAcA,sJAQC,uKAMA,wP7ChHA,0F6C2HC,gDAIA,mEAKA,6C7CpHD,uC6C2HA,8EAOA,6BAIA,yBAIA,mCAIE,2DAIA,8EAKA,wDCxKH,kFAMA,+EAMC,0EAIA,iIASA,gLAUA,uC9CCA,iC8CKE,uFAMA,uIAMA,gIAKA,8GAMF,0FAUC,uGAKA,gGAOA,sFAMA,oDAOA,mDChGD,wQlBXA,8BkBWA,mFAiBC,iXlB5BD,8BkB4BC,2DAoBD,uJlBhDA,8BkBgDA,0IAWC,mKlB3DD,8BkB2DC,oHAWD,oLASC,0EChFF,sFAMA,oFAMA,yHAQA,oFCnBC,sECKD,gIlDgCC,kCkDhCD,oDAeA,2DAIA,kEAIA,oDAQA,qCAIA,iCAIA,iCAIA,iCAIA,mCAIA,qCASC,wIAOA,8JlD/CA,uCkDsDA,kIlDhDA,kCkDgDA,mJlD1CA,kCkD0CA,2MAmCA,4DAIA,iGlD7FA,uCkD6FA,wHlDvFA,kCkDuFA,wHlDjFA,kCkDiFA,+KAkCA,4DAIA,mGlDnIA,uCkDmIA,0HlD7HA,kCkD6HA,0HlDvHA,kCkDuHA,iLCpJA,2CAAA,2CAAA,6CAAA,+CAAA,+CCPD,sKAMA,mFAMA,2CAIA,yCAIA,2CAIA,0CAIA,yCAIA,0CAIA,2CpDZC,uCoDiBA,kDAIA,gDAIA,kDAIA,iDAIA,gDAIA,iDAIA,mDAOD,0CAIA,2CAIA,uCAIA,0CAIA,yCpDhEC,uCoDuEA,iDAIA,kDAIA,8CAIA,iDAIA,iDAOD,6CAIA,iDAIA,8CAIA,gDAIA,4CAMA,+CAIA,+DAIA,qDAMA,sDAIA,6DAMA,4CAIA,+CAIA,2CpDpJC,uCoDyJA,mDAIA,sDAIA,mDAOD,oCClMA,uDAIA,8DAIA,6DAIA,mCAOC,uEAIA,8EAIA,6EAIA,gDAZA,wEAIA,+EAIA,8EAIA,iDAZA,wEAIA,+EAIA,8EAIA,iDAZA,yEAIA,gFAIA,+EAIA,kDrDLA,uCqDWA,8DAIA,qEAIA,oEAIA,0CAOC,8EAIA,qFAIA,oFAIA,uDAZA,+EAIA,sFAIA,qFAIA,wDAZA,+EAIA,sFAIA,qFAIA,wDAZA,gFAIA,uFAIA,sFAIA,0DAQF,kDAIA,8CAIA,kDAIA,wDASC,uEAAA,2EAAA,yEAAA,uEAAA,iEAAA,uEAAA,qEAKD,uEAIA,yFAGC,sGC1GA,2CAAA,2CAKD,2ECEC,yDASC,+FAYA,mEAKD,kEAIA,yHAKA,gIAKA,mIAKA,kIA7CA,6DASC,qGAYA,uEAKD,sEAIA,+HAKA,sIAKA,yIAKA,wIA7CA,2DASC,kGAYA,qEAKD,oEAIA,4HAKA,mIAKA,sIAKA,qIA7CA,yDASC,+FAYA,mEAKD,kEAIA,yHAKA,gIAKA,mIAKA,kIA7CA,mDASC,sFAYA,6DAKD,4DAIA,gHAKA,uHAKA,0HAKA,yHA7CA,iF3DQC,yE2DaA,mEAKD,kEAIA,yHAKA,gIAKA,mIAKA,kIA7CA,uDASC,4FAYA,iEAKD,gEAIA,sHAKA,6HAKA,gIAKA,+HvD7BA,uCuDwCC,gIAAA,sIAAA,mIAAA,gIAAA,uHAAA,gIAAA,8HASF,8CAIA,4DAIA,4DAIA,6DAIA,kDAIA,yEAIA,8DAIA,oDAMA,yHAKA,uIAKA,0IAKA,wJAKA,oHAKA,kJAIC,iIAKA,yIAMD,2JAIC,iJAKA,2IAMD,uIAOA,yCAIA,yCAIA,+DAIA,+DCtLC,uCAAA,qCAAA,yCAAA,qDAAA,mDAAA,qCAAA,qCxDyBA,uCwDlBC,8CAAA,4CAAA,gDAAA,4DAAA,0DAAA,4CAAA,6CxDwBD,kCwDhBC,+CAAA,6CAAA,iDAAA,6DAAA,2DAAA,6CAAA,8CxDsBD,kCwDdC,kDAAA,gDAAA,oDAAA,gEAAA,8DAAA,gDAAA,iDAMF,gCCPC,6BAAA,2BAAA,6BAAA,2BAAA,2BAAA,0BzDGA,uCyDOC,oCAAA,kCAAA,oCAAA,kCAAA,kCAAA,kCzDDD,kCyDYC,qCAAA,mCAAA,qCAAA,mCAAA,mCAAA,mCzDND,kCyDiBC,wCAAA,sCAAA,wCAAA,sCAAA,sCAAA,sCCvDF,iC1D0BC,uC0DrBA,yCCLD,2CAIA,kIAIA,oIAIA,qIAIA,kJCFC,iDAAA,qDAAA,oDAAA,mD5DYA,uC4DDC,wDAAA,4DAAA,2DAAA,2D5DOD,kC4DIC,yDAAA,6DAAA,4DAAA,4D5DED,kC4DSC,4DAAA,gEAAA,+DAAA,+DCFA,mCAAA,iCAAA,mCAAA,iCAAA,iCAAA,iCAAA,kCAAA,mCAAA,gCAAA,iDAAA,+CAAA,iDAAA,+CAAA,+CAAA,+CAAA,gDAAA,iDAAA,8CAAA,+CAAA,6CAAA,+CAAA,6CAAA,6CAAA,6CAAA,8CAAA,+CAAA,4CAAA,mDAAA,iDAAA,mDAAA,iDAAA,iDAAA,iDAAA,kDAAA,mDAAA,gDAAA,oDAAA,kDAAA,oDAAA,kDAAA,kDAAA,kDAAA,mDAAA,oDAAA,iDAAA,qDAAA,mDAAA,qDAAA,mDAAA,mDAAA,mDAAA,oDAAA,qDAAA,kDAAA,oDAAA,kDAAA,oDAAA,kDAAA,kDAAA,kDAAA,mDAAA,oDAAA,iDAAA,qCAAA,mCAAA,qCAAA,mCAAA,mCAAA,mCAAA,oCAAA,qCAAA,kCAAA,mDAAA,iDAAA,mDAAA,iDAAA,iDAAA,iDAAA,kDAAA,mDAAA,gDAAA,iDAAA,+CAAA,iDAAA,+CAAA,+CAAA,+CAAA,gDAAA,iDAAA,8CAAA,qDAAA,mDAAA,qDAAA,mDAAA,mDAAA,mDAAA,oDAAA,qDAAA,kDAAA,sDAAA,oDAAA,sDAAA,oDAAA,oDAAA,oDAAA,qDAAA,sDAAA,mDAAA,uDAAA,qDAAA,uDAAA,qDAAA,qDAAA,qDAAA,sDAAA,uDAAA,oDAAA,sDAAA,oDAAA,sDAAA,oDAAA,oDAAA,oDAAA,qDAAA,sDAAA,mD7DnBD,uC6DkCE,0CAAA,wCAAA,0CAAA,wCAAA,wCAAA,wCAAA,yCAAA,0CAAA,uCAAA,wDAAA,sDAAA,wDAAA,sDAAA,sDAAA,sDAAA,uDAAA,wDAAA,qDAAA,sDAAA,oDAAA,sDAAA,oDAAA,oDAAA,oDAAA,qDAAA,sDAAA,mDAAA,0DAAA,wDAAA,0DAAA,wDAAA,wDAAA,wDAAA,yDAAA,0DAAA,uDAAA,2DAAA,yDAAA,2DAAA,yDAAA,yDAAA,yDAAA,0DAAA,2DAAA,wDAAA,4DAAA,0DAAA,4DAAA,0DAAA,0DAAA,0DAAA,2DAAA,4DAAA,yDAAA,2DAAA,yDAAA,2DAAA,yDAAA,yDAAA,yDAAA,0DAAA,2DAAA,wDAAA,4CAAA,0CAAA,4CAAA,0CAAA,0CAAA,0CAAA,2CAAA,4CAAA,yCAAA,0DAAA,wDAAA,0DAAA,wDAAA,wDAAA,wDAAA,yDAAA,0DAAA,uDAAA,wDAAA,sDAAA,wDAAA,sDAAA,sDAAA,sDAAA,uDAAA,wDAAA,qDAAA,4DAAA,0DAAA,4DAAA,0DAAA,0DAAA,0DAAA,2DAAA,4DAAA,yDAAA,6DAAA,2DAAA,6DAAA,2DAAA,2DAAA,2DAAA,4DAAA,6DAAA,0DAAA,8DAAA,4DAAA,8DAAA,4DAAA,4DAAA,4DAAA,6DAAA,8DAAA,2DAAA,6DAAA,2DAAA,6DAAA,2DAAA,2DAAA,2DAAA,4DAAA,6DAAA,2D7D5BF,kC6D4CE,2CAAA,yCAAA,2CAAA,yCAAA,yCAAA,yCAAA,0CAAA,2CAAA,wCAAA,yDAAA,uDAAA,yDAAA,uDAAA,uDAAA,uDAAA,wDAAA,yDAAA,sDAAA,uDAAA,qDAAA,uDAAA,qDAAA,qDAAA,qDAAA,sDAAA,uDAAA,oDAAA,2DAAA,yDAAA,2DAAA,yDAAA,yDAAA,yDAAA,0DAAA,2DAAA,wDAAA,4DAAA,0DAAA,4DAAA,0DAAA,0DAAA,0DAAA,2DAAA,4DAAA,yDAAA,6DAAA,2DAAA,6DAAA,2DAAA,2DAAA,2DAAA,4DAAA,6DAAA,0DAAA,4DAAA,0DAAA,4DAAA,0DAAA,0DAAA,0DAAA,2DAAA,4DAAA,yDAAA,6CAAA,2CAAA,6CAAA,2CAAA,2CAAA,2CAAA,4CAAA,6CAAA,0CAAA,2DAAA,yDAAA,2DAAA,yDAAA,yDAAA,yDAAA,0DAAA,2DAAA,wDAAA,yDAAA,uDAAA,yDAAA,uDAAA,uDAAA,uDAAA,wDAAA,yDAAA,sDAAA,6DAAA,2DAAA,6DAAA,2DAAA,2DAAA,2DAAA,4DAAA,6DAAA,0DAAA,8DAAA,4DAAA,8DAAA,4DAAA,4DAAA,4DAAA,6DAAA,8DAAA,2DAAA,+DAAA,6DAAA,+DAAA,6DAAA,6DAAA,6DAAA,8DAAA,+DAAA,4DAAA,8DAAA,4DAAA,8DAAA,4DAAA,4DAAA,4DAAA,6DAAA,8DAAA,4D7DtCF,kC6DsDE,8CAAA,4CAAA,8CAAA,4CAAA,4CAAA,4CAAA,6CAAA,8CAAA,2CAAA,4DAAA,0DAAA,4DAAA,0DAAA,0DAAA,0DAAA,2DAAA,4DAAA,yDAAA,0DAAA,wDAAA,0DAAA,wDAAA,wDAAA,wDAAA,yDAAA,0DAAA,uDAAA,8DAAA,4DAAA,8DAAA,4DAAA,4DAAA,4DAAA,6DAAA,8DAAA,2DAAA,+DAAA,6DAAA,+DAAA,6DAAA,6DAAA,6DAAA,8DAAA,+DAAA,4DAAA,gEAAA,8DAAA,gEAAA,8DAAA,8DAAA,8DAAA,+DAAA,gEAAA,6DAAA,+DAAA,6DAAA,+DAAA,6DAAA,6DAAA,6DAAA,8DAAA,+DAAA,4DAAA,gDAAA,8CAAA,gDAAA,8CAAA,8CAAA,8CAAA,+CAAA,gDAAA,6CAAA,8DAAA,4DAAA,8DAAA,4DAAA,4DAAA,4DAAA,6DAAA,8DAAA,2DAAA,4DAAA,0DAAA,4DAAA,0DAAA,0DAAA,0DAAA,2DAAA,4DAAA,yDAAA,gEAAA,8DAAA,gEAAA,8DAAA,8DAAA,8DAAA,+DAAA,gEAAA,6DAAA,iEAAA,+DAAA,iEAAA,+DAAA,+DAAA,+DAAA,gEAAA,iEAAA,8DAAA,kEAAA,gEAAA,kEAAA,gEAAA,gEAAA,gEAAA,iEAAA,kEAAA,+DAAA,iEAAA,+DAAA,iEAAA,+DAAA,+DAAA,+DAAA,gEAAA,iEAAA,+DCpCD,iEAAA,6DAAA,yDAAA,qEAAA,uEAAA,qEAAA,yDAAA,qDAAA,iDAAA,qDAAA,mDAAA,6DAAA,yDAAA,qDAAA,iEAAA,mEAAA,uDAAA,uDAAA,mDAAA,+CAAA,mDAAA,iDAAA,iDAAA,uDAAA,uEAAA,iEAAA,6CAAA,yCAAA,yDAAA,uCAAA,uCAAA,mCAAA,mC9D9BD,uC8DuCE,wEAAA,oEAAA,gEAAA,4EAAA,8EAAA,4EAAA,gEAAA,4DAAA,wDAAA,4DAAA,0DAAA,oEAAA,gEAAA,4DAAA,wEAAA,0EAAA,8DAAA,8DAAA,0DAAA,sDAAA,0DAAA,wDAAA,wDAAA,8DAAA,8EAAA,wEAAA,oDAAA,gDAAA,gEAAA,8CAAA,8CAAA,0CAAA,2CChEF,yCAAA,+CAAA,+CAAA,2C/DyBA,uC+DlBC,gDAAA,sDAAA,sDAAA,mDAOD,2BAAA,4BAAA,4BAAA,6BCfD,6CAIA,6CAIA,6CAIA,6CCZA,iDAIA,6CAIA,2CAIA,mDCZA,2CCQA,iCAMC,iCAAA,iCAAA,iCAAA,iCAAA,iCAAA,iCAAA,iCnEYA,uCmENA,wCAMC,wCAAA,wCAAA,wCAAA,wCAAA,wCAAA,wCAAA,wCAAA,wCAAA,wCAAA,wCAAA,2CnEMD,kCmECA,yCAMC,yCAAA,yCAAA,yCAAA,yCAAA,yCAAA,yCAAA,yCAAA,yCAAA,yCAAA,yCAAA,4CCvCF","sources":["index.css","css/src/index.scss","css/src/tokens/palette.scss","css/src/tokens/animation.scss","css/src/tokens/border.scss","css/src/tokens/breakpoints.scss","css/src/tokens/display.scss","css/src/tokens/colors.scss","css/src/tokens/direction.scss","css/src/tokens/focus.scss","css/src/tokens/font-stack.scss","css/src/tokens/layout.scss","css/src/tokens/position.scss","css/src/tokens/schemes.scss","css/src/tokens/shadow.scss","css/src/tokens/spacing.scss","css/src/tokens/themes.scss","css/src/tokens/typography.scss","css/src/tokens/z-index.scss","css/src/mixins/control.scss","css/src/mixins/focus.scss","css/src/mixins/loader.scss","css/src/mixins/line-clamp.scss","css/src/mixins/layout-gap.scss","css/src/mixins/media-queries.scss","css/src/mixins/font-size.scss","css/src/mixins/overlay.scss","css/src/mixins/transparency.scss","css/src/mixins/dismiss.scss","css/src/mixins/unselectable.scss","css/src/core/normalize.scss","css/src/core/minireset.scss","css/src/core/themes.scss","css/src/core/font-stack.scss","css/src/core/animations.scss","css/src/core/focus.scss","css/src/core/bare-elements.scss","css/src/components/banner.scss","css/src/components/breadcrumbs.scss","css/src/components/button.scss","css/src/mixins/center.scss","css/src/components/buttons.scss","css/src/components/card.scss","css/src/components/button-reset.scss","css/src/components/form/label.scss","css/src/components/form/help.scss","css/src/components/form/checkbox.scss","css/src/mixins/visually-hidden.scss","css/src/components/form/input.scss","css/src/mixins/colors.scss","css/src/components/form/textarea.scss","css/src/components/form/select.scss","css/src/components/form/radio.scss","css/src/mixins/force-colors.scss","css/src/components/form/form.scss","css/src/components/hero.scss","css/src/components/gradient.scss","css/src/mixins/gradient.scss","css/src/components/gradient-card.scss","css/src/components/link-button.scss","css/src/components/markdown.scss","css/src/mixins/code-block.scss","css/src/components/media.scss","css/src/components/message.scss","css/src/components/notification.scss","css/src/components/icon.scss","css/src/components/image.scss","css/src/components/persona.scss","css/src/components/popover.scss","css/src/components/pagination.scss","css/src/components/table.scss","css/src/components/toggle.scss","css/src/components/scroll.scss","css/src/components/stretched-link.scss","css/src/components/layout.scss","css/src/atomics/aspect-ratio.scss","css/src/atomics/typography.scss","css/src/atomics/border.scss","css/src/atomics/background.scss","css/src/atomics/colors.scss","css/src/atomics/display.scss","css/src/atomics/gap.scss","css/src/atomics/overflow.scss","css/src/atomics/shadow.scss","css/src/atomics/spacing-auto.scss","css/src/atomics/spacing.scss","css/src/atomics/flex.scss","css/src/atomics/position.scss","css/src/atomics/line-clamp.scss","css/src/atomics/image.scss","css/src/atomics/list.scss","css/src/atomics/width.scss","css/src/atomics/visually-hidden.scss"],"sourcesContent":[".pagination-previous, .pagination-next, .pagination-link, .pagination-ellipsis, .select select, .textarea, .input, .button {\n appearance: none;\n box-shadow: none;\n vertical-align: top;\n border: 1px solid #0000;\n border-radius: .125rem;\n justify-content: flex-start;\n align-items: center;\n min-height: 2.25em;\n padding-block: calc(.375em - 1px);\n padding-inline: calc(.625em - 1px);\n font-size: 1rem;\n line-height: 1.5;\n display: inline-flex;\n position: relative;\n}\n\n[disabled].pagination-previous, [disabled].pagination-next, [disabled].pagination-link, [disabled].pagination-ellipsis, .select select[disabled], [disabled].textarea, [disabled].input, [disabled].button {\n cursor: not-allowed;\n}\n\n.toggle input[type=\"checkbox\"]:focus-visible + label, .radio input:focus-visible, .radio input.is-focused, .select select:focus-visible, .textarea:focus-visible, .input:focus-visible, .checkbox input[type=\"checkbox\"]:focus-visible + .checkbox-check, :where(.is-focused), .has-default-focus :focus-visible, .default-focus :focus-visible {\n outline-color: inherit;\n outline-offset: .25rem;\n outline-width: .125rem;\n outline-style: dashed;\n}\n\n.notification.is-loading:before, .button.button-filled.button-danger.is-loading:after, .button.button-filled.button-warning.is-loading:after, .button.button-filled.button-info.is-loading:after, .button.button-filled.button-success.is-loading:after, .button.button-filled.button-tertiary.is-loading:after, .button.button-filled.button-secondary.is-loading:after, .button.button-filled.button-primary.is-loading:after, .button.button-filled.is-loading:after, .button.is-loading:after, .banner.is-loading:before {\n border: 2px solid var(--theme-border);\n content: \"\";\n border-block-start-color: #0000;\n border-inline-end-color: #0000;\n border-radius: 290486px;\n width: 1em;\n height: 1em;\n animation: .5s linear infinite spinAround;\n display: block;\n position: relative;\n}\n\n.line-clamp-4, .line-clamp-3, .line-clamp-2, .line-clamp-1, .card .card-content-description, .card .card-title, .card .card-supertitle {\n -webkit-box-orient: vertical;\n display: -webkit-box;\n overflow: hidden;\n}\n\n.hero, .banner {\n padding-inline: 24px;\n}\n\n@media screen and (width >= 1800px) {\n .hero, .banner {\n padding-inline: calc(50% - 876px);\n }\n}\n\n.card .card-header .card-header-image img, .card .card-header .card-header-image svg {\n position: absolute;\n inset: 0;\n}\n\n.pagination-previous, .pagination-next, .pagination-link, .pagination-ellipsis, .link-button, .button-reset, .notification .notification-dismiss, .banner .banner-dismiss {\n outline-color: inherit;\n appearance: none;\n background-color: #0000;\n}\n\n.pagination-previous:not(:hover), .pagination-next:not(:hover), .pagination-link:not(:hover), .pagination-ellipsis:not(:hover), .link-button:not(:hover), .button-reset:not(:hover), .notification .notification-dismiss:not(:hover), .banner .banner-dismiss:not(:hover), .pagination-previous:not(.focus-visible), .pagination-next:not(.focus-visible), .pagination-link:not(.focus-visible), .pagination-ellipsis:not(.focus-visible), .link-button:not(.focus-visible), .button-reset:not(.focus-visible), .notification .notification-dismiss:not(.focus-visible), .banner .banner-dismiss:not(.focus-visible), .pagination-previous:not(:focus-visible), .pagination-next:not(:focus-visible), .pagination-link:not(:focus-visible), .pagination-ellipsis:not(:focus-visible), .link-button:not(:focus-visible), .button-reset:not(:focus-visible), .notification .notification-dismiss:not(:focus-visible), .banner .banner-dismiss:not(:focus-visible) {\n background-color: #0000;\n}\n\n.notification .notification-dismiss, .banner .banner-dismiss {\n color: currentColor;\n cursor: pointer;\n font-size: 1rem;\n display: inline-block;\n}\n\n.pagination-previous, .pagination-next, .pagination-link, .pagination-ellipsis, .button {\n -webkit-touch-callout: none;\n -webkit-user-select: none;\n user-select: none;\n}\n\nhtml {\n -webkit-text-size-adjust: 100%;\n line-height: 1.15;\n}\n\nbody {\n margin: 0;\n}\n\nmain {\n display: block;\n}\n\nh1 {\n margin: .67em 0;\n font-size: 2em;\n}\n\nhr {\n box-sizing: content-box;\n height: 0;\n overflow: visible;\n}\n\npre {\n font-family: monospace;\n font-size: 1em;\n}\n\na {\n background-color: #0000;\n}\n\nabbr[title] {\n border-bottom: none;\n -webkit-text-decoration: underline dotted;\n text-decoration: underline dotted;\n}\n\nb, strong {\n font-weight: bolder;\n}\n\ncode, kbd, samp {\n font-family: monospace;\n font-size: 1em;\n}\n\nsmall {\n font-size: 80%;\n}\n\nsub, sup {\n vertical-align: baseline;\n font-size: 75%;\n line-height: 0;\n position: relative;\n}\n\nsub {\n bottom: -.25em;\n}\n\nsup {\n top: -.5em;\n}\n\nimg {\n border-style: none;\n}\n\nbutton, input, optgroup, select, textarea {\n margin: 0;\n font-family: inherit;\n font-size: 100%;\n line-height: 1.15;\n}\n\nbutton, input {\n overflow: visible;\n}\n\nbutton, select {\n text-transform: none;\n}\n\nbutton, [type=\"button\"], [type=\"reset\"], [type=\"submit\"] {\n -webkit-appearance: button;\n}\n\nbutton::-moz-focus-inner {\n border-style: none;\n padding: 0;\n}\n\n[type=\"button\"]::-moz-focus-inner {\n border-style: none;\n padding: 0;\n}\n\n[type=\"reset\"]::-moz-focus-inner {\n border-style: none;\n padding: 0;\n}\n\n[type=\"submit\"]::-moz-focus-inner {\n border-style: none;\n padding: 0;\n}\n\nbutton:-moz-focusring {\n outline: 1px dotted ButtonText;\n}\n\n[type=\"button\"]:-moz-focusring {\n outline: 1px dotted ButtonText;\n}\n\n[type=\"reset\"]:-moz-focusring {\n outline: 1px dotted ButtonText;\n}\n\n[type=\"submit\"]:-moz-focusring {\n outline: 1px dotted ButtonText;\n}\n\nfieldset {\n padding: .35em .75em .625em;\n}\n\nlegend {\n box-sizing: border-box;\n color: inherit;\n white-space: normal;\n max-width: 100%;\n padding: 0;\n display: table;\n}\n\nprogress {\n vertical-align: baseline;\n}\n\ntextarea {\n overflow: auto;\n}\n\n[type=\"checkbox\"], [type=\"radio\"] {\n box-sizing: border-box;\n padding: 0;\n}\n\n:is([type=\"number\"]::-webkit-inner-spin-button, [type=\"number\"]::-webkit-outer-spin-button) {\n height: auto;\n}\n\n[type=\"search\"] {\n -webkit-appearance: textfield;\n outline-offset: -2px;\n}\n\n[type=\"search\"]::-webkit-search-decoration {\n -webkit-appearance: none;\n}\n\n::-webkit-file-upload-button {\n -webkit-appearance: button;\n font: inherit;\n}\n\ndetails {\n display: block;\n}\n\nsummary {\n display: list-item;\n}\n\ntemplate, [hidden] {\n display: none;\n}\n\nhtml, body, p, ol, ul, li, dl, dt, dd, blockquote, figure, fieldset, legend, textarea, pre, iframe, hr, h1, h2, h3, h4, h5, h6 {\n margin: 0;\n padding: 0;\n}\n\nh1, h2, h3, h4, h5, h6 {\n font-size: 100%;\n font-weight: normal;\n}\n\nul {\n list-style: none;\n}\n\nbutton, input, select {\n margin: 0;\n}\n\nhtml {\n box-sizing: border-box;\n}\n\n*, :before, :after {\n box-sizing: inherit;\n}\n\nimg, video {\n max-width: 100%;\n height: auto;\n}\n\niframe {\n border: 0;\n}\n\ntable {\n border-collapse: collapse;\n border-spacing: 0;\n}\n\ntd, th {\n padding: 0;\n}\n\n:root, .theme-light {\n --theme-text: #161616;\n --theme-text-subtle: #505050;\n --theme-text-invert: #fff;\n --theme-text-glow-high-contrast: #171717;\n --theme-box-shadow-light: #0000001c;\n --theme-box-shadow-medium: #00000021;\n --theme-box-shadow-heavy: #0000002e;\n --theme-box-shadow-extra-heavy: #00000038;\n --theme-overlay: #000000b3;\n --theme-overlay-invert: #fff;\n --theme-body-background: #fff;\n --theme-body-background-accent: #e8e6df;\n --theme-body-background-medium: #f2f2f2;\n --theme-alternate-background: #171717;\n --theme-alternate-background-medium: #2f2f2f;\n --theme-card-background: #fff;\n --theme-border: #e6e6e6;\n --theme-border-accent: #e8e6df;\n --theme-border-white-high-contrast: #fff0;\n --theme-border-yellow-high-contrast: #0000;\n --theme-table-header: #e6e6e6;\n --theme-table-row: #f2f2f2;\n --theme-table-row-header: #fafafa;\n --theme-table-border-dark: #d2d2d2;\n --theme-hover-base: #2f2f2f;\n --theme-hover-invert: #fafafa;\n --theme-code-header: #e6e6e6;\n --theme-code-block: #f2f2f2;\n --theme-control-border: #757575;\n --theme-inline-code: #e6e6e6;\n --theme-code-highlight-background: #fff4ce;\n --theme-visited: #624991;\n --theme-score-low-off: #a800004d;\n --theme-score-low: #b62626;\n --theme-score-medium-off: #ffbb004d;\n --theme-score-medium: #ffb900;\n --theme-score-high-off: #489d484d;\n --theme-score-high: #2a8b2a;\n --theme-hyperlink: #0065b3;\n --theme-primary-base: #0078d4;\n --theme-primary-background: #d7eaf8;\n --theme-primary-background-glow-high-contrast: #d7eaf8;\n --theme-primary-dark: #004173;\n --theme-primary-hover: #0065b3;\n --theme-primary-active: #00579a;\n --theme-primary-box-shadow: #0065b34d;\n --theme-primary-invert: #fff;\n --theme-secondary-base: #a2a2a2;\n --theme-secondary-background: #e6e6e6;\n --theme-secondary-background-glow-high-contrast: #e6e6e6;\n --theme-secondary-dark: #2f2f2f;\n --theme-secondary-hover: #d2d2d2;\n --theme-secondary-active: #d2d2d2;\n --theme-secondary-box-shadow: #0000004d;\n --theme-secondary-invert: #000;\n --theme-tertiary-base: #243a5e;\n --theme-tertiary-background: #061329;\n --theme-tertiary-background-glow-high-contrast: #061329;\n --theme-tertiary-dark: #a4b2c9;\n --theme-tertiary-hover: #14294c;\n --theme-tertiary-active: #70819f;\n --theme-tertiary-box-shadow: #26173f4d;\n --theme-tertiary-invert: #fff;\n --theme-success-base: #107c10;\n --theme-success-background: #dff6dd;\n --theme-success-background-glow-high-contrast: #dff6dd;\n --theme-success-dark: #054b16;\n --theme-success-hover: #0b6413;\n --theme-success-active: #054b16;\n --theme-success-box-shadow: #489d484d;\n --theme-success-invert: #fff;\n --theme-info-base: #8661c5;\n --theme-info-background: #efd9fd;\n --theme-info-background-glow-high-contrast: #efd9fd;\n --theme-info-dark: #3b2e58;\n --theme-info-hover: #8661c5;\n --theme-info-active: #624991;\n --theme-info-box-shadow: #2018434d;\n --theme-info-invert: #fff;\n --theme-warning-base: #ffb900;\n --theme-warning-background: #fff4ce;\n --theme-warning-background-glow-high-contrast: #fff4ce;\n --theme-warning-dark: #6a4b16;\n --theme-warning-hover: #d19501;\n --theme-warning-active: #966802;\n --theme-warning-box-shadow: #ffbb004d;\n --theme-warning-invert: #000;\n --theme-danger-base: #a80000;\n --theme-danger-background: #fde7e9;\n --theme-danger-background-glow-high-contrast: #fde7e9;\n --theme-danger-dark: #470001;\n --theme-danger-hover: #870000;\n --theme-danger-active: #630001;\n --theme-danger-box-shadow: #a800004d;\n --theme-danger-invert: #fff;\n --theme-facepile-red: #a80000;\n --theme-facepile-teal: #328e9f;\n --theme-facepile-blue: #0078d4;\n --theme-gradient-text-purple: #702573;\n --theme-gradient-text-blue: #00579a;\n --theme-gradient-vivid-start: #b84dc6;\n --theme-gradient-vivid-end: #0078d4;\n}\n\n@media not print {\n .theme-dark {\n --theme-text: #e6e6e6;\n --theme-text-subtle: #d2d2d2;\n --theme-text-invert: #2f2f2f;\n --theme-text-glow-high-contrast: #e6e6e6;\n --theme-box-shadow-light: #0000001c;\n --theme-box-shadow-medium: #00000021;\n --theme-box-shadow-heavy: #0000002e;\n --theme-box-shadow-extra-heavy: #00000038;\n --theme-overlay: #000000b3;\n --theme-overlay-invert: #fff;\n --theme-body-background: #171717;\n --theme-body-background-accent: #091f2c;\n --theme-body-background-medium: #2f2f2f;\n --theme-alternate-background: #f2f2f2;\n --theme-alternate-background-medium: #fafafa;\n --theme-border: #404040;\n --theme-border-accent: #505050;\n --theme-border-white-high-contrast: #fff0;\n --theme-border-yellow-high-contrast: #0000;\n --theme-card-background: #091f2c;\n --theme-table-header: #404040;\n --theme-table-row: #2f2f2f;\n --theme-table-row-header: #2f2f2f;\n --theme-table-border-dark: #505050;\n --theme-hover-base: #d2d2d2;\n --theme-hover-invert: #2f2f2f;\n --theme-code-header: #404040;\n --theme-code-block: #2f2f2f;\n --theme-control-border: #d2d2d2;\n --theme-inline-code: #404040;\n --theme-code-highlight-background: #0b6413;\n --theme-visited: #ac7ee1;\n --theme-score-low-off: #a80000b3;\n --theme-score-low: #b62626;\n --theme-score-medium-off: #ffbb004d;\n --theme-score-medium: #ffcb3f;\n --theme-score-high-off: #489d48b3;\n --theme-score-high: #489d48;\n --theme-hyperlink: #75b6e7;\n --theme-primary-base: #75b6e7;\n --theme-primary-background: #004173;\n --theme-primary-background-glow-high-contrast: #004173;\n --theme-primary-dark: #9ccbee;\n --theme-primary-hover: #278cda;\n --theme-primary-active: #0078d4;\n --theme-primary-box-shadow: #0065b34d;\n --theme-primary-invert: #000;\n --theme-secondary-base: #757575;\n --theme-secondary-background: #404040;\n --theme-secondary-background-glow-high-contrast: #404040;\n --theme-secondary-dark: #e6e6e6;\n --theme-secondary-hover: #8e8e8e;\n --theme-secondary-active: #a2a2a2;\n --theme-secondary-box-shadow: #000000b3;\n --theme-secondary-invert: #fff;\n --theme-tertiary-base: #404040;\n --theme-tertiary-background: #171717;\n --theme-tertiary-background-glow-high-contrast: #171717;\n --theme-tertiary-dark: #e6e6e6;\n --theme-tertiary-hover: #505050;\n --theme-tertiary-active: #757575;\n --theme-tertiary-box-shadow: #0065b34d;\n --theme-tertiary-invert: #fff;\n --theme-success-base: #7cbb7b;\n --theme-success-background: #054b16;\n --theme-success-background-glow-high-contrast: #054b16;\n --theme-success-dark: #dff6dd;\n --theme-success-hover: #489d48;\n --theme-success-active: #7cbb7b;\n --theme-success-box-shadow: #489d48b3;\n --theme-success-invert: #000;\n --theme-info-base: #9970d3;\n --theme-info-background: #3b2e58;\n --theme-info-background-glow-high-contrast: #3b2e58;\n --theme-info-dark: #efd9fd;\n --theme-info-hover: #ac7ee1;\n --theme-info-active: #d59dff;\n --theme-info-box-shadow: #201843b3;\n --theme-info-invert: #000;\n --theme-warning-base: #ffb900;\n --theme-warning-background: #6a4b16;\n --theme-warning-background-glow-high-contrast: #6a4b16;\n --theme-warning-dark: #fff4ce;\n --theme-warning-hover: #ffcb3f;\n --theme-warning-active: #ffdf84;\n --theme-warning-box-shadow: #ffbb00b3;\n --theme-warning-invert: #000;\n --theme-danger-base: #e5a7a8;\n --theme-danger-background: #630001;\n --theme-danger-background-glow-high-contrast: #630001;\n --theme-danger-dark: #fde7e9;\n --theme-danger-hover: #c54f4f;\n --theme-danger-active: #d4797a;\n --theme-danger-box-shadow: #a80000b3;\n --theme-danger-invert: #000;\n --theme-facepile-red: #c54f4f;\n --theme-facepile-teal: #50e6ff;\n --theme-facepile-blue: #278cda;\n --theme-gradient-text-purple: #cd9bcf;\n --theme-gradient-text-blue: #9ccbee;\n --theme-gradient-vivid-start: #b84dc6;\n --theme-gradient-vivid-end: #75b6e7;\n }\n\n .theme-high-contrast {\n --theme-text: #fff;\n --theme-text-subtle: #fff;\n --theme-text-invert: #000;\n --theme-text-glow-high-contrast: #ff0;\n --theme-box-shadow-light: #0000001c;\n --theme-box-shadow-medium: #00000021;\n --theme-box-shadow-heavy: #0000002e;\n --theme-box-shadow-extra-heavy: #00000038;\n --theme-overlay: #404040;\n --theme-overlay-invert: #fff;\n --theme-body-background: #000;\n --theme-body-background-accent: #000;\n --theme-body-background-medium: #000;\n --theme-alternate-background: #fff;\n --theme-alternate-background-medium: #fff;\n --theme-border: #fff;\n --theme-border-accent: #fff;\n --theme-border-white-high-contrast: #fff;\n --theme-border-yellow-high-contrast: #ff0;\n --theme-card-background: #000;\n --theme-table-header: #505050;\n --theme-table-row: #000;\n --theme-table-row-header: #171717;\n --theme-table-border-dark: #fff;\n --theme-hover-base: #ff0;\n --theme-hover-invert: #000;\n --theme-code-header: #000;\n --theme-code-block: #000;\n --theme-control-border: #fff;\n --theme-inline-code: #2f2f2f;\n --theme-code-highlight-background: #0b6413;\n --theme-visited: #3cff00;\n --theme-score-low-off: #a80000;\n --theme-score-low: #fde7e9;\n --theme-score-medium-off: #ffbb00b3;\n --theme-score-medium: #ffe79f;\n --theme-score-high-off: #107c10;\n --theme-score-high: #dff6dd;\n --theme-hyperlink: #ff0;\n --theme-primary-base: #ff0;\n --theme-primary-background: #000;\n --theme-primary-background-glow-high-contrast: #ff0;\n --theme-primary-dark: #ff0;\n --theme-primary-hover: #ff3;\n --theme-primary-active: #ff3;\n --theme-primary-box-shadow: #fff;\n --theme-primary-invert: #000;\n --theme-secondary-base: #e6e6e6;\n --theme-secondary-background: #000;\n --theme-secondary-background-glow-high-contrast: #505050;\n --theme-secondary-dark: #e6e6e6;\n --theme-secondary-hover: #d2d2d2;\n --theme-secondary-active: #d2d2d2;\n --theme-secondary-box-shadow: #e6e6e6;\n --theme-secondary-invert: #000;\n --theme-tertiary-base: #fff;\n --theme-tertiary-background: #000;\n --theme-tertiary-background-glow-high-contrast: #fff;\n --theme-tertiary-dark: #fff;\n --theme-tertiary-hover: #e6e6e6;\n --theme-tertiary-active: #e6e6e6;\n --theme-tertiary-box-shadow: #fff;\n --theme-tertiary-invert: #000;\n --theme-success-base: #7cbb7b;\n --theme-success-background: #000;\n --theme-success-background-glow-high-contrast: #7cbb7b;\n --theme-success-dark: #acd7aa;\n --theme-success-hover: #acd7aa;\n --theme-success-active: #acd7aa;\n --theme-success-box-shadow: #fff;\n --theme-success-invert: #000;\n --theme-info-base: #e0b7fe;\n --theme-info-background: #000;\n --theme-info-background-glow-high-contrast: #e0b7fe;\n --theme-info-dark: #efd9fd;\n --theme-info-hover: #efd9fd;\n --theme-info-active: #efd9fd;\n --theme-info-box-shadow: #fff;\n --theme-info-invert: #000;\n --theme-warning-base: #ffe79f;\n --theme-warning-background: #000;\n --theme-warning-background-glow-high-contrast: #ffe79f;\n --theme-warning-dark: #fff4ce;\n --theme-warning-hover: #fff4ce;\n --theme-warning-active: #fff4ce;\n --theme-warning-box-shadow: #fff;\n --theme-warning-invert: #000;\n --theme-danger-base: #e5a7a8;\n --theme-danger-background: #000;\n --theme-danger-background-glow-high-contrast: #e5a7a8;\n --theme-danger-dark: #fde7e9;\n --theme-danger-hover: #fde7e9;\n --theme-danger-active: #fde7e9;\n --theme-danger-box-shadow: #fff;\n --theme-danger-invert: #000;\n --theme-facepile-red: #d4797a;\n --theme-facepile-teal: #7becff;\n --theme-facepile-blue: #75b6e7;\n --theme-gradient-text-purple: #fff;\n --theme-gradient-text-blue: #fff;\n --theme-gradient-vivid-start: #fff;\n --theme-gradient-vivid-end: #fff;\n }\n}\n\n.theme-high-contrast, .theme-dark, .theme-light {\n outline-color: var(--theme-text);\n background-color: var(--theme-body-background);\n color: var(--theme-text);\n}\n\n.theme-light {\n color-scheme: light;\n}\n\n.theme-dark, .theme-high-contrast {\n color-scheme: dark;\n}\n\nhtml {\n font-size: 16px;\n}\n\nhtml, body {\n -webkit-font-smoothing: antialiased;\n text-rendering: optimizelegibility;\n font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji;\n font-weight: 400;\n}\n\nkbd, pre, samp {\n -moz-osx-font-smoothing: auto;\n -webkit-font-smoothing: auto;\n font-family: SFMono-Regular, Consolas, Liberation Mono, Menlo, Courier, monospace !important;\n}\n\ncode {\n direction: ltr;\n font-family: SFMono-Regular, Consolas, Liberation Mono, Menlo, Courier, monospace;\n}\n\na > code {\n font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji;\n}\n\n@keyframes spinAround {\n from {\n transform: rotate(0);\n }\n\n to {\n transform: rotate(359deg);\n }\n}\n\n@keyframes boop {\n 0% {\n transform: scale(1);\n }\n\n 50% {\n transform: scale(1.1);\n }\n\n 100% {\n transform: scale(1);\n }\n}\n\n@keyframes slide-up-fade-out {\n 100% {\n opacity: 0;\n transform: translateY(-100%);\n }\n}\n\n@keyframes fade-out {\n 100% {\n opacity: 0;\n }\n}\n\n.animation-fade {\n animation: .4s ease-in forwards fade-out;\n}\n\n@media (prefers-reduced-motion: reduce) {\n .animation-fade {\n animation-duration: 0s;\n }\n}\n\n.animation-slide-up {\n animation: .4s ease-in forwards slide-up-fade-out;\n}\n\n@media (prefers-reduced-motion: reduce) {\n .animation-slide-up {\n animation-duration: 0s;\n }\n}\n\n.has-default-focus :focus-visible.has-inner-focus, .has-default-focus :focus-visible.inner-focus, .default-focus :focus-visible.has-inner-focus, .default-focus :focus-visible.inner-focus, :where(.is-focused).has-inner-focus, :where(.is-focused).inner-focus {\n outline-offset: -.125rem;\n outline-color: currentColor;\n}\n\ndetails, details > * {\n box-sizing: border-box !important;\n}\n\n:where(html *), :where(html a), :where(html li) {\n outline-color: inherit;\n}\n\n:where(a) {\n color: var(--theme-hyperlink);\n cursor: pointer;\n word-wrap: break-word;\n text-decoration: none;\n}\n\n:where(a:hover) {\n color: var(--theme-primary-hover);\n text-decoration: underline;\n}\n\n:where(a:visited) {\n color: var(--theme-visited);\n}\n\nfieldset {\n border: none;\n min-width: 0;\n}\n\n::target-text {\n background-color: var(--theme-code-highlight-background);\n}\n\n.banner {\n outline-color: var(--theme-text);\n background-color: var(--theme-info-background);\n color: var(--theme-info-dark);\n word-wrap: break-word;\n word-break: break-word;\n border-block: 1px solid var(--theme-border-white-high-contrast);\n grid-template: \"banner-content dismiss\"\n / 1fr auto;\n padding-block: 1rem;\n font-size: 1rem;\n line-height: 1.3;\n display: grid;\n position: relative;\n}\n\n.banner.is-loading {\n color: #0000;\n}\n\n.banner.is-loading > :first-child {\n margin-inline-start: calc(1rem + .375em);\n}\n\n.banner.is-loading:before {\n border-color: transparent transparent var(--theme-info-dark) var(--theme-info-dark);\n position: absolute;\n inset-block-start: 1rem;\n inset-inline-start: 24px;\n}\n\n@media screen and (width >= 1800px) {\n .banner.is-loading:before {\n inset-inline-start: calc(50% - 876px);\n }\n}\n\n.banner .banner-content {\n grid-area: banner-content;\n}\n\n.banner .banner-content a:not(.button) {\n color: currentColor;\n font-weight: 600;\n}\n\n.theme-high-contrast .banner .banner-content a:not(.button) {\n color: var(--theme-hyperlink);\n}\n\n.banner .banner-dismiss {\n border: 0;\n border-radius: 290486px;\n grid-area: dismiss;\n width: 1em;\n height: 1em;\n margin-inline-start: .25rem;\n padding: 0;\n}\n\n.breadcrumbs.breadcrumbs-initial-slash .breadcrumbs-item:first-child:before, .breadcrumbs.breadcrumbs-initial-slash .breadcrumbs-item[hidden] + .breadcrumbs-item:before, .breadcrumbs .breadcrumbs-item:not(.breadcrumbs-item-slashless):after {\n color: var(--theme-text-subtle);\n content: \"​/\";\n display: inline-block;\n}\n\n.breadcrumbs {\n font-size: .875rem;\n}\n\n.breadcrumbs .breadcrumbs-item {\n padding-block: .375em;\n display: inline-block;\n}\n\n.breadcrumbs .breadcrumbs-item:not(.breadcrumbs-item-slashless):after {\n margin-inline: .25em;\n}\n\n.breadcrumbs.breadcrumbs-initial-slash .breadcrumbs-item:first-child:before, .breadcrumbs.breadcrumbs-initial-slash .breadcrumbs-item[hidden] + .breadcrumbs-item:before {\n margin-inline: .0625em .25em;\n}\n\n.button {\n border-width: 1px;\n border-color: var(--theme-text-subtle);\n background-color: var(--theme-body-background);\n color: var(--theme-text);\n text-align: center;\n cursor: pointer;\n border-radius: .125rem;\n justify-content: center;\n padding-block: calc(.375em - 1px);\n padding-inline: .75em;\n font-weight: 600;\n text-decoration: none;\n}\n\n.button strong {\n color: inherit;\n}\n\n.button .icon {\n font-size: .875em;\n}\n\n.button .icon:only-child {\n margin: 0;\n}\n\n.button .icon:first-child:not(:only-child) {\n margin-inline-end: .375em;\n}\n\n.button .icon:last-child:not(:only-child) {\n margin-inline-start: .375em;\n}\n\n.button:hover, .button.is-hovered {\n border-color: var(--theme-hover-base);\n background-color: var(--theme-body-background-medium);\n color: var(--theme-text);\n}\n\n.button:visited {\n color: var(--theme-text);\n}\n\n.button.button-sm {\n font-size: .875rem;\n}\n\n.button.button-lg {\n font-size: 1.125rem;\n}\n\n.button.is-disabled, .button[disabled] {\n background-color: var(--theme-body-background-medium);\n opacity: .5;\n box-shadow: none;\n border-color: currentColor;\n}\n\n.button.button-block {\n width: 100%;\n display: flex;\n}\n\n.button.is-loading {\n pointer-events: none;\n color: #0000 !important;\n}\n\n.button.is-loading:after {\n border-block-end-color: var(--theme-text);\n border-inline-start-color: var(--theme-text);\n position: absolute;\n inset-block-start: calc(50% - .5em);\n inset-inline-start: calc(50% - .5em);\n position: absolute !important;\n}\n\n.button.button-primary {\n border-color: var(--theme-primary-base);\n color: var(--theme-primary-base);\n}\n\n.button.button-primary:hover, .button.button-primary.is-hovered {\n background-color: var(--theme-primary-background);\n color: var(--theme-primary-dark);\n}\n\n.button.button-primary.is-loading:after {\n border-color: transparent transparent var(--theme-primary-base) var(--theme-primary-base) !important;\n}\n\n.button.button-secondary {\n border-color: var(--theme-secondary-base);\n color: var(--theme-secondary-base);\n}\n\n.button.button-secondary:hover, .button.button-secondary.is-hovered {\n background-color: var(--theme-secondary-background);\n color: var(--theme-secondary-dark);\n}\n\n.button.button-secondary.is-loading:after {\n border-color: transparent transparent var(--theme-secondary-base) var(--theme-secondary-base) !important;\n}\n\n.button.button-tertiary {\n border-color: var(--theme-tertiary-base);\n color: var(--theme-tertiary-base);\n}\n\n.button.button-tertiary:hover, .button.button-tertiary.is-hovered {\n background-color: var(--theme-tertiary-background);\n color: var(--theme-tertiary-dark);\n}\n\n.button.button-tertiary.is-loading:after {\n border-color: transparent transparent var(--theme-tertiary-base) var(--theme-tertiary-base) !important;\n}\n\n.button.button-success {\n border-color: var(--theme-success-base);\n color: var(--theme-success-base);\n}\n\n.button.button-success:hover, .button.button-success.is-hovered {\n background-color: var(--theme-success-background);\n color: var(--theme-success-dark);\n}\n\n.button.button-success.is-loading:after {\n border-color: transparent transparent var(--theme-success-base) var(--theme-success-base) !important;\n}\n\n.button.button-info {\n border-color: var(--theme-info-base);\n color: var(--theme-info-base);\n}\n\n.button.button-info:hover, .button.button-info.is-hovered {\n background-color: var(--theme-info-background);\n color: var(--theme-info-dark);\n}\n\n.button.button-info.is-loading:after {\n border-color: transparent transparent var(--theme-info-base) var(--theme-info-base) !important;\n}\n\n.button.button-warning {\n border-color: var(--theme-warning-dark);\n color: var(--theme-warning-dark);\n}\n\n.button.button-warning:hover, .button.button-warning.is-hovered {\n background-color: var(--theme-warning-background);\n color: var(--theme-warning-dark);\n}\n\n.button.button-warning.is-loading:after {\n border-color: transparent transparent var(--theme-warning-base) var(--theme-warning-base) !important;\n}\n\n.button.button-danger {\n border-color: var(--theme-danger-base);\n color: var(--theme-danger-base);\n}\n\n.button.button-danger:hover, .button.button-danger.is-hovered {\n background-color: var(--theme-danger-background);\n color: var(--theme-danger-dark);\n}\n\n.button.button-danger.is-loading:after {\n border-color: transparent transparent var(--theme-danger-base) var(--theme-danger-base) !important;\n}\n\n.button.button-clear {\n background-color: #0000;\n border-color: #0000;\n}\n\n.button.button-clear.border {\n border-color: currentColor !important;\n}\n\n.button.button-clear, .button.button-clear:visited {\n color: currentColor;\n}\n\n.button.button-clear.is-hovered, .button.button-clear:hover, .button.button-clear:active {\n background-color: #8e8e8e0d;\n}\n\n.button.button-clear.button-primary {\n color: var(--theme-primary-base);\n}\n\n.button.button-clear.button-primary:hover, .button.button-clear.button-primary.is-hovered {\n background-color: var(--theme-primary-background);\n color: var(--theme-primary-dark);\n}\n\n.button.button-clear.button-primary.is-disabled, .button.button-clear.button-primary[disabled] {\n color: var(--theme-primary-base);\n box-shadow: none;\n background-color: #0000;\n}\n\n.button.button-clear.button-secondary {\n color: var(--theme-secondary-base);\n}\n\n.button.button-clear.button-secondary:hover, .button.button-clear.button-secondary.is-hovered {\n background-color: var(--theme-secondary-background);\n color: var(--theme-secondary-dark);\n}\n\n.button.button-clear.button-secondary.is-disabled, .button.button-clear.button-secondary[disabled] {\n color: var(--theme-secondary-base);\n box-shadow: none;\n background-color: #0000;\n}\n\n.button.button-clear.button-tertiary {\n color: var(--theme-tertiary-base);\n}\n\n.button.button-clear.button-tertiary:hover, .button.button-clear.button-tertiary.is-hovered {\n background-color: var(--theme-tertiary-background);\n color: var(--theme-tertiary-dark);\n}\n\n.button.button-clear.button-tertiary.is-disabled, .button.button-clear.button-tertiary[disabled] {\n color: var(--theme-tertiary-base);\n box-shadow: none;\n background-color: #0000;\n}\n\n.button.button-clear.button-success {\n color: var(--theme-success-base);\n}\n\n.button.button-clear.button-success:hover, .button.button-clear.button-success.is-hovered {\n background-color: var(--theme-success-background);\n color: var(--theme-success-dark);\n}\n\n.button.button-clear.button-success.is-disabled, .button.button-clear.button-success[disabled] {\n color: var(--theme-success-base);\n box-shadow: none;\n background-color: #0000;\n}\n\n.button.button-clear.button-info {\n color: var(--theme-info-base);\n}\n\n.button.button-clear.button-info:hover, .button.button-clear.button-info.is-hovered {\n background-color: var(--theme-info-background);\n color: var(--theme-info-dark);\n}\n\n.button.button-clear.button-info.is-disabled, .button.button-clear.button-info[disabled] {\n color: var(--theme-info-base);\n box-shadow: none;\n background-color: #0000;\n}\n\n.button.button-clear.button-warning {\n color: var(--theme-warning-dark);\n}\n\n.button.button-clear.button-warning:hover, .button.button-clear.button-warning.is-hovered {\n background-color: var(--theme-warning-background);\n color: var(--theme-warning-dark);\n}\n\n.button.button-clear.button-warning.is-disabled, .button.button-clear.button-warning[disabled] {\n color: var(--theme-warning-base);\n box-shadow: none;\n background-color: #0000;\n}\n\n.button.button-clear.button-danger {\n color: var(--theme-danger-base);\n}\n\n.button.button-clear.button-danger:hover, .button.button-clear.button-danger.is-hovered {\n background-color: var(--theme-danger-background);\n color: var(--theme-danger-dark);\n}\n\n.button.button-clear.button-danger.is-disabled, .button.button-clear.button-danger[disabled] {\n color: var(--theme-danger-base);\n box-shadow: none;\n background-color: #0000;\n}\n\n.button.button-filled {\n border-color: var(--theme-alternate-background-medium);\n background-color: var(--theme-alternate-background-medium);\n color: var(--theme-text-invert);\n}\n\n.button.button-filled:hover, .button.button-filled.is-hovered {\n background-color: var(--theme-alternate-background);\n}\n\n.button.button-filled.is-loading:after {\n border-color: transparent transparent var(--theme-text-invert) var(--theme-text-invert) !important;\n}\n\n.button.button-filled.button-primary {\n border-color: var(--theme-primary-base);\n background-color: var(--theme-primary-base);\n color: var(--theme-primary-invert);\n}\n\n.button.button-filled.button-primary:hover, .button.button-filled.button-primary.is-hovered {\n border-color: var(--theme-primary-hover);\n background-color: var(--theme-primary-hover);\n color: var(--theme-primary-invert);\n}\n\n.button.button-filled.button-primary.is-loading:after {\n border-color: transparent transparent var(--theme-primary-invert) var(--theme-primary-invert) !important;\n}\n\n.button.button-filled.button-secondary {\n border-color: var(--theme-secondary-base);\n background-color: var(--theme-secondary-base);\n color: var(--theme-secondary-invert);\n}\n\n.button.button-filled.button-secondary:hover, .button.button-filled.button-secondary.is-hovered {\n border-color: var(--theme-secondary-hover);\n background-color: var(--theme-secondary-hover);\n color: var(--theme-secondary-invert);\n}\n\n.button.button-filled.button-secondary.is-loading:after {\n border-color: transparent transparent var(--theme-secondary-invert) var(--theme-secondary-invert) !important;\n}\n\n.button.button-filled.button-tertiary {\n border-color: var(--theme-tertiary-base);\n background-color: var(--theme-tertiary-base);\n color: var(--theme-tertiary-invert);\n}\n\n.button.button-filled.button-tertiary:hover, .button.button-filled.button-tertiary.is-hovered {\n border-color: var(--theme-tertiary-hover);\n background-color: var(--theme-tertiary-hover);\n color: var(--theme-tertiary-invert);\n}\n\n.button.button-filled.button-tertiary.is-loading:after {\n border-color: transparent transparent var(--theme-tertiary-invert) var(--theme-tertiary-invert) !important;\n}\n\n.button.button-filled.button-success {\n border-color: var(--theme-success-base);\n background-color: var(--theme-success-base);\n color: var(--theme-success-invert);\n}\n\n.button.button-filled.button-success:hover, .button.button-filled.button-success.is-hovered {\n border-color: var(--theme-success-hover);\n background-color: var(--theme-success-hover);\n color: var(--theme-success-invert);\n}\n\n.button.button-filled.button-success.is-loading:after {\n border-color: transparent transparent var(--theme-success-invert) var(--theme-success-invert) !important;\n}\n\n.button.button-filled.button-info {\n border-color: var(--theme-info-base);\n background-color: var(--theme-info-base);\n color: var(--theme-info-invert);\n}\n\n.button.button-filled.button-info:hover, .button.button-filled.button-info.is-hovered {\n border-color: var(--theme-info-hover);\n background-color: var(--theme-info-hover);\n color: var(--theme-info-invert);\n}\n\n.button.button-filled.button-info.is-loading:after {\n border-color: transparent transparent var(--theme-info-invert) var(--theme-info-invert) !important;\n}\n\n.button.button-filled.button-warning {\n border-color: var(--theme-warning-base);\n background-color: var(--theme-warning-base);\n color: var(--theme-warning-invert);\n}\n\n.button.button-filled.button-warning:hover, .button.button-filled.button-warning.is-hovered {\n border-color: var(--theme-warning-hover);\n background-color: var(--theme-warning-hover);\n color: var(--theme-warning-invert);\n}\n\n.button.button-filled.button-warning.is-loading:after {\n border-color: transparent transparent var(--theme-warning-invert) var(--theme-warning-invert) !important;\n}\n\n.button.button-filled.button-danger {\n border-color: var(--theme-danger-base);\n background-color: var(--theme-danger-base);\n color: var(--theme-danger-invert);\n}\n\n.button.button-filled.button-danger:hover, .button.button-filled.button-danger.is-hovered {\n border-color: var(--theme-danger-hover);\n background-color: var(--theme-danger-hover);\n color: var(--theme-danger-invert);\n}\n\n.button.button-filled.button-danger.is-loading:after {\n border-color: transparent transparent var(--theme-danger-invert) var(--theme-danger-invert) !important;\n}\n\n.buttons {\n flex-wrap: wrap;\n justify-content: flex-start;\n align-items: center;\n display: flex;\n}\n\n.buttons.buttons-centered {\n justify-content: center;\n}\n\n.buttons.buttons-right {\n justify-content: flex-end;\n}\n\n.buttons .button {\n margin-block-end: .5rem;\n margin-inline-end: .5rem;\n}\n\n.buttons .button:only-child, .buttons .button.is-fullwidth, .buttons .button.is-full-width, .buttons .button.is-full-width-mobile, .buttons .button.is-fullwidth-mobile {\n margin-inline-end: 0;\n}\n\n@media screen and (width >= 768px), print {\n .buttons .button.is-full-width-mobile, .buttons .button.is-fullwidth-mobile {\n margin-inline-end: .5rem;\n }\n}\n\n.buttons:last-child {\n margin-block-end: -.5rem;\n}\n\n.buttons:not(:last-child) {\n margin-block-end: 1rem;\n}\n\n.buttons.buttons-addons .button:not(:first-child) {\n border-top-left-radius: 0;\n border-bottom-left-radius: 0;\n}\n\n.buttons.buttons-addons .button:not(:last-child) {\n border-top-right-radius: 0;\n border-bottom-right-radius: 0;\n margin-inline-end: -1px;\n}\n\n.buttons.buttons-addons .button:last-child {\n margin-inline-end: 0;\n}\n\n.buttons.buttons-addons .button:hover, .buttons.buttons-addons .button.is-hovered {\n z-index: 2;\n}\n\n.buttons.buttons-addons .button.is-focused, .buttons.buttons-addons .button:active, .buttons.buttons-addons .button.is-active, .buttons.buttons-addons .button.is-selected {\n z-index: 3;\n}\n\n.buttons.buttons-addons .button.is-focused:hover, .buttons.buttons-addons .button:active:hover, .buttons.buttons-addons .button.is-active:hover, .buttons.buttons-addons .button.is-selected:hover {\n z-index: 4;\n}\n\n.buttons.buttons-addons .button:focus-visible {\n z-index: 3;\n}\n\n.buttons.buttons-addons .button:focus-visible:hover {\n z-index: 4;\n}\n\n.buttons.buttons-addons .button.is-expanded {\n flex-grow: 1;\n}\n\n.card {\n border: 1px solid var(--theme-border-white-high-contrast);\n outline-color: var(--theme-text);\n background-color: var(--theme-card-background);\n color: var(--theme-text);\n box-shadow: 0 1.6px 3.6px 0 var(--theme-box-shadow-medium), 0 .3px .9px 0 var(--theme-box-shadow-light);\n border-radius: .125rem;\n flex-direction: column;\n justify-content: flex-start;\n max-width: 100%;\n padding: 1rem 0 0;\n display: flex;\n position: relative;\n}\n\n.card > :first-child {\n border-start-start-radius: .125rem;\n border-start-end-radius: .125rem;\n}\n\n.card > :last-child {\n border-end-end-radius: .125rem;\n border-end-start-radius: .125rem;\n}\n\n.card .card-template {\n flex-grow: 1;\n grid-template: \"supertitle supertitle\"\n \"title title\"\n \"detail icon\"\n / 1fr 3rem;\n gap: .5rem 1rem;\n padding: 1rem;\n display: grid;\n}\n\n.card .card-template .card-title {\n margin-block-end: 1rem;\n}\n\n.card .card-template-icon {\n grid-area: icon;\n width: 3rem;\n height: 3rem;\n margin-block-start: auto;\n}\n\n.card .card-template-detail {\n flex-direction: column;\n grid-area: detail;\n justify-content: flex-end;\n align-self: stretch;\n font-size: .75rem;\n line-height: 1.25;\n display: flex;\n}\n\n.card .card-header {\n margin-block-end: 1.125rem;\n position: relative;\n}\n\n.card .card-header .card-header-image {\n width: 64px;\n height: 64px;\n position: relative;\n}\n\n.card .card-header .card-header-image img, .card .card-header .card-header-image svg {\n width: 100%;\n height: 100%;\n display: block;\n}\n\n.card .card-header, .card .card-content, .card .card-template {\n padding-inline: 1rem;\n}\n\n.card .card-header:first-child, .card .card-content:first-child, .card .card-template:first-child {\n margin-block-start: -1rem;\n padding-block-start: 1rem;\n}\n\n.card .card-supertitle {\n letter-spacing: .225rem;\n text-transform: uppercase;\n grid-area: supertitle;\n font-size: .75rem;\n line-height: 1;\n -webkit-line-clamp: 1 !important;\n}\n\n.card .card-title {\n background-color: var(--theme-card-background);\n color: var(--theme-primary-base);\n text-align: start;\n appearance: none;\n border: none;\n flex-grow: 1;\n grid-area: title;\n margin: 0;\n padding: 0;\n font-size: 1rem;\n font-weight: 600;\n line-height: 1.25;\n text-decoration: none;\n -webkit-line-clamp: 3 !important;\n}\n\n.card .card-title:first-child {\n margin-block-start: none;\n}\n\n.card .card-title:only-child {\n margin: 0;\n}\n\n.card .card-title:visited {\n color: var(--theme-visited);\n}\n\n.card a.card-title:hover, .card button.card-title:hover {\n cursor: pointer;\n text-decoration: underline;\n}\n\n.card .card-content {\n flex-grow: 1;\n margin-block-end: 1.125rem;\n}\n\n.card .card-content > :not(:first-child) {\n margin-block-start: .5rem;\n}\n\n.card .card-content-description {\n max-height: inherit;\n padding-block-end: 0;\n font-size: .875rem;\n line-height: 1.25;\n -webkit-line-clamp: 4 !important;\n}\n\n.card .card-footer {\n border-block-start: 1px solid var(--theme-border);\n flex-wrap: nowrap;\n justify-content: space-between;\n margin-inline: 1rem;\n display: flex;\n}\n\n.card .card-footer.card-footer-left .card-footer-item, .card .card-footer.card-footer-right .card-footer-item {\n flex-grow: 0;\n}\n\n.card .card-footer.card-footer-left {\n justify-content: flex-start;\n}\n\n.card .card-footer.card-footer-right {\n justify-content: flex-end;\n}\n\n.card .card-footer .card-footer-item {\n flex-grow: 1;\n flex-shrink: 1;\n align-items: center;\n padding-block: .375rem;\n display: flex;\n}\n\n.card .card-footer .card-footer-item:first-child, .card .card-footer .card-footer-item:only-child {\n justify-content: flex-start;\n}\n\n.card .card-footer .card-footer-item:last-child {\n justify-content: flex-end;\n}\n\n.card .card-footer .card-footer-item:not(:last-child):not(:first-child):not(:only-child) {\n justify-content: center;\n}\n\n.card .card-footer .card-footer-item .buttons {\n margin-block: 0;\n}\n\n.card .card-footer .card-footer-item .button {\n margin-block-end: 0;\n}\n\n.card .card-footer .card-footer-item .button:last-child {\n margin-inline-end: 0;\n}\n\n@media screen and (width >= 768px), print {\n .card.card-horizontal {\n flex-flow: wrap;\n }\n\n .card.card-horizontal .card-content {\n max-width: calc(100% - 7rem);\n padding-inline: 0 4rem;\n }\n\n .card.card-horizontal .card-footer {\n flex-grow: 1;\n flex-shrink: 1;\n width: 100%;\n }\n}\n\n.button-reset {\n cursor: pointer;\n border: 0;\n padding: 0;\n display: inline-block;\n}\n\n.label {\n color: var(--theme-text);\n font-size: 1rem;\n font-weight: 600;\n display: block;\n}\n\n.help {\n color: var(--theme-text);\n font-size: .875rem;\n display: block;\n}\n\n.help.help-danger {\n color: var(--theme-danger-base);\n}\n\n.help.help-success {\n color: var(--theme-success-base);\n}\n\n.checkbox {\n cursor: pointer;\n align-items: center;\n line-height: 1.25;\n display: flex;\n position: relative;\n}\n\n.checkbox:not(:last-child) {\n margin-block-end: .5rem;\n}\n\n.checkbox .checkbox-check {\n border: .0625em solid var(--theme-control-border);\n border-radius: .125rem;\n flex-shrink: 0;\n justify-content: center;\n align-items: center;\n width: 1.25em;\n height: 1.25em;\n transition-property: background, border, border-color;\n transition-duration: .2s;\n transition-timing-function: cubic-bezier(.4, 0, .23, 1);\n display: flex;\n position: relative;\n}\n\n.checkbox .checkbox-check:not(:last-child) {\n margin-inline-end: .5rem;\n}\n\n.checkbox .checkbox-check:before {\n content: \" \";\n}\n\n.checkbox.checkbox-sm {\n font-size: .875rem;\n}\n\n.checkbox.checkbox-lg {\n font-size: 1.125rem;\n}\n\n.checkbox input[type=\"checkbox\"] {\n clip: rect(1px, 1px, 1px, 1px);\n clip-path: inset(50%);\n word-wrap: normal;\n border: 0;\n width: 1px;\n height: 1px;\n margin: -1px;\n padding: 0;\n position: absolute;\n overflow: hidden;\n}\n\n.checkbox input[type=\"checkbox\"]:checked + .checkbox-check {\n border-color: var(--theme-primary-base);\n background-color: var(--theme-primary-base);\n}\n\n.checkbox input[type=\"checkbox\"]:checked + .checkbox-check:before {\n border: solid var(--theme-text-subtle);\n content: \"\";\n border-width: 0 .0625em .0625em 0;\n border-color: var(--theme-primary-invert);\n width: .3125em;\n height: .75em;\n display: block;\n position: absolute;\n inset-block-start: .125em;\n transform: rotate(45deg);\n}\n\n.checkbox input[type=\"checkbox\"][disabled] + .checkbox-check {\n border-color: var(--theme-control-border);\n opacity: .6;\n}\n\n.checkbox input[type=\"checkbox\"][disabled] + .checkbox-check, .checkbox input[type=\"checkbox\"][disabled] ~ .checkbox-text {\n cursor: not-allowed;\n}\n\n.checkbox.checkbox-muted input[type=\"checkbox\"]:checked + .checkbox-check {\n border-color: var(--theme-text-subtle);\n background-color: var(--theme-text-subtle);\n}\n\n.checkbox.checkbox-muted input[type=\"checkbox\"]:checked + .checkbox-check:before {\n border-color: var(--theme-text-invert);\n}\n\n.checkbox .checkbox-check.is-checked {\n border-color: var(--theme-primary-base);\n background-color: var(--theme-primary-base);\n}\n\n.checkbox .checkbox-check.is-checked:before {\n border: solid var(--theme-text-subtle);\n content: \"\";\n border-width: 0 .0625em .0625em 0;\n border-color: var(--theme-primary-invert);\n width: .3125em;\n height: .75em;\n display: block;\n position: absolute;\n inset-block-start: .125em;\n transform: rotate(45deg);\n}\n\n.checkbox.is-invalid input[type=\"checkbox\"]:not(:checked) + .checkbox-check {\n border-color: var(--theme-danger-base);\n}\n\n.checkbox:hover input[type=\"checkbox\"]:not(:checked):not([disabled]) + .checkbox-check:before {\n border: solid var(--theme-text-subtle);\n content: \"\";\n border-width: 0 .0625em .0625em 0;\n width: .3125em;\n height: .75em;\n display: block;\n position: absolute;\n inset-block-start: .125em;\n transform: rotate(45deg);\n}\n\n.input {\n border-color: var(--theme-control-border);\n background-color: var(--theme-body-background);\n width: 100%;\n max-width: 100%;\n color: var(--theme-text) !important;\n}\n\n.input::placeholder {\n color: var(--theme-text-subtle);\n}\n\n.input:hover {\n border-color: var(--theme-primary-base);\n}\n\n.input[disabled] {\n border-color: var(--theme-table-border-dark);\n background-color: var(--theme-body-background-medium);\n color: var(--theme-text-subtle);\n}\n\n.input:focus-visible {\n border-color: var(--theme-primary-base);\n outline-offset: 0;\n box-shadow: 0 0 0 .125rem var(--theme-primary-base);\n outline-style: solid;\n outline-color: #0000;\n}\n\n.input.input-sm {\n font-size: .875rem;\n}\n\n.input.input-lg {\n font-size: 1.125rem;\n}\n\n.input.input-danger {\n border-color: var(--theme-danger-base);\n}\n\n.input.input-danger:focus-visible {\n box-shadow: 0 0 0 .125rem var(--theme-danger-base);\n}\n\n.input.input-success {\n border-color: var(--theme-success-base);\n}\n\n.input.input-success:focus-visible {\n box-shadow: 0 0 0 .125rem var(--theme-success-base);\n}\n\n.input.input-icon-right {\n padding-inline-end: 2.25em;\n}\n\n.input.input-icon-right ~ .icon {\n inset-inline-end: 0;\n inset-inline-start: unset !important;\n}\n\n.input.input-icon-right .input[type=\"date\"] {\n position: relative;\n}\n\n.input.input-icon-right .input[type=\"date\"]::-webkit-calendar-picker-indicator {\n color: #0000;\n z-index: 1000;\n background: none;\n width: 1.5em;\n position: absolute;\n inset-inline-end: 0;\n}\n\n.input.input-icon, .input.input-icon-right {\n padding-inline-start: 2.25em;\n}\n\n.input.input-icon.input-icon-right, .input.input-icon-right.input-icon-right {\n padding-inline-start: calc(.625em - 1px);\n}\n\n.input.input-icon + .icon, .input.input-icon-right + .icon {\n forced-color-adjust: auto;\n color: var(--theme-text-subtle);\n pointer-events: none;\n z-index: 4;\n width: 2.25em;\n height: 100%;\n position: absolute;\n inset-block-start: 0;\n inset-inline-start: 0;\n fill: currentColor !important;\n}\n\n.input.input-icon:focus-visible + .icon, .input.input-icon-right:focus-visible + .icon {\n color: var(--theme-secondary-base);\n}\n\n.input.input-icon.input-sm ~ .icon svg, .input.input-icon-right.input-sm ~ .icon svg {\n width: .875em;\n height: .875em;\n}\n\n.input.input-icon.input-lg ~ .icon svg, .input.input-icon-right.input-lg ~ .icon svg {\n width: 1.125em;\n height: 1.125em;\n}\n\n.textarea {\n resize: vertical;\n border-color: var(--theme-control-border);\n background-color: var(--theme-body-background);\n width: 100%;\n max-width: 100%;\n display: block;\n color: var(--theme-text) !important;\n}\n\n.textarea[rows] {\n height: initial;\n}\n\n.textarea:not([rows]) {\n min-height: 100px;\n max-height: 600px;\n}\n\n.textarea::placeholder {\n color: var(--theme-text-subtle);\n}\n\n.textarea:hover {\n border-color: var(--theme-primary-base);\n}\n\n.textarea[disabled] {\n border-color: var(--theme-table-border-dark);\n background-color: var(--theme-body-background-medium);\n color: var(--theme-text-subtle);\n}\n\n.textarea:focus-visible {\n border-color: var(--theme-primary-base);\n outline-offset: 0;\n box-shadow: 0 0 0 .125rem var(--theme-primary-base);\n outline-style: solid;\n outline-color: #0000;\n}\n\n.textarea.textarea-fixed-height {\n resize: none;\n}\n\n.textarea.textarea-danger {\n border-color: var(--theme-danger-base);\n}\n\n.textarea.textarea-danger:focus-visible {\n box-shadow: 0 0 0 .125rem var(--theme-danger-base);\n}\n\n.textarea.textarea-success {\n border-color: var(--theme-success-base);\n}\n\n.textarea.textarea-success:focus-visible {\n box-shadow: 0 0 0 .125rem var(--theme-success-base);\n}\n\n.select {\n font-size: 1rem;\n position: relative;\n}\n\n.select select {\n border-color: var(--theme-control-border);\n background-color: var(--theme-body-background);\n color: var(--theme-text);\n cursor: pointer;\n width: 100%;\n max-width: 100%;\n font-size: 1em;\n}\n\n.select select[multiple] {\n padding: 0;\n overflow-y: auto;\n}\n\n.select select[multiple] option {\n padding: calc(.375em - 1px) calc(.625em - 1px);\n}\n\n.select select[disabled] {\n border-color: var(--theme-table-border-dark);\n background-color: var(--theme-body-background-medium);\n color: var(--theme-text-subtle);\n}\n\n.select select:focus-visible {\n border-color: var(--theme-primary-base);\n outline-offset: 0;\n box-shadow: 0 0 0 .125rem var(--theme-primary-base);\n outline-style: solid;\n outline-color: #0000;\n}\n\n.select:not(.select-multiple) select {\n padding-inline-end: calc(1.375em - 1px);\n}\n\n.select:not(.select-multiple):after {\n transform-origin: center;\n border: 1px solid var(--theme-text);\n pointer-events: none;\n content: \" \";\n z-index: 1;\n border-block-start: 0;\n border-inline-end: 0;\n width: .525em;\n height: .525em;\n display: block;\n position: absolute;\n inset-block-start: calc(50% - .375em);\n inset-inline-end: calc(.625em - 1px);\n transform: rotate(-45deg);\n}\n\n.select:not(.select-multiple).select-disabled:after {\n border-color: var(--theme-table-border-dark);\n}\n\n.select.select-sm {\n font-size: .875rem;\n}\n\n.select.select-lg {\n font-size: 1.125rem;\n}\n\n.select.select-danger select {\n border-color: var(--theme-danger-base);\n}\n\n.select.select-danger select:focus-visible {\n box-shadow: 0 0 0 .125rem var(--theme-danger-base);\n}\n\n.select.select-success select {\n border-color: var(--theme-success-base);\n}\n\n.select.select-success select:focus-visible {\n box-shadow: 0 0 0 .125rem var(--theme-success-base);\n}\n\n.radio {\n cursor: pointer;\n line-height: 1.25;\n display: inline-flex;\n}\n\n.radio .radio-dot {\n border: 1px solid var(--theme-control-border);\n background-color: var(--theme-body-background);\n color: var(--theme-text-subtle);\n cursor: pointer;\n appearance: none;\n border-radius: 290486px;\n flex-shrink: 0;\n width: 1.25em;\n height: 1.25em;\n display: inline-block;\n position: relative;\n inset-block-start: .0625em;\n}\n\n@media (forced-colors: active) {\n .radio .radio-dot {\n border-color: CanvasText !important;\n background-color: unset !important;\n }\n\n .radio .radio-dot:before {\n content: \"\";\n border-radius: 290486px;\n width: .625em;\n height: .625em;\n margin: auto;\n position: absolute;\n inset: 0;\n overflow: hidden;\n }\n}\n\n.radio .radio-label-text {\n margin: 0 .5em;\n}\n\n.radio input.is-checked, .radio input:checked, .radio .radio-dot.is-checked {\n background: var(--theme-primary-base);\n box-shadow: inset 0 0 0 .25em var(--theme-body-background);\n border-color: var(--theme-primary-base);\n animation: .2s cubic-bezier(.4, 0, .23, 1) boop;\n}\n\n@media (forced-colors: active) {\n .radio input.is-checked, .radio input:checked, .radio .radio-dot.is-checked {\n border-color: CanvasText !important;\n background-color: unset !important;\n box-shadow: none !important;\n }\n\n .radio input.is-checked:before, .radio input:checked:before, .radio .radio-dot.is-checked:before {\n background-color: CanvasText !important;\n }\n}\n\n.radio.is-hovered .radio-dot:not(:checked):not([disabled]), .radio:hover .radio-dot:not(:checked):not([disabled]) {\n background: var(--theme-control-border);\n box-shadow: inset 0 0 0 .25em var(--theme-body-background);\n}\n\n@media (forced-colors: active) {\n .radio.is-hovered .radio-dot:not(:checked):not([disabled]), .radio:hover .radio-dot:not(:checked):not([disabled]) {\n background-color: unset !important;\n box-shadow: none !important;\n }\n\n .radio.is-hovered .radio-dot:not(:checked):not([disabled]):before, .radio:hover .radio-dot:not(:checked):not([disabled]):before {\n background-color: CanvasText !important;\n }\n}\n\n.radio.is-hovered .radio-dot.is-checked, .radio:hover .radio-dot.is-checked {\n background: var(--theme-primary-base);\n box-shadow: inset 0 0 0 .25em var(--theme-body-background);\n}\n\n.radio input[disabled], .radio input[disabled] ~ .radio-label-text {\n opacity: .5;\n cursor: not-allowed;\n}\n\n.field:not(:last-child) {\n margin-block-end: .75rem;\n}\n\n.field .field-description {\n margin-block-end: .5rem;\n font-size: .875rem;\n}\n\n.field .field-label {\n color: var(--theme-text);\n margin-block-end: .5rem;\n font-size: 1rem;\n font-weight: 600;\n display: block;\n}\n\n.field .field-label.field-label-inline {\n align-self: flex-end;\n margin-block-end: unset;\n display: inline-flex;\n}\n\n@media screen and (width >= 768px), print {\n .field .field-label {\n flex: 1 0 0;\n }\n}\n\n.field .field-label.field-label-sm {\n font-size: .875rem;\n}\n\n.field .field-label.field-label-lg {\n font-size: 1.125rem;\n}\n\n.field .field-body > * {\n scroll-margin-top: 3rem;\n}\n\n.field .field-body:not(:first-child) {\n margin-block-start: .5rem;\n}\n\n.field .field-body:not(:first-child).field-body-inline {\n vertical-align: text-bottom;\n display: inline-flex;\n}\n\n.field .field-error {\n color: var(--theme-danger-base);\n font-size: .875rem;\n line-height: 1.5;\n}\n\n.required-indicator:after, ::part(required-indicator):after {\n color: var(--theme-danger-base);\n content: \"*\";\n vertical-align: top;\n}\n\n.hero {\n flex-direction: column;\n justify-content: space-between;\n align-items: stretch;\n display: flex;\n position: relative;\n}\n\n.hero .hero-content {\n z-index: 1;\n padding-block: 3rem;\n}\n\n@media screen and (width >= 1088px) {\n .hero .hero-content {\n width: 45%;\n min-height: 400px;\n padding-block: 4rem;\n padding-inline-end: 3rem;\n }\n\n .hero:not(.hero-image) .hero-content {\n width: 100%;\n max-width: 50rem;\n }\n\n .hero.hero-xs .hero-content {\n min-height: 200px;\n padding-block: 2rem;\n }\n\n .hero.hero-sm .hero-content {\n min-height: 300px;\n padding-block: 3rem;\n }\n\n .hero.hero-lg .hero-content {\n min-height: 500px;\n padding-block: 6rem;\n }\n}\n\n.hero .hero-card {\n z-index: 1;\n background-color: #0000;\n border: none;\n padding: 1rem;\n position: relative;\n}\n\n@media screen and (width >= 768px), print {\n .hero .hero-card {\n padding: 3rem;\n }\n}\n\n@media screen and (width >= 1088px) {\n .hero .hero-card {\n border-inline: 1px solid var(--theme-border);\n border-block-end: 1px solid var(--theme-border);\n border-end-end-radius: .375rem;\n border-end-start-radius: .375rem;\n }\n}\n\n.hero .hero-background {\n width: 100%;\n height: 100%;\n position: absolute;\n inset: 0;\n overflow: hidden;\n}\n\n.hero .hero-background video, .hero .hero-background img {\n object-fit: cover;\n width: 100%;\n height: 100%;\n}\n\n.hero.hero-image:before {\n background-image: var(--hero-background-image);\n content: \" \";\n background-repeat: no-repeat;\n background-size: cover;\n width: calc(55% - 26.4px);\n height: 100%;\n display: none;\n position: absolute;\n inset-block-start: 0;\n inset-inline-end: 24px;\n}\n\n@media screen and (width >= 1088px) {\n .hero.hero-image:before {\n display: block;\n }\n}\n\n@media screen and (width >= 1800px) {\n .hero.hero-image:before {\n width: 963.6px;\n inset-inline-end: calc(50% - 876px);\n }\n}\n\n@media (forced-colors: active) {\n .hero.hero-image:before {\n background-image: none !important;\n }\n}\n\n.theme-light .hero.hero-image:before {\n --hero-background-image: var(--hero-background-image-light);\n}\n\n.theme-dark .hero.hero-image:before {\n --hero-background-image: var(--hero-background-image-dark);\n}\n\n.theme-high-contrast .hero.hero-image:before {\n --hero-background-image: none;\n}\n\n.gradient-border-body {\n --border-gradient-end-color: var(--theme-body-background);\n}\n\n.gradient-border-body-accent {\n --border-gradient-end-color: var(--theme-body-background-accent);\n}\n\n.gradient-border-right {\n position: relative;\n}\n\n.gradient-border-right:before {\n content: \"\";\n border-image: linear-gradient(to right, transparent 0%, transparent 92%, var(--border-gradient-end-color, transparent) 100%);\n border-inline-end-style: solid;\n border-inline-end-width: 320px;\n border-image-slice: 0 128 0 0;\n border-image-outset: 0;\n display: block;\n position: absolute;\n inset-block: 0;\n inset-inline-end: 0;\n}\n\n@media (forced-colors: active) {\n .gradient-border-right:before {\n display: none !important;\n }\n}\n\n@media screen and (width >= 768px), print {\n .gradient-border-to-right-tablet:before {\n border-image: linear-gradient(to right, transparent 0%, transparent 92%, var(--border-gradient-end-color) 100%);\n border-inline-end-style: solid;\n border-inline-end-width: 320px;\n border-image-slice: 0 128 0 0;\n border-image-outset: 0;\n }\n}\n\n.gradient-border-bottom {\n position: relative;\n}\n\n.gradient-border-bottom:before {\n content: \"\";\n border-image: linear-gradient(to bottom, transparent 0%, transparent 92%, var(--border-gradient-end-color, transparent) 100%);\n border-block-end-style: solid;\n border-block-end-width: 320px;\n border-image-slice: 0 0 128;\n border-image-outset: 0;\n display: block;\n position: absolute;\n inset-block-end: 0;\n inset-inline: 0;\n}\n\n@media (forced-colors: active) {\n .gradient-border-bottom:before {\n display: none !important;\n }\n}\n\n@media screen and (width >= 768px), print {\n .gradient-border-to-bottom-tablet:before {\n border-image: linear-gradient(to bottom, transparent 0%, transparent 92%, var(--border-gradient-end-color) 100%);\n border-block-end-style: solid;\n border-block-end-width: 320px;\n border-image-slice: 0 0 128;\n border-image-outset: 0;\n }\n}\n\n.gradient-text-vivid {\n -webkit-background-clip: text;\n -webkit-background-clip: text;\n background-clip: text;\n background-color: var(--theme-gradient-vivid-start);\n background-image: linear-gradient(90deg, var(--theme-gradient-vivid-start), var(--theme-gradient-vivid-end));\n color: #0000;\n -webkit-text-fill-color: transparent;\n line-height: 1.4;\n}\n\n.gradient-text-purple-blue {\n -webkit-background-clip: text;\n -webkit-background-clip: text;\n background-clip: text;\n background-color: var(--theme-gradient-text-purple);\n background-image: linear-gradient(90deg, var(--theme-gradient-text-purple), var(--theme-gradient-text-blue));\n color: #0000;\n -webkit-text-fill-color: transparent;\n line-height: 1.4;\n}\n\n.gradient-card {\n background: linear-gradient(90deg, var(--theme-gradient-vivid-start), var(--theme-gradient-vivid-end)) border-box;\n border: .125rem solid #0000;\n border-radius: .375rem;\n}\n\n.gradient-card .gradient-card-content {\n border-radius: inherit;\n background-color: var(--theme-body-background);\n padding: 1rem;\n}\n\n.link-button {\n color: var(--theme-hyperlink);\n cursor: pointer;\n border: none;\n padding: 0;\n display: inline-block;\n}\n\n.link-button:active, .link-button.is-active {\n text-decoration: underline !important;\n}\n\n.link-button.is-focused, .link-button:hover, .link-button.is-hovered, .link-button:focus-visible {\n color: var(--theme-primary-hover);\n text-decoration: underline !important;\n}\n\n.link-button:visited {\n color: var(--theme-visited);\n}\n\n.markdown pre {\n box-sizing: border-box;\n border: 1px solid var(--theme-border);\n background-color: var(--theme-code-block);\n -moz-osx-font-smoothing: auto;\n -webkit-font-smoothing: auto;\n white-space: pre;\n word-spacing: normal;\n word-break: normal;\n word-wrap: normal;\n tab-size: 4;\n -webkit-hyphens: none;\n hyphens: none;\n -webkit-overflow-scrolling: touch;\n max-width: 100%;\n margin: 0;\n padding: 1em;\n font-size: .875rem;\n line-height: 1.3571;\n overflow: auto;\n}\n\n.markdown pre > code {\n border: 0;\n padding: 0;\n line-height: 1.3571;\n display: block;\n position: relative;\n}\n\n.markdown pre > code mark {\n color: var(--theme-text);\n min-width: calc(100% + 2em);\n min-height: 18.9px;\n margin: 0 -1em;\n padding: 0 1em;\n display: inline-block;\n}\n\n.markdown {\n font-size: 1rem;\n line-height: 1.6;\n}\n\n.markdown :not(a):not(pre) > code {\n background-color: var(--theme-inline-code);\n word-wrap: break-word;\n font-smooth: auto;\n border-radius: 3px;\n padding: .1em .2em;\n font-size: .85em;\n}\n\n.markdown img, .markdown video {\n border: 0;\n max-width: 100%;\n height: auto;\n}\n\n.markdown svg:not(:root) {\n overflow: hidden;\n}\n\n.markdown li {\n margin-block-start: .5em;\n}\n\n.markdown ul, .markdown ol {\n margin-inline-start: 2.375rem;\n}\n\n.markdown ul {\n list-style-type: disc;\n}\n\n.markdown ul ul {\n margin: 0;\n margin-inline-start: 1.25rem;\n list-style-type: circle;\n}\n\n.markdown ul ul ul {\n list-style-type: square;\n}\n\n.markdown ul:not(:first-child) {\n margin: 1rem 0;\n}\n\n.markdown ol {\n list-style-type: decimal;\n}\n\n.markdown ol ol {\n margin: 0;\n margin-inline-start: 1.25rem;\n list-style-type: lower-alpha;\n}\n\n.markdown ol ol ol {\n list-style-type: lower-roman;\n}\n\n.markdown ol:not(:first-child) {\n margin: 1rem 0;\n}\n\n.markdown h1 {\n word-wrap: break-word;\n word-break: break-word;\n margin-block-start: none;\n margin-block-end: .75rem;\n font-size: clamp(1.875rem, 22.1053px + 1.64474vw, 2.5rem);\n}\n\n.markdown h1:first-of-type {\n margin-block-start: -.625rem;\n margin-block-end: none;\n}\n\n.markdown h2 {\n margin-block-start: 2rem;\n font-size: clamp(1.59375rem, 18.7895px + 1.39803vw, 2.125rem);\n}\n\n.markdown h3 {\n margin-block: 1.875rem 1.125rem;\n font-size: clamp(1.3125rem, 15.4737px + 1.15132vw, 1.75rem);\n}\n\n.markdown h4 {\n margin-block: 2.25rem .375rem;\n font-size: clamp(1.125rem, 13.2632px + .986842vw, 1.5rem);\n}\n\n.markdown h5 {\n letter-spacing: 1px;\n margin-block: 2.25rem .375rem;\n font-size: clamp(1.1rem, 15.7053px + .394737vw, 1.25rem);\n}\n\n.markdown h6 {\n letter-spacing: 1px;\n margin-block: 2.25rem .375rem;\n font-size: clamp(1.05rem, 15.8526px + .197368vw, 1.125rem);\n}\n\n.markdown p {\n word-wrap: break-word;\n margin-block-start: 1rem;\n margin-block-end: none;\n}\n\n.markdown blockquote {\n border-style: solid;\n border-width: 0 0 0 3px;\n border-color: var(--theme-border);\n margin: 1.2em 0 2em;\n padding: 0 .8em;\n}\n\n.markdown blockquote footer {\n color: var(--theme-text-subtle);\n font-size: .875rem;\n}\n\n.media {\n align-items: flex-start;\n display: flex;\n}\n\n.media + .media, .media .media {\n border-block-start: 1px solid var(--theme-border);\n margin-block-start: 1rem;\n padding-block-start: 1rem;\n}\n\n.media-left {\n flex: none;\n margin-inline-end: 1rem;\n}\n\n.media-content {\n word-break: break-word;\n flex: auto;\n width: 100%;\n}\n\n.message {\n grid-template: \". message-time\"\n \"message-persona message-content\"\n / max-content 1fr;\n gap: .5rem;\n font-size: 1rem;\n line-height: 1.3;\n display: grid;\n}\n\n.message .message-time {\n grid-area: message-time;\n font-size: .75rem;\n}\n\n.message .message-persona {\n grid-area: message-persona;\n margin-block-start: 1rem;\n}\n\n.message .message-content {\n border: 1px solid var(--theme-border);\n background-color: var(--theme-body-background);\n border-radius: .375rem;\n grid-area: message-content;\n padding: 1rem;\n}\n\n.message .message-content .message-content-header {\n grid-template-columns: 1fr auto;\n margin-block-end: .5rem;\n display: grid;\n}\n\n.message .message-content .message-content-header .message-content-options {\n justify-self: flex-end;\n margin-inline-end: .5rem;\n}\n\n.message.message-sender {\n justify-self: flex-end;\n width: 85%;\n}\n\n.message.message-sender .message-content {\n background-color: var(--theme-primary-background);\n}\n\n.message.message-sm {\n font-size: .875rem;\n}\n\n.message.message-sm .message-content {\n padding: .875rem;\n}\n\n.notification {\n border: 1px solid var(--theme-control-border);\n outline-color: var(--theme-text);\n background-color: var(--theme-secondary-background);\n color: var(--theme-text);\n word-wrap: break-word;\n word-break: break-word;\n border-radius: .25rem;\n grid-template: \"notification-content dismiss\"\n / 1fr auto;\n padding: 1rem;\n font-size: 1rem;\n line-height: 1.3;\n display: grid;\n position: relative;\n}\n\n.notification.notification-primary {\n border-color: var(--theme-primary-dark);\n background-color: var(--theme-primary-background);\n color: var(--theme-primary-dark);\n}\n\n.notification.notification-primary.is-loading:before {\n border-color: transparent transparent var(--theme-primary-dark) var(--theme-primary-dark);\n}\n\n.notification.notification-secondary {\n border-color: var(--theme-secondary-dark);\n background-color: var(--theme-secondary-background);\n color: var(--theme-secondary-dark);\n}\n\n.notification.notification-secondary.is-loading:before {\n border-color: transparent transparent var(--theme-secondary-dark) var(--theme-secondary-dark);\n}\n\n.notification.notification-tertiary {\n border-color: var(--theme-tertiary-dark);\n background-color: var(--theme-tertiary-background);\n color: var(--theme-tertiary-dark);\n}\n\n.notification.notification-tertiary.is-loading:before {\n border-color: transparent transparent var(--theme-tertiary-dark) var(--theme-tertiary-dark);\n}\n\n.notification.notification-success {\n border-color: var(--theme-success-dark);\n background-color: var(--theme-success-background);\n color: var(--theme-success-dark);\n}\n\n.notification.notification-success.is-loading:before {\n border-color: transparent transparent var(--theme-success-dark) var(--theme-success-dark);\n}\n\n.notification.notification-info {\n border-color: var(--theme-info-dark);\n background-color: var(--theme-info-background);\n color: var(--theme-info-dark);\n}\n\n.notification.notification-info.is-loading:before {\n border-color: transparent transparent var(--theme-info-dark) var(--theme-info-dark);\n}\n\n.notification.notification-warning {\n border-color: var(--theme-warning-dark);\n background-color: var(--theme-warning-background);\n color: var(--theme-warning-dark);\n}\n\n.notification.notification-warning.is-loading:before {\n border-color: transparent transparent var(--theme-warning-dark) var(--theme-warning-dark);\n}\n\n.notification.notification-danger {\n border-color: var(--theme-danger-dark);\n background-color: var(--theme-danger-background);\n color: var(--theme-danger-dark);\n}\n\n.notification.notification-danger.is-loading:before {\n border-color: transparent transparent var(--theme-danger-dark) var(--theme-danger-dark);\n}\n\n.notification.is-loading {\n color: #0000;\n}\n\n.notification.is-loading > :first-child {\n margin-inline-start: calc(1rem + .375em);\n}\n\n.notification.is-loading:before {\n border-color: transparent transparent var(--theme-text) var(--theme-text);\n position: absolute;\n inset-block-start: 1rem;\n inset-inline-start: 1rem;\n}\n\n.notification .notification-content {\n grid-area: notification-content;\n}\n\n.notification .notification-content .notification-title, .notification .notification-content a:not(.button) {\n color: currentColor;\n font-weight: 600;\n}\n\n.theme-high-contrast .notification .notification-content a:not(.button) {\n color: var(--theme-hyperlink);\n}\n\n.notification .notification-content .notification-title {\n justify-content: flex-start;\n align-items: center;\n margin-block-end: .5rem;\n display: flex;\n}\n\n.notification .notification-content .notification-title .icon {\n flex-shrink: 0;\n align-self: start;\n margin-block-start: .2em;\n margin-inline-end: .375em;\n}\n\n.notification .notification-dismiss {\n border: 0;\n border-radius: 290486px;\n grid-area: dismiss;\n width: 1em;\n height: 1em;\n margin-inline-start: .25rem;\n padding: 0;\n}\n\n.icon {\n justify-content: center;\n align-items: center;\n display: inline-flex;\n}\n\n.icon, .icon svg, .icon img {\n width: 1em;\n height: 1em;\n}\n\n.icon.icon-rounded {\n border-radius: 50%;\n padding: .6rem;\n}\n\n.image {\n display: block;\n position: relative;\n}\n\n.image img, .image svg {\n width: 100%;\n height: auto;\n max-height: 100%;\n display: block;\n}\n\n.image.image-fullwidth {\n object-fit: cover;\n width: 100%;\n height: auto;\n margin: 0;\n}\n\n.image.image-16x16 {\n width: 16px;\n height: 16px;\n}\n\n@media screen and (width >= 768px), print {\n .image.image-16x16-tablet {\n width: 16px;\n height: 16px;\n }\n}\n\n@media screen and (width >= 1088px) {\n .image.image-16x16-desktop {\n width: 16px;\n height: 16px;\n }\n}\n\n.image.image-24x24 {\n width: 24px;\n height: 24px;\n}\n\n@media screen and (width >= 768px), print {\n .image.image-24x24-tablet {\n width: 24px;\n height: 24px;\n }\n}\n\n@media screen and (width >= 1088px) {\n .image.image-24x24-desktop {\n width: 24px;\n height: 24px;\n }\n}\n\n.image.image-32x32 {\n width: 32px;\n height: 32px;\n}\n\n@media screen and (width >= 768px), print {\n .image.image-32x32-tablet {\n width: 32px;\n height: 32px;\n }\n}\n\n@media screen and (width >= 1088px) {\n .image.image-32x32-desktop {\n width: 32px;\n height: 32px;\n }\n}\n\n.image.image-36x36 {\n width: 36px;\n height: 36px;\n}\n\n@media screen and (width >= 768px), print {\n .image.image-36x36-tablet {\n width: 36px;\n height: 36px;\n }\n}\n\n@media screen and (width >= 1088px) {\n .image.image-36x36-desktop {\n width: 36px;\n height: 36px;\n }\n}\n\n.image.image-48x48 {\n width: 48px;\n height: 48px;\n}\n\n@media screen and (width >= 768px), print {\n .image.image-48x48-tablet {\n width: 48px;\n height: 48px;\n }\n}\n\n@media screen and (width >= 1088px) {\n .image.image-48x48-desktop {\n width: 48px;\n height: 48px;\n }\n}\n\n.image.image-64x64 {\n width: 64px;\n height: 64px;\n}\n\n@media screen and (width >= 768px), print {\n .image.image-64x64-tablet {\n width: 64px;\n height: 64px;\n }\n}\n\n@media screen and (width >= 1088px) {\n .image.image-64x64-desktop {\n width: 64px;\n height: 64px;\n }\n}\n\n.image.image-76x76 {\n width: 76px;\n height: 76px;\n}\n\n@media screen and (width >= 768px), print {\n .image.image-76x76-tablet {\n width: 76px;\n height: 76px;\n }\n}\n\n@media screen and (width >= 1088px) {\n .image.image-76x76-desktop {\n width: 76px;\n height: 76px;\n }\n}\n\n.image.image-88x88 {\n width: 88px;\n height: 88px;\n}\n\n@media screen and (width >= 768px), print {\n .image.image-88x88-tablet {\n width: 88px;\n height: 88px;\n }\n}\n\n@media screen and (width >= 1088px) {\n .image.image-88x88-desktop {\n width: 88px;\n height: 88px;\n }\n}\n\n.image.image-96x96 {\n width: 96px;\n height: 96px;\n}\n\n@media screen and (width >= 768px), print {\n .image.image-96x96-tablet {\n width: 96px;\n height: 96px;\n }\n}\n\n@media screen and (width >= 1088px) {\n .image.image-96x96-desktop {\n width: 96px;\n height: 96px;\n }\n}\n\n.image.image-112x112 {\n width: 112px;\n height: 112px;\n}\n\n@media screen and (width >= 768px), print {\n .image.image-112x112-tablet {\n width: 112px;\n height: 112px;\n }\n}\n\n@media screen and (width >= 1088px) {\n .image.image-112x112-desktop {\n width: 112px;\n height: 112px;\n }\n}\n\n.image.image-128x128 {\n width: 128px;\n height: 128px;\n}\n\n@media screen and (width >= 768px), print {\n .image.image-128x128-tablet {\n width: 128px;\n height: 128px;\n }\n}\n\n@media screen and (width >= 1088px) {\n .image.image-128x128-desktop {\n width: 128px;\n height: 128px;\n }\n}\n\n.persona {\n gap: .5rem;\n font-size: .875rem;\n line-height: 1.3;\n display: flex;\n position: relative;\n}\n\n.persona .persona-avatar {\n background-color: var(--theme-alternate-background-medium);\n color: var(--theme-text-invert);\n border-radius: 290486px;\n flex-shrink: 0;\n width: 2.6666em;\n height: 2.6666em;\n}\n\n.persona .persona-avatar img, .persona .persona-avatar svg {\n aspect-ratio: 1;\n border-radius: 290486px;\n width: 100%;\n height: auto;\n}\n\n.persona .persona-details {\n color: var(--theme-text-subtle);\n align-self: center;\n}\n\n.persona .persona-details .persona-name {\n color: var(--theme-text);\n font-size: 1.3333em;\n font-weight: 600;\n}\n\n.persona.persona-sm {\n font-size: .75rem;\n}\n\n.persona.persona-lg {\n font-size: 1rem;\n}\n\n.popover {\n display: inline-block;\n position: relative;\n}\n\n.popover summary {\n list-style: none;\n}\n\n.popover summary::-webkit-details-marker {\n display: none;\n}\n\n.popover .popover-content {\n border: 1px solid var(--theme-border);\n background-color: var(--theme-body-background);\n box-shadow: 0 6.4px 14.4px 0 var(--theme-box-shadow-medium), 0 1.2px 3.6px 0 var(--theme-box-shadow-light);\n z-index: 1060;\n border-radius: .25rem;\n width: 224px;\n margin-block-start: .5rem;\n padding: 1rem;\n position: absolute;\n}\n\n.popover.popover-right .popover-content {\n inset-inline-end: 0;\n}\n\n.popover.popover-center .popover-content {\n inset-inline-start: -25%;\n}\n\n.pagination {\n flex-wrap: wrap;\n margin: -.25rem;\n}\n\n.pagination-list {\n flex-grow: 1;\n}\n\n.pagination, .pagination-list {\n text-align: center;\n justify-content: center;\n align-items: center;\n margin: 0;\n display: flex;\n}\n\n.pagination > li, .pagination-list > li {\n margin: .25rem;\n list-style: none !important;\n}\n\n.pagination-link.is-current {\n border-color: var(--theme-text-invert);\n background-color: var(--theme-primary-base);\n color: var(--theme-text-invert);\n}\n\n.pagination-link.is-current:hover {\n background-color: var(--theme-primary-hover);\n color: var(--theme-text-invert);\n}\n\n@media (forced-colors: active) {\n .pagination-link:after {\n border: 1px solid LinkText;\n background-color: LinkText;\n content: \"\";\n forced-color-adjust: none;\n border-radius: 290486px;\n width: .375em;\n height: .375em;\n display: block;\n position: absolute;\n inset-block-start: .25em;\n inset-inline-end: .25em;\n }\n}\n\n.pagination-ellipsis {\n color: var(--theme-secondary-background);\n pointer-events: none;\n}\n\n.pagination-previous, .pagination-next {\n white-space: nowrap;\n flex-grow: 0;\n flex-shrink: 1;\n padding-inline: .75em;\n}\n\n.pagination-previous, .pagination-next, .pagination-link, .pagination-ellipsis {\n text-align: center;\n justify-content: center;\n padding-inline: .5em;\n font-size: 1em;\n}\n\n.pagination-previous, .pagination-next, .pagination-link {\n border-color: var(--theme-border);\n color: var(--theme-text);\n min-width: 2.25em;\n text-decoration: none;\n}\n\n.pagination-previous:hover, .pagination-next:hover, .pagination-link:hover {\n border-color: var(--theme-primary-hover);\n color: var(--theme-primary-hover);\n text-decoration: none;\n}\n\n.pagination-previous[disabled], .pagination-next[disabled], .pagination-link[disabled] {\n border-color: var(--theme-secondary-background);\n background-color: var(--theme-secondary-background);\n opacity: .5;\n color: var(--theme-secondary-base);\n pointer-events: none;\n}\n\n@media screen and (aspect-ratio >= 1), screen and (resolution >= 120dpi) and (aspect-ratio >= 1) {\n .pagination-center .pagination-previous {\n order: 1;\n }\n\n .pagination-center .pagination-list {\n order: 2;\n justify-content: center;\n }\n\n .pagination-center .pagination-next {\n order: 3;\n }\n}\n\n@media screen and (width >= 768px), print {\n .pagination-list {\n flex-grow: 0;\n flex-shrink: 1;\n order: 1;\n justify-content: flex-start;\n }\n\n .pagination-previous {\n order: 2;\n }\n\n .pagination-next {\n order: 3;\n }\n\n .pagination {\n justify-content: center;\n }\n\n .pagination.pagination-center .pagination-previous {\n order: 1;\n }\n\n .pagination.pagination-center .pagination-list {\n order: 2;\n justify-content: center;\n }\n\n .pagination.pagination-center .pagination-next {\n order: 3;\n }\n}\n\n.table-wrapper {\n -webkit-overflow-scrolling: touch;\n overflow-x: auto;\n overflow-y: hidden;\n}\n\n.table {\n border-collapse: collapse;\n table-layout: auto;\n width: 100%;\n font-size: .875rem;\n}\n\n.table:not(.table-simple) {\n border: 1px solid var(--theme-table-border-dark);\n}\n\n.table caption {\n letter-spacing: .125rem;\n text-align: right;\n text-transform: uppercase;\n padding: 1.25rem;\n font-size: .75rem;\n font-weight: 600;\n}\n\n.table th, .table td {\n word-wrap: break-word;\n border-block-start: 1px solid var(--theme-table-border-dark);\n vertical-align: top;\n padding: 1rem 1.25rem;\n line-height: 1.5;\n display: table-cell;\n}\n\n.table th:not([align]) {\n text-align: left;\n}\n\n@media screen and (width <= 767px) {\n .table.table-stacked-mobile th, .table.table-stacked-mobile td {\n width: 100%;\n display: block;\n }\n\n .table.table-stacked-mobile th:not(:first-child), .table.table-stacked-mobile td:not(:first-child) {\n border-width: 0;\n padding-block-start: 0;\n }\n\n .table.table-stacked-mobile thead tr:first-child th, .table.table-stacked-mobile tbody tr:first-child td {\n border-block-start: none;\n }\n\n .table.table-stacked-mobile thead tr > th:last-child {\n border-block-end: 1px solid var(--theme-table-border-dark);\n }\n}\n\n.table.table-borderless, .table.table-borderless th, .table.table-borderless td {\n border: none;\n}\n\n.table.table-complex thead tr, .table.table-complex tfoot tr {\n background-color: var(--theme-table-header);\n}\n\n.table.table-complex th, .table.table-complex td {\n border: 1px solid var(--theme-table-border-dark);\n}\n\n.table.table-striped tbody tr:nth-of-type(2n) {\n background-color: var(--theme-table-row);\n}\n\n.table.table-sm th, .table.table-sm td {\n padding: .5rem;\n}\n\n.table.table-lg th, .table.table-lg td {\n padding: 2rem;\n}\n\n.toggle label {\n border: .065em solid var(--theme-text-subtle);\n background-color: var(--theme-body-background);\n cursor: pointer;\n border-radius: 290486px;\n width: 2.5em;\n height: 1.25em;\n transition: background-color .2s linear, border-color .2s linear;\n display: block;\n position: relative;\n}\n\n@media (forced-colors: active) {\n .toggle label {\n border-color: CanvasText !important;\n background-color: Canvas !important;\n }\n}\n\n.toggle label:after {\n background-color: var(--theme-text-subtle);\n content: \"\";\n border-radius: 290486px;\n width: .75em;\n height: .75em;\n transition: inset-inline-start .2s cubic-bezier(.01, 1.23, .58, .96), border-color .2s cubic-bezier(.01, 1.23, .58, .96), background-color .2s cubic-bezier(.01, 1.23, .58, .96);\n display: block;\n position: absolute;\n inset-block-start: .1875em;\n inset-inline-start: .25em;\n}\n\n@media (forced-colors: active) {\n .toggle label:after {\n background-color: CanvasText !important;\n }\n}\n\n.toggle.is-selected label, .toggle input[type=\"checkbox\"]:checked + label {\n border-color: var(--theme-primary-base);\n background-color: var(--theme-primary-base);\n}\n\n@media (forced-colors: active) {\n .toggle.is-selected label, .toggle input[type=\"checkbox\"]:checked + label {\n border-color: LinkText !important;\n background-color: LinkText !important;\n }\n}\n\n.toggle.is-selected label:after, .toggle input[type=\"checkbox\"]:checked + label:after {\n background-color: var(--theme-body-background);\n inset-inline-start: calc(100% - 1em);\n}\n\n@media (forced-colors: active) {\n .toggle.is-selected label:after, .toggle input[type=\"checkbox\"]:checked + label:after {\n background-color: Canvas !important;\n }\n}\n\n.toggle input[type=\"checkbox\"] {\n clip: rect(1px, 1px, 1px, 1px);\n clip-path: inset(50%);\n word-wrap: normal;\n border: 0;\n width: 1px;\n height: 1px;\n margin: -1px;\n padding: 0;\n position: absolute;\n overflow: hidden;\n}\n\n.toggle input[type=\"checkbox\"]:disabled + label {\n opacity: .6;\n cursor: not-allowed;\n}\n\n.scroll-horizontal {\n -webkit-overflow-scrolling: touch;\n overflow-x: auto;\n overflow-y: hidden;\n}\n\n.scroll-vertical {\n -webkit-overflow-scrolling: touch;\n overflow-x: hidden;\n overflow-y: auto;\n}\n\n.scroll-snap-container {\n scroll-behavior: smooth;\n scroll-snap-type: x mandatory;\n gap: 1rem;\n height: max-content;\n margin-block: 1rem;\n}\n\n.scroll-snap-item {\n scroll-snap-align: center;\n flex-basis: 90%;\n min-width: 80%;\n height: auto;\n}\n\n.stretched-link:before {\n content: \"\";\n z-index: 1;\n position: absolute;\n inset: 0;\n}\n\n.layout {\n --layout-gap: 24px;\n --layout-gap-scalable: 24px;\n flex-direction: column;\n max-inline-size: 100vw;\n display: flex;\n overflow-x: hidden;\n}\n\n@media screen and (width >= 1800px) {\n .layout {\n --layout-gap-scalable: calc(50% - 1752px / 2);\n }\n}\n\n.layout-padding {\n padding-inline: var(--layout-gap) !important;\n}\n\n.layout-margin {\n margin-inline: var(--layout-gap-scalable) !important;\n}\n\n.layout-body {\n width: 100%;\n max-width: 100%;\n display: grid;\n}\n\n.layout-body-header {\n grid-area: header;\n}\n\n.layout-body-hero {\n grid-area: hero;\n}\n\n.layout-body-menu {\n grid-area: menu;\n}\n\n.layout-body-main {\n grid-area: main;\n}\n\n.layout-body-aside {\n grid-area: aside;\n}\n\n.layout-body-footer {\n grid-area: footer;\n}\n\n.layout-body-hero:empty, .layout-body-main:empty, .layout-body-footer:empty, .layout-body-aside:empty, .layout-body-menu:empty {\n display: none;\n}\n\n.layout .layout-body, .layout.layout-single .layout-body, .layout.layout-holy-grail .layout-body {\n grid-template: \"header\"\n \"hero\"\n \"menu\"\n \"main\" 1fr\n \"aside\"\n \"footer\"\n / 1fr;\n}\n\n@media screen and (width >= 768px), print {\n .layout.layout-holy-grail .layout-body {\n grid-template: \"header header\"\n \"hero hero\"\n \"menu main\" 1fr\n \"menu aside\"\n \"footer footer\"\n / 1fr 2fr;\n }\n}\n\n@media screen and (width >= 1088px) {\n .layout.layout-holy-grail .layout-body {\n grid-template: \"header header header\"\n \"hero hero hero\"\n \"menu main aside\" 1fr\n \"footer footer footer\"\n / 1fr 2fr 1fr;\n }\n}\n\n@media screen and (width >= 1800px) {\n .layout.layout-holy-grail .layout-body {\n grid-template: \"header header header header header\"\n \"hero hero hero hero hero\"\n \". menu main aside .\" 1fr\n \"footer footer footer footer footer\"\n / auto 450px 900px 450px auto;\n }\n}\n\n.layout.layout-sidecar-left .layout-body-aside {\n display: none;\n}\n\n.layout.layout-sidecar-left .layout-body {\n grid-template: \"header\"\n \"hero\"\n \"menu\"\n \"main\" 1fr\n \"footer\"\n / 1fr;\n}\n\n@media screen and (width >= 768px), print {\n .layout.layout-sidecar-left .layout-body {\n grid-template: \"header header\"\n \"hero hero\"\n \"menu main\" 1fr\n \"footer footer\"\n / 1fr 2fr;\n }\n}\n\n@media screen and (width >= 1088px) {\n .layout.layout-sidecar-left .layout-body {\n grid-template: \"header header\"\n \"hero hero\"\n \"menu main\" 1fr\n \"footer footer\"\n / 1fr 3fr;\n }\n}\n\n@media screen and (width >= 1800px) {\n .layout.layout-sidecar-left .layout-body {\n grid-template: \"header header header header\"\n \"hero hero hero hero\"\n \". menu main .\" 1fr\n \"footer footer footer footer\"\n / auto 450px 1350px auto;\n }\n}\n\n.layout.layout-sidecar-right .layout-body-menu {\n display: none;\n}\n\n.layout.layout-sidecar-right .layout-body {\n grid-template: \"header\"\n \"hero\"\n \"main\"\n \"aside\" 1fr\n \"footer\"\n / 1fr;\n}\n\n@media screen and (width >= 768px), print {\n .layout.layout-sidecar-right .layout-body {\n grid-template: \"header header\"\n \"hero hero\"\n \"main aside\" 1fr\n \"footer footer\"\n / 2fr 1fr;\n }\n}\n\n@media screen and (width >= 1088px) {\n .layout.layout-sidecar-right .layout-body {\n grid-template: \"header header\"\n \"hero hero\"\n \"main aside\" 1fr\n \"footer footer\"\n / 3fr 1fr;\n }\n}\n\n@media screen and (width >= 1800px) {\n .layout.layout-sidecar-right .layout-body {\n grid-template: \"header header header header\"\n \"hero hero hero hero\"\n \". main aside .\" 1fr\n \"footer footer footer footer\"\n / auto 1350px 450px auto;\n }\n}\n\n.aspect-ratio-1-1 {\n aspect-ratio: 1 !important;\n}\n\n.aspect-ratio-2-1 {\n aspect-ratio: 2 !important;\n}\n\n.aspect-ratio-4-3 {\n aspect-ratio: 4 / 3 !important;\n}\n\n.aspect-ratio-9-16 {\n aspect-ratio: 9 / 16 !important;\n}\n\n.aspect-ratio-16-9 {\n aspect-ratio: 16 / 9 !important;\n}\n\n.font-family-monospace {\n -moz-osx-font-smoothing: auto;\n -webkit-font-smoothing: auto;\n font-family: SFMono-Regular, Consolas, Liberation Mono, Menlo, Courier, monospace !important;\n}\n\n.font-family-quote {\n font-family: Arial, Helvetica Neue, Helvetica, sans-serif !important;\n}\n\n.font-size-h0 {\n font-size: 3.375rem !important;\n}\n\n.font-size-h1 {\n font-size: 2.5rem !important;\n}\n\n.font-size-h2 {\n font-size: 2.125rem !important;\n}\n\n.font-size-h3 {\n font-size: 1.75rem !important;\n}\n\n.font-size-h4 {\n font-size: 1.5rem !important;\n}\n\n.font-size-h5 {\n font-size: 1.25rem !important;\n}\n\n.font-size-h6 {\n font-size: 1.125rem !important;\n}\n\n@media screen and (width >= 768px), print {\n .font-size-h0-tablet {\n font-size: 3.375rem !important;\n }\n\n .font-size-h1-tablet {\n font-size: 2.5rem !important;\n }\n\n .font-size-h2-tablet {\n font-size: 2.125rem !important;\n }\n\n .font-size-h3-tablet {\n font-size: 1.75rem !important;\n }\n\n .font-size-h4-tablet {\n font-size: 1.5rem !important;\n }\n\n .font-size-h5-tablet {\n font-size: 1.25rem !important;\n }\n\n .font-size-h6-tablet {\n font-size: 1.125rem !important;\n }\n}\n\n.font-size-xl {\n font-size: 1.25rem !important;\n}\n\n.font-size-lg {\n font-size: 1.125rem !important;\n}\n\n.font-size-md {\n font-size: 1rem !important;\n}\n\n.font-size-sm {\n font-size: .875rem !important;\n}\n\n.font-size-xs {\n font-size: .75rem !important;\n}\n\n@media screen and (width >= 768px), print {\n .font-size-xl-tablet {\n font-size: 1.25rem !important;\n }\n\n .font-size-lg-tablet {\n font-size: 1.125rem !important;\n }\n\n .font-size-md-tablet {\n font-size: 1rem !important;\n }\n\n .font-size-sm-tablet {\n font-size: .875rem !important;\n }\n\n .font-size-xs-tablet {\n font-size: .75rem !important;\n }\n}\n\n.font-weight-light {\n font-weight: 100 !important;\n}\n\n.font-weight-semilight {\n font-weight: 200 !important;\n}\n\n.font-weight-normal {\n font-weight: 400 !important;\n}\n\n.font-weight-semibold {\n font-weight: 600 !important;\n}\n\n.font-weight-bold {\n font-weight: 700 !important;\n}\n\n.font-style-italic {\n font-style: italic !important;\n}\n\n.text-decoration-underline {\n text-decoration: underline !important;\n}\n\n.text-decoration-none {\n text-decoration: none !important;\n}\n\n.letter-spacing-wide {\n letter-spacing: .225rem !important;\n}\n\n.text-transform-uppercase {\n text-transform: uppercase !important;\n}\n\n.text-align-left {\n text-align: start !important;\n}\n\n.text-align-center {\n text-align: center !important;\n}\n\n.text-align-right {\n text-align: end !important;\n}\n\n@media screen and (width >= 768px), print {\n .text-align-left-tablet {\n text-align: start !important;\n }\n\n .text-align-center-tablet {\n text-align: center !important;\n }\n\n .text-align-right-tablet {\n text-align: end !important;\n }\n}\n\n.line-height-normal {\n line-height: 1.3;\n}\n\n.border {\n border: 1px solid var(--theme-border) !important;\n}\n\n.border-md {\n border: .125rem solid var(--theme-border) !important;\n}\n\n.border-lg {\n border: .25rem solid var(--theme-border) !important;\n}\n\n.border-none {\n border: none !important;\n}\n\n.border-top {\n border-block-start: 1px solid var(--theme-border) !important;\n}\n\n.border-top-md {\n border-block-start: .125rem solid var(--theme-border) !important;\n}\n\n.border-top-lg {\n border-block-start: .25rem solid var(--theme-border) !important;\n}\n\n.border-top-none {\n border-block-start: 0 !important;\n}\n\n.border-right {\n border-inline-end: 1px solid var(--theme-border) !important;\n}\n\n.border-right-md {\n border-inline-end: .125rem solid var(--theme-border) !important;\n}\n\n.border-right-lg {\n border-inline-end: .25rem solid var(--theme-border) !important;\n}\n\n.border-right-none {\n border-inline-end: 0 !important;\n}\n\n.border-bottom {\n border-block-end: 1px solid var(--theme-border) !important;\n}\n\n.border-bottom-md {\n border-block-end: .125rem solid var(--theme-border) !important;\n}\n\n.border-bottom-lg {\n border-block-end: .25rem solid var(--theme-border) !important;\n}\n\n.border-bottom-none {\n border-block-end: 0 !important;\n}\n\n.border-left {\n border-inline-start: 1px solid var(--theme-border) !important;\n}\n\n.border-left-md {\n border-inline-start: .125rem solid var(--theme-border) !important;\n}\n\n.border-left-lg {\n border-inline-start: .25rem solid var(--theme-border) !important;\n}\n\n.border-left-none {\n border-inline-start: 0 !important;\n}\n\n@media screen and (width >= 768px), print {\n .border-tablet {\n border: 1px solid var(--theme-border) !important;\n }\n\n .border-md-tablet {\n border: .125rem solid var(--theme-border) !important;\n }\n\n .border-lg-tablet {\n border: .25rem solid var(--theme-border) !important;\n }\n\n .border-none-tablet {\n border: none !important;\n }\n\n .border-top-tablet {\n border-block-start: 1px solid var(--theme-border) !important;\n }\n\n .border-top-md-tablet {\n border-block-start: .125rem solid var(--theme-border) !important;\n }\n\n .border-top-lg-tablet {\n border-block-start: .25rem solid var(--theme-border) !important;\n }\n\n .border-top-none-tablet {\n border-block-start: 0 !important;\n }\n\n .border-right-tablet {\n border-inline-end: 1px solid var(--theme-border) !important;\n }\n\n .border-right-md-tablet {\n border-inline-end: .125rem solid var(--theme-border) !important;\n }\n\n .border-right-lg-tablet {\n border-inline-end: .25rem solid var(--theme-border) !important;\n }\n\n .border-right-none-tablet {\n border-inline-end: 0 !important;\n }\n\n .border-bottom-tablet {\n border-block-end: 1px solid var(--theme-border) !important;\n }\n\n .border-bottom-md-tablet {\n border-block-end: .125rem solid var(--theme-border) !important;\n }\n\n .border-bottom-lg-tablet {\n border-block-end: .25rem solid var(--theme-border) !important;\n }\n\n .border-bottom-none-tablet {\n border-block-end: 0 !important;\n }\n\n .border-left-tablet {\n border-inline-start: 1px solid var(--theme-border) !important;\n }\n\n .border-left-md-tablet {\n border-inline-start: .125rem solid var(--theme-border) !important;\n }\n\n .border-left-lg-tablet {\n border-inline-start: .25rem solid var(--theme-border) !important;\n }\n\n .border-left-none-tablet {\n border-inline-start: 0 !important;\n }\n}\n\n.border-radius-sm {\n border-radius: .125rem !important;\n}\n\n.border-radius {\n border-radius: .25rem !important;\n}\n\n.border-radius-lg {\n border-radius: .375rem !important;\n}\n\n.border-radius-rounded {\n border-radius: 290486px !important;\n}\n\n.border-color-primary {\n border-color: var(--theme-primary-base) !important;\n}\n\n.border-color-secondary {\n border-color: var(--theme-secondary-base) !important;\n}\n\n.border-color-tertiary {\n border-color: var(--theme-tertiary-base) !important;\n}\n\n.border-color-success {\n border-color: var(--theme-success-base) !important;\n}\n\n.border-color-info {\n border-color: var(--theme-info-base) !important;\n}\n\n.border-color-warning {\n border-color: var(--theme-warning-base) !important;\n}\n\n.border-color-danger {\n border-color: var(--theme-danger-base) !important;\n}\n\n.border-color-accent {\n border-color: var(--theme-border-accent) !important;\n}\n\n.border-high-contrast {\n border: 1px solid var(--theme-border-white-high-contrast) !important;\n}\n\n.border-high-contrast-hover:hover {\n border: 1px solid var(--theme-border-yellow-high-contrast) !important;\n}\n\n.background-size-100 {\n background-size: 100px;\n}\n\n.background-size-200 {\n background-size: 200px;\n}\n\n.background-image-pattern {\n background-image: var(--background-image-pattern);\n}\n\n.color-primary {\n color: var(--theme-primary-base) !important;\n}\n\na.color-primary:hover, a.color-primary:focus-visible {\n color: var(--theme-primary-hover) !important;\n}\n\na.color-primary:active {\n color: var(--theme-primary-active) !important;\n}\n\n.color-primary-invert {\n color: var(--theme-primary-invert) !important;\n}\n\n.background-color-primary {\n outline-color: var(--theme-primary-invert);\n background-color: var(--theme-primary-base) !important;\n}\n\n.background-color-primary-invert {\n outline-color: var(--theme-primary-base);\n background-color: var(--theme-primary-invert) !important;\n}\n\n.background-color-primary-light {\n outline-color: var(--theme-primary-dark);\n background-color: var(--theme-primary-background) !important;\n}\n\n.background-color-primary-dark {\n outline-color: var(--theme-primary-background);\n background-color: var(--theme-primary-dark) !important;\n}\n\n.color-secondary {\n color: var(--theme-secondary-base) !important;\n}\n\na.color-secondary:hover, a.color-secondary:focus-visible {\n color: var(--theme-secondary-hover) !important;\n}\n\na.color-secondary:active {\n color: var(--theme-secondary-active) !important;\n}\n\n.color-secondary-invert {\n color: var(--theme-secondary-invert) !important;\n}\n\n.background-color-secondary {\n outline-color: var(--theme-secondary-invert);\n background-color: var(--theme-secondary-base) !important;\n}\n\n.background-color-secondary-invert {\n outline-color: var(--theme-secondary-base);\n background-color: var(--theme-secondary-invert) !important;\n}\n\n.background-color-secondary-light {\n outline-color: var(--theme-secondary-dark);\n background-color: var(--theme-secondary-background) !important;\n}\n\n.background-color-secondary-dark {\n outline-color: var(--theme-secondary-background);\n background-color: var(--theme-secondary-dark) !important;\n}\n\n.color-tertiary {\n color: var(--theme-tertiary-base) !important;\n}\n\na.color-tertiary:hover, a.color-tertiary:focus-visible {\n color: var(--theme-tertiary-hover) !important;\n}\n\na.color-tertiary:active {\n color: var(--theme-tertiary-active) !important;\n}\n\n.color-tertiary-invert {\n color: var(--theme-tertiary-invert) !important;\n}\n\n.background-color-tertiary {\n outline-color: var(--theme-tertiary-invert);\n background-color: var(--theme-tertiary-base) !important;\n}\n\n.background-color-tertiary-invert {\n outline-color: var(--theme-tertiary-base);\n background-color: var(--theme-tertiary-invert) !important;\n}\n\n.background-color-tertiary-light {\n outline-color: var(--theme-tertiary-dark);\n background-color: var(--theme-tertiary-background) !important;\n}\n\n.background-color-tertiary-dark {\n outline-color: var(--theme-tertiary-background);\n background-color: var(--theme-tertiary-dark) !important;\n}\n\n.color-success {\n color: var(--theme-success-base) !important;\n}\n\na.color-success:hover, a.color-success:focus-visible {\n color: var(--theme-success-hover) !important;\n}\n\na.color-success:active {\n color: var(--theme-success-active) !important;\n}\n\n.color-success-invert {\n color: var(--theme-success-invert) !important;\n}\n\n.background-color-success {\n outline-color: var(--theme-success-invert);\n background-color: var(--theme-success-base) !important;\n}\n\n.background-color-success-invert {\n outline-color: var(--theme-success-base);\n background-color: var(--theme-success-invert) !important;\n}\n\n.background-color-success-light {\n outline-color: var(--theme-success-dark);\n background-color: var(--theme-success-background) !important;\n}\n\n.background-color-success-dark {\n outline-color: var(--theme-success-background);\n background-color: var(--theme-success-dark) !important;\n}\n\n.color-info {\n color: var(--theme-info-base) !important;\n}\n\na.color-info:hover, a.color-info:focus-visible {\n color: var(--theme-info-hover) !important;\n}\n\na.color-info:active {\n color: var(--theme-info-active) !important;\n}\n\n.color-info-invert {\n color: var(--theme-info-invert) !important;\n}\n\n.background-color-info {\n outline-color: var(--theme-info-invert);\n background-color: var(--theme-info-base) !important;\n}\n\n.background-color-info-invert {\n outline-color: var(--theme-info-base);\n background-color: var(--theme-info-invert) !important;\n}\n\n.background-color-info-light {\n outline-color: var(--theme-info-dark);\n background-color: var(--theme-info-background) !important;\n}\n\n.background-color-info-dark {\n outline-color: var(--theme-info-background);\n background-color: var(--theme-info-dark) !important;\n}\n\n.color-warning, a.color-warning:hover {\n color: var(--theme-warning-active) !important;\n}\n\na.color-warning:focus-visible {\n color: var(--theme-warning-hover) !important;\n}\n\na.color-warning:active {\n color: var(--theme-warning-active) !important;\n}\n\n.color-warning-invert {\n color: var(--theme-warning-invert) !important;\n}\n\n.background-color-warning {\n outline-color: var(--theme-warning-invert);\n background-color: var(--theme-warning-base) !important;\n}\n\n.background-color-warning-invert {\n outline-color: var(--theme-warning-base);\n background-color: var(--theme-warning-invert) !important;\n}\n\n.background-color-warning-light {\n outline-color: var(--theme-warning-dark);\n background-color: var(--theme-warning-background) !important;\n}\n\n.background-color-warning-dark {\n outline-color: var(--theme-warning-background);\n background-color: var(--theme-warning-dark) !important;\n}\n\n.color-danger {\n color: var(--theme-danger-base) !important;\n}\n\na.color-danger:hover, a.color-danger:focus-visible {\n color: var(--theme-danger-hover) !important;\n}\n\na.color-danger:active {\n color: var(--theme-danger-active) !important;\n}\n\n.color-danger-invert {\n color: var(--theme-danger-invert) !important;\n}\n\n.background-color-danger {\n outline-color: var(--theme-danger-invert);\n background-color: var(--theme-danger-base) !important;\n}\n\n.background-color-danger-invert {\n outline-color: var(--theme-danger-base);\n background-color: var(--theme-danger-invert) !important;\n}\n\n.background-color-danger-light {\n outline-color: var(--theme-danger-dark);\n background-color: var(--theme-danger-background) !important;\n}\n\n.background-color-danger-dark {\n outline-color: var(--theme-danger-background);\n background-color: var(--theme-danger-dark) !important;\n}\n\n@media screen and (width >= 768px), print {\n .background-color-primary-tablet {\n outline-color: var(--theme-primary-invert);\n background-color: var(--theme-primary-base) !important;\n }\n\n .background-color-secondary-tablet {\n outline-color: var(--theme-secondary-invert);\n background-color: var(--theme-secondary-base) !important;\n }\n\n .background-color-tertiary-tablet {\n outline-color: var(--theme-tertiary-invert);\n background-color: var(--theme-tertiary-base) !important;\n }\n\n .background-color-success-tablet {\n outline-color: var(--theme-success-invert);\n background-color: var(--theme-success-base) !important;\n }\n\n .background-color-info-tablet {\n outline-color: var(--theme-info-invert);\n background-color: var(--theme-info-base) !important;\n }\n\n .background-color-warning-tablet {\n outline-color: var(--theme-warning-invert);\n background-color: var(--theme-warning-base) !important;\n }\n\n .background-color-danger-tablet {\n outline-color: var(--theme-danger-invert);\n background-color: var(--theme-danger-base) !important;\n }\n}\n\n.color-text {\n color: var(--theme-text) !important;\n}\n\n.color-text-invert {\n color: var(--theme-text-invert) !important;\n}\n\n.color-text-subtle {\n color: var(--theme-text-subtle) !important;\n}\n\n.color-text-overlay-invert {\n color: var(--theme-overlay-invert);\n}\n\n.color-current-color {\n color: currentColor !important;\n}\n\n.fill-current-color {\n forced-color-adjust: auto;\n fill: currentColor !important;\n}\n\n.outline-color-text {\n outline-color: var(--theme-text) !important;\n}\n\n.stroke-current-color {\n stroke: currentColor !important;\n}\n\n.background-color-body {\n outline-color: var(--theme-text) !important;\n background-color: var(--theme-body-background) !important;\n}\n\n.background-color-body-medium {\n outline-color: var(--theme-text) !important;\n background-color: var(--theme-body-background-medium) !important;\n}\n\n.background-color-alternate {\n outline-color: var(--theme-text-invert) !important;\n background-color: var(--theme-alternate-background) !important;\n}\n\n.background-color-alternate-medium {\n outline-color: var(--theme-text-invert) !important;\n background-color: var(--theme-alternate-background-medium) !important;\n}\n\n.background-color-overlay {\n outline-color: var(--theme-overlay-invert);\n background-color: var(--theme-overlay) !important;\n}\n\n.background-color-alternating-grey {\n border-block-start: 1px solid var(--theme-border-white-high-contrast);\n outline-color: var(--theme-text) !important;\n}\n\n.background-color-alternating-grey:nth-of-type(2n) {\n outline-color: var(--theme-text);\n background-color: var(--theme-body-background);\n}\n\n.background-color-alternating-grey:nth-of-type(odd) {\n outline-color: var(--theme-text);\n background-color: var(--theme-body-background-medium);\n}\n\n.background-color-alternating-grey-reversed {\n border-block-start: 1px solid var(--theme-border-white-high-contrast);\n outline-color: var(--theme-text) !important;\n}\n\n.background-color-alternating-grey-reversed:nth-of-type(2n) {\n outline-color: var(--theme-text);\n background-color: var(--theme-body-background-medium);\n}\n\n.background-color-alternating-grey-reversed:nth-of-type(odd) {\n outline-color: var(--theme-text);\n background-color: var(--theme-body-background);\n}\n\n.background-color-body-accent {\n outline-color: var(--theme-text) !important;\n background-color: var(--theme-body-background-accent) !important;\n}\n\n.color-white-static {\n color: #fff !important;\n}\n\n.color-black-static {\n color: #000 !important;\n}\n\n.background-color-white-static {\n background-color: #fff !important;\n}\n\n.background-color-black-static {\n background-color: #000 !important;\n}\n\n.display-block {\n display: block !important;\n}\n\n.display-flex {\n display: flex !important;\n}\n\n.display-inline {\n display: inline !important;\n}\n\n.display-inline-block {\n display: inline-block !important;\n}\n\n.display-inline-flex {\n display: inline-flex !important;\n}\n\n.display-grid {\n display: grid !important;\n}\n\n.display-none {\n display: none !important;\n}\n\n@media screen and (width >= 768px), print {\n .display-block-tablet {\n display: block !important;\n }\n\n .display-flex-tablet {\n display: flex !important;\n }\n\n .display-inline-tablet {\n display: inline !important;\n }\n\n .display-inline-block-tablet {\n display: inline-block !important;\n }\n\n .display-inline-flex-tablet {\n display: inline-flex !important;\n }\n\n .display-grid-tablet {\n display: grid !important;\n }\n\n .display-none-tablet {\n display: none !important;\n }\n}\n\n@media screen and (width >= 1088px) {\n .display-block-desktop {\n display: block !important;\n }\n\n .display-flex-desktop {\n display: flex !important;\n }\n\n .display-inline-desktop {\n display: inline !important;\n }\n\n .display-inline-block-desktop {\n display: inline-block !important;\n }\n\n .display-inline-flex-desktop {\n display: inline-flex !important;\n }\n\n .display-grid-desktop {\n display: grid !important;\n }\n\n .display-none-desktop {\n display: none !important;\n }\n}\n\n@media screen and (width >= 1800px) {\n .display-block-widescreen {\n display: block !important;\n }\n\n .display-flex-widescreen {\n display: flex !important;\n }\n\n .display-inline-widescreen {\n display: inline !important;\n }\n\n .display-inline-block-widescreen {\n display: inline-block !important;\n }\n\n .display-inline-flex-widescreen {\n display: inline-flex !important;\n }\n\n .display-grid-widescreen {\n display: grid !important;\n }\n\n .display-none-widescreen {\n display: none !important;\n }\n}\n\n[hidden] {\n display: none !important;\n}\n\n.gap-xxs {\n gap: .5rem !important;\n}\n\n.gap-xs {\n gap: 1rem !important;\n}\n\n.gap-sm {\n gap: 1.5rem !important;\n}\n\n.gap-md {\n gap: 2rem !important;\n}\n\n.gap-lg {\n gap: 3rem !important;\n}\n\n.gap-none {\n gap: 0 !important;\n}\n\n@media screen and (width >= 768px), print {\n .gap-xxs-tablet {\n gap: .5rem !important;\n }\n\n .gap-xs-tablet {\n gap: 1rem !important;\n }\n\n .gap-sm-tablet {\n gap: 1.5rem !important;\n }\n\n .gap-md-tablet {\n gap: 2rem !important;\n }\n\n .gap-lg-tablet {\n gap: 3rem !important;\n }\n\n .gap-none-tablet {\n gap: 0 !important;\n }\n}\n\n@media screen and (width >= 1088px) {\n .gap-xxs-desktop {\n gap: .5rem !important;\n }\n\n .gap-xs-desktop {\n gap: 1rem !important;\n }\n\n .gap-sm-desktop {\n gap: 1.5rem !important;\n }\n\n .gap-md-desktop {\n gap: 2rem !important;\n }\n\n .gap-lg-desktop {\n gap: 3rem !important;\n }\n\n .gap-none-desktop {\n gap: 0 !important;\n }\n}\n\n@media screen and (width >= 1800px) {\n .gap-xxs-widescreen {\n gap: .5rem !important;\n }\n\n .gap-xs-widescreen {\n gap: 1rem !important;\n }\n\n .gap-sm-widescreen {\n gap: 1.5rem !important;\n }\n\n .gap-md-widescreen {\n gap: 2rem !important;\n }\n\n .gap-lg-widescreen {\n gap: 3rem !important;\n }\n\n .gap-none-widescreen {\n gap: 0 !important;\n }\n}\n\n.overflow-hidden {\n overflow: hidden;\n}\n\n@media screen and (width >= 768px), print {\n .overflow-hidden-tablet {\n overflow: hidden;\n }\n}\n\n.box-shadow-none {\n box-shadow: none !important;\n}\n\n.box-shadow-light {\n box-shadow: 0 1.6px 3.6px 0 var(--theme-box-shadow-medium), 0 .3px .9px 0 var(--theme-box-shadow-light) !important;\n}\n\n.box-shadow-medium {\n box-shadow: 0 3.2px 7.2px 0 var(--theme-box-shadow-medium), 0 .6px 1.8px 0 var(--theme-box-shadow-light) !important;\n}\n\n.box-shadow-heavy {\n box-shadow: 0 6.4px 14.4px 0 var(--theme-box-shadow-medium), 0 1.2px 3.6px 0 var(--theme-box-shadow-light) !important;\n}\n\n.box-shadow-extra-heavy {\n box-shadow: 0 25.6px 57.6px 0 var(--theme-box-shadow-extra-heavy), 0 4.8px 14.4px 0 var(--theme-box-shadow-heavy) !important;\n}\n\n.margin-inline-auto {\n margin-inline: auto !important;\n}\n\n.margin-left-auto {\n margin-inline-start: auto !important;\n}\n\n.margin-right-auto {\n margin-inline-end: auto !important;\n}\n\n.margin-top-auto {\n margin-block-start: auto !important;\n}\n\n@media screen and (width >= 768px), print {\n .margin-inline-auto-tablet {\n margin-inline: auto !important;\n }\n\n .margin-left-auto-tablet {\n margin-inline-start: auto !important;\n }\n\n .margin-right-auto-tablet {\n margin-inline-end: auto !important;\n }\n\n .margin-top-auto-tablet {\n margin-block-start: auto !important;\n }\n}\n\n@media screen and (width >= 1088px) {\n .margin-inline-auto-desktop {\n margin-inline: auto !important;\n }\n\n .margin-left-auto-desktop {\n margin-inline-start: auto !important;\n }\n\n .margin-right-auto-desktop {\n margin-inline-end: auto !important;\n }\n\n .margin-top-auto-desktop {\n margin-block-start: auto !important;\n }\n}\n\n@media screen and (width >= 1800px) {\n .margin-inline-auto-widescreen {\n margin-inline: auto !important;\n }\n\n .margin-left-auto-widescreen {\n margin-inline-start: auto !important;\n }\n\n .margin-right-auto-widescreen {\n margin-inline-end: auto !important;\n }\n\n .margin-top-auto-widescreen {\n margin-block-start: auto !important;\n }\n}\n\n.margin-xxs {\n margin: .5rem !important;\n}\n\n.margin-xs {\n margin: 1rem !important;\n}\n\n.margin-sm {\n margin: 1.5rem !important;\n}\n\n.margin-md {\n margin: 2rem !important;\n}\n\n.margin-lg {\n margin: 3rem !important;\n}\n\n.margin-xl {\n margin: 4rem !important;\n}\n\n.margin-xxl {\n margin: 6rem !important;\n}\n\n.margin-xxxl {\n margin: 8rem !important;\n}\n\n.margin-none {\n margin: 0 !important;\n}\n\n.margin-inline-xxs {\n margin-inline: .5rem !important;\n}\n\n.margin-inline-xs {\n margin-inline: 1rem !important;\n}\n\n.margin-inline-sm {\n margin-inline: 1.5rem !important;\n}\n\n.margin-inline-md {\n margin-inline: 2rem !important;\n}\n\n.margin-inline-lg {\n margin-inline: 3rem !important;\n}\n\n.margin-inline-xl {\n margin-inline: 4rem !important;\n}\n\n.margin-inline-xxl {\n margin-inline: 6rem !important;\n}\n\n.margin-inline-xxxl {\n margin-inline: 8rem !important;\n}\n\n.margin-inline-none {\n margin-inline: 0 !important;\n}\n\n.margin-block-xxs {\n margin-block: .5rem !important;\n}\n\n.margin-block-xs {\n margin-block: 1rem !important;\n}\n\n.margin-block-sm {\n margin-block: 1.5rem !important;\n}\n\n.margin-block-md {\n margin-block: 2rem !important;\n}\n\n.margin-block-lg {\n margin-block: 3rem !important;\n}\n\n.margin-block-xl {\n margin-block: 4rem !important;\n}\n\n.margin-block-xxl {\n margin-block: 6rem !important;\n}\n\n.margin-block-xxxl {\n margin-block: 8rem !important;\n}\n\n.margin-block-none {\n margin-block: 0 !important;\n}\n\n.margin-top-xxs {\n margin-block-start: .5rem !important;\n}\n\n.margin-top-xs {\n margin-block-start: 1rem !important;\n}\n\n.margin-top-sm {\n margin-block-start: 1.5rem !important;\n}\n\n.margin-top-md {\n margin-block-start: 2rem !important;\n}\n\n.margin-top-lg {\n margin-block-start: 3rem !important;\n}\n\n.margin-top-xl {\n margin-block-start: 4rem !important;\n}\n\n.margin-top-xxl {\n margin-block-start: 6rem !important;\n}\n\n.margin-top-xxxl {\n margin-block-start: 8rem !important;\n}\n\n.margin-top-none {\n margin-block-start: 0 !important;\n}\n\n.margin-bottom-xxs {\n margin-block-end: .5rem !important;\n}\n\n.margin-bottom-xs {\n margin-block-end: 1rem !important;\n}\n\n.margin-bottom-sm {\n margin-block-end: 1.5rem !important;\n}\n\n.margin-bottom-md {\n margin-block-end: 2rem !important;\n}\n\n.margin-bottom-lg {\n margin-block-end: 3rem !important;\n}\n\n.margin-bottom-xl {\n margin-block-end: 4rem !important;\n}\n\n.margin-bottom-xxl {\n margin-block-end: 6rem !important;\n}\n\n.margin-bottom-xxxl {\n margin-block-end: 8rem !important;\n}\n\n.margin-bottom-none {\n margin-block-end: 0 !important;\n}\n\n.margin-left-xxs {\n margin-inline-start: .5rem !important;\n}\n\n.margin-left-xs {\n margin-inline-start: 1rem !important;\n}\n\n.margin-left-sm {\n margin-inline-start: 1.5rem !important;\n}\n\n.margin-left-md {\n margin-inline-start: 2rem !important;\n}\n\n.margin-left-lg {\n margin-inline-start: 3rem !important;\n}\n\n.margin-left-xl {\n margin-inline-start: 4rem !important;\n}\n\n.margin-left-xxl {\n margin-inline-start: 6rem !important;\n}\n\n.margin-left-xxxl {\n margin-inline-start: 8rem !important;\n}\n\n.margin-left-none {\n margin-inline-start: 0 !important;\n}\n\n.margin-right-xxs {\n margin-inline-end: .5rem !important;\n}\n\n.margin-right-xs {\n margin-inline-end: 1rem !important;\n}\n\n.margin-right-sm {\n margin-inline-end: 1.5rem !important;\n}\n\n.margin-right-md {\n margin-inline-end: 2rem !important;\n}\n\n.margin-right-lg {\n margin-inline-end: 3rem !important;\n}\n\n.margin-right-xl {\n margin-inline-end: 4rem !important;\n}\n\n.margin-right-xxl {\n margin-inline-end: 6rem !important;\n}\n\n.margin-right-xxxl {\n margin-inline-end: 8rem !important;\n}\n\n.margin-right-none {\n margin-inline-end: 0 !important;\n}\n\n.padding-xxs {\n padding: .5rem !important;\n}\n\n.padding-xs {\n padding: 1rem !important;\n}\n\n.padding-sm {\n padding: 1.5rem !important;\n}\n\n.padding-md {\n padding: 2rem !important;\n}\n\n.padding-lg {\n padding: 3rem !important;\n}\n\n.padding-xl {\n padding: 4rem !important;\n}\n\n.padding-xxl {\n padding: 6rem !important;\n}\n\n.padding-xxxl {\n padding: 8rem !important;\n}\n\n.padding-none {\n padding: 0 !important;\n}\n\n.padding-inline-xxs {\n padding-inline: .5rem !important;\n}\n\n.padding-inline-xs {\n padding-inline: 1rem !important;\n}\n\n.padding-inline-sm {\n padding-inline: 1.5rem !important;\n}\n\n.padding-inline-md {\n padding-inline: 2rem !important;\n}\n\n.padding-inline-lg {\n padding-inline: 3rem !important;\n}\n\n.padding-inline-xl {\n padding-inline: 4rem !important;\n}\n\n.padding-inline-xxl {\n padding-inline: 6rem !important;\n}\n\n.padding-inline-xxxl {\n padding-inline: 8rem !important;\n}\n\n.padding-inline-none {\n padding-inline: 0 !important;\n}\n\n.padding-block-xxs {\n padding-block: .5rem !important;\n}\n\n.padding-block-xs {\n padding-block: 1rem !important;\n}\n\n.padding-block-sm {\n padding-block: 1.5rem !important;\n}\n\n.padding-block-md {\n padding-block: 2rem !important;\n}\n\n.padding-block-lg {\n padding-block: 3rem !important;\n}\n\n.padding-block-xl {\n padding-block: 4rem !important;\n}\n\n.padding-block-xxl {\n padding-block: 6rem !important;\n}\n\n.padding-block-xxxl {\n padding-block: 8rem !important;\n}\n\n.padding-block-none {\n padding-block: 0 !important;\n}\n\n.padding-top-xxs {\n padding-block-start: .5rem !important;\n}\n\n.padding-top-xs {\n padding-block-start: 1rem !important;\n}\n\n.padding-top-sm {\n padding-block-start: 1.5rem !important;\n}\n\n.padding-top-md {\n padding-block-start: 2rem !important;\n}\n\n.padding-top-lg {\n padding-block-start: 3rem !important;\n}\n\n.padding-top-xl {\n padding-block-start: 4rem !important;\n}\n\n.padding-top-xxl {\n padding-block-start: 6rem !important;\n}\n\n.padding-top-xxxl {\n padding-block-start: 8rem !important;\n}\n\n.padding-top-none {\n padding-block-start: 0 !important;\n}\n\n.padding-bottom-xxs {\n padding-block-end: .5rem !important;\n}\n\n.padding-bottom-xs {\n padding-block-end: 1rem !important;\n}\n\n.padding-bottom-sm {\n padding-block-end: 1.5rem !important;\n}\n\n.padding-bottom-md {\n padding-block-end: 2rem !important;\n}\n\n.padding-bottom-lg {\n padding-block-end: 3rem !important;\n}\n\n.padding-bottom-xl {\n padding-block-end: 4rem !important;\n}\n\n.padding-bottom-xxl {\n padding-block-end: 6rem !important;\n}\n\n.padding-bottom-xxxl {\n padding-block-end: 8rem !important;\n}\n\n.padding-bottom-none {\n padding-block-end: 0 !important;\n}\n\n.padding-left-xxs {\n padding-inline-start: .5rem !important;\n}\n\n.padding-left-xs {\n padding-inline-start: 1rem !important;\n}\n\n.padding-left-sm {\n padding-inline-start: 1.5rem !important;\n}\n\n.padding-left-md {\n padding-inline-start: 2rem !important;\n}\n\n.padding-left-lg {\n padding-inline-start: 3rem !important;\n}\n\n.padding-left-xl {\n padding-inline-start: 4rem !important;\n}\n\n.padding-left-xxl {\n padding-inline-start: 6rem !important;\n}\n\n.padding-left-xxxl {\n padding-inline-start: 8rem !important;\n}\n\n.padding-left-none {\n padding-inline-start: 0 !important;\n}\n\n.padding-right-xxs {\n padding-inline-end: .5rem !important;\n}\n\n.padding-right-xs {\n padding-inline-end: 1rem !important;\n}\n\n.padding-right-sm {\n padding-inline-end: 1.5rem !important;\n}\n\n.padding-right-md {\n padding-inline-end: 2rem !important;\n}\n\n.padding-right-lg {\n padding-inline-end: 3rem !important;\n}\n\n.padding-right-xl {\n padding-inline-end: 4rem !important;\n}\n\n.padding-right-xxl {\n padding-inline-end: 6rem !important;\n}\n\n.padding-right-xxxl {\n padding-inline-end: 8rem !important;\n}\n\n.padding-right-none {\n padding-inline-end: 0 !important;\n}\n\n@media screen and (width >= 768px), print {\n .margin-xxs-tablet {\n margin: .5rem !important;\n }\n\n .margin-xs-tablet {\n margin: 1rem !important;\n }\n\n .margin-sm-tablet {\n margin: 1.5rem !important;\n }\n\n .margin-md-tablet {\n margin: 2rem !important;\n }\n\n .margin-lg-tablet {\n margin: 3rem !important;\n }\n\n .margin-xl-tablet {\n margin: 4rem !important;\n }\n\n .margin-xxl-tablet {\n margin: 6rem !important;\n }\n\n .margin-xxxl-tablet {\n margin: 8rem !important;\n }\n\n .margin-none-tablet {\n margin: 0 !important;\n }\n\n .margin-inline-xxs-tablet {\n margin-inline: .5rem !important;\n }\n\n .margin-inline-xs-tablet {\n margin-inline: 1rem !important;\n }\n\n .margin-inline-sm-tablet {\n margin-inline: 1.5rem !important;\n }\n\n .margin-inline-md-tablet {\n margin-inline: 2rem !important;\n }\n\n .margin-inline-lg-tablet {\n margin-inline: 3rem !important;\n }\n\n .margin-inline-xl-tablet {\n margin-inline: 4rem !important;\n }\n\n .margin-inline-xxl-tablet {\n margin-inline: 6rem !important;\n }\n\n .margin-inline-xxxl-tablet {\n margin-inline: 8rem !important;\n }\n\n .margin-inline-none-tablet {\n margin-inline: 0 !important;\n }\n\n .margin-block-xxs-tablet {\n margin-block: .5rem !important;\n }\n\n .margin-block-xs-tablet {\n margin-block: 1rem !important;\n }\n\n .margin-block-sm-tablet {\n margin-block: 1.5rem !important;\n }\n\n .margin-block-md-tablet {\n margin-block: 2rem !important;\n }\n\n .margin-block-lg-tablet {\n margin-block: 3rem !important;\n }\n\n .margin-block-xl-tablet {\n margin-block: 4rem !important;\n }\n\n .margin-block-xxl-tablet {\n margin-block: 6rem !important;\n }\n\n .margin-block-xxxl-tablet {\n margin-block: 8rem !important;\n }\n\n .margin-block-none-tablet {\n margin-block: 0 !important;\n }\n\n .margin-top-xxs-tablet {\n margin-block-start: .5rem !important;\n }\n\n .margin-top-xs-tablet {\n margin-block-start: 1rem !important;\n }\n\n .margin-top-sm-tablet {\n margin-block-start: 1.5rem !important;\n }\n\n .margin-top-md-tablet {\n margin-block-start: 2rem !important;\n }\n\n .margin-top-lg-tablet {\n margin-block-start: 3rem !important;\n }\n\n .margin-top-xl-tablet {\n margin-block-start: 4rem !important;\n }\n\n .margin-top-xxl-tablet {\n margin-block-start: 6rem !important;\n }\n\n .margin-top-xxxl-tablet {\n margin-block-start: 8rem !important;\n }\n\n .margin-top-none-tablet {\n margin-block-start: 0 !important;\n }\n\n .margin-bottom-xxs-tablet {\n margin-block-end: .5rem !important;\n }\n\n .margin-bottom-xs-tablet {\n margin-block-end: 1rem !important;\n }\n\n .margin-bottom-sm-tablet {\n margin-block-end: 1.5rem !important;\n }\n\n .margin-bottom-md-tablet {\n margin-block-end: 2rem !important;\n }\n\n .margin-bottom-lg-tablet {\n margin-block-end: 3rem !important;\n }\n\n .margin-bottom-xl-tablet {\n margin-block-end: 4rem !important;\n }\n\n .margin-bottom-xxl-tablet {\n margin-block-end: 6rem !important;\n }\n\n .margin-bottom-xxxl-tablet {\n margin-block-end: 8rem !important;\n }\n\n .margin-bottom-none-tablet {\n margin-block-end: 0 !important;\n }\n\n .margin-left-xxs-tablet {\n margin-inline-start: .5rem !important;\n }\n\n .margin-left-xs-tablet {\n margin-inline-start: 1rem !important;\n }\n\n .margin-left-sm-tablet {\n margin-inline-start: 1.5rem !important;\n }\n\n .margin-left-md-tablet {\n margin-inline-start: 2rem !important;\n }\n\n .margin-left-lg-tablet {\n margin-inline-start: 3rem !important;\n }\n\n .margin-left-xl-tablet {\n margin-inline-start: 4rem !important;\n }\n\n .margin-left-xxl-tablet {\n margin-inline-start: 6rem !important;\n }\n\n .margin-left-xxxl-tablet {\n margin-inline-start: 8rem !important;\n }\n\n .margin-left-none-tablet {\n margin-inline-start: 0 !important;\n }\n\n .margin-right-xxs-tablet {\n margin-inline-end: .5rem !important;\n }\n\n .margin-right-xs-tablet {\n margin-inline-end: 1rem !important;\n }\n\n .margin-right-sm-tablet {\n margin-inline-end: 1.5rem !important;\n }\n\n .margin-right-md-tablet {\n margin-inline-end: 2rem !important;\n }\n\n .margin-right-lg-tablet {\n margin-inline-end: 3rem !important;\n }\n\n .margin-right-xl-tablet {\n margin-inline-end: 4rem !important;\n }\n\n .margin-right-xxl-tablet {\n margin-inline-end: 6rem !important;\n }\n\n .margin-right-xxxl-tablet {\n margin-inline-end: 8rem !important;\n }\n\n .margin-right-none-tablet {\n margin-inline-end: 0 !important;\n }\n\n .padding-xxs-tablet {\n padding: .5rem !important;\n }\n\n .padding-xs-tablet {\n padding: 1rem !important;\n }\n\n .padding-sm-tablet {\n padding: 1.5rem !important;\n }\n\n .padding-md-tablet {\n padding: 2rem !important;\n }\n\n .padding-lg-tablet {\n padding: 3rem !important;\n }\n\n .padding-xl-tablet {\n padding: 4rem !important;\n }\n\n .padding-xxl-tablet {\n padding: 6rem !important;\n }\n\n .padding-xxxl-tablet {\n padding: 8rem !important;\n }\n\n .padding-none-tablet {\n padding: 0 !important;\n }\n\n .padding-inline-xxs-tablet {\n padding-inline: .5rem !important;\n }\n\n .padding-inline-xs-tablet {\n padding-inline: 1rem !important;\n }\n\n .padding-inline-sm-tablet {\n padding-inline: 1.5rem !important;\n }\n\n .padding-inline-md-tablet {\n padding-inline: 2rem !important;\n }\n\n .padding-inline-lg-tablet {\n padding-inline: 3rem !important;\n }\n\n .padding-inline-xl-tablet {\n padding-inline: 4rem !important;\n }\n\n .padding-inline-xxl-tablet {\n padding-inline: 6rem !important;\n }\n\n .padding-inline-xxxl-tablet {\n padding-inline: 8rem !important;\n }\n\n .padding-inline-none-tablet {\n padding-inline: 0 !important;\n }\n\n .padding-block-xxs-tablet {\n padding-block: .5rem !important;\n }\n\n .padding-block-xs-tablet {\n padding-block: 1rem !important;\n }\n\n .padding-block-sm-tablet {\n padding-block: 1.5rem !important;\n }\n\n .padding-block-md-tablet {\n padding-block: 2rem !important;\n }\n\n .padding-block-lg-tablet {\n padding-block: 3rem !important;\n }\n\n .padding-block-xl-tablet {\n padding-block: 4rem !important;\n }\n\n .padding-block-xxl-tablet {\n padding-block: 6rem !important;\n }\n\n .padding-block-xxxl-tablet {\n padding-block: 8rem !important;\n }\n\n .padding-block-none-tablet {\n padding-block: 0 !important;\n }\n\n .padding-top-xxs-tablet {\n padding-block-start: .5rem !important;\n }\n\n .padding-top-xs-tablet {\n padding-block-start: 1rem !important;\n }\n\n .padding-top-sm-tablet {\n padding-block-start: 1.5rem !important;\n }\n\n .padding-top-md-tablet {\n padding-block-start: 2rem !important;\n }\n\n .padding-top-lg-tablet {\n padding-block-start: 3rem !important;\n }\n\n .padding-top-xl-tablet {\n padding-block-start: 4rem !important;\n }\n\n .padding-top-xxl-tablet {\n padding-block-start: 6rem !important;\n }\n\n .padding-top-xxxl-tablet {\n padding-block-start: 8rem !important;\n }\n\n .padding-top-none-tablet {\n padding-block-start: 0 !important;\n }\n\n .padding-bottom-xxs-tablet {\n padding-block-end: .5rem !important;\n }\n\n .padding-bottom-xs-tablet {\n padding-block-end: 1rem !important;\n }\n\n .padding-bottom-sm-tablet {\n padding-block-end: 1.5rem !important;\n }\n\n .padding-bottom-md-tablet {\n padding-block-end: 2rem !important;\n }\n\n .padding-bottom-lg-tablet {\n padding-block-end: 3rem !important;\n }\n\n .padding-bottom-xl-tablet {\n padding-block-end: 4rem !important;\n }\n\n .padding-bottom-xxl-tablet {\n padding-block-end: 6rem !important;\n }\n\n .padding-bottom-xxxl-tablet {\n padding-block-end: 8rem !important;\n }\n\n .padding-bottom-none-tablet {\n padding-block-end: 0 !important;\n }\n\n .padding-left-xxs-tablet {\n padding-inline-start: .5rem !important;\n }\n\n .padding-left-xs-tablet {\n padding-inline-start: 1rem !important;\n }\n\n .padding-left-sm-tablet {\n padding-inline-start: 1.5rem !important;\n }\n\n .padding-left-md-tablet {\n padding-inline-start: 2rem !important;\n }\n\n .padding-left-lg-tablet {\n padding-inline-start: 3rem !important;\n }\n\n .padding-left-xl-tablet {\n padding-inline-start: 4rem !important;\n }\n\n .padding-left-xxl-tablet {\n padding-inline-start: 6rem !important;\n }\n\n .padding-left-xxxl-tablet {\n padding-inline-start: 8rem !important;\n }\n\n .padding-left-none-tablet {\n padding-inline-start: 0 !important;\n }\n\n .padding-right-xxs-tablet {\n padding-inline-end: .5rem !important;\n }\n\n .padding-right-xs-tablet {\n padding-inline-end: 1rem !important;\n }\n\n .padding-right-sm-tablet {\n padding-inline-end: 1.5rem !important;\n }\n\n .padding-right-md-tablet {\n padding-inline-end: 2rem !important;\n }\n\n .padding-right-lg-tablet {\n padding-inline-end: 3rem !important;\n }\n\n .padding-right-xl-tablet {\n padding-inline-end: 4rem !important;\n }\n\n .padding-right-xxl-tablet {\n padding-inline-end: 6rem !important;\n }\n\n .padding-right-xxxl-tablet {\n padding-inline-end: 8rem !important;\n }\n\n .padding-right-none-tablet {\n padding-inline-end: 0 !important;\n }\n}\n\n@media screen and (width >= 1088px) {\n .margin-xxs-desktop {\n margin: .5rem !important;\n }\n\n .margin-xs-desktop {\n margin: 1rem !important;\n }\n\n .margin-sm-desktop {\n margin: 1.5rem !important;\n }\n\n .margin-md-desktop {\n margin: 2rem !important;\n }\n\n .margin-lg-desktop {\n margin: 3rem !important;\n }\n\n .margin-xl-desktop {\n margin: 4rem !important;\n }\n\n .margin-xxl-desktop {\n margin: 6rem !important;\n }\n\n .margin-xxxl-desktop {\n margin: 8rem !important;\n }\n\n .margin-none-desktop {\n margin: 0 !important;\n }\n\n .margin-inline-xxs-desktop {\n margin-inline: .5rem !important;\n }\n\n .margin-inline-xs-desktop {\n margin-inline: 1rem !important;\n }\n\n .margin-inline-sm-desktop {\n margin-inline: 1.5rem !important;\n }\n\n .margin-inline-md-desktop {\n margin-inline: 2rem !important;\n }\n\n .margin-inline-lg-desktop {\n margin-inline: 3rem !important;\n }\n\n .margin-inline-xl-desktop {\n margin-inline: 4rem !important;\n }\n\n .margin-inline-xxl-desktop {\n margin-inline: 6rem !important;\n }\n\n .margin-inline-xxxl-desktop {\n margin-inline: 8rem !important;\n }\n\n .margin-inline-none-desktop {\n margin-inline: 0 !important;\n }\n\n .margin-block-xxs-desktop {\n margin-block: .5rem !important;\n }\n\n .margin-block-xs-desktop {\n margin-block: 1rem !important;\n }\n\n .margin-block-sm-desktop {\n margin-block: 1.5rem !important;\n }\n\n .margin-block-md-desktop {\n margin-block: 2rem !important;\n }\n\n .margin-block-lg-desktop {\n margin-block: 3rem !important;\n }\n\n .margin-block-xl-desktop {\n margin-block: 4rem !important;\n }\n\n .margin-block-xxl-desktop {\n margin-block: 6rem !important;\n }\n\n .margin-block-xxxl-desktop {\n margin-block: 8rem !important;\n }\n\n .margin-block-none-desktop {\n margin-block: 0 !important;\n }\n\n .margin-top-xxs-desktop {\n margin-block-start: .5rem !important;\n }\n\n .margin-top-xs-desktop {\n margin-block-start: 1rem !important;\n }\n\n .margin-top-sm-desktop {\n margin-block-start: 1.5rem !important;\n }\n\n .margin-top-md-desktop {\n margin-block-start: 2rem !important;\n }\n\n .margin-top-lg-desktop {\n margin-block-start: 3rem !important;\n }\n\n .margin-top-xl-desktop {\n margin-block-start: 4rem !important;\n }\n\n .margin-top-xxl-desktop {\n margin-block-start: 6rem !important;\n }\n\n .margin-top-xxxl-desktop {\n margin-block-start: 8rem !important;\n }\n\n .margin-top-none-desktop {\n margin-block-start: 0 !important;\n }\n\n .margin-bottom-xxs-desktop {\n margin-block-end: .5rem !important;\n }\n\n .margin-bottom-xs-desktop {\n margin-block-end: 1rem !important;\n }\n\n .margin-bottom-sm-desktop {\n margin-block-end: 1.5rem !important;\n }\n\n .margin-bottom-md-desktop {\n margin-block-end: 2rem !important;\n }\n\n .margin-bottom-lg-desktop {\n margin-block-end: 3rem !important;\n }\n\n .margin-bottom-xl-desktop {\n margin-block-end: 4rem !important;\n }\n\n .margin-bottom-xxl-desktop {\n margin-block-end: 6rem !important;\n }\n\n .margin-bottom-xxxl-desktop {\n margin-block-end: 8rem !important;\n }\n\n .margin-bottom-none-desktop {\n margin-block-end: 0 !important;\n }\n\n .margin-left-xxs-desktop {\n margin-inline-start: .5rem !important;\n }\n\n .margin-left-xs-desktop {\n margin-inline-start: 1rem !important;\n }\n\n .margin-left-sm-desktop {\n margin-inline-start: 1.5rem !important;\n }\n\n .margin-left-md-desktop {\n margin-inline-start: 2rem !important;\n }\n\n .margin-left-lg-desktop {\n margin-inline-start: 3rem !important;\n }\n\n .margin-left-xl-desktop {\n margin-inline-start: 4rem !important;\n }\n\n .margin-left-xxl-desktop {\n margin-inline-start: 6rem !important;\n }\n\n .margin-left-xxxl-desktop {\n margin-inline-start: 8rem !important;\n }\n\n .margin-left-none-desktop {\n margin-inline-start: 0 !important;\n }\n\n .margin-right-xxs-desktop {\n margin-inline-end: .5rem !important;\n }\n\n .margin-right-xs-desktop {\n margin-inline-end: 1rem !important;\n }\n\n .margin-right-sm-desktop {\n margin-inline-end: 1.5rem !important;\n }\n\n .margin-right-md-desktop {\n margin-inline-end: 2rem !important;\n }\n\n .margin-right-lg-desktop {\n margin-inline-end: 3rem !important;\n }\n\n .margin-right-xl-desktop {\n margin-inline-end: 4rem !important;\n }\n\n .margin-right-xxl-desktop {\n margin-inline-end: 6rem !important;\n }\n\n .margin-right-xxxl-desktop {\n margin-inline-end: 8rem !important;\n }\n\n .margin-right-none-desktop {\n margin-inline-end: 0 !important;\n }\n\n .padding-xxs-desktop {\n padding: .5rem !important;\n }\n\n .padding-xs-desktop {\n padding: 1rem !important;\n }\n\n .padding-sm-desktop {\n padding: 1.5rem !important;\n }\n\n .padding-md-desktop {\n padding: 2rem !important;\n }\n\n .padding-lg-desktop {\n padding: 3rem !important;\n }\n\n .padding-xl-desktop {\n padding: 4rem !important;\n }\n\n .padding-xxl-desktop {\n padding: 6rem !important;\n }\n\n .padding-xxxl-desktop {\n padding: 8rem !important;\n }\n\n .padding-none-desktop {\n padding: 0 !important;\n }\n\n .padding-inline-xxs-desktop {\n padding-inline: .5rem !important;\n }\n\n .padding-inline-xs-desktop {\n padding-inline: 1rem !important;\n }\n\n .padding-inline-sm-desktop {\n padding-inline: 1.5rem !important;\n }\n\n .padding-inline-md-desktop {\n padding-inline: 2rem !important;\n }\n\n .padding-inline-lg-desktop {\n padding-inline: 3rem !important;\n }\n\n .padding-inline-xl-desktop {\n padding-inline: 4rem !important;\n }\n\n .padding-inline-xxl-desktop {\n padding-inline: 6rem !important;\n }\n\n .padding-inline-xxxl-desktop {\n padding-inline: 8rem !important;\n }\n\n .padding-inline-none-desktop {\n padding-inline: 0 !important;\n }\n\n .padding-block-xxs-desktop {\n padding-block: .5rem !important;\n }\n\n .padding-block-xs-desktop {\n padding-block: 1rem !important;\n }\n\n .padding-block-sm-desktop {\n padding-block: 1.5rem !important;\n }\n\n .padding-block-md-desktop {\n padding-block: 2rem !important;\n }\n\n .padding-block-lg-desktop {\n padding-block: 3rem !important;\n }\n\n .padding-block-xl-desktop {\n padding-block: 4rem !important;\n }\n\n .padding-block-xxl-desktop {\n padding-block: 6rem !important;\n }\n\n .padding-block-xxxl-desktop {\n padding-block: 8rem !important;\n }\n\n .padding-block-none-desktop {\n padding-block: 0 !important;\n }\n\n .padding-top-xxs-desktop {\n padding-block-start: .5rem !important;\n }\n\n .padding-top-xs-desktop {\n padding-block-start: 1rem !important;\n }\n\n .padding-top-sm-desktop {\n padding-block-start: 1.5rem !important;\n }\n\n .padding-top-md-desktop {\n padding-block-start: 2rem !important;\n }\n\n .padding-top-lg-desktop {\n padding-block-start: 3rem !important;\n }\n\n .padding-top-xl-desktop {\n padding-block-start: 4rem !important;\n }\n\n .padding-top-xxl-desktop {\n padding-block-start: 6rem !important;\n }\n\n .padding-top-xxxl-desktop {\n padding-block-start: 8rem !important;\n }\n\n .padding-top-none-desktop {\n padding-block-start: 0 !important;\n }\n\n .padding-bottom-xxs-desktop {\n padding-block-end: .5rem !important;\n }\n\n .padding-bottom-xs-desktop {\n padding-block-end: 1rem !important;\n }\n\n .padding-bottom-sm-desktop {\n padding-block-end: 1.5rem !important;\n }\n\n .padding-bottom-md-desktop {\n padding-block-end: 2rem !important;\n }\n\n .padding-bottom-lg-desktop {\n padding-block-end: 3rem !important;\n }\n\n .padding-bottom-xl-desktop {\n padding-block-end: 4rem !important;\n }\n\n .padding-bottom-xxl-desktop {\n padding-block-end: 6rem !important;\n }\n\n .padding-bottom-xxxl-desktop {\n padding-block-end: 8rem !important;\n }\n\n .padding-bottom-none-desktop {\n padding-block-end: 0 !important;\n }\n\n .padding-left-xxs-desktop {\n padding-inline-start: .5rem !important;\n }\n\n .padding-left-xs-desktop {\n padding-inline-start: 1rem !important;\n }\n\n .padding-left-sm-desktop {\n padding-inline-start: 1.5rem !important;\n }\n\n .padding-left-md-desktop {\n padding-inline-start: 2rem !important;\n }\n\n .padding-left-lg-desktop {\n padding-inline-start: 3rem !important;\n }\n\n .padding-left-xl-desktop {\n padding-inline-start: 4rem !important;\n }\n\n .padding-left-xxl-desktop {\n padding-inline-start: 6rem !important;\n }\n\n .padding-left-xxxl-desktop {\n padding-inline-start: 8rem !important;\n }\n\n .padding-left-none-desktop {\n padding-inline-start: 0 !important;\n }\n\n .padding-right-xxs-desktop {\n padding-inline-end: .5rem !important;\n }\n\n .padding-right-xs-desktop {\n padding-inline-end: 1rem !important;\n }\n\n .padding-right-sm-desktop {\n padding-inline-end: 1.5rem !important;\n }\n\n .padding-right-md-desktop {\n padding-inline-end: 2rem !important;\n }\n\n .padding-right-lg-desktop {\n padding-inline-end: 3rem !important;\n }\n\n .padding-right-xl-desktop {\n padding-inline-end: 4rem !important;\n }\n\n .padding-right-xxl-desktop {\n padding-inline-end: 6rem !important;\n }\n\n .padding-right-xxxl-desktop {\n padding-inline-end: 8rem !important;\n }\n\n .padding-right-none-desktop {\n padding-inline-end: 0 !important;\n }\n}\n\n@media screen and (width >= 1800px) {\n .margin-xxs-widescreen {\n margin: .5rem !important;\n }\n\n .margin-xs-widescreen {\n margin: 1rem !important;\n }\n\n .margin-sm-widescreen {\n margin: 1.5rem !important;\n }\n\n .margin-md-widescreen {\n margin: 2rem !important;\n }\n\n .margin-lg-widescreen {\n margin: 3rem !important;\n }\n\n .margin-xl-widescreen {\n margin: 4rem !important;\n }\n\n .margin-xxl-widescreen {\n margin: 6rem !important;\n }\n\n .margin-xxxl-widescreen {\n margin: 8rem !important;\n }\n\n .margin-none-widescreen {\n margin: 0 !important;\n }\n\n .margin-inline-xxs-widescreen {\n margin-inline: .5rem !important;\n }\n\n .margin-inline-xs-widescreen {\n margin-inline: 1rem !important;\n }\n\n .margin-inline-sm-widescreen {\n margin-inline: 1.5rem !important;\n }\n\n .margin-inline-md-widescreen {\n margin-inline: 2rem !important;\n }\n\n .margin-inline-lg-widescreen {\n margin-inline: 3rem !important;\n }\n\n .margin-inline-xl-widescreen {\n margin-inline: 4rem !important;\n }\n\n .margin-inline-xxl-widescreen {\n margin-inline: 6rem !important;\n }\n\n .margin-inline-xxxl-widescreen {\n margin-inline: 8rem !important;\n }\n\n .margin-inline-none-widescreen {\n margin-inline: 0 !important;\n }\n\n .margin-block-xxs-widescreen {\n margin-block: .5rem !important;\n }\n\n .margin-block-xs-widescreen {\n margin-block: 1rem !important;\n }\n\n .margin-block-sm-widescreen {\n margin-block: 1.5rem !important;\n }\n\n .margin-block-md-widescreen {\n margin-block: 2rem !important;\n }\n\n .margin-block-lg-widescreen {\n margin-block: 3rem !important;\n }\n\n .margin-block-xl-widescreen {\n margin-block: 4rem !important;\n }\n\n .margin-block-xxl-widescreen {\n margin-block: 6rem !important;\n }\n\n .margin-block-xxxl-widescreen {\n margin-block: 8rem !important;\n }\n\n .margin-block-none-widescreen {\n margin-block: 0 !important;\n }\n\n .margin-top-xxs-widescreen {\n margin-block-start: .5rem !important;\n }\n\n .margin-top-xs-widescreen {\n margin-block-start: 1rem !important;\n }\n\n .margin-top-sm-widescreen {\n margin-block-start: 1.5rem !important;\n }\n\n .margin-top-md-widescreen {\n margin-block-start: 2rem !important;\n }\n\n .margin-top-lg-widescreen {\n margin-block-start: 3rem !important;\n }\n\n .margin-top-xl-widescreen {\n margin-block-start: 4rem !important;\n }\n\n .margin-top-xxl-widescreen {\n margin-block-start: 6rem !important;\n }\n\n .margin-top-xxxl-widescreen {\n margin-block-start: 8rem !important;\n }\n\n .margin-top-none-widescreen {\n margin-block-start: 0 !important;\n }\n\n .margin-bottom-xxs-widescreen {\n margin-block-end: .5rem !important;\n }\n\n .margin-bottom-xs-widescreen {\n margin-block-end: 1rem !important;\n }\n\n .margin-bottom-sm-widescreen {\n margin-block-end: 1.5rem !important;\n }\n\n .margin-bottom-md-widescreen {\n margin-block-end: 2rem !important;\n }\n\n .margin-bottom-lg-widescreen {\n margin-block-end: 3rem !important;\n }\n\n .margin-bottom-xl-widescreen {\n margin-block-end: 4rem !important;\n }\n\n .margin-bottom-xxl-widescreen {\n margin-block-end: 6rem !important;\n }\n\n .margin-bottom-xxxl-widescreen {\n margin-block-end: 8rem !important;\n }\n\n .margin-bottom-none-widescreen {\n margin-block-end: 0 !important;\n }\n\n .margin-left-xxs-widescreen {\n margin-inline-start: .5rem !important;\n }\n\n .margin-left-xs-widescreen {\n margin-inline-start: 1rem !important;\n }\n\n .margin-left-sm-widescreen {\n margin-inline-start: 1.5rem !important;\n }\n\n .margin-left-md-widescreen {\n margin-inline-start: 2rem !important;\n }\n\n .margin-left-lg-widescreen {\n margin-inline-start: 3rem !important;\n }\n\n .margin-left-xl-widescreen {\n margin-inline-start: 4rem !important;\n }\n\n .margin-left-xxl-widescreen {\n margin-inline-start: 6rem !important;\n }\n\n .margin-left-xxxl-widescreen {\n margin-inline-start: 8rem !important;\n }\n\n .margin-left-none-widescreen {\n margin-inline-start: 0 !important;\n }\n\n .margin-right-xxs-widescreen {\n margin-inline-end: .5rem !important;\n }\n\n .margin-right-xs-widescreen {\n margin-inline-end: 1rem !important;\n }\n\n .margin-right-sm-widescreen {\n margin-inline-end: 1.5rem !important;\n }\n\n .margin-right-md-widescreen {\n margin-inline-end: 2rem !important;\n }\n\n .margin-right-lg-widescreen {\n margin-inline-end: 3rem !important;\n }\n\n .margin-right-xl-widescreen {\n margin-inline-end: 4rem !important;\n }\n\n .margin-right-xxl-widescreen {\n margin-inline-end: 6rem !important;\n }\n\n .margin-right-xxxl-widescreen {\n margin-inline-end: 8rem !important;\n }\n\n .margin-right-none-widescreen {\n margin-inline-end: 0 !important;\n }\n\n .padding-xxs-widescreen {\n padding: .5rem !important;\n }\n\n .padding-xs-widescreen {\n padding: 1rem !important;\n }\n\n .padding-sm-widescreen {\n padding: 1.5rem !important;\n }\n\n .padding-md-widescreen {\n padding: 2rem !important;\n }\n\n .padding-lg-widescreen {\n padding: 3rem !important;\n }\n\n .padding-xl-widescreen {\n padding: 4rem !important;\n }\n\n .padding-xxl-widescreen {\n padding: 6rem !important;\n }\n\n .padding-xxxl-widescreen {\n padding: 8rem !important;\n }\n\n .padding-none-widescreen {\n padding: 0 !important;\n }\n\n .padding-inline-xxs-widescreen {\n padding-inline: .5rem !important;\n }\n\n .padding-inline-xs-widescreen {\n padding-inline: 1rem !important;\n }\n\n .padding-inline-sm-widescreen {\n padding-inline: 1.5rem !important;\n }\n\n .padding-inline-md-widescreen {\n padding-inline: 2rem !important;\n }\n\n .padding-inline-lg-widescreen {\n padding-inline: 3rem !important;\n }\n\n .padding-inline-xl-widescreen {\n padding-inline: 4rem !important;\n }\n\n .padding-inline-xxl-widescreen {\n padding-inline: 6rem !important;\n }\n\n .padding-inline-xxxl-widescreen {\n padding-inline: 8rem !important;\n }\n\n .padding-inline-none-widescreen {\n padding-inline: 0 !important;\n }\n\n .padding-block-xxs-widescreen {\n padding-block: .5rem !important;\n }\n\n .padding-block-xs-widescreen {\n padding-block: 1rem !important;\n }\n\n .padding-block-sm-widescreen {\n padding-block: 1.5rem !important;\n }\n\n .padding-block-md-widescreen {\n padding-block: 2rem !important;\n }\n\n .padding-block-lg-widescreen {\n padding-block: 3rem !important;\n }\n\n .padding-block-xl-widescreen {\n padding-block: 4rem !important;\n }\n\n .padding-block-xxl-widescreen {\n padding-block: 6rem !important;\n }\n\n .padding-block-xxxl-widescreen {\n padding-block: 8rem !important;\n }\n\n .padding-block-none-widescreen {\n padding-block: 0 !important;\n }\n\n .padding-top-xxs-widescreen {\n padding-block-start: .5rem !important;\n }\n\n .padding-top-xs-widescreen {\n padding-block-start: 1rem !important;\n }\n\n .padding-top-sm-widescreen {\n padding-block-start: 1.5rem !important;\n }\n\n .padding-top-md-widescreen {\n padding-block-start: 2rem !important;\n }\n\n .padding-top-lg-widescreen {\n padding-block-start: 3rem !important;\n }\n\n .padding-top-xl-widescreen {\n padding-block-start: 4rem !important;\n }\n\n .padding-top-xxl-widescreen {\n padding-block-start: 6rem !important;\n }\n\n .padding-top-xxxl-widescreen {\n padding-block-start: 8rem !important;\n }\n\n .padding-top-none-widescreen {\n padding-block-start: 0 !important;\n }\n\n .padding-bottom-xxs-widescreen {\n padding-block-end: .5rem !important;\n }\n\n .padding-bottom-xs-widescreen {\n padding-block-end: 1rem !important;\n }\n\n .padding-bottom-sm-widescreen {\n padding-block-end: 1.5rem !important;\n }\n\n .padding-bottom-md-widescreen {\n padding-block-end: 2rem !important;\n }\n\n .padding-bottom-lg-widescreen {\n padding-block-end: 3rem !important;\n }\n\n .padding-bottom-xl-widescreen {\n padding-block-end: 4rem !important;\n }\n\n .padding-bottom-xxl-widescreen {\n padding-block-end: 6rem !important;\n }\n\n .padding-bottom-xxxl-widescreen {\n padding-block-end: 8rem !important;\n }\n\n .padding-bottom-none-widescreen {\n padding-block-end: 0 !important;\n }\n\n .padding-left-xxs-widescreen {\n padding-inline-start: .5rem !important;\n }\n\n .padding-left-xs-widescreen {\n padding-inline-start: 1rem !important;\n }\n\n .padding-left-sm-widescreen {\n padding-inline-start: 1.5rem !important;\n }\n\n .padding-left-md-widescreen {\n padding-inline-start: 2rem !important;\n }\n\n .padding-left-lg-widescreen {\n padding-inline-start: 3rem !important;\n }\n\n .padding-left-xl-widescreen {\n padding-inline-start: 4rem !important;\n }\n\n .padding-left-xxl-widescreen {\n padding-inline-start: 6rem !important;\n }\n\n .padding-left-xxxl-widescreen {\n padding-inline-start: 8rem !important;\n }\n\n .padding-left-none-widescreen {\n padding-inline-start: 0 !important;\n }\n\n .padding-right-xxs-widescreen {\n padding-inline-end: .5rem !important;\n }\n\n .padding-right-xs-widescreen {\n padding-inline-end: 1rem !important;\n }\n\n .padding-right-sm-widescreen {\n padding-inline-end: 1.5rem !important;\n }\n\n .padding-right-md-widescreen {\n padding-inline-end: 2rem !important;\n }\n\n .padding-right-lg-widescreen {\n padding-inline-end: 3rem !important;\n }\n\n .padding-right-xl-widescreen {\n padding-inline-end: 4rem !important;\n }\n\n .padding-right-xxl-widescreen {\n padding-inline-end: 6rem !important;\n }\n\n .padding-right-xxxl-widescreen {\n padding-inline-end: 8rem !important;\n }\n\n .padding-right-none-widescreen {\n padding-inline-end: 0 !important;\n }\n}\n\n.justify-content-flex-start {\n justify-content: flex-start !important;\n}\n\n.justify-content-flex-end {\n justify-content: flex-end !important;\n}\n\n.justify-content-center {\n justify-content: center !important;\n}\n\n.justify-content-space-around {\n justify-content: space-around !important;\n}\n\n.justify-content-space-between {\n justify-content: space-between !important;\n}\n\n.justify-content-space-evenly {\n justify-content: space-evenly !important;\n}\n\n.align-items-flex-start {\n align-items: flex-start !important;\n}\n\n.align-items-flex-end {\n align-items: flex-end !important;\n}\n\n.align-items-center {\n align-items: center !important;\n}\n\n.align-items-baseline {\n align-items: baseline !important;\n}\n\n.align-items-stretch {\n align-items: stretch !important;\n}\n\n.align-content-flex-start {\n align-content: flex-start !important;\n}\n\n.align-content-flex-end {\n align-content: flex-end !important;\n}\n\n.align-content-center {\n align-content: center !important;\n}\n\n.align-content-space-around {\n align-content: space-around !important;\n}\n\n.align-content-space-between {\n align-content: space-between !important;\n}\n\n.align-content-stretch {\n align-content: stretch !important;\n}\n\n.align-self-flex-start {\n align-self: flex-start !important;\n}\n\n.align-self-flex-end {\n align-self: flex-end !important;\n}\n\n.align-self-center {\n align-self: center !important;\n}\n\n.align-self-baseline {\n align-self: baseline !important;\n}\n\n.align-self-stretch {\n align-self: stretch !important;\n}\n\n.flex-direction-row {\n flex-direction: row !important;\n}\n\n.flex-direction-column {\n flex-direction: column !important;\n}\n\n.flex-direction-column-reverse {\n flex-direction: column-reverse !important;\n}\n\n.flex-direction-row-reverse {\n flex-direction: row-reverse !important;\n}\n\n.flex-wrap-nowrap {\n flex-wrap: nowrap !important;\n}\n\n.flex-wrap-wrap {\n flex-wrap: wrap !important;\n}\n\n.flex-wrap-wrap-reverse {\n flex-wrap: wrap-reverse !important;\n}\n\n.flex-shrink-0 {\n flex-shrink: 0 !important;\n}\n\n.flex-shrink-1 {\n flex-shrink: 1 !important;\n}\n\n.flex-grow-0 {\n flex-grow: 0 !important;\n}\n\n.flex-grow-1 {\n flex-grow: 1 !important;\n}\n\n@media screen and (width >= 768px), print {\n .justify-content-flex-start-tablet {\n justify-content: flex-start !important;\n }\n\n .justify-content-flex-end-tablet {\n justify-content: flex-end !important;\n }\n\n .justify-content-center-tablet {\n justify-content: center !important;\n }\n\n .justify-content-space-around-tablet {\n justify-content: space-around !important;\n }\n\n .justify-content-space-between-tablet {\n justify-content: space-between !important;\n }\n\n .justify-content-space-evenly-tablet {\n justify-content: space-evenly !important;\n }\n\n .align-items-flex-start-tablet {\n align-items: flex-start !important;\n }\n\n .align-items-flex-end-tablet {\n align-items: flex-end !important;\n }\n\n .align-items-center-tablet {\n align-items: center !important;\n }\n\n .align-items-baseline-tablet {\n align-items: baseline !important;\n }\n\n .align-items-stretch-tablet {\n align-items: stretch !important;\n }\n\n .align-content-flex-start-tablet {\n align-content: flex-start !important;\n }\n\n .align-content-flex-end-tablet {\n align-content: flex-end !important;\n }\n\n .align-content-center-tablet {\n align-content: center !important;\n }\n\n .align-content-space-around-tablet {\n align-content: space-around !important;\n }\n\n .align-content-space-between-tablet {\n align-content: space-between !important;\n }\n\n .align-content-stretch-tablet {\n align-content: stretch !important;\n }\n\n .align-self-flex-start-tablet {\n align-self: flex-start !important;\n }\n\n .align-self-flex-end-tablet {\n align-self: flex-end !important;\n }\n\n .align-self-center-tablet {\n align-self: center !important;\n }\n\n .align-self-baseline-tablet {\n align-self: baseline !important;\n }\n\n .align-self-stretch-tablet {\n align-self: stretch !important;\n }\n\n .flex-direction-row-tablet {\n flex-direction: row !important;\n }\n\n .flex-direction-column-tablet {\n flex-direction: column !important;\n }\n\n .flex-direction-column-reverse-tablet {\n flex-direction: column-reverse !important;\n }\n\n .flex-direction-row-reverse-tablet {\n flex-direction: row-reverse !important;\n }\n\n .flex-wrap-nowrap-tablet {\n flex-wrap: nowrap !important;\n }\n\n .flex-wrap-wrap-tablet {\n flex-wrap: wrap !important;\n }\n\n .flex-wrap-wrap-reverse-tablet {\n flex-wrap: wrap-reverse !important;\n }\n\n .flex-shrink-0-tablet {\n flex-shrink: 0 !important;\n }\n\n .flex-shrink-1-tablet {\n flex-shrink: 1 !important;\n }\n\n .flex-grow-0-tablet {\n flex-grow: 0 !important;\n }\n\n .flex-grow-1-tablet {\n flex-grow: 1 !important;\n }\n}\n\n.position-fixed {\n position: fixed !important;\n}\n\n.position-absolute {\n position: absolute !important;\n}\n\n.position-relative {\n position: relative !important;\n}\n\n.position-sticky {\n position: sticky !important;\n}\n\n@media screen and (width >= 768px), print {\n .position-fixed-tablet {\n position: fixed !important;\n }\n\n .position-absolute-tablet {\n position: absolute !important;\n }\n\n .position-relative-tablet {\n position: relative !important;\n }\n\n .position-sticky-tablet {\n position: sticky !important;\n }\n}\n\n.top-0 {\n inset-block-start: 0;\n}\n\n.right-0 {\n inset-inline-end: 0;\n}\n\n.bottom-0 {\n inset-block-end: 0;\n}\n\n.left-0 {\n inset-inline-start: 0;\n}\n\n.line-clamp-1 {\n -webkit-line-clamp: 1 !important;\n}\n\n.line-clamp-2 {\n -webkit-line-clamp: 2 !important;\n}\n\n.line-clamp-3 {\n -webkit-line-clamp: 3 !important;\n}\n\n.line-clamp-4 {\n -webkit-line-clamp: 4 !important;\n}\n\n.object-fit-contain {\n object-fit: contain !important;\n}\n\n.object-fit-cover {\n object-fit: cover !important;\n}\n\n.object-fit-fill {\n object-fit: fill !important;\n}\n\n.object-position-top {\n object-position: top !important;\n}\n\n.list-style-none {\n list-style: none !important;\n}\n\n.width-full {\n width: 100% !important;\n}\n\n.width-auto {\n width: auto !important;\n}\n\n.width-100 {\n width: 100px !important;\n}\n\n.width-150 {\n width: 150px !important;\n}\n\n.width-200 {\n width: 200px !important;\n}\n\n.width-250 {\n width: 250px !important;\n}\n\n.width-300 {\n width: 300px !important;\n}\n\n.width-350 {\n width: 350px !important;\n}\n\n@media screen and (width >= 768px), print {\n .width-full-tablet {\n width: 100% !important;\n }\n\n .width-auto-tablet {\n width: auto !important;\n }\n\n .width-100-tablet {\n width: 100px !important;\n }\n\n .width-150-tablet {\n width: 150px !important;\n }\n\n .width-200-tablet {\n width: 200px !important;\n }\n\n .width-250-tablet {\n width: 250px !important;\n }\n\n .width-300-tablet {\n width: 300px !important;\n }\n\n .width-350-tablet {\n width: 350px !important;\n }\n\n .width-400-tablet {\n width: 400px !important;\n }\n\n .width-450-tablet {\n width: 450px !important;\n }\n\n .width-500-tablet {\n width: 500px !important;\n }\n\n .width-unset-tablet {\n width: unset !important;\n }\n}\n\n@media screen and (width >= 1088px) {\n .width-full-desktop {\n width: 100% !important;\n }\n\n .width-auto-desktop {\n width: auto !important;\n }\n\n .width-100-desktop {\n width: 100px !important;\n }\n\n .width-150-desktop {\n width: 150px !important;\n }\n\n .width-200-desktop {\n width: 200px !important;\n }\n\n .width-250-desktop {\n width: 250px !important;\n }\n\n .width-300-desktop {\n width: 300px !important;\n }\n\n .width-350-desktop {\n width: 350px !important;\n }\n\n .width-400-desktop {\n width: 400px !important;\n }\n\n .width-450-desktop {\n width: 450px !important;\n }\n\n .width-500-desktop {\n width: 500px !important;\n }\n\n .width-unset-desktop {\n width: unset !important;\n }\n}\n\n.visually-hidden, ::part(visually-hidden) {\n clip: rect(1px, 1px, 1px, 1px);\n clip-path: inset(50%);\n word-wrap: normal;\n border: 0;\n width: 1px;\n height: 1px;\n margin: -1px;\n padding: 0;\n position: absolute;\n overflow: hidden;\n}\n\n/*# sourceMappingURL=index.css.map */\n","@import './tokens/index.scss';\n@import './mixins/index.scss';\n@import './core/index.scss';\n@import './components/index.scss';\n@import './atomics/index.scss';\n","/**\n * @sass-export-section=\"palette\"\n */\n// The Atlas palette contains colors used within themes.\n// To ensure theme fidelity, avoid using $palette-* variables outside of themes.scss.\n\n/*\nNotes:\n\n*/\n\n// Monochrome\n\n$palette-grey-10: #fafafa !default;\n$palette-grey-20: #f2f2f2 !default;\n$palette-grey-30: #e6e6e6 !default;\n$palette-grey-40: #d2d2d2 !default;\n$palette-grey-50: #bcbcbc !default;\n$palette-grey-60: #a2a2a2 !default;\n$palette-grey-70: #8e8e8e !default;\n$palette-grey-80: #757575 !default;\n$palette-grey-90: #505050 !default;\n$palette-grey-100: #404040 !default;\n$palette-grey-110: #2f2f2f !default;\n$palette-grey-120: #171717 !default;\n$palette-grey-130: #161616 !default;\n\n// Black\n\n$palette-black: #000 !default;\n\n$palette-black-opacity-90: hsl(0deg 0% 0% / 90%) !default;\n$palette-black-opacity-80: hsl(0deg 0% 0% / 80%) !default;\n$palette-black-opacity-70: hsl(0deg 0% 0% / 70%) !default;\n$palette-black-opacity-60: hsl(0deg 0% 0% / 60%) !default;\n$palette-black-opacity-50: hsl(0deg 0% 0% / 50%) !default;\n$palette-black-opacity-40: hsl(0deg 0% 0% / 40%) !default;\n$palette-black-opacity-30: hsl(0deg 0% 0% / 30%) !default;\n$palette-black-opacity-20: hsl(0deg 0% 0% / 20%) !default;\n$palette-black-opacity-10: hsl(0deg 0% 0% / 10%) !default;\n$palette-black-opacity-0: hsl(0deg 0% 0% / 0%) !default;\n\n// White\n\n$palette-white: #fff !default;\n\n$palette-white-opacity-0: hsl(0deg 0% 100% / 0%);\n$palette-white-opacity-10: hsl(0deg 0% 100% / 10%);\n$palette-white-opacity-20: hsl(0deg 0% 100% / 20%);\n$palette-white-opacity-30: hsl(0deg 0% 100% / 30%);\n$palette-white-opacity-40: hsl(0deg 0% 100% / 40%);\n$palette-white-opacity-50: hsl(0deg 0% 100% / 50%);\n$palette-white-opacity-60: hsl(0deg 0% 100% / 60%);\n$palette-white-opacity-70: hsl(0deg 0% 100% / 70%);\n$palette-white-opacity-80: hsl(0deg 0% 100% / 80%);\n$palette-white-opacity-90: hsl(0deg 0% 100% / 90%);\n\n// Values used for shadows\n\n$palette-black-opacity-108: hsl(0deg 0% 0% / 11%) !default;\n$palette-black-opacity-132: hsl(0deg 0% 0% / 13%) !default;\n\n$palette-black-opacity-22: hsl(0deg 0% 0% / 22%) !default;\n$palette-black-opacity-18: hsl(0deg 0% 0% / 18%) !default;\n\n$palette-white-opacity-108: hsl(0deg 0% 100% / 11%) !default;\n$palette-white-opacity-132: hsl(0deg 0% 100% / 13%) !default;\n\n$palette-white-opacity-22: hsl(0deg 0% 100% / 22%) !default;\n$palette-white-opacity-18: hsl(0deg 0% 100% / 18%) !default;\n\n// Blue\n\n$palette-blue-10: #d7eaf8 !default;\n$palette-blue-20: #9ccbee !default;\n$palette-blue-30: #75b6e7 !default;\n$palette-blue-40: #278cda !default;\n$palette-blue-50: #0078d4 !default;\n$palette-blue-60: #0065b3 !default;\n$palette-blue-70: #00579a !default;\n$palette-blue-80: #004173 !default;\n$palette-blue-90: #002b4d !default;\n$palette-blue-100: #000a13 !default;\n\n$palette-blue-a: #9ccbee !default;\n\n$palette-blue-opacity-30: hsl(206deg 100% 35% / 30%);\n$palette-blue-opacity-70: hsl(206deg 100% 35% / 70%);\n\n$palette-blue-black: #091f2c !default;\n\n// Navy\n\n$palette-navy-10: #dfe5ee !default;\n$palette-navy-20: #c1cbdc !default;\n$palette-navy-30: #a4b2c9 !default;\n$palette-navy-40: #899ab5 !default;\n$palette-navy-50: #70819f !default;\n$palette-navy-60: #4a5d7e !default;\n$palette-navy-70: #243a5e !default;\n$palette-navy-80: #14294c !default;\n$palette-navy-90: #061329 !default;\n$palette-navy-100: #000910 !default;\n\n$palette-navy-opacity-30: hsl(262deg 46% 17% / 30%) !default;\n$palette-navy-opacity-70: hsl(262deg 46% 17% / 70%) !default;\n\n// Turqoise\n\n$palette-turqoise-10: #e9fbff !default;\n$palette-turqoise-20: #bdf5ff !default;\n$palette-turqoise-30: #7becff !default;\n$palette-turqoise-40: #50e6ff !default;\n$palette-turqoise-50: #41b9cf !default;\n$palette-turqoise-60: #328e9f !default;\n$palette-turqoise-70: #28727f !default;\n$palette-turqoise-80: #19474f !default;\n$palette-turqoise-90: #0f2a2f !default;\n$palette-turqoise-100: #050e0f !default;\n\n$palette-navy-opacity-30: hsl(189deg 52% 12% / 30%) !default;\n$palette-navy-opacity-70: hsl(189deg 52% 12% / 70%) !default;\n\n// Green\n\n$palette-green-10: #dff6dd !default;\n$palette-green-20: #acd7aa !default;\n$palette-green-30: #7cbb7b !default;\n$palette-green-40: #489d48 !default;\n$palette-green-50: #2a8b2a !default;\n$palette-green-60: #107c10 !default;\n$palette-green-70: #0b6413 !default;\n$palette-green-80: #054b16 !default;\n$palette-green-90: #05350c !default;\n$palette-green-100: #061a00 !default;\n\n$palette-green-opacity-30: hsl(120deg 37% 45% / 30%) !default;\n$palette-green-opacity-70: hsl(120deg 37% 45% / 70%) !default;\n\n// Purple\n\n$palette-purple-10: #efd9fd !default;\n$palette-purple-20: #e0b7fe !default;\n$palette-purple-30: #d59dff !default;\n$palette-purple-40: #ac7ee1 !default;\n$palette-purple-50: #9970d3 !default;\n$palette-purple-60: #8661c5 !default;\n$palette-purple-70: #624991 !default;\n$palette-purple-80: #3b2e58 !default;\n$palette-purple-90: #201843 !default;\n$palette-purple-100: #03002c !default;\n\n$palette-purple-a: #cd9bcf !default;\n$palette-purple-b: #702573 !default; // light\n$palette-purple-c: #b84dc6 !default;\n\n$palette-purple-opacity-30: hsl(251deg 47% 18% / 30%) !default;\n$palette-purple-opacity-70: hsl(251deg 47% 18% / 70%) !default;\n\n// Yellow\n\n$palette-yellow-10: #fff4ce !default;\n$palette-yellow-20: #ffe79f !default;\n$palette-yellow-30: #ffdf84 !default;\n$palette-yellow-40: #ffcb3f !default;\n$palette-yellow-50: #ffb900 !default;\n$palette-yellow-60: #d19501 !default;\n$palette-yellow-70: #966802 !default;\n$palette-yellow-80: #6a4b16 !default;\n$palette-yellow-90: #4f340e !default;\n$palette-yellow-100: #2d1703 !default;\n\n$palette-yellow-opacity-30: hsl(44deg 100% 50% / 30%) !default;\n$palette-yellow-opacity-70: hsl(44deg 100% 50% / 70%) !default;\n\n$palette-yellow-sand: #e8e6df !default;\n\n// Red\n\n$palette-red-10: #fde7e9 !default;\n$palette-red-20: #e5a7a8 !default;\n$palette-red-30: #d4797a !default;\n$palette-red-40: #c54f4f !default;\n$palette-red-50: #b62626 !default;\n$palette-red-60: #a80000 !default;\n$palette-red-70: #870000 !default;\n$palette-red-80: #630001 !default;\n$palette-red-90: #470001 !default;\n$palette-red-100: #290001 !default;\n\n$palette-red-opacity-30: hsl(0deg 100% 33% / 30%) !default;\n$palette-red-opacity-70: hsl(0deg 100% 33% / 70%) !default;\n\n// High Contrast\n\n$palette-yellow-high-contrast: #ff0 !default;\n$palette-yellow-high-contrast-hover: #ff3 !default;\n$palette-visited-high-contrast: #3cff00 !default;\n\n//@end-sass-export-section\n","/**\n * @sass-export-section=\"animation\"\n */\n// Animation related property values\n$input-timing-function: cubic-bezier(0.4, 0, 0.23, 1) !default;\n$input-transition-duration: 200ms;\n$nav-bar-transition-duration: 86ms !default;\n//@end-sass-export-section\n","/**\n * @sass-export-section=\"border\"\n */\n$border-width: 1px !default;\n$border-width-md: 0.125rem !default;\n$border-width-lg: 0.25rem !default;\n\n$border-radius-sm: 0.125rem !default; // 2px\n$border-radius: 0.25rem !default; // 4px\n$border-radius-lg: 0.375rem !default; // 6px\n$border-radius-rounded: 290486px !default;\n//@end-sass-export-section\n","/**\n * @sass-export-section=\"breakpoints\"\n */\n// The horizontal gap tied to containers\n$container-gap: 64px !default;\n\n// Breakpoints\n$breakpoint-tablet: 768px !default;\n$breakpoint-desktop: 1088px !default;\n$breakpoint-widescreen: 1800px !default;\n//@end-sass-export-section\n","/**\n * @sass-export-section=\"display\"\n */\n$displays: 'block', 'flex', 'inline', 'inline-block', 'inline-flex', 'grid', 'none' !default;\n//@end-sass-export-section\n","/**\n * @sass-export-section=\"colors\"\n */\n$white-static: #fff;\n$black-static: #000;\n\n$text: var(--theme-text);\n$text-subtle: var(--theme-text-subtle);\n$text-invert: var(--theme-text-invert);\n$hyperlink: var(--theme-hyperlink);\n$text-glow-high-contrast: var(--theme-text-glow-high-contrast);\n$box-shadow-color-light: var(--theme-box-shadow-light);\n$box-shadow-color-medium: var(--theme-box-shadow-medium);\n$box-shadow-color-heavy: var(--theme-box-shadow-heavy);\n$box-shadow-color-extra-heavy: var(--theme-box-shadow-extra-heavy);\n\n$body-background: var(--theme-body-background);\n$body-background-medium: var(--theme-body-background-medium);\n$body-background-accent: var(--theme-body-background-accent);\n\n$alternate-background: var(--theme-alternate-background);\n$alternate-background-medium: var(--theme-alternate-background-medium);\n\n$overlay: var(--theme-overlay);\n$overlay-invert: var(--theme-overlay-invert);\n$overlay-static: $palette-black-opacity-50;\n$border: var(--theme-border);\n$border-accent: var(--theme-border-accent);\n\n$card-background: var(--theme-card-background);\n\n$code-header: var(--theme-code-header);\n$code-block: var(--theme-code-block);\n$inline-code: var(--theme-inline-code);\n\n$control-border: var(--theme-control-border);\n\n$table-header: var(--theme-table-header);\n$table-row: var(--theme-table-row);\n$table-row-header: var(--theme-table-row-header);\n$table-border-dark: var(--theme-table-border-dark);\n\n$facepile-red: var(--theme-facepile-red);\n$facepile-teal: var(--theme-facepile-teal);\n$facepile-blue: var(--theme-facepile-blue);\n\n$gradient-text-purple: var(--theme-gradient-text-purple);\n$gradient-text-blue: var(--theme-gradient-text-blue);\n$gradient-vivid-start: var(--theme-gradient-vivid-start);\n$gradient-vivid-end: var(--theme-gradient-vivid-end);\n\n$default-hover: var(--theme-hover-base);\n$default-hover-invert: $body-background-medium;\n$border-white-high-contrast: var(--theme-border-white-high-contrast);\n$border-yellow-high-contrast: var(--theme-border-yellow-high-contrast);\n$code-highlight-background: var(--theme-code-highlight-background);\n$visited: var(--theme-visited);\n\n$score-low-off: var(--theme-score-low-off);\n$score-low: var(--theme-score-low);\n$score-medium-off: var(--theme-score-medium-off);\n$score-medium: var(--theme-score-medium);\n$score-high-off: var(--theme-score-high-off);\n$score-high: var(--theme-score-high);\n\n$primary: var(--theme-primary-base);\n$primary-background: var(--theme-primary-background);\n$primary-background-glow-high-contrast: var(--theme-primary-background-glow-high-contrast);\n$primary-dark: var(--theme-primary-dark);\n$primary-hover: var(--theme-primary-hover);\n$primary-active: var(--theme-primary-active);\n$primary-invert: var(--theme-primary-invert);\n$primary-box-shadow: var(--theme-primary-box-shadow);\n\n$secondary: var(--theme-secondary-base);\n$secondary-background: var(--theme-secondary-background);\n$secondary-background-glow-high-contrast: var(--theme-secondary-background-glow-high-contrast);\n$secondary-dark: var(--theme-secondary-dark);\n$secondary-hover: var(--theme-secondary-hover);\n$secondary-active: var(--theme-secondary-active);\n$secondary-invert: var(--theme-secondary-invert);\n$secondary-box-shadow: var(--theme-secondary-box-shadow);\n\n$tertiary: var(--theme-tertiary-base);\n$tertiary-background: var(--theme-tertiary-background);\n$tertiary-background-glow-high-contrast: var(--theme-tertiary-background-glow-high-contrast);\n$tertiary-dark: var(--theme-tertiary-dark);\n$tertiary-hover: var(--theme-tertiary-hover);\n$tertiary-active: var(--theme-tertiary-active);\n$tertiary-invert: var(--theme-tertiary-invert);\n$tertiary-box-shadow: var(--theme-tertiary-box-shadow);\n\n$success: var(--theme-success-base);\n$success-background: var(--theme-success-background);\n$success-background-glow-high-contrast: var(--theme-success-background-glow-high-contrast);\n$success-dark: var(--theme-success-dark);\n$success-hover: var(--theme-success-hover);\n$success-active: var(--theme-success-active);\n$success-invert: var(--theme-success-invert);\n$success-box-shadow: var(--theme-success-box-shadow);\n\n$info: var(--theme-info-base);\n$info-background: var(--theme-info-background);\n$info-background-glow-high-contrast: var(--theme-info-background-glow-high-contrast);\n$info-dark: var(--theme-info-dark);\n$info-hover: var(--theme-info-hover);\n$info-active: var(--theme-info-active);\n$info-invert: var(--theme-info-invert);\n$info-box-shadow: var(--theme-info-box-shadow);\n\n$warning: var(--theme-warning-base);\n$warning-background: var(--theme-warning-background);\n$warning-background-glow-high-contrast: var(--theme-warning-background-glow-high-contrast);\n$warning-dark: var(--theme-warning-dark);\n$warning-hover: var(--theme-warning-hover);\n$warning-active: var(--theme-warning-active);\n$warning-invert: var(--theme-warning-invert);\n$warning-box-shadow: var(--theme-warning-box-shadow);\n\n$danger: var(--theme-danger-base);\n$danger-background: var(--theme-danger-background);\n$danger-background-glow-high-contrast: var(--theme-danger-background-glow-high-contrast);\n$danger-dark: var(--theme-danger-dark);\n$danger-hover: var(--theme-danger-hover);\n$danger-active: var(--theme-danger-active);\n$danger-invert: var(--theme-danger-invert);\n$danger-box-shadow: var(--theme-danger-box-shadow);\n\n$colors: (\n\t'primary': (\n\t\t$primary,\n\t\t$primary-background,\n\t\t$primary-dark,\n\t\t$primary-hover,\n\t\t$primary-active,\n\t\t$primary-invert,\n\t\t$primary-box-shadow,\n\t\t$primary-background-glow-high-contrast\n\t),\n\t'secondary': (\n\t\t$secondary,\n\t\t$secondary-background,\n\t\t$secondary-dark,\n\t\t$secondary-hover,\n\t\t$secondary-active,\n\t\t$secondary-invert,\n\t\t$secondary-box-shadow,\n\t\t$secondary-background-glow-high-contrast\n\t),\n\t'tertiary': (\n\t\t$tertiary,\n\t\t$tertiary-background,\n\t\t$tertiary-dark,\n\t\t$tertiary-hover,\n\t\t$tertiary-active,\n\t\t$tertiary-invert,\n\t\t$tertiary-box-shadow,\n\t\t$tertiary-background-glow-high-contrast\n\t),\n\t'success': (\n\t\t$success,\n\t\t$success-background,\n\t\t$success-dark,\n\t\t$success-hover,\n\t\t$success-active,\n\t\t$success-invert,\n\t\t$success-box-shadow,\n\t\t$success-background-glow-high-contrast\n\t),\n\t'info': (\n\t\t$info,\n\t\t$info-background,\n\t\t$info-dark,\n\t\t$info-hover,\n\t\t$info-active,\n\t\t$info-invert,\n\t\t$info-box-shadow,\n\t\t$info-background-glow-high-contrast\n\t),\n\t'warning': (\n\t\t$warning,\n\t\t$warning-background,\n\t\t$warning-dark,\n\t\t$warning-hover,\n\t\t$warning-active,\n\t\t$warning-invert,\n\t\t$warning-box-shadow,\n\t\t$warning-background-glow-high-contrast\n\t),\n\t'danger': (\n\t\t$danger,\n\t\t$danger-background,\n\t\t$danger-dark,\n\t\t$danger-hover,\n\t\t$danger-active,\n\t\t$danger-invert,\n\t\t$danger-box-shadow,\n\t\t$danger-background-glow-high-contrast\n\t)\n) !default;\n\n// Combined framework and brand colors for the array used in all the loops\n\n// Color indexes, for use in color loops.\n\n$color-index-base: 1;\n$color-index-background: 2;\n$color-index-dark: 3;\n$color-index-hover: 4;\n$color-index-active: 5;\n$color-index-invert: 6;\n$color-index-box-shadow: 7;\n$color-index-background-glow-high-contrast: 8;\n\n// example implementation of a color loop\n\n// @each $name, $color-set in $colors {\n// \t$base: nth($color-set, $color-index-base);\n// \t$background: nth($color-set, $color-index-background);\n// \t$heavy: nth($color-set, $color-index-dark);\n// \t$hover: nth($color-set, $color-index-hover);\n// \t$active: nth($color-set, $color-index-active);\n// \t$invert: nth($color-set, $color-index-invert);\n// \t$box-shadow: nth($color-set, $color-index-box-shadow);\n//}\n\n$gradients: (\n\t'vivid': (\n\t\t$gradient-vivid-start,\n\t\t$gradient-vivid-end\n\t),\n\t'purple-blue': (\n\t\t$gradient-text-purple,\n\t\t$gradient-text-blue\n\t)\n);\n\n$gradient-color-start-index: 1;\n$gradient-color-end-index: 2;\n","/**\n * @sass-export-section=\"direction\"\n */\n// Direction\n$user-text-direction: ltr !default;\n\n$user-left: if($user-text-direction == rtl, right, left);\n$user-right: if($user-text-direction == rtl, left, right);\n\n$user-translate-x-direction: if($user-text-direction == rtl, -1, 1);\n\n$directions: (\n\t'top': 'top',\n\t'right': $user-right,\n\t'bottom': 'bottom',\n\t'left': $user-left\n);\n\n$logical-directions: (\n\t'top': 'block-start',\n\t'right': 'inline-end',\n\t'bottom': 'block-end',\n\t'left': 'inline-start'\n);\n//@end-sass-export-section\n","/**\n * @sass-export-section=\"focus\"\n */\n// Focus related variables\n$focus-width: 0.125rem !default;\n$focus-style: dashed !default;\n$focus-outline-offset: 0.25rem !default;\n$focus-visible-use-polyfill: false !default;\n//@end-sass-export-section\n","/**\n * @sass-export-section=\"font-stack\"\n */\n$monospace-font-stack: 'SFMono-Regular', 'Consolas', 'Liberation Mono', 'Menlo', 'Courier',\n\tmonospace !default;\n$normal-font-stack: -apple-system, 'BlinkMacSystemFont', 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu',\n\t'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif,\n\t'Apple Color Emoji', 'Segoe UI Emoji' !default;\n$quote-font-stack: 'Arial', 'Helvetica Neue', 'Helvetica', sans-serif !default;\n//@end-sass-export-section\n","/**\n * @sass-export-section=\"layout\"\n */\n// Layout\n$column-gap: 0.75rem !default;\n$large-column-gap: 1.5rem !default;\n$reading-max-width: 50rem !default;\n\n$layout-gap: 24px !default;\n$layout-widescreen-width: $breakpoint-widescreen - $layout-gap * 2 !default;\n$layout-widescreen-gap: calc(\n\t50% - #{$layout-widescreen-width} / 2\n) !default; // $layout-widescreen-gap is a naming error, keeping for backwards compat\n\n$layout-gap-custom-property-name: '--layout-gap' !default;\n$layout-gap-scalable-custom-property-name: '--layout-gap-scalable' !default;\n//@end-sass-export-section\n","/**\n * @sass-export-section=\"position\"\n */\n$positions: 'fixed', 'absolute', 'relative', 'sticky' !default;\n//@end-sass-export-section\n","/**\n * @sass-export-section=\"schemes\"\n */\n\n/* \n * This object's keys should match themes and values will set the color-scheme CSS property for the corresponding theme.\n */\n\n$color-schemes: (\n\t'light': 'light',\n\t'dark': 'dark',\n\t'high-contrast': 'dark'\n);\n//@end-sass-export-section\n","/**\n * @sass-export-section=\"shadow\"\n */\n$box-shadow-light: 0 1.6px 3.6px 0 $box-shadow-color-medium, 0 0.3px 0.9px 0 $box-shadow-color-light !default;\n$box-shadow-medium: 0 3.2px 7.2px 0 $box-shadow-color-medium,\n\t0 0.6px 1.8px 0 $box-shadow-color-light !default;\n$box-shadow-heavy: 0 6.4px 14.4px 0 $box-shadow-color-medium,\n\t0 1.2px 3.6px 0 $box-shadow-color-light !default;\n$box-shadow-extra-heavy: 0 25.6px 57.6px 0 $box-shadow-color-extra-heavy,\n\t0 4.8px 14.4px 0 $box-shadow-color-heavy !default;\n//@end-sass-export-section\n","/**\n * @sass-export-section=\"spacing\"\n */\n$layout-0: 0 !default; // 0\n$layout-1: 0.5rem !default; // 8px\n$layout-2: 1rem !default; // 16px\n$layout-3: 1.5rem !default; // 24px\n$layout-4: 2rem !default; // 32px\n$layout-5: 3rem !default; // 48px\n$layout-6: 4rem !default; // 64px\n$layout-7: 6rem !default; // 96px;\n$layout-8: 8rem !default; // 128px;\n\n$spacer-0: 0 !default; // 0\n$spacer-1: 0.125rem !default; // 2px\n$spacer-2: 0.25rem !default; // 4px\n$spacer-3: 0.5rem !default; // 8px\n$spacer-4: 0.75rem !default; // 12px\n$spacer-5: 1rem !default; // 16px\n$spacer-6: 1.25rem !default; // 20px\n$spacer-7: 1.5rem !default; // 24px\n$spacer-8: 2rem !default; // 32px\n$spacer-9: 2.5rem !default; // 40px\n$spacer-10: 3rem !default; // 48px\n//@end-sass-export-section\n","/**\n * @sass-export-section=\"themes\"\n */\n$themes: (\n\t'light': (\n\t\t'text': $palette-grey-130,\n\t\t'text-subtle': $palette-grey-90,\n\t\t'text-invert': $palette-white,\n\t\t'text-glow-high-contrast': $palette-grey-120,\n\t\t'box-shadow-light': $palette-black-opacity-108,\n\t\t'box-shadow-medium': $palette-black-opacity-132,\n\t\t'box-shadow-heavy': $palette-black-opacity-18,\n\t\t'box-shadow-extra-heavy': $palette-black-opacity-22,\n\t\t'overlay': $palette-black-opacity-70,\n\t\t'overlay-invert': $palette-white,\n\t\t'body-background': $palette-white,\n\t\t'body-background-accent': $palette-yellow-sand,\n\t\t'body-background-medium': $palette-grey-20,\n\t\t'alternate-background': $palette-grey-120,\n\t\t'alternate-background-medium': $palette-grey-110,\n\t\t'card-background': $palette-white,\n\t\t'border': $palette-grey-30,\n\t\t'border-accent': $palette-yellow-sand,\n\t\t'border-white-high-contrast': $palette-white-opacity-0,\n\t\t'border-yellow-high-contrast': $palette-black-opacity-0,\n\t\t'table-header': $palette-grey-30,\n\t\t'table-row': $palette-grey-20,\n\t\t'table-row-header': $palette-grey-10,\n\t\t'table-border-dark': $palette-grey-40,\n\t\t'hover-base': $palette-grey-110,\n\t\t'hover-invert': $palette-grey-10,\n\t\t'code-header': $palette-grey-30,\n\t\t'code-block': $palette-grey-20,\n\t\t'control-border': $palette-grey-80,\n\t\t'inline-code': $palette-grey-30,\n\t\t'code-highlight-background': $palette-yellow-10,\n\t\t'visited': $palette-purple-70,\n\t\t'score-low-off': $palette-red-opacity-30,\n\t\t'score-low': $palette-red-50,\n\t\t'score-medium-off': $palette-yellow-opacity-30,\n\t\t'score-medium': $palette-yellow-50,\n\t\t'score-high-off': $palette-green-opacity-30,\n\t\t'score-high': $palette-green-50,\n\t\t'hyperlink': $palette-blue-60,\n\t\t'primary-base': $palette-blue-50,\n\t\t'primary-background': $palette-blue-10,\n\t\t'primary-background-glow-high-contrast': $palette-blue-10,\n\t\t'primary-dark': $palette-blue-80,\n\t\t'primary-hover': $palette-blue-60,\n\t\t'primary-active': $palette-blue-70,\n\t\t'primary-box-shadow': $palette-blue-opacity-30,\n\t\t'primary-invert': $palette-white,\n\t\t'secondary-base': $palette-grey-60,\n\t\t'secondary-background': $palette-grey-30,\n\t\t'secondary-background-glow-high-contrast': $palette-grey-30,\n\t\t'secondary-dark': $palette-grey-110,\n\t\t'secondary-hover': $palette-grey-40,\n\t\t'secondary-active': $palette-grey-40,\n\t\t'secondary-box-shadow': $palette-black-opacity-30,\n\t\t'secondary-invert': $palette-black,\n\t\t'tertiary-base': $palette-navy-70,\n\t\t'tertiary-background': $palette-navy-90,\n\t\t'tertiary-background-glow-high-contrast': $palette-navy-90,\n\t\t'tertiary-dark': $palette-navy-30,\n\t\t'tertiary-hover': $palette-navy-80,\n\t\t'tertiary-active': $palette-navy-50,\n\t\t'tertiary-box-shadow': $palette-navy-opacity-30,\n\t\t'tertiary-invert': $palette-white,\n\t\t'success-base': $palette-green-60,\n\t\t'success-background': $palette-green-10,\n\t\t'success-background-glow-high-contrast': $palette-green-10,\n\t\t'success-dark': $palette-green-80,\n\t\t'success-hover': $palette-green-70,\n\t\t'success-active': $palette-green-80,\n\t\t'success-box-shadow': $palette-green-opacity-30,\n\t\t'success-invert': $palette-white,\n\t\t'info-base': $palette-purple-60,\n\t\t'info-background': $palette-purple-10,\n\t\t'info-background-glow-high-contrast': $palette-purple-10,\n\t\t'info-dark': $palette-purple-80,\n\t\t'info-hover': $palette-purple-60,\n\t\t'info-active': $palette-purple-70,\n\t\t'info-box-shadow': $palette-purple-opacity-30,\n\t\t'info-invert': $palette-white,\n\t\t'warning-base': $palette-yellow-50,\n\t\t'warning-background': $palette-yellow-10,\n\t\t'warning-background-glow-high-contrast': $palette-yellow-10,\n\t\t'warning-dark': $palette-yellow-80,\n\t\t'warning-hover': $palette-yellow-60,\n\t\t'warning-active': $palette-yellow-70,\n\t\t'warning-box-shadow': $palette-yellow-opacity-30,\n\t\t'warning-invert': $palette-black,\n\t\t'danger-base': $palette-red-60,\n\t\t'danger-background': $palette-red-10,\n\t\t'danger-background-glow-high-contrast': $palette-red-10,\n\t\t'danger-dark': $palette-red-90,\n\t\t'danger-hover': $palette-red-70,\n\t\t'danger-active': $palette-red-80,\n\t\t'danger-box-shadow': $palette-red-opacity-30,\n\t\t'danger-invert': $palette-white,\n\t\t'facepile-red': $palette-red-60,\n\t\t'facepile-teal': $palette-turqoise-60,\n\t\t'facepile-blue': $palette-blue-50,\n\t\t'gradient-text-purple': $palette-purple-b,\n\t\t'gradient-text-blue': $palette-blue-70,\n\t\t'gradient-vivid-start': $palette-purple-c,\n\t\t'gradient-vivid-end': $palette-blue-50\n\t),\n\t'dark': (\n\t\t'text': $palette-grey-30,\n\t\t'text-subtle': $palette-grey-40,\n\t\t'text-invert': $palette-grey-110,\n\t\t'text-glow-high-contrast': $palette-grey-30,\n\t\t'box-shadow-light': $palette-black-opacity-108,\n\t\t'box-shadow-medium': $palette-black-opacity-132,\n\t\t'box-shadow-heavy': $palette-black-opacity-18,\n\t\t'box-shadow-extra-heavy': $palette-black-opacity-22,\n\t\t'overlay': $palette-black-opacity-70,\n\t\t'overlay-invert': $palette-white,\n\t\t'body-background': $palette-grey-120,\n\t\t'body-background-accent': $palette-blue-black,\n\t\t'body-background-medium': $palette-grey-110,\n\t\t'alternate-background': $palette-grey-20,\n\t\t'alternate-background-medium': $palette-grey-10,\n\t\t'border': $palette-grey-100,\n\t\t'border-accent': $palette-grey-90,\n\t\t'border-white-high-contrast': $palette-white-opacity-0,\n\t\t'border-yellow-high-contrast': $palette-black-opacity-0,\n\t\t'card-background': $palette-blue-black,\n\t\t'table-header': $palette-grey-100,\n\t\t'table-row': $palette-grey-110,\n\t\t'table-row-header': $palette-grey-110,\n\t\t'table-border-dark': $palette-grey-90,\n\t\t'hover-base': $palette-grey-40,\n\t\t'hover-invert': $palette-grey-110,\n\t\t'code-header': $palette-grey-100,\n\t\t'code-block': $palette-grey-110,\n\t\t'control-border': $palette-grey-40,\n\t\t'inline-code': $palette-grey-100,\n\t\t'code-highlight-background': $palette-green-70,\n\t\t'visited': $palette-purple-40,\n\t\t'score-low-off': $palette-red-opacity-70,\n\t\t'score-low': $palette-red-50,\n\t\t'score-medium-off': $palette-yellow-opacity-30,\n\t\t'score-medium': $palette-yellow-40,\n\t\t'score-high-off': $palette-green-opacity-70,\n\t\t'score-high': $palette-green-40,\n\t\t'hyperlink': $palette-blue-30,\n\t\t'primary-base': $palette-blue-30,\n\t\t'primary-background': $palette-blue-80,\n\t\t'primary-background-glow-high-contrast': $palette-blue-80,\n\t\t'primary-dark': $palette-blue-20,\n\t\t'primary-hover': $palette-blue-40,\n\t\t'primary-active': $palette-blue-50,\n\t\t'primary-box-shadow': $palette-blue-opacity-30,\n\t\t'primary-invert': $palette-black,\n\t\t'secondary-base': $palette-grey-80,\n\t\t'secondary-background': $palette-grey-100,\n\t\t'secondary-background-glow-high-contrast': $palette-grey-100,\n\t\t'secondary-dark': $palette-grey-30,\n\t\t'secondary-hover': $palette-grey-70,\n\t\t'secondary-active': $palette-grey-60,\n\t\t'secondary-box-shadow': $palette-black-opacity-70,\n\t\t'secondary-invert': $palette-white,\n\t\t'tertiary-base': $palette-grey-100,\n\t\t'tertiary-background': $palette-grey-120,\n\t\t'tertiary-background-glow-high-contrast': $palette-grey-120,\n\t\t'tertiary-dark': $palette-grey-30,\n\t\t'tertiary-hover': $palette-grey-90,\n\t\t'tertiary-active': $palette-grey-80,\n\t\t'tertiary-box-shadow': $palette-blue-opacity-30,\n\t\t'tertiary-invert': $palette-white,\n\t\t'success-base': $palette-green-30,\n\t\t'success-background': $palette-green-80,\n\t\t'success-background-glow-high-contrast': $palette-green-80,\n\t\t'success-dark': $palette-green-10,\n\t\t'success-hover': $palette-green-40,\n\t\t'success-active': $palette-green-30,\n\t\t'success-box-shadow': $palette-green-opacity-70,\n\t\t'success-invert': $palette-black,\n\t\t'info-base': $palette-purple-50,\n\t\t'info-background': $palette-purple-80,\n\t\t'info-background-glow-high-contrast': $palette-purple-80,\n\t\t'info-dark': $palette-purple-10,\n\t\t'info-hover': $palette-purple-40,\n\t\t'info-active': $palette-purple-30,\n\t\t'info-box-shadow': $palette-purple-opacity-70,\n\t\t'info-invert': $palette-black,\n\t\t'warning-base': $palette-yellow-50,\n\t\t'warning-background': $palette-yellow-80,\n\t\t'warning-background-glow-high-contrast': $palette-yellow-80,\n\t\t'warning-dark': $palette-yellow-10,\n\t\t'warning-hover': $palette-yellow-40,\n\t\t'warning-active': $palette-yellow-30,\n\t\t'warning-box-shadow': $palette-yellow-opacity-70,\n\t\t'warning-invert': $palette-black,\n\t\t'danger-base': $palette-red-20,\n\t\t'danger-background': $palette-red-80,\n\t\t'danger-background-glow-high-contrast': $palette-red-80,\n\t\t'danger-dark': $palette-red-10,\n\t\t'danger-hover': $palette-red-40,\n\t\t'danger-active': $palette-red-30,\n\t\t'danger-box-shadow': $palette-red-opacity-70,\n\t\t'danger-invert': $palette-black,\n\t\t'facepile-red': $palette-red-40,\n\t\t'facepile-teal': $palette-turqoise-40,\n\t\t'facepile-blue': $palette-blue-40,\n\t\t'gradient-text-purple': $palette-purple-a,\n\t\t'gradient-text-blue': $palette-blue-a,\n\t\t'gradient-vivid-start': $palette-purple-c,\n\t\t'gradient-vivid-end': $palette-blue-30\n\t),\n\t'high-contrast': (\n\t\t'text': $palette-white,\n\t\t'text-subtle': $palette-white,\n\t\t'text-invert': $palette-black,\n\t\t'text-glow-high-contrast': $palette-yellow-high-contrast,\n\t\t'box-shadow-light': $palette-black-opacity-108,\n\t\t'box-shadow-medium': $palette-black-opacity-132,\n\t\t'box-shadow-heavy': $palette-black-opacity-18,\n\t\t'box-shadow-extra-heavy': $palette-black-opacity-22,\n\t\t'overlay': $palette-grey-100,\n\t\t'overlay-invert': $palette-white,\n\t\t'body-background': $palette-black,\n\t\t'body-background-accent': $palette-black,\n\t\t'body-background-medium': $palette-black,\n\t\t'alternate-background': $palette-white,\n\t\t'alternate-background-medium': $palette-white,\n\t\t'border': $palette-white,\n\t\t'border-accent': $palette-white,\n\t\t'border-white-high-contrast': $palette-white,\n\t\t'border-yellow-high-contrast': $palette-yellow-high-contrast,\n\t\t'card-background': $palette-black,\n\t\t'table-header': $palette-grey-90,\n\t\t'table-row': $palette-black,\n\t\t'table-row-header': $palette-grey-120,\n\t\t'table-border-dark': $palette-white,\n\t\t'hover-base': $palette-yellow-high-contrast,\n\t\t'hover-invert': $palette-black,\n\t\t'code-header': $palette-black,\n\t\t'code-block': $palette-black,\n\t\t'control-border': $palette-white,\n\t\t'inline-code': $palette-grey-110,\n\t\t'code-highlight-background': $palette-green-70,\n\t\t'visited': $palette-visited-high-contrast,\n\t\t'score-low-off': $palette-red-60,\n\t\t'score-low': $palette-red-10,\n\t\t'score-medium-off': $palette-yellow-opacity-70,\n\t\t'score-medium': $palette-yellow-20,\n\t\t'score-high-off': $palette-green-60,\n\t\t'score-high': $palette-green-10,\n\t\t'hyperlink': $palette-yellow-high-contrast,\n\t\t'primary-base': $palette-yellow-high-contrast,\n\t\t'primary-background': $palette-black,\n\t\t'primary-background-glow-high-contrast': $palette-yellow-high-contrast,\n\t\t'primary-dark': $palette-yellow-high-contrast,\n\t\t'primary-hover': $palette-yellow-high-contrast-hover,\n\t\t'primary-active': $palette-yellow-high-contrast-hover,\n\t\t'primary-box-shadow': $palette-white,\n\t\t'primary-invert': $palette-black,\n\t\t'secondary-base': $palette-grey-30,\n\t\t'secondary-background': $palette-black,\n\t\t'secondary-background-glow-high-contrast': $palette-grey-90,\n\t\t'secondary-dark': $palette-grey-30,\n\t\t'secondary-hover': $palette-grey-40,\n\t\t'secondary-active': $palette-grey-40,\n\t\t'secondary-box-shadow': $palette-grey-30,\n\t\t'secondary-invert': $palette-black,\n\t\t'tertiary-base': $palette-white,\n\t\t'tertiary-background': $palette-black,\n\t\t'tertiary-background-glow-high-contrast': $palette-white,\n\t\t'tertiary-dark': $palette-white,\n\t\t'tertiary-hover': $palette-grey-30,\n\t\t'tertiary-active': $palette-grey-30,\n\t\t'tertiary-box-shadow': $palette-white,\n\t\t'tertiary-invert': $palette-black,\n\t\t'success-base': $palette-green-30,\n\t\t'success-background': $palette-black,\n\t\t'success-background-glow-high-contrast': $palette-green-30,\n\t\t'success-dark': $palette-green-20,\n\t\t'success-hover': $palette-green-20,\n\t\t'success-active': $palette-green-20,\n\t\t'success-box-shadow': $palette-white,\n\t\t'success-invert': $palette-black,\n\t\t'info-base': $palette-purple-20,\n\t\t'info-background': $palette-black,\n\t\t'info-background-glow-high-contrast': $palette-purple-20,\n\t\t'info-dark': $palette-purple-10,\n\t\t'info-hover': $palette-purple-10,\n\t\t'info-active': $palette-purple-10,\n\t\t'info-box-shadow': $palette-white,\n\t\t'info-invert': $palette-black,\n\t\t'warning-base': $palette-yellow-20,\n\t\t'warning-background': $palette-black,\n\t\t'warning-background-glow-high-contrast': $palette-yellow-20,\n\t\t'warning-dark': $palette-yellow-10,\n\t\t'warning-hover': $palette-yellow-10,\n\t\t'warning-active': $palette-yellow-10,\n\t\t'warning-box-shadow': $palette-white,\n\t\t'warning-invert': $palette-black,\n\t\t'danger-base': $palette-red-20,\n\t\t'danger-background': $palette-black,\n\t\t'danger-background-glow-high-contrast': $palette-red-20,\n\t\t'danger-dark': $palette-red-10,\n\t\t'danger-hover': $palette-red-10,\n\t\t'danger-active': $palette-red-10,\n\t\t'danger-box-shadow': $palette-white,\n\t\t'danger-invert': $palette-black,\n\t\t'facepile-red': $palette-red-30,\n\t\t'facepile-teal': $palette-turqoise-30,\n\t\t'facepile-blue': $palette-blue-30,\n\t\t'gradient-text-purple': $white-static,\n\t\t'gradient-text-blue': $white-static,\n\t\t'gradient-vivid-start': $white-static,\n\t\t'gradient-vivid-end': $white-static\n\t)\n) !default;\n//@end-sass-export-section\n","/**\n * @sass-export-section=\"typography\"\n */\n\n$document-font-size: 16px;\n\n// Typography\n$font-size-9: 0.75rem !default; // 12px\n$font-size-8: 0.875rem !default; // 14px\n$font-size-7: 1rem !default; // 16px\n$font-size-6: 1.125rem !default; // 18px\n$font-size-5: 1.25rem !default; // 20px\n$font-size-4: 1.5rem !default; // 24px\n$font-size-3: 1.75rem !default; // 28px\n$font-size-2: 2.125rem !default; // 34px\n$font-size-1: 2.5rem !default; // 40px\n$font-size-0: 3.375rem !default; // 54px\n\n// Font Weight\n$weight-light: 100;\n$weight-semilight: 200;\n$weight-normal: 400;\n$weight-semibold: 600;\n$weight-bold: 700;\n\n// Letter spacing\n$letter-spacing-medium: 0.125rem;\n$letter-spacing-wide: 0.225rem;\n\n// Line height\n$line-height-normal: 1.3;\n\n//@end-sass-export-section\n","/**\n * @sass-export-section=\"z-index\"\n */\n// Element states\n$zindex-active: 1;\n$zindex-hover: 2;\n$zindex-focus: 3;\n$zindex-multi: 4;\n\n// Components\n$zindex-dropdown: 1000;\n$zindex-sticky: 1020;\n$zindex-fixed: 1030;\n$zindex-modal-backdrop: 1040;\n$zindex-modal: 1050;\n$zindex-popover: 1060;\n$zindex-tooltip: 1070;\n\n$zindex-stretched-link: 1 !default;\n//@end-sass-export-section\n","$control-radius: $border-radius-sm !default;\n\n$control-font-size: $font-size-7 !default;\n$control-sm-font-size: $font-size-8 !default;\n$control-lg-font-size: $font-size-6 !default;\n\n$control-border-width: 1px !default;\n\n$control-padding-vertical: calc(0.375em - #{$control-border-width}) !default;\n$control-padding-horizontal: calc(0.625em - #{$control-border-width}) !default;\n\n%control {\n\tdisplay: inline-flex;\n\tposition: relative;\n\talign-items: center;\n\tjustify-content: flex-start;\n\tmin-height: 2.25em;\n\tpadding-block: $control-padding-vertical;\n\tpadding-inline: $control-padding-horizontal;\n\tborder: $control-border-width solid transparent;\n\tborder-radius: $control-radius;\n\tfont-size: $control-font-size;\n\tline-height: 1.5;\n\tappearance: none;\n\tbox-shadow: none;\n\tvertical-align: top;\n\n\t&[disabled] {\n\t\tcursor: not-allowed;\n\t}\n}\n\n@mixin control {\n\t@extend %control;\n}\n\n@mixin control-sm {\n\tfont-size: $control-sm-font-size;\n}\n\n@mixin control-lg {\n\tfont-size: $control-lg-font-size;\n}\n","// stylelint-disable declaration-block-no-redundant-longhand-properties\n@mixin focus() {\n\toutline-color: inherit;\n\toutline-offset: $focus-outline-offset;\n\toutline-style: $focus-style;\n\toutline-width: $focus-width;\n}\n\n%focus {\n\t@include focus();\n}\n\n@mixin focus-visible {\n\t@if ($focus-visible-use-polyfill) {\n\t\t&.focus-visible {\n\t\t\t@content;\n\t\t}\n\t} @else {\n\t\t&:focus-visible {\n\t\t\t@content;\n\t\t}\n\t}\n}\n","%loader {\n\tdisplay: block;\n\tposition: relative;\n\twidth: 1em;\n\theight: 1em;\n\tanimation: spinAround 500ms infinite linear;\n\tborder: 2px solid $border;\n\tborder-radius: $border-radius-rounded;\n\tborder-block-start-color: transparent;\n\tborder-inline-end-color: transparent;\n\tcontent: '';\n}\n\n@mixin loader {\n\t@extend %loader;\n}\n","%line-clamp {\n\t/*stylelint-disable*/\n\tdisplay: -webkit-box;\n\t-webkit-box-orient: vertical;\n\toverflow: hidden;\n}\n\n@mixin line-clamp($lines: 1) {\n\t@extend %line-clamp;\n\t-webkit-line-clamp: $lines !important;\n}\n","%layout-gap {\n\tpadding-inline: $layout-gap;\n\n\t@include widescreen {\n\t\tpadding-inline: $layout-widescreen-gap;\n\t}\n}\n","// Orientation\n\n@mixin orientation-portrait {\n\t@media screen and (aspect-ratio <= 1/1),\n\t\tscreen and (resolution >= 120dpi) and (aspect-ratio <= 1/1) {\n\t\t@content;\n\t}\n}\n\n@mixin orientation-landscape {\n\t@media screen and (aspect-ratio >= 1/1),\n\t\tscreen and (resolution >= 120dpi) and (aspect-ratio >= 1/1) {\n\t\t@content;\n\t}\n}\n\n@mixin orientation-square {\n\t@media screen and (aspect-ratio <= 1/1),\n\t\tscreen and (resolution >= 120dpi) and (aspect-ratio <= 1/1) {\n\t\t@content;\n\t}\n}\n\n// Mobile-first screen size media queries\n\n@mixin tablet {\n\t@media screen and (min-width: $breakpoint-tablet), print {\n\t\t@content;\n\t}\n}\n\n@mixin desktop {\n\t@media screen and (min-width: $breakpoint-desktop) {\n\t\t@content;\n\t}\n}\n\n@mixin widescreen {\n\t@media screen and (min-width: $breakpoint-widescreen) {\n\t\t@content;\n\t}\n}\n\n// Please avoid using this mixin if possible. It doesn't follow the mobile-first approach to writing CSS.\n@mixin discouraged-mobile {\n\t@media screen and (max-width: ($breakpoint-tablet - 1px)) {\n\t\t@content;\n\t}\n}\n\n@mixin print {\n\t@media print {\n\t\t@content;\n\t}\n}\n\n@mixin prefers-reduced-motion {\n\t@media (prefers-reduced-motion: reduce) {\n\t\t@content;\n\t}\n}\n","@use 'sass:math';\n\n/* stylelint-disable */\n\n$font-size-scaling-factor: 0.75 !default;\n\n// Remove the units from a value\n@function strip-units($number) {\n\t@return math.div($number, ($number * 0 + 1));\n}\n@mixin responsive-font-size(\n\t// font-size to stop scaling at\n\t$end-rem,\n\t// whether to include !important\n\t$important: false,\n\t// font-size to start scaling from\n\t$start-rem: max($end-rem * $font-size-scaling-factor, 1rem),\n\t// viewport width to stop scaling at\n\t$end-width: $breakpoint-desktop,\n\t// viewport width to start scaling from\n\t$start-width: 480px\n) {\n\t$m: math.div(\n\t\t\tstrip-units($end-rem) - strip-units($start-rem),\n\t\t\tstrip-units($end-width) - strip-units($start-width)\n\t\t) * strip-units($document-font-size);\n\n\t$y: strip-units($start-rem) * strip-units($document-font-size);\n\t$x: strip-units($start-width);\n\t$b: $y - $m * $x;\n\t$importantValue: if($important, !important, '');\n\n\tfont-size: clamp(#{$start-rem}, #{$b}px + #{$m * 100}vw, #{$end-rem}) #{$importantValue};\n}\n/* stylelint-enable */\n","%overlay {\n\tposition: absolute;\n\tinset: 0;\n}\n\n@mixin overlay($offset: 0) {\n\t@extend %overlay;\n\n\t@if $offset != 0 {\n\t\tinset: $offset;\n\t}\n}\n","%transparent-effects {\n\toutline-color: inherit;\n\tbackground-color: transparent;\n\tappearance: none;\n\n\t&:not(:hover),\n\t&:not(.focus-visible),\n\t&:not(:focus-visible) {\n\t\tbackground-color: transparent;\n\t}\n}\n\n@mixin transparent-effects {\n\t@extend %transparent-effects;\n}\n","%dismiss {\n\t@include transparent-effects;\n\n\tdisplay: inline-block;\n\tcolor: currentColor;\n\tfont-size: 1rem;\n\tcursor: pointer;\n}\n\n@mixin dismiss {\n\t@extend %dismiss;\n}\n\n@mixin dismiss-square {\n\t@extend %dismiss;\n\n\twidth: 1em;\n\theight: 1em;\n\tpadding: 0;\n\tborder: 0;\n\tborder-radius: $border-radius-rounded;\n}\n","%unselectable {\n\t/* stylelint-disable */\n\t-webkit-touch-callout: none;\n\t-webkit-user-select: none;\n\t-moz-user-select: none;\n\t-ms-user-select: none;\n\t/* stylelint-enable */\n\tuser-select: none;\n}\n\n@mixin unselectable {\n\t@extend %unselectable;\n}\n","/* stylelint-disable */\n/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */\n\n/* Document\n ========================================================================== */\n\n/**\n * 1. Correct the line height in all browsers.\n * 2. Prevent adjustments of font size after orientation changes in iOS.\n */\n\nhtml {\n\tline-height: 1.15; /* 1 */\n\t-webkit-text-size-adjust: 100%; /* 2 */\n}\n\n/* Sections\n\t ========================================================================== */\n\n/**\n * Remove the margin in all browsers.\n */\n\nbody {\n\tmargin: 0;\n}\n\n/**\n * Render the `main` element consistently in IE.\n */\n\nmain {\n\tdisplay: block;\n}\n\n/**\n * Correct the font size and margin on `h1` elements within `section` and\n * `article` contexts in Chrome, Firefox, and Safari.\n */\n\nh1 {\n\tfont-size: 2em;\n\tmargin: 0.67em 0;\n}\n\n/* Grouping content\n\t ========================================================================== */\n\n/**\n * 1. Add the correct box sizing in Firefox.\n * 2. Show the overflow in Edge and IE.\n */\n\nhr {\n\tbox-sizing: content-box; /* 1 */\n\theight: 0; /* 1 */\n\toverflow: visible; /* 2 */\n}\n\n/**\n * 1. Correct the inheritance and scaling of font size in all browsers.\n * 2. Correct the odd `em` font sizing in all browsers.\n */\n\npre {\n\tfont-family: monospace, monospace; /* 1 */\n\tfont-size: 1em; /* 2 */\n}\n\n/* Text-level semantics\n\t ========================================================================== */\n\n/**\n * Remove the gray background on active links in IE 10.\n */\n\na {\n\tbackground-color: transparent;\n}\n\n/**\n * 1. Remove the bottom border in Chrome 57-\n * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.\n */\n\nabbr[title] {\n\tborder-bottom: none; /* 1 */\n\ttext-decoration: underline; /* 2 */\n\ttext-decoration: underline dotted; /* 2 */\n}\n\n/**\n * Add the correct font weight in Chrome, Edge, and Safari.\n */\n\nb,\nstrong {\n\tfont-weight: bolder;\n}\n\n/**\n * 1. Correct the inheritance and scaling of font size in all browsers.\n * 2. Correct the odd `em` font sizing in all browsers.\n */\n\ncode,\nkbd,\nsamp {\n\tfont-family: monospace, monospace; /* 1 */\n\tfont-size: 1em; /* 2 */\n}\n\n/**\n * Add the correct font size in all browsers.\n */\n\nsmall {\n\tfont-size: 80%;\n}\n\n/**\n * Prevent `sub` and `sup` elements from affecting the line height in\n * all browsers.\n */\n\nsub,\nsup {\n\tfont-size: 75%;\n\tline-height: 0;\n\tposition: relative;\n\tvertical-align: baseline;\n}\n\nsub {\n\tbottom: -0.25em;\n}\n\nsup {\n\ttop: -0.5em;\n}\n\n/* Embedded content\n\t ========================================================================== */\n\n/**\n * Remove the border on images inside links in IE 10.\n */\n\nimg {\n\tborder-style: none;\n}\n\n/* Forms\n\t ========================================================================== */\n\n/**\n * 1. Change the font styles in all browsers.\n * 2. Remove the margin in Firefox and Safari.\n */\n\nbutton,\ninput,\noptgroup,\nselect,\ntextarea {\n\tfont-family: inherit; /* 1 */\n\tfont-size: 100%; /* 1 */\n\tline-height: 1.15; /* 1 */\n\tmargin: 0; /* 2 */\n}\n\n/**\n * Show the overflow in IE.\n * 1. Show the overflow in Edge.\n */\n\nbutton,\ninput {\n\t/* 1 */\n\toverflow: visible;\n}\n\n/**\n * Remove the inheritance of text transform in Edge, Firefox, and IE.\n * 1. Remove the inheritance of text transform in Firefox.\n */\n\nbutton,\nselect {\n\t/* 1 */\n\ttext-transform: none;\n}\n\n/**\n * Correct the inability to style clickable types in iOS and Safari.\n */\n\nbutton,\n[type='button'],\n[type='reset'],\n[type='submit'] {\n\t-webkit-appearance: button;\n}\n\n/**\n * Remove the inner border and padding in Firefox.\n */\n\nbutton::-moz-focus-inner,\n[type='button']::-moz-focus-inner,\n[type='reset']::-moz-focus-inner,\n[type='submit']::-moz-focus-inner {\n\tborder-style: none;\n\tpadding: 0;\n}\n\n/**\n * Restore the focus styles unset by the previous rule.\n */\n\nbutton:-moz-focusring,\n[type='button']:-moz-focusring,\n[type='reset']:-moz-focusring,\n[type='submit']:-moz-focusring {\n\toutline: 1px dotted ButtonText;\n}\n\n/**\n * Correct the padding in Firefox.\n */\n\nfieldset {\n\tpadding: 0.35em 0.75em 0.625em;\n}\n\n/**\n * 1. Correct the text wrapping in Edge and IE.\n * 2. Correct the color inheritance from `fieldset` elements in IE.\n * 3. Remove the padding so developers are not caught out when they zero out\n * `fieldset` elements in all browsers.\n */\n\nlegend {\n\tbox-sizing: border-box; /* 1 */\n\tcolor: inherit; /* 2 */\n\tdisplay: table; /* 1 */\n\tmax-width: 100%; /* 1 */\n\tpadding: 0; /* 3 */\n\twhite-space: normal; /* 1 */\n}\n\n/**\n * Add the correct vertical alignment in Chrome, Firefox, and Opera.\n */\n\nprogress {\n\tvertical-align: baseline;\n}\n\n/**\n * Remove the default vertical scrollbar in IE 10+.\n */\n\ntextarea {\n\toverflow: auto;\n}\n\n/**\n * 1. Add the correct box sizing in IE 10.\n * 2. Remove the padding in IE 10.\n */\n\n[type='checkbox'],\n[type='radio'] {\n\tbox-sizing: border-box; /* 1 */\n\tpadding: 0; /* 2 */\n}\n\n/**\n * Correct the cursor style of increment and decrement buttons in Chrome.\n */\n\n[type='number']::-webkit-inner-spin-button,\n[type='number']::-webkit-outer-spin-button {\n\theight: auto;\n}\n\n/**\n * 1. Correct the odd appearance in Chrome and Safari.\n * 2. Correct the outline style in Safari.\n */\n\n[type='search'] {\n\t-webkit-appearance: textfield; /* 1 */\n\toutline-offset: -2px; /* 2 */\n}\n\n/**\n * Remove the inner padding in Chrome and Safari on macOS.\n */\n\n[type='search']::-webkit-search-decoration {\n\t-webkit-appearance: none;\n}\n\n/**\n * 1. Correct the inability to style clickable types in iOS and Safari.\n * 2. Change font properties to `inherit` in Safari.\n */\n\n::-webkit-file-upload-button {\n\t-webkit-appearance: button; /* 1 */\n\tfont: inherit; /* 2 */\n}\n\n/* Interactive\n\t ========================================================================== */\n\n/*\n * Add the correct display in Edge, IE 10+, and Firefox.\n */\n\ndetails {\n\tdisplay: block;\n}\n\n/*\n * Add the correct display in all browsers.\n */\n\nsummary {\n\tdisplay: list-item;\n}\n\n/* Misc\n\t ========================================================================== */\n\n/**\n * Add the correct display in IE 10+.\n */\n\ntemplate {\n\tdisplay: none;\n}\n\n/**\n * Add the correct display in IE 10.\n */\n\n[hidden] {\n\tdisplay: none;\n}\n/* stylelint-enable */\n","/* stylelint-disable */\n/*! minireset.css v0.0.7 | MIT License | github.com/jgthms/minireset.css */\nhtml,\nbody,\np,\nol,\nul,\nli,\ndl,\ndt,\ndd,\nblockquote,\nfigure,\nfieldset,\nlegend,\ntextarea,\npre,\niframe,\nhr,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n\tmargin: 0;\n\tpadding: 0;\n}\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n\tfont-size: 100%;\n\tfont-weight: normal;\n}\n\nul {\n\tlist-style: none;\n}\n\nbutton,\ninput,\nselect {\n\tmargin: 0;\n}\n\nhtml {\n\tbox-sizing: border-box;\n}\n\n*,\n*::before,\n*::after {\n\tbox-sizing: inherit;\n}\n\nimg,\nvideo {\n\theight: auto;\n\tmax-width: 100%;\n}\n\niframe {\n\tborder: 0;\n}\n\ntable {\n\tborder-collapse: collapse;\n\tborder-spacing: 0;\n}\n\ntd,\nth {\n\tpadding: 0;\n}\n/* stylelint-enable */\n","@use 'sass:map';\n\n$root-theme: 'light' !default;\n$print-theme: 'light' !default;\n\n// Ensure that the root theme exists\n@if map.has-key($themes, $root-theme) != true {\n\t@error \"Cannot build themes because $root-theme (#{$root-theme}) is set to a theme that does not exist in $themes map.\";\n}\n\n// Ensure that the print theme exists\n@if map.has-key($themes, $print-theme) != true {\n\t@error \"Cannot build themes because $print-theme (#{$print-theme}) is set to a theme that does not exist in $themes map.\";\n}\n\n$theme-names: map.keys($themes);\n\n// Validation: ensure that all values in the root theme are in the other themes too\n@each $root-color-name, $val in map.get($themes, $root-theme) {\n\t@each $theme-name in $theme-names {\n\t\t@if $theme-name != $root-theme {\n\t\t\t@if map.has-key(map.get($themes, $theme-name), $root-color-name) != true {\n\t\t\t\t@error '#{$root-color-name} from #{$root-theme} does not exist in theme: #{$theme-name}.';\n\t\t\t}\n\t\t}\n\t}\n}\n\n// Validation: ensure all properties in non-root themes exist in root\n@each $theme-name in $theme-names {\n\t$theme: map.get($themes, $theme-name);\n\t@if $theme-name != $root-theme {\n\t\t$root: map.get($themes, $root-theme);\n\t\t@each $color-name, $val in $theme {\n\t\t\t@if map.has-key($root, $color-name) != true {\n\t\t\t\t@error '#{$color-name} from #{$theme-name} does not exist in theme: #{$theme-name}.';\n\t\t\t}\n\t\t}\n\t}\n}\n\n@each $key, $value in $themes {\n\t// Set the default theme\n\t@if $key == $root-theme {\n\t\t:root {\n\t\t\t@each $colorName, $colorVal in map.get($themes, $key) {\n\t\t\t\t// stylelint-disable-next-line custom-property-pattern\n\t\t\t\t--theme-#{$colorName}: #{$colorVal};\n\t\t\t}\n\t\t}\n\t}\n\n\t@if $key == $print-theme {\n\t\t.theme-#{$key} {\n\t\t\t@each $colorName, $colorVal in map.get($themes, $key) {\n\t\t\t\t// stylelint-disable-next-line custom-property-pattern\n\t\t\t\t--theme-#{$colorName}: #{$colorVal};\n\t\t\t}\n\t\t}\n\t} @else {\n\t\t// Set the rest of the themes, exclude them from print styling.\n\t\t@media not print {\n\t\t\t.theme-#{$key} {\n\t\t\t\t@each $colorName, $colorVal in map-get($themes, $key) {\n\t\t\t\t\t// stylelint-disable-next-line custom-property-pattern\n\t\t\t\t\t--theme-#{$colorName}: #{$colorVal};\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n}\n\n// End validation\n\n%theme-base-styles {\n\toutline-color: $text;\n\tbackground-color: $body-background;\n\tcolor: $text;\n}\n\n@each $key, $value in $themes {\n\t.theme-#{$key} {\n\t\t@extend %theme-base-styles;\n\t}\n}\n\n@each $key, $value in $color-schemes {\n\t.theme-#{$key} {\n\t\tcolor-scheme: #{$value};\n\t}\n}\n","html {\n\tfont-size: $document-font-size;\n}\n\nhtml,\nbody {\n\tfont-family: $normal-font-stack;\n\t-webkit-font-smoothing: antialiased;\n\tfont-weight: $weight-normal;\n\ttext-rendering: optimizeLegibility;\n}\n\nkbd,\npre,\nsamp {\n\tfont-family: $monospace-font-stack !important;\n\t-moz-osx-font-smoothing: auto;\n\t-webkit-font-smoothing: auto;\n}\n\ncode {\n\tdirection: ltr;\n\tfont-family: $monospace-font-stack;\n}\n\na > code {\n\tfont-family: $normal-font-stack;\n}\n","// stylelint-disable-next-line keyframes-name-pattern\n@keyframes spinAround {\n\t// make it stop\n\n\tfrom {\n\t\ttransform: rotate(0deg);\n\t}\n\n\tto {\n\t\ttransform: rotate(359deg);\n\t}\n}\n\n@keyframes boop {\n\t0% {\n\t\ttransform: scale(1);\n\t}\n\n\t50% {\n\t\ttransform: scale(1.1);\n\t}\n\n\t100% {\n\t\ttransform: scale(1);\n\t}\n}\n\n@keyframes slide-up-fade-out {\n\t100% {\n\t\ttransform: translateY(-100%);\n\t\topacity: 0;\n\t}\n}\n\n@keyframes fade-out {\n\t100% {\n\t\topacity: 0;\n\t}\n}\n\n.animation-fade {\n\tanimation: fade-out 0.4s ease-in forwards;\n\n\t@include prefers-reduced-motion {\n\t\tanimation-duration: 0s;\n\t}\n}\n\n.animation-slide-up {\n\tanimation: slide-up-fade-out 0.4s ease-in forwards;\n\n\t@include prefers-reduced-motion {\n\t\tanimation-duration: 0s;\n\t}\n}\n","@if ($focus-visible-use-polyfill) {\n\t.js-focus-visible .has-default-focus *:focus:not(.focus-visible),\n\t.js-focus-visible .default-focus *:focus:not(.focus-visible) {\n\t\toutline: none;\n\t}\n\n\t.focus-visible.has-inner-focus,\n\t.focus-visible.inner-focus {\n\t\toutline-offset: -$focus-width;\n\t}\n\n\t.has-default-focus,\n\t.default-focus {\n\t\t.is-focused,\n\t\t.focus-visible {\n\t\t\t@extend %focus;\n\n\t\t\t&.has-inner-focus,\n\t\t\t&.inner-focus {\n\t\t\t\toutline-color: currentColor;\n\t\t\t}\n\t\t}\n\t}\n} @else {\n\t.has-default-focus *:focus-visible,\n\t.default-focus *:focus-visible {\n\t\t@extend %focus;\n\n\t\t&.has-inner-focus,\n\t\t&.inner-focus {\n\t\t\toutline-color: currentColor;\n\t\t\toutline-offset: -$focus-width;\n\t\t}\n\t}\n}\n\n:where(.is-focused) {\n\t@extend %focus;\n\n\t&.has-inner-focus,\n\t&.inner-focus {\n\t\toutline-color: currentColor;\n\t\toutline-offset: -$focus-width;\n\t}\n}\n","// https://bugs.chromium.org/p/chromium/issues/detail?id=589475&q=details%20box-sizing&can=2\n\ndetails,\ndetails > * {\n\tbox-sizing: border-box !important;\n}\n\n:where(html *),\n:where(html a),\n:where(html li) {\n\t// include a,li {} to override css reset/normalize; this is causing .focus-visible color issues\n\toutline-color: inherit;\n}\n\n:where(a) {\n\tcolor: $hyperlink;\n\ttext-decoration: none;\n\tcursor: pointer;\n\tword-wrap: break-word;\n}\n\n:where(a:hover) {\n\tcolor: $primary-hover;\n\ttext-decoration: underline;\n}\n\n:where(a:visited) {\n\tcolor: $visited;\n}\n\nfieldset {\n\tmin-width: 0; // as a replaced element min-width:0 is required to enable it to work in responsive layouts\n\tborder: none;\n}\n\n::target-text {\n\tbackground-color: $code-highlight-background;\n}\n","$banner-background: $info-background !default;\n$banner-padding: $spacer-5 !default;\n\n$banner-font-size: $font-size-7 !default;\n$banner-color: $info-dark !default;\n\n$banner-border-color: $border-white-high-contrast !default;\n$banner-border-width: $border-width !default;\n\n$banner-dismiss-margin: $spacer-2 !default;\n\n.banner {\n\t@extend %layout-gap;\n\n\tdisplay: grid;\n\tposition: relative;\n\tgrid-template: auto / 1fr auto;\n\tgrid-template-areas: 'banner-content dismiss';\n\toutline-color: $text;\n\tbackground-color: $banner-background;\n\tcolor: $banner-color;\n\tfont-size: $banner-font-size;\n\tline-height: $line-height-normal;\n\tpadding-block: $banner-padding;\n\tword-wrap: break-word;\n\tword-break: break-word;\n\tborder-block: $banner-border-width solid $banner-border-color;\n\n\t&.is-loading {\n\t\tcolor: transparent;\n\n\t\t> :first-child {\n\t\t\tmargin-inline-start: calc($banner-padding + 0.375em);\n\t\t}\n\n\t\t&::before {\n\t\t\t@include loader;\n\n\t\t\tposition: absolute;\n\t\t\tinset-block-start: $banner-padding;\n\t\t\tinset-inline-start: $layout-gap;\n\t\t\tborder-color: transparent transparent $banner-color $banner-color;\n\n\t\t\t@include widescreen {\n\t\t\t\tinset-inline-start: $layout-widescreen-gap;\n\t\t\t}\n\t\t}\n\t}\n\n\t.banner-content {\n\t\tgrid-area: banner-content;\n\n\t\ta:not(.button) {\n\t\t\tcolor: currentColor;\n\t\t\tfont-weight: $weight-semibold;\n\n\t\t\t.theme-high-contrast & {\n\t\t\t\tcolor: $hyperlink;\n\t\t\t}\n\t\t}\n\t}\n\n\t.banner-dismiss {\n\t\t@include dismiss-square;\n\n\t\tgrid-area: dismiss;\n\t\tmargin-inline-start: $banner-dismiss-margin;\n\t}\n}\n","$breadcrumb-font-size: $font-size-8 !default;\n$breadcrumb-spacing-horizontal: 0.25em !default;\n$breadcrumb-spacing-vertical: 0.375em !default;\n$breadcrumb-separator: '\\00200B/' !default;\n\n%breadcrumbs-slash {\n\tdisplay: inline-block;\n\tcolor: $text-subtle;\n\tcontent: $breadcrumb-separator;\n}\n\n.breadcrumbs {\n\tfont-size: $breadcrumb-font-size;\n\n\t.breadcrumbs-item {\n\t\tdisplay: inline-block;\n\t\tpadding-block: $breadcrumb-spacing-vertical;\n\n\t\t&:not(.breadcrumbs-item-slashless)::after {\n\t\t\t@extend %breadcrumbs-slash;\n\n\t\t\tmargin-inline: $breadcrumb-spacing-horizontal;\n\t\t}\n\t}\n\n\t// stylelint-disable selector-max-specificity\n\n\t&.breadcrumbs-initial-slash {\n\t\t.breadcrumbs-item:first-child::before,\n\t\t.breadcrumbs-item[hidden] + .breadcrumbs-item::before {\n\t\t\t@extend %breadcrumbs-slash;\n\n\t\t\tmargin-inline: 0.0625em $breadcrumb-spacing-horizontal;\n\t\t}\n\t}\n\t// stylelint-enable\n}\n","@use 'sass:map';\n\n$button-color: $text !default;\n$button-background-color: $body-background !default;\n\n$button-lg-font-size: $font-size-6 !default;\n$button-sm-font-size: $font-size-8 !default;\n\n$button-icon-font-size: 0.875em !default;\n\n$button-border-color: $text-subtle !default;\n$button-border-width: $control-border-width !default;\n$button-border-radius: $control-radius !default;\n\n$button-padding-vertical: calc(0.375em - #{$button-border-width}) !default;\n$button-padding-horizontal: 0.75em !default;\n\n$button-hover-color: $text !default;\n$button-hover-border-color: $default-hover !default;\n$button-hover-background-color: $default-hover-invert !default;\n\n$button-disabled-background-color: $body-background-medium !default;\n$button-disabled-shadow: none !default;\n$button-disabled-opacity: 0.5 !default;\n\n$button-icon-spacing: 0.375em !default;\n$button-font-weight: $weight-semibold !default;\n\n.button {\n\t@include control;\n\t@include unselectable;\n\n\tjustify-content: center;\n\tpadding-block-start: $button-padding-vertical;\n\tpadding-block-end: $button-padding-vertical;\n\tborder-width: $button-border-width;\n\tborder-radius: $button-border-radius;\n\tborder-color: $button-border-color;\n\tbackground-color: $button-background-color;\n\tcolor: $button-color;\n\tfont-weight: $button-font-weight;\n\ttext-align: center;\n\ttext-decoration: none;\n\tcursor: pointer;\n\tpadding-inline-start: $button-padding-horizontal;\n\tpadding-inline-end: $button-padding-horizontal;\n\n\tstrong {\n\t\tcolor: inherit;\n\t}\n\n\t.icon {\n\t\tfont-size: $button-icon-font-size;\n\n\t\t&:only-child {\n\t\t\tmargin: 0;\n\t\t}\n\n\t\t&:first-child:not(:only-child) {\n\t\t\tmargin-inline-end: $button-icon-spacing;\n\t\t}\n\n\t\t&:last-child:not(:only-child) {\n\t\t\tmargin-inline-start: $button-icon-spacing;\n\t\t}\n\t}\n\n\t&:hover,\n\t&.is-hovered {\n\t\tborder-color: $button-hover-border-color;\n\t\tbackground-color: $button-hover-background-color;\n\t\tcolor: $button-hover-color;\n\t}\n\n\t&:visited {\n\t\tcolor: $button-color;\n\t}\n\n\t// Sizes\n\n\t&.button-sm {\n\t\tfont-size: $button-sm-font-size;\n\t}\n\n\t&.button-lg {\n\t\tfont-size: $button-lg-font-size;\n\t}\n\n\t// Modifiers\n\n\t&.is-disabled,\n\t&[disabled] {\n\t\tborder-color: currentColor;\n\t\tbackground-color: $button-disabled-background-color;\n\t\topacity: $button-disabled-opacity;\n\t\tbox-shadow: $button-disabled-shadow;\n\t}\n\n\t&.button-block {\n\t\tdisplay: flex;\n\t\twidth: 100%;\n\t}\n\n\t&.is-loading {\n\t\tcolor: transparent !important;\n\t\tpointer-events: none;\n\n\t\t&::after {\n\t\t\t@include loader;\n\t\t\t@include center(1em);\n\n\t\t\tposition: absolute !important;\n\t\t\tborder-block-end-color: $text;\n\t\t\tborder-inline-start-color: $text;\n\t\t}\n\t}\n\n\t@each $name, $color-set in $colors {\n\t\t$base: nth($color-set, $color-index-base);\n\t\t$dark: nth($color-set, $color-index-dark);\n\t\t$background: nth($color-set, $color-index-background);\n\n\t\t&.button-#{$name} {\n\t\t\t@if $name == 'warning' {\n\t\t\t\tborder-color: $dark;\n\t\t\t\tcolor: $dark;\n\t\t\t} @else {\n\t\t\t\tborder-color: $base;\n\t\t\t\tcolor: $base;\n\t\t\t}\n\n\t\t\t&:hover,\n\t\t\t&.is-hovered {\n\t\t\t\tbackground-color: $background;\n\t\t\t\tcolor: $dark;\n\t\t\t}\n\n\t\t\t&.is-loading::after {\n\t\t\t\tborder-color: transparent transparent $base $base !important;\n\t\t\t}\n\t\t}\n\t}\n}\n\n$button-clear-hover-background-color: transparentize(#8e8e8e, 0.95) !default;\n\n.button.button-clear {\n\tborder-color: transparent;\n\tbackground-color: transparent;\n\n\t&.border {\n\t\t// an allowed hack to make for flexible outlined buttons\n\t\t// does not support loading states\n\t\tborder-color: currentColor !important;\n\t}\n\n\t&,\n\t&:visited {\n\t\tcolor: currentColor;\n\t}\n\n\t&.is-hovered,\n\t&:hover,\n\t&:active {\n\t\tbackground-color: $button-clear-hover-background-color;\n\t}\n\n\t@each $name, $color-set in $colors {\n\t\t$base: nth($color-set, $color-index-base);\n\t\t$dark: nth($color-set, $color-index-dark);\n\t\t$background: nth($color-set, $color-index-background);\n\n\t\t&.button-#{$name} {\n\t\t\tcolor: $base;\n\t\t\t@if $name == 'warning' {\n\t\t\t\tcolor: $dark;\n\t\t\t}\n\n\t\t\t&:hover,\n\t\t\t&.is-hovered {\n\t\t\t\tbackground-color: $background;\n\t\t\t\tcolor: $dark;\n\t\t\t}\n\n\t\t\t&.is-disabled,\n\t\t\t&[disabled] {\n\t\t\t\tbackground-color: transparent;\n\t\t\t\tcolor: $base;\n\t\t\t\tbox-shadow: none;\n\t\t\t}\n\t\t}\n\t}\n}\n\n$button-filled-background-color: $alternate-background-medium !default;\n$button-filled-background-color-hover: $alternate-background !default;\n$button-filled-text-color: $text-invert !default;\n\n.button.button-filled {\n\tborder-color: $button-filled-background-color;\n\tbackground-color: $button-filled-background-color;\n\tcolor: $button-filled-text-color;\n\n\t&:hover,\n\t&.is-hovered {\n\t\tbackground-color: $button-filled-background-color-hover;\n\t}\n\n\t&.is-loading::after {\n\t\t@include loader;\n\n\t\tborder-color: transparent transparent $button-filled-text-color $button-filled-text-color !important;\n\t}\n\n\t@each $name, $color-set in $colors {\n\t\t$base: nth($color-set, $color-index-base);\n\t\t$hover: nth($color-set, $color-index-hover);\n\t\t$active: nth($color-set, $color-index-active);\n\t\t$invert: nth($color-set, $color-index-invert);\n\t\t$background: nth($color-set, $color-index-background);\n\n\t\t&.button-#{$name} {\n\t\t\tborder-color: $base;\n\t\t\tbackground-color: $base;\n\t\t\tcolor: $invert;\n\n\t\t\t&:hover,\n\t\t\t&.is-hovered {\n\t\t\t\tborder-color: $hover;\n\t\t\t\tbackground-color: $hover;\n\t\t\t\tcolor: $invert;\n\t\t\t}\n\n\t\t\t&.is-loading::after {\n\t\t\t\t@include loader;\n\n\t\t\t\tborder-color: transparent transparent $invert $invert !important;\n\t\t\t}\n\t\t}\n\t}\n}\n","@mixin center($width, $height: 0) {\n\tposition: absolute;\n\n\t@if $height != 0 {\n\t\tinset-block-start: calc(50% - (#{$height} / 2));\n\t\tinset-inline-start: calc(50% - (#{$width} / 2));\n\t} @else {\n\t\tinset-block-start: calc(50% - (#{$width} / 2));\n\t\tinset-inline-start: calc(50% - (#{$width} / 2));\n\t}\n}\n","/* stylelint-disable selector-max-specificity, max-nesting-depth */\n\n.buttons {\n\tdisplay: flex;\n\tflex-wrap: wrap;\n\talign-items: center;\n\tjustify-content: flex-start;\n\n\t&.buttons-centered {\n\t\tjustify-content: center;\n\t}\n\n\t&.buttons-right {\n\t\tjustify-content: flex-end;\n\t}\n\n\t.button {\n\t\tmargin-block-end: 0.5rem;\n\t\tmargin-inline-end: 0.5rem;\n\n\t\t&:only-child,\n\t\t&.is-fullwidth,\n\t\t&.is-full-width {\n\t\t\tmargin-inline-end: 0;\n\t\t}\n\n\t\t&.is-full-width-mobile,\n\t\t&.is-fullwidth-mobile {\n\t\t\tmargin-inline-end: 0;\n\n\t\t\t@include tablet {\n\t\t\t\tmargin-inline-end: 0.5rem;\n\t\t\t}\n\t\t}\n\t}\n\n\t&:last-child {\n\t\tmargin-block-end: -0.5rem;\n\t}\n\n\t&:not(:last-child) {\n\t\tmargin-block-end: 1rem;\n\t}\n\n\t&.buttons-addons {\n\t\t.button {\n\t\t\t&:not(:first-child) {\n\t\t\t\tborder-bottom-#{$user-left}-radius: 0;\n\t\t\t\tborder-top-#{$user-left}-radius: 0;\n\t\t\t}\n\n\t\t\t&:not(:last-child) {\n\t\t\t\tborder-bottom-#{$user-right}-radius: 0;\n\t\t\t\tborder-top-#{$user-right}-radius: 0;\n\t\t\t\tmargin-inline-end: -1px;\n\t\t\t}\n\n\t\t\t&:last-child {\n\t\t\t\tmargin-inline-end: 0;\n\t\t\t}\n\n\t\t\t&:hover,\n\t\t\t&.is-hovered {\n\t\t\t\tz-index: $zindex-hover;\n\t\t\t}\n\n\t\t\t&.is-focused,\n\t\t\t&:active,\n\t\t\t&.is-active,\n\t\t\t&.is-selected {\n\t\t\t\tz-index: $zindex-focus;\n\n\t\t\t\t&:hover {\n\t\t\t\t\tz-index: $zindex-multi;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t@include focus-visible {\n\t\t\t\tz-index: $zindex-focus;\n\n\t\t\t\t&:hover {\n\t\t\t\t\tz-index: $zindex-multi;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t&.is-expanded {\n\t\t\t\tflex-grow: 1;\n\t\t\t}\n\t\t}\n\t}\n}\n\n/* stylelint-enable selector-max-specificity, max-nesting-depth */\n","$card-color: $text !default;\n$card-shadow: $box-shadow-light;\n$card-padding: $spacer-5;\n$card-border-radius: $border-radius-sm;\n$card-row-gap: $spacer-3 !default;\n$card-column-gap: $spacer-5 !default;\n\n.card {\n\tdisplay: flex;\n\tposition: relative;\n\tflex-direction: column;\n\tjustify-content: flex-start;\n\tmax-width: 100%;\n\tpadding: $card-padding 0 0;\n\tborder: 1px solid $border-white-high-contrast;\n\tborder-radius: $card-border-radius;\n\toutline-color: $text;\n\tbackground-color: $card-background;\n\tcolor: $card-color;\n\tbox-shadow: $card-shadow;\n\n\t> :first-child {\n\t\tborder-start-end-radius: $card-border-radius;\n\t\tborder-start-start-radius: $card-border-radius;\n\t}\n\n\t> :last-child {\n\t\tborder-end-end-radius: $card-border-radius;\n\t\tborder-end-start-radius: $card-border-radius;\n\t}\n\n\t.card-template {\n\t\tdisplay: grid;\n\t\tflex-grow: 1;\n\t\tpadding: $card-padding;\n\t\tgrid-template: auto / 1fr $spacer-10;\n\t\tgap: $card-row-gap $card-column-gap;\n\t\tgrid-template-areas:\n\t\t\t'supertitle supertitle'\n\t\t\t'title title'\n\t\t\t'detail icon';\n\n\t\t/* stylelint-disable no-descending-specificity */\n\n\t\t.card-title {\n\t\t\tmargin-block-end: $spacer-5;\n\t\t}\n\t}\n\n\t.card-template-icon {\n\t\tmargin-block-start: auto;\n\t\tgrid-area: icon;\n\t\twidth: $spacer-10;\n\t\theight: $spacer-10;\n\t}\n\n\t.card-template-detail {\n\t\tdisplay: flex;\n\t\tflex-direction: column;\n\t\talign-self: stretch;\n\t\tjustify-content: flex-end;\n\t\tfont-size: $font-size-9;\n\t\tline-height: 1.25;\n\t\tgrid-area: detail;\n\t}\n\n\t.card-header {\n\t\tposition: relative;\n\t\tmargin-block-end: 1.125rem;\n\n\t\t.card-header-image {\n\t\t\tposition: relative;\n\t\t\twidth: 64px;\n\t\t\theight: 64px;\n\n\t\t\timg,\n\t\t\tsvg {\n\t\t\t\t@include overlay;\n\n\t\t\t\tdisplay: block;\n\t\t\t\twidth: 100%;\n\t\t\t\theight: 100%;\n\t\t\t}\n\t\t}\n\t}\n\n\t.card-header,\n\t.card-content,\n\t.card-template {\n\t\tpadding-inline: $card-padding;\n\n\t\t&:first-child {\n\t\t\tpadding-block-start: $card-padding;\n\t\t\tmargin-block-start: -$card-padding;\n\t\t}\n\t}\n\n\t// optional prescriptive inner elements\n\n\t.card-supertitle {\n\t\t@include line-clamp(1);\n\n\t\tfont-size: $font-size-9;\n\t\tletter-spacing: $letter-spacing-wide;\n\t\tline-height: 1;\n\t\ttext-transform: uppercase;\n\t\tgrid-area: supertitle;\n\t}\n\n\t// includes some resets for <a> and <button>\n\n\t.card-title {\n\t\t@include line-clamp(3);\n\n\t\tflex-grow: 1;\n\t\tmargin: 0;\n\t\tpadding: 0;\n\t\tborder: none;\n\t\tbackground-color: $card-background;\n\t\tcolor: $primary;\n\t\tfont-size: $font-size-7;\n\t\tfont-weight: $weight-semibold;\n\t\tline-height: 1.25;\n\t\ttext-align: start;\n\t\ttext-decoration: none;\n\t\tappearance: none;\n\t\tgrid-area: title;\n\n\t\t&:first-child {\n\t\t\tmargin-block-start: none;\n\t\t}\n\n\t\t&:only-child {\n\t\t\tmargin: 0;\n\t\t}\n\n\t\t&:visited {\n\t\t\tcolor: $visited;\n\t\t}\n\t}\n\n\t/* stylelint-disable selector-no-qualifying-type */\n\n\ta.card-title:hover,\n\tbutton.card-title:hover {\n\t\ttext-decoration: underline;\n\t\tcursor: pointer;\n\t}\n\n\t.card-content {\n\t\tflex-grow: 1;\n\t\tmargin-block-end: 1.125rem;\n\n\t\t> *:not(:first-child) {\n\t\t\tmargin-block-start: 0.5rem;\n\t\t}\n\t}\n\n\t.card-content-description {\n\t\t@include line-clamp(4);\n\n\t\tmax-height: inherit;\n\t\tpadding-block-end: 0;\n\t\tfont-size: $font-size-8;\n\t\tline-height: 1.25;\n\t}\n\n\t.card-footer {\n\t\tdisplay: flex;\n\t\tflex-wrap: nowrap;\n\t\tjustify-content: space-between;\n\t\tborder-block-start: 1px solid $border;\n\t\tmargin-inline: $card-padding;\n\n\t\t// Artificial alignment of card item, intended for use on when there's only a single .card-footer-items\n\n\t\t&.card-footer-left,\n\t\t&.card-footer-right {\n\t\t\t.card-footer-item {\n\t\t\t\tflex-grow: 0;\n\t\t\t}\n\t\t}\n\n\t\t&.card-footer-left {\n\t\t\tjustify-content: flex-start;\n\t\t}\n\n\t\t&.card-footer-right {\n\t\t\tjustify-content: flex-end;\n\t\t}\n\n\t\t.card-footer-item {\n\t\t\tdisplay: flex;\n\t\t\tflex-grow: 1;\n\t\t\tflex-shrink: 1;\n\t\t\talign-items: center;\n\t\t\tpadding-block: 0.375rem;\n\n\t\t\t&:first-child,\n\t\t\t&:only-child {\n\t\t\t\tjustify-content: flex-start;\n\t\t\t}\n\n\t\t\t&:last-child {\n\t\t\t\tjustify-content: flex-end;\n\t\t\t}\n\n\t\t\t/* stylelint-disable selector-max-specificity */\n\n\t\t\t&:not(:last-child):not(:first-child):not(:only-child) {\n\t\t\t\tjustify-content: center;\n\t\t\t}\n\n\t\t\t/* stylelint-enable selector-max-specificity */\n\n\t\t\t// Allow buttons to fit perfectly in card footer\n\n\t\t\t.buttons {\n\t\t\t\tmargin-block: 0;\n\t\t\t}\n\n\t\t\t.button {\n\t\t\t\tmargin-block-end: 0;\n\t\t\t}\n\n\t\t\t/* stylelint-disable selector-max-specificity */\n\n\t\t\t.button:last-child {\n\t\t\t\tmargin-inline-end: 0;\n\t\t\t}\n\n\t\t\t/* stylelint-enable selector-max-specificity */\n\t\t}\n\t}\n\n\t@include tablet {\n\t\t&.card-horizontal {\n\t\t\tflex-flow: row wrap;\n\n\t\t\t.card-content {\n\t\t\t\tpadding-inline-start: 0;\n\t\t\t\tmax-width: calc(100% - 7rem);\n\t\t\t\tpadding-inline-end: $spacer-10 + $spacer-5;\n\t\t\t}\n\n\t\t\t.card-footer {\n\t\t\t\tflex-grow: 1;\n\t\t\t\tflex-shrink: 1;\n\t\t\t\twidth: 100%;\n\t\t\t}\n\t\t}\n\t}\n}\n",".button-reset {\n\t@include transparent-effects;\n\n\tdisplay: inline-block;\n\tpadding: 0;\n\tborder: 0;\n\tcursor: pointer;\n}\n","$label-color: $text !default;\n$label-font-size: $font-size-7 !default;\n$label-font-weight: $weight-semibold !default;\n\n@mixin label {\n\tdisplay: block;\n\tcolor: $label-color;\n\tfont-size: $label-font-size;\n\tfont-weight: $label-font-weight;\n}\n\n.label {\n\t@include label;\n}\n","$help-color: $text !default;\n$help-danger-color: $danger !default;\n$help-success-color: $success !default;\n$help-font-size: $font-size-8 !default;\n\n.help {\n\tdisplay: block;\n\tcolor: $help-color;\n\tfont-size: $help-font-size;\n\n\t&.help-danger {\n\t\tcolor: $help-danger-color;\n\t}\n\n\t&.help-success {\n\t\tcolor: $help-success-color;\n\t}\n}\n","/* stylelint-disable selector-max-specificity, max-nesting-depth, selector-no-qualifying-type */\n\n$checkbox-border-radius: $border-radius-sm !default;\n$checkbox-border-width: 0.0625em !default;\n$checkbox-unchecked-border-color: $control-border !default;\n$checkbox-invalid-border-color: $danger !default;\n$checkbox-color: $primary !default;\n$checkbox-check-color: $primary-invert !default;\n$checkbox-check-hover-color: $text-subtle !default;\n$checkbox-size: 1.25em !default;\n$checkbox-check-height: 0.75em !default;\n$checkbox-check-top: 0.125em !default;\n$checkbox-check-width: 0.3125em !default;\n$checkbox-check-thickness: 0.0625em !default;\n$checkbox-timing-function: $input-timing-function !default;\n$checkbox-duration: $input-transition-duration !default;\n$checkbox-spacing: $spacer-3 !default;\n\n@mixin checkmark {\n\tdisplay: block;\n\tposition: absolute;\n\tinset-block-start: $checkbox-check-top;\n\twidth: $checkbox-check-width;\n\theight: $checkbox-check-height;\n\ttransform: rotate(45deg);\n\tborder: solid $checkbox-check-hover-color;\n\tborder-width: 0 $checkbox-check-thickness $checkbox-check-thickness 0;\n\tcontent: '';\n}\n\n.checkbox {\n\tdisplay: flex;\n\tposition: relative;\n\talign-items: center;\n\tline-height: 1.25;\n\tcursor: pointer;\n\n\t&:not(:last-child) {\n\t\tmargin-block-end: $checkbox-spacing;\n\t}\n\n\t.checkbox-check {\n\t\tdisplay: flex;\n\t\tposition: relative;\n\t\tflex-shrink: 0;\n\t\talign-items: center;\n\t\tjustify-content: center;\n\t\twidth: $checkbox-size;\n\t\theight: $checkbox-size;\n\t\ttransition-duration: $checkbox-duration;\n\t\ttransition-property: background, border, border-color;\n\t\ttransition-timing-function: $checkbox-timing-function;\n\t\tborder: $checkbox-border-width solid $checkbox-unchecked-border-color;\n\t\tborder-radius: $checkbox-border-radius;\n\n\t\t&:not(:last-child) {\n\t\t\tmargin-inline-end: $checkbox-spacing;\n\t\t}\n\n\t\t&::before {\n\t\t\tcontent: '\\0020';\n\t\t}\n\t}\n\n\t&.checkbox-sm {\n\t\t@include control-sm;\n\t}\n\n\t&.checkbox-lg {\n\t\t@include control-lg;\n\t}\n\n\tinput[type='checkbox'] {\n\t\t@include visually-hidden();\n\n\t\t&:checked + .checkbox-check {\n\t\t\tborder-color: $checkbox-color;\n\t\t\tbackground-color: $checkbox-color;\n\n\t\t\t&::before {\n\t\t\t\t@include checkmark;\n\n\t\t\t\tborder-color: $checkbox-check-color;\n\t\t\t}\n\t\t}\n\n\t\t&[disabled] {\n\t\t\t+ .checkbox-check {\n\t\t\t\tborder-color: $checkbox-unchecked-border-color;\n\t\t\t\topacity: 0.6;\n\t\t\t}\n\n\t\t\t+ .checkbox-check,\n\t\t\t~ .checkbox-text {\n\t\t\t\tcursor: not-allowed;\n\t\t\t}\n\t\t}\n\n\t\t@include focus-visible {\n\t\t\t+ .checkbox-check {\n\t\t\t\t@extend %focus;\n\t\t\t}\n\t\t}\n\t}\n\n\t&.checkbox-muted {\n\t\tinput[type='checkbox'] {\n\t\t\t&:checked + .checkbox-check {\n\t\t\t\tborder-color: $text-subtle;\n\t\t\t\tbackground-color: $text-subtle;\n\n\t\t\t\t&::before {\n\t\t\t\t\tborder-color: $text-invert;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n\n\t.checkbox-check.is-checked {\n\t\tborder-color: $checkbox-color;\n\t\tbackground-color: $checkbox-color;\n\n\t\t&::before {\n\t\t\t@include checkmark;\n\n\t\t\tborder-color: $checkbox-check-color;\n\t\t}\n\t}\n\n\t&.is-invalid {\n\t\tinput[type='checkbox']:not(:checked) + .checkbox-check {\n\t\t\tborder-color: $checkbox-invalid-border-color;\n\t\t}\n\t}\n\n\t&:hover {\n\t\tinput[type='checkbox']:not(:checked):not([disabled]) + .checkbox-check::before {\n\t\t\t@include checkmark;\n\t\t}\n\t}\n}\n","@mixin visually-hidden() {\n\tposition: absolute;\n\twidth: 1px;\n\theight: 1px;\n\tmargin: -1px;\n\tpadding: 0;\n\tborder: 0;\n\toverflow: hidden;\n\tclip: rect(1px, 1px, 1px, 1px);\n\tclip-path: inset(50%);\n\tword-wrap: normal;\n}\n","$input-color: $text !default;\n$input-background-color: $body-background !default;\n$input-border-color: $control-border !default;\n$input-placeholder-color: $text-subtle !default;\n\n$input-hover-color: $text !default;\n$input-hover-border-color: $primary !default;\n$input-focus-border-color: $primary !default;\n\n$input-disabled-color: $text-subtle !default;\n$input-disabled-background-color: $body-background-medium !default;\n$input-disabled-border-color: $table-border-dark !default;\n\n$input-danger-border-color: $danger !default;\n$input-success-border-color: $success !default;\n\n$input-focus-box-shadow-size: 0 0 0 0.125rem !default;\n\n$input-icon-size: 2.25em !default;\n$input-icon-color: $text-subtle !default;\n$input-icon-active-color: $secondary !default;\n\n.input {\n\t@include control;\n\n\twidth: 100%;\n\tmax-width: 100%;\n\tborder-color: $input-border-color;\n\tbackground-color: $input-background-color;\n\tcolor: $input-color !important;\n\n\t&::placeholder {\n\t\tcolor: $input-placeholder-color;\n\t}\n\n\t&:hover {\n\t\tborder-color: $input-hover-border-color;\n\t}\n\n\t&[disabled] {\n\t\tborder-color: $input-disabled-border-color;\n\t\tbackground-color: $input-disabled-background-color;\n\t\tcolor: $input-disabled-color;\n\t}\n\n\t@include focus-visible {\n\t\t@extend %focus;\n\n\t\tborder-color: $input-focus-border-color;\n\t\toutline-color: transparent;\n\t\toutline-offset: 0;\n\t\toutline-style: solid;\n\t\tbox-shadow: $input-focus-box-shadow-size $input-focus-border-color;\n\t}\n\n\t&.input-sm {\n\t\t@include control-sm;\n\t}\n\n\t&.input-lg {\n\t\t@include control-lg;\n\t}\n\n\t&.input-danger {\n\t\tborder-color: $input-danger-border-color;\n\n\t\t@include focus-visible() {\n\t\t\tbox-shadow: $input-focus-box-shadow-size $input-danger-border-color;\n\t\t}\n\t}\n\n\t&.input-success {\n\t\tborder-color: $input-success-border-color;\n\n\t\t@include focus-visible() {\n\t\t\tbox-shadow: $input-focus-box-shadow-size $input-success-border-color;\n\t\t}\n\t}\n\n\t&.input-icon-right {\n\t\tpadding-inline-end: $input-icon-size;\n\n\t\t~ .icon {\n\t\t\tinset-inline-start: unset !important;\n\t\t\tinset-inline-end: 0;\n\t\t}\n\n\t\t.input[type='date'] {\n\t\t\tposition: relative;\n\n\t\t\t&::-webkit-calendar-picker-indicator {\n\t\t\t\tposition: absolute;\n\t\t\t\twidth: 1.5em;\n\t\t\t\tbackground: none;\n\t\t\t\tcolor: transparent;\n\t\t\t\tinset-inline-end: 0;\n\t\t\t\tz-index: $zindex-dropdown;\n\t\t\t}\n\t\t}\n\t}\n\n\t&.input-icon,\n\t&.input-icon-right {\n\t\tpadding-inline-start: $input-icon-size;\n\n\t\t&.input-icon-right {\n\t\t\tpadding-inline-start: $control-padding-horizontal;\n\t\t}\n\n\t\t+ .icon {\n\t\t\t@include fill-current-color();\n\n\t\t\tposition: absolute;\n\t\t\tinset-block-start: 0;\n\t\t\tinset-inline-start: 0;\n\t\t\twidth: $input-icon-size;\n\t\t\theight: 100%;\n\t\t\tcolor: $input-icon-color;\n\t\t\tpointer-events: none;\n\t\t\tz-index: $zindex-multi;\n\t\t}\n\n\t\t@include focus-visible {\n\t\t\t+ .icon {\n\t\t\t\tcolor: $input-icon-active-color;\n\t\t\t}\n\t\t}\n\n\t\t&.input-sm {\n\t\t\t~ .icon svg {\n\t\t\t\twidth: 0.875em;\n\t\t\t\theight: 0.875em;\n\t\t\t}\n\t\t}\n\n\t\t&.input-lg {\n\t\t\t~ .icon svg {\n\t\t\t\twidth: 1.125em;\n\t\t\t\theight: 1.125em;\n\t\t\t}\n\t\t}\n\t}\n}\n","@mixin fill-current-color {\n\tfill: currentColor !important;\n\n\t// Ensure SVG paths can adapt to forced colors theming\n\tforced-color-adjust: auto;\n}\n","$textarea-color: $text !default;\n$textarea-background-color: $body-background !default;\n$textarea-border-color: $control-border !default;\n$textarea-placeholder-color: $text-subtle !default;\n\n$textarea-hover-color: $text !default;\n$textarea-hover-border-color: $primary !default;\n$textarea-focus-border-color: $primary !default;\n\n$textarea-disabled-color: $text-subtle !default;\n$textarea-disabled-background-color: $body-background-medium !default;\n$textarea-disabled-border-color: $table-border-dark !default;\n\n$textarea-danger-border-color: $danger !default;\n$textarea-success-border-color: $success !default;\n\n$textarea-focus-box-shadow-size: 0 0 0 0.125rem !default;\n\n.textarea {\n\t@include control;\n\n\tdisplay: block;\n\twidth: 100%;\n\tmax-width: 100%;\n\tresize: vertical;\n\tborder-color: $textarea-border-color;\n\tbackground-color: $textarea-background-color;\n\tcolor: $textarea-color !important;\n\n\t&[rows] {\n\t\theight: initial;\n\t}\n\n\t&:not([rows]) {\n\t\tmin-height: 100px;\n\t\tmax-height: 600px;\n\t}\n\n\t&::placeholder {\n\t\tcolor: $textarea-placeholder-color;\n\t}\n\n\t&:hover {\n\t\tborder-color: $textarea-hover-border-color;\n\t}\n\n\t&[disabled] {\n\t\tborder-color: $textarea-disabled-border-color;\n\t\tbackground-color: $textarea-disabled-background-color;\n\t\tcolor: $textarea-disabled-color;\n\t}\n\n\t@include focus-visible {\n\t\t@extend %focus;\n\n\t\tborder-color: $textarea-focus-border-color;\n\t\toutline-color: transparent;\n\t\toutline-offset: 0;\n\t\toutline-style: solid;\n\t\tbox-shadow: $textarea-focus-box-shadow-size $textarea-focus-border-color;\n\t}\n\n\t&.textarea-fixed-height {\n\t\tresize: none;\n\t}\n\n\t&.textarea-danger {\n\t\tborder-color: $textarea-danger-border-color;\n\n\t\t@include focus-visible() {\n\t\t\tbox-shadow: $textarea-focus-box-shadow-size $textarea-danger-border-color;\n\t\t}\n\t}\n\n\t&.textarea-success {\n\t\tborder-color: $textarea-success-border-color;\n\n\t\t@include focus-visible() {\n\t\t\tbox-shadow: $textarea-focus-box-shadow-size $textarea-success-border-color;\n\t\t}\n\t}\n}\n","/* stylelint-disable selector-no-qualifying-type */\n\n$select-color: $text !default;\n$select-background-color: $body-background !default;\n$select-border-color: $control-border !default;\n$select-placeholder-color: $text-subtle !default;\n\n$select-hover-color: $text !default;\n$select-hover-border-color: $primary !default;\n$select-focus-border-color: $primary !default;\n\n$select-disabled-color: $text-subtle !default;\n$select-disabled-background-color: $body-background-medium !default;\n$select-disabled-border-color: $table-border-dark !default;\n\n$select-danger-border-color: $danger !default;\n$select-success-border-color: $success !default;\n\n$select-focus-box-shadow-size: 0 0 0 0.125rem !default;\n\n$select-arrow-size: 0.525em !default;\n$select-arrow-border-width: 1px !default;\n$select-arrow-actual-width: 0.75em !default;\n\n.select {\n\tposition: relative;\n\tfont-size: $control-font-size;\n\n\tselect {\n\t\t@include control;\n\n\t\twidth: 100%;\n\t\tmax-width: 100%;\n\t\tborder-color: $select-border-color;\n\t\tbackground-color: $select-background-color;\n\t\tcolor: $select-color;\n\t\tfont-size: 1em;\n\t\tcursor: pointer;\n\n\t\t&[multiple] {\n\t\t\tpadding: 0;\n\t\t\toverflow-y: auto;\n\n\t\t\toption {\n\t\t\t\tpadding: $control-padding-vertical $control-padding-horizontal;\n\t\t\t}\n\t\t}\n\n\t\t&[disabled] {\n\t\t\tborder-color: $select-disabled-border-color;\n\t\t\tbackground-color: $select-disabled-background-color;\n\t\t\tcolor: $select-disabled-color;\n\t\t}\n\n\t\t@include focus-visible {\n\t\t\t@extend %focus;\n\n\t\t\tborder-color: $select-focus-border-color;\n\t\t\toutline-color: transparent;\n\t\t\toutline-offset: 0;\n\t\t\toutline-style: solid;\n\t\t\tbox-shadow: $select-focus-box-shadow-size $select-focus-border-color;\n\t\t}\n\t}\n\n\t&:not(.select-multiple) {\n\t\tselect {\n\t\t\tpadding-inline-end: calc($control-padding-horizontal + $select-arrow-actual-width);\n\t\t}\n\n\t\t&::after {\n\t\t\tdisplay: block;\n\t\t\tposition: absolute;\n\t\t\tinset-block-start: calc(50% - $select-arrow-actual-width / 2);\n\t\t\twidth: $select-arrow-size;\n\t\t\theight: $select-arrow-size;\n\t\t\ttransform: rotate(-45deg);\n\t\t\ttransform-origin: center;\n\t\t\tborder: $select-arrow-border-width solid $select-color;\n\t\t\tborder-block-start: 0;\n\t\t\tborder-inline-end: 0;\n\t\t\tpointer-events: none;\n\t\t\tcontent: ' ';\n\t\t\tz-index: $zindex-active;\n\t\t\tinset-inline-end: $control-padding-horizontal;\n\t\t}\n\n\t\t&.select-disabled::after {\n\t\t\tborder-color: $select-disabled-border-color;\n\t\t}\n\t}\n\n\t&.select-sm {\n\t\tfont-size: $control-sm-font-size;\n\t}\n\n\t&.select-lg {\n\t\tfont-size: $control-lg-font-size;\n\t}\n\n\t&.select-danger select {\n\t\tborder-color: $select-danger-border-color;\n\n\t\t@include focus-visible() {\n\t\t\tbox-shadow: $select-focus-box-shadow-size $select-danger-border-color;\n\t\t}\n\t}\n\n\t&.select-success select {\n\t\tborder-color: $select-success-border-color;\n\n\t\t@include focus-visible() {\n\t\t\tbox-shadow: $select-focus-box-shadow-size $select-success-border-color;\n\t\t}\n\t}\n}\n","$radio-circle-size: 1.25em !default;\n$radio-dot-size: 0.625em !default;\n$radio-border-color: $control-border !default;\n$radio-border-width: $control-border-width !default;\n$radio-dot-checked-color: $primary !default;\n$radio-dot-color: $text-subtle !default;\n$radio-dot-hover-unchecked-color: $control-border !default;\n$radio-timing-function: $input-timing-function !default;\n$radio-duration: $input-transition-duration !default;\n$radio-animation: boop !default;\n$radio-spacing: 0.5em !default;\n\n@mixin radio-dot {\n\tposition: absolute;\n\tinset: 0;\n\twidth: $radio-dot-size;\n\theight: $radio-dot-size;\n\tmargin: auto;\n\tborder-radius: $border-radius-rounded;\n\tcontent: '';\n\toverflow: hidden;\n}\n\n@mixin radio-dot-checked {\n\tbackground: $radio-dot-checked-color;\n\tbox-shadow: inset 0 0 0 0.25em $body-background;\n}\n\n.radio {\n\tdisplay: inline-flex;\n\tline-height: 1.25;\n\tcursor: pointer;\n\n\t.radio-dot {\n\t\tdisplay: inline-block;\n\t\tposition: relative;\n\t\tinset-block-start: 0.0625em;\n\t\tflex-shrink: 0;\n\t\twidth: $radio-circle-size;\n\t\theight: $radio-circle-size;\n\t\tborder: $radio-border-width solid $radio-border-color;\n\t\tborder-radius: $border-radius-rounded;\n\t\tbackground-color: $body-background;\n\t\tcolor: $radio-dot-color;\n\t\tcursor: pointer;\n\t\tappearance: none;\n\n\t\t@include forced-colors {\n\t\t\tborder-color: CanvasText !important;\n\t\t\tbackground-color: unset !important;\n\n\t\t\t&::before {\n\t\t\t\t@include radio-dot;\n\t\t\t}\n\t\t}\n\t}\n\n\t.radio-label-text {\n\t\tmargin: 0 $radio-spacing;\n\t}\n\n\t/* stylelint-disable selector-max-specificity, selector-no-qualifying-type, max-nesting-depth */\n\n\tinput {\n\t\t&.is-focused {\n\t\t\t@extend %focus;\n\t\t}\n\n\t\t@include focus-visible {\n\t\t\t@extend %focus;\n\t\t}\n\t}\n\n\tinput.is-checked,\n\tinput:checked,\n\t.radio-dot.is-checked {\n\t\t@include radio-dot-checked;\n\n\t\tanimation: $radio-animation $radio-duration $radio-timing-function 1;\n\t\tborder-color: $radio-dot-checked-color;\n\n\t\t@include forced-colors {\n\t\t\tborder-color: CanvasText !important;\n\t\t\tbackground-color: unset !important;\n\t\t\tbox-shadow: none !important;\n\n\t\t\t&::before {\n\t\t\t\tbackground-color: CanvasText !important;\n\t\t\t}\n\t\t}\n\t}\n\n\t&.is-hovered,\n\t&:hover {\n\t\t.radio-dot:not(:checked):not([disabled]) {\n\t\t\tbackground: $radio-dot-hover-unchecked-color;\n\t\t\tbox-shadow: inset 0 0 0 0.25em $body-background;\n\n\t\t\t@include forced-colors {\n\t\t\t\tbackground-color: unset !important;\n\t\t\t\tbox-shadow: none !important;\n\n\t\t\t\t&::before {\n\t\t\t\t\tbackground-color: CanvasText !important;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t.radio-dot.is-checked {\n\t\t\t@include radio-dot-checked;\n\t\t}\n\t}\n\n\tinput[disabled],\n\tinput[disabled] ~ .radio-label-text {\n\t\topacity: 0.5;\n\t\tcursor: not-allowed;\n\t}\n\n\t/* stylelint-enable */\n}\n","@mixin forced-colors() {\n\t@media (forced-colors: active) {\n\t\t@content;\n\t}\n}\n","/* stylelint-disable max-nesting-depth, selector-max-specificity */\n\n$field-line-height: 1.5 !default;\n$field-error-color: $danger !default;\n\n.field {\n\t&:not(:last-child) {\n\t\tmargin-block-end: $spacer-4;\n\t}\n\n\t.field-description {\n\t\tmargin-block-end: $spacer-3;\n\t\tfont-size: $font-size-8;\n\t}\n\n\t.field-label {\n\t\t@include label;\n\n\t\tmargin-block-end: $spacer-3;\n\n\t\t&.field-label-inline {\n\t\t\tdisplay: inline-flex;\n\t\t\tmargin-block-end: unset;\n\t\t\talign-self: flex-end;\n\t\t}\n\n\t\t@include tablet {\n\t\t\tflex: 1 0 0;\n\t\t}\n\n\t\t&.field-label-sm {\n\t\t\tfont-size: $font-size-8;\n\t\t}\n\n\t\t&.field-label-lg {\n\t\t\tfont-size: $font-size-6;\n\t\t}\n\t}\n\n\t.field-body {\n\t\t> * {\n\t\t\tscroll-margin-top: 3rem;\n\t\t}\n\n\t\t&:not(:first-child) {\n\t\t\tmargin-block-start: $spacer-3;\n\n\t\t\t&.field-body-inline {\n\t\t\t\tdisplay: inline-flex;\n\t\t\t\tvertical-align: text-bottom;\n\t\t\t}\n\t\t}\n\t}\n\n\t.field-error {\n\t\tcolor: $field-error-color;\n\t\tfont-size: $font-size-8;\n\t\tline-height: $field-line-height;\n\t}\n}\n\n.required-indicator::after,\n::part(required-indicator)::after {\n\tcolor: $danger;\n\tcontent: '*';\n\tvertical-align: top;\n}\n","$hero-padding-xs: $layout-4 !default;\n$hero-padding-sm: $layout-5 !default;\n$hero-padding-default: $layout-6 !default;\n$hero-padding-lg: $layout-7 !default;\n\n$hero-min-height-xs: 200px !default;\n$hero-min-height-sm: 300px !default;\n$hero-min-height-default: 400px !default;\n$hero-min-height-lg: 500px !default;\n\n$hero-content-width: $reading-max-width !default;\n$hero-content-fluid-width: 45% !default;\n$hero-image-width: calc((100% - 2 * $layout-gap) * 0.55) !default;\n$hero-image-width-widescreen: calc((100% - 2 * $layout-widescreen-gap) * 0.55) !default;\n\n.hero {\n\t@extend %layout-gap;\n\n\tdisplay: flex;\n\tposition: relative;\n\tflex-direction: column;\n\talign-items: stretch;\n\tjustify-content: space-between;\n\n\t.hero-content {\n\t\tz-index: $zindex-active;\n\t\tpadding-block: $hero-padding-sm;\n\n\t\t@include desktop {\n\t\t\twidth: $hero-content-fluid-width;\n\t\t\tmin-height: $hero-min-height-default;\n\t\t\tpadding-block: $hero-padding-default;\n\t\t\tpadding-inline-end: $hero-padding-sm;\n\t\t}\n\t}\n\n\t&:not(.hero-image) {\n\t\t.hero-content {\n\t\t\t@include desktop {\n\t\t\t\twidth: 100%;\n\t\t\t\tmax-width: $hero-content-width;\n\t\t\t}\n\t\t}\n\t}\n\n\t@include desktop {\n\t\t&.hero-xs {\n\t\t\t.hero-content {\n\t\t\t\tmin-height: $hero-min-height-xs;\n\t\t\t\tpadding-block: $hero-padding-xs;\n\t\t\t}\n\t\t}\n\n\t\t&.hero-sm {\n\t\t\t.hero-content {\n\t\t\t\tmin-height: $hero-min-height-sm;\n\t\t\t\tpadding-block: $hero-padding-sm;\n\t\t\t}\n\t\t}\n\n\t\t&.hero-lg {\n\t\t\t.hero-content {\n\t\t\t\tmin-height: $hero-min-height-lg;\n\t\t\t\tpadding-block: $hero-padding-lg;\n\t\t\t}\n\t\t}\n\t}\n\n\t.hero-card {\n\t\tposition: relative;\n\t\tpadding: $spacer-5;\n\t\tborder: none;\n\t\tbackground-color: transparent;\n\t\tz-index: 1;\n\n\t\t@include tablet {\n\t\t\tpadding: $spacer-10;\n\t\t}\n\n\t\t@include desktop {\n\t\t\tborder-inline: 1px solid $border;\n\t\t\tborder-block-end: 1px solid $border;\n\t\t\tborder-end-start-radius: $border-radius-lg;\n\t\t\tborder-end-end-radius: $border-radius-lg;\n\t\t}\n\t}\n\n\t.hero-background {\n\t\tposition: absolute;\n\t\tinset: 0;\n\t\twidth: 100%;\n\t\theight: 100%;\n\t\toverflow: hidden;\n\n\t\tvideo,\n\t\timg {\n\t\t\twidth: 100%;\n\t\t\theight: 100%;\n\t\t\tobject-fit: cover;\n\t\t}\n\t}\n\n\t&.hero-image::before {\n\t\tdisplay: none;\n\t\tposition: absolute;\n\t\tinset-block-start: 0;\n\t\twidth: $hero-image-width;\n\t\theight: 100%;\n\t\tbackground-image: var(--hero-background-image);\n\t\tbackground-repeat: no-repeat;\n\t\tbackground-size: cover;\n\t\tcontent: ' ';\n\t\tinset-inline-end: $layout-gap;\n\n\t\t@include desktop {\n\t\t\tdisplay: block;\n\t\t}\n\n\t\t@include widescreen {\n\t\t\twidth: $hero-image-width-widescreen;\n\t\t\tinset-inline-end: $layout-widescreen-gap;\n\t\t}\n\n\t\t@media (forced-colors: active) {\n\t\t\tbackground-image: none !important;\n\t\t}\n\n\t\t.theme-light & {\n\t\t\t--hero-background-image: var(--hero-background-image-light);\n\t\t}\n\n\t\t.theme-dark & {\n\t\t\t--hero-background-image: var(--hero-background-image-dark);\n\t\t}\n\n\t\t.theme-high-contrast & {\n\t\t\t--hero-background-image: none;\n\t\t}\n\t}\n}\n","$border-gradient-colors: (\n\t'body': $body-background,\n\t'body-accent': $body-background-accent\n) !default;\n\n@each $name, $var in $border-gradient-colors {\n\t// ex. .gradient-border-body { --border-gradient-end-color: var(--theme-body-background); }\n\t.gradient-border-#{$name} {\n\t\t--border-gradient-end-color: #{$var};\n\t}\n}\n\n$border-gradient-direction: (\n\t'right': 'inline-end',\n\t'bottom': 'block-end'\n) !default;\n\n@each $direction, $logical-side in $border-gradient-direction {\n\t.gradient-border-#{$direction} {\n\t\tposition: relative;\n\t}\n\t.gradient-border-#{$direction}:before {\n\t\tdisplay: block;\n\t\tposition: absolute;\n\t\tcontent: '';\n\t\tborder-image: linear-gradient(\n\t\t\tto #{$direction},\n\t\t\ttransparent 0%,\n\t\t\ttransparent 92%,\n\t\t\tvar(--border-gradient-end-color, transparent) 100%\n\t\t);\n\t\tborder-#{$logical-side}-width: 320px;\n\t\tborder-#{$logical-side}-style: solid;\n\t\tborder-image-outset: 0;\n\n\t\t@if $direction == 'right' {\n\t\t\tborder-image-slice: 0 128 0 0;\n\t\t\tinset-block-start: 0;\n\t\t\tinset-block-end: 0;\n\t\t\tinset-inline-end: 0;\n\t\t}\n\n\t\t@if $direction == 'bottom' {\n\t\t\tborder-image-slice: 0 0 128 0;\n\t\t\tinset-block-end: 0;\n\t\t\tinset-inline-start: 0;\n\t\t\tinset-inline-end: 0;\n\t\t}\n\n\t\t@include forced-colors {\n\t\t\tdisplay: none !important;\n\t\t}\n\t}\n\n\t@include tablet {\n\t\t.gradient-border-to-#{$direction}-tablet:before {\n\t\t\tborder-image: linear-gradient(\n\t\t\t\tto #{$direction},\n\t\t\t\ttransparent 0%,\n\t\t\t\ttransparent 92%,\n\t\t\t\tvar(--border-gradient-end-color) 100%\n\t\t\t);\n\t\t\tborder-#{$logical-side}-width: 320px;\n\t\t\tborder-#{$logical-side}-style: solid;\n\t\t\tborder-image-outset: 0;\n\n\t\t\t@if $direction == 'right' {\n\t\t\t\tborder-image-slice: 0 128 0 0;\n\t\t\t}\n\n\t\t\t@if $direction == 'bottom' {\n\t\t\t\tborder-image-slice: 0 0 128 0;\n\t\t\t}\n\t\t}\n\t}\n}\n\n@each $name, $gradient in $gradients {\n\t$colorStart: nth($gradient, $gradient-color-start-index);\n\t$colorEnd: nth($gradient, $gradient-color-end-index);\n\n\t.gradient-text-#{$name} {\n\t\t@include gradient-text($colorStart, $colorEnd);\n\t}\n}\n","@mixin gradient-text($startColor, $endColor) {\n\t/* stylelint-disable */\n\t-webkit-background-clip: text;\n\t/* stylelint-enable */\n\tbackground-clip: text;\n\tbackground-color: $startColor;\n\tbackground-image: linear-gradient(90deg, $startColor, $endColor);\n\tcolor: transparent;\n\t-webkit-text-fill-color: transparent;\n\tline-height: 1.4; // required because of background clip, avoid \"g\" and \"y\" getting cut off\n}\n","$gradient-card-padding: $layout-2 !default;\n$gradient-card-border-radius: $border-radius-lg !default; //6px\n\n.gradient-card {\n\tborder: $border-width-md solid transparent;\n\tborder-radius: $gradient-card-border-radius;\n\tbackground: linear-gradient(90deg, $gradient-vivid-start, $gradient-vivid-end) border-box;\n\n\t.gradient-card-content {\n\t\tpadding: $gradient-card-padding;\n\t\tborder-radius: inherit;\n\t\tbackground-color: $body-background;\n\t}\n}\n","/*\n * For use on <button> elements to emulate the appearance of standard <a> tags.\n*/\n\n.link-button {\n\t@include transparent-effects;\n\n\tdisplay: inline-block;\n\tpadding: 0;\n\tborder: none;\n\tcolor: $hyperlink;\n\tcursor: pointer;\n\n\t&:active,\n\t&.is-active {\n\t\ttext-decoration: underline !important;\n\t}\n\n\t&.is-focused,\n\t&:hover,\n\t&.is-hovered {\n\t\tcolor: $primary-hover;\n\t\ttext-decoration: underline !important;\n\t}\n\n\t@include focus-visible {\n\t\tcolor: $primary-hover;\n\t\ttext-decoration: underline !important;\n\t}\n\n\t&:visited {\n\t\tcolor: $visited;\n\t}\n}\n","/* stylelint-disable selector-max-compound-selectors */\n\n$markdown-paragraph-size: 1rem !default;\n$include-bare-code-styles: true !default;\n$list-top-spacing: 1rem !default;\n\n@if $include-bare-code-styles == true {\n\t/*\n\t* Within projects that desire bare-code styling, you may set the above variable to true and <pre><code>\n\t* Elements within .markdown will be styled.\n\t*/\n\n\t.markdown {\n\t\t@include code-block;\n\t}\n}\n\n.markdown {\n\t// @include responsive-font-size($markdown-paragraph-size, 0.875rem); // experiment only\n\tfont-size: $markdown-paragraph-size;\n\tline-height: 1.6;\n\n\t// Inline code\n\n\t:not(a):not(pre) > code {\n\t\tpadding: 0.1em 0.2em;\n\t\tborder-radius: 3px;\n\t\tbackground-color: $inline-code;\n\t\tword-wrap: break-word;\n\t\tfont-smooth: auto;\n\t\tfont-size: 0.85em;\n\t}\n\n\timg,\n\tvideo {\n\t\tmax-width: 100%;\n\t\theight: auto;\n\t\tborder: 0;\n\t}\n\n\tsvg:not(:root) {\n\t\toverflow: hidden;\n\t}\n\n\tli {\n\t\tmargin-block-start: 0.5em;\n\t}\n\n\tul,\n\tol {\n\t\tmargin-inline-start: 2.375rem;\n\t}\n\n\tul {\n\t\tlist-style-type: disc;\n\n\t\tul {\n\t\t\tlist-style-type: circle;\n\t\t\tmargin: 0;\n\t\t\tmargin-inline-start: 1.25rem;\n\n\t\t\tul {\n\t\t\t\tlist-style-type: square;\n\t\t\t}\n\t\t}\n\n\t\t&:not(:first-child) {\n\t\t\tmargin: 1rem 0;\n\t\t}\n\t}\n\n\tol {\n\t\tlist-style-type: decimal;\n\n\t\tol {\n\t\t\tlist-style-type: lower-alpha;\n\t\t\tmargin: 0;\n\t\t\tmargin-inline-start: 1.25rem;\n\n\t\t\tol {\n\t\t\t\tlist-style-type: lower-roman;\n\t\t\t}\n\t\t}\n\n\t\t&:not(:first-child) {\n\t\t\tmargin: 1rem 0;\n\t\t}\n\t}\n\n\th1 {\n\t\t@include responsive-font-size($font-size-1);\n\n\t\tmargin-block-start: none;\n\t\tmargin-block-end: 0.75rem;\n\t\tword-wrap: break-word; // browser support fallback, because FF and IE\n\t\tword-break: break-word;\n\n\t\t&:first-of-type {\n\t\t\tmargin-block-start: -0.625rem;\n\t\t\tmargin-block-end: none;\n\t\t}\n\t}\n\n\th2 {\n\t\t@include responsive-font-size($font-size-2);\n\n\t\tmargin-block-start: 2rem;\n\t}\n\n\th3 {\n\t\t@include responsive-font-size($font-size-3);\n\n\t\tmargin-block-start: 1.875rem;\n\t\tmargin-block-end: 1.125rem;\n\t}\n\n\th4 {\n\t\t@include responsive-font-size($font-size-4);\n\n\t\tmargin-block-start: 2.25rem;\n\t\tmargin-block-end: 0.375rem;\n\t}\n\n\th5 {\n\t\t@include responsive-font-size($font-size-5, false, 1.1rem);\n\n\t\tmargin-block-start: 2.25rem;\n\t\tmargin-block-end: 0.375rem;\n\t\tletter-spacing: 1px;\n\t}\n\n\th6 {\n\t\t@include responsive-font-size($font-size-6, false, 1.05rem);\n\n\t\tmargin-block-start: 2.25rem;\n\t\tmargin-block-end: 0.375rem;\n\t\tletter-spacing: 1px;\n\t}\n\n\tp {\n\t\tmargin-block-start: $markdown-paragraph-size;\n\t\tmargin-block-end: none;\n\t\tword-wrap: break-word;\n\t}\n\n\tblockquote {\n\t\tmargin: 1.2em 0 2em;\n\t\tpadding: 0 0.8em;\n\t\tborder-width: 0 0 0 3px;\n\t\tborder-style: solid;\n\t\tborder-color: $border;\n\n\t\tfooter {\n\t\t\tcolor: $text-subtle;\n\t\t\tfont-size: $font-size-8;\n\t\t}\n\t}\n}\n","$code-font-size: $font-size-8 !default;\n$code-block-spacing: 1em !default;\n$code-header-body-line-height: 1.3571 !default;\n\n@mixin code-block {\n\tpre {\n\t\tbox-sizing: border-box;\n\t\tmax-width: 100%;\n\t\tmargin: 0;\n\t\tpadding: $code-block-spacing;\n\t\tborder: 1px solid $border;\n\t\tbackground-color: $code-block;\n\t\tfont-size: $code-font-size;\n\t\t-moz-osx-font-smoothing: auto;\n\t\t-webkit-font-smoothing: auto;\n\t\tline-height: 1.3571;\n\t\twhite-space: pre;\n\t\tword-spacing: normal;\n\t\toverflow: auto;\n\t\tword-break: normal;\n\t\tword-wrap: normal;\n\t\ttab-size: 4;\n\t\thyphens: none;\n\t\t-webkit-overflow-scrolling: touch;\n\n\t\t> code {\n\t\t\tdisplay: block;\n\t\t\tposition: relative;\n\t\t\tpadding: 0;\n\t\t\tborder: 0;\n\t\t\tline-height: $code-header-body-line-height;\n\n\t\t\tmark {\n\t\t\t\tdisplay: inline-block;\n\t\t\t\tmin-width: calc(100% + #{$code-block-spacing} + #{$code-block-spacing});\n\t\t\t\tmin-height: 18.9px; // Allow for highlighting of blank lines.\n\t\t\t\tmargin: 0 $code-block-spacing * -1;\n\t\t\t\tpadding: 0 $code-block-spacing;\n\t\t\t\tcolor: $text;\n\t\t\t}\n\t\t}\n\t}\n}\n",".media {\n\tdisplay: flex;\n\talign-items: flex-start;\n\n\t+ .media,\n\t.media {\n\t\tborder-block-start: 1px solid $border;\n\t\tmargin-block-start: 1rem;\n\t\tpadding-block-start: 1rem;\n\t}\n}\n\n.media-left {\n\tflex: 0 0 auto;\n\tmargin-inline-end: 1rem;\n}\n\n.media-content {\n\tflex: 1 1 auto;\n\twidth: 100%;\n\tword-break: break-word;\n}\n","$message-font-size-xs: $font-size-9 !default;\n$message-font-size-sm: $font-size-8 !default;\n$message-font-size-md: $font-size-7 !default;\n\n$message-background-color: $body-background !default;\n$message-gap-size: $layout-1 !default;\n$message-spacer-md: $spacer-3 !default;\n$message-spacer-lg: $spacer-5 !default;\n\n$message-sender-width: 85% !default;\n$message-sender-background-color: $primary-background !default;\n\n$message-border-radius: $border-radius-lg !default;\n$message-border: $border-width solid $border !default;\n\n$message-content-padding: $spacer-5 !default;\n$message-content-padding-sm: 0.875rem !default;\n\n.message {\n\tdisplay: grid;\n\tgrid-template:\n\t\t'. message-time'\n\t\t'message-persona message-content';\n\tgrid-template-columns: max-content 1fr;\n\tgap: $message-gap-size;\n\tfont-size: $message-font-size-md;\n\tline-height: $line-height-normal;\n\n\t.message-time {\n\t\tgrid-area: message-time;\n\t\tfont-size: $message-font-size-xs;\n\t}\n\n\t.message-persona {\n\t\tgrid-area: message-persona;\n\t\tmargin-block-start: $message-spacer-lg;\n\t}\n\n\t.message-content {\n\t\tgrid-area: message-content;\n\t\tpadding: $message-content-padding;\n\t\tborder: $message-border;\n\t\tborder-radius: $message-border-radius;\n\t\tbackground-color: $message-background-color;\n\n\t\t.message-content-header {\n\t\t\tdisplay: grid;\n\t\t\tgrid-template-columns: 1fr auto;\n\t\t\tmargin-block-end: $message-spacer-md;\n\n\t\t\t.message-content-options {\n\t\t\t\tjustify-self: flex-end;\n\t\t\t\tmargin-inline-end: $message-spacer-md;\n\t\t\t}\n\t\t}\n\t}\n\n\t&.message-sender {\n\t\tjustify-self: flex-end;\n\t\twidth: $message-sender-width;\n\n\t\t.message-content {\n\t\t\tbackground-color: $message-sender-background-color;\n\t\t}\n\t}\n\n\t&.message-sm {\n\t\tfont-size: $message-font-size-sm;\n\n\t\t.message-content {\n\t\t\tpadding: $message-content-padding-sm;\n\t\t}\n\t}\n}\n","$notification-background: $secondary-background !default;\n$notification-padding: $spacer-5 !default;\n\n$notification-font-size: $font-size-7 !default;\n$notification-color: $text !default;\n\n$notification-border-color: $control-border !default;\n$notification-border-width: $border-width !default;\n$notification-border-radius: $border-radius !default;\n\n$notification-icon-inline-spacing: 0.375em !default;\n$notification-icon-block-spacing: 0.2em !default;\n\n$notification-dismiss-margin: $spacer-2 !default;\n\n.notification {\n\tdisplay: grid;\n\tposition: relative;\n\tpadding: $notification-padding;\n\tgrid-template: auto / 1fr auto;\n\tgrid-template-areas: 'notification-content dismiss';\n\tborder: $notification-border-width solid $notification-border-color;\n\tborder-radius: $notification-border-radius;\n\toutline-color: $text;\n\tbackground-color: $notification-background;\n\tcolor: $notification-color;\n\tfont-size: $notification-font-size;\n\tline-height: $line-height-normal;\n\tword-wrap: break-word;\n\tword-break: break-word;\n\n\t@each $name, $color-set in $colors {\n\t\t$base: nth($color-set, $color-index-base);\n\t\t$dark: nth($color-set, $color-index-dark);\n\t\t$background: nth($color-set, $color-index-background);\n\n\t\t&.notification-#{$name} {\n\t\t\tborder-color: $dark;\n\t\t\tbackground-color: $background;\n\t\t\tcolor: $dark;\n\n\t\t\t&.is-loading::before {\n\t\t\t\tborder-color: transparent transparent $dark $dark;\n\t\t\t}\n\t\t}\n\t}\n\n\t&.is-loading {\n\t\tcolor: transparent;\n\n\t\t> :first-child {\n\t\t\tmargin-inline-start: calc($notification-padding + 0.375em);\n\t\t}\n\n\t\t&::before {\n\t\t\t@include loader;\n\n\t\t\tposition: absolute;\n\t\t\tinset-block-start: $notification-padding;\n\t\t\tinset-inline-start: $notification-padding;\n\t\t\tborder-color: transparent transparent $notification-color $notification-color;\n\t\t}\n\t}\n\n\t.notification-content {\n\t\tgrid-area: notification-content;\n\n\t\t.notification-title,\n\t\ta:not(.button) {\n\t\t\tcolor: currentColor;\n\t\t\tfont-weight: $weight-semibold;\n\t\t}\n\n\t\ta:not(.button) {\n\t\t\t.theme-high-contrast & {\n\t\t\t\tcolor: $hyperlink;\n\t\t\t}\n\t\t}\n\n\t\t.notification-title {\n\t\t\tdisplay: flex;\n\t\t\talign-items: center;\n\t\t\tjustify-content: flex-start;\n\t\t\tmargin-block-end: $layout-1;\n\n\t\t\t.icon {\n\t\t\t\tflex-shrink: 0;\n\t\t\t\talign-self: start;\n\t\t\t\tmargin-inline-end: $notification-icon-inline-spacing;\n\t\t\t\tmargin-block-start: $notification-icon-block-spacing;\n\t\t\t}\n\t\t}\n\t}\n\n\t.notification-dismiss {\n\t\t@include dismiss-square;\n\n\t\tgrid-area: dismiss;\n\t\tmargin-inline-start: $notification-dismiss-margin;\n\t}\n}\n","$features-icon: true !default;\n$icon-dimensions: 1em !default;\n\n.icon {\n\tdisplay: inline-flex;\n\talign-items: center;\n\tjustify-content: center;\n\n\t&,\n\tsvg,\n\timg {\n\t\twidth: $icon-dimensions;\n\t\theight: $icon-dimensions;\n\t}\n\n\t&.icon-rounded {\n\t\tpadding: 0.6rem; // ensures icon is not cut off by rounded border\n\t\tborder-radius: 50%;\n\t}\n}\n","$dimensions: 16 24 32 36 48 64 76 88 96 112 128 !default;\n\n.image {\n\tdisplay: block;\n\tposition: relative;\n\n\timg,\n\tsvg {\n\t\tdisplay: block;\n\t\twidth: 100%;\n\t\theight: auto;\n\t\tmax-height: 100%;\n\t}\n\n\t&.image-fullwidth {\n\t\twidth: 100%;\n\t\theight: auto;\n\t\tobject-fit: cover;\n\t\tmargin: 0;\n\t}\n\n\t// Sizes\n\n\t@each $dimension in $dimensions {\n\t\t&.image-#{$dimension}x#{$dimension} {\n\t\t\twidth: $dimension * 1px;\n\t\t\theight: $dimension * 1px;\n\t\t}\n\n\t\t@include tablet {\n\t\t\t&.image-#{$dimension}x#{$dimension}-tablet {\n\t\t\t\twidth: $dimension * 1px;\n\t\t\t\theight: $dimension * 1px;\n\t\t\t}\n\t\t}\n\n\t\t@include desktop {\n\t\t\t&.image-#{$dimension}x#{$dimension}-desktop {\n\t\t\t\twidth: $dimension * 1px;\n\t\t\t\theight: $dimension * 1px;\n\t\t\t}\n\t\t}\n\t}\n}\n","$persona-font-size-sm: $font-size-9 !default;\n$persona-font-size-md: $font-size-8 !default;\n$persona-font-size-lg: $font-size-7 !default;\n\n$persona-avatar-background-color: $alternate-background-medium !default;\n$persona-avatar-font-color: $text-invert !default;\n$persona-avatar-border-radius: $border-radius-rounded;\n\n$persona-details-font-color: $text-subtle !default;\n$persona-name-font-size: $font-size-7 !default;\n$persona-name-font-color: $text !default;\n$persona-name-font-weight: $weight-semibold !default;\n\n$persona-gap-size: $layout-1 !default;\n\n.persona {\n\tdisplay: flex;\n\tposition: relative;\n\tgap: $persona-gap-size;\n\tfont-size: $persona-font-size-md;\n\tline-height: $line-height-normal;\n\n\t.persona-avatar {\n\t\tflex-shrink: 0;\n\t\twidth: 2.6666em;\n\t\theight: 2.6666em;\n\t\tborder-radius: $persona-avatar-border-radius;\n\t\tbackground-color: $persona-avatar-background-color;\n\t\tcolor: $persona-avatar-font-color;\n\n\t\timg,\n\t\tsvg {\n\t\t\twidth: 100%;\n\t\t\theight: auto;\n\t\t\tborder-radius: $persona-avatar-border-radius;\n\t\t\taspect-ratio: 1 / 1;\n\t\t}\n\t}\n\n\t.persona-details {\n\t\talign-self: center;\n\t\tcolor: $persona-details-font-color;\n\n\t\t.persona-name {\n\t\t\tcolor: $persona-name-font-color;\n\t\t\tfont-size: 1.3333em;\n\t\t\tfont-weight: $persona-name-font-weight;\n\t\t}\n\t}\n\n\t// Sizes\n\n\t&.persona-sm {\n\t\tfont-size: $persona-font-size-sm;\n\t}\n\n\t&.persona-lg {\n\t\tfont-size: $persona-font-size-lg;\n\t}\n}\n","$popover-background-color: $body-background !default;\n$popover-border: $border-width solid $border !default;\n$popover-border-radius: $border-radius !default;\n$popover-shadow: $box-shadow-heavy !default;\n$popover-width: 224px !default;\n\n.popover {\n\tdisplay: inline-block;\n\tposition: relative;\n\n\tsummary {\n\t\tlist-style: none;\n\n\t\t&::-webkit-details-marker {\n\t\t\tdisplay: none;\n\t\t}\n\t}\n\n\t.popover-content {\n\t\tposition: absolute;\n\t\twidth: $popover-width;\n\t\tmargin-block-start: $spacer-3;\n\t\tpadding: $spacer-5;\n\t\tborder: $popover-border;\n\t\tborder-radius: $popover-border-radius;\n\t\tbackground-color: $popover-background-color;\n\t\tbox-shadow: $popover-shadow;\n\t\tz-index: $zindex-popover;\n\t}\n\n\t&.popover-right {\n\t\t.popover-content {\n\t\t\tinset-inline-end: 0;\n\t\t}\n\t}\n\n\t&.popover-center {\n\t\t.popover-content {\n\t\t\tinset-inline-start: -25%;\n\t\t}\n\t}\n}\n","$font-size-lg: $font-size-6 !default;\n$font-size-sm: $font-size-8 !default;\n\n$pagination-color: $text !default;\n$pagination-border-color: $border !default;\n$pagination-margin: 0.25rem !default;\n\n$pagination-hover-color: $primary-hover !default;\n$pagination-hover-border-color: $primary-hover !default;\n\n$pagination-focus-color: $primary-active !default;\n$pagination-focus-border-color: $primary-active !default;\n\n$pagination-active-color: $primary-active !default;\n$pagination-active-border-color: $primary-active !default;\n\n$pagination-disabled-color: $secondary !default;\n$pagination-disabled-background-color: $secondary-background !default;\n$pagination-disabled-border-color: $secondary-background !default;\n\n$pagination-current-color: $text-invert !default;\n$pagination-current-background-color: $primary !default;\n$pagination-current-background-color-hover: $primary-hover !default;\n$pagination-current-border-color: $text-invert !default;\n\n$pagination-ellipsis-color: $secondary-background !default;\n\n$pagination-shadow-inset: inset 0 1px 2px $box-shadow-color-light;\n\n.pagination {\n\tflex-wrap: wrap;\n\tmargin: -$pagination-margin;\n}\n\n.pagination-list {\n\tflex-grow: 1;\n}\n\n.pagination,\n.pagination-list {\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: center;\n\tmargin: 0;\n\ttext-align: center;\n\n\t> li {\n\t\tmargin: $pagination-margin;\n\t\tlist-style: none !important; //specificity battle\n\t}\n}\n\n.pagination-link {\n\t&.is-current {\n\t\tborder-color: $pagination-current-border-color;\n\t\tbackground-color: $pagination-current-background-color;\n\t\tcolor: $pagination-current-color;\n\n\t\t&:hover {\n\t\t\tbackground-color: $pagination-current-background-color-hover;\n\t\t\tcolor: $pagination-current-color;\n\t\t}\n\t}\n\n\t@include forced-colors {\n\t\t&::after {\n\t\t\tdisplay: block;\n\t\t\tposition: absolute;\n\t\t\twidth: 0.375em;\n\t\t\theight: 0.375em;\n\t\t\tborder: 1px solid LinkText;\n\t\t\tborder-radius: $border-radius-rounded;\n\t\t\tbackground-color: LinkText;\n\t\t\tcontent: '';\n\t\t\tinset-block-start: 0.25em;\n\t\t\tinset-inline-end: 0.25em;\n\t\t\tforced-color-adjust: none;\n\t\t}\n\t}\n}\n\n.pagination-ellipsis {\n\tcolor: $pagination-ellipsis-color;\n\tpointer-events: none;\n}\n\n.pagination-previous,\n.pagination-next {\n\tflex-grow: 0;\n\tflex-shrink: 1;\n\tpadding-inline: 0.75em;\n\twhite-space: nowrap;\n}\n\n.pagination-previous,\n.pagination-next,\n.pagination-link,\n.pagination-ellipsis {\n\t@include control;\n\t@include unselectable;\n\t@include transparent-effects;\n\n\tjustify-content: center;\n\tfont-size: 1em;\n\tpadding-inline: 0.5em;\n\ttext-align: center;\n}\n\n.pagination-previous,\n.pagination-next,\n.pagination-link {\n\tmin-width: 2.25em;\n\tborder-color: $pagination-border-color;\n\tcolor: $pagination-color;\n\ttext-decoration: none;\n\n\t&:hover {\n\t\tborder-color: $pagination-hover-border-color;\n\t\tcolor: $pagination-hover-color;\n\t\ttext-decoration: none;\n\t}\n\n\t&[disabled] {\n\t\tborder-color: $pagination-disabled-border-color;\n\t\tbackground-color: $pagination-disabled-background-color;\n\t\topacity: 0.5;\n\t\tcolor: $pagination-disabled-color;\n\t\tpointer-events: none;\n\t}\n}\n\n.pagination-center {\n\t@include orientation-landscape {\n\t\t.pagination-previous {\n\t\t\torder: 1;\n\t\t}\n\n\t\t.pagination-list {\n\t\t\tjustify-content: center;\n\t\t\torder: 2;\n\t\t}\n\n\t\t.pagination-next {\n\t\t\torder: 3;\n\t\t}\n\t}\n}\n\n@include tablet {\n\t.pagination-list {\n\t\tflex-grow: 0;\n\t\tflex-shrink: 1;\n\t\tjustify-content: flex-start;\n\t\torder: 1;\n\t}\n\n\t.pagination-previous {\n\t\torder: 2;\n\t}\n\n\t.pagination-next {\n\t\torder: 3;\n\t}\n\n\t.pagination {\n\t\tjustify-content: center;\n\n\t\t&.pagination-center {\n\t\t\t.pagination-previous {\n\t\t\t\torder: 1;\n\t\t\t}\n\n\t\t\t.pagination-list {\n\t\t\t\tjustify-content: center;\n\t\t\t\torder: 2;\n\t\t\t}\n\n\t\t\t.pagination-next {\n\t\t\t\torder: 3;\n\t\t\t}\n\t\t}\n\t}\n}\n","$table-cell-vertical-padding: $spacer-5 !default;\n$table-cell-horizontal-padding: $spacer-6 !default;\n$table-cell-padding-compact: $spacer-3 !default;\n$table-cell-padding-loose: $spacer-8 !default;\n\n$table-caption-padding: $spacer-6 !default;\n$table-caption-size: $font-size-9 !default;\n$table-caption-spacing: $letter-spacing-medium !default;\n\n.table-wrapper {\n\toverflow-x: auto;\n\toverflow-y: hidden;\n\t-webkit-overflow-scrolling: touch;\n}\n\n.table {\n\twidth: 100%;\n\tfont-size: $font-size-8;\n\tborder-collapse: collapse;\n\ttable-layout: auto;\n\n\t&:not(.table-simple) {\n\t\tborder: 1px solid $table-border-dark;\n\t}\n\n\tcaption {\n\t\tpadding: $table-caption-padding;\n\t\tfont-size: $table-caption-size;\n\t\tfont-weight: $weight-semibold;\n\t\tletter-spacing: $table-caption-spacing;\n\t\ttext-align: $user-right;\n\t\ttext-transform: uppercase;\n\t}\n\n\tth,\n\ttd {\n\t\tdisplay: table-cell;\n\t\tword-wrap: break-word;\n\t\tpadding: $table-cell-vertical-padding $table-cell-horizontal-padding;\n\t\tborder-block-start: 1px solid $table-border-dark;\n\t\tline-height: 1.5;\n\t\tvertical-align: top;\n\t}\n\n\tth:not([align]) {\n\t\ttext-align: $user-left;\n\t}\n\n\t&.table-stacked-mobile {\n\t\t@include discouraged-mobile {\n\t\t\tth,\n\t\t\ttd {\n\t\t\t\tdisplay: block;\n\t\t\t\twidth: 100%;\n\t\t\t}\n\n\t\t\tth:not(:nth-child(1)),\n\t\t\ttd:not(:nth-child(1)) {\n\t\t\t\tpadding-block-start: 0;\n\t\t\t\tborder-width: 0;\n\t\t\t}\n\n\t\t\tthead tr:nth-child(1) th,\n\t\t\ttbody tr:nth-child(1) td {\n\t\t\t\tborder-block-start: none;\n\t\t\t}\n\n\t\t\tthead tr > th:last-child {\n\t\t\t\tborder-block-end: 1px solid $table-border-dark;\n\t\t\t}\n\t\t}\n\t}\n\n\t&.table-borderless {\n\t\tborder: none;\n\n\t\tth,\n\t\ttd {\n\t\t\tborder: none;\n\t\t}\n\t}\n\n\t&.table-complex {\n\t\tthead tr,\n\t\ttfoot tr {\n\t\t\tbackground-color: $table-header;\n\t\t}\n\n\t\tth,\n\t\ttd {\n\t\t\tborder: 1px solid $table-border-dark;\n\t\t}\n\t}\n\n\t&.table-striped {\n\t\ttbody tr:nth-of-type(even) {\n\t\t\tbackground-color: $table-row;\n\t\t}\n\t}\n\n\t&.table-sm {\n\t\tth,\n\t\ttd {\n\t\t\tpadding: $table-cell-padding-compact;\n\t\t}\n\t}\n\n\t&.table-lg {\n\t\tth,\n\t\ttd {\n\t\t\tpadding: $table-cell-padding-loose;\n\t\t}\n\t}\n}\n","$toggle-transition: $input-transition-duration cubic-bezier(0.01, 1.23, 0.58, 0.96) !default;\n$toggle-circle-size: 0.75em !default;\n$toggle-circle-top: 0.1875em !default;\n$toggle-circle-distance-from-border: 1em - $toggle-circle-size;\n\n$toggle-unselected-circle-color: $text-subtle !default;\n$toggle-unselected-border-color: $text-subtle !default;\n$toggle-unselected-background-color: $body-background !default;\n$toggle-selected-background-color: $primary !default;\n$toggle-circle-selected-background-color: $body-background !default;\n\n.toggle {\n\tlabel {\n\t\tdisplay: block;\n\t\tposition: relative;\n\t\twidth: 2.5em;\n\t\theight: 1.25em;\n\t\ttransition: $input-transition-duration linear;\n\t\ttransition-property: background-color, border-color;\n\t\tborder: 0.065em solid $toggle-unselected-border-color;\n\t\tborder-radius: $border-radius-rounded;\n\t\tbackground-color: $toggle-unselected-background-color;\n\t\tcursor: pointer;\n\n\t\t@include forced-colors {\n\t\t\tborder-color: CanvasText !important;\n\t\t\tbackground-color: Canvas !important;\n\t\t}\n\n\t\t&::after {\n\t\t\tdisplay: block;\n\t\t\tposition: absolute;\n\t\t\twidth: $toggle-circle-size;\n\t\t\theight: $toggle-circle-size;\n\t\t\ttransition: $toggle-transition;\n\t\t\ttransition-property: inset-inline-start, border-color, background-color;\n\t\t\tborder-radius: $border-radius-rounded;\n\t\t\tinset-block-start: $toggle-circle-top;\n\t\t\tinset-inline-start: $toggle-circle-distance-from-border;\n\t\t\tbackground-color: $toggle-unselected-circle-color;\n\t\t\tcontent: '';\n\n\t\t\t@include forced-colors {\n\t\t\t\tbackground-color: CanvasText !important;\n\t\t\t}\n\t\t}\n\t}\n\n\t/* stylelint-disable -- want to keep [type=\"checkbox\"] as a requirement here */\n\t&.is-selected label,\n\tinput[type='checkbox']:checked + label {\n\t\t/* stylelint-enable */\n\t\tborder-color: $toggle-selected-background-color;\n\t\tbackground-color: $toggle-selected-background-color;\n\n\t\t@include forced-colors {\n\t\t\tborder-color: LinkText !important;\n\t\t\tbackground-color: LinkText !important;\n\t\t}\n\n\t\t&::after {\n\t\t\tbackground-color: $toggle-circle-selected-background-color;\n\t\t\tinset-inline-start: calc(100% - ($toggle-circle-distance-from-border + $toggle-circle-size));\n\n\t\t\t@include forced-colors {\n\t\t\t\tbackground-color: Canvas !important;\n\t\t\t}\n\t\t}\n\t}\n\n\t/* stylelint-disable-next-line -- want to keep [type=\"checkbox\"] as a requirement here */\n\tinput[type='checkbox'] {\n\t\t@include visually-hidden();\n\n\t\t@include focus-visible() {\n\t\t\t+ label {\n\t\t\t\t@extend %focus;\n\t\t\t}\n\t\t}\n\n\t\t&:disabled + label {\n\t\t\topacity: 0.6;\n\t\t\tcursor: not-allowed;\n\t\t}\n\t}\n}\n",".scroll-horizontal {\n\toverflow-x: auto;\n\toverflow-y: hidden;\n\t-webkit-overflow-scrolling: touch;\n}\n\n.scroll-vertical {\n\toverflow-x: hidden;\n\toverflow-y: auto;\n\t-webkit-overflow-scrolling: touch;\n}\n\n.scroll-snap-container {\n\tgap: 1rem;\n\theight: max-content;\n\tmargin-block: 1rem;\n\tscroll-behavior: smooth;\n\tscroll-snap-type: x mandatory;\n}\n\n.scroll-snap-item {\n\tflex-basis: 90%;\n\tmin-width: 80%;\n\theight: auto;\n\tscroll-snap-align: center;\n}\n",".stretched-link {\n\t&::before {\n\t\tposition: absolute;\n\t\tcontent: '';\n\t\tz-index: $zindex-stretched-link;\n\t\tinset: 0;\n\t}\n}\n","@use 'sass:math';\n\n$quarter-widescreen: math.div($breakpoint-widescreen, 4);\n$half-widescreen: math.div($breakpoint-widescreen, 2);\n$three-quarters-widescreen: math.div($breakpoint-widescreen, 4) * 3;\n\n.layout {\n\tdisplay: flex;\n\tflex-direction: column;\n\tmax-inline-size: 100vw;\n\toverflow-x: hidden;\n\n\t// --layout-gutter by default, see tokens/layout.scss\n\t#{$layout-gap-custom-property-name}: $layout-gap;\n\t#{$layout-gap-scalable-custom-property-name}: $layout-gap;\n\n\t@include widescreen {\n\t\t#{$layout-gap-scalable-custom-property-name}: $layout-widescreen-gap;\n\t}\n}\n\n.layout-padding {\n\tpadding-inline: var(#{$layout-gap-custom-property-name}) !important;\n}\n\n.layout-margin {\n\tmargin-inline: var(#{$layout-gap-scalable-custom-property-name}) !important;\n}\n\n.layout-body {\n\tdisplay: grid;\n\twidth: 100%;\n\tmax-width: 100%;\n}\n\n// grid-area values\n\n.layout-body-header {\n\tgrid-area: header;\n}\n\n.layout-body-hero {\n\tgrid-area: hero;\n}\n\n.layout-body-menu {\n\tgrid-area: menu;\n}\n\n.layout-body-main {\n\tgrid-area: main;\n}\n\n.layout-body-aside {\n\tgrid-area: aside;\n}\n\n.layout-body-footer {\n\tgrid-area: footer;\n}\n\n.layout-body-hero,\n.layout-body-main,\n.layout-body-footer,\n.layout-body-aside,\n.layout-body-menu {\n\t&:empty {\n\t\tdisplay: none;\n\t}\n}\n\n.layout,\n.layout.layout-single {\n\t.layout-body {\n\t\tgrid-template: auto auto auto 1fr auto auto / 1fr;\n\t\tgrid-template-areas: 'header' 'hero' 'menu' 'main' 'aside' 'footer';\n\t}\n}\n\n.layout.layout-holy-grail {\n\t.layout-body {\n\t\tgrid-template: auto auto auto 1fr auto auto / 1fr;\n\t\tgrid-template-areas: 'header' 'hero' 'menu' 'main' 'aside' 'footer';\n\n\t\t@include tablet {\n\t\t\tgrid-template: auto auto 1fr auto auto / 1fr 2fr;\n\t\t\tgrid-template-areas:\n\t\t\t\t'header header'\n\t\t\t\t'hero hero'\n\t\t\t\t'menu main'\n\t\t\t\t'menu aside'\n\t\t\t\t'footer footer';\n\t\t}\n\n\t\t@include desktop {\n\t\t\tgrid-template: auto auto 1fr auto / 1fr 2fr 1fr;\n\t\t\tgrid-template-areas:\n\t\t\t\t'header header header'\n\t\t\t\t'hero hero hero'\n\t\t\t\t'menu main aside'\n\t\t\t\t'footer footer footer';\n\t\t}\n\n\t\t@include widescreen {\n\t\t\tgrid-template: auto auto 1fr auto / auto #{$quarter-widescreen} #{$half-widescreen} #{$quarter-widescreen} auto;\n\t\t\tgrid-template-areas:\n\t\t\t\t'header header header header header'\n\t\t\t\t'hero hero hero hero hero'\n\t\t\t\t'. menu main aside .'\n\t\t\t\t'footer footer footer footer footer';\n\t\t}\n\t}\n}\n\n.layout.layout-sidecar-left {\n\t.layout-body-aside {\n\t\tdisplay: none;\n\t}\n\n\t.layout-body {\n\t\tgrid-template: auto auto auto 1fr auto / 1fr;\n\t\tgrid-template-areas: 'header' 'hero' 'menu' 'main' 'footer';\n\n\t\t@include tablet {\n\t\t\tgrid-template: auto auto 1fr auto / 1fr 2fr;\n\t\t\tgrid-template-areas:\n\t\t\t\t'header header'\n\t\t\t\t'hero hero'\n\t\t\t\t'menu main'\n\t\t\t\t'footer footer';\n\t\t}\n\n\t\t@include desktop {\n\t\t\tgrid-template: auto auto 1fr auto / 1fr 3fr;\n\t\t\tgrid-template-areas:\n\t\t\t\t'header header'\n\t\t\t\t'hero hero'\n\t\t\t\t'menu main'\n\t\t\t\t'footer footer';\n\t\t}\n\n\t\t@include widescreen {\n\t\t\tgrid-template: auto auto 1fr auto / auto #{$quarter-widescreen} #{$three-quarters-widescreen} auto;\n\t\t\tgrid-template-areas:\n\t\t\t\t'header header header header'\n\t\t\t\t'hero hero hero hero'\n\t\t\t\t'. menu main .'\n\t\t\t\t'footer footer footer footer';\n\t\t}\n\t}\n}\n\n.layout.layout-sidecar-right {\n\t.layout-body-menu {\n\t\tdisplay: none;\n\t}\n\n\t.layout-body {\n\t\tgrid-template: auto auto auto 1fr auto / 1fr;\n\t\tgrid-template-areas: 'header' 'hero' 'main' 'aside' 'footer';\n\n\t\t@include tablet {\n\t\t\tgrid-template: auto auto 1fr auto / 2fr 1fr;\n\t\t\tgrid-template-areas:\n\t\t\t\t'header header'\n\t\t\t\t'hero hero'\n\t\t\t\t'main aside '\n\t\t\t\t'footer footer';\n\t\t}\n\n\t\t@include desktop {\n\t\t\tgrid-template: auto auto 1fr auto / 3fr 1fr;\n\t\t\tgrid-template-areas:\n\t\t\t\t'header header'\n\t\t\t\t'hero hero'\n\t\t\t\t'main aside '\n\t\t\t\t'footer footer';\n\t\t}\n\n\t\t@include widescreen {\n\t\t\tgrid-template: auto auto 1fr auto / auto #{$three-quarters-widescreen} #{$quarter-widescreen} auto;\n\t\t\tgrid-template-areas:\n\t\t\t\t'header header header header'\n\t\t\t\t'hero hero hero hero'\n\t\t\t\t'. main aside .'\n\t\t\t\t'footer footer footer footer';\n\t\t}\n\t}\n}\n","$aspect-ratios: (\n\t'1-1': '1 / 1',\n\t'2-1': '2 / 1',\n\t'4-3': '4 / 3',\n\t'9-16': '9 / 16',\n\t'16-9': '16 / 9'\n) !default;\n\n@each $name, $ratio in $aspect-ratios {\n\t.aspect-ratio-#{$name} {\n\t\taspect-ratio: #{$ratio} !important;\n\t}\n}\n","// Font family\n\n.font-family-monospace {\n\tfont-family: $monospace-font-stack !important;\n\t-moz-osx-font-smoothing: auto;\n\t-webkit-font-smoothing: auto;\n}\n\n.font-family-quote {\n\tfont-family: $quote-font-stack !important;\n}\n\n// Heading sizes\n\n.font-size-h0 {\n\tfont-size: $font-size-0 !important;\n}\n\n.font-size-h1 {\n\tfont-size: $font-size-1 !important;\n}\n\n.font-size-h2 {\n\tfont-size: $font-size-2 !important;\n}\n\n.font-size-h3 {\n\tfont-size: $font-size-3 !important;\n}\n\n.font-size-h4 {\n\tfont-size: $font-size-4 !important;\n}\n\n.font-size-h5 {\n\tfont-size: $font-size-5 !important;\n}\n\n.font-size-h6 {\n\tfont-size: $font-size-6 !important;\n}\n\n@include tablet {\n\t.font-size-h0-tablet {\n\t\tfont-size: $font-size-0 !important;\n\t}\n\n\t.font-size-h1-tablet {\n\t\tfont-size: $font-size-1 !important;\n\t}\n\n\t.font-size-h2-tablet {\n\t\tfont-size: $font-size-2 !important;\n\t}\n\n\t.font-size-h3-tablet {\n\t\tfont-size: $font-size-3 !important;\n\t}\n\n\t.font-size-h4-tablet {\n\t\tfont-size: $font-size-4 !important;\n\t}\n\n\t.font-size-h5-tablet {\n\t\tfont-size: $font-size-5 !important;\n\t}\n\n\t.font-size-h6-tablet {\n\t\tfont-size: $font-size-6 !important;\n\t}\n}\n\n// Non-heading sizes\n\n.font-size-xl {\n\tfont-size: $font-size-5 !important;\n}\n\n.font-size-lg {\n\tfont-size: $font-size-6 !important;\n}\n\n.font-size-md {\n\tfont-size: $font-size-7 !important;\n}\n\n.font-size-sm {\n\tfont-size: $font-size-8 !important;\n}\n\n.font-size-xs {\n\tfont-size: $font-size-9 !important;\n}\n\n// Non-heading sizes\n\n@include tablet {\n\t.font-size-xl-tablet {\n\t\tfont-size: $font-size-5 !important;\n\t}\n\n\t.font-size-lg-tablet {\n\t\tfont-size: $font-size-6 !important;\n\t}\n\n\t.font-size-md-tablet {\n\t\tfont-size: $font-size-7 !important;\n\t}\n\n\t.font-size-sm-tablet {\n\t\tfont-size: $font-size-8 !important;\n\t}\n\n\t.font-size-xs-tablet {\n\t\tfont-size: $font-size-9 !important;\n\t}\n}\n\n// Weight\n\n.font-weight-light {\n\tfont-weight: $weight-light !important;\n}\n\n.font-weight-semilight {\n\tfont-weight: $weight-semilight !important;\n}\n\n.font-weight-normal {\n\tfont-weight: $weight-normal !important;\n}\n\n.font-weight-semibold {\n\tfont-weight: $weight-semibold !important;\n}\n\n.font-weight-bold {\n\tfont-weight: $weight-bold !important;\n}\n\n// Case\n\n.font-style-italic {\n\tfont-style: italic !important;\n}\n\n.text-decoration-underline {\n\ttext-decoration: underline !important;\n}\n\n.text-decoration-none {\n\ttext-decoration: none !important;\n}\n\n// Letter Spacing\n\n.letter-spacing-wide {\n\tletter-spacing: $letter-spacing-wide !important;\n}\n\n.text-transform-uppercase {\n\ttext-transform: uppercase !important;\n}\n\n// Alignment\n\n.text-align-left {\n\ttext-align: start !important;\n}\n\n.text-align-center {\n\ttext-align: center !important;\n}\n\n.text-align-right {\n\ttext-align: end !important;\n}\n\n@include tablet {\n\t.text-align-left-tablet {\n\t\ttext-align: start !important;\n\t}\n\n\t.text-align-center-tablet {\n\t\ttext-align: center !important;\n\t}\n\n\t.text-align-right-tablet {\n\t\ttext-align: end !important;\n\t}\n}\n\n// Line height\n\n.line-height-normal {\n\tline-height: $line-height-normal;\n}\n",".border {\n\tborder: $border-width solid $border !important;\n}\n\n.border-md {\n\tborder: $border-width-md solid $border !important;\n}\n\n.border-lg {\n\tborder: $border-width-lg solid $border !important;\n}\n\n.border-none {\n\tborder: none !important;\n}\n\n// Rules for each side\n\n@each $border-key, $direction in $logical-directions {\n\t.border-#{$border-key} {\n\t\tborder-#{$direction}: $border-width solid $border !important;\n\t}\n\n\t.border-#{$border-key}-md {\n\t\tborder-#{$direction}: $border-width-md solid $border !important;\n\t}\n\n\t.border-#{$border-key}-lg {\n\t\tborder-#{$direction}: $border-width-lg solid $border !important;\n\t}\n\n\t.border-#{$border-key}-none {\n\t\tborder-#{$direction}: 0 !important;\n\t}\n}\n\n@include tablet {\n\t.border-tablet {\n\t\tborder: $border-width solid $border !important;\n\t}\n\n\t.border-md-tablet {\n\t\tborder: $border-width-md solid $border !important;\n\t}\n\n\t.border-lg-tablet {\n\t\tborder: $border-width-lg solid $border !important;\n\t}\n\n\t.border-none-tablet {\n\t\tborder: none !important;\n\t}\n\n\t// Rules for each side\n\n\t@each $border-key, $direction in $logical-directions {\n\t\t.border-#{$border-key}-tablet {\n\t\t\tborder-#{$direction}: $border-width solid $border !important;\n\t\t}\n\n\t\t.border-#{$border-key}-md-tablet {\n\t\t\tborder-#{$direction}: $border-width-md solid $border !important;\n\t\t}\n\n\t\t.border-#{$border-key}-lg-tablet {\n\t\t\tborder-#{$direction}: $border-width-lg solid $border !important;\n\t\t}\n\n\t\t.border-#{$border-key}-none-tablet {\n\t\t\tborder-#{$direction}: 0 !important;\n\t\t}\n\t}\n}\n\n// Radius\n\n.border-radius-sm {\n\tborder-radius: $border-radius-sm !important;\n}\n\n.border-radius {\n\tborder-radius: $border-radius !important;\n}\n\n.border-radius-lg {\n\tborder-radius: $border-radius-lg !important;\n}\n\n.border-radius-rounded {\n\tborder-radius: $border-radius-rounded !important;\n}\n\n// Colors\n\n@each $name, $color-set in $colors {\n\t$base: nth($color-set, $color-index-base);\n\n\t.border-color-#{$name} {\n\t\tborder-color: $base !important;\n\t}\n}\n\n.border-color-accent {\n\tborder-color: $border-accent !important;\n}\n\n.border-high-contrast {\n\tborder: $border-width solid $border-white-high-contrast !important;\n\n\t&-hover:hover {\n\t\tborder: $border-width solid $border-yellow-high-contrast !important;\n\t}\n}\n","$background-sizes: 100, 200 !default;\n\n@each $size in $background-sizes {\n\t.background-size-#{$size} {\n\t\tbackground-size: #{$size}px;\n\t}\n}\n\n.background-image-pattern {\n\tbackground-image: var(--background-image-pattern);\n}\n","// Framework colors\n\n@each $name, $color-set in $colors {\n\t$base: nth($color-set, $color-index-base);\n\t$background: nth($color-set, $color-index-background);\n\t$dark: nth($color-set, $color-index-dark);\n\t$hover: nth($color-set, $color-index-hover);\n\t$active: nth($color-set, $color-index-active);\n\t$invert: nth($color-set, $color-index-invert);\n\n\t.color-#{$name} {\n\t\t@if $name == 'warning' {\n\t\t\tcolor: $active !important;\n\t\t} @else {\n\t\t\tcolor: $base !important;\n\t\t}\n\t}\n\n\ta.color-#{$name} {\n\t\t&:hover {\n\t\t\t@if $name == 'warning' {\n\t\t\t\tcolor: $active !important;\n\t\t\t} @else {\n\t\t\t\tcolor: $hover !important;\n\t\t\t}\n\t\t}\n\n\t\t@include focus-visible {\n\t\t\tcolor: $hover !important;\n\t\t}\n\n\t\t&:active {\n\t\t\tcolor: $active !important;\n\t\t}\n\t}\n\n\t.color-#{$name}-invert {\n\t\tcolor: $invert !important;\n\t}\n\n\t.background-color-#{$name} {\n\t\toutline-color: $invert;\n\t\tbackground-color: $base !important;\n\t}\n\n\t.background-color-#{$name}-invert {\n\t\toutline-color: $base;\n\t\tbackground-color: $invert !important;\n\t}\n\n\t.background-color-#{$name}-light {\n\t\toutline-color: $dark;\n\t\tbackground-color: $background !important;\n\t}\n\n\t.background-color-#{$name}-dark {\n\t\toutline-color: $background;\n\t\tbackground-color: $dark !important;\n\t}\n}\n\n@include tablet {\n\t@each $name, $color-set in $colors {\n\t\t$base: nth($color-set, $color-index-base);\n\t\t$invert: nth($color-set, $color-index-invert);\n\n\t\t.background-color-#{$name}-tablet {\n\t\t\toutline-color: $invert;\n\t\t\tbackground-color: $base !important;\n\t\t}\n\t}\n}\n\n// Text color\n\n.color-text {\n\tcolor: $text !important;\n}\n\n.color-text-invert {\n\tcolor: $text-invert !important;\n}\n\n.color-text-subtle {\n\tcolor: $text-subtle !important;\n}\n\n.color-text-overlay-invert {\n\tcolor: $overlay-invert;\n}\n\n.color-current-color {\n\tcolor: currentColor !important;\n}\n\n.fill-current-color {\n\t@include fill-current-color();\n}\n\n.outline-color-text {\n\toutline-color: $text !important;\n}\n\n.stroke-current-color {\n\tstroke: currentColor !important;\n}\n\n// Background color\n\n.background-color-body {\n\toutline-color: $text !important;\n\tbackground-color: $body-background !important;\n}\n\n.background-color-body-medium {\n\toutline-color: $text !important;\n\tbackground-color: $body-background-medium !important;\n}\n\n.background-color-alternate {\n\toutline-color: $text-invert !important;\n\tbackground-color: $alternate-background !important;\n}\n\n.background-color-alternate-medium {\n\toutline-color: $text-invert !important;\n\tbackground-color: $alternate-background-medium !important;\n}\n\n.background-color-overlay {\n\toutline-color: $overlay-invert;\n\tbackground-color: $overlay !important;\n}\n\n.background-color-alternating-grey {\n\tborder-block-start: 1px solid $border-white-high-contrast;\n\toutline-color: $text !important;\n\n\t&:nth-of-type(even) {\n\t\toutline-color: $text;\n\t\tbackground-color: $body-background;\n\t}\n\n\t&:nth-of-type(odd) {\n\t\toutline-color: $text;\n\t\tbackground-color: $body-background-medium;\n\t}\n}\n\n.background-color-alternating-grey-reversed {\n\tborder-block-start: 1px solid $border-white-high-contrast;\n\toutline-color: $text !important;\n\n\t&:nth-of-type(even) {\n\t\toutline-color: $text;\n\t\tbackground-color: $body-background-medium;\n\t}\n\n\t&:nth-of-type(odd) {\n\t\toutline-color: $text;\n\t\tbackground-color: $body-background;\n\t}\n}\n\n.background-color-body-accent {\n\toutline-color: $text !important;\n\tbackground-color: $body-background-accent !important;\n}\n\n// Static colors - do not change with theme\n\n.color-white-static {\n\tcolor: $white-static !important;\n}\n\n.color-black-static {\n\tcolor: $black-static !important;\n}\n\n.background-color-white-static {\n\tbackground-color: $white-static !important;\n}\n\n.background-color-black-static {\n\tbackground-color: $black-static !important;\n}\n","@each $item in $displays {\n\t.display-#{$item} {\n\t\tdisplay: #{$item} !important;\n\t}\n}\n\n@include tablet {\n\t@each $item in $displays {\n\t\t.display-#{$item}-tablet {\n\t\t\tdisplay: #{$item} !important;\n\t\t}\n\t}\n}\n\n@include desktop {\n\t@each $item in $displays {\n\t\t.display-#{$item}-desktop {\n\t\t\tdisplay: #{$item} !important;\n\t\t}\n\t}\n}\n\n@include widescreen {\n\t@each $item in $displays {\n\t\t.display-#{$item}-widescreen {\n\t\t\tdisplay: #{$item} !important;\n\t\t}\n\t}\n}\n\n[hidden] {\n\tdisplay: none !important;\n}\n","$separator: '-' !default;\n\n$gap-sizes: (\n\t('xxs', $layout-1),\n\t('xs', $layout-2),\n\t('sm', $layout-3),\n\t('md', $layout-4),\n\t('lg', $layout-5),\n\t// ('xl', $layout-6),\n\t// ('xxl', $layout-7),\n\t// ('xxxl', $layout-8),\n\t('none', $layout-0)\n);\n\n@function sizeValue($key, $value) {\n\t@return if($key == 'none', 0, $value);\n}\n\n@each $size in $gap-sizes {\n\t$sizeKey: nth($size, 1);\n\t$sizeValue: nth($size, 2);\n\n\t// .<property>-<value>\n\t.gap#{$separator}#{$sizeKey} {\n\t\tgap: sizeValue($sizeKey, $sizeValue) !important;\n\t}\n}\n\n@include tablet {\n\t@each $size in $gap-sizes {\n\t\t$sizeKey: nth($size, 1);\n\t\t$sizeValue: nth($size, 2);\n\n\t\t.gap#{$separator}#{$sizeKey}#{$separator}tablet {\n\t\t\tgap: $sizeValue !important;\n\t\t}\n\t}\n}\n\n@include desktop {\n\t@each $size in $gap-sizes {\n\t\t$sizeKey: nth($size, 1);\n\t\t$sizeValue: nth($size, 2);\n\n\t\t.gap#{$separator}#{$sizeKey}#{$separator}desktop {\n\t\t\tgap: $sizeValue !important;\n\t\t}\n\t}\n}\n\n@include widescreen {\n\t@each $size in $gap-sizes {\n\t\t$sizeKey: nth($size, 1);\n\t\t$sizeValue: nth($size, 2);\n\n\t\t.gap#{$separator}#{$sizeKey}#{$separator}widescreen {\n\t\t\tgap: $sizeValue !important;\n\t\t}\n\t}\n}\n",".overflow-hidden {\n\toverflow: hidden;\n}\n\n@include tablet {\n\t.overflow-hidden-tablet {\n\t\toverflow: hidden;\n\t}\n}\n",".box-shadow-none {\n\tbox-shadow: none !important;\n}\n\n.box-shadow-light {\n\tbox-shadow: $box-shadow-light !important;\n}\n\n.box-shadow-medium {\n\tbox-shadow: $box-shadow-medium !important;\n}\n\n.box-shadow-heavy {\n\tbox-shadow: $box-shadow-heavy !important;\n}\n\n.box-shadow-extra-heavy {\n\tbox-shadow: $box-shadow-extra-heavy !important;\n}\n","$auto-spacing-properties: (\n\t('margin-inline', 'margin-inline'),\n\t('margin-left', 'margin-inline-start'),\n\t('margin-right', 'margin-inline-end'),\n\t('margin-top', 'margin-block-start')\n) !default;\n\n$separator: '-';\n\n@each $property in $auto-spacing-properties {\n\t$classicProp: nth($property, 1);\n\t$logicalProp: nth($property, 2);\n\n\t// .<property>-auto\n\t.#{$classicProp}#{$separator}auto {\n\t\t#{$logicalProp}: auto !important;\n\t}\n}\n\n// .<property>-auto-<screensize>\n@each $property in $auto-spacing-properties {\n\t$classicProp: nth($property, 1);\n\t$logicalProp: nth($property, 2);\n\n\t@include tablet {\n\t\t.#{$classicProp}#{$separator}auto#{$separator}tablet {\n\t\t\t#{$logicalProp}: auto !important;\n\t\t}\n\t}\n}\n\n@each $property in $auto-spacing-properties {\n\t$classicProp: nth($property, 1);\n\t$logicalProp: nth($property, 2);\n\n\t@include desktop {\n\t\t.#{$classicProp}#{$separator}auto#{$separator}desktop {\n\t\t\t#{$logicalProp}: auto !important;\n\t\t}\n\t}\n}\n\n@each $property in $auto-spacing-properties {\n\t$classicProp: nth($property, 1);\n\t$logicalProp: nth($property, 2);\n\n\t@include widescreen {\n\t\t.#{$classicProp}#{$separator}auto#{$separator}widescreen {\n\t\t\t#{$logicalProp}: auto !important;\n\t\t}\n\t}\n}\n","$separator: '-' !default;\n$logical-spacing-properties: (\n\t('margin', 'margin'),\n\t('margin-inline', 'margin-inline'),\n\t('margin-block', 'margin-block'),\n\t('margin-top', 'margin-block-start'),\n\t('margin-bottom', 'margin-block-end'),\n\t('margin-left', 'margin-inline-start'),\n\t('margin-right', 'margin-inline-end'),\n\t('padding', 'padding'),\n\t('padding-inline', 'padding-inline'),\n\t('padding-block', 'padding-block'),\n\t('padding-top', 'padding-block-start'),\n\t('padding-bottom', 'padding-block-end'),\n\t('padding-left', 'padding-inline-start'),\n\t('padding-right', 'padding-inline-end')\n) !default;\n\n$layout-sizes: (\n\t('xxs', $layout-1),\n\t('xs', $layout-2),\n\t('sm', $layout-3),\n\t('md', $layout-4),\n\t('lg', $layout-5),\n\t('xl', $layout-6),\n\t('xxl', $layout-7),\n\t('xxxl', $layout-8),\n\t('none', $layout-0)\n);\n\n@function sizeValue($key, $value) {\n\t@return if($key == 'none', 0, $value);\n}\n\n// Pattern: <cssproperty>-<value>-<screen>\n\n@each $property in $logical-spacing-properties {\n\t$classicProp: nth($property, 1);\n\t$logicalProp: nth($property, 2);\n\n\t@each $size in $layout-sizes {\n\t\t$sizeKey: nth($size, 1);\n\t\t$sizeValue: nth($size, 2);\n\n\t\t// .<property>-<value>\n\t\t.#{$classicProp}#{$separator}#{$sizeKey} {\n\t\t\t#{$logicalProp}: sizeValue($sizeKey, $sizeValue) !important;\n\t\t}\n\t}\n}\n\n@include tablet {\n\t@each $property in $logical-spacing-properties {\n\t\t$classicProp: nth($property, 1);\n\t\t$logicalProp: nth($property, 2);\n\n\t\t@each $size in $layout-sizes {\n\t\t\t$sizeKey: nth($size, 1);\n\t\t\t$sizeValue: nth($size, 2);\n\n\t\t\t.#{$classicProp}#{$separator}#{$sizeKey}#{$separator}tablet {\n\t\t\t\t#{$logicalProp}: $sizeValue !important;\n\t\t\t}\n\t\t}\n\t}\n}\n\n@include desktop {\n\t@each $property in $logical-spacing-properties {\n\t\t$classicProp: nth($property, 1);\n\t\t$logicalProp: nth($property, 2);\n\n\t\t@each $size in $layout-sizes {\n\t\t\t$sizeKey: nth($size, 1);\n\t\t\t$sizeValue: nth($size, 2);\n\n\t\t\t.#{$classicProp}#{$separator}#{$sizeKey}#{$separator}desktop {\n\t\t\t\t#{$logicalProp}: $sizeValue !important;\n\t\t\t}\n\t\t}\n\t}\n}\n\n@include widescreen {\n\t@each $property in $logical-spacing-properties {\n\t\t$classicProp: nth($property, 1);\n\t\t$logicalProp: nth($property, 2);\n\n\t\t@each $size in $layout-sizes {\n\t\t\t$sizeKey: nth($size, 1);\n\t\t\t$sizeValue: nth($size, 2);\n\n\t\t\t.#{$classicProp}#{$separator}#{$sizeKey}#{$separator}widescreen {\n\t\t\t\t#{$logicalProp}: $sizeValue !important;\n\t\t\t}\n\t\t}\n\t}\n}\n","@use 'sass:map';\n\n$flex-atomics: (\n\t'justify-content': (\n\t\tflex-start,\n\t\tflex-end,\n\t\tcenter,\n\t\tspace-around,\n\t\tspace-between,\n\t\tspace-evenly\n\t),\n\t'align-items': (\n\t\tflex-start,\n\t\tflex-end,\n\t\tcenter,\n\t\tbaseline,\n\t\tstretch\n\t),\n\t'align-content': (\n\t\tflex-start,\n\t\tflex-end,\n\t\tcenter,\n\t\tspace-around,\n\t\tspace-between,\n\t\tstretch\n\t),\n\t'align-self': (\n\t\tflex-start,\n\t\tflex-end,\n\t\tcenter,\n\t\tbaseline,\n\t\tstretch\n\t),\n\t'flex-direction': (\n\t\trow,\n\t\tcolumn,\n\t\tcolumn-reverse,\n\t\trow-reverse\n\t),\n\t'flex-wrap': (\n\t\tnowrap,\n\t\twrap,\n\t\twrap-reverse\n\t),\n\t'flex-shrink': (\n\t\t0,\n\t\t1\n\t),\n\t'flex-grow': (\n\t\t0,\n\t\t1\n\t)\n) !default;\n\n@each $key in map.keys($flex-atomics) {\n\t@each $value in map.get($flex-atomics, $key) {\n\t\t.#{$key}-#{$value} {\n\t\t\t#{$key}: $value !important;\n\t\t}\n\t}\n}\n\n@include tablet {\n\t@each $key in map.keys($flex-atomics) {\n\t\t@each $value in map.get($flex-atomics, $key) {\n\t\t\t.#{$key}-#{$value}-tablet {\n\t\t\t\t#{$key}: $value !important;\n\t\t\t}\n\t\t}\n\t}\n}\n","@each $item in $positions {\n\t.position-#{$item} {\n\t\tposition: #{$item} !important;\n\t}\n}\n\n@include tablet {\n\t@each $item in $positions {\n\t\t.position-#{$item}-tablet {\n\t\t\tposition: #{$item} !important;\n\t\t}\n\t}\n}\n\n@each $side, $direction in $logical-directions {\n\t.#{$side}-0 {\n\t\tinset-#{$direction}: 0;\n\t}\n}\n",".line-clamp-1 {\n\t@include line-clamp(1);\n}\n\n.line-clamp-2 {\n\t@include line-clamp(2);\n}\n\n.line-clamp-3 {\n\t@include line-clamp(3);\n}\n\n.line-clamp-4 {\n\t@include line-clamp(4);\n}\n",".object-fit-contain {\n\tobject-fit: contain !important;\n}\n\n.object-fit-cover {\n\tobject-fit: cover !important;\n}\n\n.object-fit-fill {\n\tobject-fit: fill !important;\n}\n\n.object-position-top {\n\tobject-position: top !important;\n}\n",".list-style-none {\n\tlist-style: none !important;\n}\n","@use 'sass:list';\n\n$universal-widths: auto, 100, 150, 200, 250, 300, 350 !default;\n$mobile-incompatible-widths: 400, 450, 500, unset !default;\n$all-widths: list.join($universal-widths, $mobile-incompatible-widths);\n\n// widths\n\n.width-full {\n\twidth: 100% !important;\n}\n\n@each $width in $universal-widths {\n\t$unit: if($width != auto, 'px', '');\n\t.width-#{$width} {\n\t\twidth: #{$width}#{$unit} !important;\n\t}\n}\n\n@include tablet {\n\t.width-full-tablet {\n\t\twidth: 100% !important;\n\t}\n\n\t@each $width in $all-widths {\n\t\t$unit: if($width != auto and $width != unset, 'px', '');\n\t\t.width-#{$width}-tablet {\n\t\t\twidth: #{$width}#{$unit} !important;\n\t\t}\n\t}\n}\n\n@include desktop {\n\t.width-full-desktop {\n\t\twidth: 100% !important;\n\t}\n\n\t@each $width in $all-widths {\n\t\t$unit: if($width != auto and $width != unset, 'px', '');\n\t\t.width-#{$width}-desktop {\n\t\t\twidth: #{$width}#{$unit} !important;\n\t\t}\n\t}\n}\n",".visually-hidden,\n::part(visually-hidden) {\n\t@include visually-hidden();\n}\n"],"names":[],"version":3,"file":"index.css.map"}