@microsoft/atlas-css 3.55.0 → 3.56.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/package.json +1 -1
  6. package/src/components/index.scss +1 -0
  7. package/src/components/layout.scss +15 -15
  8. package/src/components/steps.scss +22 -0
  9. package/src/tokens/layout.scss +3 -2
package/dist/index.css.map CHANGED
@@ -1 +1 @@
1
- {"mappings":"ACWA,4bAgBC,kQCfD,8bCJA,sZCRA,qtBCAA,iMCAA,kCCsCC,kCDtCD,gDEAA,8GCAA,gOAKC,g6BCLD,kICAA,0LCWA,oDAYA,cAQA,mBASA,gCAaA,oDAWA,wCAYA,yBASA,yGAUA,4BAUA,kDAWA,oBASA,8EAQA,kBAIA,cAWA,sBAYA,mGAgBA,8BAWA,kCAUA,0EAWA,oCAWA,qGAaA,iCAQA,uBASA,6DAUA,qDAAA,qDAUA,+DASA,iEASA,oEAYA,sBAQA,0BAWA,+BC5TA,4HA2BA,iDAUA,mBAIA,6BAMA,2BAIA,oCAMA,qCAMA,gBAIA,gDAKA,gBC9BE,m2GAiBA,iBACC,q2GAAA,+sGAYH,oJAaC,sIAAA,yJCvFD,oBAIA,2SAQA,4JAQA,+FAKA,mNCxBA,0EAYA,sFAcA,uEAOA,kCAMA,0FAUA,wDTOC,uCSPD,uCAQA,qETDC,uCSCD,2CC9BE,+SC1BF,kDAKA,oEAOA,gGAOA,2EAKA,6CAIA,iCAKA,sECnBC,qCAKC,4EAMA,uEASD,6FAOC,iEAMA,0DAGC,uGAMD,iDAMA,uGAMA,sFAMA,+FAMA,+EAOC,oGAKA,+GAMA,+FAKA,yGAMF,gDA/FA,iDAKC,2FAMA,mFAXD,+CAKC,2FAMA,kFAXD,mDAKC,0FAMA,oFAXD,mDAKC,4FAMA,oFCZF,qXAwBG,6IAAA,iJAAA,6IAAA,iIAAA,6IAAA,yIAQF,6DAKA,8IAYG,sJAAA,0JAAA,sJAAA,0IAAA,sJAAA,kJASH,8BAMA,iCAIA,+BCxED,8VAiBC,+BAGC,wEAIA,6KdGD,kCcHC,gEAcD,iDAGC,oGAKC,yFAIA,6EAMF,oIC9DD,+SAMA,+BAGC,yEAIC,0FAUA,kMCAF,6SAmBC,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,yJCvOH,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,gJAYA,wOAgBC,sDAIA,sCAIA,qDAOD,gGAMA,0DAIC,gEAKD,+HASA,mJAWE,yHAKD,+DAIA,8DAIA,qHAOC,4HAKA,yEAMA,gHAQA,6DAIA,gEAMA,4ElBxMF,uCkBiNC,qCAGC,sFAMA,yECpPH,qECWA,4ECNA,8DAKC,iDAIA,mDCgBD,4FAOC,kDAIA,iVAcC,mEAIA,6CAKD,wCAIA,yCAIA,sLAGC,yIAIC,mSAQA,6GAKA,oIAeA,sJAIC,mHAOH,uHAIC,iRAQA,8GAMA,sRCjHF,oNAUC,mDAIA,gHAKA,iJ3BxBC,mL2BwCD,kCAIA,mCAIA,0D3BhDC,8K2B0DD,4D3B1DC,iL2BoED,kDAGC,oFAKA,4DAGC,sKAWF,sEAIC,oHAIA,4PAcC,oHAMA,2GAOA,6GC5HH,sRAaC,+BAIA,wDAKA,sDAIA,mHAKA,oJ5BhCC,qL4BgDD,4CAIA,gE5BpDC,mL4B8DD,kE5B9DC,sL4B4EF,mWxBrCC,uCwBqCD,sCAkBC,6OASA,iEAMA,8HAOA,yHAMA,2ICvHD,yCAIC,+OAYC,mDAIC,8EAKD,wHAKA,yJ7BjCA,2L6BmDA,4EAIA,kIAQA,gGAKD,oCAIA,qCAIA,mE7B5EC,uL6BsFD,qE7BtFC,0L8BWF,2DAKC,4SCjCA,8BDiCA,qFAkBE,6IAMF,uCAgBA,4PCzEA,8BDyEA,uKAaE,sIAQD,kNC9FD,8BD8FC,4KAQE,sKAMF,0KAKD,8FE5GA,gDAIA,mEAKA,gHAKC,sG5BMD,uC4BXA,gCAeC,qDAIA,sDAMA,4CAIA,8DAGC,sGAOF,qFAOD,yHC3CA,6GASC,iD7BKA,kC6BLA,2FAYA,yEAIA,oD7BjBA,uC6BiBA,2F7BXA,kC6BWA,6EAiBC,yK7B5BD,kC6B4BC,kMAkBA,gEAUC,gEAOA,gEAOA,iEAOF,6F7BnFA,uC6BmFA,+B7B7EA,kC6B6EA,2KAmBA,wFAOC,gGAQD,kP7B/GA,kC6B+GA,uC7BzGA,kC6ByGA,0EAqBC,8BArBD,yDAyBC,gGAIA,8FAIA,0EAOD,mEAIC,0LAKA,qHCzLD,+EAAA,6FAWA,yCAGA,gVHpBA,8BGoBA,sD9BKA,uC8B6BC,mQArCD,0CAGA,8UHpBA,8BGoBA,uD9BKA,uC8B6BC,iQA0BD,uQAAA,6QC9ED,8KAKC,uHCJD,oGASC,+EAKA,mKAYA,gDCzBA,kYAoBC,yFAOC,8ICfH,yCAOC,oKASA,kEAOA,yCAIA,qCAIA,uDAKA,kCAGC,4EAKC,0CAKD,6CAKD,qCAGC,iFAKC,+CAKD,6CAKD,+JAQC,6EAMD,gGAMA,qGAOA,iGAOA,mHAQA,qHAQA,+EAMA,kIAOC,6ECxJF,2CAIC,8HAQD,6CAKA,0DCCA,wJAUC,+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,8IAMA,6EAGC,qGAIA,yFAKD,0IAMC,8IASF,gJCjGD,oEAKC,+CAOA,mDCbD,uCAIC,2EAQA,wEAUC,0CvCED,uCuCIE,kDvCEF,kCuCKE,mDAbD,0CvCED,uCuCIE,kDvCEF,kCuCKE,mDAbD,0CvCED,uCuCIE,kDvCEF,kCuCKE,mDAbD,0CvCED,uCuCIE,kDvCEF,kCuCKE,mDAbD,0CvCED,uCuCIE,kDvCEF,kCuCKE,mDAbD,0CvCED,uCuCIE,kDvCEF,kCuCKE,mDAbD,0CvCED,uCuCIE,kDvCEF,kCuCKE,mDAbD,0CvCED,uCuCIE,kDvCEF,kCuCKE,mDAbD,0CvCED,uCuCIE,kDvCEF,kCuCKE,mDAbD,8CvCED,uCuCIE,sDvCEF,kCuCKE,uDAbD,8CvCED,uCuCIE,sDvCEF,kCuCKE,uDCtBH,oFAOC,sLAQC,uHASD,2EAIC,mGASD,qCAIA,mCClDD,gDAIC,iCAGC,sDAKD,4TAaC,2DAMA,iEAMA,kFCdF,0CAKA,6BAIA,+GAQC,2EAOA,4IAKC,6GfzDD,8BegEC,iPAgBF,iFAKA,wGAQA,uJAcA,sJAQC,uKAMA,wP1ChHA,0F0C2HC,gDAIA,mEAKA,6C1CpHD,uC0C2HA,8EAOA,6BAIA,yBAIA,mCAIE,2DAIA,8EAKA,wDCvKH,uNAYC,0GAIA,iFAIA,4EAMA,6CAOC,sGAIA,iGAMA,oGAIA,+FAMA,sGAIA,iGAKD,ieAgBC,iEAIA,yEAIA,sE3CvCD,uC2CeA,mDhBvEA,8BgBSD,oDAkGE,0EAIA,2EAIA,sEAIA,4JACC,oFChHH,qEAMA,+EAMC,0EAIA,iIASA,gLAUA,uC5CCA,iC4CKE,uFAMA,uIAMA,gIAKA,8GAMF,0FAUC,uGAKA,gGAOA,sFAMA,oDAOA,mDCrEF,2TAeC,kCAIA,8EAQC,iFAKD,4BAMA,6BAIA,2BAMA,6FAQE,yNAUC,qLAMD,sIAOD,qPAWC,uLAWH,kKAOE,0GAMA,wPAMC,sWAQD,sGAMF,gLAOE,wGAMA,qQAMC,sWAQD,uGC5LD,wQnBXA,8BmBWA,mFAiBC,+WnB5BD,8BmB4BC,2DAoBD,uJnBhDA,8BmBgDA,0IAWC,mKnB3DD,8BmB2DC,oHAWD,oLASC,0EChFF,yEAMA,uEAMA,yHAQA,oFCWC,yyBAGC,+8BAYF,8NASC,yGAKD,0KhDtBC,kCgDsBD,+CAcC,0KAcC,0GAIA,wDAGC,2DAKA,6FAKA,8FAiBD,8GAOA,kHAMD,qJAOA,sFhDpHA,uCgDoHA,kDAoBA,oFAOA,ukBhD/IA,uCgD+IA,+HhDzIA,kCgDyIA,gEhDnIA,kCgDmIA,kEA+BC,sOhD9KD,uCgD8KC,uMAgBA,4HAMA,qFhDpMD,uCgDoMC,uJhD9LD,kCgD8LC,gIAgBA,qFhDpND,uCgDoNC,sJhD9MD,kCgD8MC,gIC7OD,sECeD,uKASC,kTAYC,oJvBpCD,8BuBoCC,wMtDnBA,sLsDoCD,mMAUA,6RtD9CC,mHsDkEA,wGvBnFD,8BuBmFC,0IAWA,+IAKC,uHvBnGF,8BuB8FC,0IlDrED,uCkDwFC,yIlDlFD,kCkDyFC,sICjHF,mHAOA,kPnDuBC,kCmDvBD,gHAmBA,2DAIA,kEAIA,oDAQA,qCAIA,iCAIA,iCAIA,iCAIA,mCAIA,qCAIA,kDAUC,wIAWA,iInD/DA,kCmDoEA,8RASA,gHnDnFA,uCmDmFA,uNnD7EA,kCmD6EA,4OnDvEA,kCmDuEA,wQnD7EA,kCmDoHA,uTnD9GA,kCmD8GA,uTA0BA,4DAIA,2GnDxJA,uCmDwJA,wMnDlJA,kCmDkJA,wMnD5IA,kCmD4IA,4OnDlJA,kCmDkLA,mRnD5KA,kCmD4KA,mRAyBA,4DAIA,6GnDrNA,uCmDqNA,0MnD/MA,kCmD+MA,0MnDzMA,kCmDyMA,8OnD/MA,kCmD+OA,qRnDzOA,kCmDyOA,qRA0BA,mDAIA,oGnDnRA,uCmDmRA,iMnD7QA,kCmD4RA,2QA4BC,gEnD9TD,uCmDsUC,gQAWC,qdnD3UF,kCmD4VA,uKAMC,wUCzXD,2CAAA,2CAAA,6CAAA,+CAAA,+CCPD,sKAMA,mFAMA,2CAIA,yCAIA,2CAIA,0CAIA,yCAIA,0CAIA,2CrDZC,uCqDiBA,kDAIA,gDAIA,kDAIA,iDAIA,gDAIA,iDAIA,mDAOD,0CAIA,2CAIA,uCAIA,0CAIA,yCrDhEC,uCqDuEA,iDAIA,kDAIA,8CAIA,iDAIA,iDAOD,6CAIA,iDAIA,8CAIA,gDAIA,4CAMA,+CAIA,+DAIA,qDAMA,sDAIA,6DAMA,4CAIA,+CAIA,2CrDpJC,uCqDyJA,mDAIA,sDAIA,mDAOD,6CAMA,8CAMA,iDAIA,iDAIA,2CAIA,qDC1NA,uDAIA,8DAIA,6DAIA,mCAOC,uEAIA,8EAIA,6EAIA,gDAZA,wEAIA,+EAIA,8EAIA,iDAZA,wEAIA,+EAIA,8EAIA,iDAZA,yEAIA,gFAIA,+EAIA,kDtDLA,uCsDWA,8DAIA,qEAIA,oEAIA,0CAOC,8EAIA,qFAIA,oFAIA,uDAZA,+EAIA,sFAIA,qFAIA,wDAZA,+EAIA,sFAIA,qFAIA,wDAZA,gFAIA,uFAIA,sFAIA,0DAQF,kDAIA,8CAIA,kDAIA,wDAIA,8CASC,uEAAA,2EAAA,yEAAA,uEAAA,iEAAA,uEAAA,qEAKD,uEAIA,yFAGC,sGC9GA,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,iF5DQC,yE4DaA,mEAKD,kEAIA,yHAKA,gIAKA,mIAKA,kIA7CA,uDASC,4FAYA,iEAKD,gEAIA,sHAKA,6HAKA,gIAKA,+HxD7BA,uCwDwCC,gIAAA,sIAAA,mIAAA,gIAAA,uHAAA,gIAAA,8HASF,8CAIA,4DAIA,4DAIA,6DAIA,kDAIA,wDAIA,yEAIA,8DAIA,oDAMA,yHAKA,uIAKA,0IAKA,wJAKA,oHAKA,kJAIC,iIAKA,yIAMD,2JAIC,iJAKA,2IAMD,sOAaA,+DAMA,yCAIA,yCAIA,4FAKA,4FCvMC,uCAAA,qCAAA,yCAAA,qDAAA,mDAAA,qCAAA,qCzDyBA,uCyDlBC,8CAAA,4CAAA,gDAAA,4DAAA,0DAAA,4CAAA,6CzDwBD,kCyDhBC,+CAAA,6CAAA,iDAAA,6DAAA,2DAAA,6CAAA,8CzDsBD,kCyDdC,kDAAA,gDAAA,oDAAA,gEAAA,8DAAA,gDAAA,iDAMF,gCCPC,6BAAA,2BAAA,6BAAA,2BAAA,2BAAA,0B1DGA,uC0DOC,oCAAA,kCAAA,oCAAA,kCAAA,kCAAA,kC1DDD,kC0DYC,qCAAA,mCAAA,qCAAA,mCAAA,mCAAA,mC1DND,kC0DiBC,wCAAA,sCAAA,wCAAA,sCAAA,sCAAA,sCCvDF,mCCAA,2CAIA,+C5DsBC,uC4DjBA,kDAIA,uDAKD,2DAIA,iFCtBA,2CAIA,kIAIA,oIAIA,qIAIA,kJCFC,iDAAA,qDAAA,oDAAA,mD9DYA,uC8DDC,wDAAA,4DAAA,2DAAA,2D9DOD,kC8DIC,yDAAA,6DAAA,4DAAA,4D9DED,kC8DSC,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,mD/DnBD,uC+DkCE,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,2D/D5BF,kC+D4CE,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,4D/DtCF,kC+DsDE,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,+DCjCD,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,mCAAA,qChEjCD,uCgE0CE,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,0CAAA,6CCnEF,yCAAA,+CAAA,+CAAA,2CjEyBA,uCiElBC,gDAAA,sDAAA,sDAAA,mDAOD,qCAAA,sCAAA,sCAAA,uCCfD,6CAIA,6CAIA,6CAIA,6CCZA,iDAIA,6CAIA,2CAIA,mDCZA,+DAOC,sCAAA,sDCCD,iCAMC,iCAAA,gFAAA,iCAAA,iCAAA,iCAAA,iCAAA,iCAAA,iCrEYA,uCqENA,wCAMC,wCAAA,uFAAA,wCAAA,wCAAA,wCAAA,wCAAA,wCAAA,wCAAA,wCAAA,wCAAA,wCAAA,2CrEMD,kCqECA,yCAMC,yCAAA,wFAAA,yCAAA,yCAAA,yCAAA,yCAAA,yCAAA,yCAAA,yCAAA,yCAAA,yCAAA,4CCvCF","sources":["index.css","css/src/mixins/control.scss","css/src/mixins/chevron.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/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/accordion.scss","css/src/components/badge.scss","css/src/components/banner.scss","css/src/components/breadcrumbs.scss","css/src/components/button.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/components/form/input.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/components/gradient-card.scss","css/src/components/link-button.scss","css/src/mixins/code-block.scss","css/src/components/markdown.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/progress-bar.scss","css/src/components/table.scss","css/src/components/tag.scss","css/src/components/toggle.scss","css/src/components/scroll.scss","css/src/components/site-header.scss","css/src/components/stretched-link.scss","css/src/components/segmented-control.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/height.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":[".site-header .site-header-button, .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: .25rem;\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.site-header [disabled].site-header-button, [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.select:not(.select-multiple):after, .accordion.accordion-icon-end:dir(rtl) summary:after, .accordion.accordion-icon-end summary:after, .accordion:not(.accordion-icon-end):dir(rtl) summary:before, .accordion:not(.accordion-icon-end) summary:before {\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 inset-inline-end: calc(.625em - 1px);\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.site-header .site-header-button, .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 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\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[type=\"number\"]::-webkit-inner-spin-button {\n height: auto;\n}\n\n[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-control-border-bottom: #505050;\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-control-border-bottom: #e6e6e6;\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-control-border-bottom: #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 --lightningcss-light: initial;\n --lightningcss-dark: ;\n color-scheme: light;\n}\n\n.theme-dark, .theme-high-contrast {\n --lightningcss-light: ;\n --lightningcss-dark: initial;\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 Variable Text, 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 Variable Text, 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@keyframes slide-background {\n 0% {\n background-position: 200% 0;\n }\n\n 100% {\n background-position: -200% 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.accordion summary {\n font-size: .875rem;\n}\n\n.accordion:not(.accordion-icon-end) summary:before {\n margin-block-start: .5rem;\n}\n\n.accordion.accordion-icon-end summary:after {\n margin-block-start: .375rem;\n}\n\n.accordion summary {\n cursor: pointer;\n gap: 1rem;\n padding-block: .75rem;\n line-height: 1.5;\n display: flex;\n}\n\n.accordion summary:before, .accordion summary:after {\n flex-shrink: 0;\n}\n\n.accordion summary:hover {\n color: var(--theme-primary-hover);\n}\n\n.accordion summary:hover:before, .accordion summary:hover:after {\n border-color: var(--theme-primary-hover);\n}\n\n.accordion summary .accordion-header {\n flex-grow: 1;\n}\n\n.accordion:not(.accordion-icon-end) summary:before {\n transition: transform .15s;\n transform: rotate(-135deg);\n}\n\n.accordion:not(.accordion-icon-end):dir(rtl) summary:before {\n transform: rotate(-225deg);\n}\n\n.accordion.accordion-icon-end summary:after {\n transition: transform .15s;\n transform: rotate(-45deg);\n}\n\n.accordion.accordion-icon-end:dir(rtl) summary:after {\n transform: rotate(-315deg);\n}\n\n.accordion[open]:not(.accordion-icon-end) summary:before {\n transform: rotate(-45deg)translate(.2625em);\n}\n\n.accordion[open]:not(.accordion-icon-end):dir(rtl) summary:before {\n transform: rotate(-315deg)translate(-.2625em);\n}\n\n.accordion[open].accordion-icon-end summary:after {\n transform: rotate(-45deg)scaleY(-1)scaleX(-1);\n}\n\n.accordion[open].accordion-icon-end:dir(rtl) summary:after {\n transform: rotate(-315deg)scaleY(-1)scaleX(-1);\n}\n\n.accordion .accordion-content {\n font-size: .875rem;\n}\n\n.accordion.accordion-sm summary {\n font-size: .75rem;\n}\n\n.accordion.accordion-sm:not(.accordion-icon-end) summary:before {\n margin-block-start: .375rem;\n}\n\n.accordion.accordion-sm.accordion-icon-end summary:after {\n margin-block-start: .25rem;\n}\n\n.accordion.accordion-lg summary {\n font-size: 1rem;\n}\n\n.accordion.accordion-lg:not(.accordion-icon-end) summary:before {\n margin-block-start: .625rem;\n}\n\n.accordion.accordion-lg.accordion-icon-end summary:after {\n margin-block-start: .5rem;\n}\n\n.accordion.accordion-xl summary {\n font-size: 1.125rem;\n}\n\n.accordion.accordion-xl:not(.accordion-icon-end) summary:before {\n margin-block-start: .75rem;\n}\n\n.accordion.accordion-xl.accordion-icon-end summary:after {\n margin-block-start: .625rem;\n}\n\n.accordion.accordion-xxl summary {\n font-size: 1.25rem;\n}\n\n.accordion.accordion-xxl:not(.accordion-icon-end) summary:before {\n margin-block-start: .875rem;\n}\n\n.accordion.accordion-xxl.accordion-icon-end summary:after {\n margin-block-start: .75rem;\n}\n\n.badge {\n border: 1px solid var(--theme-border-white-high-contrast);\n white-space: nowrap;\n border-color: var(--theme-secondary-dark);\n background-color: var(--theme-secondary-background);\n color: var(--theme-secondary-dark);\n border-radius: 290486px;\n justify-content: center;\n align-items: center;\n gap: .375em;\n padding: .2em .5em;\n font-size: .875rem;\n font-weight: 600;\n line-height: 1.3;\n display: inline-flex;\n}\n\n.badge.badge-primary {\n border-color: var(--theme-primary-dark);\n background-color: var(--theme-primary-background);\n color: var(--theme-primary-dark);\n}\n\n.badge.badge-tertiary {\n border-color: var(--theme-tertiary-dark);\n background-color: var(--theme-tertiary-background);\n color: var(--theme-tertiary-dark);\n}\n\n.badge.badge-success {\n border-color: var(--theme-success-dark);\n background-color: var(--theme-success-background);\n color: var(--theme-success-dark);\n}\n\n.badge.badge-info {\n border-color: var(--theme-info-dark);\n background-color: var(--theme-info-background);\n color: var(--theme-info-dark);\n}\n\n.badge.badge-warning {\n border-color: var(--theme-warning-dark);\n background-color: var(--theme-warning-background);\n color: var(--theme-warning-dark);\n}\n\n.badge.badge-danger {\n border-color: var(--theme-danger-dark);\n background-color: var(--theme-danger-background);\n color: var(--theme-danger-dark);\n}\n\n.badge.badge-clear {\n background-color: #0000;\n border-color: #0000;\n}\n\n.badge.badge-filled {\n border-color: var(--theme-secondary-base);\n background-color: var(--theme-secondary-base);\n color: var(--theme-secondary-invert);\n}\n\n.badge.badge-filled.badge-primary {\n border-color: var(--theme-primary-base);\n background-color: var(--theme-primary-base);\n color: var(--theme-primary-invert);\n}\n\n.badge.badge-filled.badge-tertiary {\n border-color: var(--theme-tertiary-base);\n background-color: var(--theme-tertiary-base);\n color: var(--theme-tertiary-invert);\n}\n\n.badge.badge-filled.badge-success {\n border-color: var(--theme-success-base);\n background-color: var(--theme-success-base);\n color: var(--theme-success-invert);\n}\n\n.badge.badge-filled.badge-info {\n border-color: var(--theme-info-base);\n background-color: var(--theme-info-base);\n color: var(--theme-info-invert);\n}\n\n.badge.badge-filled.badge-warning {\n border-color: var(--theme-warning-base);\n background-color: var(--theme-warning-base);\n color: var(--theme-warning-invert);\n}\n\n.badge.badge-filled.badge-danger {\n border-color: var(--theme-danger-base);\n background-color: var(--theme-danger-base);\n color: var(--theme-danger-invert);\n}\n\n.badge .icon {\n font-size: .875em;\n}\n\n.badge.badge-sm {\n font-size: .75rem;\n}\n\n.badge.badge-lg {\n font-size: 1rem;\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 text-decoration: underline;\n}\n\n.theme-high-contrast .banner .banner-content a:not(.button) {\n color: var(--theme-hyperlink);\n}\n\n.banner .banner-content a:not(.button):hover {\n text-decoration-thickness: .15em;\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: .25rem;\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 -webkit-line-clamp: 1;\n letter-spacing: .225rem;\n text-transform: uppercase;\n grid-area: supertitle;\n font-size: .75rem;\n line-height: 1;\n}\n\n.card .card-title {\n -webkit-line-clamp: 3;\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}\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 -webkit-line-clamp: 4;\n max-height: inherit;\n padding-block-end: 0;\n font-size: .875rem;\n line-height: 1.25;\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: .25rem;\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 .125em .125em 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 .125em .125em 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 .125em .125em 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 border-block-end-color: var(--theme-control-border-bottom);\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-secondary-base);\n border-block-end-color: var(--theme-control-border-bottom);\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-block-end-color: var(--theme-primary-base);\n outline-offset: 0;\n box-shadow: 0 .0625rem 0 0 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 border-color: var(--theme-control-border);\n border-block-end-color: var(--theme-danger-base);\n box-shadow: 0 .0625rem 0 0 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 border-color: var(--theme-control-border);\n border-block-end-color: var(--theme-success-base);\n box-shadow: 0 .0625rem 0 0 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 border-block-end-color: var(--theme-control-border-bottom);\n background-color: var(--theme-body-background);\n width: 100%;\n max-width: 100%;\n transition: box-shadow .3s linear;\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-secondary-base);\n border-block-end-color: var(--theme-control-border-bottom);\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-block-end-color: var(--theme-primary-base);\n outline-offset: 0;\n box-shadow: 0 .125rem 0 0 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 border-color: var(--theme-control-border);\n border-block-end-color: var(--theme-danger-base);\n box-shadow: 0 .125rem 0 0 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 border-color: var(--theme-control-border);\n border-block-end-color: var(--theme-success-base);\n box-shadow: 0 .125rem 0 0 var(--theme-success-base);\n}\n\n.textarea-form {\n border-style: solid;\n border-width: 1px;\n border-color: var(--theme-control-border);\n background-color: var(--theme-body-background);\n border-block-end-color: var(--theme-control-border-bottom);\n border-radius: .25rem;\n gap: .25em;\n padding-block: calc(.375em - 1px);\n padding-inline: calc(.625em - 1px);\n font-size: 1rem;\n transition: box-shadow .3s linear;\n display: grid;\n}\n\n@media (prefers-reduced-motion: reduce) {\n .textarea-form {\n animation-duration: 0s;\n }\n}\n\n.textarea-form:has(.textarea:focus-visible), .textarea-form:has(.textarea:hover) {\n border-block-end-color: var(--theme-primary-base);\n outline-offset: 0;\n box-shadow: 0 .125rem 0 0 var(--theme-primary-base);\n outline-style: solid;\n outline-color: #0000;\n}\n\n.textarea-form .textarea {\n resize: none;\n box-shadow: none;\n border: none;\n}\n\n.textarea-form .textarea-form-footer {\n outline-color: currentColor;\n justify-content: space-between;\n align-items: center;\n display: flex;\n}\n\n.textarea-form .textarea-form-footer-divider {\n border: 1px solid var(--theme-control-border);\n border-radius: .5rem;\n height: 70%;\n}\n\n.textarea-form .textarea-form-footer-left, .textarea-form .textarea-form-footer-right {\n align-items: center;\n gap: .25em;\n height: 100%;\n display: flex;\n}\n\n.select {\n font-size: 1rem;\n position: relative;\n}\n\n.select select {\n border-color: var(--theme-control-border);\n border-block-end-color: var(--theme-control-border-bottom);\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:hover {\n border-color: var(--theme-secondary-base);\n border-block-end-color: var(--theme-control-border-bottom);\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-block-end-color: var(--theme-primary-base);\n outline-offset: 0;\n box-shadow: 0 .0625rem 0 0 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 display: block;\n position: absolute;\n inset-block-start: calc(50% - .375em);\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 border-color: var(--theme-control-border);\n border-block-end-color: var(--theme-danger-base);\n box-shadow: 0 .0625rem 0 0 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 border-color: var(--theme-control-border);\n border-block-end-color: var(--theme-success-base);\n box-shadow: 0 .0625rem 0 0 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 background-color: unset !important;\n border-color: canvastext !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 .15em 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 background-color: unset !important;\n box-shadow: none !important;\n border-color: canvastext !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 .15em 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 .15em 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\n.theme-high-contrast .hero .hero-details-card {\n background: unset !important;\n}\n\n.hero .hero-details {\n padding-block: 2rem;\n display: flex;\n}\n\n@media screen and (width >= 768px), print {\n .hero .hero-details {\n justify-content: flex-end;\n padding-block: 3rem;\n padding-inline-start: 2rem;\n }\n}\n\n@media screen and (width >= 1088px) {\n .hero .hero-details {\n min-height: 400px;\n padding-block: 4rem;\n padding-inline: 3rem;\n }\n}\n\n.hero .hero-details .hero-details-card {\n backdrop-filter: blur(20px);\n background-color: var(--theme-body-background);\n align-self: flex-start;\n}\n\n@media screen and (width >= 1088px) {\n .hero .hero-details .hero-details-card {\n background: linear-gradient(116deg, var(--theme-body-background) 23.94%, var(--theme-border-white-high-contrast) 200%);\n max-width: 500px;\n margin-inline-start: 2rem;\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[dir=\"rtl\"] .hero.hero-image, .hero.hero-image:dir(rtl) {\n direction: ltr;\n}\n\n[dir=\"rtl\"] .hero.hero-image .hero-content, [dir=\"rtl\"] .hero.hero-image .hero-details-card, .hero.hero-image:dir(rtl) .hero-content, .hero.hero-image:dir(rtl) .hero-details-card {\n direction: rtl;\n}\n\n[dir=\"rtl\"] .hero.hero-image[class^=\"gradient-border-\"], .hero.hero-image:dir(rtl)[class^=\"gradient-border-\"] {\n direction: ltr;\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 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 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 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 minmax(0, 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.notification .notification-content a:not(.button) {\n text-decoration: underline;\n}\n\n.theme-high-contrast .notification .notification-content a:not(.button) {\n color: var(--theme-hyperlink);\n}\n\n.notification .notification-content a:not(.button):hover {\n text-decoration-thickness: .15em;\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.popover.popover-top .popover-content {\n margin-block-end: .5rem;\n inset-block-end: 100%;\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 content: \"\";\n forced-color-adjust: none;\n background-color: linktext;\n border: 1px solid linktext;\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.progress-bar {\n background-color: var(--theme-secondary-background-glow-high-contrast);\n appearance: none;\n border: none;\n border-radius: 290486px;\n width: 100%;\n max-width: 100%;\n height: .25rem;\n padding: 0;\n display: block;\n overflow: hidden;\n}\n\n.progress-bar::-webkit-progress-bar {\n background-color: var(--theme-secondary-background-glow-high-contrast);\n}\n\n.progress-bar::-webkit-progress-value {\n background-color: var(--theme-primary-base);\n}\n\n.progress-bar::-moz-progress-bar {\n background-color: var(--theme-primary-base);\n}\n\n.progress-bar.progress-bar-sm {\n height: .125rem;\n}\n\n.progress-bar.progress-bar-success::-webkit-progress-value {\n background-color: var(--theme-success-base);\n}\n\n.progress-bar.progress-bar-success::-moz-progress-bar {\n background-color: var(--theme-success-base);\n}\n\n.progress-bar.progress-bar-danger::-webkit-progress-value {\n background-color: var(--theme-danger-base);\n}\n\n.progress-bar.progress-bar-danger::-moz-progress-bar {\n background-color: var(--theme-danger-base);\n}\n\n.progress-bar.progress-bar-warning::-webkit-progress-value {\n background-color: var(--theme-warning-base);\n}\n\n.progress-bar.progress-bar-warning::-moz-progress-bar {\n background-color: var(--theme-warning-base);\n}\n\n.progress-bar:indeterminate {\n background-color: var(--theme-secondary-background-glow-high-contrast);\n background-image: linear-gradient(to right, var(--theme-secondary-background-glow-high-contrast) 0%, var(--theme-primary-base) 20%, var(--theme-secondary-background-glow-high-contrast) 40%);\n background-position: 0 0;\n background-repeat: no-repeat;\n background-size: 150% 150%;\n animation-name: slide-background;\n animation-duration: 2s;\n animation-timing-function: linear;\n animation-iteration-count: infinite;\n}\n\n.progress-bar:indeterminate:dir(rtl) {\n animation-direction: reverse;\n}\n\n.progress-bar:indeterminate::-webkit-progress-bar {\n background-color: #0000;\n}\n\n.progress-bar:indeterminate::-moz-progress-bar {\n background-color: #0000;\n}\n\n@media (prefers-reduced-motion: reduce) {\n .progress-bar:indeterminate {\n animation-duration: 0s;\n }\n}\n\n@media (forced-colors: active) {\n .progress-bar {\n background-color: canvastext !important;\n }\n\n .progress-bar::-webkit-progress-bar {\n background-color: canvastext !important;\n }\n\n .progress-bar::-webkit-progress-value {\n background-color: highlight !important;\n }\n\n .progress-bar::-moz-progress-bar {\n background-color: highlight !important;\n }\n\n .progress-bar:indeterminate {\n forced-color-adjust: none !important;\n background-image: linear-gradient(to right, canvastext 0%, highlight 20%, canvastext 40%) !important;\n }\n\n .progress-bar:indeterminate::-webkit-progress-bar {\n background-color: #0000 !important;\n }\n}\n\n.table-wrapper {\n -webkit-overflow-scrolling: touch;\n overflow: auto 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.tag {\n border: 1px solid var(--theme-secondary-base);\n background-color: var(--theme-body-background);\n color: var(--theme-secondary-dark);\n white-space: nowrap;\n border-radius: .25rem;\n justify-content: center;\n align-items: center;\n gap: .375em;\n padding: .375em .675em;\n font-size: .875rem;\n font-weight: 400;\n line-height: 1.3;\n display: inline-flex;\n}\n\n.tag:where(button) {\n cursor: pointer;\n}\n\n.tag .tag-close {\n justify-content: center;\n align-items: center;\n display: inline-flex;\n}\n\n.tag:hover .tag-close, .tag.is-hovered .tag-close {\n color: var(--theme-primary-dark);\n}\n\n.tag .icon {\n font-size: .875em;\n}\n\n.tag.tag-sm {\n font-size: .75rem;\n}\n\n.tag.tag-lg {\n font-size: 1rem;\n}\n\n.tag.tag-interactive {\n color: var(--theme-text);\n border: none;\n align-items: stretch;\n gap: 0;\n padding: 0;\n}\n\n.tag.tag-interactive .tag-popover .tag-summary {\n border: 1px solid var(--theme-secondary-base);\n outline-offset: -.125rem;\n cursor: pointer;\n border-radius: .25rem;\n outline-color: currentColor;\n padding: .375em .675em;\n overflow: hidden;\n}\n\n.tag.tag-interactive .tag-popover .tag-summary:hover, .tag.tag-interactive .tag-popover .tag-summary.is-hovered {\n background-color: var(--theme-secondary-background-glow-high-contrast);\n}\n\n.tag.tag-interactive .tag-popover:not(:only-child) .tag-summary {\n border-inline-end: 0;\n border-start-end-radius: 0;\n border-end-end-radius: 0;\n}\n\n.tag.tag-interactive .tag-close {\n border: 0;\n border: 1px solid var(--theme-secondary-base);\n outline-offset: -.125rem;\n background-color: inherit;\n color: inherit;\n cursor: pointer;\n border-radius: 0 .25rem .25rem 0;\n outline-color: currentColor;\n padding: .375em .675em;\n}\n\n.tag.tag-interactive .tag-close:hover, .tag.tag-interactive .tag-close.is-hovered {\n background-color: var(--theme-secondary-background-glow-high-contrast);\n color: var(--theme-primary-dark);\n}\n\n.tag.tag-primary {\n border-color: var(--theme-primary-background-glow-high-contrast);\n background-color: var(--theme-primary-background);\n color: var(--theme-primary-dark);\n}\n\n.tag.tag-primary:hover .tag-close, .tag.tag-primary.is-hovered .tag-close {\n color: var(--theme-primary-hover);\n}\n\n.tag.tag-primary.tag-interactive .tag-popover .tag-summary, .tag.tag-primary.tag-interactive .tag-close {\n border-color: var(--theme-primary-background-glow-high-contrast);\n background-color: var(--theme-primary-background);\n color: var(--theme-primary-dark);\n}\n\n.tag.tag-primary.tag-interactive .tag-popover .tag-summary:hover, .tag.tag-primary.tag-interactive .tag-popover .tag-summary.is-hovered, .tag.tag-primary.tag-interactive .tag-close:hover, .tag.tag-primary.tag-interactive .tag-close.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.tag.tag-primary.tag-interactive .tag-close {\n border-inline-start-color: var(--theme-primary-box-shadow);\n}\n\n.tag.tag-filled {\n border-color: var(--theme-secondary-background-glow-high-contrast);\n background-color: var(--theme-secondary-background-glow-high-contrast);\n color: var(--theme-text);\n}\n\n.tag.tag-filled:hover .tag-close, .tag.tag-filled.is-hovered .tag-close {\n color: var(--theme-primary-hover);\n}\n\n.tag.tag-filled.tag-interactive .tag-popover .tag-summary, .tag.tag-filled.tag-interactive .tag-close {\n border-color: var(--theme-secondary-background-glow-high-contrast);\n background-color: var(--theme-secondary-background-glow-high-contrast);\n color: var(--theme-text);\n}\n\n.tag.tag-filled.tag-interactive .tag-popover .tag-summary:hover, .tag.tag-filled.tag-interactive .tag-popover .tag-summary.is-hovered, .tag.tag-filled.tag-interactive .tag-close:hover, .tag.tag-filled.tag-interactive .tag-close.is-hovered {\n border-color: var(--theme-secondary-base);\n background-color: var(--theme-secondary-base);\n color: var(--theme-secondary-invert);\n}\n\n.tag.tag-filled.tag-interactive .tag-close {\n border-inline-start-color: var(--theme-secondary-box-shadow);\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 background-color: canvas !important;\n border-color: canvastext !important;\n }\n}\n\n.toggle label:after {\n background-color: var(--theme-text-subtle);\n content: \"\";\n border-radius: 290486px;\n width: .85em;\n height: .85em;\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: .15em;\n inset-inline-start: .15em;\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 background-color: linktext !important;\n border-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: auto hidden;\n}\n\n.scroll-vertical {\n -webkit-overflow-scrolling: touch;\n overflow: hidden 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.site-header .site-header-brand:active > :not(.icon):not(.image), .site-header .site-header-brand.is-active > :not(.icon):not(.image), .site-header .site-header-brand:hover > :not(.icon):not(.image), .site-header .site-header-brand.is-hovered > :not(.icon):not(.image), .site-header .site-header-brand:focus-visible > :not(.icon):not(.image), .site-header .site-header-button:active:not([aria-expanded=\"true\"]) > :not(.icon):not(.image), .site-header .site-header-button.is-active:not([aria-expanded=\"true\"]) > :not(.icon):not(.image), .site-header .site-header-button:hover:not([aria-expanded=\"true\"]) > :not(.icon):not(.image), .site-header .site-header-button.is-hovered:not([aria-expanded=\"true\"]) > :not(.icon):not(.image), .site-header .site-header-button:focus-visible:not([aria-expanded=\"true\"]) > :not(.icon):not(.image) {\n position: relative;\n}\n\n.site-header .site-header-brand:active > :not(.icon):not(.image):after, .site-header .site-header-brand.is-active > :not(.icon):not(.image):after, .site-header .site-header-brand:hover > :not(.icon):not(.image):after, .site-header .site-header-brand.is-hovered > :not(.icon):not(.image):after, .site-header .site-header-brand:focus-visible > :not(.icon):not(.image):after, .site-header .site-header-button:active:not([aria-expanded=\"true\"]) > :not(.icon):not(.image):after, .site-header .site-header-button.is-active:not([aria-expanded=\"true\"]) > :not(.icon):not(.image):after, .site-header .site-header-button:hover:not([aria-expanded=\"true\"]) > :not(.icon):not(.image):after, .site-header .site-header-button.is-hovered:not([aria-expanded=\"true\"]) > :not(.icon):not(.image):after, .site-header .site-header-button:focus-visible:not([aria-expanded=\"true\"]) > :not(.icon):not(.image):after {\n content: \"\";\n border-block-end: 2px solid var(--theme-text);\n display: block;\n position: absolute;\n inset-block-end: -2px;\n inset-inline: 0;\n}\n\n.site-header .site-header-brand, .site-header .site-header-button {\n outline-offset: -.125rem;\n color: var(--theme-text);\n white-space: nowrap;\n cursor: pointer;\n padding-block: calc(.375em - 1px);\n padding-inline: .5rem;\n text-decoration: none;\n}\n\n.site-header .site-header-brand:visited, .site-header .site-header-button:visited {\n color: var(--theme-text);\n}\n\n.site-header {\n border-block-end: 1px solid var(--theme-border);\n align-items: center;\n gap: .5rem;\n height: 3.375em;\n padding-inline: 24px;\n font-size: 1rem;\n display: flex;\n position: relative;\n}\n\n@media screen and (width >= 1800px) {\n .site-header {\n padding-inline: calc(50% - 876px);\n }\n}\n\n.site-header .site-header-button {\n text-align: center;\n background-color: #0000;\n border: none;\n border-radius: 0;\n justify-content: center;\n height: 100%;\n font-size: .875em;\n font-weight: 400;\n}\n\n.site-header .site-header-button[aria-expanded=\"true\"] {\n background-color: var(--theme-body-background-medium);\n}\n\n.site-header .site-header-button .icon {\n font-size: .875em;\n}\n\n.site-header .site-header-button .icon:only-child {\n margin: 0;\n}\n\n.site-header .site-header-button .icon:first-child:not(:only-child) {\n margin-inline-end: .375em;\n}\n\n.site-header .site-header-button .icon:last-child:not(:only-child) {\n margin-inline-start: .375em;\n}\n\n.site-header .site-header-logo > svg, .site-header .site-header-logo > img {\n width: 1.625em;\n height: auto;\n display: block;\n}\n\n.site-header .site-header-logo.site-header-logo-centered {\n position: absolute;\n inset-inline-start: calc(50% - .8125em);\n}\n\n.site-header .site-header-divider {\n border-inline-start: 2px solid var(--theme-text-subtle);\n height: 1.5em;\n margin-inline-start: .5rem;\n display: inline-block;\n}\n\n.site-header .site-header-brand {\n font-size: 1.15em;\n font-weight: 600;\n display: inline-block;\n}\n\n@media screen and (width >= 768px), print {\n .site-header .site-header-brand {\n font-size: 1.25em;\n }\n}\n\n.site-header .site-header-nav {\n align-self: center;\n width: 100%;\n height: 100%;\n display: flex;\n}\n\n.site-header .site-header-panel {\n grid-gap: 1rem;\n background-color: var(--theme-body-background-medium);\n text-wrap: wrap;\n box-shadow: 0 3.2px 7.2px 0 var(--theme-box-shadow-medium), 0 .6px 1.8px 0 var(--theme-box-shadow-light);\n z-index: 1000;\n border-block-start: 1px solid var(--theme-border-white-high-contrast);\n border-block-end: 1px solid var(--theme-border-white-high-contrast);\n grid-template-areas: \"panel-content\"\n \"panel-featured-section\";\n width: 100%;\n min-height: 350px;\n padding-block: 2rem;\n padding-inline: 24px;\n display: grid;\n position: absolute;\n inset-block-start: calc(3.375em - 1px);\n inset-inline-start: 0;\n}\n\n@media screen and (width >= 768px), print {\n .site-header .site-header-panel {\n grid-template-columns: auto 33.333%;\n grid-template-areas: \"panel-content panel-featured-section\";\n }\n}\n\n@media screen and (width >= 1088px) {\n .site-header .site-header-panel {\n grid-template-columns: auto 25%;\n }\n}\n\n@media screen and (width >= 1800px) {\n .site-header .site-header-panel {\n padding-inline: calc(50% - 876px);\n }\n}\n\n.site-header .site-header-panel .site-header-panel-featured-content {\n border-block-start: 1px solid var(--theme-table-border-dark);\n flex-direction: column;\n grid-area: panel-featured-section;\n gap: 1rem;\n padding-block-start: 1rem;\n display: flex;\n}\n\n@media screen and (width >= 768px), print {\n .site-header .site-header-panel .site-header-panel-featured-content {\n border-inline-start: 1px solid var(--theme-table-border-dark);\n border-block-start: 0;\n padding-block-start: 0;\n padding-inline-start: 1rem;\n }\n}\n\n.site-header .site-header-panel .site-header-panel-content {\n grid-area: panel-content;\n align-content: space-between;\n display: grid;\n}\n\n.site-header .site-header-panel .site-header-panel-links {\n grid-gap: .5rem;\n display: grid;\n}\n\n@media screen and (width >= 768px), print {\n .site-header .site-header-panel .site-header-panel-links {\n grid-template-rows: repeat(11, auto);\n grid-template-columns: repeat(2, 1fr);\n grid-auto-flow: column;\n }\n}\n\n@media screen and (width >= 1088px) {\n .site-header .site-header-panel .site-header-panel-links {\n grid-template-rows: repeat(7, auto);\n grid-template-columns: repeat(3, 1fr);\n }\n}\n\n.site-header .site-header-panel .site-header-panel-cards {\n grid-gap: .5rem;\n display: grid;\n}\n\n@media screen and (width >= 768px), print {\n .site-header .site-header-panel .site-header-panel-cards {\n grid-template-rows: repeat(5, auto);\n grid-template-columns: repeat(2, 1fr);\n grid-auto-flow: column;\n }\n}\n\n@media screen and (width >= 1088px) {\n .site-header .site-header-panel .site-header-panel-cards {\n grid-template-rows: repeat(3, auto);\n grid-template-columns: repeat(3, 1fr);\n }\n}\n\n.stretched-link:before {\n content: \"\";\n z-index: 1;\n position: absolute;\n inset: 0;\n}\n\n.segmented-controls {\n grid-gap: .5rem;\n white-space: nowrap;\n grid-template-columns: max-content auto max-content;\n justify-content: center;\n width: 100%;\n font-size: 1rem;\n display: grid;\n}\n\n.segmented-controls .segmented-control-previous, .segmented-controls .segmented-control-next {\n border: 1px solid var(--theme-border);\n background-color: var(--theme-primary-base);\n color: var(--theme-text-invert);\n cursor: pointer;\n border-radius: 290486px;\n align-items: center;\n padding: .5em 1em;\n font-weight: 600;\n display: flex;\n}\n\n.segmented-controls .segmented-control-previous:hover, .segmented-controls .segmented-control-next:hover {\n background-color: var(--theme-primary-hover);\n}\n\n@media (forced-colors: active) {\n .segmented-controls .segmented-control-previous:hover, .segmented-controls .segmented-control-next:hover {\n color: highlighttext;\n forced-color-adjust: none;\n background-color: highlight;\n border-color: highlight;\n }\n}\n\n.segmented-controls .segmented-control-previous:focus-visible, .segmented-controls .segmented-control-next:focus-visible {\n outline-color: var(--theme-text-invert);\n outline-offset: -.25rem;\n}\n\n.segmented-controls .segmented-control-list {\n border: 1px solid var(--theme-border);\n border-radius: 290486px;\n grid-column: 2;\n justify-content: flex-start;\n align-items: center;\n display: flex;\n overflow-x: hidden;\n}\n\n.segmented-controls .segmented-control {\n color: var(--theme-primary-base);\n cursor: pointer;\n appearance: none;\n vertical-align: top;\n background-color: #0000;\n border: none;\n border-radius: 290486px;\n justify-content: center;\n align-items: center;\n padding: .5em 1em;\n font-weight: 600;\n display: flex;\n position: relative;\n}\n\n.segmented-controls .segmented-control:focus-visible {\n outline-color: var(--theme-text-invert);\n outline-offset: -.25rem;\n}\n\n.segmented-controls .segmented-control:hover {\n background-color: var(--theme-primary-background);\n z-index: 2;\n}\n\n@media (forced-colors: active) {\n .segmented-controls .segmented-control:hover {\n forced-color-adjust: none;\n color: highlighttext !important;\n background-color: highlight !important;\n }\n}\n\n.segmented-controls .segmented-control[aria-selected=\"true\"] {\n background-color: var(--theme-primary-base);\n color: var(--theme-text-invert);\n z-index: 1;\n}\n\n.segmented-controls .segmented-control[aria-selected=\"true\"]:hover {\n background-color: var(--theme-primary-hover);\n z-index: 2;\n}\n\n@media (forced-colors: active) {\n .segmented-controls .segmented-control[aria-selected=\"true\"] {\n color: selecteditemtext;\n forced-color-adjust: none;\n background-color: selecteditem;\n }\n}\n\n@media screen and (width >= 768px), print {\n .segmented-controls .segmented-control, .segmented-controls .segmented-previous, .segmented-controls .segmented-next {\n padding: .75em 1.25em;\n }\n}\n\n@media screen and (width >= 1088px) {\n .segmented-controls .segmented-control, .segmented-controls .segmented-previous, .segmented-controls .segmented-next {\n padding: 1em 1.5em;\n }\n}\n\n:root {\n --window-inner-height: 100vh;\n --atlas-header-height: 0px;\n --atlas-footer-height: 0px;\n --atlas-contained-height: 1fr;\n}\n\n.layout {\n --layout-gap: 24px;\n --layout-gap-scalable: 24px;\n --layout-flyout-width-desktop: 360px;\n --layout-flyout-width-widescreen: 480px;\n --layout-flyout-width: var(--layout-flyout-width-desktop);\n flex-direction: column;\n max-inline-size: 100vw;\n display: flex;\n}\n\n@media screen and (width >= 1800px) {\n .layout {\n --layout-gap-scalable: calc(50% - 1752px / 2);\n --layout-flyout-width: var(--layout-flyout-width-widescreen);\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-flyout {\n grid-area: flyout;\n display: none;\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 {\n grid-template: \"header\"\n \"hero\"\n \"menu\"\n \"main\" 1fr\n \"aside\"\n \"footer\"\n / minmax(0, 1fr);\n}\n\n@media screen and (width >= 1088px) {\n .layout.layout-flyout-active .layout-body, .layout.layout-single.layout-flyout-active .layout-body {\n grid-template: auto auto auto 1fr auto auto / minmax(0, 1fr) var(--layout-flyout-width);\n grid-template-areas: \"header flyout\"\n \"hero flyout\"\n \"menu flyout\"\n \"main flyout\"\n \"aside flyout\"\n \"footer flyout\";\n }\n}\n\n.layout.layout-holy-grail .layout-body {\n grid-template: \"header\"\n \"hero\"\n \"menu\"\n \"main\" 1fr\n \"aside\"\n \"footer\"\n / minmax(0, 1fr);\n}\n\n@media screen and (width >= 768px), print {\n .layout.layout-holy-grail .layout-body {\n grid-template: auto auto var(--atlas-contained-height) auto auto / minmax(0, 1fr) minmax(0, 2fr);\n grid-template-areas: \"header header\"\n \"hero hero\"\n \"menu main\"\n \"menu aside\"\n \"footer footer\";\n }\n}\n\n@media screen and (width >= 1088px) {\n .layout.layout-holy-grail .layout-body {\n grid-template: auto auto var(--atlas-contained-height) auto / minmax(0, 1fr) minmax(0, 2fr) minmax(0, 1fr);\n grid-template-areas: \"header header header\"\n \"hero hero hero\"\n \"menu main aside\"\n \"footer footer footer\";\n }\n}\n\n@media screen and (width >= 1800px) {\n .layout.layout-holy-grail .layout-body {\n grid-template: auto auto var(--atlas-contained-height) auto / auto 450px 900px 450px auto;\n grid-template-areas: \"header header header header header\"\n \"hero hero hero hero hero\"\n \". menu main aside .\"\n \"footer footer footer footer footer\";\n }\n}\n\n@media screen and (width >= 1088px) {\n .layout.layout-holy-grail.layout-flyout-active .layout-body {\n grid-template: auto auto var(--atlas-contained-height) auto / minmax(0, 1fr) minmax(0, 2fr) minmax(0, 1fr) var(--layout-flyout-width);\n grid-template-areas: \"header header header flyout\"\n \"hero hero hero flyout\"\n \"menu main aside flyout\"\n \"footer footer footer flyout\";\n }\n}\n\n@media screen and (width >= 1800px) {\n .layout.layout-holy-grail.layout-flyout-active .layout-body {\n grid-template: auto auto var(--atlas-contained-height) auto / minmax(0, 1fr) minmax(0, 2fr) minmax(0, 1fr) var(--layout-flyout-width);\n grid-template-areas: \"header header header flyout\"\n \"hero hero hero flyout\"\n \"menu main aside flyout\"\n \"footer footer footer flyout\";\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 / minmax(0, 1fr);\n}\n\n@media screen and (width >= 768px), print {\n .layout.layout-sidecar-left .layout-body {\n grid-template: auto auto var(--atlas-contained-height) auto / minmax(0, 1fr) minmax(0, 2fr);\n grid-template-areas: \"header header\"\n \"hero hero\"\n \"menu main\"\n \"footer footer\";\n }\n}\n\n@media screen and (width >= 1088px) {\n .layout.layout-sidecar-left .layout-body {\n grid-template: auto auto var(--atlas-contained-height) auto / minmax(0, 1fr) minmax(0, 3fr);\n grid-template-areas: \"header header\"\n \"hero hero\"\n \"menu main\"\n \"footer footer\";\n }\n}\n\n@media screen and (width >= 1800px) {\n .layout.layout-sidecar-left .layout-body {\n grid-template: auto auto var(--atlas-contained-height) auto / auto 450px 1350px auto;\n grid-template-areas: \"header header header header\"\n \"hero hero hero hero\"\n \". menu main .\"\n \"footer footer footer footer\";\n }\n}\n\n@media screen and (width >= 1088px) {\n .layout.layout-sidecar-left.layout-flyout-active .layout-body {\n grid-template: auto auto var(--atlas-contained-height) auto / minmax(0, 1fr) minmax(0, 3fr) var(--layout-flyout-width);\n grid-template-areas: \"header header flyout\"\n \"hero hero flyout\"\n \"menu main flyout\"\n \"footer footer flyout\";\n }\n}\n\n@media screen and (width >= 1800px) {\n .layout.layout-sidecar-left.layout-flyout-active .layout-body {\n grid-template: auto auto var(--atlas-contained-height) auto / minmax(0, 1fr) minmax(0, 3fr) var(--layout-flyout-width);\n grid-template-areas: \"header header flyout\"\n \"hero hero flyout\"\n \"menu main flyout\"\n \"footer footer flyout\";\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 / minmax(0, 1fr);\n}\n\n@media screen and (width >= 768px), print {\n .layout.layout-sidecar-right .layout-body {\n grid-template: auto auto var(--atlas-contained-height) auto / minmax(0, 2fr) minmax(0, 1fr);\n grid-template-areas: \"header header\"\n \"hero hero\"\n \"main aside\"\n \"footer footer\";\n }\n}\n\n@media screen and (width >= 1088px) {\n .layout.layout-sidecar-right .layout-body {\n grid-template: auto auto var(--atlas-contained-height) auto / minmax(0, 3fr) minmax(0, 1fr);\n grid-template-areas: \"header header\"\n \"hero hero\"\n \"main aside\"\n \"footer footer\";\n }\n}\n\n@media screen and (width >= 1800px) {\n .layout.layout-sidecar-right .layout-body {\n grid-template: auto auto var(--atlas-contained-height) auto / auto 1350px 450px auto;\n grid-template-areas: \"header header header header\"\n \"hero hero hero hero\"\n \". main aside .\"\n \"footer footer footer footer\";\n }\n}\n\n@media screen and (width >= 1088px) {\n .layout.layout-sidecar-right.layout-flyout-active .layout-body {\n grid-template: auto auto var(--atlas-contained-height) auto / minmax(0, 3fr) minmax(0, 1fr) var(--layout-flyout-width);\n grid-template-areas: \"header header flyout\"\n \"hero hero flyout\"\n \"main aside flyout\"\n \"footer footer flyout\";\n }\n}\n\n@media screen and (width >= 1800px) {\n .layout.layout-sidecar-right.layout-flyout-active .layout-body {\n grid-template: auto auto var(--atlas-contained-height) auto / minmax(0, 3fr) minmax(0, 1fr) var(--layout-flyout-width);\n grid-template-areas: \"header header flyout\"\n \"hero hero flyout\"\n \"main aside flyout\"\n \"footer footer flyout\";\n }\n}\n\n.layout.layout-twin .layout-body-menu {\n display: none;\n}\n\n.layout.layout-twin .layout-body {\n grid-template: \"header\"\n \"hero\"\n \"main\"\n \"aside\" 1fr\n \"footer\"\n / minmax(0, 1fr);\n}\n\n@media screen and (width >= 768px), print {\n .layout.layout-twin .layout-body {\n grid-template: auto auto var(--atlas-contained-height) auto / minmax(0, 1fr) minmax(0, 1fr);\n grid-template-areas: \"header header\"\n \"hero hero\"\n \"main aside\"\n \"footer footer\";\n }\n}\n\n@media screen and (width >= 1088px) {\n .layout.layout-twin.layout-flyout-active .layout-body {\n grid-template: auto auto var(--atlas-contained-height) auto / minmax(0, 1fr) minmax(0, 1fr) var(--layout-flyout-width);\n grid-template-areas: \"header header flyout\"\n \"hero hero flyout\"\n \"main aside flyout\"\n \"footer footer flyout\";\n }\n\n .layout.layout-flyout-active .layout-body-flyout {\n display: block;\n }\n}\n\n@media screen and (width >= 768px), print {\n .layout.layout-constrained.layout-twin, .layout.layout-constrained.layout-sidecar-left, .layout.layout-constrained.layout-sidecar-right {\n --atlas-contained-height: calc(var(--window-inner-height) - var(--atlas-header-height) - var(--atlas-footer-height) - 2px);\n }\n\n .layout.layout-constrained.layout-twin .layout-body-main, .layout.layout-constrained.layout-twin .layout-body-aside, .layout.layout-constrained.layout-sidecar-right .layout-body-main, .layout.layout-constrained.layout-sidecar-right .layout-body-aside, .layout.layout-constrained.layout-sidecar-left .layout-body-menu, .layout.layout-constrained.layout-sidecar-left .layout-body-main {\n -webkit-overflow-scrolling: touch;\n position: sticky;\n inset-block-start: 0;\n overflow: hidden auto;\n }\n}\n\n@media screen and (width >= 1088px) {\n .layout.layout-constrained.layout-holy-grail {\n --atlas-contained-height: calc(var(--window-inner-height) - var(--atlas-header-height) - var(--atlas-footer-height) - 2px);\n }\n\n .layout.layout-constrained.layout-holy-grail .layout-body-main, .layout.layout-constrained.layout-holy-grail .layout-body-menu, .layout.layout-constrained.layout-holy-grail .layout-body-aside, .layout.layout-constrained .layout-body-flyout {\n -webkit-overflow-scrolling: touch;\n position: sticky;\n inset-block-start: 0;\n overflow: hidden 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.text-wrap-pretty {\n text-wrap: pretty !important;\n}\n\n.line-height-normal {\n line-height: 1.3 !important;\n}\n\n.white-space-normal {\n white-space: normal !important;\n}\n\n.white-space-nowrap {\n white-space: nowrap !important;\n}\n\n.white-space-pre {\n white-space: pre !important;\n}\n\n.white-space-pre-wrap {\n white-space: pre-wrap !important;\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-radius-none {\n border-radius: 0 !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.color-hyperlink {\n color: var(--theme-hyperlink) !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, .background-color-body-accent-onhover:hover, .background-color-body-accent-onhover:focus-within {\n outline-color: var(--theme-text) !important;\n background-color: var(--theme-body-background-accent) !important;\n}\n\n.background-color-transparent {\n background-color: #0000 !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 outline-color: #000 !important;\n}\n\n.background-color-black-static {\n background-color: #000 !important;\n outline-color: #fff !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.height-full {\n height: 100% !important;\n}\n\n.overflow-hidden {\n overflow: hidden !important;\n}\n\n.overflow-x-hidden {\n overflow-x: hidden !important;\n}\n\n@media screen and (width >= 768px), print {\n .overflow-hidden-tablet {\n overflow: hidden !important;\n }\n\n .overflow-x-hidden-tablet {\n overflow-x: hidden !important;\n }\n}\n\n.scrollbar-gutter-stable {\n scrollbar-gutter: stable !important;\n}\n\n.scrollbar-gutter-stable-both-edges {\n scrollbar-gutter: stable both-edges !important;\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.flex-basis-0 {\n flex-basis: 0 !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 .flex-basis-0-tablet {\n flex-basis: 0 !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 !important;\n}\n\n.right-0 {\n inset-inline-end: 0 !important;\n}\n\n.bottom-0 {\n inset-block-end: 0 !important;\n}\n\n.left-0 {\n inset-inline-start: 0 !important;\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, .list-style-none > li {\n list-style: none !important;\n}\n\n.list-style-none::marker {\n display: none;\n}\n\n.list-style-none::-webkit-details-marker {\n display: none;\n}\n\n.width-full {\n width: 100% !important;\n}\n\n.width-auto {\n width: auto !important;\n}\n\n.width-fit-content {\n width: fit-content !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-fit-content-tablet {\n width: fit-content !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-fit-content-desktop {\n width: fit-content !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/*# sourceMappingURL=index.css.map */\n","$control-radius: $border-radius !default;\r\n\r\n$control-font-size: $font-size-7 !default;\r\n$control-sm-font-size: $font-size-8 !default;\r\n$control-lg-font-size: $font-size-6 !default;\r\n\r\n$control-border-width: 1px !default;\r\n\r\n$control-padding-vertical: calc(0.375em - #{$control-border-width}) !default;\r\n$control-padding-horizontal: calc(0.625em - #{$control-border-width}) !default;\r\n\r\n%control {\r\n\tdisplay: inline-flex;\r\n\tposition: relative;\r\n\talign-items: center;\r\n\tjustify-content: flex-start;\r\n\tmin-height: 2.25em;\r\n\tpadding-block: $control-padding-vertical;\r\n\tpadding-inline: $control-padding-horizontal;\r\n\tborder: $control-border-width solid transparent;\r\n\tborder-radius: $control-radius;\r\n\tfont-size: $control-font-size;\r\n\tline-height: 1.5;\r\n\tappearance: none;\r\n\tbox-shadow: none;\r\n\tvertical-align: top;\r\n\r\n\t&[disabled] {\r\n\t\tcursor: not-allowed;\r\n\t}\r\n}\r\n\r\n@mixin control {\r\n\t@extend %control;\r\n}\r\n\r\n@mixin control-sm {\r\n\tfont-size: $control-sm-font-size;\r\n}\r\n\r\n@mixin control-lg {\r\n\tfont-size: $control-lg-font-size;\r\n}\r\n","$chevron-color: $text !default;\r\n$chevron-arrow-size: 0.525em !default;\r\n$chevron-arrow-border-width: 1px !default;\r\n$chevron-arrow-actual-width: 0.75em !default;\r\n$chevron-down-rotate: rotate(-45deg) !default;\r\n$chevron-down-rotate-rtl: rotate(-315deg) !default;\r\n$chevron-right-rotate-rtl: rotate(-225deg) !default;\r\n$chevron-right-rotate: rotate(-135deg) !default;\r\n$chevron-up-rotate: rotate(-225deg) !default;\r\n$chevron-up-rotate-scale-xy: $chevron-down-rotate scaleY(-1) scaleX(-1);\r\n$chevron-up-rotate-scale-xy-rtl: $chevron-down-rotate-rtl scaleY(-1) scaleX(-1);\r\n\r\n%chevron {\r\n\twidth: $chevron-arrow-size;\r\n\theight: $chevron-arrow-size;\r\n\ttransform-origin: center;\r\n\tborder: $chevron-arrow-border-width solid $chevron-color;\r\n\tborder-block-start: 0;\r\n\tborder-inline-end: 0;\r\n\tpointer-events: none;\r\n\tcontent: ' ';\r\n\tz-index: $zindex-active;\r\n\tinset-inline-end: $control-padding-horizontal;\r\n}\r\n\r\n@mixin chevron-right {\r\n\t@extend %chevron;\r\n\r\n\ttransform: $chevron-right-rotate;\r\n}\r\n\r\n@mixin chevron-right-rtl {\r\n\t@extend %chevron;\r\n\r\n\ttransform: $chevron-right-rotate-rtl;\r\n}\r\n\r\n@mixin chevron-down {\r\n\t@extend %chevron;\r\n\r\n\ttransform: $chevron-down-rotate;\r\n}\r\n\r\n@mixin chevron-down-rtl {\r\n\t@extend %chevron;\r\n\r\n\ttransform: $chevron-down-rotate-rtl;\r\n}\r\n","// stylelint-disable declaration-block-no-redundant-longhand-properties\r\n@mixin focus() {\r\n\toutline-color: inherit;\r\n\toutline-offset: $focus-outline-offset;\r\n\toutline-style: $focus-style;\r\n\toutline-width: $focus-width;\r\n}\r\n\r\n%focus {\r\n\t@include focus();\r\n}\r\n\r\n@mixin focus-visible {\r\n\t@if ($focus-visible-use-polyfill) {\r\n\t\t&.focus-visible {\r\n\t\t\t@content;\r\n\t\t}\r\n\t} @else {\r\n\t\t&:focus-visible {\r\n\t\t\t@content;\r\n\t\t}\r\n\t}\r\n}\r\n","%loader {\r\n\tdisplay: block;\r\n\tposition: relative;\r\n\twidth: 1em;\r\n\theight: 1em;\r\n\tanimation: spinAround 500ms infinite linear;\r\n\tborder: 2px solid $border;\r\n\tborder-radius: $border-radius-rounded;\r\n\tborder-block-start-color: transparent;\r\n\tborder-inline-end-color: transparent;\r\n\tcontent: '';\r\n}\r\n\r\n@mixin loader {\r\n\t@extend %loader;\r\n}\r\n","%line-clamp {\r\n\t/*stylelint-disable*/\r\n\tdisplay: -webkit-box;\r\n\t-webkit-box-orient: vertical;\r\n\toverflow: hidden;\r\n}\r\n\r\n@mixin line-clamp($lines: 1, $important: false) {\r\n\t@extend %line-clamp;\r\n\t@if $important {\r\n\t\t-webkit-line-clamp: $lines !important;\r\n\t} @else {\r\n\t\t-webkit-line-clamp: $lines;\r\n\t}\r\n}\r\n","%layout-gap {\r\n\tpadding-inline: $layout-gap;\r\n\r\n\t@include widescreen {\r\n\t\tpadding-inline: $layout-widescreen-gap;\r\n\t}\r\n}\r\n","// Orientation\r\n\r\n@mixin orientation-portrait {\r\n\t@media screen and (aspect-ratio <= 1/1),\r\n\t\tscreen and (resolution >= 120dpi) and (aspect-ratio <= 1/1) {\r\n\t\t@content;\r\n\t}\r\n}\r\n\r\n@mixin orientation-landscape {\r\n\t@media screen and (aspect-ratio >= 1/1),\r\n\t\tscreen and (resolution >= 120dpi) and (aspect-ratio >= 1/1) {\r\n\t\t@content;\r\n\t}\r\n}\r\n\r\n@mixin orientation-square {\r\n\t@media screen and (aspect-ratio <= 1/1),\r\n\t\tscreen and (resolution >= 120dpi) and (aspect-ratio <= 1/1) {\r\n\t\t@content;\r\n\t}\r\n}\r\n\r\n// Mobile-first screen size media queries\r\n\r\n@mixin tablet {\r\n\t@media screen and (min-width: $breakpoint-tablet), print {\r\n\t\t@content;\r\n\t}\r\n}\r\n\r\n@mixin desktop {\r\n\t@media screen and (min-width: $breakpoint-desktop) {\r\n\t\t@content;\r\n\t}\r\n}\r\n\r\n@mixin widescreen {\r\n\t@media screen and (min-width: $breakpoint-widescreen) {\r\n\t\t@content;\r\n\t}\r\n}\r\n\r\n// Please avoid using this mixin if possible. It doesn't follow the mobile-first approach to writing CSS.\r\n@mixin discouraged-mobile {\r\n\t@media screen and (max-width: ($breakpoint-tablet - 1px)) {\r\n\t\t@content;\r\n\t}\r\n}\r\n\r\n@mixin print {\r\n\t@media print {\r\n\t\t@content;\r\n\t}\r\n}\r\n\r\n@mixin prefers-reduced-motion {\r\n\t@media (prefers-reduced-motion: reduce) {\r\n\t\t@content;\r\n\t}\r\n}\r\n","%overlay {\r\n\tposition: absolute;\r\n\tinset: 0;\r\n}\r\n\r\n@mixin overlay($offset: 0) {\r\n\t@extend %overlay;\r\n\r\n\t@if $offset != 0 {\r\n\t\tinset: $offset;\r\n\t}\r\n}\r\n","%transparent-effects {\r\n\toutline-color: inherit;\r\n\tbackground-color: transparent;\r\n\tappearance: none;\r\n\r\n\t&:not(:hover),\r\n\t&:not(.focus-visible),\r\n\t&:not(:focus-visible) {\r\n\t\tbackground-color: transparent;\r\n\t}\r\n}\r\n\r\n@mixin transparent-effects {\r\n\t@extend %transparent-effects;\r\n}\r\n","%dismiss {\r\n\t@include transparent-effects;\r\n\r\n\tdisplay: inline-block;\r\n\tcolor: currentColor;\r\n\tfont-size: 1rem;\r\n\tcursor: pointer;\r\n}\r\n\r\n@mixin dismiss {\r\n\t@extend %dismiss;\r\n}\r\n\r\n@mixin dismiss-square {\r\n\t@extend %dismiss;\r\n\r\n\twidth: 1em;\r\n\theight: 1em;\r\n\tpadding: 0;\r\n\tborder: 0;\r\n\tborder-radius: $border-radius-rounded;\r\n}\r\n","%unselectable {\r\n\t/* stylelint-disable */\r\n\t-webkit-touch-callout: none;\r\n\t-webkit-user-select: none;\r\n\t-moz-user-select: none;\r\n\t-ms-user-select: none;\r\n\t/* stylelint-enable */\r\n\tuser-select: none;\r\n}\r\n\r\n@mixin unselectable {\r\n\t@extend %unselectable;\r\n}\r\n","/* stylelint-disable */\r\n/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */\r\n\r\n/* Document\r\n ========================================================================== */\r\n\r\n/**\r\n * 1. Correct the line height in all browsers.\r\n * 2. Prevent adjustments of font size after orientation changes in iOS.\r\n */\r\n\r\nhtml {\r\n\tline-height: 1.15; /* 1 */\r\n\t-webkit-text-size-adjust: 100%; /* 2 */\r\n}\r\n\r\n/* Sections\r\n\t ========================================================================== */\r\n\r\n/**\r\n * Remove the margin in all browsers.\r\n */\r\n\r\nbody {\r\n\tmargin: 0;\r\n}\r\n\r\n/**\r\n * Render the `main` element consistently in IE.\r\n */\r\n\r\nmain {\r\n\tdisplay: block;\r\n}\r\n\r\n/**\r\n * Correct the font size and margin on `h1` elements within `section` and\r\n * `article` contexts in Chrome, Firefox, and Safari.\r\n */\r\n\r\nh1 {\r\n\tfont-size: 2em;\r\n\tmargin: 0.67em 0;\r\n}\r\n\r\n/* Grouping content\r\n\t ========================================================================== */\r\n\r\n/**\r\n * 1. Add the correct box sizing in Firefox.\r\n * 2. Show the overflow in Edge and IE.\r\n */\r\n\r\nhr {\r\n\tbox-sizing: content-box; /* 1 */\r\n\theight: 0; /* 1 */\r\n\toverflow: visible; /* 2 */\r\n}\r\n\r\n/**\r\n * 1. Correct the inheritance and scaling of font size in all browsers.\r\n * 2. Correct the odd `em` font sizing in all browsers.\r\n */\r\n\r\npre {\r\n\tfont-family: monospace, monospace; /* 1 */\r\n\tfont-size: 1em; /* 2 */\r\n}\r\n\r\n/* Text-level semantics\r\n\t ========================================================================== */\r\n\r\n/**\r\n * Remove the gray background on active links in IE 10.\r\n */\r\n\r\na {\r\n\tbackground-color: transparent;\r\n}\r\n\r\n/**\r\n * 1. Remove the bottom border in Chrome 57-\r\n * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.\r\n */\r\n\r\nabbr[title] {\r\n\tborder-bottom: none; /* 1 */\r\n\ttext-decoration: underline; /* 2 */\r\n\ttext-decoration: underline dotted; /* 2 */\r\n}\r\n\r\n/**\r\n * Add the correct font weight in Chrome, Edge, and Safari.\r\n */\r\n\r\nb,\r\nstrong {\r\n\tfont-weight: bolder;\r\n}\r\n\r\n/**\r\n * 1. Correct the inheritance and scaling of font size in all browsers.\r\n * 2. Correct the odd `em` font sizing in all browsers.\r\n */\r\n\r\ncode,\r\nkbd,\r\nsamp {\r\n\tfont-family: monospace, monospace; /* 1 */\r\n\tfont-size: 1em; /* 2 */\r\n}\r\n\r\n/**\r\n * Add the correct font size in all browsers.\r\n */\r\n\r\nsmall {\r\n\tfont-size: 80%;\r\n}\r\n\r\n/**\r\n * Prevent `sub` and `sup` elements from affecting the line height in\r\n * all browsers.\r\n */\r\n\r\nsub,\r\nsup {\r\n\tfont-size: 75%;\r\n\tline-height: 0;\r\n\tposition: relative;\r\n\tvertical-align: baseline;\r\n}\r\n\r\nsub {\r\n\tbottom: -0.25em;\r\n}\r\n\r\nsup {\r\n\ttop: -0.5em;\r\n}\r\n\r\n/* Embedded content\r\n\t ========================================================================== */\r\n\r\n/**\r\n * Remove the border on images inside links in IE 10.\r\n */\r\n\r\nimg {\r\n\tborder-style: none;\r\n}\r\n\r\n/* Forms\r\n\t ========================================================================== */\r\n\r\n/**\r\n * 1. Change the font styles in all browsers.\r\n * 2. Remove the margin in Firefox and Safari.\r\n */\r\n\r\nbutton,\r\ninput,\r\noptgroup,\r\nselect,\r\ntextarea {\r\n\tfont-family: inherit; /* 1 */\r\n\tfont-size: 100%; /* 1 */\r\n\tline-height: 1.15; /* 1 */\r\n\tmargin: 0; /* 2 */\r\n}\r\n\r\n/**\r\n * Show the overflow in IE.\r\n * 1. Show the overflow in Edge.\r\n */\r\n\r\nbutton,\r\ninput {\r\n\t/* 1 */\r\n\toverflow: visible;\r\n}\r\n\r\n/**\r\n * Remove the inheritance of text transform in Edge, Firefox, and IE.\r\n * 1. Remove the inheritance of text transform in Firefox.\r\n */\r\n\r\nbutton,\r\nselect {\r\n\t/* 1 */\r\n\ttext-transform: none;\r\n}\r\n\r\n/**\r\n * Correct the inability to style clickable types in iOS and Safari.\r\n */\r\n\r\nbutton,\r\n[type='button'],\r\n[type='reset'],\r\n[type='submit'] {\r\n\t-webkit-appearance: button;\r\n}\r\n\r\n/**\r\n * Correct the padding in Firefox.\r\n */\r\n\r\nfieldset {\r\n\tpadding: 0.35em 0.75em 0.625em;\r\n}\r\n\r\n/**\r\n * 1. Correct the text wrapping in Edge and IE.\r\n * 2. Correct the color inheritance from `fieldset` elements in IE.\r\n * 3. Remove the padding so developers are not caught out when they zero out\r\n * `fieldset` elements in all browsers.\r\n */\r\n\r\nlegend {\r\n\tbox-sizing: border-box; /* 1 */\r\n\tcolor: inherit; /* 2 */\r\n\tdisplay: table; /* 1 */\r\n\tmax-width: 100%; /* 1 */\r\n\tpadding: 0; /* 3 */\r\n\twhite-space: normal; /* 1 */\r\n}\r\n\r\n/**\r\n * Add the correct vertical alignment in Chrome, Firefox, and Opera.\r\n */\r\n\r\nprogress {\r\n\tvertical-align: baseline;\r\n}\r\n\r\n/**\r\n * Remove the default vertical scrollbar in IE 10+.\r\n */\r\n\r\ntextarea {\r\n\toverflow: auto;\r\n}\r\n\r\n/**\r\n * 1. Add the correct box sizing in IE 10.\r\n * 2. Remove the padding in IE 10.\r\n */\r\n\r\n[type='checkbox'],\r\n[type='radio'] {\r\n\tbox-sizing: border-box; /* 1 */\r\n\tpadding: 0; /* 2 */\r\n}\r\n\r\n/**\r\n * Correct the cursor style of increment and decrement buttons in Chrome.\r\n */\r\n\r\n[type='number']::-webkit-inner-spin-button,\r\n[type='number']::-webkit-outer-spin-button {\r\n\theight: auto;\r\n}\r\n\r\n/**\r\n * 1. Correct the odd appearance in Chrome and Safari.\r\n * 2. Correct the outline style in Safari.\r\n */\r\n\r\n[type='search'] {\r\n\t-webkit-appearance: textfield; /* 1 */\r\n\toutline-offset: -2px; /* 2 */\r\n}\r\n\r\n/**\r\n * Remove the inner padding in Chrome and Safari on macOS.\r\n */\r\n\r\n[type='search']::-webkit-search-decoration {\r\n\t-webkit-appearance: none;\r\n}\r\n\r\n/**\r\n * 1. Correct the inability to style clickable types in iOS and Safari.\r\n * 2. Change font properties to `inherit` in Safari.\r\n */\r\n\r\n::-webkit-file-upload-button {\r\n\t-webkit-appearance: button; /* 1 */\r\n\tfont: inherit; /* 2 */\r\n}\r\n\r\n/* Interactive\r\n\t ========================================================================== */\r\n\r\n/*\r\n * Add the correct display in Edge, IE 10+, and Firefox.\r\n */\r\n\r\ndetails {\r\n\tdisplay: block;\r\n}\r\n\r\n/*\r\n * Add the correct display in all browsers.\r\n */\r\n\r\nsummary {\r\n\tdisplay: list-item;\r\n}\r\n\r\n/* Misc\r\n\t ========================================================================== */\r\n\r\n/**\r\n * Add the correct display in IE 10+.\r\n */\r\n\r\ntemplate {\r\n\tdisplay: none;\r\n}\r\n\r\n/**\r\n * Add the correct display in IE 10.\r\n */\r\n\r\n[hidden] {\r\n\tdisplay: none;\r\n}\r\n/* stylelint-enable */\r\n","/* stylelint-disable */\r\n/*! minireset.css v0.0.7 | MIT License | github.com/jgthms/minireset.css */\r\nhtml,\r\nbody,\r\np,\r\nol,\r\nul,\r\nli,\r\ndl,\r\ndt,\r\ndd,\r\nblockquote,\r\nfigure,\r\nfieldset,\r\nlegend,\r\ntextarea,\r\npre,\r\niframe,\r\nhr,\r\nh1,\r\nh2,\r\nh3,\r\nh4,\r\nh5,\r\nh6 {\r\n\tmargin: 0;\r\n\tpadding: 0;\r\n}\r\n\r\nh1,\r\nh2,\r\nh3,\r\nh4,\r\nh5,\r\nh6 {\r\n\tfont-size: 100%;\r\n\tfont-weight: normal;\r\n}\r\n\r\nul {\r\n\tlist-style: none;\r\n}\r\n\r\nbutton,\r\ninput,\r\nselect {\r\n\tmargin: 0;\r\n}\r\n\r\nhtml {\r\n\tbox-sizing: border-box;\r\n}\r\n\r\n*,\r\n*::before,\r\n*::after {\r\n\tbox-sizing: inherit;\r\n}\r\n\r\nimg,\r\nvideo {\r\n\theight: auto;\r\n\tmax-width: 100%;\r\n}\r\n\r\niframe {\r\n\tborder: 0;\r\n}\r\n\r\ntable {\r\n\tborder-collapse: collapse;\r\n\tborder-spacing: 0;\r\n}\r\n\r\ntd,\r\nth {\r\n\tpadding: 0;\r\n}\r\n/* stylelint-enable */\r\n","@use 'sass:map';\r\n\r\n$root-theme: 'light' !default;\r\n$print-theme: 'light' !default;\r\n\r\n// Ensure that the root theme exists\r\n@if map.has-key($themes, $root-theme) != true {\r\n\t@error \"Cannot build themes because $root-theme (#{$root-theme}) is set to a theme that does not exist in $themes map.\";\r\n}\r\n\r\n// Ensure that the print theme exists\r\n@if map.has-key($themes, $print-theme) != true {\r\n\t@error \"Cannot build themes because $print-theme (#{$print-theme}) is set to a theme that does not exist in $themes map.\";\r\n}\r\n\r\n$theme-names: map.keys($themes);\r\n\r\n// Validation: ensure that all values in the root theme are in the other themes too\r\n@each $root-color-name, $val in map.get($themes, $root-theme) {\r\n\t@each $theme-name in $theme-names {\r\n\t\t@if $theme-name != $root-theme {\r\n\t\t\t@if map.has-key(map.get($themes, $theme-name), $root-color-name) != true {\r\n\t\t\t\t@error '#{$root-color-name} from #{$root-theme} does not exist in theme: #{$theme-name}.';\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}\r\n\r\n// Validation: ensure all properties in non-root themes exist in root\r\n@each $theme-name in $theme-names {\r\n\t$theme: map.get($themes, $theme-name);\r\n\t@if $theme-name != $root-theme {\r\n\t\t$root: map.get($themes, $root-theme);\r\n\t\t@each $color-name, $val in $theme {\r\n\t\t\t@if map.has-key($root, $color-name) != true {\r\n\t\t\t\t@error '#{$color-name} from #{$theme-name} does not exist in theme: #{$theme-name}.';\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}\r\n\r\n@each $key, $value in $themes {\r\n\t// Set the default theme\r\n\t@if $key == $root-theme {\r\n\t\t:root {\r\n\t\t\t@each $colorName, $colorVal in map.get($themes, $key) {\r\n\t\t\t\t// stylelint-disable-next-line custom-property-pattern\r\n\t\t\t\t--theme-#{$colorName}: #{$colorVal};\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\t@if $key == $print-theme {\r\n\t\t.theme-#{$key} {\r\n\t\t\t@each $colorName, $colorVal in map.get($themes, $key) {\r\n\t\t\t\t// stylelint-disable-next-line custom-property-pattern\r\n\t\t\t\t--theme-#{$colorName}: #{$colorVal};\r\n\t\t\t}\r\n\t\t}\r\n\t} @else {\r\n\t\t// Set the rest of the themes, exclude them from print styling.\r\n\t\t@media not print {\r\n\t\t\t.theme-#{$key} {\r\n\t\t\t\t@each $colorName, $colorVal in map-get($themes, $key) {\r\n\t\t\t\t\t// stylelint-disable-next-line custom-property-pattern\r\n\t\t\t\t\t--theme-#{$colorName}: #{$colorVal};\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}\r\n\r\n// End validation\r\n\r\n%theme-base-styles {\r\n\toutline-color: $text;\r\n\tbackground-color: $body-background;\r\n\tcolor: $text;\r\n}\r\n\r\n@each $key, $value in $themes {\r\n\t.theme-#{$key} {\r\n\t\t@extend %theme-base-styles;\r\n\t}\r\n}\r\n\r\n@each $key, $value in $color-schemes {\r\n\t.theme-#{$key} {\r\n\t\tcolor-scheme: #{$value};\r\n\t}\r\n}\r\n","html {\r\n\tfont-size: $document-font-size;\r\n}\r\n\r\nhtml,\r\nbody {\r\n\tfont-family: $normal-font-stack;\r\n\t-webkit-font-smoothing: antialiased;\r\n\tfont-weight: $weight-normal;\r\n\ttext-rendering: optimizeLegibility;\r\n}\r\n\r\nkbd,\r\npre,\r\nsamp {\r\n\tfont-family: $monospace-font-stack !important;\r\n\t-moz-osx-font-smoothing: auto;\r\n\t-webkit-font-smoothing: auto;\r\n}\r\n\r\ncode {\r\n\tdirection: ltr;\r\n\tfont-family: $monospace-font-stack;\r\n}\r\n\r\na > code {\r\n\tfont-family: $normal-font-stack;\r\n}\r\n","// stylelint-disable-next-line keyframes-name-pattern\r\n@keyframes spinAround {\r\n\t// make it stop\r\n\r\n\tfrom {\r\n\t\ttransform: rotate(0deg);\r\n\t}\r\n\r\n\tto {\r\n\t\ttransform: rotate(359deg);\r\n\t}\r\n}\r\n\r\n@keyframes boop {\r\n\t0% {\r\n\t\ttransform: scale(1);\r\n\t}\r\n\r\n\t50% {\r\n\t\ttransform: scale(1.1);\r\n\t}\r\n\r\n\t100% {\r\n\t\ttransform: scale(1);\r\n\t}\r\n}\r\n\r\n@keyframes slide-up-fade-out {\r\n\t100% {\r\n\t\ttransform: translateY(-100%);\r\n\t\topacity: 0;\r\n\t}\r\n}\r\n\r\n@keyframes fade-out {\r\n\t100% {\r\n\t\topacity: 0;\r\n\t}\r\n}\r\n\r\n@keyframes slide-background {\r\n\t0% {\r\n\t\tbackground-position: 200% 0;\r\n\t}\r\n\r\n\t100% {\r\n\t\tbackground-position: -200% 0;\r\n\t}\r\n}\r\n\r\n.animation-fade {\r\n\tanimation: fade-out 0.4s ease-in forwards;\r\n\r\n\t@include prefers-reduced-motion {\r\n\t\tanimation-duration: 0s;\r\n\t}\r\n}\r\n\r\n.animation-slide-up {\r\n\tanimation: slide-up-fade-out 0.4s ease-in forwards;\r\n\r\n\t@include prefers-reduced-motion {\r\n\t\tanimation-duration: 0s;\r\n\t}\r\n}\r\n","@if ($focus-visible-use-polyfill) {\r\n\t.js-focus-visible .has-default-focus *:focus:not(.focus-visible),\r\n\t.js-focus-visible .default-focus *:focus:not(.focus-visible) {\r\n\t\toutline: none;\r\n\t}\r\n\r\n\t.focus-visible.has-inner-focus,\r\n\t.focus-visible.inner-focus {\r\n\t\toutline-offset: -$focus-width;\r\n\t}\r\n\r\n\t.has-default-focus,\r\n\t.default-focus {\r\n\t\t.is-focused,\r\n\t\t.focus-visible {\r\n\t\t\t@extend %focus;\r\n\r\n\t\t\t&.has-inner-focus,\r\n\t\t\t&.inner-focus {\r\n\t\t\t\toutline-color: currentColor;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n} @else {\r\n\t.has-default-focus *:focus-visible,\r\n\t.default-focus *:focus-visible {\r\n\t\t@extend %focus;\r\n\r\n\t\t&.has-inner-focus,\r\n\t\t&.inner-focus {\r\n\t\t\toutline-color: currentColor;\r\n\t\t\toutline-offset: -$focus-width;\r\n\t\t}\r\n\t}\r\n}\r\n\r\n:where(.is-focused) {\r\n\t@extend %focus;\r\n\r\n\t&.has-inner-focus,\r\n\t&.inner-focus {\r\n\t\toutline-color: currentColor;\r\n\t\toutline-offset: -$focus-width;\r\n\t}\r\n}\r\n","// https://bugs.chromium.org/p/chromium/issues/detail?id=589475&q=details%20box-sizing&can=2\r\n\r\ndetails,\r\ndetails > * {\r\n\tbox-sizing: border-box !important;\r\n}\r\n\r\n:where(html *),\r\n:where(html a),\r\n:where(html li) {\r\n\t// include a,li {} to override css reset/normalize; this is causing .focus-visible color issues\r\n\toutline-color: inherit;\r\n}\r\n\r\n:where(a) {\r\n\tcolor: $hyperlink;\r\n\ttext-decoration: none;\r\n\tcursor: pointer;\r\n\tword-wrap: break-word;\r\n}\r\n\r\n:where(a:hover) {\r\n\tcolor: $primary-hover;\r\n\ttext-decoration: underline;\r\n}\r\n\r\n:where(a:visited) {\r\n\tcolor: $visited;\r\n}\r\n\r\nfieldset {\r\n\tmin-width: 0; // as a replaced element min-width:0 is required to enable it to work in responsive layouts\r\n\tborder: none;\r\n}\r\n\r\n::target-text {\r\n\tbackground-color: $code-highlight-background;\r\n}\r\n","$accordion-font-size-sm: $font-size-9 !default;\r\n$accordion-font-size-md: $font-size-8 !default;\r\n$accordion-font-size-lg: $font-size-7 !default;\r\n$accordion-font-size-xl: $font-size-6 !default;\r\n$accordion-font-size-xxl: $font-size-5 !default;\r\n\r\n$accordion-gap: $layout-2 !default;\r\n$accordion-spacing: $spacer-4 !default;\r\n$accordion-transition: transform 0.15s !default;\r\n\r\n// Spacing and font-size\r\n\r\n@mixin accordion-summary-sizes($font-size) {\r\n\t$icon-before-offset-size: calc($font-size - 0.375rem);\r\n\t$icon-after-offset-size: calc($font-size - 0.5rem);\r\n\r\n\tsummary {\r\n\t\tfont-size: $font-size;\r\n\t}\r\n\r\n\t&:not(.accordion-icon-end) summary {\r\n\t\t&::before {\r\n\t\t\tmargin-block-start: $icon-before-offset-size;\r\n\t\t}\r\n\t}\r\n\r\n\t&.accordion-icon-end summary {\r\n\t\t&::after {\r\n\t\t\tmargin-block-start: $icon-after-offset-size;\r\n\t\t}\r\n\t}\r\n}\r\n\r\n.accordion {\r\n\t@include accordion-summary-sizes($accordion-font-size-md);\r\n\r\n\tsummary {\r\n\t\tdisplay: flex;\r\n\t\tline-height: 1.5;\r\n\t\tcursor: pointer;\r\n\t\tpadding-block: $accordion-spacing;\r\n\t\tgap: $accordion-gap;\r\n\r\n\t\t&::before,\r\n\t\t&::after {\r\n\t\t\t// Prevents chevron from being clipped when accordion title is long\r\n\t\t\tflex-shrink: 0;\r\n\t\t}\r\n\r\n\t\t&:hover {\r\n\t\t\tcolor: $primary-hover;\r\n\r\n\t\t\t&::before,\r\n\t\t\t&::after {\r\n\t\t\t\tborder-color: $primary-hover;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t.accordion-header {\r\n\t\t\tflex-grow: 1;\r\n\t\t}\r\n\t}\r\n\r\n\t&:not(.accordion-icon-end) {\r\n\t\tsummary::before {\r\n\t\t\t@include chevron-right;\r\n\r\n\t\t\ttransition: $accordion-transition;\r\n\t\t}\r\n\r\n\t\t&:dir(rtl) summary::before {\r\n\t\t\t@include chevron-right-rtl;\r\n\t\t}\r\n\t}\r\n\r\n\t&.accordion-icon-end {\r\n\t\tsummary::after {\r\n\t\t\t@include chevron-down;\r\n\r\n\t\t\ttransition: $accordion-transition;\r\n\t\t}\r\n\r\n\t\t&:dir(rtl) summary::after {\r\n\t\t\t@include chevron-down-rtl;\r\n\t\t}\r\n\t}\r\n\r\n\t&[open] {\r\n\t\t&:not(.accordion-icon-end) {\r\n\t\t\tsummary::before {\r\n\t\t\t\ttransform: $chevron-down-rotate translate(calc($chevron-arrow-size / 2), 0);\r\n\t\t\t}\r\n\r\n\t\t\t/* stylelint-disable-next-line selector-max-specificity, rule-empty-line-before */\r\n\t\t\t&:dir(rtl) summary::before {\r\n\t\t\t\ttransform: $chevron-down-rotate-rtl translate(calc($chevron-arrow-size / 2 * -1), 0);\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t&.accordion-icon-end {\r\n\t\t\tsummary::after {\r\n\t\t\t\ttransform: $chevron-up-rotate-scale-xy;\r\n\t\t\t}\r\n\r\n\t\t\t/* stylelint-disable-next-line selector-max-specificity, rule-empty-line-before */\r\n\t\t\t&:dir(rtl) summary::after {\r\n\t\t\t\ttransform: $chevron-up-rotate-scale-xy-rtl;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\t.accordion-content {\r\n\t\tfont-size: $accordion-font-size-md;\r\n\t}\r\n\r\n\t// Sizes\r\n\r\n\t&.accordion-sm {\r\n\t\t@include accordion-summary-sizes($accordion-font-size-sm);\r\n\t}\r\n\r\n\t&.accordion-lg {\r\n\t\t@include accordion-summary-sizes($accordion-font-size-lg);\r\n\t}\r\n\r\n\t&.accordion-xl {\r\n\t\t@include accordion-summary-sizes($accordion-font-size-xl);\r\n\t}\r\n\r\n\t&.accordion-xxl {\r\n\t\t@include accordion-summary-sizes($accordion-font-size-xxl);\r\n\t}\r\n}\r\n","$badge-padding-block: 0.2em !default;\r\n$badge-padding-inline: 0.5em !default;\r\n\r\n$badge-gap-size: 0.375em !default;\r\n\r\n$badge-font-size: $font-size-8 !default;\r\n$badge-font-size-sm: $font-size-9 !default;\r\n$badge-font-size-lg: $font-size-7 !default;\r\n$badge-font-weight: $weight-semibold !default;\r\n\r\n$badge-icon-font-size: 0.875em !default;\r\n\r\n$badge-border-width: $border-width !default;\r\n$badge-border-radius: $border-radius-rounded !default;\r\n\r\n.badge {\r\n\tdisplay: inline-flex;\r\n\talign-items: center;\r\n\tjustify-content: center;\r\n\tpadding: $badge-padding-block $badge-padding-inline;\r\n\tborder: $badge-border-width solid $border-white-high-contrast;\r\n\tborder-radius: $badge-border-radius;\r\n\tfont-size: $badge-font-size;\r\n\tfont-weight: $badge-font-weight;\r\n\tline-height: $line-height-normal;\r\n\twhite-space: nowrap;\r\n\tgap: $badge-gap-size;\r\n\r\n\t@each $name, $color-set in $colors {\r\n\t\t$base: nth($color-set, $color-index-base);\r\n\t\t$invert: nth($color-set, $color-index-invert);\r\n\t\t$dark: nth($color-set, $color-index-dark);\r\n\t\t$background: nth($color-set, $color-index-background);\r\n\r\n\t\t@if $name == 'secondary' {\r\n\t\t\tborder-color: $dark;\r\n\t\t\tbackground-color: $background;\r\n\t\t\tcolor: $dark;\r\n\t\t} @else {\r\n\t\t\t&.badge-#{$name} {\r\n\t\t\t\tborder-color: $dark;\r\n\t\t\t\tbackground-color: $background;\r\n\t\t\t\tcolor: $dark;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\t&.badge-clear {\r\n\t\tborder-color: transparent;\r\n\t\tbackground-color: transparent;\r\n\t}\r\n\r\n\t&.badge-filled {\r\n\t\t@each $name, $color-set in $colors {\r\n\t\t\t$base: nth($color-set, $color-index-base);\r\n\t\t\t$invert: nth($color-set, $color-index-invert);\r\n\t\t\t$dark: nth($color-set, $color-index-dark);\r\n\t\t\t$background: nth($color-set, $color-index-background);\r\n\r\n\t\t\t@if $name == 'secondary' {\r\n\t\t\t\tborder-color: $base;\r\n\t\t\t\tbackground-color: $base;\r\n\t\t\t\tcolor: $invert;\r\n\t\t\t} @else {\r\n\t\t\t\t&.badge-#{$name} {\r\n\t\t\t\t\tborder-color: $base;\r\n\t\t\t\t\tbackground-color: $base;\r\n\t\t\t\t\tcolor: $invert;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\t.icon {\r\n\t\tfont-size: $badge-icon-font-size;\r\n\t}\r\n\r\n\t// Sizes\r\n\r\n\t&.badge-sm {\r\n\t\tfont-size: $badge-font-size-sm;\r\n\t}\r\n\r\n\t&.badge-lg {\r\n\t\tfont-size: $badge-font-size-lg;\r\n\t}\r\n}\r\n","$banner-background: $info-background !default;\r\n$banner-padding: $spacer-5 !default;\r\n\r\n$banner-font-size: $font-size-7 !default;\r\n$banner-color: $info-dark !default;\r\n\r\n$banner-border-color: $border-white-high-contrast !default;\r\n$banner-border-width: $border-width !default;\r\n\r\n$banner-dismiss-margin: $spacer-2 !default;\r\n\r\n.banner {\r\n\t@extend %layout-gap;\r\n\r\n\tdisplay: grid;\r\n\tposition: relative;\r\n\tgrid-template: auto / 1fr auto;\r\n\tgrid-template-areas: 'banner-content dismiss';\r\n\toutline-color: $text;\r\n\tbackground-color: $banner-background;\r\n\tcolor: $banner-color;\r\n\tfont-size: $banner-font-size;\r\n\tline-height: $line-height-normal;\r\n\tpadding-block: $banner-padding;\r\n\tword-wrap: break-word;\r\n\tword-break: break-word;\r\n\tborder-block: $banner-border-width solid $banner-border-color;\r\n\r\n\t&.is-loading {\r\n\t\tcolor: transparent;\r\n\r\n\t\t> :first-child {\r\n\t\t\tmargin-inline-start: calc($banner-padding + 0.375em);\r\n\t\t}\r\n\r\n\t\t&::before {\r\n\t\t\t@include loader;\r\n\r\n\t\t\tposition: absolute;\r\n\t\t\tinset-block-start: $banner-padding;\r\n\t\t\tinset-inline-start: $layout-gap;\r\n\t\t\tborder-color: transparent transparent $banner-color $banner-color;\r\n\r\n\t\t\t@include widescreen {\r\n\t\t\t\tinset-inline-start: $layout-widescreen-gap;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\t.banner-content {\r\n\t\tgrid-area: banner-content;\r\n\r\n\t\ta:not(.button) {\r\n\t\t\tcolor: currentColor;\r\n\t\t\tfont-weight: $weight-semibold;\r\n\t\t\ttext-decoration: underline;\r\n\r\n\t\t\t.theme-high-contrast & {\r\n\t\t\t\tcolor: $hyperlink;\r\n\t\t\t}\r\n\r\n\t\t\t&:hover {\r\n\t\t\t\ttext-decoration-thickness: 0.15em;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\t.banner-dismiss {\r\n\t\t@include dismiss-square;\r\n\r\n\t\tgrid-area: dismiss;\r\n\t\tmargin-inline-start: $banner-dismiss-margin;\r\n\t}\r\n}\r\n","$breadcrumb-font-size: $font-size-8 !default;\r\n$breadcrumb-spacing-horizontal: 0.25em !default;\r\n$breadcrumb-spacing-vertical: 0.375em !default;\r\n$breadcrumb-separator: '\\00200B/' !default;\r\n\r\n%breadcrumbs-slash {\r\n\tdisplay: inline-block;\r\n\tcolor: $text-subtle;\r\n\tcontent: $breadcrumb-separator;\r\n}\r\n\r\n.breadcrumbs {\r\n\tfont-size: $breadcrumb-font-size;\r\n\r\n\t.breadcrumbs-item {\r\n\t\tdisplay: inline-block;\r\n\t\tpadding-block: $breadcrumb-spacing-vertical;\r\n\r\n\t\t&:not(.breadcrumbs-item-slashless)::after {\r\n\t\t\t@extend %breadcrumbs-slash;\r\n\r\n\t\t\tmargin-inline: $breadcrumb-spacing-horizontal;\r\n\t\t}\r\n\t}\r\n\r\n\t// stylelint-disable selector-max-specificity\r\n\r\n\t&.breadcrumbs-initial-slash {\r\n\t\t.breadcrumbs-item:first-child::before,\r\n\t\t.breadcrumbs-item[hidden] + .breadcrumbs-item::before {\r\n\t\t\t@extend %breadcrumbs-slash;\r\n\r\n\t\t\tmargin-inline: 0.0625em $breadcrumb-spacing-horizontal;\r\n\t\t}\r\n\t}\r\n\t// stylelint-enable\r\n}\r\n","@use 'sass:map';\r\n\r\n$button-color: $text !default;\r\n$button-background-color: $body-background !default;\r\n\r\n$button-lg-font-size: $font-size-6 !default;\r\n$button-sm-font-size: $font-size-8 !default;\r\n\r\n$button-icon-font-size: 0.875em !default;\r\n\r\n$button-border-color: $text-subtle !default;\r\n$button-border-width: $control-border-width !default;\r\n$button-border-radius: $control-radius !default;\r\n\r\n$button-padding-vertical: calc(0.375em - #{$button-border-width}) !default;\r\n$button-padding-horizontal: 0.75em !default;\r\n\r\n$button-hover-color: $text !default;\r\n$button-hover-border-color: $default-hover !default;\r\n$button-hover-background-color: $default-hover-invert !default;\r\n\r\n$button-disabled-background-color: $body-background-medium !default;\r\n$button-disabled-shadow: none !default;\r\n$button-disabled-opacity: 0.5 !default;\r\n\r\n$button-icon-spacing: 0.375em !default;\r\n$button-font-weight: $weight-semibold !default;\r\n\r\n.button {\r\n\t@include control;\r\n\t@include unselectable;\r\n\r\n\tjustify-content: center;\r\n\tpadding-block-start: $button-padding-vertical;\r\n\tpadding-block-end: $button-padding-vertical;\r\n\tborder-width: $button-border-width;\r\n\tborder-radius: $button-border-radius;\r\n\tborder-color: $button-border-color;\r\n\tbackground-color: $button-background-color;\r\n\tcolor: $button-color;\r\n\tfont-weight: $button-font-weight;\r\n\ttext-align: center;\r\n\ttext-decoration: none;\r\n\tcursor: pointer;\r\n\tpadding-inline-start: $button-padding-horizontal;\r\n\tpadding-inline-end: $button-padding-horizontal;\r\n\r\n\tstrong {\r\n\t\tcolor: inherit;\r\n\t}\r\n\r\n\t.icon {\r\n\t\tfont-size: $button-icon-font-size;\r\n\r\n\t\t&:only-child {\r\n\t\t\tmargin: 0;\r\n\t\t}\r\n\r\n\t\t&:first-child:not(:only-child) {\r\n\t\t\tmargin-inline-end: $button-icon-spacing;\r\n\t\t}\r\n\r\n\t\t&:last-child:not(:only-child) {\r\n\t\t\tmargin-inline-start: $button-icon-spacing;\r\n\t\t}\r\n\t}\r\n\r\n\t&:hover,\r\n\t&.is-hovered {\r\n\t\tborder-color: $button-hover-border-color;\r\n\t\tbackground-color: $button-hover-background-color;\r\n\t\tcolor: $button-hover-color;\r\n\t}\r\n\r\n\t&:visited {\r\n\t\tcolor: $button-color;\r\n\t}\r\n\r\n\t// Sizes\r\n\r\n\t&.button-sm {\r\n\t\tfont-size: $button-sm-font-size;\r\n\t}\r\n\r\n\t&.button-lg {\r\n\t\tfont-size: $button-lg-font-size;\r\n\t}\r\n\r\n\t// Modifiers\r\n\r\n\t&.is-disabled,\r\n\t&[disabled] {\r\n\t\tborder-color: currentColor;\r\n\t\tbackground-color: $button-disabled-background-color;\r\n\t\topacity: $button-disabled-opacity;\r\n\t\tbox-shadow: $button-disabled-shadow;\r\n\t}\r\n\r\n\t&.button-block {\r\n\t\tdisplay: flex;\r\n\t\twidth: 100%;\r\n\t}\r\n\r\n\t&.is-loading {\r\n\t\tcolor: transparent !important;\r\n\t\tpointer-events: none;\r\n\r\n\t\t&::after {\r\n\t\t\t@include loader;\r\n\t\t\t@include center(1em);\r\n\r\n\t\t\tposition: absolute !important;\r\n\t\t\tborder-block-end-color: $text;\r\n\t\t\tborder-inline-start-color: $text;\r\n\t\t}\r\n\t}\r\n\r\n\t@each $name, $color-set in $colors {\r\n\t\t$base: nth($color-set, $color-index-base);\r\n\t\t$dark: nth($color-set, $color-index-dark);\r\n\t\t$background: nth($color-set, $color-index-background);\r\n\r\n\t\t&.button-#{$name} {\r\n\t\t\t@if $name == 'warning' {\r\n\t\t\t\tborder-color: $dark;\r\n\t\t\t\tcolor: $dark;\r\n\t\t\t} @else {\r\n\t\t\t\tborder-color: $base;\r\n\t\t\t\tcolor: $base;\r\n\t\t\t}\r\n\r\n\t\t\t&:hover,\r\n\t\t\t&.is-hovered {\r\n\t\t\t\tbackground-color: $background;\r\n\t\t\t\tcolor: $dark;\r\n\t\t\t}\r\n\r\n\t\t\t&.is-loading::after {\r\n\t\t\t\tborder-color: transparent transparent $base $base !important;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}\r\n\r\n$button-clear-hover-background-color: transparentize(#8e8e8e, 0.95) !default;\r\n\r\n.button.button-clear {\r\n\tborder-color: transparent;\r\n\tbackground-color: transparent;\r\n\r\n\t&.border {\r\n\t\t// an allowed hack to make for flexible outlined buttons\r\n\t\t// does not support loading states\r\n\t\tborder-color: currentColor !important;\r\n\t}\r\n\r\n\t&,\r\n\t&:visited {\r\n\t\tcolor: currentColor;\r\n\t}\r\n\r\n\t&.is-hovered,\r\n\t&:hover,\r\n\t&:active {\r\n\t\tbackground-color: $button-clear-hover-background-color;\r\n\t}\r\n\r\n\t@each $name, $color-set in $colors {\r\n\t\t$base: nth($color-set, $color-index-base);\r\n\t\t$dark: nth($color-set, $color-index-dark);\r\n\t\t$background: nth($color-set, $color-index-background);\r\n\r\n\t\t&.button-#{$name} {\r\n\t\t\tcolor: $base;\r\n\t\t\t@if $name == 'warning' {\r\n\t\t\t\tcolor: $dark;\r\n\t\t\t}\r\n\r\n\t\t\t&:hover,\r\n\t\t\t&.is-hovered {\r\n\t\t\t\tbackground-color: $background;\r\n\t\t\t\tcolor: $dark;\r\n\t\t\t}\r\n\r\n\t\t\t&.is-disabled,\r\n\t\t\t&[disabled] {\r\n\t\t\t\tbackground-color: transparent;\r\n\t\t\t\tcolor: $base;\r\n\t\t\t\tbox-shadow: none;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}\r\n\r\n$button-filled-background-color: $alternate-background-medium !default;\r\n$button-filled-background-color-hover: $alternate-background !default;\r\n$button-filled-text-color: $text-invert !default;\r\n\r\n.button.button-filled {\r\n\tborder-color: $button-filled-background-color;\r\n\tbackground-color: $button-filled-background-color;\r\n\tcolor: $button-filled-text-color;\r\n\r\n\t&:hover,\r\n\t&.is-hovered {\r\n\t\tbackground-color: $button-filled-background-color-hover;\r\n\t}\r\n\r\n\t&.is-loading::after {\r\n\t\t@include loader;\r\n\r\n\t\tborder-color: transparent transparent $button-filled-text-color $button-filled-text-color !important;\r\n\t}\r\n\r\n\t@each $name, $color-set in $colors {\r\n\t\t$base: nth($color-set, $color-index-base);\r\n\t\t$hover: nth($color-set, $color-index-hover);\r\n\t\t$active: nth($color-set, $color-index-active);\r\n\t\t$invert: nth($color-set, $color-index-invert);\r\n\t\t$background: nth($color-set, $color-index-background);\r\n\r\n\t\t&.button-#{$name} {\r\n\t\t\tborder-color: $base;\r\n\t\t\tbackground-color: $base;\r\n\t\t\tcolor: $invert;\r\n\r\n\t\t\t&:hover,\r\n\t\t\t&.is-hovered {\r\n\t\t\t\tborder-color: $hover;\r\n\t\t\t\tbackground-color: $hover;\r\n\t\t\t\tcolor: $invert;\r\n\t\t\t}\r\n\r\n\t\t\t&.is-loading::after {\r\n\t\t\t\t@include loader;\r\n\r\n\t\t\t\tborder-color: transparent transparent $invert $invert !important;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}\r\n","/* stylelint-disable selector-max-specificity, max-nesting-depth */\r\n\r\n.buttons {\r\n\tdisplay: flex;\r\n\tflex-wrap: wrap;\r\n\talign-items: center;\r\n\tjustify-content: flex-start;\r\n\r\n\t&.buttons-centered {\r\n\t\tjustify-content: center;\r\n\t}\r\n\r\n\t&.buttons-right {\r\n\t\tjustify-content: flex-end;\r\n\t}\r\n\r\n\t.button {\r\n\t\tmargin-block-end: 0.5rem;\r\n\t\tmargin-inline-end: 0.5rem;\r\n\r\n\t\t&:only-child,\r\n\t\t&.is-fullwidth,\r\n\t\t&.is-full-width {\r\n\t\t\tmargin-inline-end: 0;\r\n\t\t}\r\n\r\n\t\t&.is-full-width-mobile,\r\n\t\t&.is-fullwidth-mobile {\r\n\t\t\tmargin-inline-end: 0;\r\n\r\n\t\t\t@include tablet {\r\n\t\t\t\tmargin-inline-end: 0.5rem;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\t&:last-child {\r\n\t\tmargin-block-end: -0.5rem;\r\n\t}\r\n\r\n\t&:not(:last-child) {\r\n\t\tmargin-block-end: 1rem;\r\n\t}\r\n\r\n\t&.buttons-addons {\r\n\t\t.button {\r\n\t\t\t&:not(:first-child) {\r\n\t\t\t\tborder-bottom-#{$user-left}-radius: 0;\r\n\t\t\t\tborder-top-#{$user-left}-radius: 0;\r\n\t\t\t}\r\n\r\n\t\t\t&:not(:last-child) {\r\n\t\t\t\tborder-bottom-#{$user-right}-radius: 0;\r\n\t\t\t\tborder-top-#{$user-right}-radius: 0;\r\n\t\t\t\tmargin-inline-end: -1px;\r\n\t\t\t}\r\n\r\n\t\t\t&:last-child {\r\n\t\t\t\tmargin-inline-end: 0;\r\n\t\t\t}\r\n\r\n\t\t\t&:hover,\r\n\t\t\t&.is-hovered {\r\n\t\t\t\tz-index: $zindex-hover;\r\n\t\t\t}\r\n\r\n\t\t\t&.is-focused,\r\n\t\t\t&:active,\r\n\t\t\t&.is-active,\r\n\t\t\t&.is-selected {\r\n\t\t\t\tz-index: $zindex-focus;\r\n\r\n\t\t\t\t&:hover {\r\n\t\t\t\t\tz-index: $zindex-multi;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\t\t\t@include focus-visible {\r\n\t\t\t\tz-index: $zindex-focus;\r\n\r\n\t\t\t\t&:hover {\r\n\t\t\t\t\tz-index: $zindex-multi;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\t\t\t&.is-expanded {\r\n\t\t\t\tflex-grow: 1;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}\r\n\r\n/* stylelint-enable selector-max-specificity, max-nesting-depth */\r\n","$card-color: $text !default;\r\n$card-shadow: $box-shadow-light;\r\n$card-padding: $spacer-5;\r\n$card-border-radius: $border-radius-sm;\r\n$card-row-gap: $spacer-3 !default;\r\n$card-column-gap: $spacer-5 !default;\r\n\r\n.card {\r\n\tdisplay: flex;\r\n\tposition: relative;\r\n\tflex-direction: column;\r\n\tjustify-content: flex-start;\r\n\tmax-width: 100%;\r\n\tpadding: $card-padding 0 0;\r\n\tborder: 1px solid $border-white-high-contrast;\r\n\tborder-radius: $card-border-radius;\r\n\toutline-color: $text;\r\n\tbackground-color: $card-background;\r\n\tcolor: $card-color;\r\n\tbox-shadow: $card-shadow;\r\n\r\n\t> :first-child {\r\n\t\tborder-start-end-radius: $card-border-radius;\r\n\t\tborder-start-start-radius: $card-border-radius;\r\n\t}\r\n\r\n\t> :last-child {\r\n\t\tborder-end-end-radius: $card-border-radius;\r\n\t\tborder-end-start-radius: $card-border-radius;\r\n\t}\r\n\r\n\t.card-template {\r\n\t\tdisplay: grid;\r\n\t\tflex-grow: 1;\r\n\t\tpadding: $card-padding;\r\n\t\tgrid-template: auto / 1fr $spacer-10;\r\n\t\tgap: $card-row-gap $card-column-gap;\r\n\t\tgrid-template-areas:\r\n\t\t\t'supertitle supertitle'\r\n\t\t\t'title title'\r\n\t\t\t'detail icon';\r\n\r\n\t\t/* stylelint-disable no-descending-specificity */\r\n\r\n\t\t.card-title {\r\n\t\t\tmargin-block-end: $spacer-5;\r\n\t\t}\r\n\t}\r\n\r\n\t.card-template-icon {\r\n\t\tmargin-block-start: auto;\r\n\t\tgrid-area: icon;\r\n\t\twidth: $spacer-10;\r\n\t\theight: $spacer-10;\r\n\t}\r\n\r\n\t.card-template-detail {\r\n\t\tdisplay: flex;\r\n\t\tflex-direction: column;\r\n\t\talign-self: stretch;\r\n\t\tjustify-content: flex-end;\r\n\t\tfont-size: $font-size-9;\r\n\t\tline-height: 1.25;\r\n\t\tgrid-area: detail;\r\n\t}\r\n\r\n\t.card-header {\r\n\t\tposition: relative;\r\n\t\tmargin-block-end: 1.125rem;\r\n\r\n\t\t.card-header-image {\r\n\t\t\tposition: relative;\r\n\t\t\twidth: 64px;\r\n\t\t\theight: 64px;\r\n\r\n\t\t\timg,\r\n\t\t\tsvg {\r\n\t\t\t\t@include overlay;\r\n\r\n\t\t\t\tdisplay: block;\r\n\t\t\t\twidth: 100%;\r\n\t\t\t\theight: 100%;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\t.card-header,\r\n\t.card-content,\r\n\t.card-template {\r\n\t\tpadding-inline: $card-padding;\r\n\r\n\t\t&:first-child {\r\n\t\t\tpadding-block-start: $card-padding;\r\n\t\t\tmargin-block-start: -$card-padding;\r\n\t\t}\r\n\t}\r\n\r\n\t// optional prescriptive inner elements\r\n\r\n\t.card-supertitle {\r\n\t\t@include line-clamp(1);\r\n\r\n\t\tfont-size: $font-size-9;\r\n\t\tletter-spacing: $letter-spacing-wide;\r\n\t\tline-height: 1;\r\n\t\ttext-transform: uppercase;\r\n\t\tgrid-area: supertitle;\r\n\t}\r\n\r\n\t// includes some resets for <a> and <button>\r\n\r\n\t.card-title {\r\n\t\t@include line-clamp(3);\r\n\r\n\t\tflex-grow: 1;\r\n\t\tmargin: 0;\r\n\t\tpadding: 0;\r\n\t\tborder: none;\r\n\t\tcolor: $primary;\r\n\t\tfont-size: $font-size-7;\r\n\t\tfont-weight: $weight-semibold;\r\n\t\tline-height: 1.25;\r\n\t\ttext-align: start;\r\n\t\ttext-decoration: none;\r\n\t\tappearance: none;\r\n\t\tgrid-area: title;\r\n\r\n\t\t&:first-child {\r\n\t\t\tmargin-block-start: none;\r\n\t\t}\r\n\r\n\t\t&:only-child {\r\n\t\t\tmargin: 0;\r\n\t\t}\r\n\r\n\t\t&:visited {\r\n\t\t\tcolor: $visited;\r\n\t\t}\r\n\t}\r\n\r\n\t/* stylelint-disable selector-no-qualifying-type */\r\n\r\n\ta.card-title:hover,\r\n\tbutton.card-title:hover {\r\n\t\ttext-decoration: underline;\r\n\t\tcursor: pointer;\r\n\t}\r\n\r\n\t.card-content {\r\n\t\tflex-grow: 1;\r\n\t\tmargin-block-end: 1.125rem;\r\n\r\n\t\t> *:not(:first-child) {\r\n\t\t\tmargin-block-start: 0.5rem;\r\n\t\t}\r\n\t}\r\n\r\n\t.card-content-description {\r\n\t\t@include line-clamp(4);\r\n\r\n\t\tmax-height: inherit;\r\n\t\tpadding-block-end: 0;\r\n\t\tfont-size: $font-size-8;\r\n\t\tline-height: 1.25;\r\n\t}\r\n\r\n\t.card-footer {\r\n\t\tdisplay: flex;\r\n\t\tflex-wrap: nowrap;\r\n\t\tjustify-content: space-between;\r\n\t\tborder-block-start: 1px solid $border;\r\n\t\tmargin-inline: $card-padding;\r\n\r\n\t\t// Artificial alignment of card item, intended for use on when there's only a single .card-footer-items\r\n\r\n\t\t&.card-footer-left,\r\n\t\t&.card-footer-right {\r\n\t\t\t.card-footer-item {\r\n\t\t\t\tflex-grow: 0;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t&.card-footer-left {\r\n\t\t\tjustify-content: flex-start;\r\n\t\t}\r\n\r\n\t\t&.card-footer-right {\r\n\t\t\tjustify-content: flex-end;\r\n\t\t}\r\n\r\n\t\t.card-footer-item {\r\n\t\t\tdisplay: flex;\r\n\t\t\tflex-grow: 1;\r\n\t\t\tflex-shrink: 1;\r\n\t\t\talign-items: center;\r\n\t\t\tpadding-block: 0.375rem;\r\n\r\n\t\t\t&:first-child,\r\n\t\t\t&:only-child {\r\n\t\t\t\tjustify-content: flex-start;\r\n\t\t\t}\r\n\r\n\t\t\t&:last-child {\r\n\t\t\t\tjustify-content: flex-end;\r\n\t\t\t}\r\n\r\n\t\t\t/* stylelint-disable selector-max-specificity */\r\n\r\n\t\t\t&:not(:last-child):not(:first-child):not(:only-child) {\r\n\t\t\t\tjustify-content: center;\r\n\t\t\t}\r\n\r\n\t\t\t/* stylelint-enable selector-max-specificity */\r\n\r\n\t\t\t// Allow buttons to fit perfectly in card footer\r\n\r\n\t\t\t.buttons {\r\n\t\t\t\tmargin-block: 0;\r\n\t\t\t}\r\n\r\n\t\t\t.button {\r\n\t\t\t\tmargin-block-end: 0;\r\n\t\t\t}\r\n\r\n\t\t\t/* stylelint-disable selector-max-specificity */\r\n\r\n\t\t\t.button:last-child {\r\n\t\t\t\tmargin-inline-end: 0;\r\n\t\t\t}\r\n\r\n\t\t\t/* stylelint-enable selector-max-specificity */\r\n\t\t}\r\n\t}\r\n\r\n\t@include tablet {\r\n\t\t&.card-horizontal {\r\n\t\t\tflex-flow: row wrap;\r\n\r\n\t\t\t.card-content {\r\n\t\t\t\tpadding-inline-start: 0;\r\n\t\t\t\tmax-width: calc(100% - 7rem);\r\n\t\t\t\tpadding-inline-end: $spacer-10 + $spacer-5;\r\n\t\t\t}\r\n\r\n\t\t\t.card-footer {\r\n\t\t\t\tflex-grow: 1;\r\n\t\t\t\tflex-shrink: 1;\r\n\t\t\t\twidth: 100%;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}\r\n",".button-reset {\r\n\t@include transparent-effects;\r\n\r\n\tdisplay: inline-block;\r\n\tpadding: 0;\r\n\tborder: 0;\r\n\tcursor: pointer;\r\n}\r\n","$label-color: $text !default;\r\n$label-font-size: $font-size-7 !default;\r\n$label-font-weight: $weight-semibold !default;\r\n\r\n@mixin label {\r\n\tdisplay: block;\r\n\tcolor: $label-color;\r\n\tfont-size: $label-font-size;\r\n\tfont-weight: $label-font-weight;\r\n}\r\n\r\n.label {\r\n\t@include label;\r\n}\r\n","$help-color: $text !default;\r\n$help-danger-color: $danger !default;\r\n$help-success-color: $success !default;\r\n$help-font-size: $font-size-8 !default;\r\n\r\n.help {\r\n\tdisplay: block;\r\n\tcolor: $help-color;\r\n\tfont-size: $help-font-size;\r\n\r\n\t&.help-danger {\r\n\t\tcolor: $help-danger-color;\r\n\t}\r\n\r\n\t&.help-success {\r\n\t\tcolor: $help-success-color;\r\n\t}\r\n}\r\n","/* stylelint-disable selector-max-specificity, max-nesting-depth, selector-no-qualifying-type */\r\n\r\n$checkbox-border-radius: $border-radius !default;\r\n$checkbox-border-width: 0.0625em !default;\r\n$checkbox-unchecked-border-color: $control-border !default;\r\n$checkbox-invalid-border-color: $danger !default;\r\n$checkbox-color: $primary !default;\r\n$checkbox-check-color: $primary-invert !default;\r\n$checkbox-check-hover-color: $text-subtle !default;\r\n$checkbox-size: 1.25em !default;\r\n$checkbox-check-height: 0.75em !default;\r\n$checkbox-check-top: 0.125em !default;\r\n$checkbox-check-width: 0.3125em !default;\r\n$checkbox-check-thickness: 0.125em !default;\r\n$checkbox-timing-function: $input-timing-function !default;\r\n$checkbox-duration: $input-transition-duration !default;\r\n$checkbox-spacing: $spacer-3 !default;\r\n\r\n@mixin checkmark {\r\n\tdisplay: block;\r\n\tposition: absolute;\r\n\tinset-block-start: $checkbox-check-top;\r\n\twidth: $checkbox-check-width;\r\n\theight: $checkbox-check-height;\r\n\ttransform: rotate(45deg);\r\n\tborder: solid $checkbox-check-hover-color;\r\n\tborder-width: 0 $checkbox-check-thickness $checkbox-check-thickness 0;\r\n\tcontent: '';\r\n}\r\n\r\n.checkbox {\r\n\tdisplay: flex;\r\n\tposition: relative;\r\n\talign-items: center;\r\n\tline-height: 1.25;\r\n\tcursor: pointer;\r\n\r\n\t&:not(:last-child) {\r\n\t\tmargin-block-end: $checkbox-spacing;\r\n\t}\r\n\r\n\t.checkbox-check {\r\n\t\tdisplay: flex;\r\n\t\tposition: relative;\r\n\t\tflex-shrink: 0;\r\n\t\talign-items: center;\r\n\t\tjustify-content: center;\r\n\t\twidth: $checkbox-size;\r\n\t\theight: $checkbox-size;\r\n\t\ttransition-duration: $checkbox-duration;\r\n\t\ttransition-property: background, border, border-color;\r\n\t\ttransition-timing-function: $checkbox-timing-function;\r\n\t\tborder: $checkbox-border-width solid $checkbox-unchecked-border-color;\r\n\t\tborder-radius: $checkbox-border-radius;\r\n\r\n\t\t&:not(:last-child) {\r\n\t\t\tmargin-inline-end: $checkbox-spacing;\r\n\t\t}\r\n\r\n\t\t&::before {\r\n\t\t\tcontent: '\\0020';\r\n\t\t}\r\n\t}\r\n\r\n\t&.checkbox-sm {\r\n\t\t@include control-sm;\r\n\t}\r\n\r\n\t&.checkbox-lg {\r\n\t\t@include control-lg;\r\n\t}\r\n\r\n\tinput[type='checkbox'] {\r\n\t\t@include visually-hidden();\r\n\r\n\t\t&:checked + .checkbox-check {\r\n\t\t\tborder-color: $checkbox-color;\r\n\t\t\tbackground-color: $checkbox-color;\r\n\r\n\t\t\t&::before {\r\n\t\t\t\t@include checkmark;\r\n\r\n\t\t\t\tborder-color: $checkbox-check-color;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t&[disabled] {\r\n\t\t\t+ .checkbox-check {\r\n\t\t\t\tborder-color: $checkbox-unchecked-border-color;\r\n\t\t\t\topacity: 0.6;\r\n\t\t\t}\r\n\r\n\t\t\t+ .checkbox-check,\r\n\t\t\t~ .checkbox-text {\r\n\t\t\t\tcursor: not-allowed;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t@include focus-visible {\r\n\t\t\t+ .checkbox-check {\r\n\t\t\t\t@extend %focus;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\t&.checkbox-muted {\r\n\t\tinput[type='checkbox'] {\r\n\t\t\t&:checked + .checkbox-check {\r\n\t\t\t\tborder-color: $text-subtle;\r\n\t\t\t\tbackground-color: $text-subtle;\r\n\r\n\t\t\t\t&::before {\r\n\t\t\t\t\tborder-color: $text-invert;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\t.checkbox-check.is-checked {\r\n\t\tborder-color: $checkbox-color;\r\n\t\tbackground-color: $checkbox-color;\r\n\r\n\t\t&::before {\r\n\t\t\t@include checkmark;\r\n\r\n\t\t\tborder-color: $checkbox-check-color;\r\n\t\t}\r\n\t}\r\n\r\n\t&.is-invalid {\r\n\t\tinput[type='checkbox']:not(:checked) + .checkbox-check {\r\n\t\t\tborder-color: $checkbox-invalid-border-color;\r\n\t\t}\r\n\t}\r\n\r\n\t&:hover {\r\n\t\tinput[type='checkbox']:not(:checked):not([disabled]) + .checkbox-check::before {\r\n\t\t\t@include checkmark;\r\n\t\t}\r\n\t}\r\n}\r\n","$input-color: $text !default;\r\n$input-background-color: $body-background !default;\r\n$input-border-color: $control-border !default;\r\n$input-border-bottom-color: $control-border-bottom !default;\r\n$input-placeholder-color: $text-subtle !default;\r\n\r\n$input-hover-color: $text !default;\r\n$input-hover-border-color: $secondary !default;\r\n$input-focus-border-color: $primary !default;\r\n\r\n$input-disabled-color: $text-subtle !default;\r\n$input-disabled-background-color: $body-background-medium !default;\r\n$input-disabled-border-color: $table-border-dark !default;\r\n\r\n$input-danger-border-color: $danger !default;\r\n$input-success-border-color: $success !default;\r\n\r\n$input-focus-box-shadow-size: 0 0.0625rem 0 0 !default;\r\n\r\n$input-icon-size: 2.25em !default;\r\n$input-icon-color: $text-subtle !default;\r\n$input-icon-active-color: $secondary !default;\r\n\r\n.input {\r\n\t@include control;\r\n\r\n\twidth: 100%;\r\n\tmax-width: 100%;\r\n\tborder-color: $input-border-color;\r\n\tborder-block-end-color: $input-border-bottom-color;\r\n\tbackground-color: $input-background-color;\r\n\tcolor: $input-color !important;\r\n\r\n\t&::placeholder {\r\n\t\tcolor: $input-placeholder-color;\r\n\t}\r\n\r\n\t&:hover {\r\n\t\tborder-color: $input-hover-border-color;\r\n\t\tborder-block-end-color: $input-border-bottom-color;\r\n\t}\r\n\r\n\t&[disabled] {\r\n\t\tborder-color: $input-disabled-border-color;\r\n\t\tbackground-color: $input-disabled-background-color;\r\n\t\tcolor: $input-disabled-color;\r\n\t}\r\n\r\n\t@include focus-visible {\r\n\t\t@extend %focus;\r\n\r\n\t\tborder-block-end-color: $input-focus-border-color;\r\n\t\toutline-color: transparent;\r\n\t\toutline-offset: 0;\r\n\t\toutline-style: solid;\r\n\t\tbox-shadow: $input-focus-box-shadow-size $input-focus-border-color;\r\n\t}\r\n\r\n\t&.input-sm {\r\n\t\t@include control-sm;\r\n\t}\r\n\r\n\t&.input-lg {\r\n\t\t@include control-lg;\r\n\t}\r\n\r\n\t&.input-danger {\r\n\t\tborder-color: $input-danger-border-color;\r\n\r\n\t\t@include focus-visible() {\r\n\t\t\tborder-color: $input-border-color;\r\n\t\t\tborder-block-end-color: $input-danger-border-color;\r\n\t\t\tbox-shadow: $input-focus-box-shadow-size $input-danger-border-color;\r\n\t\t}\r\n\t}\r\n\r\n\t&.input-success {\r\n\t\tborder-color: $input-success-border-color;\r\n\r\n\t\t@include focus-visible() {\r\n\t\t\tborder-color: $input-border-color;\r\n\t\t\tborder-block-end-color: $input-success-border-color;\r\n\t\t\tbox-shadow: $input-focus-box-shadow-size $input-success-border-color;\r\n\t\t}\r\n\t}\r\n\r\n\t&.input-icon-right {\r\n\t\tpadding-inline-end: $input-icon-size;\r\n\r\n\t\t~ .icon {\r\n\t\t\tinset-inline-start: unset !important;\r\n\t\t\tinset-inline-end: 0;\r\n\t\t}\r\n\r\n\t\t.input[type='date'] {\r\n\t\t\tposition: relative;\r\n\r\n\t\t\t&::-webkit-calendar-picker-indicator {\r\n\t\t\t\tposition: absolute;\r\n\t\t\t\twidth: 1.5em;\r\n\t\t\t\tbackground: none;\r\n\t\t\t\tcolor: transparent;\r\n\t\t\t\tinset-inline-end: 0;\r\n\t\t\t\tz-index: $zindex-dropdown;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\t&.input-icon,\r\n\t&.input-icon-right {\r\n\t\tpadding-inline-start: $input-icon-size;\r\n\r\n\t\t&.input-icon-right {\r\n\t\t\tpadding-inline-start: $control-padding-horizontal;\r\n\t\t}\r\n\r\n\t\t+ .icon {\r\n\t\t\t@include fill-current-color();\r\n\r\n\t\t\tposition: absolute;\r\n\t\t\tinset-block-start: 0;\r\n\t\t\tinset-inline-start: 0;\r\n\t\t\twidth: $input-icon-size;\r\n\t\t\theight: 100%;\r\n\t\t\tcolor: $input-icon-color;\r\n\t\t\tpointer-events: none;\r\n\t\t\tz-index: $zindex-multi;\r\n\t\t}\r\n\r\n\t\t@include focus-visible {\r\n\t\t\t+ .icon {\r\n\t\t\t\tcolor: $input-icon-active-color;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t&.input-sm {\r\n\t\t\t~ .icon svg {\r\n\t\t\t\twidth: 0.875em;\r\n\t\t\t\theight: 0.875em;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t&.input-lg {\r\n\t\t\t~ .icon svg {\r\n\t\t\t\twidth: 1.125em;\r\n\t\t\t\theight: 1.125em;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}\r\n","$textarea-color: $text !default;\r\n$textarea-background-color: $body-background !default;\r\n$textarea-border-color: $control-border !default;\r\n$textarea-border-bottom-color: $control-border-bottom !default;\r\n$textarea-placeholder-color: $text-subtle !default;\r\n\r\n$textarea-hover-color: $text !default;\r\n$textarea-hover-border-color: $secondary !default;\r\n$textarea-focus-border-color: $primary !default;\r\n\r\n$textarea-disabled-color: $text-subtle !default;\r\n$textarea-disabled-background-color: $body-background-medium !default;\r\n$textarea-disabled-border-color: $table-border-dark !default;\r\n\r\n$textarea-danger-border-color: $danger !default;\r\n$textarea-success-border-color: $success !default;\r\n\r\n$textarea-focus-box-shadow-size: 0 0.125rem 0 0 !default;\r\n\r\n.textarea {\r\n\t@include control;\r\n\r\n\tdisplay: block;\r\n\twidth: 100%;\r\n\tmax-width: 100%;\r\n\tresize: vertical;\r\n\ttransition: box-shadow 300ms linear;\r\n\tborder-color: $textarea-border-color;\r\n\tborder-block-end-color: $textarea-border-bottom-color;\r\n\tbackground-color: $textarea-background-color;\r\n\tcolor: $textarea-color !important;\r\n\r\n\t&[rows] {\r\n\t\theight: initial;\r\n\t}\r\n\r\n\t&:not([rows]) {\r\n\t\tmin-height: 100px;\r\n\t\tmax-height: 600px;\r\n\t}\r\n\r\n\t&::placeholder {\r\n\t\tcolor: $textarea-placeholder-color;\r\n\t}\r\n\r\n\t&:hover {\r\n\t\tborder-color: $textarea-hover-border-color;\r\n\t\tborder-block-end-color: $textarea-border-bottom-color;\r\n\t}\r\n\r\n\t&[disabled] {\r\n\t\tborder-color: $textarea-disabled-border-color;\r\n\t\tbackground-color: $textarea-disabled-background-color;\r\n\t\tcolor: $textarea-disabled-color;\r\n\t}\r\n\r\n\t@include focus-visible {\r\n\t\t@extend %focus;\r\n\r\n\t\tborder-block-end-color: $textarea-focus-border-color;\r\n\t\toutline-color: transparent;\r\n\t\toutline-offset: 0;\r\n\t\toutline-style: solid;\r\n\t\tbox-shadow: $textarea-focus-box-shadow-size $textarea-focus-border-color;\r\n\t}\r\n\r\n\t&.textarea-fixed-height {\r\n\t\tresize: none;\r\n\t}\r\n\r\n\t&.textarea-danger {\r\n\t\tborder-color: $textarea-danger-border-color;\r\n\r\n\t\t@include focus-visible() {\r\n\t\t\tborder-color: $textarea-border-color;\r\n\t\t\tborder-block-end-color: $textarea-danger-border-color;\r\n\t\t\tbox-shadow: $textarea-focus-box-shadow-size $textarea-danger-border-color;\r\n\t\t}\r\n\t}\r\n\r\n\t&.textarea-success {\r\n\t\tborder-color: $textarea-success-border-color;\r\n\r\n\t\t@include focus-visible() {\r\n\t\t\tborder-color: $textarea-border-color;\r\n\t\t\tborder-block-end-color: $textarea-success-border-color;\r\n\t\t\tbox-shadow: $textarea-focus-box-shadow-size $textarea-success-border-color;\r\n\t\t}\r\n\t}\r\n}\r\n\r\n$textarea-form-gap: 0.25em !default;\r\n$textarea-divider-radius: 0.5rem !default;\r\n\r\n.textarea-form {\r\n\tdisplay: grid;\r\n\tgap: $textarea-form-gap;\r\n\tpadding-block: $control-padding-vertical;\r\n\tpadding-inline: $control-padding-horizontal;\r\n\ttransition: box-shadow 300ms linear;\r\n\tborder-width: $control-border-width;\r\n\tborder-style: solid;\r\n\tborder-radius: $border-radius;\r\n\tborder-color: $textarea-border-color;\r\n\tbackground-color: $textarea-background-color;\r\n\tfont-size: $control-font-size;\r\n\tborder-block-end-color: $textarea-border-bottom-color;\r\n\r\n\t@include prefers-reduced-motion {\r\n\t\tanimation-duration: 0s;\r\n\t}\r\n\r\n\t&:has(.textarea:focus-visible),\r\n\t&:has(.textarea:hover) {\r\n\t\tborder-block-end-color: $textarea-focus-border-color;\r\n\t\toutline-color: transparent;\r\n\t\toutline-offset: 0;\r\n\t\toutline-style: solid;\r\n\t\tbox-shadow: $textarea-focus-box-shadow-size $textarea-focus-border-color;\r\n\t}\r\n\r\n\t.textarea {\r\n\t\tresize: none;\r\n\t\tborder: none;\r\n\t\tbox-shadow: none;\r\n\t}\r\n\r\n\t.textarea-form-footer {\r\n\t\tdisplay: flex;\r\n\t\talign-items: center;\r\n\t\tjustify-content: space-between;\r\n\t\toutline-color: currentColor;\r\n\t}\r\n\r\n\t.textarea-form-footer-divider {\r\n\t\theight: 70%;\r\n\t\tborder: 1px solid $control-border;\r\n\t\tborder-radius: $textarea-divider-radius;\r\n\t}\r\n\r\n\t.textarea-form-footer-left,\r\n\t.textarea-form-footer-right {\r\n\t\tdisplay: flex;\r\n\t\talign-items: center;\r\n\t\tgap: $textarea-form-gap;\r\n\t\theight: 100%;\r\n\t}\r\n}\r\n","/* stylelint-disable selector-no-qualifying-type */\r\n\r\n$select-color: $text !default;\r\n$select-background-color: $body-background !default;\r\n$select-border-color: $control-border !default;\r\n$select-border-bottom-color: $control-border-bottom !default;\r\n$select-placeholder-color: $text-subtle !default;\r\n\r\n$select-hover-color: $text !default;\r\n$select-hover-border-color: $secondary !default;\r\n$select-focus-border-color: $primary !default;\r\n\r\n$select-disabled-color: $text-subtle !default;\r\n$select-disabled-background-color: $body-background-medium !default;\r\n$select-disabled-border-color: $table-border-dark !default;\r\n\r\n$select-danger-border-color: $danger !default;\r\n$select-success-border-color: $success !default;\r\n\r\n$select-focus-box-shadow-size: 0 0.0625rem 0 0 !default;\r\n\r\n.select {\r\n\tposition: relative;\r\n\tfont-size: $control-font-size;\r\n\r\n\tselect {\r\n\t\t@include control;\r\n\r\n\t\twidth: 100%;\r\n\t\tmax-width: 100%;\r\n\t\tborder-color: $select-border-color;\r\n\t\tborder-block-end-color: $select-border-bottom-color;\r\n\t\tbackground-color: $select-background-color;\r\n\t\tcolor: $select-color;\r\n\t\tfont-size: 1em;\r\n\t\tcursor: pointer;\r\n\r\n\t\t&[multiple] {\r\n\t\t\tpadding: 0;\r\n\t\t\toverflow-y: auto;\r\n\r\n\t\t\toption {\r\n\t\t\t\tpadding: $control-padding-vertical $control-padding-horizontal;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t&:hover {\r\n\t\t\tborder-color: $select-hover-border-color;\r\n\t\t\tborder-block-end-color: $select-border-bottom-color;\r\n\t\t}\r\n\r\n\t\t&[disabled] {\r\n\t\t\tborder-color: $select-disabled-border-color;\r\n\t\t\tbackground-color: $select-disabled-background-color;\r\n\t\t\tcolor: $select-disabled-color;\r\n\t\t}\r\n\r\n\t\t@include focus-visible {\r\n\t\t\t@extend %focus;\r\n\r\n\t\t\tborder-block-end-color: $select-focus-border-color;\r\n\t\t\toutline-color: transparent;\r\n\t\t\toutline-offset: 0;\r\n\t\t\toutline-style: solid;\r\n\t\t\tbox-shadow: $select-focus-box-shadow-size $select-focus-border-color;\r\n\t\t}\r\n\t}\r\n\r\n\t&:not(.select-multiple) {\r\n\t\tselect {\r\n\t\t\tpadding-inline-end: calc($control-padding-horizontal + $chevron-arrow-actual-width);\r\n\t\t}\r\n\r\n\t\t&::after {\r\n\t\t\t@include chevron-down;\r\n\r\n\t\t\tdisplay: block;\r\n\t\t\tposition: absolute;\r\n\t\t\tinset-block-start: calc(50% - $chevron-arrow-actual-width / 2);\r\n\t\t}\r\n\r\n\t\t&.select-disabled::after {\r\n\t\t\tborder-color: $select-disabled-border-color;\r\n\t\t}\r\n\t}\r\n\r\n\t&.select-sm {\r\n\t\tfont-size: $control-sm-font-size;\r\n\t}\r\n\r\n\t&.select-lg {\r\n\t\tfont-size: $control-lg-font-size;\r\n\t}\r\n\r\n\t&.select-danger select {\r\n\t\tborder-color: $select-danger-border-color;\r\n\r\n\t\t@include focus-visible() {\r\n\t\t\tborder-color: $select-border-color;\r\n\t\t\tborder-block-end-color: $select-danger-border-color;\r\n\t\t\tbox-shadow: $select-focus-box-shadow-size $select-danger-border-color;\r\n\t\t}\r\n\t}\r\n\r\n\t&.select-success select {\r\n\t\tborder-color: $select-success-border-color;\r\n\r\n\t\t@include focus-visible() {\r\n\t\t\tborder-color: $select-border-color;\r\n\t\t\tborder-block-end-color: $select-success-border-color;\r\n\t\t\tbox-shadow: $select-focus-box-shadow-size $select-success-border-color;\r\n\t\t}\r\n\t}\r\n}\r\n","$radio-circle-size: 1.25em !default;\r\n$radio-dot-size: 0.625em !default;\r\n$radio-shadow-radius: 0.15em !default;\r\n$radio-border-color: $control-border !default;\r\n$radio-border-width: $control-border-width !default;\r\n$radio-dot-checked-color: $primary !default;\r\n$radio-dot-color: $text-subtle !default;\r\n$radio-dot-hover-unchecked-color: $control-border !default;\r\n$radio-timing-function: $input-timing-function !default;\r\n$radio-duration: $input-transition-duration !default;\r\n$radio-animation: boop !default;\r\n$radio-spacing: 0.5em !default;\r\n\r\n@mixin radio-dot {\r\n\tposition: absolute;\r\n\tinset: 0;\r\n\twidth: $radio-dot-size;\r\n\theight: $radio-dot-size;\r\n\tmargin: auto;\r\n\tborder-radius: $border-radius-rounded;\r\n\tcontent: '';\r\n\toverflow: hidden;\r\n}\r\n\r\n@mixin radio-dot-checked {\r\n\tbackground: $radio-dot-checked-color;\r\n\tbox-shadow: inset 0 0 0 $radio-shadow-radius $body-background;\r\n}\r\n\r\n.radio {\r\n\tdisplay: inline-flex;\r\n\tline-height: 1.25;\r\n\tcursor: pointer;\r\n\r\n\t.radio-dot {\r\n\t\tdisplay: inline-block;\r\n\t\tposition: relative;\r\n\t\tinset-block-start: 0.0625em;\r\n\t\tflex-shrink: 0;\r\n\t\twidth: $radio-circle-size;\r\n\t\theight: $radio-circle-size;\r\n\t\tborder: $radio-border-width solid $radio-border-color;\r\n\t\tborder-radius: $border-radius-rounded;\r\n\t\tbackground-color: $body-background;\r\n\t\tcolor: $radio-dot-color;\r\n\t\tcursor: pointer;\r\n\t\tappearance: none;\r\n\r\n\t\t@include forced-colors {\r\n\t\t\tborder-color: CanvasText !important;\r\n\t\t\tbackground-color: unset !important;\r\n\r\n\t\t\t&::before {\r\n\t\t\t\t@include radio-dot;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\t.radio-label-text {\r\n\t\tmargin: 0 $radio-spacing;\r\n\t}\r\n\r\n\t/* stylelint-disable selector-max-specificity, selector-no-qualifying-type, max-nesting-depth */\r\n\r\n\tinput {\r\n\t\t&.is-focused {\r\n\t\t\t@extend %focus;\r\n\t\t}\r\n\r\n\t\t@include focus-visible {\r\n\t\t\t@extend %focus;\r\n\t\t}\r\n\t}\r\n\r\n\tinput.is-checked,\r\n\tinput:checked,\r\n\t.radio-dot.is-checked {\r\n\t\t@include radio-dot-checked;\r\n\r\n\t\tanimation: $radio-animation $radio-duration $radio-timing-function 1;\r\n\t\tborder-color: $radio-dot-checked-color;\r\n\r\n\t\t@include forced-colors {\r\n\t\t\tborder-color: CanvasText !important;\r\n\t\t\tbackground-color: unset !important;\r\n\t\t\tbox-shadow: none !important;\r\n\r\n\t\t\t&::before {\r\n\t\t\t\tbackground-color: CanvasText !important;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\t&.is-hovered,\r\n\t&:hover {\r\n\t\t.radio-dot:not(:checked):not([disabled]) {\r\n\t\t\tbackground: $radio-dot-hover-unchecked-color;\r\n\t\t\tbox-shadow: inset 0 0 0 $radio-shadow-radius $body-background;\r\n\r\n\t\t\t@include forced-colors {\r\n\t\t\t\tbackground-color: unset !important;\r\n\t\t\t\tbox-shadow: none !important;\r\n\r\n\t\t\t\t&::before {\r\n\t\t\t\t\tbackground-color: CanvasText !important;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t.radio-dot.is-checked {\r\n\t\t\t@include radio-dot-checked;\r\n\t\t}\r\n\t}\r\n\r\n\tinput[disabled],\r\n\tinput[disabled] ~ .radio-label-text {\r\n\t\topacity: 0.5;\r\n\t\tcursor: not-allowed;\r\n\t}\r\n\r\n\t/* stylelint-enable */\r\n}\r\n","@mixin forced-colors() {\r\n\t@media (forced-colors: active) {\r\n\t\t@content;\r\n\t}\r\n}\r\n","/* stylelint-disable max-nesting-depth, selector-max-specificity */\r\n\r\n$field-line-height: 1.5 !default;\r\n$field-error-color: $danger !default;\r\n\r\n.field {\r\n\t&:not(:last-child) {\r\n\t\tmargin-block-end: $spacer-4;\r\n\t}\r\n\r\n\t.field-description {\r\n\t\tmargin-block-end: $spacer-3;\r\n\t\tfont-size: $font-size-8;\r\n\t}\r\n\r\n\t.field-label {\r\n\t\t@include label;\r\n\r\n\t\tmargin-block-end: $spacer-3;\r\n\r\n\t\t&.field-label-inline {\r\n\t\t\tdisplay: inline-flex;\r\n\t\t\tmargin-block-end: unset;\r\n\t\t\talign-self: flex-end;\r\n\t\t}\r\n\r\n\t\t@include tablet {\r\n\t\t\tflex: 1 0 0;\r\n\t\t}\r\n\r\n\t\t&.field-label-sm {\r\n\t\t\tfont-size: $font-size-8;\r\n\t\t}\r\n\r\n\t\t&.field-label-lg {\r\n\t\t\tfont-size: $font-size-6;\r\n\t\t}\r\n\t}\r\n\r\n\t.field-body {\r\n\t\t> * {\r\n\t\t\tscroll-margin-top: 3rem;\r\n\t\t}\r\n\r\n\t\t&:not(:first-child) {\r\n\t\t\tmargin-block-start: $spacer-3;\r\n\r\n\t\t\t&.field-body-inline {\r\n\t\t\t\tdisplay: inline-flex;\r\n\t\t\t\tvertical-align: text-bottom;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\t.field-error {\r\n\t\tcolor: $field-error-color;\r\n\t\tfont-size: $font-size-8;\r\n\t\tline-height: $field-line-height;\r\n\t}\r\n}\r\n\r\n.required-indicator::after,\r\n::part(required-indicator)::after {\r\n\tcolor: $danger;\r\n\tcontent: '*';\r\n\tvertical-align: top;\r\n}\r\n","$hero-padding-xs: $layout-4 !default;\r\n$hero-padding-sm: $layout-5 !default;\r\n$hero-padding-default: $layout-6 !default;\r\n$hero-padding-lg: $layout-7 !default;\r\n\r\n$hero-min-height-xs: 200px !default;\r\n$hero-min-height-sm: 300px !default;\r\n$hero-min-height-default: 400px !default;\r\n$hero-min-height-lg: 500px !default;\r\n$hero-detail-max-width: 500px !default;\r\n$hero-content-half-width: 50% !default;\r\n$hero-content-fluid-width: 45% !default;\r\n$hero-details-content-fluid-width: 35% !default;\r\n$hero-content-width: $reading-max-width !default;\r\n\r\n$hero-image-width: calc((100% - 2 * $layout-gap) * 0.55) !default;\r\n$hero-image-width-widescreen: calc((100% - 2 * $layout-widescreen-gap) * 0.55) !default;\r\n\r\n.hero {\r\n\t@extend %layout-gap;\r\n\r\n\tdisplay: flex;\r\n\tposition: relative;\r\n\tflex-direction: column;\r\n\talign-items: stretch;\r\n\tjustify-content: space-between;\r\n\r\n\t.hero-content {\r\n\t\tz-index: $zindex-active;\r\n\t\tpadding-block: $hero-padding-sm;\r\n\r\n\t\t@include desktop {\r\n\t\t\twidth: $hero-content-fluid-width;\r\n\t\t\tmin-height: $hero-min-height-default;\r\n\t\t\tpadding-block: $hero-padding-default;\r\n\t\t\tpadding-inline-end: $hero-padding-sm;\r\n\t\t}\r\n\t}\r\n\r\n\t.theme-high-contrast & .hero-details-card {\r\n\t\tbackground: unset !important;\r\n\t}\r\n\r\n\t.hero-details {\r\n\t\tdisplay: flex;\r\n\t\tpadding-block: $hero-padding-xs;\r\n\r\n\t\t@include tablet {\r\n\t\t\tjustify-content: flex-end;\r\n\t\t\tpadding-block: $hero-padding-sm;\r\n\t\t\tpadding-inline-start: $hero-padding-xs;\r\n\t\t}\r\n\r\n\t\t@include desktop {\r\n\t\t\tmin-height: $hero-min-height-default;\r\n\t\t\tpadding-block: $hero-padding-default;\r\n\t\t\tpadding-inline-start: $hero-padding-sm;\r\n\t\t\tpadding-inline-end: $hero-padding-sm;\r\n\t\t}\r\n\r\n\t\t.hero-details-card {\r\n\t\t\talign-self: flex-start;\r\n\t\t\tbackdrop-filter: blur(20px);\r\n\t\t\tbackground-color: #{$body-background};\r\n\r\n\t\t\t@include desktop {\r\n\t\t\t\tmax-width: $hero-detail-max-width;\r\n\t\t\t\tbackground: linear-gradient(\r\n\t\t\t\t\t116deg,\r\n\t\t\t\t\t#{$body-background} 23.94%,\r\n\t\t\t\t\t#{$border-white-high-contrast} 200%\r\n\t\t\t\t);\r\n\t\t\t\tmargin-inline-start: $hero-padding-xs;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\t&:not(.hero-image) {\r\n\t\t.hero-content {\r\n\t\t\t@include desktop {\r\n\t\t\t\twidth: 100%;\r\n\t\t\t\tmax-width: $hero-content-width;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\t@include desktop {\r\n\t\t&.hero-xs {\r\n\t\t\t.hero-content {\r\n\t\t\t\tmin-height: $hero-min-height-xs;\r\n\t\t\t\tpadding-block: $hero-padding-xs;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t&.hero-sm {\r\n\t\t\t.hero-content {\r\n\t\t\t\tmin-height: $hero-min-height-sm;\r\n\t\t\t\tpadding-block: $hero-padding-sm;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t&.hero-lg {\r\n\t\t\t.hero-content {\r\n\t\t\t\tmin-height: $hero-min-height-lg;\r\n\t\t\t\tpadding-block: $hero-padding-lg;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\t.hero-card {\r\n\t\tposition: relative;\r\n\t\tpadding: $spacer-5;\r\n\t\tborder: none;\r\n\t\tbackground-color: transparent;\r\n\t\tz-index: 1;\r\n\r\n\t\t@include tablet {\r\n\t\t\tpadding: $spacer-10;\r\n\t\t}\r\n\r\n\t\t@include desktop {\r\n\t\t\tborder-inline: 1px solid $border;\r\n\t\t\tborder-block-end: 1px solid $border;\r\n\t\t\tborder-end-start-radius: $border-radius-lg;\r\n\t\t\tborder-end-end-radius: $border-radius-lg;\r\n\t\t}\r\n\t}\r\n\r\n\t.hero-background {\r\n\t\tposition: absolute;\r\n\t\tinset: 0;\r\n\t\twidth: 100%;\r\n\t\theight: 100%;\r\n\t\toverflow: hidden;\r\n\r\n\t\tvideo,\r\n\t\timg {\r\n\t\t\twidth: 100%;\r\n\t\t\theight: 100%;\r\n\t\t\tobject-fit: cover;\r\n\t\t}\r\n\t}\r\n\r\n\t&.hero-image::before {\r\n\t\tdisplay: none;\r\n\t\tposition: absolute;\r\n\t\tinset-block-start: 0;\r\n\t\twidth: $hero-image-width;\r\n\t\theight: 100%;\r\n\t\tbackground-image: var(--hero-background-image);\r\n\t\tbackground-repeat: no-repeat;\r\n\t\tbackground-size: cover;\r\n\t\tcontent: ' ';\r\n\t\tinset-inline-end: $layout-gap;\r\n\r\n\t\t@include desktop {\r\n\t\t\tdisplay: block;\r\n\t\t}\r\n\r\n\t\t@include widescreen {\r\n\t\t\twidth: $hero-image-width-widescreen;\r\n\t\t\tinset-inline-end: $layout-widescreen-gap;\r\n\t\t}\r\n\r\n\t\t@media (forced-colors: active) {\r\n\t\t\tbackground-image: none !important;\r\n\t\t}\r\n\r\n\t\t.theme-light & {\r\n\t\t\t--hero-background-image: var(--hero-background-image-light);\r\n\t\t}\r\n\r\n\t\t.theme-dark & {\r\n\t\t\t--hero-background-image: var(--hero-background-image-dark);\r\n\t\t}\r\n\r\n\t\t.theme-high-contrast & {\r\n\t\t\t--hero-background-image: none;\r\n\t\t}\r\n\t}\r\n\r\n\t// Set direction to prevent image flip for rtl\r\n\r\n\t[dir='rtl'] &.hero-image,\r\n\t&.hero-image:dir(rtl) {\r\n\t\tdirection: ltr;\r\n\r\n\t\t.hero-content,\r\n\t\t.hero-details-card {\r\n\t\t\tdirection: rtl;\r\n\t\t}\r\n\r\n\t\t&[class^='gradient-border-'] {\r\n\t\t\tdirection: ltr;\r\n\t\t}\r\n\t}\r\n}\r\n","$border-gradient-colors: (\r\n\t'body': $body-background,\r\n\t'body-accent': $body-background-accent\r\n) !default;\r\n\r\n@each $name, $var in $border-gradient-colors {\r\n\t// ex. .gradient-border-body { --border-gradient-end-color: var(--theme-body-background); }\r\n\t.gradient-border-#{$name} {\r\n\t\t--border-gradient-end-color: #{$var};\r\n\t}\r\n}\r\n\r\n$border-gradient-direction: (\r\n\t'right': 'inline-end',\r\n\t'bottom': 'block-end'\r\n) !default;\r\n\r\n@each $direction, $logical-side in $border-gradient-direction {\r\n\t.gradient-border-#{$direction} {\r\n\t\tposition: relative;\r\n\t}\r\n\t.gradient-border-#{$direction}:before {\r\n\t\tdisplay: block;\r\n\t\tposition: absolute;\r\n\t\tcontent: '';\r\n\t\tborder-image: linear-gradient(\r\n\t\t\tto #{$direction},\r\n\t\t\ttransparent 0%,\r\n\t\t\ttransparent 92%,\r\n\t\t\tvar(--border-gradient-end-color, transparent) 100%\r\n\t\t);\r\n\t\tborder-#{$logical-side}-width: 320px;\r\n\t\tborder-#{$logical-side}-style: solid;\r\n\t\tborder-image-outset: 0;\r\n\r\n\t\t@if $direction == 'right' {\r\n\t\t\tborder-image-slice: 0 128 0 0;\r\n\t\t\tinset-block-start: 0;\r\n\t\t\tinset-block-end: 0;\r\n\t\t\tinset-inline-end: 0;\r\n\t\t}\r\n\r\n\t\t@if $direction == 'bottom' {\r\n\t\t\tborder-image-slice: 0 0 128 0;\r\n\t\t\tinset-block-end: 0;\r\n\t\t\tinset-inline-start: 0;\r\n\t\t\tinset-inline-end: 0;\r\n\t\t}\r\n\r\n\t\t@include forced-colors {\r\n\t\t\tdisplay: none !important;\r\n\t\t}\r\n\t}\r\n\r\n\t@include tablet {\r\n\t\t.gradient-border-to-#{$direction}-tablet:before {\r\n\t\t\tborder-image: linear-gradient(\r\n\t\t\t\tto #{$direction},\r\n\t\t\t\ttransparent 0%,\r\n\t\t\t\ttransparent 92%,\r\n\t\t\t\tvar(--border-gradient-end-color) 100%\r\n\t\t\t);\r\n\t\t\tborder-#{$logical-side}-width: 320px;\r\n\t\t\tborder-#{$logical-side}-style: solid;\r\n\t\t\tborder-image-outset: 0;\r\n\r\n\t\t\t@if $direction == 'right' {\r\n\t\t\t\tborder-image-slice: 0 128 0 0;\r\n\t\t\t}\r\n\r\n\t\t\t@if $direction == 'bottom' {\r\n\t\t\t\tborder-image-slice: 0 0 128 0;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}\r\n\r\n@each $name, $gradient in $gradients {\r\n\t$colorStart: nth($gradient, $gradient-color-start-index);\r\n\t$colorEnd: nth($gradient, $gradient-color-end-index);\r\n\r\n\t.gradient-text-#{$name} {\r\n\t\t@include gradient-text($colorStart, $colorEnd);\r\n\t}\r\n}\r\n","$gradient-card-padding: $layout-2 !default;\r\n$gradient-card-border-radius: $border-radius-lg !default; //6px\r\n\r\n.gradient-card {\r\n\tborder: $border-width-md solid transparent;\r\n\tborder-radius: $gradient-card-border-radius;\r\n\tbackground: linear-gradient(90deg, $gradient-vivid-start, $gradient-vivid-end) border-box;\r\n\r\n\t.gradient-card-content {\r\n\t\tpadding: $gradient-card-padding;\r\n\t\tborder-radius: inherit;\r\n\t\tbackground-color: $body-background;\r\n\t}\r\n}\r\n","/*\r\n * For use on <button> elements to emulate the appearance of standard <a> tags.\r\n*/\r\n\r\n.link-button {\r\n\t@include transparent-effects;\r\n\r\n\tdisplay: inline-block;\r\n\tpadding: 0;\r\n\tborder: none;\r\n\tcolor: $hyperlink;\r\n\tcursor: pointer;\r\n\r\n\t&:active,\r\n\t&.is-active {\r\n\t\ttext-decoration: underline !important;\r\n\t}\r\n\r\n\t&.is-focused,\r\n\t&:hover,\r\n\t&.is-hovered {\r\n\t\tcolor: $primary-hover;\r\n\t\ttext-decoration: underline !important;\r\n\t}\r\n\r\n\t@include focus-visible {\r\n\t\tcolor: $primary-hover;\r\n\t\ttext-decoration: underline !important;\r\n\t}\r\n\r\n\t&:visited {\r\n\t\tcolor: $visited;\r\n\t}\r\n}\r\n","$code-font-size: $font-size-8 !default;\r\n$code-block-spacing: 1em !default;\r\n$code-header-body-line-height: 1.3571 !default;\r\n\r\n@mixin code-block {\r\n\tpre {\r\n\t\tbox-sizing: border-box;\r\n\t\tmax-width: 100%;\r\n\t\tmargin: 0;\r\n\t\tpadding: $code-block-spacing;\r\n\t\tborder: 1px solid $border;\r\n\t\tbackground-color: $code-block;\r\n\t\tfont-size: $code-font-size;\r\n\t\t-moz-osx-font-smoothing: auto;\r\n\t\t-webkit-font-smoothing: auto;\r\n\t\tline-height: 1.3571;\r\n\t\twhite-space: pre;\r\n\t\tword-spacing: normal;\r\n\t\toverflow: auto;\r\n\t\tword-break: normal;\r\n\t\tword-wrap: normal;\r\n\t\ttab-size: 4;\r\n\t\thyphens: none;\r\n\t\t-webkit-overflow-scrolling: touch;\r\n\r\n\t\t> code {\r\n\t\t\tdisplay: block;\r\n\t\t\tposition: relative;\r\n\t\t\tpadding: 0;\r\n\t\t\tborder: 0;\r\n\t\t\tline-height: $code-header-body-line-height;\r\n\r\n\t\t\tmark {\r\n\t\t\t\tdisplay: inline-block;\r\n\t\t\t\tmin-width: calc(100% + #{$code-block-spacing} + #{$code-block-spacing});\r\n\t\t\t\tmin-height: 18.9px; // Allow for highlighting of blank lines.\r\n\t\t\t\tmargin: 0 $code-block-spacing * -1;\r\n\t\t\t\tpadding: 0 $code-block-spacing;\r\n\t\t\t\tcolor: $text;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}\r\n","/* stylelint-disable selector-max-compound-selectors */\r\n\r\n$markdown-paragraph-size: 1rem !default;\r\n$include-bare-code-styles: true !default;\r\n$list-top-spacing: 1rem !default;\r\n\r\n@if $include-bare-code-styles == true {\r\n\t/*\r\n\t* Within projects that desire bare-code styling, you may set the above variable to true and <pre><code>\r\n\t* Elements within .markdown will be styled.\r\n\t*/\r\n\r\n\t.markdown {\r\n\t\t@include code-block;\r\n\t}\r\n}\r\n\r\n.markdown {\r\n\t// @include responsive-font-size($markdown-paragraph-size, 0.875rem); // experiment only\r\n\tfont-size: $markdown-paragraph-size;\r\n\tline-height: 1.6;\r\n\r\n\t// Inline code\r\n\r\n\t:not(a):not(pre) > code {\r\n\t\tpadding: 0.1em 0.2em;\r\n\t\tborder-radius: 3px;\r\n\t\tbackground-color: $inline-code;\r\n\t\tword-wrap: break-word;\r\n\t\tfont-smooth: auto;\r\n\t\tfont-size: 0.85em;\r\n\t}\r\n\r\n\timg,\r\n\tvideo {\r\n\t\tmax-width: 100%;\r\n\t\theight: auto;\r\n\t\tborder: 0;\r\n\t}\r\n\r\n\tsvg:not(:root) {\r\n\t\toverflow: hidden;\r\n\t}\r\n\r\n\tli {\r\n\t\tmargin-block-start: 0.5em;\r\n\t}\r\n\r\n\tul,\r\n\tol {\r\n\t\tmargin-inline-start: 2.375rem;\r\n\t}\r\n\r\n\tul {\r\n\t\tlist-style-type: disc;\r\n\r\n\t\tul {\r\n\t\t\tlist-style-type: circle;\r\n\t\t\tmargin: 0;\r\n\t\t\tmargin-inline-start: 1.25rem;\r\n\r\n\t\t\tul {\r\n\t\t\t\tlist-style-type: square;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t&:not(:first-child) {\r\n\t\t\tmargin: 1rem 0;\r\n\t\t}\r\n\t}\r\n\r\n\tol {\r\n\t\tlist-style-type: decimal;\r\n\r\n\t\tol {\r\n\t\t\tlist-style-type: lower-alpha;\r\n\t\t\tmargin: 0;\r\n\t\t\tmargin-inline-start: 1.25rem;\r\n\r\n\t\t\tol {\r\n\t\t\t\tlist-style-type: lower-roman;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t&:not(:first-child) {\r\n\t\t\tmargin: 1rem 0;\r\n\t\t}\r\n\t}\r\n\r\n\th1 {\r\n\t\t@include responsive-font-size($font-size-1);\r\n\r\n\t\tmargin-block-start: none;\r\n\t\tmargin-block-end: 0.75rem;\r\n\t\tword-wrap: break-word; // browser support fallback, because FF and IE\r\n\t\tword-break: break-word;\r\n\r\n\t\t&:first-of-type {\r\n\t\t\tmargin-block-start: -0.625rem;\r\n\t\t\tmargin-block-end: none;\r\n\t\t}\r\n\t}\r\n\r\n\th2 {\r\n\t\t@include responsive-font-size($font-size-2);\r\n\r\n\t\tmargin-block-start: 2rem;\r\n\t}\r\n\r\n\th3 {\r\n\t\t@include responsive-font-size($font-size-3);\r\n\r\n\t\tmargin-block-start: 1.875rem;\r\n\t\tmargin-block-end: 1.125rem;\r\n\t}\r\n\r\n\th4 {\r\n\t\t@include responsive-font-size($font-size-4);\r\n\r\n\t\tmargin-block-start: 2.25rem;\r\n\t\tmargin-block-end: 0.375rem;\r\n\t}\r\n\r\n\th5 {\r\n\t\t@include responsive-font-size($font-size-5, false, 1.1rem);\r\n\r\n\t\tmargin-block-start: 2.25rem;\r\n\t\tmargin-block-end: 0.375rem;\r\n\t\tletter-spacing: 1px;\r\n\t}\r\n\r\n\th6 {\r\n\t\t@include responsive-font-size($font-size-6, false, 1.05rem);\r\n\r\n\t\tmargin-block-start: 2.25rem;\r\n\t\tmargin-block-end: 0.375rem;\r\n\t\tletter-spacing: 1px;\r\n\t}\r\n\r\n\tp {\r\n\t\tmargin-block-start: $markdown-paragraph-size;\r\n\t\tmargin-block-end: none;\r\n\t\tword-wrap: break-word;\r\n\t}\r\n\r\n\tblockquote {\r\n\t\tmargin: 1.2em 0 2em;\r\n\t\tpadding: 0 0.8em;\r\n\t\tborder-width: 0 0 0 3px;\r\n\t\tborder-style: solid;\r\n\t\tborder-color: $border;\r\n\r\n\t\tfooter {\r\n\t\t\tcolor: $text-subtle;\r\n\t\t\tfont-size: $font-size-8;\r\n\t\t}\r\n\t}\r\n}\r\n",".media {\r\n\tdisplay: flex;\r\n\talign-items: flex-start;\r\n\r\n\t+ .media,\r\n\t.media {\r\n\t\tborder-block-start: 1px solid $border;\r\n\t\tmargin-block-start: 1rem;\r\n\t\tpadding-block-start: 1rem;\r\n\t}\r\n}\r\n\r\n.media-left {\r\n\tflex: 0 0 auto;\r\n\tmargin-inline-end: 1rem;\r\n}\r\n\r\n.media-content {\r\n\tflex: 1 1 auto;\r\n\twidth: 100%;\r\n\tword-break: break-word;\r\n}\r\n","$message-font-size-xs: $font-size-9 !default;\r\n$message-font-size-sm: $font-size-8 !default;\r\n$message-font-size-md: $font-size-7 !default;\r\n\r\n$message-background-color: $body-background !default;\r\n$message-gap-size: $layout-1 !default;\r\n$message-spacer-md: $spacer-3 !default;\r\n$message-spacer-lg: $spacer-5 !default;\r\n\r\n$message-sender-width: 85% !default;\r\n$message-sender-background-color: $primary-background !default;\r\n\r\n$message-border-radius: $border-radius-lg !default;\r\n$message-border: $border-width solid $border !default;\r\n\r\n$message-content-padding: $spacer-5 !default;\r\n$message-content-padding-sm: 0.875rem !default;\r\n\r\n.message {\r\n\tdisplay: grid;\r\n\tgrid-template:\r\n\t\t'. message-time'\r\n\t\t'message-persona message-content';\r\n\tgrid-template-columns: max-content minmax(0, 1fr);\r\n\tgap: $message-gap-size;\r\n\tfont-size: $message-font-size-md;\r\n\tline-height: $line-height-normal;\r\n\r\n\t.message-time {\r\n\t\tgrid-area: message-time;\r\n\t\tfont-size: $message-font-size-xs;\r\n\t}\r\n\r\n\t.message-persona {\r\n\t\tgrid-area: message-persona;\r\n\t\tmargin-block-start: $message-spacer-lg;\r\n\t}\r\n\r\n\t.message-content {\r\n\t\tgrid-area: message-content;\r\n\t\tpadding: $message-content-padding;\r\n\t\tborder: $message-border;\r\n\t\tborder-radius: $message-border-radius;\r\n\t\tbackground-color: $message-background-color;\r\n\r\n\t\t.message-content-header {\r\n\t\t\tdisplay: grid;\r\n\t\t\tgrid-template-columns: 1fr auto;\r\n\t\t\tmargin-block-end: $message-spacer-md;\r\n\r\n\t\t\t.message-content-options {\r\n\t\t\t\tjustify-self: flex-end;\r\n\t\t\t\tmargin-inline-end: $message-spacer-md;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\t&.message-sender {\r\n\t\tjustify-self: flex-end;\r\n\t\twidth: $message-sender-width;\r\n\r\n\t\t.message-content {\r\n\t\t\tbackground-color: $message-sender-background-color;\r\n\t\t}\r\n\t}\r\n\r\n\t&.message-sm {\r\n\t\tfont-size: $message-font-size-sm;\r\n\r\n\t\t.message-content {\r\n\t\t\tpadding: $message-content-padding-sm;\r\n\t\t}\r\n\t}\r\n}\r\n","$notification-background: $secondary-background !default;\r\n$notification-padding: $spacer-5 !default;\r\n\r\n$notification-font-size: $font-size-7 !default;\r\n$notification-color: $text !default;\r\n\r\n$notification-border-color: $control-border !default;\r\n$notification-border-width: $border-width !default;\r\n$notification-border-radius: $border-radius !default;\r\n\r\n$notification-icon-inline-spacing: 0.375em !default;\r\n$notification-icon-block-spacing: 0.2em !default;\r\n\r\n$notification-dismiss-margin: $spacer-2 !default;\r\n\r\n.notification {\r\n\tdisplay: grid;\r\n\tposition: relative;\r\n\tpadding: $notification-padding;\r\n\tgrid-template: auto / 1fr auto;\r\n\tgrid-template-areas: 'notification-content dismiss';\r\n\tborder: $notification-border-width solid $notification-border-color;\r\n\tborder-radius: $notification-border-radius;\r\n\toutline-color: $text;\r\n\tbackground-color: $notification-background;\r\n\tcolor: $notification-color;\r\n\tfont-size: $notification-font-size;\r\n\tline-height: $line-height-normal;\r\n\tword-wrap: break-word;\r\n\tword-break: break-word;\r\n\r\n\t@each $name, $color-set in $colors {\r\n\t\t$base: nth($color-set, $color-index-base);\r\n\t\t$dark: nth($color-set, $color-index-dark);\r\n\t\t$background: nth($color-set, $color-index-background);\r\n\r\n\t\t&.notification-#{$name} {\r\n\t\t\tborder-color: $dark;\r\n\t\t\tbackground-color: $background;\r\n\t\t\tcolor: $dark;\r\n\r\n\t\t\t&.is-loading::before {\r\n\t\t\t\tborder-color: transparent transparent $dark $dark;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\t&.is-loading {\r\n\t\tcolor: transparent;\r\n\r\n\t\t> :first-child {\r\n\t\t\tmargin-inline-start: calc($notification-padding + 0.375em);\r\n\t\t}\r\n\r\n\t\t&::before {\r\n\t\t\t@include loader;\r\n\r\n\t\t\tposition: absolute;\r\n\t\t\tinset-block-start: $notification-padding;\r\n\t\t\tinset-inline-start: $notification-padding;\r\n\t\t\tborder-color: transparent transparent $notification-color $notification-color;\r\n\t\t}\r\n\t}\r\n\r\n\t.notification-content {\r\n\t\tgrid-area: notification-content;\r\n\r\n\t\t.notification-title,\r\n\t\ta:not(.button) {\r\n\t\t\tcolor: currentColor;\r\n\t\t\tfont-weight: $weight-semibold;\r\n\t\t}\r\n\r\n\t\ta:not(.button) {\r\n\t\t\ttext-decoration: underline;\r\n\r\n\t\t\t.theme-high-contrast & {\r\n\t\t\t\tcolor: $hyperlink;\r\n\t\t\t}\r\n\r\n\t\t\t&:hover {\r\n\t\t\t\ttext-decoration-thickness: 0.15em;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t.notification-title {\r\n\t\t\tdisplay: flex;\r\n\t\t\talign-items: center;\r\n\t\t\tjustify-content: flex-start;\r\n\t\t\tmargin-block-end: $layout-1;\r\n\r\n\t\t\t.icon {\r\n\t\t\t\tflex-shrink: 0;\r\n\t\t\t\talign-self: start;\r\n\t\t\t\tmargin-inline-end: $notification-icon-inline-spacing;\r\n\t\t\t\tmargin-block-start: $notification-icon-block-spacing;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\t.notification-dismiss {\r\n\t\t@include dismiss-square;\r\n\r\n\t\tgrid-area: dismiss;\r\n\t\tmargin-inline-start: $notification-dismiss-margin;\r\n\t}\r\n}\r\n","$features-icon: true !default;\r\n$icon-dimensions: 1em !default;\r\n\r\n.icon {\r\n\tdisplay: inline-flex;\r\n\talign-items: center;\r\n\tjustify-content: center;\r\n\r\n\t&,\r\n\tsvg,\r\n\timg {\r\n\t\twidth: $icon-dimensions;\r\n\t\theight: $icon-dimensions;\r\n\t}\r\n\r\n\t&.icon-rounded {\r\n\t\tpadding: 0.6rem; // ensures icon is not cut off by rounded border\r\n\t\tborder-radius: 50%;\r\n\t}\r\n}\r\n","$dimensions: 16 24 32 36 48 64 76 88 96 112 128 !default;\r\n\r\n.image {\r\n\tdisplay: block;\r\n\tposition: relative;\r\n\r\n\timg,\r\n\tsvg {\r\n\t\tdisplay: block;\r\n\t\twidth: 100%;\r\n\t\theight: auto;\r\n\t\tmax-height: 100%;\r\n\t}\r\n\r\n\t&.image-fullwidth {\r\n\t\twidth: 100%;\r\n\t\theight: auto;\r\n\t\tobject-fit: cover;\r\n\t\tmargin: 0;\r\n\t}\r\n\r\n\t// Sizes\r\n\r\n\t@each $dimension in $dimensions {\r\n\t\t&.image-#{$dimension}x#{$dimension} {\r\n\t\t\twidth: $dimension * 1px;\r\n\t\t\theight: $dimension * 1px;\r\n\t\t}\r\n\r\n\t\t@include tablet {\r\n\t\t\t&.image-#{$dimension}x#{$dimension}-tablet {\r\n\t\t\t\twidth: $dimension * 1px;\r\n\t\t\t\theight: $dimension * 1px;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t@include desktop {\r\n\t\t\t&.image-#{$dimension}x#{$dimension}-desktop {\r\n\t\t\t\twidth: $dimension * 1px;\r\n\t\t\t\theight: $dimension * 1px;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}\r\n","$persona-font-size-sm: $font-size-9 !default;\r\n$persona-font-size-md: $font-size-8 !default;\r\n$persona-font-size-lg: $font-size-7 !default;\r\n\r\n$persona-avatar-background-color: $alternate-background-medium !default;\r\n$persona-avatar-font-color: $text-invert !default;\r\n$persona-avatar-border-radius: $border-radius-rounded;\r\n\r\n$persona-details-font-color: $text-subtle !default;\r\n$persona-name-font-size: $font-size-7 !default;\r\n$persona-name-font-color: $text !default;\r\n$persona-name-font-weight: $weight-semibold !default;\r\n\r\n$persona-gap-size: $layout-1 !default;\r\n\r\n.persona {\r\n\tdisplay: flex;\r\n\tposition: relative;\r\n\tgap: $persona-gap-size;\r\n\tfont-size: $persona-font-size-md;\r\n\tline-height: $line-height-normal;\r\n\r\n\t.persona-avatar {\r\n\t\tflex-shrink: 0;\r\n\t\twidth: 2.6666em;\r\n\t\theight: 2.6666em;\r\n\t\tborder-radius: $persona-avatar-border-radius;\r\n\t\tbackground-color: $persona-avatar-background-color;\r\n\t\tcolor: $persona-avatar-font-color;\r\n\r\n\t\timg,\r\n\t\tsvg {\r\n\t\t\twidth: 100%;\r\n\t\t\theight: auto;\r\n\t\t\tborder-radius: $persona-avatar-border-radius;\r\n\t\t\taspect-ratio: 1 / 1;\r\n\t\t}\r\n\t}\r\n\r\n\t.persona-details {\r\n\t\talign-self: center;\r\n\t\tcolor: $persona-details-font-color;\r\n\r\n\t\t.persona-name {\r\n\t\t\tcolor: $persona-name-font-color;\r\n\t\t\tfont-size: 1.3333em;\r\n\t\t\tfont-weight: $persona-name-font-weight;\r\n\t\t}\r\n\t}\r\n\r\n\t// Sizes\r\n\r\n\t&.persona-sm {\r\n\t\tfont-size: $persona-font-size-sm;\r\n\t}\r\n\r\n\t&.persona-lg {\r\n\t\tfont-size: $persona-font-size-lg;\r\n\t}\r\n}\r\n","$popover-background-color: $body-background !default;\r\n$popover-border: $border-width solid $border !default;\r\n$popover-border-radius: $border-radius !default;\r\n$popover-shadow: $box-shadow-heavy !default;\r\n$popover-width: 224px !default;\r\n\r\n.popover {\r\n\tdisplay: inline-block;\r\n\tposition: relative;\r\n\r\n\tsummary {\r\n\t\tlist-style: none;\r\n\r\n\t\t&::-webkit-details-marker {\r\n\t\t\tdisplay: none;\r\n\t\t}\r\n\t}\r\n\r\n\t.popover-content {\r\n\t\tposition: absolute;\r\n\t\twidth: $popover-width;\r\n\t\tmargin-block-start: $spacer-3;\r\n\t\tpadding: $spacer-5;\r\n\t\tborder: $popover-border;\r\n\t\tborder-radius: $popover-border-radius;\r\n\t\tbackground-color: $popover-background-color;\r\n\t\tbox-shadow: $popover-shadow;\r\n\t\tz-index: $zindex-popover;\r\n\t}\r\n\r\n\t&.popover-right {\r\n\t\t.popover-content {\r\n\t\t\tinset-inline-end: 0;\r\n\t\t}\r\n\t}\r\n\r\n\t&.popover-center {\r\n\t\t.popover-content {\r\n\t\t\tinset-inline-start: -25%;\r\n\t\t}\r\n\t}\r\n\r\n\t&.popover-top {\r\n\t\t.popover-content {\r\n\t\t\tinset-block-end: 100%;\r\n\t\t\tmargin-block-end: $spacer-3;\r\n\t\t}\r\n\t}\r\n}\r\n","$font-size-lg: $font-size-6 !default;\r\n$font-size-sm: $font-size-8 !default;\r\n\r\n$pagination-color: $text !default;\r\n$pagination-border-color: $border !default;\r\n$pagination-margin: 0.25rem !default;\r\n\r\n$pagination-hover-color: $primary-hover !default;\r\n$pagination-hover-border-color: $primary-hover !default;\r\n\r\n$pagination-focus-color: $primary-active !default;\r\n$pagination-focus-border-color: $primary-active !default;\r\n\r\n$pagination-active-color: $primary-active !default;\r\n$pagination-active-border-color: $primary-active !default;\r\n\r\n$pagination-disabled-color: $secondary !default;\r\n$pagination-disabled-background-color: $secondary-background !default;\r\n$pagination-disabled-border-color: $secondary-background !default;\r\n\r\n$pagination-current-color: $text-invert !default;\r\n$pagination-current-background-color: $primary !default;\r\n$pagination-current-background-color-hover: $primary-hover !default;\r\n$pagination-current-border-color: $text-invert !default;\r\n\r\n$pagination-ellipsis-color: $secondary-background !default;\r\n\r\n$pagination-shadow-inset: inset 0 1px 2px $box-shadow-color-light;\r\n\r\n.pagination {\r\n\tflex-wrap: wrap;\r\n\tmargin: -$pagination-margin;\r\n}\r\n\r\n.pagination-list {\r\n\tflex-grow: 1;\r\n}\r\n\r\n.pagination,\r\n.pagination-list {\r\n\tdisplay: flex;\r\n\talign-items: center;\r\n\tjustify-content: center;\r\n\tmargin: 0;\r\n\ttext-align: center;\r\n\r\n\t> li {\r\n\t\tmargin: $pagination-margin;\r\n\t\tlist-style: none !important; //specificity battle\r\n\t}\r\n}\r\n\r\n.pagination-link {\r\n\t&.is-current {\r\n\t\tborder-color: $pagination-current-border-color;\r\n\t\tbackground-color: $pagination-current-background-color;\r\n\t\tcolor: $pagination-current-color;\r\n\r\n\t\t&:hover {\r\n\t\t\tbackground-color: $pagination-current-background-color-hover;\r\n\t\t\tcolor: $pagination-current-color;\r\n\t\t}\r\n\t}\r\n\r\n\t@include forced-colors {\r\n\t\t&::after {\r\n\t\t\tdisplay: block;\r\n\t\t\tposition: absolute;\r\n\t\t\twidth: 0.375em;\r\n\t\t\theight: 0.375em;\r\n\t\t\tborder: 1px solid LinkText;\r\n\t\t\tborder-radius: $border-radius-rounded;\r\n\t\t\tbackground-color: LinkText;\r\n\t\t\tcontent: '';\r\n\t\t\tinset-block-start: 0.25em;\r\n\t\t\tinset-inline-end: 0.25em;\r\n\t\t\tforced-color-adjust: none;\r\n\t\t}\r\n\t}\r\n}\r\n\r\n.pagination-ellipsis {\r\n\tcolor: $pagination-ellipsis-color;\r\n\tpointer-events: none;\r\n}\r\n\r\n.pagination-previous,\r\n.pagination-next {\r\n\tflex-grow: 0;\r\n\tflex-shrink: 1;\r\n\tpadding-inline: 0.75em;\r\n\twhite-space: nowrap;\r\n}\r\n\r\n.pagination-previous,\r\n.pagination-next,\r\n.pagination-link,\r\n.pagination-ellipsis {\r\n\t@include control;\r\n\t@include unselectable;\r\n\t@include transparent-effects;\r\n\r\n\tjustify-content: center;\r\n\tfont-size: 1em;\r\n\tpadding-inline: 0.5em;\r\n\ttext-align: center;\r\n}\r\n\r\n.pagination-previous,\r\n.pagination-next,\r\n.pagination-link {\r\n\tmin-width: 2.25em;\r\n\tborder-color: $pagination-border-color;\r\n\tcolor: $pagination-color;\r\n\ttext-decoration: none;\r\n\r\n\t&:hover {\r\n\t\tborder-color: $pagination-hover-border-color;\r\n\t\tcolor: $pagination-hover-color;\r\n\t\ttext-decoration: none;\r\n\t}\r\n\r\n\t&[disabled] {\r\n\t\tborder-color: $pagination-disabled-border-color;\r\n\t\tbackground-color: $pagination-disabled-background-color;\r\n\t\topacity: 0.5;\r\n\t\tcolor: $pagination-disabled-color;\r\n\t\tpointer-events: none;\r\n\t}\r\n}\r\n\r\n.pagination-center {\r\n\t@include orientation-landscape {\r\n\t\t.pagination-previous {\r\n\t\t\torder: 1;\r\n\t\t}\r\n\r\n\t\t.pagination-list {\r\n\t\t\tjustify-content: center;\r\n\t\t\torder: 2;\r\n\t\t}\r\n\r\n\t\t.pagination-next {\r\n\t\t\torder: 3;\r\n\t\t}\r\n\t}\r\n}\r\n\r\n@include tablet {\r\n\t.pagination-list {\r\n\t\tflex-grow: 0;\r\n\t\tflex-shrink: 1;\r\n\t\tjustify-content: flex-start;\r\n\t\torder: 1;\r\n\t}\r\n\r\n\t.pagination-previous {\r\n\t\torder: 2;\r\n\t}\r\n\r\n\t.pagination-next {\r\n\t\torder: 3;\r\n\t}\r\n\r\n\t.pagination {\r\n\t\tjustify-content: center;\r\n\r\n\t\t&.pagination-center {\r\n\t\t\t.pagination-previous {\r\n\t\t\t\torder: 1;\r\n\t\t\t}\r\n\r\n\t\t\t.pagination-list {\r\n\t\t\t\tjustify-content: center;\r\n\t\t\t\torder: 2;\r\n\t\t\t}\r\n\r\n\t\t\t.pagination-next {\r\n\t\t\t\torder: 3;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}\r\n","$progress-bar-background-color: $secondary-background-glow-high-contrast !default;\r\n$progress-bar-value-background-color: $primary !default;\r\n$progress-bar-value-background-color-warning: $warning !default;\r\n$progress-bar-value-background-color-danger: $danger !default;\r\n$progress-bar-value-background-color-success: $success !default;\r\n$progress-bar-height: $spacer-2 !default;\r\n$progress-bar-height-sm: $spacer-1 !default;\r\n$progress-bar-border-radius: $border-radius-rounded !default;\r\n$progress-bar-indeterminate-animation-duration: 2s !default;\r\n\r\n.progress-bar {\r\n\tdisplay: block;\r\n\twidth: 100%;\r\n\tmax-width: 100%;\r\n\theight: $progress-bar-height;\r\n\tpadding: 0;\r\n\tborder: none;\r\n\tborder-radius: $progress-bar-border-radius;\r\n\tbackground-color: $progress-bar-background-color;\r\n\tappearance: none;\r\n\toverflow: hidden;\r\n\r\n\t&::-webkit-progress-bar {\r\n\t\tbackground-color: $progress-bar-background-color;\r\n\t}\r\n\r\n\t&::-webkit-progress-value {\r\n\t\tbackground-color: $progress-bar-value-background-color;\r\n\t}\r\n\r\n\t&::-moz-progress-bar {\r\n\t\tbackground-color: $progress-bar-value-background-color;\r\n\t}\r\n\r\n\t// Size\r\n\r\n\t&.progress-bar-sm {\r\n\t\theight: $progress-bar-height-sm;\r\n\t}\r\n\r\n\t// Colors\r\n\r\n\t&.progress-bar-success {\r\n\t\t&::-webkit-progress-value {\r\n\t\t\tbackground-color: $progress-bar-value-background-color-success;\r\n\t\t}\r\n\r\n\t\t&::-moz-progress-bar {\r\n\t\t\tbackground-color: $progress-bar-value-background-color-success;\r\n\t\t}\r\n\t}\r\n\r\n\t&.progress-bar-danger {\r\n\t\t&::-webkit-progress-value {\r\n\t\t\tbackground-color: $progress-bar-value-background-color-danger;\r\n\t\t}\r\n\r\n\t\t&::-moz-progress-bar {\r\n\t\t\tbackground-color: $progress-bar-value-background-color-danger;\r\n\t\t}\r\n\t}\r\n\r\n\t&.progress-bar-warning {\r\n\t\t&::-webkit-progress-value {\r\n\t\t\tbackground-color: $progress-bar-value-background-color-warning;\r\n\t\t}\r\n\r\n\t\t&::-moz-progress-bar {\r\n\t\t\tbackground-color: $progress-bar-value-background-color-warning;\r\n\t\t}\r\n\t}\r\n\r\n\t&:indeterminate {\r\n\t\tanimation-name: slide-background;\r\n\t\tanimation-timing-function: linear;\r\n\t\tbackground-color: $progress-bar-background-color;\r\n\t\tbackground-image: linear-gradient(\r\n\t\t\tto right,\r\n\t\t\t$progress-bar-background-color 0%,\r\n\t\t\t$progress-bar-value-background-color 20%,\r\n\t\t\t$progress-bar-background-color 40%\r\n\t\t);\r\n\t\tbackground-repeat: no-repeat;\r\n\t\tbackground-position: top left;\r\n\t\tbackground-size: 150% 150%;\r\n\t\tanimation-duration: $progress-bar-indeterminate-animation-duration;\r\n\t\tanimation-iteration-count: infinite;\r\n\r\n\t\t&:dir(rtl) {\r\n\t\t\tanimation-direction: reverse;\r\n\t\t}\r\n\r\n\t\t&::-webkit-progress-bar {\r\n\t\t\tbackground-color: transparent;\r\n\t\t}\r\n\r\n\t\t&::-moz-progress-bar {\r\n\t\t\tbackground-color: transparent;\r\n\t\t}\r\n\r\n\t\t@include prefers-reduced-motion {\r\n\t\t\tanimation-duration: 0s;\r\n\t\t}\r\n\t}\r\n\r\n\t@include forced-colors {\r\n\t\tbackground-color: CanvasText !important;\r\n\r\n\t\t&::-webkit-progress-bar {\r\n\t\t\tbackground-color: CanvasText !important;\r\n\t\t}\r\n\r\n\t\t&::-webkit-progress-value {\r\n\t\t\tbackground-color: Highlight !important;\r\n\t\t}\r\n\r\n\t\t&::-moz-progress-bar {\r\n\t\t\tbackground-color: Highlight !important;\r\n\t\t}\r\n\r\n\t\t&:indeterminate {\r\n\t\t\t&::-webkit-progress-bar {\r\n\t\t\t\tbackground-color: transparent !important;\r\n\t\t\t}\r\n\r\n\t\t\tforced-color-adjust: none !important;\r\n\t\t\tbackground-image: linear-gradient(\r\n\t\t\t\tto right,\r\n\t\t\t\tCanvasText 0%,\r\n\t\t\t\tHighlight 20%,\r\n\t\t\t\tCanvasText 40%\r\n\t\t\t) !important;\r\n\t\t}\r\n\t}\r\n}\r\n","$table-cell-vertical-padding: $spacer-5 !default;\r\n$table-cell-horizontal-padding: $spacer-6 !default;\r\n$table-cell-padding-compact: $spacer-3 !default;\r\n$table-cell-padding-loose: $spacer-8 !default;\r\n\r\n$table-caption-padding: $spacer-6 !default;\r\n$table-caption-size: $font-size-9 !default;\r\n$table-caption-spacing: $letter-spacing-medium !default;\r\n\r\n.table-wrapper {\r\n\toverflow-x: auto;\r\n\toverflow-y: hidden;\r\n\t-webkit-overflow-scrolling: touch;\r\n}\r\n\r\n.table {\r\n\twidth: 100%;\r\n\tfont-size: $font-size-8;\r\n\tborder-collapse: collapse;\r\n\ttable-layout: auto;\r\n\r\n\t&:not(.table-simple) {\r\n\t\tborder: 1px solid $table-border-dark;\r\n\t}\r\n\r\n\tcaption {\r\n\t\tpadding: $table-caption-padding;\r\n\t\tfont-size: $table-caption-size;\r\n\t\tfont-weight: $weight-semibold;\r\n\t\tletter-spacing: $table-caption-spacing;\r\n\t\ttext-align: $user-right;\r\n\t\ttext-transform: uppercase;\r\n\t}\r\n\r\n\tth,\r\n\ttd {\r\n\t\tdisplay: table-cell;\r\n\t\tword-wrap: break-word;\r\n\t\tpadding: $table-cell-vertical-padding $table-cell-horizontal-padding;\r\n\t\tborder-block-start: 1px solid $table-border-dark;\r\n\t\tline-height: 1.5;\r\n\t\tvertical-align: top;\r\n\t}\r\n\r\n\tth:not([align]) {\r\n\t\ttext-align: $user-left;\r\n\t}\r\n\r\n\t&.table-stacked-mobile {\r\n\t\t@include discouraged-mobile {\r\n\t\t\tth,\r\n\t\t\ttd {\r\n\t\t\t\tdisplay: block;\r\n\t\t\t\twidth: 100%;\r\n\t\t\t}\r\n\r\n\t\t\tth:not(:nth-child(1)),\r\n\t\t\ttd:not(:nth-child(1)) {\r\n\t\t\t\tpadding-block-start: 0;\r\n\t\t\t\tborder-width: 0;\r\n\t\t\t}\r\n\r\n\t\t\tthead tr:nth-child(1) th,\r\n\t\t\ttbody tr:nth-child(1) td {\r\n\t\t\t\tborder-block-start: none;\r\n\t\t\t}\r\n\r\n\t\t\tthead tr > th:last-child {\r\n\t\t\t\tborder-block-end: 1px solid $table-border-dark;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\t&.table-borderless {\r\n\t\tborder: none;\r\n\r\n\t\tth,\r\n\t\ttd {\r\n\t\t\tborder: none;\r\n\t\t}\r\n\t}\r\n\r\n\t&.table-complex {\r\n\t\tthead tr,\r\n\t\ttfoot tr {\r\n\t\t\tbackground-color: $table-header;\r\n\t\t}\r\n\r\n\t\tth,\r\n\t\ttd {\r\n\t\t\tborder: 1px solid $table-border-dark;\r\n\t\t}\r\n\t}\r\n\r\n\t&.table-striped {\r\n\t\ttbody tr:nth-of-type(even) {\r\n\t\t\tbackground-color: $table-row;\r\n\t\t}\r\n\t}\r\n\r\n\t&.table-sm {\r\n\t\tth,\r\n\t\ttd {\r\n\t\t\tpadding: $table-cell-padding-compact;\r\n\t\t}\r\n\t}\r\n\r\n\t&.table-lg {\r\n\t\tth,\r\n\t\ttd {\r\n\t\t\tpadding: $table-cell-padding-loose;\r\n\t\t}\r\n\t}\r\n}\r\n","/* stylelint-disable selector-max-specificity, no-descending-specificity */\r\n\r\n$tag-padding-block: 0.375em !default;\r\n$tag-padding-inline: 0.675em !default;\r\n\r\n$tag-gap-size: 0.375em !default;\r\n\r\n$tag-font-size: $font-size-8 !default;\r\n$tag-font-size-sm: $font-size-9 !default;\r\n$tag-font-size-lg: $font-size-7 !default;\r\n$tag-font-weight: $weight-normal !default;\r\n\r\n$tag-icon-font-size: 0.875em !default;\r\n\r\n$tag-border-width: $border-width !default;\r\n$tag-border-radius: $border-radius !default;\r\n$tag-border-radius-rounded: $border-radius-rounded !default;\r\n$tag-border-color: $secondary !default;\r\n\r\n$tag-color: $secondary-dark !default;\r\n$tag-color-hover: $primary-dark !default;\r\n$tag-background-color: $body-background !default;\r\n$tag-background-hover: $secondary-background-glow-high-contrast !default;\r\n\r\n$tag-color-filled: $text !default;\r\n$tag-background-filled: $secondary-background-glow-high-contrast !default;\r\n$tag-color-filled-hover: $primary-hover !default;\r\n$tag-background-filled-hover: $secondary !default;\r\n$tag-interactive-divider-color-filled: $secondary-box-shadow !default;\r\n$tag-interactive-color-filled-hover: $secondary-invert !default;\r\n\r\n$tag-color-primary: $primary-dark !default;\r\n$tag-color-primary-hover: $primary-hover !default;\r\n$tag-background-primary: $primary-background !default;\r\n$tag-background-primary-hover: $primary-hover !default;\r\n$tag-border-color-primary: $primary-background-glow-high-contrast !default;\r\n$tag-interactive-divider-color-primary: $primary-box-shadow !default;\r\n$tag-interactive-color-primary-hover: $primary-invert !default;\r\n\r\n.tag {\r\n\tdisplay: inline-flex;\r\n\talign-items: center;\r\n\tjustify-content: center;\r\n\tpadding: $tag-padding-block $tag-padding-inline;\r\n\tborder: $tag-border-width solid $tag-border-color;\r\n\tborder-radius: $tag-border-radius;\r\n\tbackground-color: $tag-background-color;\r\n\tcolor: $tag-color;\r\n\tfont-size: $tag-font-size;\r\n\tfont-weight: $tag-font-weight;\r\n\tline-height: $line-height-normal;\r\n\twhite-space: nowrap;\r\n\tgap: $tag-gap-size;\r\n\r\n\t&:where(button) {\r\n\t\tcursor: pointer;\r\n\t}\r\n\r\n\t.tag-close {\r\n\t\tdisplay: inline-flex;\r\n\t\talign-items: center;\r\n\t\tjustify-content: center;\r\n\t}\r\n\r\n\t&:hover,\r\n\t&.is-hovered {\r\n\t\t.tag-close {\r\n\t\t\tcolor: $tag-color-hover;\r\n\t\t}\r\n\t}\r\n\r\n\t.icon {\r\n\t\tfont-size: $tag-icon-font-size;\r\n\t}\r\n\r\n\t// Sizes\r\n\r\n\t&.tag-sm {\r\n\t\tfont-size: $tag-font-size-sm;\r\n\t}\r\n\r\n\t&.tag-lg {\r\n\t\tfont-size: $tag-font-size-lg;\r\n\t}\r\n\r\n\t// Interactive tag\r\n\r\n\t&.tag-interactive {\r\n\t\talign-items: stretch;\r\n\t\tpadding: 0;\r\n\t\tborder: none;\r\n\t\tcolor: $text;\r\n\t\tgap: 0;\r\n\r\n\t\t.tag-popover {\r\n\t\t\t.tag-summary {\r\n\t\t\t\tpadding: $tag-padding-block $tag-padding-inline;\r\n\t\t\t\tborder: $tag-border-width solid $tag-border-color;\r\n\t\t\t\tborder-radius: $tag-border-radius;\r\n\t\t\t\toutline-color: currentColor;\r\n\t\t\t\toutline-offset: -$focus-width;\r\n\t\t\t\tcursor: pointer;\r\n\t\t\t\toverflow: hidden;\r\n\r\n\t\t\t\t/* stylelint-disable-next-line max-nesting-depth, rule-empty-line-before */\r\n\t\t\t\t&:hover,\r\n\t\t\t\t&.is-hovered {\r\n\t\t\t\t\tbackground-color: $tag-background-hover;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\t\t\t&:not(:only-child) .tag-summary {\r\n\t\t\t\tborder-start-end-radius: 0;\r\n\t\t\t\tborder-end-end-radius: 0;\r\n\t\t\t\tborder-inline-end: 0;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t.tag-close {\r\n\t\t\tpadding: $tag-padding-block $tag-padding-inline;\r\n\t\t\tborder: 0;\r\n\t\t\tborder: $tag-border-width solid $tag-border-color;\r\n\t\t\tborder-radius: 0 $tag-border-radius $tag-border-radius 0;\r\n\t\t\toutline-color: currentColor;\r\n\t\t\toutline-offset: -$focus-width;\r\n\t\t\tbackground-color: inherit;\r\n\t\t\tcolor: inherit;\r\n\t\t\tcursor: pointer;\r\n\r\n\t\t\t&:hover,\r\n\t\t\t&.is-hovered {\r\n\t\t\t\tbackground-color: $tag-background-hover;\r\n\t\t\t\tcolor: $tag-color-hover;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}\r\n\r\n// Colors\r\n\r\n.tag.tag-primary {\r\n\tborder-color: $tag-border-color-primary;\r\n\tbackground-color: $tag-background-primary;\r\n\tcolor: $tag-color-primary;\r\n\r\n\t&:hover,\r\n\t&.is-hovered {\r\n\t\t.tag-close {\r\n\t\t\tcolor: $tag-color-primary-hover;\r\n\t\t}\r\n\t}\r\n\r\n\t&.tag-interactive {\r\n\t\t.tag-popover .tag-summary,\r\n\t\t.tag-close {\r\n\t\t\tborder-color: $tag-border-color-primary;\r\n\t\t\tbackground-color: $tag-background-primary;\r\n\t\t\tcolor: $tag-color-primary;\r\n\r\n\t\t\t&:hover,\r\n\t\t\t&.is-hovered {\r\n\t\t\t\tborder-color: $tag-background-primary-hover;\r\n\t\t\t\tbackground-color: $tag-background-primary-hover;\r\n\t\t\t\tcolor: $tag-interactive-color-primary-hover;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t.tag-close {\r\n\t\t\tborder-inline-start-color: $tag-interactive-divider-color-primary;\r\n\t\t}\r\n\t}\r\n}\r\n\r\n.tag.tag-filled {\r\n\tborder-color: $tag-background-filled;\r\n\tbackground-color: $tag-background-filled;\r\n\tcolor: $tag-color-filled;\r\n\r\n\t&:hover,\r\n\t&.is-hovered {\r\n\t\t.tag-close {\r\n\t\t\tcolor: $tag-color-filled-hover;\r\n\t\t}\r\n\t}\r\n\r\n\t&.tag-interactive {\r\n\t\t.tag-popover .tag-summary,\r\n\t\t.tag-close {\r\n\t\t\tborder-color: $tag-background-filled;\r\n\t\t\tbackground-color: $tag-background-filled;\r\n\t\t\tcolor: $tag-color-filled;\r\n\r\n\t\t\t&:hover,\r\n\t\t\t&.is-hovered {\r\n\t\t\t\tborder-color: $tag-background-filled-hover;\r\n\t\t\t\tbackground-color: $tag-background-filled-hover;\r\n\t\t\t\tcolor: $tag-interactive-color-filled-hover;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t.tag-close {\r\n\t\t\tborder-inline-start-color: $tag-interactive-divider-color-filled;\r\n\t\t}\r\n\t}\r\n}\r\n","$toggle-transition: $input-transition-duration cubic-bezier(0.01, 1.23, 0.58, 0.96) !default;\r\n$toggle-circle-size: 0.85em !default;\r\n$toggle-circle-top: 0.15em !default;\r\n$toggle-circle-distance-from-border: 1em - $toggle-circle-size;\r\n\r\n$toggle-unselected-circle-color: $text-subtle !default;\r\n$toggle-unselected-border-color: $text-subtle !default;\r\n$toggle-unselected-background-color: $body-background !default;\r\n$toggle-selected-background-color: $primary !default;\r\n$toggle-circle-selected-background-color: $body-background !default;\r\n\r\n.toggle {\r\n\tlabel {\r\n\t\tdisplay: block;\r\n\t\tposition: relative;\r\n\t\twidth: 2.5em;\r\n\t\theight: 1.25em;\r\n\t\ttransition: $input-transition-duration linear;\r\n\t\ttransition-property: background-color, border-color;\r\n\t\tborder: 0.065em solid $toggle-unselected-border-color;\r\n\t\tborder-radius: $border-radius-rounded;\r\n\t\tbackground-color: $toggle-unselected-background-color;\r\n\t\tcursor: pointer;\r\n\r\n\t\t@include forced-colors {\r\n\t\t\tborder-color: CanvasText !important;\r\n\t\t\tbackground-color: Canvas !important;\r\n\t\t}\r\n\r\n\t\t&::after {\r\n\t\t\tdisplay: block;\r\n\t\t\tposition: absolute;\r\n\t\t\twidth: $toggle-circle-size;\r\n\t\t\theight: $toggle-circle-size;\r\n\t\t\ttransition: $toggle-transition;\r\n\t\t\ttransition-property: inset-inline-start, border-color, background-color;\r\n\t\t\tborder-radius: $border-radius-rounded;\r\n\t\t\tinset-block-start: $toggle-circle-top;\r\n\t\t\tinset-inline-start: $toggle-circle-distance-from-border;\r\n\t\t\tbackground-color: $toggle-unselected-circle-color;\r\n\t\t\tcontent: '';\r\n\r\n\t\t\t@include forced-colors {\r\n\t\t\t\tbackground-color: CanvasText !important;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\t/* stylelint-disable -- want to keep [type=\"checkbox\"] as a requirement here */\r\n\t&.is-selected label,\r\n\tinput[type='checkbox']:checked + label {\r\n\t\t/* stylelint-enable */\r\n\t\tborder-color: $toggle-selected-background-color;\r\n\t\tbackground-color: $toggle-selected-background-color;\r\n\r\n\t\t@include forced-colors {\r\n\t\t\tborder-color: LinkText !important;\r\n\t\t\tbackground-color: LinkText !important;\r\n\t\t}\r\n\r\n\t\t&::after {\r\n\t\t\tbackground-color: $toggle-circle-selected-background-color;\r\n\t\t\tinset-inline-start: calc(100% - ($toggle-circle-distance-from-border + $toggle-circle-size));\r\n\r\n\t\t\t@include forced-colors {\r\n\t\t\t\tbackground-color: Canvas !important;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\t/* stylelint-disable-next-line -- want to keep [type=\"checkbox\"] as a requirement here */\r\n\tinput[type='checkbox'] {\r\n\t\t@include visually-hidden();\r\n\r\n\t\t@include focus-visible() {\r\n\t\t\t+ label {\r\n\t\t\t\t@extend %focus;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t&:disabled + label {\r\n\t\t\topacity: 0.6;\r\n\t\t\tcursor: not-allowed;\r\n\t\t}\r\n\t}\r\n}\r\n",".scroll-horizontal {\r\n\toverflow-x: auto;\r\n\toverflow-y: hidden;\r\n\t-webkit-overflow-scrolling: touch;\r\n}\r\n\r\n.scroll-vertical {\r\n\toverflow-x: hidden;\r\n\toverflow-y: auto;\r\n\t-webkit-overflow-scrolling: touch;\r\n}\r\n\r\n.scroll-snap-container {\r\n\tgap: 1rem;\r\n\theight: max-content;\r\n\tmargin-block: 1rem;\r\n\tscroll-behavior: smooth;\r\n\tscroll-snap-type: x mandatory;\r\n}\r\n\r\n.scroll-snap-item {\r\n\tflex-basis: 90%;\r\n\tmin-width: 80%;\r\n\theight: auto;\r\n\tscroll-snap-align: center;\r\n}\r\n","$site-header-height: 3.375em !default;\r\n$site-header-inline-gap: $spacer-3 !default;\r\n$site-header-border: 1px solid $border !default;\r\n\r\n$site-header-font-size: $font-size-7 !default;\r\n$site-header-brand-font-size: 1.25em !default;\r\n$site-header-brand-font-size-sm: 1.15em !default;\r\n\r\n$site-header-control-color: $text !default;\r\n\r\n$site-header-button-font-size: 0.875em !default;\r\n$site-header-button-icon-font-size: 0.875em !default;\r\n$site-header-button-icon-spacing: 0.375em !default;\r\n\r\n$site-header-hover-underline-border-width: 2px !default;\r\n$site-header-hover-underline-border: $site-header-hover-underline-border-width solid\r\n\t$site-header-control-color !default;\r\n\r\n$site-header-logo-width: 1.625em !default;\r\n$site-header-divider-height: 1.5em !default;\r\n\r\n$site-header-panel-background-color: $body-background-medium !default;\r\n$site-header-panel-min-height: 350px !default;\r\n$site-header-panel-block-padding: $layout-4 !default;\r\n$site-header-panel-gap: $layout-2 !default;\r\n$site-header-panel-content-gap: $spacer-3 !default;\r\n$site-header-panel-shadow: $box-shadow-medium !default;\r\n$site-header-panel-border: 1px solid $border-white-high-contrast !default;\r\n$site-header-panel-featured-section-border: 1px solid $table-border-dark !default;\r\n\r\n%site-header-hover-underline {\r\n\t> :not(.icon):not(.image) {\r\n\t\tposition: relative;\r\n\r\n\t\t&::after {\r\n\t\t\tdisplay: block;\r\n\t\t\tposition: absolute;\r\n\t\t\tcontent: '';\r\n\t\t\tborder-block-end: $site-header-hover-underline-border;\r\n\t\t\tinset-inline-start: 0;\r\n\t\t\tinset-inline-end: 0;\r\n\t\t\tinset-block-end: -$site-header-hover-underline-border-width;\r\n\t\t}\r\n\t}\r\n}\r\n\r\n%site-header-control {\r\n\toutline-offset: -$focus-width;\r\n\tcolor: $site-header-control-color;\r\n\ttext-decoration: none;\r\n\twhite-space: nowrap;\r\n\tcursor: pointer;\r\n\tpadding-block: $button-padding-vertical;\r\n\tpadding-inline: $site-header-inline-gap;\r\n\r\n\t&:visited {\r\n\t\tcolor: $site-header-control-color;\r\n\t}\r\n}\r\n\r\n.site-header {\r\n\tdisplay: flex;\r\n\tposition: relative;\r\n\talign-items: center;\r\n\theight: $site-header-height;\r\n\tfont-size: $site-header-font-size;\r\n\tborder-block-end: $site-header-border;\r\n\tgap: $site-header-inline-gap;\r\n\tpadding-inline: $layout-gap;\r\n\r\n\t@include widescreen {\r\n\t\tpadding-inline: $layout-widescreen-gap;\r\n\t}\r\n\r\n\t.site-header-button {\r\n\t\t@include control;\r\n\t\t@include unselectable;\r\n\t\t@extend %site-header-control;\r\n\r\n\t\tjustify-content: center;\r\n\t\theight: 100%;\r\n\t\tborder: none;\r\n\t\tborder-radius: 0;\r\n\t\tbackground-color: transparent;\r\n\t\tfont-size: $site-header-button-font-size;\r\n\t\tfont-weight: $weight-normal;\r\n\t\ttext-align: center;\r\n\r\n\t\t&[aria-expanded='true'] {\r\n\t\t\tbackground-color: $site-header-panel-background-color;\r\n\t\t}\r\n\r\n\t\t.icon {\r\n\t\t\tfont-size: $site-header-button-icon-font-size;\r\n\r\n\t\t\t&:only-child {\r\n\t\t\t\tmargin: 0;\r\n\t\t\t}\r\n\r\n\t\t\t/* stylelint-disable-next-line selector-max-specificity, rule-empty-line-before */\r\n\t\t\t&:first-child:not(:only-child) {\r\n\t\t\t\tmargin-inline-end: $site-header-button-icon-spacing;\r\n\t\t\t}\r\n\r\n\t\t\t/* stylelint-disable-next-line selector-max-specificity, rule-empty-line-before */\r\n\t\t\t&:last-child:not(:only-child) {\r\n\t\t\t\tmargin-inline-start: $site-header-button-icon-spacing;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t&:active,\r\n\t\t&.is-active,\r\n\t\t&:hover,\r\n\t\t&.is-hovered,\r\n\t\t&:focus-visible {\r\n\t\t\t&:not([aria-expanded='true']) {\r\n\t\t\t\t@extend %site-header-hover-underline;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\t.site-header-logo {\r\n\t\t> svg,\r\n\t\t> img {\r\n\t\t\tdisplay: block;\r\n\t\t\twidth: $site-header-logo-width;\r\n\t\t\theight: auto;\r\n\t\t}\r\n\r\n\t\t&.site-header-logo-centered {\r\n\t\t\tposition: absolute;\r\n\t\t\tinset-inline-start: calc(50% - $site-header-logo-width / 2);\r\n\t\t}\r\n\t}\r\n\r\n\t.site-header-divider {\r\n\t\tdisplay: inline-block;\r\n\t\theight: $site-header-divider-height;\r\n\t\tborder-inline-start: 2px solid $text-subtle;\r\n\t\tmargin-inline-start: $site-header-inline-gap;\r\n\t}\r\n\r\n\t.site-header-brand {\r\n\t\t@extend %site-header-control;\r\n\r\n\t\tdisplay: inline-block;\r\n\t\tfont-size: $site-header-brand-font-size-sm;\r\n\t\tfont-weight: $weight-semibold;\r\n\r\n\t\t&:active,\r\n\t\t&.is-active,\r\n\t\t&:hover,\r\n\t\t&.is-hovered,\r\n\t\t&:focus-visible {\r\n\t\t\t@extend %site-header-hover-underline;\r\n\t\t}\r\n\r\n\t\t@include tablet {\r\n\t\t\tfont-size: $site-header-brand-font-size;\r\n\t\t}\r\n\t}\r\n\r\n\t.site-header-nav {\r\n\t\tdisplay: flex;\r\n\t\talign-self: center;\r\n\t\twidth: 100%;\r\n\t\theight: 100%;\r\n\t}\r\n\r\n\t.site-header-panel {\r\n\t\tdisplay: grid;\r\n\t\tposition: absolute;\r\n\t\twidth: 100%;\r\n\t\tmin-height: $site-header-panel-min-height;\r\n\t\tgrid-gap: $site-header-panel-gap;\r\n\t\tgrid-template-areas: 'panel-content' 'panel-featured-section';\r\n\t\tbackground-color: $site-header-panel-background-color;\r\n\t\ttext-wrap: wrap;\r\n\t\tbox-shadow: $site-header-panel-shadow;\r\n\t\tz-index: $zindex-dropdown;\r\n\t\tinset-inline-start: 0;\r\n\t\tinset-block-start: calc($site-header-height - 1px);\r\n\t\tborder-block-start: $site-header-panel-border;\r\n\t\tborder-block-end: $site-header-panel-border;\r\n\t\tpadding-block: $site-header-panel-block-padding;\r\n\t\tpadding-inline: $layout-gap;\r\n\r\n\t\t@include tablet {\r\n\t\t\tgrid-template-columns: auto 33.333%;\r\n\t\t\tgrid-template-areas: 'panel-content panel-featured-section';\r\n\t\t}\r\n\r\n\t\t@include desktop {\r\n\t\t\tgrid-template-columns: auto 25%;\r\n\t\t}\r\n\r\n\t\t@include widescreen {\r\n\t\t\tpadding-inline: $layout-widescreen-gap;\r\n\t\t}\r\n\r\n\t\t.site-header-panel-featured-content {\r\n\t\t\tgrid-area: panel-featured-section;\r\n\t\t\tborder-block-start: $site-header-panel-featured-section-border;\r\n\t\t\tpadding-block-start: $site-header-panel-gap;\r\n\t\t\tdisplay: flex;\r\n\t\t\tgap: $site-header-panel-gap;\r\n\t\t\tflex-direction: column;\r\n\r\n\t\t\t@include tablet {\r\n\t\t\t\tborder-inline-start: $site-header-panel-featured-section-border;\r\n\t\t\t\tborder-block-start: 0;\r\n\t\t\t\tpadding-block-start: 0;\r\n\t\t\t\tpadding-inline-start: $site-header-panel-gap;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t.site-header-panel-content {\r\n\t\t\tgrid-area: panel-content;\r\n\t\t\tdisplay: grid;\r\n\t\t\talign-content: space-between;\r\n\t\t}\r\n\r\n\t\t.site-header-panel-links {\r\n\t\t\tdisplay: grid;\r\n\t\t\tgrid-gap: $site-header-panel-content-gap;\r\n\r\n\t\t\t@include tablet {\r\n\t\t\t\tgrid-auto-flow: column;\r\n\t\t\t\tgrid-template-columns: repeat(2, 1fr);\r\n\t\t\t\tgrid-template-rows: repeat(11, auto);\r\n\t\t\t}\r\n\r\n\t\t\t@include desktop {\r\n\t\t\t\tgrid-template-columns: repeat(3, 1fr);\r\n\t\t\t\tgrid-template-rows: repeat(7, auto);\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t.site-header-panel-cards {\r\n\t\t\tdisplay: grid;\r\n\t\t\tgrid-gap: $site-header-panel-content-gap;\r\n\r\n\t\t\t@include tablet {\r\n\t\t\t\tgrid-auto-flow: column;\r\n\t\t\t\tgrid-template-columns: repeat(2, 1fr);\r\n\t\t\t\tgrid-template-rows: repeat(5, auto);\r\n\t\t\t}\r\n\r\n\t\t\t@include desktop {\r\n\t\t\t\tgrid-template-columns: repeat(3, 1fr);\r\n\t\t\t\tgrid-template-rows: repeat(3, auto);\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}\r\n",".stretched-link {\r\n\t&::before {\r\n\t\tposition: absolute;\r\n\t\tcontent: '';\r\n\t\tz-index: $zindex-stretched-link;\r\n\t\tinset: 0;\r\n\t}\r\n}\r\n","$sc-padding-sm: 0.5em 1em !default;\r\n$sc-padding: 0.75em 1.25em !default;\r\n$sc-padding-lg: 1em 1.5em !default;\r\n\r\n$sc-font-color: $primary !default;\r\n$sc-border: $border-width solid $border !default;\r\n$sc-border-radius-rounded: $border-radius-rounded;\r\n$sc-hover-background-color: $primary-background !default;\r\n$sc-hover-border: $border-width solid $border !default;\r\n$sc-hover-border-color: $primary-hover !default;\r\n$sc-active-hover-background-color: $primary-hover !default;\r\n$sc-active-hover-border-color: $primary-hover !default;\r\n$sc-active-background-color: $primary !default;\r\n$sc-active-border-color: $primary !default;\r\n$sc-active-color: $text-invert !default;\r\n\r\n.segmented-controls {\r\n\tdisplay: grid;\r\n\tjustify-content: center;\r\n\twidth: 100%;\r\n\tgrid-gap: $spacer-3;\r\n\tgrid-template-columns: max-content auto max-content;\r\n\tfont-size: $font-size-7;\r\n\twhite-space: nowrap;\r\n\r\n\t.segmented-control-previous,\r\n\t.segmented-control-next {\r\n\t\tdisplay: flex;\r\n\t\talign-items: center;\r\n\t\tpadding: $sc-padding-sm;\r\n\t\tborder: $sc-border;\r\n\t\tborder-radius: $sc-border-radius-rounded;\r\n\t\tbackground-color: $sc-active-background-color;\r\n\t\tcolor: $sc-active-color;\r\n\t\tfont-weight: $weight-semibold;\r\n\t\tcursor: pointer;\r\n\r\n\t\t&:hover {\r\n\t\t\tbackground-color: $sc-active-hover-background-color;\r\n\r\n\t\t\t@include forced-colors {\r\n\t\t\t\tborder-color: Highlight;\r\n\t\t\t\tbackground-color: Highlight;\r\n\t\t\t\tcolor: HighlightText;\r\n\t\t\t\tforced-color-adjust: none;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t@include focus-visible() {\r\n\t\t\toutline-color: $text-invert;\r\n\t\t\toutline-offset: -$focus-outline-offset;\r\n\t\t}\r\n\t}\r\n\r\n\t.segmented-control-list {\r\n\t\tgrid-column: 2;\r\n\t\tdisplay: flex;\r\n\t\talign-items: center;\r\n\t\tjustify-content: flex-start;\r\n\t\tborder: $sc-border;\r\n\t\tborder-radius: $sc-border-radius-rounded;\r\n\t\toverflow-x: hidden;\r\n\t}\r\n\r\n\t.segmented-control {\r\n\t\tdisplay: flex;\r\n\t\tposition: relative;\r\n\t\talign-items: center;\r\n\t\tjustify-content: center;\r\n\t\tpadding: $sc-padding-sm;\r\n\t\tborder: none;\r\n\t\tborder-radius: $sc-border-radius-rounded;\r\n\t\tbackground-color: transparent;\r\n\t\tcolor: $sc-font-color;\r\n\t\tfont-weight: $weight-semibold;\r\n\t\tcursor: pointer;\r\n\t\tappearance: none;\r\n\t\tvertical-align: top;\r\n\r\n\t\t@include focus-visible() {\r\n\t\t\toutline-color: $text-invert;\r\n\t\t\toutline-offset: -$focus-outline-offset;\r\n\t\t}\r\n\r\n\t\t&:hover {\r\n\t\t\tbackground-color: $sc-hover-background-color;\r\n\t\t\tz-index: $zindex-hover;\r\n\r\n\t\t\t@include forced-colors {\r\n\t\t\t\tbackground-color: Highlight !important;\r\n\t\t\t\tcolor: HighlightText !important;\r\n\t\t\t\tforced-color-adjust: none;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t&[aria-selected='true'] {\r\n\t\t\tbackground-color: $sc-active-background-color;\r\n\t\t\tcolor: $sc-active-color;\r\n\t\t\tz-index: $zindex-active;\r\n\r\n\t\t\t&:hover {\r\n\t\t\t\tbackground-color: $sc-active-hover-background-color;\r\n\t\t\t\tz-index: $zindex-hover;\r\n\t\t\t}\r\n\r\n\t\t\t@include forced-colors {\r\n\t\t\t\tbackground-color: SelectedItem;\r\n\t\t\t\tcolor: SelectedItemText;\r\n\t\t\t\tforced-color-adjust: none;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\t@include tablet {\r\n\t\t.segmented-control,\r\n\t\t.segmented-previous,\r\n\t\t.segmented-next {\r\n\t\t\tpadding: $sc-padding;\r\n\t\t}\r\n\t}\r\n\t@include desktop {\r\n\t\t.segmented-control,\r\n\t\t.segmented-previous,\r\n\t\t.segmented-next {\r\n\t\t\tpadding: $sc-padding-lg;\r\n\t\t}\r\n\t}\r\n}\r\n","@use 'sass:math';\r\n\r\n$quarter-widescreen: math.div($breakpoint-widescreen, 4);\r\n$half-widescreen: math.div($breakpoint-widescreen, 2);\r\n$three-quarters-widescreen: math.div($breakpoint-widescreen, 4) * 3;\r\n$default-flyout-width-desktop: 360px;\r\n$default-flyout-width-widescreen: 480px;\r\n\r\n:root {\r\n\t--window-inner-height: 100vh; // to be overwritten by JS\r\n\t--atlas-header-height: 0px; // to be overwritten by JS\r\n\t--atlas-footer-height: 0px; // to be overwritten by JS\r\n\t--atlas-contained-height: 1fr; // default value, does not contain the height\r\n}\r\n\r\n.layout {\r\n\tdisplay: flex;\r\n\tflex-direction: column;\r\n\tmax-inline-size: 100vw;\r\n\r\n\t// --layout-gutter by default, see tokens/layout.scss\r\n\t#{$layout-gap-custom-property-name}: $layout-gap;\r\n\t#{$layout-gap-scalable-custom-property-name}: $layout-gap;\r\n\t#{$layout-flyout-width-desktop-custom-property-name}: $default-flyout-width-desktop;\r\n\t#{$layout-flyout-width-widescreen-custom-property-name}: $default-flyout-width-widescreen;\r\n\t#{$layout-flyout-width-name}: var(#{$layout-flyout-width-desktop-custom-property-name});\r\n\r\n\t@include widescreen {\r\n\t\t#{$layout-gap-scalable-custom-property-name}: $layout-widescreen-gap;\r\n\t\t// sets widescreen custom prop\r\n\t\t#{$layout-flyout-width-name}: var(#{$layout-flyout-width-widescreen-custom-property-name});\r\n\t}\r\n}\r\n\r\n.layout-padding {\r\n\tpadding-inline: var(#{$layout-gap-custom-property-name}) !important;\r\n}\r\n\r\n.layout-margin {\r\n\tmargin-inline: var(#{$layout-gap-scalable-custom-property-name}) !important;\r\n}\r\n\r\n.layout-body {\r\n\tdisplay: grid;\r\n\twidth: 100%;\r\n\tmax-width: 100%;\r\n}\r\n\r\n// grid-area values\r\n\r\n.layout-body-header {\r\n\tgrid-area: header;\r\n}\r\n\r\n.layout-body-hero {\r\n\tgrid-area: hero;\r\n}\r\n\r\n.layout-body-menu {\r\n\tgrid-area: menu;\r\n}\r\n\r\n.layout-body-main {\r\n\tgrid-area: main;\r\n}\r\n\r\n.layout-body-aside {\r\n\tgrid-area: aside;\r\n}\r\n\r\n.layout-body-footer {\r\n\tgrid-area: footer;\r\n}\r\n\r\n.layout-body-flyout {\r\n\tdisplay: none;\r\n\tgrid-area: flyout;\r\n}\r\n\r\n.layout-body-hero,\r\n.layout-body-main,\r\n.layout-body-footer,\r\n.layout-body-aside,\r\n.layout-body-menu {\r\n\t&:empty {\r\n\t\tdisplay: none;\r\n\t}\r\n}\r\n\r\n/* It is quite hard to keep the layout rules organized / group while satisfying the no-descrending specificity lint rule. Disabling it here. */\r\n\r\n/* stylelint-disable no-descending-specificity */\r\n\r\n.layout,\r\n.layout.layout-single {\r\n\t.layout-body {\r\n\t\tgrid-template: auto auto auto 1fr auto auto / minmax(0, 1fr);\r\n\t\tgrid-template-areas: 'header' 'hero' 'menu' 'main' 'aside' 'footer';\r\n\t}\r\n\r\n\t&.layout-flyout-active .layout-body {\r\n\t\t@include desktop {\r\n\t\t\tgrid-template: auto auto auto 1fr auto auto / minmax(0, 1fr) var(#{$layout-flyout-width-name});\r\n\t\t\tgrid-template-areas: 'header flyout' 'hero flyout' 'menu flyout' 'main flyout' 'aside flyout' 'footer flyout';\r\n\t\t}\r\n\t}\r\n}\r\n\r\n.layout.layout-holy-grail {\r\n\t.layout-body {\r\n\t\tgrid-template: auto auto auto 1fr auto auto / minmax(0, 1fr);\r\n\t\tgrid-template-areas: 'header' 'hero' 'menu' 'main' 'aside' 'footer';\r\n\r\n\t\t@include tablet {\r\n\t\t\tgrid-template: auto auto var(--atlas-contained-height) auto auto / minmax(0, 1fr) minmax(\r\n\t\t\t\t\t0,\r\n\t\t\t\t\t2fr\r\n\t\t\t\t);\r\n\t\t\tgrid-template-areas:\r\n\t\t\t\t'header header'\r\n\t\t\t\t'hero hero'\r\n\t\t\t\t'menu main'\r\n\t\t\t\t'menu aside'\r\n\t\t\t\t'footer footer';\r\n\t\t}\r\n\r\n\t\t@include desktop {\r\n\t\t\tgrid-template: auto auto var(--atlas-contained-height) auto / minmax(0, 1fr) minmax(0, 2fr) minmax(\r\n\t\t\t\t\t0,\r\n\t\t\t\t\t1fr\r\n\t\t\t\t);\r\n\t\t\tgrid-template-areas:\r\n\t\t\t\t'header header header'\r\n\t\t\t\t'hero hero hero'\r\n\t\t\t\t'menu main aside'\r\n\t\t\t\t'footer footer footer';\r\n\t\t}\r\n\r\n\t\t@include widescreen {\r\n\t\t\tgrid-template: auto auto var(--atlas-contained-height) auto / auto #{$quarter-widescreen} #{$half-widescreen} #{$quarter-widescreen} auto;\r\n\t\t\tgrid-template-areas:\r\n\t\t\t\t'header header header header header'\r\n\t\t\t\t'hero hero hero hero hero'\r\n\t\t\t\t'. menu main aside .'\r\n\t\t\t\t'footer footer footer footer footer';\r\n\t\t}\r\n\t}\r\n\r\n\t&.layout-flyout-active .layout-body {\r\n\t\t@include desktop {\r\n\t\t\tgrid-template:\r\n\t\t\t\tauto auto var(--atlas-contained-height) auto / minmax(0, 1fr) minmax(0, 2fr) minmax(0, 1fr)\r\n\t\t\t\tvar(#{$layout-flyout-width-name});\r\n\t\t\tgrid-template-areas:\r\n\t\t\t\t'header header header flyout'\r\n\t\t\t\t'hero hero hero flyout'\r\n\t\t\t\t'menu main aside flyout'\r\n\t\t\t\t'footer footer footer flyout';\r\n\t\t}\r\n\r\n\t\t@include widescreen {\r\n\t\t\tgrid-template:\r\n\t\t\t\tauto auto var(--atlas-contained-height) auto / minmax(0, 1fr) minmax(0, 2fr) minmax(0, 1fr)\r\n\t\t\t\tvar(#{$layout-flyout-width-name});\r\n\t\t\tgrid-template-areas:\r\n\t\t\t\t'header header header flyout'\r\n\t\t\t\t'hero hero hero flyout'\r\n\t\t\t\t'menu main aside flyout'\r\n\t\t\t\t'footer footer footer flyout';\r\n\t\t}\r\n\t}\r\n}\r\n\r\n.layout.layout-sidecar-left {\r\n\t.layout-body-aside {\r\n\t\tdisplay: none;\r\n\t}\r\n\r\n\t.layout-body {\r\n\t\tgrid-template: auto auto auto 1fr auto / minmax(0, 1fr);\r\n\t\tgrid-template-areas: 'header' 'hero' 'menu' 'main' 'footer';\r\n\r\n\t\t@include tablet {\r\n\t\t\tgrid-template: auto auto var(--atlas-contained-height) auto / minmax(0, 1fr) minmax(0, 2fr);\r\n\t\t\tgrid-template-areas:\r\n\t\t\t\t'header header'\r\n\t\t\t\t'hero hero'\r\n\t\t\t\t'menu main'\r\n\t\t\t\t'footer footer';\r\n\t\t}\r\n\r\n\t\t@include desktop {\r\n\t\t\tgrid-template: auto auto var(--atlas-contained-height) auto / minmax(0, 1fr) minmax(0, 3fr);\r\n\t\t\tgrid-template-areas:\r\n\t\t\t\t'header header'\r\n\t\t\t\t'hero hero'\r\n\t\t\t\t'menu main'\r\n\t\t\t\t'footer footer';\r\n\t\t}\r\n\r\n\t\t@include widescreen {\r\n\t\t\tgrid-template: auto auto var(--atlas-contained-height) auto / auto #{$quarter-widescreen} #{$three-quarters-widescreen} auto;\r\n\t\t\tgrid-template-areas:\r\n\t\t\t\t'header header header header'\r\n\t\t\t\t'hero hero hero hero'\r\n\t\t\t\t'. menu main .'\r\n\t\t\t\t'footer footer footer footer';\r\n\t\t}\r\n\t}\r\n\r\n\t&.layout-flyout-active .layout-body {\r\n\t\t@include desktop {\r\n\t\t\tgrid-template: auto auto var(--atlas-contained-height) auto / minmax(0, 1fr) minmax(0, 3fr) var(\r\n\t\t\t\t\t#{$layout-flyout-width-name}\r\n\t\t\t\t);\r\n\t\t\tgrid-template-areas:\r\n\t\t\t\t'header header flyout'\r\n\t\t\t\t'hero hero flyout'\r\n\t\t\t\t'menu main flyout'\r\n\t\t\t\t'footer footer flyout';\r\n\t\t}\r\n\t\t@include widescreen {\r\n\t\t\tgrid-template: auto auto var(--atlas-contained-height) auto / minmax(0, 1fr) minmax(0, 3fr) var(\r\n\t\t\t\t\t#{$layout-flyout-width-name}\r\n\t\t\t\t);\r\n\t\t\tgrid-template-areas:\r\n\t\t\t\t'header header flyout'\r\n\t\t\t\t'hero hero flyout'\r\n\t\t\t\t'menu main flyout'\r\n\t\t\t\t'footer footer flyout';\r\n\t\t}\r\n\t}\r\n}\r\n\r\n.layout.layout-sidecar-right {\r\n\t.layout-body-menu {\r\n\t\tdisplay: none;\r\n\t}\r\n\r\n\t.layout-body {\r\n\t\tgrid-template: auto auto auto 1fr auto / minmax(0, 1fr);\r\n\t\tgrid-template-areas: 'header' 'hero' 'main' 'aside' 'footer';\r\n\r\n\t\t@include tablet {\r\n\t\t\tgrid-template: auto auto var(--atlas-contained-height) auto / minmax(0, 2fr) minmax(0, 1fr);\r\n\t\t\tgrid-template-areas:\r\n\t\t\t\t'header header'\r\n\t\t\t\t'hero hero'\r\n\t\t\t\t'main aside '\r\n\t\t\t\t'footer footer';\r\n\t\t}\r\n\r\n\t\t@include desktop {\r\n\t\t\tgrid-template: auto auto var(--atlas-contained-height) auto / minmax(0, 3fr) minmax(0, 1fr);\r\n\t\t\tgrid-template-areas:\r\n\t\t\t\t'header header'\r\n\t\t\t\t'hero hero'\r\n\t\t\t\t'main aside'\r\n\t\t\t\t'footer footer';\r\n\t\t}\r\n\r\n\t\t@include widescreen {\r\n\t\t\tgrid-template: auto auto var(--atlas-contained-height) auto / auto #{$three-quarters-widescreen} #{$quarter-widescreen} auto;\r\n\t\t\tgrid-template-areas:\r\n\t\t\t\t'header header header header'\r\n\t\t\t\t'hero hero hero hero'\r\n\t\t\t\t'. main aside .'\r\n\t\t\t\t'footer footer footer footer';\r\n\t\t}\r\n\t}\r\n\r\n\t&.layout-flyout-active .layout-body {\r\n\t\t@include desktop {\r\n\t\t\tgrid-template: auto auto var(--atlas-contained-height) auto / minmax(0, 3fr) minmax(0, 1fr) var(\r\n\t\t\t\t\t#{$layout-flyout-width-name}\r\n\t\t\t\t);\r\n\t\t\tgrid-template-areas:\r\n\t\t\t\t'header header flyout'\r\n\t\t\t\t'hero hero flyout'\r\n\t\t\t\t'main aside flyout'\r\n\t\t\t\t'footer footer flyout';\r\n\t\t}\r\n\r\n\t\t@include widescreen {\r\n\t\t\tgrid-template: auto auto var(--atlas-contained-height) auto / minmax(0, 3fr) minmax(0, 1fr) var(\r\n\t\t\t\t\t#{$layout-flyout-width-name}\r\n\t\t\t\t);\r\n\t\t\tgrid-template-areas:\r\n\t\t\t\t'header header flyout'\r\n\t\t\t\t'hero hero flyout'\r\n\t\t\t\t'main aside flyout'\r\n\t\t\t\t'footer footer flyout';\r\n\t\t}\r\n\t}\r\n}\r\n\r\n.layout.layout-twin {\r\n\t.layout-body-menu {\r\n\t\tdisplay: none;\r\n\t}\r\n\r\n\t.layout-body {\r\n\t\tgrid-template: auto auto auto 1fr auto / minmax(0, 1fr);\r\n\t\tgrid-template-areas: 'header' 'hero' 'main' 'aside' 'footer';\r\n\r\n\t\t// note that to make some extra room this layout is not constrained by the widescreen breakpoint like others\r\n\t\t@include tablet {\r\n\t\t\tgrid-template: auto auto var(--atlas-contained-height) auto / minmax(0, 1fr) minmax(0, 1fr);\r\n\t\t\tgrid-template-areas:\r\n\t\t\t\t'header header'\r\n\t\t\t\t'hero hero'\r\n\t\t\t\t'main aside'\r\n\t\t\t\t'footer footer';\r\n\t\t}\r\n\t}\r\n\r\n\t&.layout-flyout-active .layout-body {\r\n\t\t@include desktop {\r\n\t\t\tgrid-template: auto auto var(--atlas-contained-height) auto / minmax(0, 1fr) minmax(0, 1fr) var(\r\n\t\t\t\t\t#{$layout-flyout-width-name}\r\n\t\t\t\t);\r\n\t\t\tgrid-template-areas:\r\n\t\t\t\t'header header flyout'\r\n\t\t\t\t'hero hero flyout'\r\n\t\t\t\t'main aside flyout'\r\n\t\t\t\t'footer footer flyout';\r\n\t\t}\r\n\t}\r\n}\r\n\r\n/* stylelint-enable no-descending-specificity */\r\n\r\n@mixin constrained-layout-child {\r\n\tposition: sticky;\r\n\tinset-block-start: 0;\r\n\toverflow-x: hidden;\r\n\toverflow-y: auto;\r\n\t-webkit-overflow-scrolling: touch;\r\n}\r\n\r\n// hide flyout when it's inactive\r\n\r\n@include desktop {\r\n\t.layout.layout-flyout-active {\r\n\t\t.layout-body-flyout {\r\n\t\t\tdisplay: block;\r\n\t\t}\r\n\t}\r\n}\r\n\r\n@include tablet {\r\n\t.layout.layout-constrained {\r\n\t\t&.layout-twin,\r\n\t\t&.layout-sidecar-left,\r\n\t\t&.layout-sidecar-right {\r\n\t\t\t// 👇 minus two pixel at the end to account for percentage points and rounding, one px generally suffices though\r\n\t\t\t--atlas-contained-height: calc(\r\n\t\t\t\tvar(--window-inner-height) - var(--atlas-header-height) - var(--atlas-footer-height) - 2px\r\n\t\t\t);\r\n\t\t}\r\n\r\n\t\t&.layout-twin,\r\n\t\t&.layout-sidecar-right {\r\n\t\t\t.layout-body-main,\r\n\t\t\t.layout-body-aside {\r\n\t\t\t\t@include constrained-layout-child;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t&.layout-sidecar-left {\r\n\t\t\t.layout-body-menu,\r\n\t\t\t.layout-body-main {\r\n\t\t\t\t@include constrained-layout-child;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}\r\n\r\n// Because the holy grail has two rows (containing menu main, menu aside) on tablet, we cannot apply height constraints at that size\r\n@include desktop {\r\n\t.layout.layout-constrained.layout-holy-grail {\r\n\t\t// 👇 minus two pixel at the end to account for percentage points and rounding, one px generally suffices though\r\n\t\t--atlas-contained-height: calc(\r\n\t\t\tvar(--window-inner-height) - var(--atlas-header-height) - var(--atlas-footer-height) - 2px\r\n\t\t);\r\n\r\n\t\t.layout-body-main,\r\n\t\t.layout-body-menu,\r\n\t\t.layout-body-aside {\r\n\t\t\t@include constrained-layout-child;\r\n\t\t}\r\n\t}\r\n\r\n\t.layout.layout-constrained {\r\n\t\t.layout-body-flyout {\r\n\t\t\t@include constrained-layout-child;\r\n\t\t}\r\n\t}\r\n}\r\n","$aspect-ratios: (\r\n\t'1-1': '1 / 1',\r\n\t'2-1': '2 / 1',\r\n\t'4-3': '4 / 3',\r\n\t'9-16': '9 / 16',\r\n\t'16-9': '16 / 9'\r\n) !default;\r\n\r\n@each $name, $ratio in $aspect-ratios {\r\n\t.aspect-ratio-#{$name} {\r\n\t\taspect-ratio: #{$ratio} !important;\r\n\t}\r\n}\r\n","// Font family\r\n\r\n.font-family-monospace {\r\n\tfont-family: $monospace-font-stack !important;\r\n\t-moz-osx-font-smoothing: auto;\r\n\t-webkit-font-smoothing: auto;\r\n}\r\n\r\n.font-family-quote {\r\n\tfont-family: $quote-font-stack !important;\r\n}\r\n\r\n// Heading sizes\r\n\r\n.font-size-h0 {\r\n\tfont-size: $font-size-0 !important;\r\n}\r\n\r\n.font-size-h1 {\r\n\tfont-size: $font-size-1 !important;\r\n}\r\n\r\n.font-size-h2 {\r\n\tfont-size: $font-size-2 !important;\r\n}\r\n\r\n.font-size-h3 {\r\n\tfont-size: $font-size-3 !important;\r\n}\r\n\r\n.font-size-h4 {\r\n\tfont-size: $font-size-4 !important;\r\n}\r\n\r\n.font-size-h5 {\r\n\tfont-size: $font-size-5 !important;\r\n}\r\n\r\n.font-size-h6 {\r\n\tfont-size: $font-size-6 !important;\r\n}\r\n\r\n@include tablet {\r\n\t.font-size-h0-tablet {\r\n\t\tfont-size: $font-size-0 !important;\r\n\t}\r\n\r\n\t.font-size-h1-tablet {\r\n\t\tfont-size: $font-size-1 !important;\r\n\t}\r\n\r\n\t.font-size-h2-tablet {\r\n\t\tfont-size: $font-size-2 !important;\r\n\t}\r\n\r\n\t.font-size-h3-tablet {\r\n\t\tfont-size: $font-size-3 !important;\r\n\t}\r\n\r\n\t.font-size-h4-tablet {\r\n\t\tfont-size: $font-size-4 !important;\r\n\t}\r\n\r\n\t.font-size-h5-tablet {\r\n\t\tfont-size: $font-size-5 !important;\r\n\t}\r\n\r\n\t.font-size-h6-tablet {\r\n\t\tfont-size: $font-size-6 !important;\r\n\t}\r\n}\r\n\r\n// Non-heading sizes\r\n\r\n.font-size-xl {\r\n\tfont-size: $font-size-5 !important;\r\n}\r\n\r\n.font-size-lg {\r\n\tfont-size: $font-size-6 !important;\r\n}\r\n\r\n.font-size-md {\r\n\tfont-size: $font-size-7 !important;\r\n}\r\n\r\n.font-size-sm {\r\n\tfont-size: $font-size-8 !important;\r\n}\r\n\r\n.font-size-xs {\r\n\tfont-size: $font-size-9 !important;\r\n}\r\n\r\n// Non-heading sizes\r\n\r\n@include tablet {\r\n\t.font-size-xl-tablet {\r\n\t\tfont-size: $font-size-5 !important;\r\n\t}\r\n\r\n\t.font-size-lg-tablet {\r\n\t\tfont-size: $font-size-6 !important;\r\n\t}\r\n\r\n\t.font-size-md-tablet {\r\n\t\tfont-size: $font-size-7 !important;\r\n\t}\r\n\r\n\t.font-size-sm-tablet {\r\n\t\tfont-size: $font-size-8 !important;\r\n\t}\r\n\r\n\t.font-size-xs-tablet {\r\n\t\tfont-size: $font-size-9 !important;\r\n\t}\r\n}\r\n\r\n// Weight\r\n\r\n.font-weight-light {\r\n\tfont-weight: $weight-light !important;\r\n}\r\n\r\n.font-weight-semilight {\r\n\tfont-weight: $weight-semilight !important;\r\n}\r\n\r\n.font-weight-normal {\r\n\tfont-weight: $weight-normal !important;\r\n}\r\n\r\n.font-weight-semibold {\r\n\tfont-weight: $weight-semibold !important;\r\n}\r\n\r\n.font-weight-bold {\r\n\tfont-weight: $weight-bold !important;\r\n}\r\n\r\n// Case\r\n\r\n.font-style-italic {\r\n\tfont-style: italic !important;\r\n}\r\n\r\n.text-decoration-underline {\r\n\ttext-decoration: underline !important;\r\n}\r\n\r\n.text-decoration-none {\r\n\ttext-decoration: none !important;\r\n}\r\n\r\n// Letter Spacing\r\n\r\n.letter-spacing-wide {\r\n\tletter-spacing: $letter-spacing-wide !important;\r\n}\r\n\r\n.text-transform-uppercase {\r\n\ttext-transform: uppercase !important;\r\n}\r\n\r\n// Alignment\r\n\r\n.text-align-left {\r\n\ttext-align: start !important;\r\n}\r\n\r\n.text-align-center {\r\n\ttext-align: center !important;\r\n}\r\n\r\n.text-align-right {\r\n\ttext-align: end !important;\r\n}\r\n\r\n@include tablet {\r\n\t.text-align-left-tablet {\r\n\t\ttext-align: start !important;\r\n\t}\r\n\r\n\t.text-align-center-tablet {\r\n\t\ttext-align: center !important;\r\n\t}\r\n\r\n\t.text-align-right-tablet {\r\n\t\ttext-align: end !important;\r\n\t}\r\n}\r\n\r\n// Text wrapping behavior\r\n\r\n.text-wrap-pretty {\r\n\ttext-wrap: pretty !important;\r\n}\r\n\r\n// Line height\r\n\r\n.line-height-normal {\r\n\tline-height: $line-height-normal !important;\r\n}\r\n\r\n// White space\r\n\r\n.white-space-normal {\r\n\twhite-space: normal !important;\r\n}\r\n\r\n.white-space-nowrap {\r\n\twhite-space: nowrap !important;\r\n}\r\n\r\n.white-space-pre {\r\n\twhite-space: pre !important;\r\n}\r\n\r\n.white-space-pre-wrap {\r\n\twhite-space: pre-wrap !important;\r\n}\r\n",".border {\r\n\tborder: $border-width solid $border !important;\r\n}\r\n\r\n.border-md {\r\n\tborder: $border-width-md solid $border !important;\r\n}\r\n\r\n.border-lg {\r\n\tborder: $border-width-lg solid $border !important;\r\n}\r\n\r\n.border-none {\r\n\tborder: none !important;\r\n}\r\n\r\n// Rules for each side\r\n\r\n@each $border-key, $direction in $logical-directions {\r\n\t.border-#{$border-key} {\r\n\t\tborder-#{$direction}: $border-width solid $border !important;\r\n\t}\r\n\r\n\t.border-#{$border-key}-md {\r\n\t\tborder-#{$direction}: $border-width-md solid $border !important;\r\n\t}\r\n\r\n\t.border-#{$border-key}-lg {\r\n\t\tborder-#{$direction}: $border-width-lg solid $border !important;\r\n\t}\r\n\r\n\t.border-#{$border-key}-none {\r\n\t\tborder-#{$direction}: 0 !important;\r\n\t}\r\n}\r\n\r\n@include tablet {\r\n\t.border-tablet {\r\n\t\tborder: $border-width solid $border !important;\r\n\t}\r\n\r\n\t.border-md-tablet {\r\n\t\tborder: $border-width-md solid $border !important;\r\n\t}\r\n\r\n\t.border-lg-tablet {\r\n\t\tborder: $border-width-lg solid $border !important;\r\n\t}\r\n\r\n\t.border-none-tablet {\r\n\t\tborder: none !important;\r\n\t}\r\n\r\n\t// Rules for each side\r\n\r\n\t@each $border-key, $direction in $logical-directions {\r\n\t\t.border-#{$border-key}-tablet {\r\n\t\t\tborder-#{$direction}: $border-width solid $border !important;\r\n\t\t}\r\n\r\n\t\t.border-#{$border-key}-md-tablet {\r\n\t\t\tborder-#{$direction}: $border-width-md solid $border !important;\r\n\t\t}\r\n\r\n\t\t.border-#{$border-key}-lg-tablet {\r\n\t\t\tborder-#{$direction}: $border-width-lg solid $border !important;\r\n\t\t}\r\n\r\n\t\t.border-#{$border-key}-none-tablet {\r\n\t\t\tborder-#{$direction}: 0 !important;\r\n\t\t}\r\n\t}\r\n}\r\n\r\n// Radius\r\n\r\n.border-radius-sm {\r\n\tborder-radius: $border-radius-sm !important;\r\n}\r\n\r\n.border-radius {\r\n\tborder-radius: $border-radius !important;\r\n}\r\n\r\n.border-radius-lg {\r\n\tborder-radius: $border-radius-lg !important;\r\n}\r\n\r\n.border-radius-rounded {\r\n\tborder-radius: $border-radius-rounded !important;\r\n}\r\n\r\n.border-radius-none {\r\n\tborder-radius: 0 !important;\r\n}\r\n\r\n// Colors\r\n\r\n@each $name, $color-set in $colors {\r\n\t$base: nth($color-set, $color-index-base);\r\n\r\n\t.border-color-#{$name} {\r\n\t\tborder-color: $base !important;\r\n\t}\r\n}\r\n\r\n.border-color-accent {\r\n\tborder-color: $border-accent !important;\r\n}\r\n\r\n.border-high-contrast {\r\n\tborder: $border-width solid $border-white-high-contrast !important;\r\n\r\n\t&-hover:hover {\r\n\t\tborder: $border-width solid $border-yellow-high-contrast !important;\r\n\t}\r\n}\r\n","$background-sizes: 100, 200 !default;\r\n\r\n@each $size in $background-sizes {\r\n\t.background-size-#{$size} {\r\n\t\tbackground-size: #{$size}px;\r\n\t}\r\n}\r\n\r\n.background-image-pattern {\r\n\tbackground-image: var(--background-image-pattern);\r\n}\r\n","// Framework colors\r\n\r\n@each $name, $color-set in $colors {\r\n\t$base: nth($color-set, $color-index-base);\r\n\t$background: nth($color-set, $color-index-background);\r\n\t$dark: nth($color-set, $color-index-dark);\r\n\t$hover: nth($color-set, $color-index-hover);\r\n\t$active: nth($color-set, $color-index-active);\r\n\t$invert: nth($color-set, $color-index-invert);\r\n\r\n\t.color-#{$name} {\r\n\t\t@if $name == 'warning' {\r\n\t\t\tcolor: $active !important;\r\n\t\t} @else {\r\n\t\t\tcolor: $base !important;\r\n\t\t}\r\n\t}\r\n\r\n\ta.color-#{$name} {\r\n\t\t&:hover {\r\n\t\t\t@if $name == 'warning' {\r\n\t\t\t\tcolor: $active !important;\r\n\t\t\t} @else {\r\n\t\t\t\tcolor: $hover !important;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t@include focus-visible {\r\n\t\t\tcolor: $hover !important;\r\n\t\t}\r\n\r\n\t\t&:active {\r\n\t\t\tcolor: $active !important;\r\n\t\t}\r\n\t}\r\n\r\n\t.color-#{$name}-invert {\r\n\t\tcolor: $invert !important;\r\n\t}\r\n\r\n\t.background-color-#{$name} {\r\n\t\toutline-color: $invert;\r\n\t\tbackground-color: $base !important;\r\n\t}\r\n\r\n\t.background-color-#{$name}-invert {\r\n\t\toutline-color: $base;\r\n\t\tbackground-color: $invert !important;\r\n\t}\r\n\r\n\t.background-color-#{$name}-light {\r\n\t\toutline-color: $dark;\r\n\t\tbackground-color: $background !important;\r\n\t}\r\n\r\n\t.background-color-#{$name}-dark {\r\n\t\toutline-color: $background;\r\n\t\tbackground-color: $dark !important;\r\n\t}\r\n}\r\n\r\n@include tablet {\r\n\t@each $name, $color-set in $colors {\r\n\t\t$base: nth($color-set, $color-index-base);\r\n\t\t$invert: nth($color-set, $color-index-invert);\r\n\r\n\t\t.background-color-#{$name}-tablet {\r\n\t\t\toutline-color: $invert;\r\n\t\t\tbackground-color: $base !important;\r\n\t\t}\r\n\t}\r\n}\r\n\r\n// Text color\r\n\r\n.color-text {\r\n\tcolor: $text !important;\r\n}\r\n\r\n.color-text-invert {\r\n\tcolor: $text-invert !important;\r\n}\r\n\r\n.color-text-subtle {\r\n\tcolor: $text-subtle !important;\r\n}\r\n\r\n.color-text-overlay-invert {\r\n\tcolor: $overlay-invert;\r\n}\r\n\r\n.color-current-color {\r\n\tcolor: currentColor !important;\r\n}\r\n\r\n.color-hyperlink {\r\n\tcolor: $hyperlink !important;\r\n}\r\n\r\n.fill-current-color {\r\n\t@include fill-current-color();\r\n}\r\n\r\n.outline-color-text {\r\n\toutline-color: $text !important;\r\n}\r\n\r\n.stroke-current-color {\r\n\tstroke: currentColor !important;\r\n}\r\n\r\n// Background color\r\n\r\n.background-color-body {\r\n\toutline-color: $text !important;\r\n\tbackground-color: $body-background !important;\r\n}\r\n\r\n.background-color-body-medium {\r\n\toutline-color: $text !important;\r\n\tbackground-color: $body-background-medium !important;\r\n}\r\n\r\n.background-color-alternate {\r\n\toutline-color: $text-invert !important;\r\n\tbackground-color: $alternate-background !important;\r\n}\r\n\r\n.background-color-alternate-medium {\r\n\toutline-color: $text-invert !important;\r\n\tbackground-color: $alternate-background-medium !important;\r\n}\r\n\r\n.background-color-overlay {\r\n\toutline-color: $overlay-invert;\r\n\tbackground-color: $overlay !important;\r\n}\r\n\r\n.background-color-alternating-grey {\r\n\tborder-block-start: 1px solid $border-white-high-contrast;\r\n\toutline-color: $text !important;\r\n\r\n\t&:nth-of-type(even) {\r\n\t\toutline-color: $text;\r\n\t\tbackground-color: $body-background;\r\n\t}\r\n\r\n\t&:nth-of-type(odd) {\r\n\t\toutline-color: $text;\r\n\t\tbackground-color: $body-background-medium;\r\n\t}\r\n}\r\n\r\n.background-color-alternating-grey-reversed {\r\n\tborder-block-start: 1px solid $border-white-high-contrast;\r\n\toutline-color: $text !important;\r\n\r\n\t&:nth-of-type(even) {\r\n\t\toutline-color: $text;\r\n\t\tbackground-color: $body-background-medium;\r\n\t}\r\n\r\n\t&:nth-of-type(odd) {\r\n\t\toutline-color: $text;\r\n\t\tbackground-color: $body-background;\r\n\t}\r\n}\r\n\r\n.background-color-body-accent {\r\n\toutline-color: $text !important;\r\n\tbackground-color: $body-background-accent !important;\r\n}\r\n\r\n.background-color-body-accent-onhover {\r\n\t&:hover,\r\n\t&:focus-within {\r\n\t\toutline-color: $text !important;\r\n\t\tbackground-color: $body-background-accent !important;\r\n\t}\r\n}\r\n\r\n.background-color-transparent {\r\n\tbackground-color: transparent !important;\r\n}\r\n\r\n// Static colors - do not change with theme\r\n\r\n.color-white-static {\r\n\tcolor: $white-static !important;\r\n}\r\n\r\n.color-black-static {\r\n\tcolor: $black-static !important;\r\n}\r\n\r\n.background-color-white-static {\r\n\toutline-color: $black-static !important;\r\n\tbackground-color: $white-static !important;\r\n}\r\n\r\n.background-color-black-static {\r\n\toutline-color: $white-static !important;\r\n\tbackground-color: $black-static !important;\r\n}\r\n","@each $item in $displays {\r\n\t.display-#{$item} {\r\n\t\tdisplay: #{$item} !important;\r\n\t}\r\n}\r\n\r\n@include tablet {\r\n\t@each $item in $displays {\r\n\t\t.display-#{$item}-tablet {\r\n\t\t\tdisplay: #{$item} !important;\r\n\t\t}\r\n\t}\r\n}\r\n\r\n@include desktop {\r\n\t@each $item in $displays {\r\n\t\t.display-#{$item}-desktop {\r\n\t\t\tdisplay: #{$item} !important;\r\n\t\t}\r\n\t}\r\n}\r\n\r\n@include widescreen {\r\n\t@each $item in $displays {\r\n\t\t.display-#{$item}-widescreen {\r\n\t\t\tdisplay: #{$item} !important;\r\n\t\t}\r\n\t}\r\n}\r\n\r\n[hidden] {\r\n\tdisplay: none !important;\r\n}\r\n","$separator: '-' !default;\r\n\r\n$gap-sizes: (\r\n\t('xxs', $layout-1),\r\n\t('xs', $layout-2),\r\n\t('sm', $layout-3),\r\n\t('md', $layout-4),\r\n\t('lg', $layout-5),\r\n\t// ('xl', $layout-6),\r\n\t// ('xxl', $layout-7),\r\n\t// ('xxxl', $layout-8),\r\n\t('none', $layout-0)\r\n);\r\n\r\n@function sizeValue($key, $value) {\r\n\t@return if($key == 'none', 0, $value);\r\n}\r\n\r\n@each $size in $gap-sizes {\r\n\t$sizeKey: nth($size, 1);\r\n\t$sizeValue: nth($size, 2);\r\n\r\n\t// .<property>-<value>\r\n\t.gap#{$separator}#{$sizeKey} {\r\n\t\tgap: sizeValue($sizeKey, $sizeValue) !important;\r\n\t}\r\n}\r\n\r\n@include tablet {\r\n\t@each $size in $gap-sizes {\r\n\t\t$sizeKey: nth($size, 1);\r\n\t\t$sizeValue: nth($size, 2);\r\n\r\n\t\t.gap#{$separator}#{$sizeKey}#{$separator}tablet {\r\n\t\t\tgap: $sizeValue !important;\r\n\t\t}\r\n\t}\r\n}\r\n\r\n@include desktop {\r\n\t@each $size in $gap-sizes {\r\n\t\t$sizeKey: nth($size, 1);\r\n\t\t$sizeValue: nth($size, 2);\r\n\r\n\t\t.gap#{$separator}#{$sizeKey}#{$separator}desktop {\r\n\t\t\tgap: $sizeValue !important;\r\n\t\t}\r\n\t}\r\n}\r\n\r\n@include widescreen {\r\n\t@each $size in $gap-sizes {\r\n\t\t$sizeKey: nth($size, 1);\r\n\t\t$sizeValue: nth($size, 2);\r\n\r\n\t\t.gap#{$separator}#{$sizeKey}#{$separator}widescreen {\r\n\t\t\tgap: $sizeValue !important;\r\n\t\t}\r\n\t}\r\n}\r\n",".height-full {\r\n\theight: 100% !important;\r\n}\r\n",".overflow-hidden {\r\n\toverflow: hidden !important;\r\n}\r\n\r\n.overflow-x-hidden {\r\n\toverflow-x: hidden !important;\r\n}\r\n\r\n@include tablet {\r\n\t.overflow-hidden-tablet {\r\n\t\toverflow: hidden !important;\r\n\t}\r\n\r\n\t.overflow-x-hidden-tablet {\r\n\t\toverflow-x: hidden !important;\r\n\t}\r\n}\r\n\r\n.scrollbar-gutter-stable {\r\n\tscrollbar-gutter: stable !important;\r\n}\r\n\r\n.scrollbar-gutter-stable-both-edges {\r\n\tscrollbar-gutter: stable both-edges !important;\r\n}\r\n",".box-shadow-none {\r\n\tbox-shadow: none !important;\r\n}\r\n\r\n.box-shadow-light {\r\n\tbox-shadow: $box-shadow-light !important;\r\n}\r\n\r\n.box-shadow-medium {\r\n\tbox-shadow: $box-shadow-medium !important;\r\n}\r\n\r\n.box-shadow-heavy {\r\n\tbox-shadow: $box-shadow-heavy !important;\r\n}\r\n\r\n.box-shadow-extra-heavy {\r\n\tbox-shadow: $box-shadow-extra-heavy !important;\r\n}\r\n","$auto-spacing-properties: (\r\n\t('margin-inline', 'margin-inline'),\r\n\t('margin-left', 'margin-inline-start'),\r\n\t('margin-right', 'margin-inline-end'),\r\n\t('margin-top', 'margin-block-start')\r\n) !default;\r\n\r\n$separator: '-';\r\n\r\n@each $property in $auto-spacing-properties {\r\n\t$classicProp: nth($property, 1);\r\n\t$logicalProp: nth($property, 2);\r\n\r\n\t// .<property>-auto\r\n\t.#{$classicProp}#{$separator}auto {\r\n\t\t#{$logicalProp}: auto !important;\r\n\t}\r\n}\r\n\r\n// .<property>-auto-<screensize>\r\n@each $property in $auto-spacing-properties {\r\n\t$classicProp: nth($property, 1);\r\n\t$logicalProp: nth($property, 2);\r\n\r\n\t@include tablet {\r\n\t\t.#{$classicProp}#{$separator}auto#{$separator}tablet {\r\n\t\t\t#{$logicalProp}: auto !important;\r\n\t\t}\r\n\t}\r\n}\r\n\r\n@each $property in $auto-spacing-properties {\r\n\t$classicProp: nth($property, 1);\r\n\t$logicalProp: nth($property, 2);\r\n\r\n\t@include desktop {\r\n\t\t.#{$classicProp}#{$separator}auto#{$separator}desktop {\r\n\t\t\t#{$logicalProp}: auto !important;\r\n\t\t}\r\n\t}\r\n}\r\n\r\n@each $property in $auto-spacing-properties {\r\n\t$classicProp: nth($property, 1);\r\n\t$logicalProp: nth($property, 2);\r\n\r\n\t@include widescreen {\r\n\t\t.#{$classicProp}#{$separator}auto#{$separator}widescreen {\r\n\t\t\t#{$logicalProp}: auto !important;\r\n\t\t}\r\n\t}\r\n}\r\n","$separator: '-' !default;\r\n$logical-spacing-properties: (\r\n\t('margin', 'margin'),\r\n\t('margin-inline', 'margin-inline'),\r\n\t('margin-block', 'margin-block'),\r\n\t('margin-top', 'margin-block-start'),\r\n\t('margin-bottom', 'margin-block-end'),\r\n\t('margin-left', 'margin-inline-start'),\r\n\t('margin-right', 'margin-inline-end'),\r\n\t('padding', 'padding'),\r\n\t('padding-inline', 'padding-inline'),\r\n\t('padding-block', 'padding-block'),\r\n\t('padding-top', 'padding-block-start'),\r\n\t('padding-bottom', 'padding-block-end'),\r\n\t('padding-left', 'padding-inline-start'),\r\n\t('padding-right', 'padding-inline-end')\r\n) !default;\r\n\r\n$layout-sizes: (\r\n\t('xxs', $layout-1),\r\n\t('xs', $layout-2),\r\n\t('sm', $layout-3),\r\n\t('md', $layout-4),\r\n\t('lg', $layout-5),\r\n\t('xl', $layout-6),\r\n\t('xxl', $layout-7),\r\n\t('xxxl', $layout-8),\r\n\t('none', $layout-0)\r\n);\r\n\r\n@function sizeValue($key, $value) {\r\n\t@return if($key == 'none', 0, $value);\r\n}\r\n\r\n// Pattern: <cssproperty>-<value>-<screen>\r\n\r\n@each $property in $logical-spacing-properties {\r\n\t$classicProp: nth($property, 1);\r\n\t$logicalProp: nth($property, 2);\r\n\r\n\t@each $size in $layout-sizes {\r\n\t\t$sizeKey: nth($size, 1);\r\n\t\t$sizeValue: nth($size, 2);\r\n\r\n\t\t// .<property>-<value>\r\n\t\t.#{$classicProp}#{$separator}#{$sizeKey} {\r\n\t\t\t#{$logicalProp}: sizeValue($sizeKey, $sizeValue) !important;\r\n\t\t}\r\n\t}\r\n}\r\n\r\n@include tablet {\r\n\t@each $property in $logical-spacing-properties {\r\n\t\t$classicProp: nth($property, 1);\r\n\t\t$logicalProp: nth($property, 2);\r\n\r\n\t\t@each $size in $layout-sizes {\r\n\t\t\t$sizeKey: nth($size, 1);\r\n\t\t\t$sizeValue: nth($size, 2);\r\n\r\n\t\t\t.#{$classicProp}#{$separator}#{$sizeKey}#{$separator}tablet {\r\n\t\t\t\t#{$logicalProp}: $sizeValue !important;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}\r\n\r\n@include desktop {\r\n\t@each $property in $logical-spacing-properties {\r\n\t\t$classicProp: nth($property, 1);\r\n\t\t$logicalProp: nth($property, 2);\r\n\r\n\t\t@each $size in $layout-sizes {\r\n\t\t\t$sizeKey: nth($size, 1);\r\n\t\t\t$sizeValue: nth($size, 2);\r\n\r\n\t\t\t.#{$classicProp}#{$separator}#{$sizeKey}#{$separator}desktop {\r\n\t\t\t\t#{$logicalProp}: $sizeValue !important;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}\r\n\r\n@include widescreen {\r\n\t@each $property in $logical-spacing-properties {\r\n\t\t$classicProp: nth($property, 1);\r\n\t\t$logicalProp: nth($property, 2);\r\n\r\n\t\t@each $size in $layout-sizes {\r\n\t\t\t$sizeKey: nth($size, 1);\r\n\t\t\t$sizeValue: nth($size, 2);\r\n\r\n\t\t\t.#{$classicProp}#{$separator}#{$sizeKey}#{$separator}widescreen {\r\n\t\t\t\t#{$logicalProp}: $sizeValue !important;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}\r\n","@use 'sass:map';\r\n\r\n$flex-atomics: (\r\n\t'justify-content': (\r\n\t\tflex-start,\r\n\t\tflex-end,\r\n\t\tcenter,\r\n\t\tspace-around,\r\n\t\tspace-between,\r\n\t\tspace-evenly\r\n\t),\r\n\t'align-items': (\r\n\t\tflex-start,\r\n\t\tflex-end,\r\n\t\tcenter,\r\n\t\tbaseline,\r\n\t\tstretch\r\n\t),\r\n\t'align-content': (\r\n\t\tflex-start,\r\n\t\tflex-end,\r\n\t\tcenter,\r\n\t\tspace-around,\r\n\t\tspace-between,\r\n\t\tstretch\r\n\t),\r\n\t'align-self': (\r\n\t\tflex-start,\r\n\t\tflex-end,\r\n\t\tcenter,\r\n\t\tbaseline,\r\n\t\tstretch\r\n\t),\r\n\t'flex-direction': (\r\n\t\trow,\r\n\t\tcolumn,\r\n\t\tcolumn-reverse,\r\n\t\trow-reverse\r\n\t),\r\n\t'flex-wrap': (\r\n\t\tnowrap,\r\n\t\twrap,\r\n\t\twrap-reverse\r\n\t),\r\n\t'flex-shrink': (\r\n\t\t0,\r\n\t\t1\r\n\t),\r\n\t'flex-grow': (\r\n\t\t0,\r\n\t\t1\r\n\t),\r\n\t'flex-basis': (\r\n\t\t0\r\n\t)\r\n) !default;\r\n\r\n@each $key in map.keys($flex-atomics) {\r\n\t@each $value in map.get($flex-atomics, $key) {\r\n\t\t.#{$key}-#{$value} {\r\n\t\t\t#{$key}: $value !important;\r\n\t\t}\r\n\t}\r\n}\r\n\r\n@include tablet {\r\n\t@each $key in map.keys($flex-atomics) {\r\n\t\t@each $value in map.get($flex-atomics, $key) {\r\n\t\t\t.#{$key}-#{$value}-tablet {\r\n\t\t\t\t#{$key}: $value !important;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}\r\n","@each $item in $positions {\r\n\t.position-#{$item} {\r\n\t\tposition: #{$item} !important;\r\n\t}\r\n}\r\n\r\n@include tablet {\r\n\t@each $item in $positions {\r\n\t\t.position-#{$item}-tablet {\r\n\t\t\tposition: #{$item} !important;\r\n\t\t}\r\n\t}\r\n}\r\n\r\n@each $side, $direction in $logical-directions {\r\n\t.#{$side}-0 {\r\n\t\tinset-#{$direction}: 0 !important;\r\n\t}\r\n}\r\n",".line-clamp-1 {\r\n\t@include line-clamp(1, true);\r\n}\r\n\r\n.line-clamp-2 {\r\n\t@include line-clamp(2, true);\r\n}\r\n\r\n.line-clamp-3 {\r\n\t@include line-clamp(3, true);\r\n}\r\n\r\n.line-clamp-4 {\r\n\t@include line-clamp(4, true);\r\n}\r\n",".object-fit-contain {\r\n\tobject-fit: contain !important;\r\n}\r\n\r\n.object-fit-cover {\r\n\tobject-fit: cover !important;\r\n}\r\n\r\n.object-fit-fill {\r\n\tobject-fit: fill !important;\r\n}\r\n\r\n.object-position-top {\r\n\tobject-position: top !important;\r\n}\r\n",".list-style-none {\r\n\tlist-style: none !important;\r\n\r\n\t> li {\r\n\t\tlist-style: none !important;\r\n\t}\r\n\r\n\t&::marker,\r\n\t&::-webkit-details-marker {\r\n\t\tdisplay: none;\r\n\t}\r\n}\r\n","@use 'sass:list';\r\n\r\n$universal-widths: auto, fit-content, 100, 150, 200, 250, 300, 350 !default;\r\n$mobile-incompatible-widths: 400, 450, 500, unset !default;\r\n$all-widths: list.join($universal-widths, $mobile-incompatible-widths);\r\n\r\n// widths\r\n\r\n.width-full {\r\n\twidth: 100% !important;\r\n}\r\n\r\n@each $width in $universal-widths {\r\n\t$unit: if($width != auto and $width != fit-content, 'px', '');\r\n\t.width-#{$width} {\r\n\t\twidth: #{$width}#{$unit} !important;\r\n\t}\r\n}\r\n\r\n@include tablet {\r\n\t.width-full-tablet {\r\n\t\twidth: 100% !important;\r\n\t}\r\n\r\n\t@each $width in $all-widths {\r\n\t\t$unit: if($width != auto and $width != unset and $width != fit-content, 'px', '');\r\n\t\t.width-#{$width}-tablet {\r\n\t\t\twidth: #{$width}#{$unit} !important;\r\n\t\t}\r\n\t}\r\n}\r\n\r\n@include desktop {\r\n\t.width-full-desktop {\r\n\t\twidth: 100% !important;\r\n\t}\r\n\r\n\t@each $width in $all-widths {\r\n\t\t$unit: if($width != auto and $width != unset and $width != fit-content, 'px', '');\r\n\t\t.width-#{$width}-desktop {\r\n\t\t\twidth: #{$width}#{$unit} !important;\r\n\t\t}\r\n\t}\r\n}\r\n",".visually-hidden,\r\n::part(visually-hidden) {\r\n\t@include visually-hidden();\r\n}\r\n"],"names":[],"version":3,"file":"index.css.map"}
1
+ {"mappings":"ACWA,4bAgBC,kQCfD,8bCJA,sZCRA,qtBCAA,iMCAA,kCCsCC,kCDtCD,oDEAA,8GCAA,gOAKC,g6BCLD,kICAA,0LCWA,oDAYA,cAQA,mBASA,gCAaA,oDAWA,wCAYA,yBASA,yGAUA,4BAUA,kDAWA,oBASA,8EAQA,kBAIA,cAWA,sBAYA,mGAgBA,8BAWA,kCAUA,0EAWA,oCAWA,qGAaA,iCAQA,uBASA,6DAUA,qDAAA,qDAUA,+DASA,iEASA,oEAYA,sBAQA,0BAWA,+BC5TA,4HA2BA,iDAUA,mBAIA,6BAMA,2BAIA,oCAMA,qCAMA,gBAIA,gDAKA,gBC9BE,m2GAiBA,iBACC,q2GAAA,+sGAYH,oJAaC,sIAAA,yJCvFD,oBAIA,2SAQA,4JAQA,+FAKA,mNCxBA,0EAYA,sFAcA,uEAOA,kCAMA,0FAUA,wDTOC,uCSPD,uCAQA,qETDC,uCSCD,2CC9BE,+SC1BF,kDAKA,oEAOA,gGAOA,2EAKA,6CAIA,iCAKA,sECnBC,qCAKC,4EAMA,uEASD,6FAOC,iEAMA,0DAGC,uGAMD,iDAMA,uGAMA,sFAMA,+FAMA,+EAOC,oGAKA,+GAMA,+FAKA,yGAMF,gDA/FA,iDAKC,2FAMA,mFAXD,+CAKC,2FAMA,kFAXD,mDAKC,0FAMA,oFAXD,mDAKC,4FAMA,oFCZF,qXAwBG,6IAAA,iJAAA,6IAAA,iIAAA,6IAAA,yIAQF,6DAKA,8IAYG,sJAAA,0JAAA,sJAAA,0IAAA,sJAAA,kJASH,8BAMA,iCAIA,+BCxED,8VAiBC,+BAGC,wEAIA,6KdGD,kCcHC,oEAcD,iDAGC,oGAKC,yFAIA,6EAMF,oIC9DD,+SAMA,+BAGC,yEAIC,0FAUA,kMCAF,6SAmBC,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,yJCvOH,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,gJAYA,wOAgBC,sDAIA,sCAIA,qDAOD,gGAMA,0DAIC,gEAKD,+HASA,mJAWE,yHAKD,+DAIA,8DAIA,qHAOC,4HAKA,yEAMA,gHAQA,6DAIA,gEAMA,4ElBxMF,uCkBiNC,qCAGC,sFAMA,yECpPH,qECWA,4ECNA,8DAKC,iDAIA,mDCgBD,4FAOC,kDAIA,iVAcC,mEAIA,6CAKD,wCAIA,yCAIA,sLAGC,yIAIC,mSAQA,6GAKA,oIAeA,sJAIC,mHAOH,uHAIC,iRAQA,8GAMA,sRCjHF,oNAUC,mDAIA,gHAKA,iJ3BxBC,mL2BwCD,kCAIA,mCAIA,0D3BhDC,8K2B0DD,4D3B1DC,iL2BoED,kDAGC,oFAKA,4DAGC,sKAWF,sEAIC,oHAIA,4PAcC,oHAMA,2GAOA,6GC5HH,sRAaC,+BAIA,wDAKA,sDAIA,mHAKA,oJ5BhCC,qL4BgDD,4CAIA,gE5BpDC,mL4B8DD,kE5B9DC,sL4B4EF,mWxBrCC,uCwBqCD,sCAkBC,6OASA,iEAMA,8HAOA,yHAMA,2ICvHD,yCAIC,+OAYC,mDAIC,8EAKD,wHAKA,yJ7BjCA,2L6BmDA,4EAIA,kIAQA,gGAKD,oCAIA,qCAIA,mE7B5EC,uL6BsFD,qE7BtFC,0L8BWF,2DAKC,4SCjCA,8BDiCA,qFAkBE,6IAMF,uCAgBA,4PCzEA,8BDyEA,uKAaE,sIAQD,kNC9FD,8BD8FC,4KAQE,sKAMF,0KAKD,8FE5GA,gDAIA,mEAKA,gHAKC,sG5BMD,uC4BXA,gCAeC,qDAIA,sDAMA,4CAIA,8DAGC,sGAOF,qFAOD,yHC3CA,6GASC,iD7BKA,kC6BLA,2FAYA,yEAIA,oD7BjBA,uC6BiBA,2F7BXA,kC6BWA,6EAiBC,yK7B5BD,kC6B4BC,kMAkBA,gEAUC,gEAOA,gEAOA,iEAOF,6F7BnFA,uC6BmFA,+B7B7EA,kC6B6EA,2KAmBA,wFAOC,gGAQD,kP7B/GA,kC6B+GA,uC7BzGA,kC6ByGA,6GAqBC,8BArBD,yDAyBC,gGAIA,8FAIA,0EAOD,mEAIC,0LAKA,qHCzLD,+EAAA,6FAWA,yCAGA,gVHpBA,8BGoBA,sD9BKA,uC8B6BC,mQArCD,0CAGA,8UHpBA,8BGoBA,uD9BKA,uC8B6BC,iQA0BD,uQAAA,6QC9ED,8KAKC,uHCJD,oGASC,+EAKA,mKAYA,gDCzBA,kYAoBC,yFAOC,8ICfH,yCAOC,oKASA,kEAOA,yCAIA,qCAIA,uDAKA,kCAGC,4EAKC,0CAKD,6CAKD,qCAGC,iFAKC,+CAKD,6CAKD,+JAQC,6EAMD,gGAMA,qGAOA,iGAOA,mHAQA,qHAQA,+EAMA,kIAOC,6ECxJF,2CAIC,8HAQD,6CAKA,0DCCA,wJAUC,+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,8IAMA,6EAGC,qGAIA,yFAKD,0IAMC,8IASF,gJCjGD,oEAKC,+CAOA,mDCbD,uCAIC,2EAQA,wEAUC,0CvCED,uCuCIE,kDvCEF,kCuCKE,mDAbD,0CvCED,uCuCIE,kDvCEF,kCuCKE,mDAbD,0CvCED,uCuCIE,kDvCEF,kCuCKE,mDAbD,0CvCED,uCuCIE,kDvCEF,kCuCKE,mDAbD,0CvCED,uCuCIE,kDvCEF,kCuCKE,mDAbD,0CvCED,uCuCIE,kDvCEF,kCuCKE,mDAbD,0CvCED,uCuCIE,kDvCEF,kCuCKE,mDAbD,0CvCED,uCuCIE,kDvCEF,kCuCKE,mDAbD,0CvCED,uCuCIE,kDvCEF,kCuCKE,mDAbD,8CvCED,uCuCIE,sDvCEF,kCuCKE,uDAbD,8CvCED,uCuCIE,sDvCEF,kCuCKE,uDCtBH,oFAOC,sLAQC,uHASD,2EAIC,mGASD,qCAIA,mCClDD,gDAIC,iCAGC,sDAKD,4TAaC,2DAMA,iEAMA,kFCdF,0CAKA,6BAIA,+GAQC,2EAOA,4IAKC,6GfzDD,8BegEC,iPAgBF,iFAKA,wGAQA,uJAcA,sJAQC,uKAMA,wP1ChHA,0F0C2HC,gDAIA,mEAKA,6C1CpHD,uC0C2HA,8EAOA,6BAIA,yBAIA,mCAIE,2DAIA,8EAKA,wDCvKH,uNAYC,0GAIA,iFAIA,4EAMA,6CAOC,sGAIA,iGAMA,oGAIA,+FAMA,sGAIA,iGAKD,ieAgBC,iEAIA,yEAIA,sE3CvCD,uC2CeA,mDhBvEA,8BgBSD,oDAkGE,0EAIA,2EAIA,sEAIA,4JACC,oFChHH,qEAMA,+EAMC,0EAIA,iIASA,gLAUA,uC5CCA,iC4CKE,uFAMA,uIAMA,gIAKA,8GAMF,0FAUC,uGAKA,gGAOA,sFAMA,oDAOA,mDCrEF,2TAeC,kCAIA,8EAQC,iFAKD,4BAMA,6BAIA,2BAMA,6FAQE,yNAUC,qLAMD,sIAOD,qPAWC,uLAWH,kKAOE,0GAMA,wPAMC,sWAQD,sGAMF,gLAOE,wGAMA,qQAMC,sWAQD,uGC5LD,wQnBXA,8BmBWA,mFAiBC,+WnB5BD,8BmB4BC,2DAoBD,uJnBhDA,8BmBgDA,0IAWC,mKnB3DD,8BmB2DC,oHAWD,oLASC,0EChFF,yEAMA,uEAMA,yHAQA,oFCWC,yyBAGC,+8BAYF,8NASC,yGAKD,0KhDtBC,kCgDsBD,mDAcC,0KAcC,0GAIA,wDAGC,2DAKA,6FAKA,8FAiBD,8GAOA,kHAMD,qJAOA,sFhDpHA,uCgDoHA,kDAoBA,oFAOA,ukBhD/IA,uCgD+IA,+HhDzIA,kCgDyIA,gEhDnIA,kCgDmIA,sEA+BC,sOhD9KD,uCgD8KC,uMAgBA,4HAMA,qFhDpMD,uCgDoMC,uJhD9LD,kCgD8LC,gIAgBA,qFhDpND,uCgDoNC,sJhD9MD,kCgD8MC,gIC1OF,gEAMC,4GAMC,qFCfD,sECeD,uKASC,kTAYC,oJxBpCD,8BwBoCC,wMvDnBA,sLuDoCD,mMAUA,6RvD9CC,mHuDkEA,wGxBnFD,8BwBmFC,0IAWA,+IAKC,uHxBnGF,8BwB8FC,0InDrED,uCmDwFC,yInDlFD,kCmDyFC,sICjHF,mHAOA,kPpDuBC,kCoDvBD,oHAmBA,2DAIA,kEAIA,oDAQA,qCAIA,iCAIA,iCAIA,iCAIA,mCAIA,qCAIA,kDAUC,wIAWA,iIpD/DA,kCoDoEA,8RASA,gHpDnFA,uCoDmFA,uNpD7EA,kCoD6EA,4OpDvEA,kCoDuEA,wQpD7EA,kCoDoHA,uTpD9GA,kCoD8GA,uTA0BA,4DAIA,2GpDxJA,uCoDwJA,wMpDlJA,kCoDkJA,wMpD5IA,kCoD4IA,4OpDlJA,kCoDkLA,mRpD5KA,kCoD4KA,mRAyBA,4DAIA,6GpDrNA,uCoDqNA,0MpD/MA,kCoD+MA,0MpDzMA,kCoDyMA,8OpD/MA,kCoD+OA,qRpDzOA,kCoDyOA,qRA0BA,mDAIA,oGpDnRA,uCoDmRA,iMpD7QA,kCoD4RA,2QA4BC,gEpD9TD,uCoDsUC,gQAWC,qdpD3UF,kCoD4VA,uKAMC,wUCzXD,2CAAA,2CAAA,6CAAA,+CAAA,+CCPD,sKAMA,mFAMA,2CAIA,yCAIA,2CAIA,0CAIA,yCAIA,0CAIA,2CtDZC,uCsDiBA,kDAIA,gDAIA,kDAIA,iDAIA,gDAIA,iDAIA,mDAOD,0CAIA,2CAIA,uCAIA,0CAIA,yCtDhEC,uCsDuEA,iDAIA,kDAIA,8CAIA,iDAIA,iDAOD,6CAIA,iDAIA,8CAIA,gDAIA,4CAMA,+CAIA,+DAIA,qDAMA,sDAIA,6DAMA,4CAIA,+CAIA,2CtDpJC,uCsDyJA,mDAIA,sDAIA,mDAOD,6CAMA,8CAMA,iDAIA,iDAIA,2CAIA,qDC1NA,uDAIA,8DAIA,6DAIA,mCAOC,uEAIA,8EAIA,6EAIA,gDAZA,wEAIA,+EAIA,8EAIA,iDAZA,wEAIA,+EAIA,8EAIA,iDAZA,yEAIA,gFAIA,+EAIA,kDvDLA,uCuDWA,8DAIA,qEAIA,oEAIA,0CAOC,8EAIA,qFAIA,oFAIA,uDAZA,+EAIA,sFAIA,qFAIA,wDAZA,+EAIA,sFAIA,qFAIA,wDAZA,gFAIA,uFAIA,sFAIA,0DAQF,kDAIA,8CAIA,kDAIA,wDAIA,8CASC,uEAAA,2EAAA,yEAAA,uEAAA,iEAAA,uEAAA,qEAKD,uEAIA,yFAGC,sGC9GA,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,iF7DQC,yE6DaA,mEAKD,kEAIA,yHAKA,gIAKA,mIAKA,kIA7CA,uDASC,4FAYA,iEAKD,gEAIA,sHAKA,6HAKA,gIAKA,+HzD7BA,uCyDwCC,gIAAA,sIAAA,mIAAA,gIAAA,uHAAA,gIAAA,8HASF,8CAIA,4DAIA,4DAIA,6DAIA,kDAIA,wDAIA,yEAIA,8DAIA,oDAMA,yHAKA,uIAKA,0IAKA,wJAKA,oHAKA,kJAIC,iIAKA,yIAMD,2JAIC,iJAKA,2IAMD,sOAaA,+DAMA,yCAIA,yCAIA,4FAKA,4FCvMC,uCAAA,qCAAA,yCAAA,qDAAA,mDAAA,qCAAA,qC1DyBA,uC0DlBC,8CAAA,4CAAA,gDAAA,4DAAA,0DAAA,4CAAA,6C1DwBD,kC0DhBC,+CAAA,6CAAA,iDAAA,6DAAA,2DAAA,6CAAA,8C1DsBD,kC0DdC,kDAAA,gDAAA,oDAAA,gEAAA,8DAAA,gDAAA,iDAMF,gCCPC,6BAAA,2BAAA,6BAAA,2BAAA,2BAAA,0B3DGA,uC2DOC,oCAAA,kCAAA,oCAAA,kCAAA,kCAAA,kC3DDD,kC2DYC,qCAAA,mCAAA,qCAAA,mCAAA,mCAAA,mC3DND,kC2DiBC,wCAAA,sCAAA,wCAAA,sCAAA,sCAAA,sCCvDF,mCCAA,2CAIA,+C7DsBC,uC6DjBA,kDAIA,uDAKD,2DAIA,iFCtBA,2CAIA,kIAIA,oIAIA,qIAIA,kJCFC,iDAAA,qDAAA,oDAAA,mD/DYA,uC+DDC,wDAAA,4DAAA,2DAAA,2D/DOD,kC+DIC,yDAAA,6DAAA,4DAAA,4D/DED,kC+DSC,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,mDhEnBD,uCgEkCE,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,2DhE5BF,kCgE4CE,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,4DhEtCF,kCgEsDE,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,+DCjCD,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,mCAAA,qCjEjCD,uCiE0CE,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,0CAAA,6CCnEF,yCAAA,+CAAA,+CAAA,2ClEyBA,uCkElBC,gDAAA,sDAAA,sDAAA,mDAOD,qCAAA,sCAAA,sCAAA,uCCfD,6CAIA,6CAIA,6CAIA,6CCZA,iDAIA,6CAIA,2CAIA,mDCZA,+DAOC,sCAAA,sDCCD,iCAMC,iCAAA,gFAAA,iCAAA,iCAAA,iCAAA,iCAAA,iCAAA,iCtEYA,uCsENA,wCAMC,wCAAA,uFAAA,wCAAA,wCAAA,wCAAA,wCAAA,wCAAA,wCAAA,wCAAA,wCAAA,wCAAA,2CtEMD,kCsECA,yCAMC,yCAAA,wFAAA,yCAAA,yCAAA,yCAAA,yCAAA,yCAAA,yCAAA,yCAAA,yCAAA,yCAAA,4CCvCF","sources":["index.css","css/src/mixins/control.scss","css/src/mixins/chevron.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/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/accordion.scss","css/src/components/badge.scss","css/src/components/banner.scss","css/src/components/breadcrumbs.scss","css/src/components/button.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/components/form/input.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/components/gradient-card.scss","css/src/components/link-button.scss","css/src/mixins/code-block.scss","css/src/components/markdown.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/progress-bar.scss","css/src/components/table.scss","css/src/components/tag.scss","css/src/components/toggle.scss","css/src/components/scroll.scss","css/src/components/site-header.scss","css/src/components/steps.scss","css/src/components/stretched-link.scss","css/src/components/segmented-control.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/height.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":[".site-header .site-header-button, .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: .25rem;\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.site-header [disabled].site-header-button, [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.select:not(.select-multiple):after, .accordion.accordion-icon-end:dir(rtl) summary:after, .accordion.accordion-icon-end summary:after, .accordion:not(.accordion-icon-end):dir(rtl) summary:before, .accordion:not(.accordion-icon-end) summary:before {\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 inset-inline-end: calc(.625em - 1px);\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: max(24px, 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.site-header .site-header-button, .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 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\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[type=\"number\"]::-webkit-inner-spin-button {\n height: auto;\n}\n\n[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-control-border-bottom: #505050;\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-control-border-bottom: #e6e6e6;\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-control-border-bottom: #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 --lightningcss-light: initial;\n --lightningcss-dark: ;\n color-scheme: light;\n}\n\n.theme-dark, .theme-high-contrast {\n --lightningcss-light: ;\n --lightningcss-dark: initial;\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 Variable Text, 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 Variable Text, 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@keyframes slide-background {\n 0% {\n background-position: 200% 0;\n }\n\n 100% {\n background-position: -200% 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.accordion summary {\n font-size: .875rem;\n}\n\n.accordion:not(.accordion-icon-end) summary:before {\n margin-block-start: .5rem;\n}\n\n.accordion.accordion-icon-end summary:after {\n margin-block-start: .375rem;\n}\n\n.accordion summary {\n cursor: pointer;\n gap: 1rem;\n padding-block: .75rem;\n line-height: 1.5;\n display: flex;\n}\n\n.accordion summary:before, .accordion summary:after {\n flex-shrink: 0;\n}\n\n.accordion summary:hover {\n color: var(--theme-primary-hover);\n}\n\n.accordion summary:hover:before, .accordion summary:hover:after {\n border-color: var(--theme-primary-hover);\n}\n\n.accordion summary .accordion-header {\n flex-grow: 1;\n}\n\n.accordion:not(.accordion-icon-end) summary:before {\n transition: transform .15s;\n transform: rotate(-135deg);\n}\n\n.accordion:not(.accordion-icon-end):dir(rtl) summary:before {\n transform: rotate(-225deg);\n}\n\n.accordion.accordion-icon-end summary:after {\n transition: transform .15s;\n transform: rotate(-45deg);\n}\n\n.accordion.accordion-icon-end:dir(rtl) summary:after {\n transform: rotate(-315deg);\n}\n\n.accordion[open]:not(.accordion-icon-end) summary:before {\n transform: rotate(-45deg)translate(.2625em);\n}\n\n.accordion[open]:not(.accordion-icon-end):dir(rtl) summary:before {\n transform: rotate(-315deg)translate(-.2625em);\n}\n\n.accordion[open].accordion-icon-end summary:after {\n transform: rotate(-45deg)scaleY(-1)scaleX(-1);\n}\n\n.accordion[open].accordion-icon-end:dir(rtl) summary:after {\n transform: rotate(-315deg)scaleY(-1)scaleX(-1);\n}\n\n.accordion .accordion-content {\n font-size: .875rem;\n}\n\n.accordion.accordion-sm summary {\n font-size: .75rem;\n}\n\n.accordion.accordion-sm:not(.accordion-icon-end) summary:before {\n margin-block-start: .375rem;\n}\n\n.accordion.accordion-sm.accordion-icon-end summary:after {\n margin-block-start: .25rem;\n}\n\n.accordion.accordion-lg summary {\n font-size: 1rem;\n}\n\n.accordion.accordion-lg:not(.accordion-icon-end) summary:before {\n margin-block-start: .625rem;\n}\n\n.accordion.accordion-lg.accordion-icon-end summary:after {\n margin-block-start: .5rem;\n}\n\n.accordion.accordion-xl summary {\n font-size: 1.125rem;\n}\n\n.accordion.accordion-xl:not(.accordion-icon-end) summary:before {\n margin-block-start: .75rem;\n}\n\n.accordion.accordion-xl.accordion-icon-end summary:after {\n margin-block-start: .625rem;\n}\n\n.accordion.accordion-xxl summary {\n font-size: 1.25rem;\n}\n\n.accordion.accordion-xxl:not(.accordion-icon-end) summary:before {\n margin-block-start: .875rem;\n}\n\n.accordion.accordion-xxl.accordion-icon-end summary:after {\n margin-block-start: .75rem;\n}\n\n.badge {\n border: 1px solid var(--theme-border-white-high-contrast);\n white-space: nowrap;\n border-color: var(--theme-secondary-dark);\n background-color: var(--theme-secondary-background);\n color: var(--theme-secondary-dark);\n border-radius: 290486px;\n justify-content: center;\n align-items: center;\n gap: .375em;\n padding: .2em .5em;\n font-size: .875rem;\n font-weight: 600;\n line-height: 1.3;\n display: inline-flex;\n}\n\n.badge.badge-primary {\n border-color: var(--theme-primary-dark);\n background-color: var(--theme-primary-background);\n color: var(--theme-primary-dark);\n}\n\n.badge.badge-tertiary {\n border-color: var(--theme-tertiary-dark);\n background-color: var(--theme-tertiary-background);\n color: var(--theme-tertiary-dark);\n}\n\n.badge.badge-success {\n border-color: var(--theme-success-dark);\n background-color: var(--theme-success-background);\n color: var(--theme-success-dark);\n}\n\n.badge.badge-info {\n border-color: var(--theme-info-dark);\n background-color: var(--theme-info-background);\n color: var(--theme-info-dark);\n}\n\n.badge.badge-warning {\n border-color: var(--theme-warning-dark);\n background-color: var(--theme-warning-background);\n color: var(--theme-warning-dark);\n}\n\n.badge.badge-danger {\n border-color: var(--theme-danger-dark);\n background-color: var(--theme-danger-background);\n color: var(--theme-danger-dark);\n}\n\n.badge.badge-clear {\n background-color: #0000;\n border-color: #0000;\n}\n\n.badge.badge-filled {\n border-color: var(--theme-secondary-base);\n background-color: var(--theme-secondary-base);\n color: var(--theme-secondary-invert);\n}\n\n.badge.badge-filled.badge-primary {\n border-color: var(--theme-primary-base);\n background-color: var(--theme-primary-base);\n color: var(--theme-primary-invert);\n}\n\n.badge.badge-filled.badge-tertiary {\n border-color: var(--theme-tertiary-base);\n background-color: var(--theme-tertiary-base);\n color: var(--theme-tertiary-invert);\n}\n\n.badge.badge-filled.badge-success {\n border-color: var(--theme-success-base);\n background-color: var(--theme-success-base);\n color: var(--theme-success-invert);\n}\n\n.badge.badge-filled.badge-info {\n border-color: var(--theme-info-base);\n background-color: var(--theme-info-base);\n color: var(--theme-info-invert);\n}\n\n.badge.badge-filled.badge-warning {\n border-color: var(--theme-warning-base);\n background-color: var(--theme-warning-base);\n color: var(--theme-warning-invert);\n}\n\n.badge.badge-filled.badge-danger {\n border-color: var(--theme-danger-base);\n background-color: var(--theme-danger-base);\n color: var(--theme-danger-invert);\n}\n\n.badge .icon {\n font-size: .875em;\n}\n\n.badge.badge-sm {\n font-size: .75rem;\n}\n\n.badge.badge-lg {\n font-size: 1rem;\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: max(24px, 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 text-decoration: underline;\n}\n\n.theme-high-contrast .banner .banner-content a:not(.button) {\n color: var(--theme-hyperlink);\n}\n\n.banner .banner-content a:not(.button):hover {\n text-decoration-thickness: .15em;\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: .25rem;\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 -webkit-line-clamp: 1;\n letter-spacing: .225rem;\n text-transform: uppercase;\n grid-area: supertitle;\n font-size: .75rem;\n line-height: 1;\n}\n\n.card .card-title {\n -webkit-line-clamp: 3;\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}\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 -webkit-line-clamp: 4;\n max-height: inherit;\n padding-block-end: 0;\n font-size: .875rem;\n line-height: 1.25;\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: .25rem;\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 .125em .125em 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 .125em .125em 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 .125em .125em 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 border-block-end-color: var(--theme-control-border-bottom);\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-secondary-base);\n border-block-end-color: var(--theme-control-border-bottom);\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-block-end-color: var(--theme-primary-base);\n outline-offset: 0;\n box-shadow: 0 .0625rem 0 0 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 border-color: var(--theme-control-border);\n border-block-end-color: var(--theme-danger-base);\n box-shadow: 0 .0625rem 0 0 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 border-color: var(--theme-control-border);\n border-block-end-color: var(--theme-success-base);\n box-shadow: 0 .0625rem 0 0 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 border-block-end-color: var(--theme-control-border-bottom);\n background-color: var(--theme-body-background);\n width: 100%;\n max-width: 100%;\n transition: box-shadow .3s linear;\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-secondary-base);\n border-block-end-color: var(--theme-control-border-bottom);\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-block-end-color: var(--theme-primary-base);\n outline-offset: 0;\n box-shadow: 0 .125rem 0 0 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 border-color: var(--theme-control-border);\n border-block-end-color: var(--theme-danger-base);\n box-shadow: 0 .125rem 0 0 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 border-color: var(--theme-control-border);\n border-block-end-color: var(--theme-success-base);\n box-shadow: 0 .125rem 0 0 var(--theme-success-base);\n}\n\n.textarea-form {\n border-style: solid;\n border-width: 1px;\n border-color: var(--theme-control-border);\n background-color: var(--theme-body-background);\n border-block-end-color: var(--theme-control-border-bottom);\n border-radius: .25rem;\n gap: .25em;\n padding-block: calc(.375em - 1px);\n padding-inline: calc(.625em - 1px);\n font-size: 1rem;\n transition: box-shadow .3s linear;\n display: grid;\n}\n\n@media (prefers-reduced-motion: reduce) {\n .textarea-form {\n animation-duration: 0s;\n }\n}\n\n.textarea-form:has(.textarea:focus-visible), .textarea-form:has(.textarea:hover) {\n border-block-end-color: var(--theme-primary-base);\n outline-offset: 0;\n box-shadow: 0 .125rem 0 0 var(--theme-primary-base);\n outline-style: solid;\n outline-color: #0000;\n}\n\n.textarea-form .textarea {\n resize: none;\n box-shadow: none;\n border: none;\n}\n\n.textarea-form .textarea-form-footer {\n outline-color: currentColor;\n justify-content: space-between;\n align-items: center;\n display: flex;\n}\n\n.textarea-form .textarea-form-footer-divider {\n border: 1px solid var(--theme-control-border);\n border-radius: .5rem;\n height: 70%;\n}\n\n.textarea-form .textarea-form-footer-left, .textarea-form .textarea-form-footer-right {\n align-items: center;\n gap: .25em;\n height: 100%;\n display: flex;\n}\n\n.select {\n font-size: 1rem;\n position: relative;\n}\n\n.select select {\n border-color: var(--theme-control-border);\n border-block-end-color: var(--theme-control-border-bottom);\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:hover {\n border-color: var(--theme-secondary-base);\n border-block-end-color: var(--theme-control-border-bottom);\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-block-end-color: var(--theme-primary-base);\n outline-offset: 0;\n box-shadow: 0 .0625rem 0 0 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 display: block;\n position: absolute;\n inset-block-start: calc(50% - .375em);\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 border-color: var(--theme-control-border);\n border-block-end-color: var(--theme-danger-base);\n box-shadow: 0 .0625rem 0 0 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 border-color: var(--theme-control-border);\n border-block-end-color: var(--theme-success-base);\n box-shadow: 0 .0625rem 0 0 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 background-color: unset !important;\n border-color: canvastext !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 .15em 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 background-color: unset !important;\n box-shadow: none !important;\n border-color: canvastext !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 .15em 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 .15em 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\n.theme-high-contrast .hero .hero-details-card {\n background: unset !important;\n}\n\n.hero .hero-details {\n padding-block: 2rem;\n display: flex;\n}\n\n@media screen and (width >= 768px), print {\n .hero .hero-details {\n justify-content: flex-end;\n padding-block: 3rem;\n padding-inline-start: 2rem;\n }\n}\n\n@media screen and (width >= 1088px) {\n .hero .hero-details {\n min-height: 400px;\n padding-block: 4rem;\n padding-inline: 3rem;\n }\n}\n\n.hero .hero-details .hero-details-card {\n backdrop-filter: blur(20px);\n background-color: var(--theme-body-background);\n align-self: flex-start;\n}\n\n@media screen and (width >= 1088px) {\n .hero .hero-details .hero-details-card {\n background: linear-gradient(116deg, var(--theme-body-background) 23.94%, var(--theme-border-white-high-contrast) 200%);\n max-width: 500px;\n margin-inline-start: 2rem;\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: calc(55% + -1.1 * max(24px, 50% - 876px));\n inset-inline-end: max(24px, 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[dir=\"rtl\"] .hero.hero-image, .hero.hero-image:dir(rtl) {\n direction: ltr;\n}\n\n[dir=\"rtl\"] .hero.hero-image .hero-content, [dir=\"rtl\"] .hero.hero-image .hero-details-card, .hero.hero-image:dir(rtl) .hero-content, .hero.hero-image:dir(rtl) .hero-details-card {\n direction: rtl;\n}\n\n[dir=\"rtl\"] .hero.hero-image[class^=\"gradient-border-\"], .hero.hero-image:dir(rtl)[class^=\"gradient-border-\"] {\n direction: ltr;\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 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 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 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 minmax(0, 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.notification .notification-content a:not(.button) {\n text-decoration: underline;\n}\n\n.theme-high-contrast .notification .notification-content a:not(.button) {\n color: var(--theme-hyperlink);\n}\n\n.notification .notification-content a:not(.button):hover {\n text-decoration-thickness: .15em;\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.popover.popover-top .popover-content {\n margin-block-end: .5rem;\n inset-block-end: 100%;\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 content: \"\";\n forced-color-adjust: none;\n background-color: linktext;\n border: 1px solid linktext;\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.progress-bar {\n background-color: var(--theme-secondary-background-glow-high-contrast);\n appearance: none;\n border: none;\n border-radius: 290486px;\n width: 100%;\n max-width: 100%;\n height: .25rem;\n padding: 0;\n display: block;\n overflow: hidden;\n}\n\n.progress-bar::-webkit-progress-bar {\n background-color: var(--theme-secondary-background-glow-high-contrast);\n}\n\n.progress-bar::-webkit-progress-value {\n background-color: var(--theme-primary-base);\n}\n\n.progress-bar::-moz-progress-bar {\n background-color: var(--theme-primary-base);\n}\n\n.progress-bar.progress-bar-sm {\n height: .125rem;\n}\n\n.progress-bar.progress-bar-success::-webkit-progress-value {\n background-color: var(--theme-success-base);\n}\n\n.progress-bar.progress-bar-success::-moz-progress-bar {\n background-color: var(--theme-success-base);\n}\n\n.progress-bar.progress-bar-danger::-webkit-progress-value {\n background-color: var(--theme-danger-base);\n}\n\n.progress-bar.progress-bar-danger::-moz-progress-bar {\n background-color: var(--theme-danger-base);\n}\n\n.progress-bar.progress-bar-warning::-webkit-progress-value {\n background-color: var(--theme-warning-base);\n}\n\n.progress-bar.progress-bar-warning::-moz-progress-bar {\n background-color: var(--theme-warning-base);\n}\n\n.progress-bar:indeterminate {\n background-color: var(--theme-secondary-background-glow-high-contrast);\n background-image: linear-gradient(to right, var(--theme-secondary-background-glow-high-contrast) 0%, var(--theme-primary-base) 20%, var(--theme-secondary-background-glow-high-contrast) 40%);\n background-position: 0 0;\n background-repeat: no-repeat;\n background-size: 150% 150%;\n animation-name: slide-background;\n animation-duration: 2s;\n animation-timing-function: linear;\n animation-iteration-count: infinite;\n}\n\n.progress-bar:indeterminate:dir(rtl) {\n animation-direction: reverse;\n}\n\n.progress-bar:indeterminate::-webkit-progress-bar {\n background-color: #0000;\n}\n\n.progress-bar:indeterminate::-moz-progress-bar {\n background-color: #0000;\n}\n\n@media (prefers-reduced-motion: reduce) {\n .progress-bar:indeterminate {\n animation-duration: 0s;\n }\n}\n\n@media (forced-colors: active) {\n .progress-bar {\n background-color: canvastext !important;\n }\n\n .progress-bar::-webkit-progress-bar {\n background-color: canvastext !important;\n }\n\n .progress-bar::-webkit-progress-value {\n background-color: highlight !important;\n }\n\n .progress-bar::-moz-progress-bar {\n background-color: highlight !important;\n }\n\n .progress-bar:indeterminate {\n forced-color-adjust: none !important;\n background-image: linear-gradient(to right, canvastext 0%, highlight 20%, canvastext 40%) !important;\n }\n\n .progress-bar:indeterminate::-webkit-progress-bar {\n background-color: #0000 !important;\n }\n}\n\n.table-wrapper {\n -webkit-overflow-scrolling: touch;\n overflow: auto 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.tag {\n border: 1px solid var(--theme-secondary-base);\n background-color: var(--theme-body-background);\n color: var(--theme-secondary-dark);\n white-space: nowrap;\n border-radius: .25rem;\n justify-content: center;\n align-items: center;\n gap: .375em;\n padding: .375em .675em;\n font-size: .875rem;\n font-weight: 400;\n line-height: 1.3;\n display: inline-flex;\n}\n\n.tag:where(button) {\n cursor: pointer;\n}\n\n.tag .tag-close {\n justify-content: center;\n align-items: center;\n display: inline-flex;\n}\n\n.tag:hover .tag-close, .tag.is-hovered .tag-close {\n color: var(--theme-primary-dark);\n}\n\n.tag .icon {\n font-size: .875em;\n}\n\n.tag.tag-sm {\n font-size: .75rem;\n}\n\n.tag.tag-lg {\n font-size: 1rem;\n}\n\n.tag.tag-interactive {\n color: var(--theme-text);\n border: none;\n align-items: stretch;\n gap: 0;\n padding: 0;\n}\n\n.tag.tag-interactive .tag-popover .tag-summary {\n border: 1px solid var(--theme-secondary-base);\n outline-offset: -.125rem;\n cursor: pointer;\n border-radius: .25rem;\n outline-color: currentColor;\n padding: .375em .675em;\n overflow: hidden;\n}\n\n.tag.tag-interactive .tag-popover .tag-summary:hover, .tag.tag-interactive .tag-popover .tag-summary.is-hovered {\n background-color: var(--theme-secondary-background-glow-high-contrast);\n}\n\n.tag.tag-interactive .tag-popover:not(:only-child) .tag-summary {\n border-inline-end: 0;\n border-start-end-radius: 0;\n border-end-end-radius: 0;\n}\n\n.tag.tag-interactive .tag-close {\n border: 0;\n border: 1px solid var(--theme-secondary-base);\n outline-offset: -.125rem;\n background-color: inherit;\n color: inherit;\n cursor: pointer;\n border-radius: 0 .25rem .25rem 0;\n outline-color: currentColor;\n padding: .375em .675em;\n}\n\n.tag.tag-interactive .tag-close:hover, .tag.tag-interactive .tag-close.is-hovered {\n background-color: var(--theme-secondary-background-glow-high-contrast);\n color: var(--theme-primary-dark);\n}\n\n.tag.tag-primary {\n border-color: var(--theme-primary-background-glow-high-contrast);\n background-color: var(--theme-primary-background);\n color: var(--theme-primary-dark);\n}\n\n.tag.tag-primary:hover .tag-close, .tag.tag-primary.is-hovered .tag-close {\n color: var(--theme-primary-hover);\n}\n\n.tag.tag-primary.tag-interactive .tag-popover .tag-summary, .tag.tag-primary.tag-interactive .tag-close {\n border-color: var(--theme-primary-background-glow-high-contrast);\n background-color: var(--theme-primary-background);\n color: var(--theme-primary-dark);\n}\n\n.tag.tag-primary.tag-interactive .tag-popover .tag-summary:hover, .tag.tag-primary.tag-interactive .tag-popover .tag-summary.is-hovered, .tag.tag-primary.tag-interactive .tag-close:hover, .tag.tag-primary.tag-interactive .tag-close.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.tag.tag-primary.tag-interactive .tag-close {\n border-inline-start-color: var(--theme-primary-box-shadow);\n}\n\n.tag.tag-filled {\n border-color: var(--theme-secondary-background-glow-high-contrast);\n background-color: var(--theme-secondary-background-glow-high-contrast);\n color: var(--theme-text);\n}\n\n.tag.tag-filled:hover .tag-close, .tag.tag-filled.is-hovered .tag-close {\n color: var(--theme-primary-hover);\n}\n\n.tag.tag-filled.tag-interactive .tag-popover .tag-summary, .tag.tag-filled.tag-interactive .tag-close {\n border-color: var(--theme-secondary-background-glow-high-contrast);\n background-color: var(--theme-secondary-background-glow-high-contrast);\n color: var(--theme-text);\n}\n\n.tag.tag-filled.tag-interactive .tag-popover .tag-summary:hover, .tag.tag-filled.tag-interactive .tag-popover .tag-summary.is-hovered, .tag.tag-filled.tag-interactive .tag-close:hover, .tag.tag-filled.tag-interactive .tag-close.is-hovered {\n border-color: var(--theme-secondary-base);\n background-color: var(--theme-secondary-base);\n color: var(--theme-secondary-invert);\n}\n\n.tag.tag-filled.tag-interactive .tag-close {\n border-inline-start-color: var(--theme-secondary-box-shadow);\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 background-color: canvas !important;\n border-color: canvastext !important;\n }\n}\n\n.toggle label:after {\n background-color: var(--theme-text-subtle);\n content: \"\";\n border-radius: 290486px;\n width: .85em;\n height: .85em;\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: .15em;\n inset-inline-start: .15em;\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 background-color: linktext !important;\n border-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: auto hidden;\n}\n\n.scroll-vertical {\n -webkit-overflow-scrolling: touch;\n overflow: hidden 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.site-header .site-header-brand:active > :not(.icon):not(.image), .site-header .site-header-brand.is-active > :not(.icon):not(.image), .site-header .site-header-brand:hover > :not(.icon):not(.image), .site-header .site-header-brand.is-hovered > :not(.icon):not(.image), .site-header .site-header-brand:focus-visible > :not(.icon):not(.image), .site-header .site-header-button:active:not([aria-expanded=\"true\"]) > :not(.icon):not(.image), .site-header .site-header-button.is-active:not([aria-expanded=\"true\"]) > :not(.icon):not(.image), .site-header .site-header-button:hover:not([aria-expanded=\"true\"]) > :not(.icon):not(.image), .site-header .site-header-button.is-hovered:not([aria-expanded=\"true\"]) > :not(.icon):not(.image), .site-header .site-header-button:focus-visible:not([aria-expanded=\"true\"]) > :not(.icon):not(.image) {\n position: relative;\n}\n\n.site-header .site-header-brand:active > :not(.icon):not(.image):after, .site-header .site-header-brand.is-active > :not(.icon):not(.image):after, .site-header .site-header-brand:hover > :not(.icon):not(.image):after, .site-header .site-header-brand.is-hovered > :not(.icon):not(.image):after, .site-header .site-header-brand:focus-visible > :not(.icon):not(.image):after, .site-header .site-header-button:active:not([aria-expanded=\"true\"]) > :not(.icon):not(.image):after, .site-header .site-header-button.is-active:not([aria-expanded=\"true\"]) > :not(.icon):not(.image):after, .site-header .site-header-button:hover:not([aria-expanded=\"true\"]) > :not(.icon):not(.image):after, .site-header .site-header-button.is-hovered:not([aria-expanded=\"true\"]) > :not(.icon):not(.image):after, .site-header .site-header-button:focus-visible:not([aria-expanded=\"true\"]) > :not(.icon):not(.image):after {\n content: \"\";\n border-block-end: 2px solid var(--theme-text);\n display: block;\n position: absolute;\n inset-block-end: -2px;\n inset-inline: 0;\n}\n\n.site-header .site-header-brand, .site-header .site-header-button {\n outline-offset: -.125rem;\n color: var(--theme-text);\n white-space: nowrap;\n cursor: pointer;\n padding-block: calc(.375em - 1px);\n padding-inline: .5rem;\n text-decoration: none;\n}\n\n.site-header .site-header-brand:visited, .site-header .site-header-button:visited {\n color: var(--theme-text);\n}\n\n.site-header {\n border-block-end: 1px solid var(--theme-border);\n align-items: center;\n gap: .5rem;\n height: 3.375em;\n padding-inline: 24px;\n font-size: 1rem;\n display: flex;\n position: relative;\n}\n\n@media screen and (width >= 1800px) {\n .site-header {\n padding-inline: max(24px, 50% - 876px);\n }\n}\n\n.site-header .site-header-button {\n text-align: center;\n background-color: #0000;\n border: none;\n border-radius: 0;\n justify-content: center;\n height: 100%;\n font-size: .875em;\n font-weight: 400;\n}\n\n.site-header .site-header-button[aria-expanded=\"true\"] {\n background-color: var(--theme-body-background-medium);\n}\n\n.site-header .site-header-button .icon {\n font-size: .875em;\n}\n\n.site-header .site-header-button .icon:only-child {\n margin: 0;\n}\n\n.site-header .site-header-button .icon:first-child:not(:only-child) {\n margin-inline-end: .375em;\n}\n\n.site-header .site-header-button .icon:last-child:not(:only-child) {\n margin-inline-start: .375em;\n}\n\n.site-header .site-header-logo > svg, .site-header .site-header-logo > img {\n width: 1.625em;\n height: auto;\n display: block;\n}\n\n.site-header .site-header-logo.site-header-logo-centered {\n position: absolute;\n inset-inline-start: calc(50% - .8125em);\n}\n\n.site-header .site-header-divider {\n border-inline-start: 2px solid var(--theme-text-subtle);\n height: 1.5em;\n margin-inline-start: .5rem;\n display: inline-block;\n}\n\n.site-header .site-header-brand {\n font-size: 1.15em;\n font-weight: 600;\n display: inline-block;\n}\n\n@media screen and (width >= 768px), print {\n .site-header .site-header-brand {\n font-size: 1.25em;\n }\n}\n\n.site-header .site-header-nav {\n align-self: center;\n width: 100%;\n height: 100%;\n display: flex;\n}\n\n.site-header .site-header-panel {\n grid-gap: 1rem;\n background-color: var(--theme-body-background-medium);\n text-wrap: wrap;\n box-shadow: 0 3.2px 7.2px 0 var(--theme-box-shadow-medium), 0 .6px 1.8px 0 var(--theme-box-shadow-light);\n z-index: 1000;\n border-block-start: 1px solid var(--theme-border-white-high-contrast);\n border-block-end: 1px solid var(--theme-border-white-high-contrast);\n grid-template-areas: \"panel-content\"\n \"panel-featured-section\";\n width: 100%;\n min-height: 350px;\n padding-block: 2rem;\n padding-inline: 24px;\n display: grid;\n position: absolute;\n inset-block-start: calc(3.375em - 1px);\n inset-inline-start: 0;\n}\n\n@media screen and (width >= 768px), print {\n .site-header .site-header-panel {\n grid-template-columns: auto 33.333%;\n grid-template-areas: \"panel-content panel-featured-section\";\n }\n}\n\n@media screen and (width >= 1088px) {\n .site-header .site-header-panel {\n grid-template-columns: auto 25%;\n }\n}\n\n@media screen and (width >= 1800px) {\n .site-header .site-header-panel {\n padding-inline: max(24px, 50% - 876px);\n }\n}\n\n.site-header .site-header-panel .site-header-panel-featured-content {\n border-block-start: 1px solid var(--theme-table-border-dark);\n flex-direction: column;\n grid-area: panel-featured-section;\n gap: 1rem;\n padding-block-start: 1rem;\n display: flex;\n}\n\n@media screen and (width >= 768px), print {\n .site-header .site-header-panel .site-header-panel-featured-content {\n border-inline-start: 1px solid var(--theme-table-border-dark);\n border-block-start: 0;\n padding-block-start: 0;\n padding-inline-start: 1rem;\n }\n}\n\n.site-header .site-header-panel .site-header-panel-content {\n grid-area: panel-content;\n align-content: space-between;\n display: grid;\n}\n\n.site-header .site-header-panel .site-header-panel-links {\n grid-gap: .5rem;\n display: grid;\n}\n\n@media screen and (width >= 768px), print {\n .site-header .site-header-panel .site-header-panel-links {\n grid-template-rows: repeat(11, auto);\n grid-template-columns: repeat(2, 1fr);\n grid-auto-flow: column;\n }\n}\n\n@media screen and (width >= 1088px) {\n .site-header .site-header-panel .site-header-panel-links {\n grid-template-rows: repeat(7, auto);\n grid-template-columns: repeat(3, 1fr);\n }\n}\n\n.site-header .site-header-panel .site-header-panel-cards {\n grid-gap: .5rem;\n display: grid;\n}\n\n@media screen and (width >= 768px), print {\n .site-header .site-header-panel .site-header-panel-cards {\n grid-template-rows: repeat(5, auto);\n grid-template-columns: repeat(2, 1fr);\n grid-auto-flow: column;\n }\n}\n\n@media screen and (width >= 1088px) {\n .site-header .site-header-panel .site-header-panel-cards {\n grid-template-rows: repeat(3, auto);\n grid-template-columns: repeat(3, 1fr);\n }\n}\n\n.steps {\n flex-wrap: nowrap;\n gap: .4375em;\n font-size: 1rem;\n display: flex;\n}\n\n.steps .step {\n aspect-ratio: 1;\n background-color: var(--theme-secondary-base);\n border-radius: 290486px;\n height: .5em;\n}\n\n.steps .step.step-selected {\n aspect-ratio: 2;\n background-color: var(--theme-primary-base);\n}\n\n.stretched-link:before {\n content: \"\";\n z-index: 1;\n position: absolute;\n inset: 0;\n}\n\n.segmented-controls {\n grid-gap: .5rem;\n white-space: nowrap;\n grid-template-columns: max-content auto max-content;\n justify-content: center;\n width: 100%;\n font-size: 1rem;\n display: grid;\n}\n\n.segmented-controls .segmented-control-previous, .segmented-controls .segmented-control-next {\n border: 1px solid var(--theme-border);\n background-color: var(--theme-primary-base);\n color: var(--theme-text-invert);\n cursor: pointer;\n border-radius: 290486px;\n align-items: center;\n padding: .5em 1em;\n font-weight: 600;\n display: flex;\n}\n\n.segmented-controls .segmented-control-previous:hover, .segmented-controls .segmented-control-next:hover {\n background-color: var(--theme-primary-hover);\n}\n\n@media (forced-colors: active) {\n .segmented-controls .segmented-control-previous:hover, .segmented-controls .segmented-control-next:hover {\n color: highlighttext;\n forced-color-adjust: none;\n background-color: highlight;\n border-color: highlight;\n }\n}\n\n.segmented-controls .segmented-control-previous:focus-visible, .segmented-controls .segmented-control-next:focus-visible {\n outline-color: var(--theme-text-invert);\n outline-offset: -.25rem;\n}\n\n.segmented-controls .segmented-control-list {\n border: 1px solid var(--theme-border);\n border-radius: 290486px;\n grid-column: 2;\n justify-content: flex-start;\n align-items: center;\n display: flex;\n overflow-x: hidden;\n}\n\n.segmented-controls .segmented-control {\n color: var(--theme-primary-base);\n cursor: pointer;\n appearance: none;\n vertical-align: top;\n background-color: #0000;\n border: none;\n border-radius: 290486px;\n justify-content: center;\n align-items: center;\n padding: .5em 1em;\n font-weight: 600;\n display: flex;\n position: relative;\n}\n\n.segmented-controls .segmented-control:focus-visible {\n outline-color: var(--theme-text-invert);\n outline-offset: -.25rem;\n}\n\n.segmented-controls .segmented-control:hover {\n background-color: var(--theme-primary-background);\n z-index: 2;\n}\n\n@media (forced-colors: active) {\n .segmented-controls .segmented-control:hover {\n forced-color-adjust: none;\n color: highlighttext !important;\n background-color: highlight !important;\n }\n}\n\n.segmented-controls .segmented-control[aria-selected=\"true\"] {\n background-color: var(--theme-primary-base);\n color: var(--theme-text-invert);\n z-index: 1;\n}\n\n.segmented-controls .segmented-control[aria-selected=\"true\"]:hover {\n background-color: var(--theme-primary-hover);\n z-index: 2;\n}\n\n@media (forced-colors: active) {\n .segmented-controls .segmented-control[aria-selected=\"true\"] {\n color: selecteditemtext;\n forced-color-adjust: none;\n background-color: selecteditem;\n }\n}\n\n@media screen and (width >= 768px), print {\n .segmented-controls .segmented-control, .segmented-controls .segmented-previous, .segmented-controls .segmented-next {\n padding: .75em 1.25em;\n }\n}\n\n@media screen and (width >= 1088px) {\n .segmented-controls .segmented-control, .segmented-controls .segmented-previous, .segmented-controls .segmented-next {\n padding: 1em 1.5em;\n }\n}\n\n:root {\n --window-inner-height: 100vh;\n --atlas-header-height: 0px;\n --atlas-footer-height: 0px;\n --atlas-contained-height: 1fr;\n}\n\n.layout {\n --layout-gap: 24px;\n --layout-gap-scalable: 24px;\n --layout-flyout-width-desktop: 360px;\n --layout-flyout-width-widescreen: 480px;\n --layout-flyout-width: var(--layout-flyout-width-desktop);\n flex-direction: column;\n max-inline-size: 100vw;\n display: flex;\n}\n\n@media screen and (width >= 1800px) {\n .layout {\n --layout-gap-scalable: max(24px, 50% - 1752px / 2);\n --layout-flyout-width: var(--layout-flyout-width-widescreen);\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-flyout {\n grid-area: flyout;\n display: none;\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 {\n grid-template: \"header\"\n \"hero\"\n \"menu\"\n \"main\" 1fr\n \"aside\"\n \"footer\"\n / minmax(0, 1fr);\n}\n\n@media screen and (width >= 1088px) {\n .layout.layout-flyout-active .layout-body, .layout.layout-single.layout-flyout-active .layout-body {\n grid-template: auto auto auto 1fr auto auto / minmax(0, 1fr) var(--layout-flyout-width);\n grid-template-areas: \"header header\"\n \"hero flyout\"\n \"menu flyout\"\n \"main flyout\"\n \"aside flyout\"\n \"footer footer\";\n }\n}\n\n.layout.layout-holy-grail .layout-body {\n grid-template: \"header\"\n \"hero\"\n \"menu\"\n \"main\" 1fr\n \"aside\"\n \"footer\"\n / minmax(0, 1fr);\n}\n\n@media screen and (width >= 768px), print {\n .layout.layout-holy-grail .layout-body {\n grid-template: auto auto var(--atlas-contained-height) auto auto / minmax(0, 1fr) minmax(0, 2fr);\n grid-template-areas: \"header header\"\n \"hero hero\"\n \"menu main\"\n \"menu aside\"\n \"footer footer\";\n }\n}\n\n@media screen and (width >= 1088px) {\n .layout.layout-holy-grail .layout-body {\n grid-template: auto auto var(--atlas-contained-height) auto / minmax(0, 1fr) minmax(0, 2fr) minmax(0, 1fr);\n grid-template-areas: \"header header header\"\n \"hero hero hero\"\n \"menu main aside\"\n \"footer footer footer\";\n }\n}\n\n@media screen and (width >= 1800px) {\n .layout.layout-holy-grail .layout-body {\n grid-template: auto auto var(--atlas-contained-height) auto / auto 450px 900px 450px auto;\n grid-template-areas: \"header header header header header\"\n \"hero hero hero hero hero\"\n \". menu main aside .\"\n \"footer footer footer footer footer\";\n }\n}\n\n@media screen and (width >= 1088px) {\n .layout.layout-holy-grail.layout-flyout-active .layout-body {\n grid-template: auto auto var(--atlas-contained-height) auto / minmax(0, 1fr) minmax(0, 2fr) minmax(0, 1fr) var(--layout-flyout-width);\n grid-template-areas: \"header header header header\"\n \"hero hero hero flyout\"\n \"menu main aside flyout\"\n \"footer footer footer footer\";\n }\n}\n\n@media screen and (width >= 1800px) {\n .layout.layout-holy-grail.layout-flyout-active .layout-body {\n grid-template: auto auto var(--atlas-contained-height) auto / minmax(0, 1fr) minmax(0, 2fr) minmax(0, 1fr) var(--layout-flyout-width);\n grid-template-areas: \"header header header header\"\n \"hero hero hero flyout\"\n \"menu main aside flyout\"\n \"footer footer footer footer\";\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 / minmax(0, 1fr);\n}\n\n@media screen and (width >= 768px), print {\n .layout.layout-sidecar-left .layout-body {\n grid-template: auto auto var(--atlas-contained-height) auto / minmax(0, 1fr) minmax(0, 2fr);\n grid-template-areas: \"header header\"\n \"hero hero\"\n \"menu main\"\n \"footer footer\";\n }\n}\n\n@media screen and (width >= 1088px) {\n .layout.layout-sidecar-left .layout-body {\n grid-template: auto auto var(--atlas-contained-height) auto / minmax(0, 1fr) minmax(0, 3fr);\n grid-template-areas: \"header header\"\n \"hero hero\"\n \"menu main\"\n \"footer footer\";\n }\n}\n\n@media screen and (width >= 1800px) {\n .layout.layout-sidecar-left .layout-body {\n grid-template: auto auto var(--atlas-contained-height) auto / auto 450px 1350px auto;\n grid-template-areas: \"header header header header\"\n \"hero hero hero hero\"\n \". menu main .\"\n \"footer footer footer footer\";\n }\n}\n\n@media screen and (width >= 1088px) {\n .layout.layout-sidecar-left.layout-flyout-active .layout-body {\n grid-template: auto auto var(--atlas-contained-height) auto / minmax(0, 1fr) minmax(0, 3fr) var(--layout-flyout-width);\n grid-template-areas: \"header header header\"\n \"hero hero flyout\"\n \"menu main flyout\"\n \"footer footer footer\";\n }\n}\n\n@media screen and (width >= 1800px) {\n .layout.layout-sidecar-left.layout-flyout-active .layout-body {\n grid-template: auto auto var(--atlas-contained-height) auto / minmax(0, 1fr) minmax(0, 3fr) var(--layout-flyout-width);\n grid-template-areas: \"header header header\"\n \"hero hero flyout\"\n \"menu main flyout\"\n \"footer footer footer\";\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 / minmax(0, 1fr);\n}\n\n@media screen and (width >= 768px), print {\n .layout.layout-sidecar-right .layout-body {\n grid-template: auto auto var(--atlas-contained-height) auto / minmax(0, 2fr) minmax(0, 1fr);\n grid-template-areas: \"header header\"\n \"hero hero\"\n \"main aside\"\n \"footer footer\";\n }\n}\n\n@media screen and (width >= 1088px) {\n .layout.layout-sidecar-right .layout-body {\n grid-template: auto auto var(--atlas-contained-height) auto / minmax(0, 3fr) minmax(0, 1fr);\n grid-template-areas: \"header header\"\n \"hero hero\"\n \"main aside\"\n \"footer footer\";\n }\n}\n\n@media screen and (width >= 1800px) {\n .layout.layout-sidecar-right .layout-body {\n grid-template: auto auto var(--atlas-contained-height) auto / auto 1350px 450px auto;\n grid-template-areas: \"header header header header\"\n \"hero hero hero hero\"\n \". main aside .\"\n \"footer footer footer footer\";\n }\n}\n\n@media screen and (width >= 1088px) {\n .layout.layout-sidecar-right.layout-flyout-active .layout-body {\n grid-template: auto auto var(--atlas-contained-height) auto / minmax(0, 3fr) minmax(0, 1fr) var(--layout-flyout-width);\n grid-template-areas: \"header header header\"\n \"hero hero flyout\"\n \"main aside flyout\"\n \"footer footer footer\";\n }\n}\n\n@media screen and (width >= 1800px) {\n .layout.layout-sidecar-right.layout-flyout-active .layout-body {\n grid-template: auto auto var(--atlas-contained-height) auto / minmax(0, 3fr) minmax(0, 1fr) var(--layout-flyout-width);\n grid-template-areas: \"header header header\"\n \"hero hero flyout\"\n \"main aside flyout\"\n \"footer footer footer\";\n }\n}\n\n.layout.layout-twin .layout-body-menu {\n display: none;\n}\n\n.layout.layout-twin .layout-body {\n grid-template: \"header\"\n \"hero\"\n \"main\"\n \"aside\" 1fr\n \"footer\"\n / minmax(0, 1fr);\n}\n\n@media screen and (width >= 768px), print {\n .layout.layout-twin .layout-body {\n grid-template: auto auto var(--atlas-contained-height) auto / minmax(0, 1fr) minmax(0, 1fr);\n grid-template-areas: \"header header\"\n \"hero hero\"\n \"main aside\"\n \"footer footer\";\n }\n}\n\n@media screen and (width >= 1088px) {\n .layout.layout-twin.layout-flyout-active .layout-body {\n grid-template: auto auto var(--atlas-contained-height) auto / minmax(0, 1fr) minmax(0, 1fr) var(--layout-flyout-width);\n grid-template-areas: \"header header header\"\n \"hero hero flyout\"\n \"main aside flyout\"\n \"footer footer footer\";\n }\n\n .layout.layout-flyout-active .layout-body-flyout {\n display: block;\n }\n}\n\n@media screen and (width >= 768px), print {\n .layout.layout-constrained.layout-twin, .layout.layout-constrained.layout-sidecar-left, .layout.layout-constrained.layout-sidecar-right {\n --atlas-contained-height: calc(var(--window-inner-height) - var(--atlas-header-height) - var(--atlas-footer-height) - 2px);\n }\n\n .layout.layout-constrained.layout-twin .layout-body-main, .layout.layout-constrained.layout-twin .layout-body-aside, .layout.layout-constrained.layout-sidecar-right .layout-body-main, .layout.layout-constrained.layout-sidecar-right .layout-body-aside, .layout.layout-constrained.layout-sidecar-left .layout-body-menu, .layout.layout-constrained.layout-sidecar-left .layout-body-main {\n -webkit-overflow-scrolling: touch;\n position: sticky;\n inset-block-start: 0;\n overflow: hidden auto;\n }\n}\n\n@media screen and (width >= 1088px) {\n .layout.layout-constrained.layout-holy-grail {\n --atlas-contained-height: calc(var(--window-inner-height) - var(--atlas-header-height) - var(--atlas-footer-height) - 2px);\n }\n\n .layout.layout-constrained.layout-holy-grail .layout-body-main, .layout.layout-constrained.layout-holy-grail .layout-body-menu, .layout.layout-constrained.layout-holy-grail .layout-body-aside, .layout.layout-constrained .layout-body-flyout {\n -webkit-overflow-scrolling: touch;\n position: sticky;\n inset-block-start: 0;\n overflow: hidden 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.text-wrap-pretty {\n text-wrap: pretty !important;\n}\n\n.line-height-normal {\n line-height: 1.3 !important;\n}\n\n.white-space-normal {\n white-space: normal !important;\n}\n\n.white-space-nowrap {\n white-space: nowrap !important;\n}\n\n.white-space-pre {\n white-space: pre !important;\n}\n\n.white-space-pre-wrap {\n white-space: pre-wrap !important;\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-radius-none {\n border-radius: 0 !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.color-hyperlink {\n color: var(--theme-hyperlink) !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, .background-color-body-accent-onhover:hover, .background-color-body-accent-onhover:focus-within {\n outline-color: var(--theme-text) !important;\n background-color: var(--theme-body-background-accent) !important;\n}\n\n.background-color-transparent {\n background-color: #0000 !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 outline-color: #000 !important;\n}\n\n.background-color-black-static {\n background-color: #000 !important;\n outline-color: #fff !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.height-full {\n height: 100% !important;\n}\n\n.overflow-hidden {\n overflow: hidden !important;\n}\n\n.overflow-x-hidden {\n overflow-x: hidden !important;\n}\n\n@media screen and (width >= 768px), print {\n .overflow-hidden-tablet {\n overflow: hidden !important;\n }\n\n .overflow-x-hidden-tablet {\n overflow-x: hidden !important;\n }\n}\n\n.scrollbar-gutter-stable {\n scrollbar-gutter: stable !important;\n}\n\n.scrollbar-gutter-stable-both-edges {\n scrollbar-gutter: stable both-edges !important;\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.flex-basis-0 {\n flex-basis: 0 !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 .flex-basis-0-tablet {\n flex-basis: 0 !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 !important;\n}\n\n.right-0 {\n inset-inline-end: 0 !important;\n}\n\n.bottom-0 {\n inset-block-end: 0 !important;\n}\n\n.left-0 {\n inset-inline-start: 0 !important;\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, .list-style-none > li {\n list-style: none !important;\n}\n\n.list-style-none::marker {\n display: none;\n}\n\n.list-style-none::-webkit-details-marker {\n display: none;\n}\n\n.width-full {\n width: 100% !important;\n}\n\n.width-auto {\n width: auto !important;\n}\n\n.width-fit-content {\n width: fit-content !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-fit-content-tablet {\n width: fit-content !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-fit-content-desktop {\n width: fit-content !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/*# sourceMappingURL=index.css.map */\n","$control-radius: $border-radius !default;\r\n\r\n$control-font-size: $font-size-7 !default;\r\n$control-sm-font-size: $font-size-8 !default;\r\n$control-lg-font-size: $font-size-6 !default;\r\n\r\n$control-border-width: 1px !default;\r\n\r\n$control-padding-vertical: calc(0.375em - #{$control-border-width}) !default;\r\n$control-padding-horizontal: calc(0.625em - #{$control-border-width}) !default;\r\n\r\n%control {\r\n\tdisplay: inline-flex;\r\n\tposition: relative;\r\n\talign-items: center;\r\n\tjustify-content: flex-start;\r\n\tmin-height: 2.25em;\r\n\tpadding-block: $control-padding-vertical;\r\n\tpadding-inline: $control-padding-horizontal;\r\n\tborder: $control-border-width solid transparent;\r\n\tborder-radius: $control-radius;\r\n\tfont-size: $control-font-size;\r\n\tline-height: 1.5;\r\n\tappearance: none;\r\n\tbox-shadow: none;\r\n\tvertical-align: top;\r\n\r\n\t&[disabled] {\r\n\t\tcursor: not-allowed;\r\n\t}\r\n}\r\n\r\n@mixin control {\r\n\t@extend %control;\r\n}\r\n\r\n@mixin control-sm {\r\n\tfont-size: $control-sm-font-size;\r\n}\r\n\r\n@mixin control-lg {\r\n\tfont-size: $control-lg-font-size;\r\n}\r\n","$chevron-color: $text !default;\r\n$chevron-arrow-size: 0.525em !default;\r\n$chevron-arrow-border-width: 1px !default;\r\n$chevron-arrow-actual-width: 0.75em !default;\r\n$chevron-down-rotate: rotate(-45deg) !default;\r\n$chevron-down-rotate-rtl: rotate(-315deg) !default;\r\n$chevron-right-rotate-rtl: rotate(-225deg) !default;\r\n$chevron-right-rotate: rotate(-135deg) !default;\r\n$chevron-up-rotate: rotate(-225deg) !default;\r\n$chevron-up-rotate-scale-xy: $chevron-down-rotate scaleY(-1) scaleX(-1);\r\n$chevron-up-rotate-scale-xy-rtl: $chevron-down-rotate-rtl scaleY(-1) scaleX(-1);\r\n\r\n%chevron {\r\n\twidth: $chevron-arrow-size;\r\n\theight: $chevron-arrow-size;\r\n\ttransform-origin: center;\r\n\tborder: $chevron-arrow-border-width solid $chevron-color;\r\n\tborder-block-start: 0;\r\n\tborder-inline-end: 0;\r\n\tpointer-events: none;\r\n\tcontent: ' ';\r\n\tz-index: $zindex-active;\r\n\tinset-inline-end: $control-padding-horizontal;\r\n}\r\n\r\n@mixin chevron-right {\r\n\t@extend %chevron;\r\n\r\n\ttransform: $chevron-right-rotate;\r\n}\r\n\r\n@mixin chevron-right-rtl {\r\n\t@extend %chevron;\r\n\r\n\ttransform: $chevron-right-rotate-rtl;\r\n}\r\n\r\n@mixin chevron-down {\r\n\t@extend %chevron;\r\n\r\n\ttransform: $chevron-down-rotate;\r\n}\r\n\r\n@mixin chevron-down-rtl {\r\n\t@extend %chevron;\r\n\r\n\ttransform: $chevron-down-rotate-rtl;\r\n}\r\n","// stylelint-disable declaration-block-no-redundant-longhand-properties\r\n@mixin focus() {\r\n\toutline-color: inherit;\r\n\toutline-offset: $focus-outline-offset;\r\n\toutline-style: $focus-style;\r\n\toutline-width: $focus-width;\r\n}\r\n\r\n%focus {\r\n\t@include focus();\r\n}\r\n\r\n@mixin focus-visible {\r\n\t@if ($focus-visible-use-polyfill) {\r\n\t\t&.focus-visible {\r\n\t\t\t@content;\r\n\t\t}\r\n\t} @else {\r\n\t\t&:focus-visible {\r\n\t\t\t@content;\r\n\t\t}\r\n\t}\r\n}\r\n","%loader {\r\n\tdisplay: block;\r\n\tposition: relative;\r\n\twidth: 1em;\r\n\theight: 1em;\r\n\tanimation: spinAround 500ms infinite linear;\r\n\tborder: 2px solid $border;\r\n\tborder-radius: $border-radius-rounded;\r\n\tborder-block-start-color: transparent;\r\n\tborder-inline-end-color: transparent;\r\n\tcontent: '';\r\n}\r\n\r\n@mixin loader {\r\n\t@extend %loader;\r\n}\r\n","%line-clamp {\r\n\t/*stylelint-disable*/\r\n\tdisplay: -webkit-box;\r\n\t-webkit-box-orient: vertical;\r\n\toverflow: hidden;\r\n}\r\n\r\n@mixin line-clamp($lines: 1, $important: false) {\r\n\t@extend %line-clamp;\r\n\t@if $important {\r\n\t\t-webkit-line-clamp: $lines !important;\r\n\t} @else {\r\n\t\t-webkit-line-clamp: $lines;\r\n\t}\r\n}\r\n","%layout-gap {\r\n\tpadding-inline: $layout-gap;\r\n\r\n\t@include widescreen {\r\n\t\tpadding-inline: $layout-widescreen-gap;\r\n\t}\r\n}\r\n","// Orientation\r\n\r\n@mixin orientation-portrait {\r\n\t@media screen and (aspect-ratio <= 1/1),\r\n\t\tscreen and (resolution >= 120dpi) and (aspect-ratio <= 1/1) {\r\n\t\t@content;\r\n\t}\r\n}\r\n\r\n@mixin orientation-landscape {\r\n\t@media screen and (aspect-ratio >= 1/1),\r\n\t\tscreen and (resolution >= 120dpi) and (aspect-ratio >= 1/1) {\r\n\t\t@content;\r\n\t}\r\n}\r\n\r\n@mixin orientation-square {\r\n\t@media screen and (aspect-ratio <= 1/1),\r\n\t\tscreen and (resolution >= 120dpi) and (aspect-ratio <= 1/1) {\r\n\t\t@content;\r\n\t}\r\n}\r\n\r\n// Mobile-first screen size media queries\r\n\r\n@mixin tablet {\r\n\t@media screen and (min-width: $breakpoint-tablet), print {\r\n\t\t@content;\r\n\t}\r\n}\r\n\r\n@mixin desktop {\r\n\t@media screen and (min-width: $breakpoint-desktop) {\r\n\t\t@content;\r\n\t}\r\n}\r\n\r\n@mixin widescreen {\r\n\t@media screen and (min-width: $breakpoint-widescreen) {\r\n\t\t@content;\r\n\t}\r\n}\r\n\r\n// Please avoid using this mixin if possible. It doesn't follow the mobile-first approach to writing CSS.\r\n@mixin discouraged-mobile {\r\n\t@media screen and (max-width: ($breakpoint-tablet - 1px)) {\r\n\t\t@content;\r\n\t}\r\n}\r\n\r\n@mixin print {\r\n\t@media print {\r\n\t\t@content;\r\n\t}\r\n}\r\n\r\n@mixin prefers-reduced-motion {\r\n\t@media (prefers-reduced-motion: reduce) {\r\n\t\t@content;\r\n\t}\r\n}\r\n","%overlay {\r\n\tposition: absolute;\r\n\tinset: 0;\r\n}\r\n\r\n@mixin overlay($offset: 0) {\r\n\t@extend %overlay;\r\n\r\n\t@if $offset != 0 {\r\n\t\tinset: $offset;\r\n\t}\r\n}\r\n","%transparent-effects {\r\n\toutline-color: inherit;\r\n\tbackground-color: transparent;\r\n\tappearance: none;\r\n\r\n\t&:not(:hover),\r\n\t&:not(.focus-visible),\r\n\t&:not(:focus-visible) {\r\n\t\tbackground-color: transparent;\r\n\t}\r\n}\r\n\r\n@mixin transparent-effects {\r\n\t@extend %transparent-effects;\r\n}\r\n","%dismiss {\r\n\t@include transparent-effects;\r\n\r\n\tdisplay: inline-block;\r\n\tcolor: currentColor;\r\n\tfont-size: 1rem;\r\n\tcursor: pointer;\r\n}\r\n\r\n@mixin dismiss {\r\n\t@extend %dismiss;\r\n}\r\n\r\n@mixin dismiss-square {\r\n\t@extend %dismiss;\r\n\r\n\twidth: 1em;\r\n\theight: 1em;\r\n\tpadding: 0;\r\n\tborder: 0;\r\n\tborder-radius: $border-radius-rounded;\r\n}\r\n","%unselectable {\r\n\t/* stylelint-disable */\r\n\t-webkit-touch-callout: none;\r\n\t-webkit-user-select: none;\r\n\t-moz-user-select: none;\r\n\t-ms-user-select: none;\r\n\t/* stylelint-enable */\r\n\tuser-select: none;\r\n}\r\n\r\n@mixin unselectable {\r\n\t@extend %unselectable;\r\n}\r\n","/* stylelint-disable */\r\n/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */\r\n\r\n/* Document\r\n ========================================================================== */\r\n\r\n/**\r\n * 1. Correct the line height in all browsers.\r\n * 2. Prevent adjustments of font size after orientation changes in iOS.\r\n */\r\n\r\nhtml {\r\n\tline-height: 1.15; /* 1 */\r\n\t-webkit-text-size-adjust: 100%; /* 2 */\r\n}\r\n\r\n/* Sections\r\n\t ========================================================================== */\r\n\r\n/**\r\n * Remove the margin in all browsers.\r\n */\r\n\r\nbody {\r\n\tmargin: 0;\r\n}\r\n\r\n/**\r\n * Render the `main` element consistently in IE.\r\n */\r\n\r\nmain {\r\n\tdisplay: block;\r\n}\r\n\r\n/**\r\n * Correct the font size and margin on `h1` elements within `section` and\r\n * `article` contexts in Chrome, Firefox, and Safari.\r\n */\r\n\r\nh1 {\r\n\tfont-size: 2em;\r\n\tmargin: 0.67em 0;\r\n}\r\n\r\n/* Grouping content\r\n\t ========================================================================== */\r\n\r\n/**\r\n * 1. Add the correct box sizing in Firefox.\r\n * 2. Show the overflow in Edge and IE.\r\n */\r\n\r\nhr {\r\n\tbox-sizing: content-box; /* 1 */\r\n\theight: 0; /* 1 */\r\n\toverflow: visible; /* 2 */\r\n}\r\n\r\n/**\r\n * 1. Correct the inheritance and scaling of font size in all browsers.\r\n * 2. Correct the odd `em` font sizing in all browsers.\r\n */\r\n\r\npre {\r\n\tfont-family: monospace, monospace; /* 1 */\r\n\tfont-size: 1em; /* 2 */\r\n}\r\n\r\n/* Text-level semantics\r\n\t ========================================================================== */\r\n\r\n/**\r\n * Remove the gray background on active links in IE 10.\r\n */\r\n\r\na {\r\n\tbackground-color: transparent;\r\n}\r\n\r\n/**\r\n * 1. Remove the bottom border in Chrome 57-\r\n * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.\r\n */\r\n\r\nabbr[title] {\r\n\tborder-bottom: none; /* 1 */\r\n\ttext-decoration: underline; /* 2 */\r\n\ttext-decoration: underline dotted; /* 2 */\r\n}\r\n\r\n/**\r\n * Add the correct font weight in Chrome, Edge, and Safari.\r\n */\r\n\r\nb,\r\nstrong {\r\n\tfont-weight: bolder;\r\n}\r\n\r\n/**\r\n * 1. Correct the inheritance and scaling of font size in all browsers.\r\n * 2. Correct the odd `em` font sizing in all browsers.\r\n */\r\n\r\ncode,\r\nkbd,\r\nsamp {\r\n\tfont-family: monospace, monospace; /* 1 */\r\n\tfont-size: 1em; /* 2 */\r\n}\r\n\r\n/**\r\n * Add the correct font size in all browsers.\r\n */\r\n\r\nsmall {\r\n\tfont-size: 80%;\r\n}\r\n\r\n/**\r\n * Prevent `sub` and `sup` elements from affecting the line height in\r\n * all browsers.\r\n */\r\n\r\nsub,\r\nsup {\r\n\tfont-size: 75%;\r\n\tline-height: 0;\r\n\tposition: relative;\r\n\tvertical-align: baseline;\r\n}\r\n\r\nsub {\r\n\tbottom: -0.25em;\r\n}\r\n\r\nsup {\r\n\ttop: -0.5em;\r\n}\r\n\r\n/* Embedded content\r\n\t ========================================================================== */\r\n\r\n/**\r\n * Remove the border on images inside links in IE 10.\r\n */\r\n\r\nimg {\r\n\tborder-style: none;\r\n}\r\n\r\n/* Forms\r\n\t ========================================================================== */\r\n\r\n/**\r\n * 1. Change the font styles in all browsers.\r\n * 2. Remove the margin in Firefox and Safari.\r\n */\r\n\r\nbutton,\r\ninput,\r\noptgroup,\r\nselect,\r\ntextarea {\r\n\tfont-family: inherit; /* 1 */\r\n\tfont-size: 100%; /* 1 */\r\n\tline-height: 1.15; /* 1 */\r\n\tmargin: 0; /* 2 */\r\n}\r\n\r\n/**\r\n * Show the overflow in IE.\r\n * 1. Show the overflow in Edge.\r\n */\r\n\r\nbutton,\r\ninput {\r\n\t/* 1 */\r\n\toverflow: visible;\r\n}\r\n\r\n/**\r\n * Remove the inheritance of text transform in Edge, Firefox, and IE.\r\n * 1. Remove the inheritance of text transform in Firefox.\r\n */\r\n\r\nbutton,\r\nselect {\r\n\t/* 1 */\r\n\ttext-transform: none;\r\n}\r\n\r\n/**\r\n * Correct the inability to style clickable types in iOS and Safari.\r\n */\r\n\r\nbutton,\r\n[type='button'],\r\n[type='reset'],\r\n[type='submit'] {\r\n\t-webkit-appearance: button;\r\n}\r\n\r\n/**\r\n * Correct the padding in Firefox.\r\n */\r\n\r\nfieldset {\r\n\tpadding: 0.35em 0.75em 0.625em;\r\n}\r\n\r\n/**\r\n * 1. Correct the text wrapping in Edge and IE.\r\n * 2. Correct the color inheritance from `fieldset` elements in IE.\r\n * 3. Remove the padding so developers are not caught out when they zero out\r\n * `fieldset` elements in all browsers.\r\n */\r\n\r\nlegend {\r\n\tbox-sizing: border-box; /* 1 */\r\n\tcolor: inherit; /* 2 */\r\n\tdisplay: table; /* 1 */\r\n\tmax-width: 100%; /* 1 */\r\n\tpadding: 0; /* 3 */\r\n\twhite-space: normal; /* 1 */\r\n}\r\n\r\n/**\r\n * Add the correct vertical alignment in Chrome, Firefox, and Opera.\r\n */\r\n\r\nprogress {\r\n\tvertical-align: baseline;\r\n}\r\n\r\n/**\r\n * Remove the default vertical scrollbar in IE 10+.\r\n */\r\n\r\ntextarea {\r\n\toverflow: auto;\r\n}\r\n\r\n/**\r\n * 1. Add the correct box sizing in IE 10.\r\n * 2. Remove the padding in IE 10.\r\n */\r\n\r\n[type='checkbox'],\r\n[type='radio'] {\r\n\tbox-sizing: border-box; /* 1 */\r\n\tpadding: 0; /* 2 */\r\n}\r\n\r\n/**\r\n * Correct the cursor style of increment and decrement buttons in Chrome.\r\n */\r\n\r\n[type='number']::-webkit-inner-spin-button,\r\n[type='number']::-webkit-outer-spin-button {\r\n\theight: auto;\r\n}\r\n\r\n/**\r\n * 1. Correct the odd appearance in Chrome and Safari.\r\n * 2. Correct the outline style in Safari.\r\n */\r\n\r\n[type='search'] {\r\n\t-webkit-appearance: textfield; /* 1 */\r\n\toutline-offset: -2px; /* 2 */\r\n}\r\n\r\n/**\r\n * Remove the inner padding in Chrome and Safari on macOS.\r\n */\r\n\r\n[type='search']::-webkit-search-decoration {\r\n\t-webkit-appearance: none;\r\n}\r\n\r\n/**\r\n * 1. Correct the inability to style clickable types in iOS and Safari.\r\n * 2. Change font properties to `inherit` in Safari.\r\n */\r\n\r\n::-webkit-file-upload-button {\r\n\t-webkit-appearance: button; /* 1 */\r\n\tfont: inherit; /* 2 */\r\n}\r\n\r\n/* Interactive\r\n\t ========================================================================== */\r\n\r\n/*\r\n * Add the correct display in Edge, IE 10+, and Firefox.\r\n */\r\n\r\ndetails {\r\n\tdisplay: block;\r\n}\r\n\r\n/*\r\n * Add the correct display in all browsers.\r\n */\r\n\r\nsummary {\r\n\tdisplay: list-item;\r\n}\r\n\r\n/* Misc\r\n\t ========================================================================== */\r\n\r\n/**\r\n * Add the correct display in IE 10+.\r\n */\r\n\r\ntemplate {\r\n\tdisplay: none;\r\n}\r\n\r\n/**\r\n * Add the correct display in IE 10.\r\n */\r\n\r\n[hidden] {\r\n\tdisplay: none;\r\n}\r\n/* stylelint-enable */\r\n","/* stylelint-disable */\r\n/*! minireset.css v0.0.7 | MIT License | github.com/jgthms/minireset.css */\r\nhtml,\r\nbody,\r\np,\r\nol,\r\nul,\r\nli,\r\ndl,\r\ndt,\r\ndd,\r\nblockquote,\r\nfigure,\r\nfieldset,\r\nlegend,\r\ntextarea,\r\npre,\r\niframe,\r\nhr,\r\nh1,\r\nh2,\r\nh3,\r\nh4,\r\nh5,\r\nh6 {\r\n\tmargin: 0;\r\n\tpadding: 0;\r\n}\r\n\r\nh1,\r\nh2,\r\nh3,\r\nh4,\r\nh5,\r\nh6 {\r\n\tfont-size: 100%;\r\n\tfont-weight: normal;\r\n}\r\n\r\nul {\r\n\tlist-style: none;\r\n}\r\n\r\nbutton,\r\ninput,\r\nselect {\r\n\tmargin: 0;\r\n}\r\n\r\nhtml {\r\n\tbox-sizing: border-box;\r\n}\r\n\r\n*,\r\n*::before,\r\n*::after {\r\n\tbox-sizing: inherit;\r\n}\r\n\r\nimg,\r\nvideo {\r\n\theight: auto;\r\n\tmax-width: 100%;\r\n}\r\n\r\niframe {\r\n\tborder: 0;\r\n}\r\n\r\ntable {\r\n\tborder-collapse: collapse;\r\n\tborder-spacing: 0;\r\n}\r\n\r\ntd,\r\nth {\r\n\tpadding: 0;\r\n}\r\n/* stylelint-enable */\r\n","@use 'sass:map';\r\n\r\n$root-theme: 'light' !default;\r\n$print-theme: 'light' !default;\r\n\r\n// Ensure that the root theme exists\r\n@if map.has-key($themes, $root-theme) != true {\r\n\t@error \"Cannot build themes because $root-theme (#{$root-theme}) is set to a theme that does not exist in $themes map.\";\r\n}\r\n\r\n// Ensure that the print theme exists\r\n@if map.has-key($themes, $print-theme) != true {\r\n\t@error \"Cannot build themes because $print-theme (#{$print-theme}) is set to a theme that does not exist in $themes map.\";\r\n}\r\n\r\n$theme-names: map.keys($themes);\r\n\r\n// Validation: ensure that all values in the root theme are in the other themes too\r\n@each $root-color-name, $val in map.get($themes, $root-theme) {\r\n\t@each $theme-name in $theme-names {\r\n\t\t@if $theme-name != $root-theme {\r\n\t\t\t@if map.has-key(map.get($themes, $theme-name), $root-color-name) != true {\r\n\t\t\t\t@error '#{$root-color-name} from #{$root-theme} does not exist in theme: #{$theme-name}.';\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}\r\n\r\n// Validation: ensure all properties in non-root themes exist in root\r\n@each $theme-name in $theme-names {\r\n\t$theme: map.get($themes, $theme-name);\r\n\t@if $theme-name != $root-theme {\r\n\t\t$root: map.get($themes, $root-theme);\r\n\t\t@each $color-name, $val in $theme {\r\n\t\t\t@if map.has-key($root, $color-name) != true {\r\n\t\t\t\t@error '#{$color-name} from #{$theme-name} does not exist in theme: #{$theme-name}.';\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}\r\n\r\n@each $key, $value in $themes {\r\n\t// Set the default theme\r\n\t@if $key == $root-theme {\r\n\t\t:root {\r\n\t\t\t@each $colorName, $colorVal in map.get($themes, $key) {\r\n\t\t\t\t// stylelint-disable-next-line custom-property-pattern\r\n\t\t\t\t--theme-#{$colorName}: #{$colorVal};\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\t@if $key == $print-theme {\r\n\t\t.theme-#{$key} {\r\n\t\t\t@each $colorName, $colorVal in map.get($themes, $key) {\r\n\t\t\t\t// stylelint-disable-next-line custom-property-pattern\r\n\t\t\t\t--theme-#{$colorName}: #{$colorVal};\r\n\t\t\t}\r\n\t\t}\r\n\t} @else {\r\n\t\t// Set the rest of the themes, exclude them from print styling.\r\n\t\t@media not print {\r\n\t\t\t.theme-#{$key} {\r\n\t\t\t\t@each $colorName, $colorVal in map-get($themes, $key) {\r\n\t\t\t\t\t// stylelint-disable-next-line custom-property-pattern\r\n\t\t\t\t\t--theme-#{$colorName}: #{$colorVal};\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}\r\n\r\n// End validation\r\n\r\n%theme-base-styles {\r\n\toutline-color: $text;\r\n\tbackground-color: $body-background;\r\n\tcolor: $text;\r\n}\r\n\r\n@each $key, $value in $themes {\r\n\t.theme-#{$key} {\r\n\t\t@extend %theme-base-styles;\r\n\t}\r\n}\r\n\r\n@each $key, $value in $color-schemes {\r\n\t.theme-#{$key} {\r\n\t\tcolor-scheme: #{$value};\r\n\t}\r\n}\r\n","html {\r\n\tfont-size: $document-font-size;\r\n}\r\n\r\nhtml,\r\nbody {\r\n\tfont-family: $normal-font-stack;\r\n\t-webkit-font-smoothing: antialiased;\r\n\tfont-weight: $weight-normal;\r\n\ttext-rendering: optimizeLegibility;\r\n}\r\n\r\nkbd,\r\npre,\r\nsamp {\r\n\tfont-family: $monospace-font-stack !important;\r\n\t-moz-osx-font-smoothing: auto;\r\n\t-webkit-font-smoothing: auto;\r\n}\r\n\r\ncode {\r\n\tdirection: ltr;\r\n\tfont-family: $monospace-font-stack;\r\n}\r\n\r\na > code {\r\n\tfont-family: $normal-font-stack;\r\n}\r\n","// stylelint-disable-next-line keyframes-name-pattern\r\n@keyframes spinAround {\r\n\t// make it stop\r\n\r\n\tfrom {\r\n\t\ttransform: rotate(0deg);\r\n\t}\r\n\r\n\tto {\r\n\t\ttransform: rotate(359deg);\r\n\t}\r\n}\r\n\r\n@keyframes boop {\r\n\t0% {\r\n\t\ttransform: scale(1);\r\n\t}\r\n\r\n\t50% {\r\n\t\ttransform: scale(1.1);\r\n\t}\r\n\r\n\t100% {\r\n\t\ttransform: scale(1);\r\n\t}\r\n}\r\n\r\n@keyframes slide-up-fade-out {\r\n\t100% {\r\n\t\ttransform: translateY(-100%);\r\n\t\topacity: 0;\r\n\t}\r\n}\r\n\r\n@keyframes fade-out {\r\n\t100% {\r\n\t\topacity: 0;\r\n\t}\r\n}\r\n\r\n@keyframes slide-background {\r\n\t0% {\r\n\t\tbackground-position: 200% 0;\r\n\t}\r\n\r\n\t100% {\r\n\t\tbackground-position: -200% 0;\r\n\t}\r\n}\r\n\r\n.animation-fade {\r\n\tanimation: fade-out 0.4s ease-in forwards;\r\n\r\n\t@include prefers-reduced-motion {\r\n\t\tanimation-duration: 0s;\r\n\t}\r\n}\r\n\r\n.animation-slide-up {\r\n\tanimation: slide-up-fade-out 0.4s ease-in forwards;\r\n\r\n\t@include prefers-reduced-motion {\r\n\t\tanimation-duration: 0s;\r\n\t}\r\n}\r\n","@if ($focus-visible-use-polyfill) {\r\n\t.js-focus-visible .has-default-focus *:focus:not(.focus-visible),\r\n\t.js-focus-visible .default-focus *:focus:not(.focus-visible) {\r\n\t\toutline: none;\r\n\t}\r\n\r\n\t.focus-visible.has-inner-focus,\r\n\t.focus-visible.inner-focus {\r\n\t\toutline-offset: -$focus-width;\r\n\t}\r\n\r\n\t.has-default-focus,\r\n\t.default-focus {\r\n\t\t.is-focused,\r\n\t\t.focus-visible {\r\n\t\t\t@extend %focus;\r\n\r\n\t\t\t&.has-inner-focus,\r\n\t\t\t&.inner-focus {\r\n\t\t\t\toutline-color: currentColor;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n} @else {\r\n\t.has-default-focus *:focus-visible,\r\n\t.default-focus *:focus-visible {\r\n\t\t@extend %focus;\r\n\r\n\t\t&.has-inner-focus,\r\n\t\t&.inner-focus {\r\n\t\t\toutline-color: currentColor;\r\n\t\t\toutline-offset: -$focus-width;\r\n\t\t}\r\n\t}\r\n}\r\n\r\n:where(.is-focused) {\r\n\t@extend %focus;\r\n\r\n\t&.has-inner-focus,\r\n\t&.inner-focus {\r\n\t\toutline-color: currentColor;\r\n\t\toutline-offset: -$focus-width;\r\n\t}\r\n}\r\n","// https://bugs.chromium.org/p/chromium/issues/detail?id=589475&q=details%20box-sizing&can=2\r\n\r\ndetails,\r\ndetails > * {\r\n\tbox-sizing: border-box !important;\r\n}\r\n\r\n:where(html *),\r\n:where(html a),\r\n:where(html li) {\r\n\t// include a,li {} to override css reset/normalize; this is causing .focus-visible color issues\r\n\toutline-color: inherit;\r\n}\r\n\r\n:where(a) {\r\n\tcolor: $hyperlink;\r\n\ttext-decoration: none;\r\n\tcursor: pointer;\r\n\tword-wrap: break-word;\r\n}\r\n\r\n:where(a:hover) {\r\n\tcolor: $primary-hover;\r\n\ttext-decoration: underline;\r\n}\r\n\r\n:where(a:visited) {\r\n\tcolor: $visited;\r\n}\r\n\r\nfieldset {\r\n\tmin-width: 0; // as a replaced element min-width:0 is required to enable it to work in responsive layouts\r\n\tborder: none;\r\n}\r\n\r\n::target-text {\r\n\tbackground-color: $code-highlight-background;\r\n}\r\n","$accordion-font-size-sm: $font-size-9 !default;\r\n$accordion-font-size-md: $font-size-8 !default;\r\n$accordion-font-size-lg: $font-size-7 !default;\r\n$accordion-font-size-xl: $font-size-6 !default;\r\n$accordion-font-size-xxl: $font-size-5 !default;\r\n\r\n$accordion-gap: $layout-2 !default;\r\n$accordion-spacing: $spacer-4 !default;\r\n$accordion-transition: transform 0.15s !default;\r\n\r\n// Spacing and font-size\r\n\r\n@mixin accordion-summary-sizes($font-size) {\r\n\t$icon-before-offset-size: calc($font-size - 0.375rem);\r\n\t$icon-after-offset-size: calc($font-size - 0.5rem);\r\n\r\n\tsummary {\r\n\t\tfont-size: $font-size;\r\n\t}\r\n\r\n\t&:not(.accordion-icon-end) summary {\r\n\t\t&::before {\r\n\t\t\tmargin-block-start: $icon-before-offset-size;\r\n\t\t}\r\n\t}\r\n\r\n\t&.accordion-icon-end summary {\r\n\t\t&::after {\r\n\t\t\tmargin-block-start: $icon-after-offset-size;\r\n\t\t}\r\n\t}\r\n}\r\n\r\n.accordion {\r\n\t@include accordion-summary-sizes($accordion-font-size-md);\r\n\r\n\tsummary {\r\n\t\tdisplay: flex;\r\n\t\tline-height: 1.5;\r\n\t\tcursor: pointer;\r\n\t\tpadding-block: $accordion-spacing;\r\n\t\tgap: $accordion-gap;\r\n\r\n\t\t&::before,\r\n\t\t&::after {\r\n\t\t\t// Prevents chevron from being clipped when accordion title is long\r\n\t\t\tflex-shrink: 0;\r\n\t\t}\r\n\r\n\t\t&:hover {\r\n\t\t\tcolor: $primary-hover;\r\n\r\n\t\t\t&::before,\r\n\t\t\t&::after {\r\n\t\t\t\tborder-color: $primary-hover;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t.accordion-header {\r\n\t\t\tflex-grow: 1;\r\n\t\t}\r\n\t}\r\n\r\n\t&:not(.accordion-icon-end) {\r\n\t\tsummary::before {\r\n\t\t\t@include chevron-right;\r\n\r\n\t\t\ttransition: $accordion-transition;\r\n\t\t}\r\n\r\n\t\t&:dir(rtl) summary::before {\r\n\t\t\t@include chevron-right-rtl;\r\n\t\t}\r\n\t}\r\n\r\n\t&.accordion-icon-end {\r\n\t\tsummary::after {\r\n\t\t\t@include chevron-down;\r\n\r\n\t\t\ttransition: $accordion-transition;\r\n\t\t}\r\n\r\n\t\t&:dir(rtl) summary::after {\r\n\t\t\t@include chevron-down-rtl;\r\n\t\t}\r\n\t}\r\n\r\n\t&[open] {\r\n\t\t&:not(.accordion-icon-end) {\r\n\t\t\tsummary::before {\r\n\t\t\t\ttransform: $chevron-down-rotate translate(calc($chevron-arrow-size / 2), 0);\r\n\t\t\t}\r\n\r\n\t\t\t/* stylelint-disable-next-line selector-max-specificity, rule-empty-line-before */\r\n\t\t\t&:dir(rtl) summary::before {\r\n\t\t\t\ttransform: $chevron-down-rotate-rtl translate(calc($chevron-arrow-size / 2 * -1), 0);\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t&.accordion-icon-end {\r\n\t\t\tsummary::after {\r\n\t\t\t\ttransform: $chevron-up-rotate-scale-xy;\r\n\t\t\t}\r\n\r\n\t\t\t/* stylelint-disable-next-line selector-max-specificity, rule-empty-line-before */\r\n\t\t\t&:dir(rtl) summary::after {\r\n\t\t\t\ttransform: $chevron-up-rotate-scale-xy-rtl;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\t.accordion-content {\r\n\t\tfont-size: $accordion-font-size-md;\r\n\t}\r\n\r\n\t// Sizes\r\n\r\n\t&.accordion-sm {\r\n\t\t@include accordion-summary-sizes($accordion-font-size-sm);\r\n\t}\r\n\r\n\t&.accordion-lg {\r\n\t\t@include accordion-summary-sizes($accordion-font-size-lg);\r\n\t}\r\n\r\n\t&.accordion-xl {\r\n\t\t@include accordion-summary-sizes($accordion-font-size-xl);\r\n\t}\r\n\r\n\t&.accordion-xxl {\r\n\t\t@include accordion-summary-sizes($accordion-font-size-xxl);\r\n\t}\r\n}\r\n","$badge-padding-block: 0.2em !default;\r\n$badge-padding-inline: 0.5em !default;\r\n\r\n$badge-gap-size: 0.375em !default;\r\n\r\n$badge-font-size: $font-size-8 !default;\r\n$badge-font-size-sm: $font-size-9 !default;\r\n$badge-font-size-lg: $font-size-7 !default;\r\n$badge-font-weight: $weight-semibold !default;\r\n\r\n$badge-icon-font-size: 0.875em !default;\r\n\r\n$badge-border-width: $border-width !default;\r\n$badge-border-radius: $border-radius-rounded !default;\r\n\r\n.badge {\r\n\tdisplay: inline-flex;\r\n\talign-items: center;\r\n\tjustify-content: center;\r\n\tpadding: $badge-padding-block $badge-padding-inline;\r\n\tborder: $badge-border-width solid $border-white-high-contrast;\r\n\tborder-radius: $badge-border-radius;\r\n\tfont-size: $badge-font-size;\r\n\tfont-weight: $badge-font-weight;\r\n\tline-height: $line-height-normal;\r\n\twhite-space: nowrap;\r\n\tgap: $badge-gap-size;\r\n\r\n\t@each $name, $color-set in $colors {\r\n\t\t$base: nth($color-set, $color-index-base);\r\n\t\t$invert: nth($color-set, $color-index-invert);\r\n\t\t$dark: nth($color-set, $color-index-dark);\r\n\t\t$background: nth($color-set, $color-index-background);\r\n\r\n\t\t@if $name == 'secondary' {\r\n\t\t\tborder-color: $dark;\r\n\t\t\tbackground-color: $background;\r\n\t\t\tcolor: $dark;\r\n\t\t} @else {\r\n\t\t\t&.badge-#{$name} {\r\n\t\t\t\tborder-color: $dark;\r\n\t\t\t\tbackground-color: $background;\r\n\t\t\t\tcolor: $dark;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\t&.badge-clear {\r\n\t\tborder-color: transparent;\r\n\t\tbackground-color: transparent;\r\n\t}\r\n\r\n\t&.badge-filled {\r\n\t\t@each $name, $color-set in $colors {\r\n\t\t\t$base: nth($color-set, $color-index-base);\r\n\t\t\t$invert: nth($color-set, $color-index-invert);\r\n\t\t\t$dark: nth($color-set, $color-index-dark);\r\n\t\t\t$background: nth($color-set, $color-index-background);\r\n\r\n\t\t\t@if $name == 'secondary' {\r\n\t\t\t\tborder-color: $base;\r\n\t\t\t\tbackground-color: $base;\r\n\t\t\t\tcolor: $invert;\r\n\t\t\t} @else {\r\n\t\t\t\t&.badge-#{$name} {\r\n\t\t\t\t\tborder-color: $base;\r\n\t\t\t\t\tbackground-color: $base;\r\n\t\t\t\t\tcolor: $invert;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\t.icon {\r\n\t\tfont-size: $badge-icon-font-size;\r\n\t}\r\n\r\n\t// Sizes\r\n\r\n\t&.badge-sm {\r\n\t\tfont-size: $badge-font-size-sm;\r\n\t}\r\n\r\n\t&.badge-lg {\r\n\t\tfont-size: $badge-font-size-lg;\r\n\t}\r\n}\r\n","$banner-background: $info-background !default;\r\n$banner-padding: $spacer-5 !default;\r\n\r\n$banner-font-size: $font-size-7 !default;\r\n$banner-color: $info-dark !default;\r\n\r\n$banner-border-color: $border-white-high-contrast !default;\r\n$banner-border-width: $border-width !default;\r\n\r\n$banner-dismiss-margin: $spacer-2 !default;\r\n\r\n.banner {\r\n\t@extend %layout-gap;\r\n\r\n\tdisplay: grid;\r\n\tposition: relative;\r\n\tgrid-template: auto / 1fr auto;\r\n\tgrid-template-areas: 'banner-content dismiss';\r\n\toutline-color: $text;\r\n\tbackground-color: $banner-background;\r\n\tcolor: $banner-color;\r\n\tfont-size: $banner-font-size;\r\n\tline-height: $line-height-normal;\r\n\tpadding-block: $banner-padding;\r\n\tword-wrap: break-word;\r\n\tword-break: break-word;\r\n\tborder-block: $banner-border-width solid $banner-border-color;\r\n\r\n\t&.is-loading {\r\n\t\tcolor: transparent;\r\n\r\n\t\t> :first-child {\r\n\t\t\tmargin-inline-start: calc($banner-padding + 0.375em);\r\n\t\t}\r\n\r\n\t\t&::before {\r\n\t\t\t@include loader;\r\n\r\n\t\t\tposition: absolute;\r\n\t\t\tinset-block-start: $banner-padding;\r\n\t\t\tinset-inline-start: $layout-gap;\r\n\t\t\tborder-color: transparent transparent $banner-color $banner-color;\r\n\r\n\t\t\t@include widescreen {\r\n\t\t\t\tinset-inline-start: $layout-widescreen-gap;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\t.banner-content {\r\n\t\tgrid-area: banner-content;\r\n\r\n\t\ta:not(.button) {\r\n\t\t\tcolor: currentColor;\r\n\t\t\tfont-weight: $weight-semibold;\r\n\t\t\ttext-decoration: underline;\r\n\r\n\t\t\t.theme-high-contrast & {\r\n\t\t\t\tcolor: $hyperlink;\r\n\t\t\t}\r\n\r\n\t\t\t&:hover {\r\n\t\t\t\ttext-decoration-thickness: 0.15em;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\t.banner-dismiss {\r\n\t\t@include dismiss-square;\r\n\r\n\t\tgrid-area: dismiss;\r\n\t\tmargin-inline-start: $banner-dismiss-margin;\r\n\t}\r\n}\r\n","$breadcrumb-font-size: $font-size-8 !default;\r\n$breadcrumb-spacing-horizontal: 0.25em !default;\r\n$breadcrumb-spacing-vertical: 0.375em !default;\r\n$breadcrumb-separator: '\\00200B/' !default;\r\n\r\n%breadcrumbs-slash {\r\n\tdisplay: inline-block;\r\n\tcolor: $text-subtle;\r\n\tcontent: $breadcrumb-separator;\r\n}\r\n\r\n.breadcrumbs {\r\n\tfont-size: $breadcrumb-font-size;\r\n\r\n\t.breadcrumbs-item {\r\n\t\tdisplay: inline-block;\r\n\t\tpadding-block: $breadcrumb-spacing-vertical;\r\n\r\n\t\t&:not(.breadcrumbs-item-slashless)::after {\r\n\t\t\t@extend %breadcrumbs-slash;\r\n\r\n\t\t\tmargin-inline: $breadcrumb-spacing-horizontal;\r\n\t\t}\r\n\t}\r\n\r\n\t// stylelint-disable selector-max-specificity\r\n\r\n\t&.breadcrumbs-initial-slash {\r\n\t\t.breadcrumbs-item:first-child::before,\r\n\t\t.breadcrumbs-item[hidden] + .breadcrumbs-item::before {\r\n\t\t\t@extend %breadcrumbs-slash;\r\n\r\n\t\t\tmargin-inline: 0.0625em $breadcrumb-spacing-horizontal;\r\n\t\t}\r\n\t}\r\n\t// stylelint-enable\r\n}\r\n","@use 'sass:map';\r\n\r\n$button-color: $text !default;\r\n$button-background-color: $body-background !default;\r\n\r\n$button-lg-font-size: $font-size-6 !default;\r\n$button-sm-font-size: $font-size-8 !default;\r\n\r\n$button-icon-font-size: 0.875em !default;\r\n\r\n$button-border-color: $text-subtle !default;\r\n$button-border-width: $control-border-width !default;\r\n$button-border-radius: $control-radius !default;\r\n\r\n$button-padding-vertical: calc(0.375em - #{$button-border-width}) !default;\r\n$button-padding-horizontal: 0.75em !default;\r\n\r\n$button-hover-color: $text !default;\r\n$button-hover-border-color: $default-hover !default;\r\n$button-hover-background-color: $default-hover-invert !default;\r\n\r\n$button-disabled-background-color: $body-background-medium !default;\r\n$button-disabled-shadow: none !default;\r\n$button-disabled-opacity: 0.5 !default;\r\n\r\n$button-icon-spacing: 0.375em !default;\r\n$button-font-weight: $weight-semibold !default;\r\n\r\n.button {\r\n\t@include control;\r\n\t@include unselectable;\r\n\r\n\tjustify-content: center;\r\n\tpadding-block-start: $button-padding-vertical;\r\n\tpadding-block-end: $button-padding-vertical;\r\n\tborder-width: $button-border-width;\r\n\tborder-radius: $button-border-radius;\r\n\tborder-color: $button-border-color;\r\n\tbackground-color: $button-background-color;\r\n\tcolor: $button-color;\r\n\tfont-weight: $button-font-weight;\r\n\ttext-align: center;\r\n\ttext-decoration: none;\r\n\tcursor: pointer;\r\n\tpadding-inline-start: $button-padding-horizontal;\r\n\tpadding-inline-end: $button-padding-horizontal;\r\n\r\n\tstrong {\r\n\t\tcolor: inherit;\r\n\t}\r\n\r\n\t.icon {\r\n\t\tfont-size: $button-icon-font-size;\r\n\r\n\t\t&:only-child {\r\n\t\t\tmargin: 0;\r\n\t\t}\r\n\r\n\t\t&:first-child:not(:only-child) {\r\n\t\t\tmargin-inline-end: $button-icon-spacing;\r\n\t\t}\r\n\r\n\t\t&:last-child:not(:only-child) {\r\n\t\t\tmargin-inline-start: $button-icon-spacing;\r\n\t\t}\r\n\t}\r\n\r\n\t&:hover,\r\n\t&.is-hovered {\r\n\t\tborder-color: $button-hover-border-color;\r\n\t\tbackground-color: $button-hover-background-color;\r\n\t\tcolor: $button-hover-color;\r\n\t}\r\n\r\n\t&:visited {\r\n\t\tcolor: $button-color;\r\n\t}\r\n\r\n\t// Sizes\r\n\r\n\t&.button-sm {\r\n\t\tfont-size: $button-sm-font-size;\r\n\t}\r\n\r\n\t&.button-lg {\r\n\t\tfont-size: $button-lg-font-size;\r\n\t}\r\n\r\n\t// Modifiers\r\n\r\n\t&.is-disabled,\r\n\t&[disabled] {\r\n\t\tborder-color: currentColor;\r\n\t\tbackground-color: $button-disabled-background-color;\r\n\t\topacity: $button-disabled-opacity;\r\n\t\tbox-shadow: $button-disabled-shadow;\r\n\t}\r\n\r\n\t&.button-block {\r\n\t\tdisplay: flex;\r\n\t\twidth: 100%;\r\n\t}\r\n\r\n\t&.is-loading {\r\n\t\tcolor: transparent !important;\r\n\t\tpointer-events: none;\r\n\r\n\t\t&::after {\r\n\t\t\t@include loader;\r\n\t\t\t@include center(1em);\r\n\r\n\t\t\tposition: absolute !important;\r\n\t\t\tborder-block-end-color: $text;\r\n\t\t\tborder-inline-start-color: $text;\r\n\t\t}\r\n\t}\r\n\r\n\t@each $name, $color-set in $colors {\r\n\t\t$base: nth($color-set, $color-index-base);\r\n\t\t$dark: nth($color-set, $color-index-dark);\r\n\t\t$background: nth($color-set, $color-index-background);\r\n\r\n\t\t&.button-#{$name} {\r\n\t\t\t@if $name == 'warning' {\r\n\t\t\t\tborder-color: $dark;\r\n\t\t\t\tcolor: $dark;\r\n\t\t\t} @else {\r\n\t\t\t\tborder-color: $base;\r\n\t\t\t\tcolor: $base;\r\n\t\t\t}\r\n\r\n\t\t\t&:hover,\r\n\t\t\t&.is-hovered {\r\n\t\t\t\tbackground-color: $background;\r\n\t\t\t\tcolor: $dark;\r\n\t\t\t}\r\n\r\n\t\t\t&.is-loading::after {\r\n\t\t\t\tborder-color: transparent transparent $base $base !important;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}\r\n\r\n$button-clear-hover-background-color: transparentize(#8e8e8e, 0.95) !default;\r\n\r\n.button.button-clear {\r\n\tborder-color: transparent;\r\n\tbackground-color: transparent;\r\n\r\n\t&.border {\r\n\t\t// an allowed hack to make for flexible outlined buttons\r\n\t\t// does not support loading states\r\n\t\tborder-color: currentColor !important;\r\n\t}\r\n\r\n\t&,\r\n\t&:visited {\r\n\t\tcolor: currentColor;\r\n\t}\r\n\r\n\t&.is-hovered,\r\n\t&:hover,\r\n\t&:active {\r\n\t\tbackground-color: $button-clear-hover-background-color;\r\n\t}\r\n\r\n\t@each $name, $color-set in $colors {\r\n\t\t$base: nth($color-set, $color-index-base);\r\n\t\t$dark: nth($color-set, $color-index-dark);\r\n\t\t$background: nth($color-set, $color-index-background);\r\n\r\n\t\t&.button-#{$name} {\r\n\t\t\tcolor: $base;\r\n\t\t\t@if $name == 'warning' {\r\n\t\t\t\tcolor: $dark;\r\n\t\t\t}\r\n\r\n\t\t\t&:hover,\r\n\t\t\t&.is-hovered {\r\n\t\t\t\tbackground-color: $background;\r\n\t\t\t\tcolor: $dark;\r\n\t\t\t}\r\n\r\n\t\t\t&.is-disabled,\r\n\t\t\t&[disabled] {\r\n\t\t\t\tbackground-color: transparent;\r\n\t\t\t\tcolor: $base;\r\n\t\t\t\tbox-shadow: none;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}\r\n\r\n$button-filled-background-color: $alternate-background-medium !default;\r\n$button-filled-background-color-hover: $alternate-background !default;\r\n$button-filled-text-color: $text-invert !default;\r\n\r\n.button.button-filled {\r\n\tborder-color: $button-filled-background-color;\r\n\tbackground-color: $button-filled-background-color;\r\n\tcolor: $button-filled-text-color;\r\n\r\n\t&:hover,\r\n\t&.is-hovered {\r\n\t\tbackground-color: $button-filled-background-color-hover;\r\n\t}\r\n\r\n\t&.is-loading::after {\r\n\t\t@include loader;\r\n\r\n\t\tborder-color: transparent transparent $button-filled-text-color $button-filled-text-color !important;\r\n\t}\r\n\r\n\t@each $name, $color-set in $colors {\r\n\t\t$base: nth($color-set, $color-index-base);\r\n\t\t$hover: nth($color-set, $color-index-hover);\r\n\t\t$active: nth($color-set, $color-index-active);\r\n\t\t$invert: nth($color-set, $color-index-invert);\r\n\t\t$background: nth($color-set, $color-index-background);\r\n\r\n\t\t&.button-#{$name} {\r\n\t\t\tborder-color: $base;\r\n\t\t\tbackground-color: $base;\r\n\t\t\tcolor: $invert;\r\n\r\n\t\t\t&:hover,\r\n\t\t\t&.is-hovered {\r\n\t\t\t\tborder-color: $hover;\r\n\t\t\t\tbackground-color: $hover;\r\n\t\t\t\tcolor: $invert;\r\n\t\t\t}\r\n\r\n\t\t\t&.is-loading::after {\r\n\t\t\t\t@include loader;\r\n\r\n\t\t\t\tborder-color: transparent transparent $invert $invert !important;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}\r\n","/* stylelint-disable selector-max-specificity, max-nesting-depth */\r\n\r\n.buttons {\r\n\tdisplay: flex;\r\n\tflex-wrap: wrap;\r\n\talign-items: center;\r\n\tjustify-content: flex-start;\r\n\r\n\t&.buttons-centered {\r\n\t\tjustify-content: center;\r\n\t}\r\n\r\n\t&.buttons-right {\r\n\t\tjustify-content: flex-end;\r\n\t}\r\n\r\n\t.button {\r\n\t\tmargin-block-end: 0.5rem;\r\n\t\tmargin-inline-end: 0.5rem;\r\n\r\n\t\t&:only-child,\r\n\t\t&.is-fullwidth,\r\n\t\t&.is-full-width {\r\n\t\t\tmargin-inline-end: 0;\r\n\t\t}\r\n\r\n\t\t&.is-full-width-mobile,\r\n\t\t&.is-fullwidth-mobile {\r\n\t\t\tmargin-inline-end: 0;\r\n\r\n\t\t\t@include tablet {\r\n\t\t\t\tmargin-inline-end: 0.5rem;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\t&:last-child {\r\n\t\tmargin-block-end: -0.5rem;\r\n\t}\r\n\r\n\t&:not(:last-child) {\r\n\t\tmargin-block-end: 1rem;\r\n\t}\r\n\r\n\t&.buttons-addons {\r\n\t\t.button {\r\n\t\t\t&:not(:first-child) {\r\n\t\t\t\tborder-bottom-#{$user-left}-radius: 0;\r\n\t\t\t\tborder-top-#{$user-left}-radius: 0;\r\n\t\t\t}\r\n\r\n\t\t\t&:not(:last-child) {\r\n\t\t\t\tborder-bottom-#{$user-right}-radius: 0;\r\n\t\t\t\tborder-top-#{$user-right}-radius: 0;\r\n\t\t\t\tmargin-inline-end: -1px;\r\n\t\t\t}\r\n\r\n\t\t\t&:last-child {\r\n\t\t\t\tmargin-inline-end: 0;\r\n\t\t\t}\r\n\r\n\t\t\t&:hover,\r\n\t\t\t&.is-hovered {\r\n\t\t\t\tz-index: $zindex-hover;\r\n\t\t\t}\r\n\r\n\t\t\t&.is-focused,\r\n\t\t\t&:active,\r\n\t\t\t&.is-active,\r\n\t\t\t&.is-selected {\r\n\t\t\t\tz-index: $zindex-focus;\r\n\r\n\t\t\t\t&:hover {\r\n\t\t\t\t\tz-index: $zindex-multi;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\t\t\t@include focus-visible {\r\n\t\t\t\tz-index: $zindex-focus;\r\n\r\n\t\t\t\t&:hover {\r\n\t\t\t\t\tz-index: $zindex-multi;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\t\t\t&.is-expanded {\r\n\t\t\t\tflex-grow: 1;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}\r\n\r\n/* stylelint-enable selector-max-specificity, max-nesting-depth */\r\n","$card-color: $text !default;\r\n$card-shadow: $box-shadow-light;\r\n$card-padding: $spacer-5;\r\n$card-border-radius: $border-radius-sm;\r\n$card-row-gap: $spacer-3 !default;\r\n$card-column-gap: $spacer-5 !default;\r\n\r\n.card {\r\n\tdisplay: flex;\r\n\tposition: relative;\r\n\tflex-direction: column;\r\n\tjustify-content: flex-start;\r\n\tmax-width: 100%;\r\n\tpadding: $card-padding 0 0;\r\n\tborder: 1px solid $border-white-high-contrast;\r\n\tborder-radius: $card-border-radius;\r\n\toutline-color: $text;\r\n\tbackground-color: $card-background;\r\n\tcolor: $card-color;\r\n\tbox-shadow: $card-shadow;\r\n\r\n\t> :first-child {\r\n\t\tborder-start-end-radius: $card-border-radius;\r\n\t\tborder-start-start-radius: $card-border-radius;\r\n\t}\r\n\r\n\t> :last-child {\r\n\t\tborder-end-end-radius: $card-border-radius;\r\n\t\tborder-end-start-radius: $card-border-radius;\r\n\t}\r\n\r\n\t.card-template {\r\n\t\tdisplay: grid;\r\n\t\tflex-grow: 1;\r\n\t\tpadding: $card-padding;\r\n\t\tgrid-template: auto / 1fr $spacer-10;\r\n\t\tgap: $card-row-gap $card-column-gap;\r\n\t\tgrid-template-areas:\r\n\t\t\t'supertitle supertitle'\r\n\t\t\t'title title'\r\n\t\t\t'detail icon';\r\n\r\n\t\t/* stylelint-disable no-descending-specificity */\r\n\r\n\t\t.card-title {\r\n\t\t\tmargin-block-end: $spacer-5;\r\n\t\t}\r\n\t}\r\n\r\n\t.card-template-icon {\r\n\t\tmargin-block-start: auto;\r\n\t\tgrid-area: icon;\r\n\t\twidth: $spacer-10;\r\n\t\theight: $spacer-10;\r\n\t}\r\n\r\n\t.card-template-detail {\r\n\t\tdisplay: flex;\r\n\t\tflex-direction: column;\r\n\t\talign-self: stretch;\r\n\t\tjustify-content: flex-end;\r\n\t\tfont-size: $font-size-9;\r\n\t\tline-height: 1.25;\r\n\t\tgrid-area: detail;\r\n\t}\r\n\r\n\t.card-header {\r\n\t\tposition: relative;\r\n\t\tmargin-block-end: 1.125rem;\r\n\r\n\t\t.card-header-image {\r\n\t\t\tposition: relative;\r\n\t\t\twidth: 64px;\r\n\t\t\theight: 64px;\r\n\r\n\t\t\timg,\r\n\t\t\tsvg {\r\n\t\t\t\t@include overlay;\r\n\r\n\t\t\t\tdisplay: block;\r\n\t\t\t\twidth: 100%;\r\n\t\t\t\theight: 100%;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\t.card-header,\r\n\t.card-content,\r\n\t.card-template {\r\n\t\tpadding-inline: $card-padding;\r\n\r\n\t\t&:first-child {\r\n\t\t\tpadding-block-start: $card-padding;\r\n\t\t\tmargin-block-start: -$card-padding;\r\n\t\t}\r\n\t}\r\n\r\n\t// optional prescriptive inner elements\r\n\r\n\t.card-supertitle {\r\n\t\t@include line-clamp(1);\r\n\r\n\t\tfont-size: $font-size-9;\r\n\t\tletter-spacing: $letter-spacing-wide;\r\n\t\tline-height: 1;\r\n\t\ttext-transform: uppercase;\r\n\t\tgrid-area: supertitle;\r\n\t}\r\n\r\n\t// includes some resets for <a> and <button>\r\n\r\n\t.card-title {\r\n\t\t@include line-clamp(3);\r\n\r\n\t\tflex-grow: 1;\r\n\t\tmargin: 0;\r\n\t\tpadding: 0;\r\n\t\tborder: none;\r\n\t\tcolor: $primary;\r\n\t\tfont-size: $font-size-7;\r\n\t\tfont-weight: $weight-semibold;\r\n\t\tline-height: 1.25;\r\n\t\ttext-align: start;\r\n\t\ttext-decoration: none;\r\n\t\tappearance: none;\r\n\t\tgrid-area: title;\r\n\r\n\t\t&:first-child {\r\n\t\t\tmargin-block-start: none;\r\n\t\t}\r\n\r\n\t\t&:only-child {\r\n\t\t\tmargin: 0;\r\n\t\t}\r\n\r\n\t\t&:visited {\r\n\t\t\tcolor: $visited;\r\n\t\t}\r\n\t}\r\n\r\n\t/* stylelint-disable selector-no-qualifying-type */\r\n\r\n\ta.card-title:hover,\r\n\tbutton.card-title:hover {\r\n\t\ttext-decoration: underline;\r\n\t\tcursor: pointer;\r\n\t}\r\n\r\n\t.card-content {\r\n\t\tflex-grow: 1;\r\n\t\tmargin-block-end: 1.125rem;\r\n\r\n\t\t> *:not(:first-child) {\r\n\t\t\tmargin-block-start: 0.5rem;\r\n\t\t}\r\n\t}\r\n\r\n\t.card-content-description {\r\n\t\t@include line-clamp(4);\r\n\r\n\t\tmax-height: inherit;\r\n\t\tpadding-block-end: 0;\r\n\t\tfont-size: $font-size-8;\r\n\t\tline-height: 1.25;\r\n\t}\r\n\r\n\t.card-footer {\r\n\t\tdisplay: flex;\r\n\t\tflex-wrap: nowrap;\r\n\t\tjustify-content: space-between;\r\n\t\tborder-block-start: 1px solid $border;\r\n\t\tmargin-inline: $card-padding;\r\n\r\n\t\t// Artificial alignment of card item, intended for use on when there's only a single .card-footer-items\r\n\r\n\t\t&.card-footer-left,\r\n\t\t&.card-footer-right {\r\n\t\t\t.card-footer-item {\r\n\t\t\t\tflex-grow: 0;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t&.card-footer-left {\r\n\t\t\tjustify-content: flex-start;\r\n\t\t}\r\n\r\n\t\t&.card-footer-right {\r\n\t\t\tjustify-content: flex-end;\r\n\t\t}\r\n\r\n\t\t.card-footer-item {\r\n\t\t\tdisplay: flex;\r\n\t\t\tflex-grow: 1;\r\n\t\t\tflex-shrink: 1;\r\n\t\t\talign-items: center;\r\n\t\t\tpadding-block: 0.375rem;\r\n\r\n\t\t\t&:first-child,\r\n\t\t\t&:only-child {\r\n\t\t\t\tjustify-content: flex-start;\r\n\t\t\t}\r\n\r\n\t\t\t&:last-child {\r\n\t\t\t\tjustify-content: flex-end;\r\n\t\t\t}\r\n\r\n\t\t\t/* stylelint-disable selector-max-specificity */\r\n\r\n\t\t\t&:not(:last-child):not(:first-child):not(:only-child) {\r\n\t\t\t\tjustify-content: center;\r\n\t\t\t}\r\n\r\n\t\t\t/* stylelint-enable selector-max-specificity */\r\n\r\n\t\t\t// Allow buttons to fit perfectly in card footer\r\n\r\n\t\t\t.buttons {\r\n\t\t\t\tmargin-block: 0;\r\n\t\t\t}\r\n\r\n\t\t\t.button {\r\n\t\t\t\tmargin-block-end: 0;\r\n\t\t\t}\r\n\r\n\t\t\t/* stylelint-disable selector-max-specificity */\r\n\r\n\t\t\t.button:last-child {\r\n\t\t\t\tmargin-inline-end: 0;\r\n\t\t\t}\r\n\r\n\t\t\t/* stylelint-enable selector-max-specificity */\r\n\t\t}\r\n\t}\r\n\r\n\t@include tablet {\r\n\t\t&.card-horizontal {\r\n\t\t\tflex-flow: row wrap;\r\n\r\n\t\t\t.card-content {\r\n\t\t\t\tpadding-inline-start: 0;\r\n\t\t\t\tmax-width: calc(100% - 7rem);\r\n\t\t\t\tpadding-inline-end: $spacer-10 + $spacer-5;\r\n\t\t\t}\r\n\r\n\t\t\t.card-footer {\r\n\t\t\t\tflex-grow: 1;\r\n\t\t\t\tflex-shrink: 1;\r\n\t\t\t\twidth: 100%;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}\r\n",".button-reset {\r\n\t@include transparent-effects;\r\n\r\n\tdisplay: inline-block;\r\n\tpadding: 0;\r\n\tborder: 0;\r\n\tcursor: pointer;\r\n}\r\n","$label-color: $text !default;\r\n$label-font-size: $font-size-7 !default;\r\n$label-font-weight: $weight-semibold !default;\r\n\r\n@mixin label {\r\n\tdisplay: block;\r\n\tcolor: $label-color;\r\n\tfont-size: $label-font-size;\r\n\tfont-weight: $label-font-weight;\r\n}\r\n\r\n.label {\r\n\t@include label;\r\n}\r\n","$help-color: $text !default;\r\n$help-danger-color: $danger !default;\r\n$help-success-color: $success !default;\r\n$help-font-size: $font-size-8 !default;\r\n\r\n.help {\r\n\tdisplay: block;\r\n\tcolor: $help-color;\r\n\tfont-size: $help-font-size;\r\n\r\n\t&.help-danger {\r\n\t\tcolor: $help-danger-color;\r\n\t}\r\n\r\n\t&.help-success {\r\n\t\tcolor: $help-success-color;\r\n\t}\r\n}\r\n","/* stylelint-disable selector-max-specificity, max-nesting-depth, selector-no-qualifying-type */\r\n\r\n$checkbox-border-radius: $border-radius !default;\r\n$checkbox-border-width: 0.0625em !default;\r\n$checkbox-unchecked-border-color: $control-border !default;\r\n$checkbox-invalid-border-color: $danger !default;\r\n$checkbox-color: $primary !default;\r\n$checkbox-check-color: $primary-invert !default;\r\n$checkbox-check-hover-color: $text-subtle !default;\r\n$checkbox-size: 1.25em !default;\r\n$checkbox-check-height: 0.75em !default;\r\n$checkbox-check-top: 0.125em !default;\r\n$checkbox-check-width: 0.3125em !default;\r\n$checkbox-check-thickness: 0.125em !default;\r\n$checkbox-timing-function: $input-timing-function !default;\r\n$checkbox-duration: $input-transition-duration !default;\r\n$checkbox-spacing: $spacer-3 !default;\r\n\r\n@mixin checkmark {\r\n\tdisplay: block;\r\n\tposition: absolute;\r\n\tinset-block-start: $checkbox-check-top;\r\n\twidth: $checkbox-check-width;\r\n\theight: $checkbox-check-height;\r\n\ttransform: rotate(45deg);\r\n\tborder: solid $checkbox-check-hover-color;\r\n\tborder-width: 0 $checkbox-check-thickness $checkbox-check-thickness 0;\r\n\tcontent: '';\r\n}\r\n\r\n.checkbox {\r\n\tdisplay: flex;\r\n\tposition: relative;\r\n\talign-items: center;\r\n\tline-height: 1.25;\r\n\tcursor: pointer;\r\n\r\n\t&:not(:last-child) {\r\n\t\tmargin-block-end: $checkbox-spacing;\r\n\t}\r\n\r\n\t.checkbox-check {\r\n\t\tdisplay: flex;\r\n\t\tposition: relative;\r\n\t\tflex-shrink: 0;\r\n\t\talign-items: center;\r\n\t\tjustify-content: center;\r\n\t\twidth: $checkbox-size;\r\n\t\theight: $checkbox-size;\r\n\t\ttransition-duration: $checkbox-duration;\r\n\t\ttransition-property: background, border, border-color;\r\n\t\ttransition-timing-function: $checkbox-timing-function;\r\n\t\tborder: $checkbox-border-width solid $checkbox-unchecked-border-color;\r\n\t\tborder-radius: $checkbox-border-radius;\r\n\r\n\t\t&:not(:last-child) {\r\n\t\t\tmargin-inline-end: $checkbox-spacing;\r\n\t\t}\r\n\r\n\t\t&::before {\r\n\t\t\tcontent: '\\0020';\r\n\t\t}\r\n\t}\r\n\r\n\t&.checkbox-sm {\r\n\t\t@include control-sm;\r\n\t}\r\n\r\n\t&.checkbox-lg {\r\n\t\t@include control-lg;\r\n\t}\r\n\r\n\tinput[type='checkbox'] {\r\n\t\t@include visually-hidden();\r\n\r\n\t\t&:checked + .checkbox-check {\r\n\t\t\tborder-color: $checkbox-color;\r\n\t\t\tbackground-color: $checkbox-color;\r\n\r\n\t\t\t&::before {\r\n\t\t\t\t@include checkmark;\r\n\r\n\t\t\t\tborder-color: $checkbox-check-color;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t&[disabled] {\r\n\t\t\t+ .checkbox-check {\r\n\t\t\t\tborder-color: $checkbox-unchecked-border-color;\r\n\t\t\t\topacity: 0.6;\r\n\t\t\t}\r\n\r\n\t\t\t+ .checkbox-check,\r\n\t\t\t~ .checkbox-text {\r\n\t\t\t\tcursor: not-allowed;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t@include focus-visible {\r\n\t\t\t+ .checkbox-check {\r\n\t\t\t\t@extend %focus;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\t&.checkbox-muted {\r\n\t\tinput[type='checkbox'] {\r\n\t\t\t&:checked + .checkbox-check {\r\n\t\t\t\tborder-color: $text-subtle;\r\n\t\t\t\tbackground-color: $text-subtle;\r\n\r\n\t\t\t\t&::before {\r\n\t\t\t\t\tborder-color: $text-invert;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\t.checkbox-check.is-checked {\r\n\t\tborder-color: $checkbox-color;\r\n\t\tbackground-color: $checkbox-color;\r\n\r\n\t\t&::before {\r\n\t\t\t@include checkmark;\r\n\r\n\t\t\tborder-color: $checkbox-check-color;\r\n\t\t}\r\n\t}\r\n\r\n\t&.is-invalid {\r\n\t\tinput[type='checkbox']:not(:checked) + .checkbox-check {\r\n\t\t\tborder-color: $checkbox-invalid-border-color;\r\n\t\t}\r\n\t}\r\n\r\n\t&:hover {\r\n\t\tinput[type='checkbox']:not(:checked):not([disabled]) + .checkbox-check::before {\r\n\t\t\t@include checkmark;\r\n\t\t}\r\n\t}\r\n}\r\n","$input-color: $text !default;\r\n$input-background-color: $body-background !default;\r\n$input-border-color: $control-border !default;\r\n$input-border-bottom-color: $control-border-bottom !default;\r\n$input-placeholder-color: $text-subtle !default;\r\n\r\n$input-hover-color: $text !default;\r\n$input-hover-border-color: $secondary !default;\r\n$input-focus-border-color: $primary !default;\r\n\r\n$input-disabled-color: $text-subtle !default;\r\n$input-disabled-background-color: $body-background-medium !default;\r\n$input-disabled-border-color: $table-border-dark !default;\r\n\r\n$input-danger-border-color: $danger !default;\r\n$input-success-border-color: $success !default;\r\n\r\n$input-focus-box-shadow-size: 0 0.0625rem 0 0 !default;\r\n\r\n$input-icon-size: 2.25em !default;\r\n$input-icon-color: $text-subtle !default;\r\n$input-icon-active-color: $secondary !default;\r\n\r\n.input {\r\n\t@include control;\r\n\r\n\twidth: 100%;\r\n\tmax-width: 100%;\r\n\tborder-color: $input-border-color;\r\n\tborder-block-end-color: $input-border-bottom-color;\r\n\tbackground-color: $input-background-color;\r\n\tcolor: $input-color !important;\r\n\r\n\t&::placeholder {\r\n\t\tcolor: $input-placeholder-color;\r\n\t}\r\n\r\n\t&:hover {\r\n\t\tborder-color: $input-hover-border-color;\r\n\t\tborder-block-end-color: $input-border-bottom-color;\r\n\t}\r\n\r\n\t&[disabled] {\r\n\t\tborder-color: $input-disabled-border-color;\r\n\t\tbackground-color: $input-disabled-background-color;\r\n\t\tcolor: $input-disabled-color;\r\n\t}\r\n\r\n\t@include focus-visible {\r\n\t\t@extend %focus;\r\n\r\n\t\tborder-block-end-color: $input-focus-border-color;\r\n\t\toutline-color: transparent;\r\n\t\toutline-offset: 0;\r\n\t\toutline-style: solid;\r\n\t\tbox-shadow: $input-focus-box-shadow-size $input-focus-border-color;\r\n\t}\r\n\r\n\t&.input-sm {\r\n\t\t@include control-sm;\r\n\t}\r\n\r\n\t&.input-lg {\r\n\t\t@include control-lg;\r\n\t}\r\n\r\n\t&.input-danger {\r\n\t\tborder-color: $input-danger-border-color;\r\n\r\n\t\t@include focus-visible() {\r\n\t\t\tborder-color: $input-border-color;\r\n\t\t\tborder-block-end-color: $input-danger-border-color;\r\n\t\t\tbox-shadow: $input-focus-box-shadow-size $input-danger-border-color;\r\n\t\t}\r\n\t}\r\n\r\n\t&.input-success {\r\n\t\tborder-color: $input-success-border-color;\r\n\r\n\t\t@include focus-visible() {\r\n\t\t\tborder-color: $input-border-color;\r\n\t\t\tborder-block-end-color: $input-success-border-color;\r\n\t\t\tbox-shadow: $input-focus-box-shadow-size $input-success-border-color;\r\n\t\t}\r\n\t}\r\n\r\n\t&.input-icon-right {\r\n\t\tpadding-inline-end: $input-icon-size;\r\n\r\n\t\t~ .icon {\r\n\t\t\tinset-inline-start: unset !important;\r\n\t\t\tinset-inline-end: 0;\r\n\t\t}\r\n\r\n\t\t.input[type='date'] {\r\n\t\t\tposition: relative;\r\n\r\n\t\t\t&::-webkit-calendar-picker-indicator {\r\n\t\t\t\tposition: absolute;\r\n\t\t\t\twidth: 1.5em;\r\n\t\t\t\tbackground: none;\r\n\t\t\t\tcolor: transparent;\r\n\t\t\t\tinset-inline-end: 0;\r\n\t\t\t\tz-index: $zindex-dropdown;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\t&.input-icon,\r\n\t&.input-icon-right {\r\n\t\tpadding-inline-start: $input-icon-size;\r\n\r\n\t\t&.input-icon-right {\r\n\t\t\tpadding-inline-start: $control-padding-horizontal;\r\n\t\t}\r\n\r\n\t\t+ .icon {\r\n\t\t\t@include fill-current-color();\r\n\r\n\t\t\tposition: absolute;\r\n\t\t\tinset-block-start: 0;\r\n\t\t\tinset-inline-start: 0;\r\n\t\t\twidth: $input-icon-size;\r\n\t\t\theight: 100%;\r\n\t\t\tcolor: $input-icon-color;\r\n\t\t\tpointer-events: none;\r\n\t\t\tz-index: $zindex-multi;\r\n\t\t}\r\n\r\n\t\t@include focus-visible {\r\n\t\t\t+ .icon {\r\n\t\t\t\tcolor: $input-icon-active-color;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t&.input-sm {\r\n\t\t\t~ .icon svg {\r\n\t\t\t\twidth: 0.875em;\r\n\t\t\t\theight: 0.875em;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t&.input-lg {\r\n\t\t\t~ .icon svg {\r\n\t\t\t\twidth: 1.125em;\r\n\t\t\t\theight: 1.125em;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}\r\n","$textarea-color: $text !default;\r\n$textarea-background-color: $body-background !default;\r\n$textarea-border-color: $control-border !default;\r\n$textarea-border-bottom-color: $control-border-bottom !default;\r\n$textarea-placeholder-color: $text-subtle !default;\r\n\r\n$textarea-hover-color: $text !default;\r\n$textarea-hover-border-color: $secondary !default;\r\n$textarea-focus-border-color: $primary !default;\r\n\r\n$textarea-disabled-color: $text-subtle !default;\r\n$textarea-disabled-background-color: $body-background-medium !default;\r\n$textarea-disabled-border-color: $table-border-dark !default;\r\n\r\n$textarea-danger-border-color: $danger !default;\r\n$textarea-success-border-color: $success !default;\r\n\r\n$textarea-focus-box-shadow-size: 0 0.125rem 0 0 !default;\r\n\r\n.textarea {\r\n\t@include control;\r\n\r\n\tdisplay: block;\r\n\twidth: 100%;\r\n\tmax-width: 100%;\r\n\tresize: vertical;\r\n\ttransition: box-shadow 300ms linear;\r\n\tborder-color: $textarea-border-color;\r\n\tborder-block-end-color: $textarea-border-bottom-color;\r\n\tbackground-color: $textarea-background-color;\r\n\tcolor: $textarea-color !important;\r\n\r\n\t&[rows] {\r\n\t\theight: initial;\r\n\t}\r\n\r\n\t&:not([rows]) {\r\n\t\tmin-height: 100px;\r\n\t\tmax-height: 600px;\r\n\t}\r\n\r\n\t&::placeholder {\r\n\t\tcolor: $textarea-placeholder-color;\r\n\t}\r\n\r\n\t&:hover {\r\n\t\tborder-color: $textarea-hover-border-color;\r\n\t\tborder-block-end-color: $textarea-border-bottom-color;\r\n\t}\r\n\r\n\t&[disabled] {\r\n\t\tborder-color: $textarea-disabled-border-color;\r\n\t\tbackground-color: $textarea-disabled-background-color;\r\n\t\tcolor: $textarea-disabled-color;\r\n\t}\r\n\r\n\t@include focus-visible {\r\n\t\t@extend %focus;\r\n\r\n\t\tborder-block-end-color: $textarea-focus-border-color;\r\n\t\toutline-color: transparent;\r\n\t\toutline-offset: 0;\r\n\t\toutline-style: solid;\r\n\t\tbox-shadow: $textarea-focus-box-shadow-size $textarea-focus-border-color;\r\n\t}\r\n\r\n\t&.textarea-fixed-height {\r\n\t\tresize: none;\r\n\t}\r\n\r\n\t&.textarea-danger {\r\n\t\tborder-color: $textarea-danger-border-color;\r\n\r\n\t\t@include focus-visible() {\r\n\t\t\tborder-color: $textarea-border-color;\r\n\t\t\tborder-block-end-color: $textarea-danger-border-color;\r\n\t\t\tbox-shadow: $textarea-focus-box-shadow-size $textarea-danger-border-color;\r\n\t\t}\r\n\t}\r\n\r\n\t&.textarea-success {\r\n\t\tborder-color: $textarea-success-border-color;\r\n\r\n\t\t@include focus-visible() {\r\n\t\t\tborder-color: $textarea-border-color;\r\n\t\t\tborder-block-end-color: $textarea-success-border-color;\r\n\t\t\tbox-shadow: $textarea-focus-box-shadow-size $textarea-success-border-color;\r\n\t\t}\r\n\t}\r\n}\r\n\r\n$textarea-form-gap: 0.25em !default;\r\n$textarea-divider-radius: 0.5rem !default;\r\n\r\n.textarea-form {\r\n\tdisplay: grid;\r\n\tgap: $textarea-form-gap;\r\n\tpadding-block: $control-padding-vertical;\r\n\tpadding-inline: $control-padding-horizontal;\r\n\ttransition: box-shadow 300ms linear;\r\n\tborder-width: $control-border-width;\r\n\tborder-style: solid;\r\n\tborder-radius: $border-radius;\r\n\tborder-color: $textarea-border-color;\r\n\tbackground-color: $textarea-background-color;\r\n\tfont-size: $control-font-size;\r\n\tborder-block-end-color: $textarea-border-bottom-color;\r\n\r\n\t@include prefers-reduced-motion {\r\n\t\tanimation-duration: 0s;\r\n\t}\r\n\r\n\t&:has(.textarea:focus-visible),\r\n\t&:has(.textarea:hover) {\r\n\t\tborder-block-end-color: $textarea-focus-border-color;\r\n\t\toutline-color: transparent;\r\n\t\toutline-offset: 0;\r\n\t\toutline-style: solid;\r\n\t\tbox-shadow: $textarea-focus-box-shadow-size $textarea-focus-border-color;\r\n\t}\r\n\r\n\t.textarea {\r\n\t\tresize: none;\r\n\t\tborder: none;\r\n\t\tbox-shadow: none;\r\n\t}\r\n\r\n\t.textarea-form-footer {\r\n\t\tdisplay: flex;\r\n\t\talign-items: center;\r\n\t\tjustify-content: space-between;\r\n\t\toutline-color: currentColor;\r\n\t}\r\n\r\n\t.textarea-form-footer-divider {\r\n\t\theight: 70%;\r\n\t\tborder: 1px solid $control-border;\r\n\t\tborder-radius: $textarea-divider-radius;\r\n\t}\r\n\r\n\t.textarea-form-footer-left,\r\n\t.textarea-form-footer-right {\r\n\t\tdisplay: flex;\r\n\t\talign-items: center;\r\n\t\tgap: $textarea-form-gap;\r\n\t\theight: 100%;\r\n\t}\r\n}\r\n","/* stylelint-disable selector-no-qualifying-type */\r\n\r\n$select-color: $text !default;\r\n$select-background-color: $body-background !default;\r\n$select-border-color: $control-border !default;\r\n$select-border-bottom-color: $control-border-bottom !default;\r\n$select-placeholder-color: $text-subtle !default;\r\n\r\n$select-hover-color: $text !default;\r\n$select-hover-border-color: $secondary !default;\r\n$select-focus-border-color: $primary !default;\r\n\r\n$select-disabled-color: $text-subtle !default;\r\n$select-disabled-background-color: $body-background-medium !default;\r\n$select-disabled-border-color: $table-border-dark !default;\r\n\r\n$select-danger-border-color: $danger !default;\r\n$select-success-border-color: $success !default;\r\n\r\n$select-focus-box-shadow-size: 0 0.0625rem 0 0 !default;\r\n\r\n.select {\r\n\tposition: relative;\r\n\tfont-size: $control-font-size;\r\n\r\n\tselect {\r\n\t\t@include control;\r\n\r\n\t\twidth: 100%;\r\n\t\tmax-width: 100%;\r\n\t\tborder-color: $select-border-color;\r\n\t\tborder-block-end-color: $select-border-bottom-color;\r\n\t\tbackground-color: $select-background-color;\r\n\t\tcolor: $select-color;\r\n\t\tfont-size: 1em;\r\n\t\tcursor: pointer;\r\n\r\n\t\t&[multiple] {\r\n\t\t\tpadding: 0;\r\n\t\t\toverflow-y: auto;\r\n\r\n\t\t\toption {\r\n\t\t\t\tpadding: $control-padding-vertical $control-padding-horizontal;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t&:hover {\r\n\t\t\tborder-color: $select-hover-border-color;\r\n\t\t\tborder-block-end-color: $select-border-bottom-color;\r\n\t\t}\r\n\r\n\t\t&[disabled] {\r\n\t\t\tborder-color: $select-disabled-border-color;\r\n\t\t\tbackground-color: $select-disabled-background-color;\r\n\t\t\tcolor: $select-disabled-color;\r\n\t\t}\r\n\r\n\t\t@include focus-visible {\r\n\t\t\t@extend %focus;\r\n\r\n\t\t\tborder-block-end-color: $select-focus-border-color;\r\n\t\t\toutline-color: transparent;\r\n\t\t\toutline-offset: 0;\r\n\t\t\toutline-style: solid;\r\n\t\t\tbox-shadow: $select-focus-box-shadow-size $select-focus-border-color;\r\n\t\t}\r\n\t}\r\n\r\n\t&:not(.select-multiple) {\r\n\t\tselect {\r\n\t\t\tpadding-inline-end: calc($control-padding-horizontal + $chevron-arrow-actual-width);\r\n\t\t}\r\n\r\n\t\t&::after {\r\n\t\t\t@include chevron-down;\r\n\r\n\t\t\tdisplay: block;\r\n\t\t\tposition: absolute;\r\n\t\t\tinset-block-start: calc(50% - $chevron-arrow-actual-width / 2);\r\n\t\t}\r\n\r\n\t\t&.select-disabled::after {\r\n\t\t\tborder-color: $select-disabled-border-color;\r\n\t\t}\r\n\t}\r\n\r\n\t&.select-sm {\r\n\t\tfont-size: $control-sm-font-size;\r\n\t}\r\n\r\n\t&.select-lg {\r\n\t\tfont-size: $control-lg-font-size;\r\n\t}\r\n\r\n\t&.select-danger select {\r\n\t\tborder-color: $select-danger-border-color;\r\n\r\n\t\t@include focus-visible() {\r\n\t\t\tborder-color: $select-border-color;\r\n\t\t\tborder-block-end-color: $select-danger-border-color;\r\n\t\t\tbox-shadow: $select-focus-box-shadow-size $select-danger-border-color;\r\n\t\t}\r\n\t}\r\n\r\n\t&.select-success select {\r\n\t\tborder-color: $select-success-border-color;\r\n\r\n\t\t@include focus-visible() {\r\n\t\t\tborder-color: $select-border-color;\r\n\t\t\tborder-block-end-color: $select-success-border-color;\r\n\t\t\tbox-shadow: $select-focus-box-shadow-size $select-success-border-color;\r\n\t\t}\r\n\t}\r\n}\r\n","$radio-circle-size: 1.25em !default;\r\n$radio-dot-size: 0.625em !default;\r\n$radio-shadow-radius: 0.15em !default;\r\n$radio-border-color: $control-border !default;\r\n$radio-border-width: $control-border-width !default;\r\n$radio-dot-checked-color: $primary !default;\r\n$radio-dot-color: $text-subtle !default;\r\n$radio-dot-hover-unchecked-color: $control-border !default;\r\n$radio-timing-function: $input-timing-function !default;\r\n$radio-duration: $input-transition-duration !default;\r\n$radio-animation: boop !default;\r\n$radio-spacing: 0.5em !default;\r\n\r\n@mixin radio-dot {\r\n\tposition: absolute;\r\n\tinset: 0;\r\n\twidth: $radio-dot-size;\r\n\theight: $radio-dot-size;\r\n\tmargin: auto;\r\n\tborder-radius: $border-radius-rounded;\r\n\tcontent: '';\r\n\toverflow: hidden;\r\n}\r\n\r\n@mixin radio-dot-checked {\r\n\tbackground: $radio-dot-checked-color;\r\n\tbox-shadow: inset 0 0 0 $radio-shadow-radius $body-background;\r\n}\r\n\r\n.radio {\r\n\tdisplay: inline-flex;\r\n\tline-height: 1.25;\r\n\tcursor: pointer;\r\n\r\n\t.radio-dot {\r\n\t\tdisplay: inline-block;\r\n\t\tposition: relative;\r\n\t\tinset-block-start: 0.0625em;\r\n\t\tflex-shrink: 0;\r\n\t\twidth: $radio-circle-size;\r\n\t\theight: $radio-circle-size;\r\n\t\tborder: $radio-border-width solid $radio-border-color;\r\n\t\tborder-radius: $border-radius-rounded;\r\n\t\tbackground-color: $body-background;\r\n\t\tcolor: $radio-dot-color;\r\n\t\tcursor: pointer;\r\n\t\tappearance: none;\r\n\r\n\t\t@include forced-colors {\r\n\t\t\tborder-color: CanvasText !important;\r\n\t\t\tbackground-color: unset !important;\r\n\r\n\t\t\t&::before {\r\n\t\t\t\t@include radio-dot;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\t.radio-label-text {\r\n\t\tmargin: 0 $radio-spacing;\r\n\t}\r\n\r\n\t/* stylelint-disable selector-max-specificity, selector-no-qualifying-type, max-nesting-depth */\r\n\r\n\tinput {\r\n\t\t&.is-focused {\r\n\t\t\t@extend %focus;\r\n\t\t}\r\n\r\n\t\t@include focus-visible {\r\n\t\t\t@extend %focus;\r\n\t\t}\r\n\t}\r\n\r\n\tinput.is-checked,\r\n\tinput:checked,\r\n\t.radio-dot.is-checked {\r\n\t\t@include radio-dot-checked;\r\n\r\n\t\tanimation: $radio-animation $radio-duration $radio-timing-function 1;\r\n\t\tborder-color: $radio-dot-checked-color;\r\n\r\n\t\t@include forced-colors {\r\n\t\t\tborder-color: CanvasText !important;\r\n\t\t\tbackground-color: unset !important;\r\n\t\t\tbox-shadow: none !important;\r\n\r\n\t\t\t&::before {\r\n\t\t\t\tbackground-color: CanvasText !important;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\t&.is-hovered,\r\n\t&:hover {\r\n\t\t.radio-dot:not(:checked):not([disabled]) {\r\n\t\t\tbackground: $radio-dot-hover-unchecked-color;\r\n\t\t\tbox-shadow: inset 0 0 0 $radio-shadow-radius $body-background;\r\n\r\n\t\t\t@include forced-colors {\r\n\t\t\t\tbackground-color: unset !important;\r\n\t\t\t\tbox-shadow: none !important;\r\n\r\n\t\t\t\t&::before {\r\n\t\t\t\t\tbackground-color: CanvasText !important;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t.radio-dot.is-checked {\r\n\t\t\t@include radio-dot-checked;\r\n\t\t}\r\n\t}\r\n\r\n\tinput[disabled],\r\n\tinput[disabled] ~ .radio-label-text {\r\n\t\topacity: 0.5;\r\n\t\tcursor: not-allowed;\r\n\t}\r\n\r\n\t/* stylelint-enable */\r\n}\r\n","@mixin forced-colors() {\r\n\t@media (forced-colors: active) {\r\n\t\t@content;\r\n\t}\r\n}\r\n","/* stylelint-disable max-nesting-depth, selector-max-specificity */\r\n\r\n$field-line-height: 1.5 !default;\r\n$field-error-color: $danger !default;\r\n\r\n.field {\r\n\t&:not(:last-child) {\r\n\t\tmargin-block-end: $spacer-4;\r\n\t}\r\n\r\n\t.field-description {\r\n\t\tmargin-block-end: $spacer-3;\r\n\t\tfont-size: $font-size-8;\r\n\t}\r\n\r\n\t.field-label {\r\n\t\t@include label;\r\n\r\n\t\tmargin-block-end: $spacer-3;\r\n\r\n\t\t&.field-label-inline {\r\n\t\t\tdisplay: inline-flex;\r\n\t\t\tmargin-block-end: unset;\r\n\t\t\talign-self: flex-end;\r\n\t\t}\r\n\r\n\t\t@include tablet {\r\n\t\t\tflex: 1 0 0;\r\n\t\t}\r\n\r\n\t\t&.field-label-sm {\r\n\t\t\tfont-size: $font-size-8;\r\n\t\t}\r\n\r\n\t\t&.field-label-lg {\r\n\t\t\tfont-size: $font-size-6;\r\n\t\t}\r\n\t}\r\n\r\n\t.field-body {\r\n\t\t> * {\r\n\t\t\tscroll-margin-top: 3rem;\r\n\t\t}\r\n\r\n\t\t&:not(:first-child) {\r\n\t\t\tmargin-block-start: $spacer-3;\r\n\r\n\t\t\t&.field-body-inline {\r\n\t\t\t\tdisplay: inline-flex;\r\n\t\t\t\tvertical-align: text-bottom;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\t.field-error {\r\n\t\tcolor: $field-error-color;\r\n\t\tfont-size: $font-size-8;\r\n\t\tline-height: $field-line-height;\r\n\t}\r\n}\r\n\r\n.required-indicator::after,\r\n::part(required-indicator)::after {\r\n\tcolor: $danger;\r\n\tcontent: '*';\r\n\tvertical-align: top;\r\n}\r\n","$hero-padding-xs: $layout-4 !default;\r\n$hero-padding-sm: $layout-5 !default;\r\n$hero-padding-default: $layout-6 !default;\r\n$hero-padding-lg: $layout-7 !default;\r\n\r\n$hero-min-height-xs: 200px !default;\r\n$hero-min-height-sm: 300px !default;\r\n$hero-min-height-default: 400px !default;\r\n$hero-min-height-lg: 500px !default;\r\n$hero-detail-max-width: 500px !default;\r\n$hero-content-half-width: 50% !default;\r\n$hero-content-fluid-width: 45% !default;\r\n$hero-details-content-fluid-width: 35% !default;\r\n$hero-content-width: $reading-max-width !default;\r\n\r\n$hero-image-width: calc((100% - 2 * $layout-gap) * 0.55) !default;\r\n$hero-image-width-widescreen: calc((100% - 2 * $layout-widescreen-gap) * 0.55) !default;\r\n\r\n.hero {\r\n\t@extend %layout-gap;\r\n\r\n\tdisplay: flex;\r\n\tposition: relative;\r\n\tflex-direction: column;\r\n\talign-items: stretch;\r\n\tjustify-content: space-between;\r\n\r\n\t.hero-content {\r\n\t\tz-index: $zindex-active;\r\n\t\tpadding-block: $hero-padding-sm;\r\n\r\n\t\t@include desktop {\r\n\t\t\twidth: $hero-content-fluid-width;\r\n\t\t\tmin-height: $hero-min-height-default;\r\n\t\t\tpadding-block: $hero-padding-default;\r\n\t\t\tpadding-inline-end: $hero-padding-sm;\r\n\t\t}\r\n\t}\r\n\r\n\t.theme-high-contrast & .hero-details-card {\r\n\t\tbackground: unset !important;\r\n\t}\r\n\r\n\t.hero-details {\r\n\t\tdisplay: flex;\r\n\t\tpadding-block: $hero-padding-xs;\r\n\r\n\t\t@include tablet {\r\n\t\t\tjustify-content: flex-end;\r\n\t\t\tpadding-block: $hero-padding-sm;\r\n\t\t\tpadding-inline-start: $hero-padding-xs;\r\n\t\t}\r\n\r\n\t\t@include desktop {\r\n\t\t\tmin-height: $hero-min-height-default;\r\n\t\t\tpadding-block: $hero-padding-default;\r\n\t\t\tpadding-inline-start: $hero-padding-sm;\r\n\t\t\tpadding-inline-end: $hero-padding-sm;\r\n\t\t}\r\n\r\n\t\t.hero-details-card {\r\n\t\t\talign-self: flex-start;\r\n\t\t\tbackdrop-filter: blur(20px);\r\n\t\t\tbackground-color: #{$body-background};\r\n\r\n\t\t\t@include desktop {\r\n\t\t\t\tmax-width: $hero-detail-max-width;\r\n\t\t\t\tbackground: linear-gradient(\r\n\t\t\t\t\t116deg,\r\n\t\t\t\t\t#{$body-background} 23.94%,\r\n\t\t\t\t\t#{$border-white-high-contrast} 200%\r\n\t\t\t\t);\r\n\t\t\t\tmargin-inline-start: $hero-padding-xs;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\t&:not(.hero-image) {\r\n\t\t.hero-content {\r\n\t\t\t@include desktop {\r\n\t\t\t\twidth: 100%;\r\n\t\t\t\tmax-width: $hero-content-width;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\t@include desktop {\r\n\t\t&.hero-xs {\r\n\t\t\t.hero-content {\r\n\t\t\t\tmin-height: $hero-min-height-xs;\r\n\t\t\t\tpadding-block: $hero-padding-xs;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t&.hero-sm {\r\n\t\t\t.hero-content {\r\n\t\t\t\tmin-height: $hero-min-height-sm;\r\n\t\t\t\tpadding-block: $hero-padding-sm;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t&.hero-lg {\r\n\t\t\t.hero-content {\r\n\t\t\t\tmin-height: $hero-min-height-lg;\r\n\t\t\t\tpadding-block: $hero-padding-lg;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\t.hero-card {\r\n\t\tposition: relative;\r\n\t\tpadding: $spacer-5;\r\n\t\tborder: none;\r\n\t\tbackground-color: transparent;\r\n\t\tz-index: 1;\r\n\r\n\t\t@include tablet {\r\n\t\t\tpadding: $spacer-10;\r\n\t\t}\r\n\r\n\t\t@include desktop {\r\n\t\t\tborder-inline: 1px solid $border;\r\n\t\t\tborder-block-end: 1px solid $border;\r\n\t\t\tborder-end-start-radius: $border-radius-lg;\r\n\t\t\tborder-end-end-radius: $border-radius-lg;\r\n\t\t}\r\n\t}\r\n\r\n\t.hero-background {\r\n\t\tposition: absolute;\r\n\t\tinset: 0;\r\n\t\twidth: 100%;\r\n\t\theight: 100%;\r\n\t\toverflow: hidden;\r\n\r\n\t\tvideo,\r\n\t\timg {\r\n\t\t\twidth: 100%;\r\n\t\t\theight: 100%;\r\n\t\t\tobject-fit: cover;\r\n\t\t}\r\n\t}\r\n\r\n\t&.hero-image::before {\r\n\t\tdisplay: none;\r\n\t\tposition: absolute;\r\n\t\tinset-block-start: 0;\r\n\t\twidth: $hero-image-width;\r\n\t\theight: 100%;\r\n\t\tbackground-image: var(--hero-background-image);\r\n\t\tbackground-repeat: no-repeat;\r\n\t\tbackground-size: cover;\r\n\t\tcontent: ' ';\r\n\t\tinset-inline-end: $layout-gap;\r\n\r\n\t\t@include desktop {\r\n\t\t\tdisplay: block;\r\n\t\t}\r\n\r\n\t\t@include widescreen {\r\n\t\t\twidth: $hero-image-width-widescreen;\r\n\t\t\tinset-inline-end: $layout-widescreen-gap;\r\n\t\t}\r\n\r\n\t\t@media (forced-colors: active) {\r\n\t\t\tbackground-image: none !important;\r\n\t\t}\r\n\r\n\t\t.theme-light & {\r\n\t\t\t--hero-background-image: var(--hero-background-image-light);\r\n\t\t}\r\n\r\n\t\t.theme-dark & {\r\n\t\t\t--hero-background-image: var(--hero-background-image-dark);\r\n\t\t}\r\n\r\n\t\t.theme-high-contrast & {\r\n\t\t\t--hero-background-image: none;\r\n\t\t}\r\n\t}\r\n\r\n\t// Set direction to prevent image flip for rtl\r\n\r\n\t[dir='rtl'] &.hero-image,\r\n\t&.hero-image:dir(rtl) {\r\n\t\tdirection: ltr;\r\n\r\n\t\t.hero-content,\r\n\t\t.hero-details-card {\r\n\t\t\tdirection: rtl;\r\n\t\t}\r\n\r\n\t\t&[class^='gradient-border-'] {\r\n\t\t\tdirection: ltr;\r\n\t\t}\r\n\t}\r\n}\r\n","$border-gradient-colors: (\r\n\t'body': $body-background,\r\n\t'body-accent': $body-background-accent\r\n) !default;\r\n\r\n@each $name, $var in $border-gradient-colors {\r\n\t// ex. .gradient-border-body { --border-gradient-end-color: var(--theme-body-background); }\r\n\t.gradient-border-#{$name} {\r\n\t\t--border-gradient-end-color: #{$var};\r\n\t}\r\n}\r\n\r\n$border-gradient-direction: (\r\n\t'right': 'inline-end',\r\n\t'bottom': 'block-end'\r\n) !default;\r\n\r\n@each $direction, $logical-side in $border-gradient-direction {\r\n\t.gradient-border-#{$direction} {\r\n\t\tposition: relative;\r\n\t}\r\n\t.gradient-border-#{$direction}:before {\r\n\t\tdisplay: block;\r\n\t\tposition: absolute;\r\n\t\tcontent: '';\r\n\t\tborder-image: linear-gradient(\r\n\t\t\tto #{$direction},\r\n\t\t\ttransparent 0%,\r\n\t\t\ttransparent 92%,\r\n\t\t\tvar(--border-gradient-end-color, transparent) 100%\r\n\t\t);\r\n\t\tborder-#{$logical-side}-width: 320px;\r\n\t\tborder-#{$logical-side}-style: solid;\r\n\t\tborder-image-outset: 0;\r\n\r\n\t\t@if $direction == 'right' {\r\n\t\t\tborder-image-slice: 0 128 0 0;\r\n\t\t\tinset-block-start: 0;\r\n\t\t\tinset-block-end: 0;\r\n\t\t\tinset-inline-end: 0;\r\n\t\t}\r\n\r\n\t\t@if $direction == 'bottom' {\r\n\t\t\tborder-image-slice: 0 0 128 0;\r\n\t\t\tinset-block-end: 0;\r\n\t\t\tinset-inline-start: 0;\r\n\t\t\tinset-inline-end: 0;\r\n\t\t}\r\n\r\n\t\t@include forced-colors {\r\n\t\t\tdisplay: none !important;\r\n\t\t}\r\n\t}\r\n\r\n\t@include tablet {\r\n\t\t.gradient-border-to-#{$direction}-tablet:before {\r\n\t\t\tborder-image: linear-gradient(\r\n\t\t\t\tto #{$direction},\r\n\t\t\t\ttransparent 0%,\r\n\t\t\t\ttransparent 92%,\r\n\t\t\t\tvar(--border-gradient-end-color) 100%\r\n\t\t\t);\r\n\t\t\tborder-#{$logical-side}-width: 320px;\r\n\t\t\tborder-#{$logical-side}-style: solid;\r\n\t\t\tborder-image-outset: 0;\r\n\r\n\t\t\t@if $direction == 'right' {\r\n\t\t\t\tborder-image-slice: 0 128 0 0;\r\n\t\t\t}\r\n\r\n\t\t\t@if $direction == 'bottom' {\r\n\t\t\t\tborder-image-slice: 0 0 128 0;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}\r\n\r\n@each $name, $gradient in $gradients {\r\n\t$colorStart: nth($gradient, $gradient-color-start-index);\r\n\t$colorEnd: nth($gradient, $gradient-color-end-index);\r\n\r\n\t.gradient-text-#{$name} {\r\n\t\t@include gradient-text($colorStart, $colorEnd);\r\n\t}\r\n}\r\n","$gradient-card-padding: $layout-2 !default;\r\n$gradient-card-border-radius: $border-radius-lg !default; //6px\r\n\r\n.gradient-card {\r\n\tborder: $border-width-md solid transparent;\r\n\tborder-radius: $gradient-card-border-radius;\r\n\tbackground: linear-gradient(90deg, $gradient-vivid-start, $gradient-vivid-end) border-box;\r\n\r\n\t.gradient-card-content {\r\n\t\tpadding: $gradient-card-padding;\r\n\t\tborder-radius: inherit;\r\n\t\tbackground-color: $body-background;\r\n\t}\r\n}\r\n","/*\r\n * For use on <button> elements to emulate the appearance of standard <a> tags.\r\n*/\r\n\r\n.link-button {\r\n\t@include transparent-effects;\r\n\r\n\tdisplay: inline-block;\r\n\tpadding: 0;\r\n\tborder: none;\r\n\tcolor: $hyperlink;\r\n\tcursor: pointer;\r\n\r\n\t&:active,\r\n\t&.is-active {\r\n\t\ttext-decoration: underline !important;\r\n\t}\r\n\r\n\t&.is-focused,\r\n\t&:hover,\r\n\t&.is-hovered {\r\n\t\tcolor: $primary-hover;\r\n\t\ttext-decoration: underline !important;\r\n\t}\r\n\r\n\t@include focus-visible {\r\n\t\tcolor: $primary-hover;\r\n\t\ttext-decoration: underline !important;\r\n\t}\r\n\r\n\t&:visited {\r\n\t\tcolor: $visited;\r\n\t}\r\n}\r\n","$code-font-size: $font-size-8 !default;\r\n$code-block-spacing: 1em !default;\r\n$code-header-body-line-height: 1.3571 !default;\r\n\r\n@mixin code-block {\r\n\tpre {\r\n\t\tbox-sizing: border-box;\r\n\t\tmax-width: 100%;\r\n\t\tmargin: 0;\r\n\t\tpadding: $code-block-spacing;\r\n\t\tborder: 1px solid $border;\r\n\t\tbackground-color: $code-block;\r\n\t\tfont-size: $code-font-size;\r\n\t\t-moz-osx-font-smoothing: auto;\r\n\t\t-webkit-font-smoothing: auto;\r\n\t\tline-height: 1.3571;\r\n\t\twhite-space: pre;\r\n\t\tword-spacing: normal;\r\n\t\toverflow: auto;\r\n\t\tword-break: normal;\r\n\t\tword-wrap: normal;\r\n\t\ttab-size: 4;\r\n\t\thyphens: none;\r\n\t\t-webkit-overflow-scrolling: touch;\r\n\r\n\t\t> code {\r\n\t\t\tdisplay: block;\r\n\t\t\tposition: relative;\r\n\t\t\tpadding: 0;\r\n\t\t\tborder: 0;\r\n\t\t\tline-height: $code-header-body-line-height;\r\n\r\n\t\t\tmark {\r\n\t\t\t\tdisplay: inline-block;\r\n\t\t\t\tmin-width: calc(100% + #{$code-block-spacing} + #{$code-block-spacing});\r\n\t\t\t\tmin-height: 18.9px; // Allow for highlighting of blank lines.\r\n\t\t\t\tmargin: 0 $code-block-spacing * -1;\r\n\t\t\t\tpadding: 0 $code-block-spacing;\r\n\t\t\t\tcolor: $text;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}\r\n","/* stylelint-disable selector-max-compound-selectors */\r\n\r\n$markdown-paragraph-size: 1rem !default;\r\n$include-bare-code-styles: true !default;\r\n$list-top-spacing: 1rem !default;\r\n\r\n@if $include-bare-code-styles == true {\r\n\t/*\r\n\t* Within projects that desire bare-code styling, you may set the above variable to true and <pre><code>\r\n\t* Elements within .markdown will be styled.\r\n\t*/\r\n\r\n\t.markdown {\r\n\t\t@include code-block;\r\n\t}\r\n}\r\n\r\n.markdown {\r\n\t// @include responsive-font-size($markdown-paragraph-size, 0.875rem); // experiment only\r\n\tfont-size: $markdown-paragraph-size;\r\n\tline-height: 1.6;\r\n\r\n\t// Inline code\r\n\r\n\t:not(a):not(pre) > code {\r\n\t\tpadding: 0.1em 0.2em;\r\n\t\tborder-radius: 3px;\r\n\t\tbackground-color: $inline-code;\r\n\t\tword-wrap: break-word;\r\n\t\tfont-smooth: auto;\r\n\t\tfont-size: 0.85em;\r\n\t}\r\n\r\n\timg,\r\n\tvideo {\r\n\t\tmax-width: 100%;\r\n\t\theight: auto;\r\n\t\tborder: 0;\r\n\t}\r\n\r\n\tsvg:not(:root) {\r\n\t\toverflow: hidden;\r\n\t}\r\n\r\n\tli {\r\n\t\tmargin-block-start: 0.5em;\r\n\t}\r\n\r\n\tul,\r\n\tol {\r\n\t\tmargin-inline-start: 2.375rem;\r\n\t}\r\n\r\n\tul {\r\n\t\tlist-style-type: disc;\r\n\r\n\t\tul {\r\n\t\t\tlist-style-type: circle;\r\n\t\t\tmargin: 0;\r\n\t\t\tmargin-inline-start: 1.25rem;\r\n\r\n\t\t\tul {\r\n\t\t\t\tlist-style-type: square;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t&:not(:first-child) {\r\n\t\t\tmargin: 1rem 0;\r\n\t\t}\r\n\t}\r\n\r\n\tol {\r\n\t\tlist-style-type: decimal;\r\n\r\n\t\tol {\r\n\t\t\tlist-style-type: lower-alpha;\r\n\t\t\tmargin: 0;\r\n\t\t\tmargin-inline-start: 1.25rem;\r\n\r\n\t\t\tol {\r\n\t\t\t\tlist-style-type: lower-roman;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t&:not(:first-child) {\r\n\t\t\tmargin: 1rem 0;\r\n\t\t}\r\n\t}\r\n\r\n\th1 {\r\n\t\t@include responsive-font-size($font-size-1);\r\n\r\n\t\tmargin-block-start: none;\r\n\t\tmargin-block-end: 0.75rem;\r\n\t\tword-wrap: break-word; // browser support fallback, because FF and IE\r\n\t\tword-break: break-word;\r\n\r\n\t\t&:first-of-type {\r\n\t\t\tmargin-block-start: -0.625rem;\r\n\t\t\tmargin-block-end: none;\r\n\t\t}\r\n\t}\r\n\r\n\th2 {\r\n\t\t@include responsive-font-size($font-size-2);\r\n\r\n\t\tmargin-block-start: 2rem;\r\n\t}\r\n\r\n\th3 {\r\n\t\t@include responsive-font-size($font-size-3);\r\n\r\n\t\tmargin-block-start: 1.875rem;\r\n\t\tmargin-block-end: 1.125rem;\r\n\t}\r\n\r\n\th4 {\r\n\t\t@include responsive-font-size($font-size-4);\r\n\r\n\t\tmargin-block-start: 2.25rem;\r\n\t\tmargin-block-end: 0.375rem;\r\n\t}\r\n\r\n\th5 {\r\n\t\t@include responsive-font-size($font-size-5, false, 1.1rem);\r\n\r\n\t\tmargin-block-start: 2.25rem;\r\n\t\tmargin-block-end: 0.375rem;\r\n\t\tletter-spacing: 1px;\r\n\t}\r\n\r\n\th6 {\r\n\t\t@include responsive-font-size($font-size-6, false, 1.05rem);\r\n\r\n\t\tmargin-block-start: 2.25rem;\r\n\t\tmargin-block-end: 0.375rem;\r\n\t\tletter-spacing: 1px;\r\n\t}\r\n\r\n\tp {\r\n\t\tmargin-block-start: $markdown-paragraph-size;\r\n\t\tmargin-block-end: none;\r\n\t\tword-wrap: break-word;\r\n\t}\r\n\r\n\tblockquote {\r\n\t\tmargin: 1.2em 0 2em;\r\n\t\tpadding: 0 0.8em;\r\n\t\tborder-width: 0 0 0 3px;\r\n\t\tborder-style: solid;\r\n\t\tborder-color: $border;\r\n\r\n\t\tfooter {\r\n\t\t\tcolor: $text-subtle;\r\n\t\t\tfont-size: $font-size-8;\r\n\t\t}\r\n\t}\r\n}\r\n",".media {\r\n\tdisplay: flex;\r\n\talign-items: flex-start;\r\n\r\n\t+ .media,\r\n\t.media {\r\n\t\tborder-block-start: 1px solid $border;\r\n\t\tmargin-block-start: 1rem;\r\n\t\tpadding-block-start: 1rem;\r\n\t}\r\n}\r\n\r\n.media-left {\r\n\tflex: 0 0 auto;\r\n\tmargin-inline-end: 1rem;\r\n}\r\n\r\n.media-content {\r\n\tflex: 1 1 auto;\r\n\twidth: 100%;\r\n\tword-break: break-word;\r\n}\r\n","$message-font-size-xs: $font-size-9 !default;\r\n$message-font-size-sm: $font-size-8 !default;\r\n$message-font-size-md: $font-size-7 !default;\r\n\r\n$message-background-color: $body-background !default;\r\n$message-gap-size: $layout-1 !default;\r\n$message-spacer-md: $spacer-3 !default;\r\n$message-spacer-lg: $spacer-5 !default;\r\n\r\n$message-sender-width: 85% !default;\r\n$message-sender-background-color: $primary-background !default;\r\n\r\n$message-border-radius: $border-radius-lg !default;\r\n$message-border: $border-width solid $border !default;\r\n\r\n$message-content-padding: $spacer-5 !default;\r\n$message-content-padding-sm: 0.875rem !default;\r\n\r\n.message {\r\n\tdisplay: grid;\r\n\tgrid-template:\r\n\t\t'. message-time'\r\n\t\t'message-persona message-content';\r\n\tgrid-template-columns: max-content minmax(0, 1fr);\r\n\tgap: $message-gap-size;\r\n\tfont-size: $message-font-size-md;\r\n\tline-height: $line-height-normal;\r\n\r\n\t.message-time {\r\n\t\tgrid-area: message-time;\r\n\t\tfont-size: $message-font-size-xs;\r\n\t}\r\n\r\n\t.message-persona {\r\n\t\tgrid-area: message-persona;\r\n\t\tmargin-block-start: $message-spacer-lg;\r\n\t}\r\n\r\n\t.message-content {\r\n\t\tgrid-area: message-content;\r\n\t\tpadding: $message-content-padding;\r\n\t\tborder: $message-border;\r\n\t\tborder-radius: $message-border-radius;\r\n\t\tbackground-color: $message-background-color;\r\n\r\n\t\t.message-content-header {\r\n\t\t\tdisplay: grid;\r\n\t\t\tgrid-template-columns: 1fr auto;\r\n\t\t\tmargin-block-end: $message-spacer-md;\r\n\r\n\t\t\t.message-content-options {\r\n\t\t\t\tjustify-self: flex-end;\r\n\t\t\t\tmargin-inline-end: $message-spacer-md;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\t&.message-sender {\r\n\t\tjustify-self: flex-end;\r\n\t\twidth: $message-sender-width;\r\n\r\n\t\t.message-content {\r\n\t\t\tbackground-color: $message-sender-background-color;\r\n\t\t}\r\n\t}\r\n\r\n\t&.message-sm {\r\n\t\tfont-size: $message-font-size-sm;\r\n\r\n\t\t.message-content {\r\n\t\t\tpadding: $message-content-padding-sm;\r\n\t\t}\r\n\t}\r\n}\r\n","$notification-background: $secondary-background !default;\r\n$notification-padding: $spacer-5 !default;\r\n\r\n$notification-font-size: $font-size-7 !default;\r\n$notification-color: $text !default;\r\n\r\n$notification-border-color: $control-border !default;\r\n$notification-border-width: $border-width !default;\r\n$notification-border-radius: $border-radius !default;\r\n\r\n$notification-icon-inline-spacing: 0.375em !default;\r\n$notification-icon-block-spacing: 0.2em !default;\r\n\r\n$notification-dismiss-margin: $spacer-2 !default;\r\n\r\n.notification {\r\n\tdisplay: grid;\r\n\tposition: relative;\r\n\tpadding: $notification-padding;\r\n\tgrid-template: auto / 1fr auto;\r\n\tgrid-template-areas: 'notification-content dismiss';\r\n\tborder: $notification-border-width solid $notification-border-color;\r\n\tborder-radius: $notification-border-radius;\r\n\toutline-color: $text;\r\n\tbackground-color: $notification-background;\r\n\tcolor: $notification-color;\r\n\tfont-size: $notification-font-size;\r\n\tline-height: $line-height-normal;\r\n\tword-wrap: break-word;\r\n\tword-break: break-word;\r\n\r\n\t@each $name, $color-set in $colors {\r\n\t\t$base: nth($color-set, $color-index-base);\r\n\t\t$dark: nth($color-set, $color-index-dark);\r\n\t\t$background: nth($color-set, $color-index-background);\r\n\r\n\t\t&.notification-#{$name} {\r\n\t\t\tborder-color: $dark;\r\n\t\t\tbackground-color: $background;\r\n\t\t\tcolor: $dark;\r\n\r\n\t\t\t&.is-loading::before {\r\n\t\t\t\tborder-color: transparent transparent $dark $dark;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\t&.is-loading {\r\n\t\tcolor: transparent;\r\n\r\n\t\t> :first-child {\r\n\t\t\tmargin-inline-start: calc($notification-padding + 0.375em);\r\n\t\t}\r\n\r\n\t\t&::before {\r\n\t\t\t@include loader;\r\n\r\n\t\t\tposition: absolute;\r\n\t\t\tinset-block-start: $notification-padding;\r\n\t\t\tinset-inline-start: $notification-padding;\r\n\t\t\tborder-color: transparent transparent $notification-color $notification-color;\r\n\t\t}\r\n\t}\r\n\r\n\t.notification-content {\r\n\t\tgrid-area: notification-content;\r\n\r\n\t\t.notification-title,\r\n\t\ta:not(.button) {\r\n\t\t\tcolor: currentColor;\r\n\t\t\tfont-weight: $weight-semibold;\r\n\t\t}\r\n\r\n\t\ta:not(.button) {\r\n\t\t\ttext-decoration: underline;\r\n\r\n\t\t\t.theme-high-contrast & {\r\n\t\t\t\tcolor: $hyperlink;\r\n\t\t\t}\r\n\r\n\t\t\t&:hover {\r\n\t\t\t\ttext-decoration-thickness: 0.15em;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t.notification-title {\r\n\t\t\tdisplay: flex;\r\n\t\t\talign-items: center;\r\n\t\t\tjustify-content: flex-start;\r\n\t\t\tmargin-block-end: $layout-1;\r\n\r\n\t\t\t.icon {\r\n\t\t\t\tflex-shrink: 0;\r\n\t\t\t\talign-self: start;\r\n\t\t\t\tmargin-inline-end: $notification-icon-inline-spacing;\r\n\t\t\t\tmargin-block-start: $notification-icon-block-spacing;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\t.notification-dismiss {\r\n\t\t@include dismiss-square;\r\n\r\n\t\tgrid-area: dismiss;\r\n\t\tmargin-inline-start: $notification-dismiss-margin;\r\n\t}\r\n}\r\n","$features-icon: true !default;\r\n$icon-dimensions: 1em !default;\r\n\r\n.icon {\r\n\tdisplay: inline-flex;\r\n\talign-items: center;\r\n\tjustify-content: center;\r\n\r\n\t&,\r\n\tsvg,\r\n\timg {\r\n\t\twidth: $icon-dimensions;\r\n\t\theight: $icon-dimensions;\r\n\t}\r\n\r\n\t&.icon-rounded {\r\n\t\tpadding: 0.6rem; // ensures icon is not cut off by rounded border\r\n\t\tborder-radius: 50%;\r\n\t}\r\n}\r\n","$dimensions: 16 24 32 36 48 64 76 88 96 112 128 !default;\r\n\r\n.image {\r\n\tdisplay: block;\r\n\tposition: relative;\r\n\r\n\timg,\r\n\tsvg {\r\n\t\tdisplay: block;\r\n\t\twidth: 100%;\r\n\t\theight: auto;\r\n\t\tmax-height: 100%;\r\n\t}\r\n\r\n\t&.image-fullwidth {\r\n\t\twidth: 100%;\r\n\t\theight: auto;\r\n\t\tobject-fit: cover;\r\n\t\tmargin: 0;\r\n\t}\r\n\r\n\t// Sizes\r\n\r\n\t@each $dimension in $dimensions {\r\n\t\t&.image-#{$dimension}x#{$dimension} {\r\n\t\t\twidth: $dimension * 1px;\r\n\t\t\theight: $dimension * 1px;\r\n\t\t}\r\n\r\n\t\t@include tablet {\r\n\t\t\t&.image-#{$dimension}x#{$dimension}-tablet {\r\n\t\t\t\twidth: $dimension * 1px;\r\n\t\t\t\theight: $dimension * 1px;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t@include desktop {\r\n\t\t\t&.image-#{$dimension}x#{$dimension}-desktop {\r\n\t\t\t\twidth: $dimension * 1px;\r\n\t\t\t\theight: $dimension * 1px;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}\r\n","$persona-font-size-sm: $font-size-9 !default;\r\n$persona-font-size-md: $font-size-8 !default;\r\n$persona-font-size-lg: $font-size-7 !default;\r\n\r\n$persona-avatar-background-color: $alternate-background-medium !default;\r\n$persona-avatar-font-color: $text-invert !default;\r\n$persona-avatar-border-radius: $border-radius-rounded;\r\n\r\n$persona-details-font-color: $text-subtle !default;\r\n$persona-name-font-size: $font-size-7 !default;\r\n$persona-name-font-color: $text !default;\r\n$persona-name-font-weight: $weight-semibold !default;\r\n\r\n$persona-gap-size: $layout-1 !default;\r\n\r\n.persona {\r\n\tdisplay: flex;\r\n\tposition: relative;\r\n\tgap: $persona-gap-size;\r\n\tfont-size: $persona-font-size-md;\r\n\tline-height: $line-height-normal;\r\n\r\n\t.persona-avatar {\r\n\t\tflex-shrink: 0;\r\n\t\twidth: 2.6666em;\r\n\t\theight: 2.6666em;\r\n\t\tborder-radius: $persona-avatar-border-radius;\r\n\t\tbackground-color: $persona-avatar-background-color;\r\n\t\tcolor: $persona-avatar-font-color;\r\n\r\n\t\timg,\r\n\t\tsvg {\r\n\t\t\twidth: 100%;\r\n\t\t\theight: auto;\r\n\t\t\tborder-radius: $persona-avatar-border-radius;\r\n\t\t\taspect-ratio: 1 / 1;\r\n\t\t}\r\n\t}\r\n\r\n\t.persona-details {\r\n\t\talign-self: center;\r\n\t\tcolor: $persona-details-font-color;\r\n\r\n\t\t.persona-name {\r\n\t\t\tcolor: $persona-name-font-color;\r\n\t\t\tfont-size: 1.3333em;\r\n\t\t\tfont-weight: $persona-name-font-weight;\r\n\t\t}\r\n\t}\r\n\r\n\t// Sizes\r\n\r\n\t&.persona-sm {\r\n\t\tfont-size: $persona-font-size-sm;\r\n\t}\r\n\r\n\t&.persona-lg {\r\n\t\tfont-size: $persona-font-size-lg;\r\n\t}\r\n}\r\n","$popover-background-color: $body-background !default;\r\n$popover-border: $border-width solid $border !default;\r\n$popover-border-radius: $border-radius !default;\r\n$popover-shadow: $box-shadow-heavy !default;\r\n$popover-width: 224px !default;\r\n\r\n.popover {\r\n\tdisplay: inline-block;\r\n\tposition: relative;\r\n\r\n\tsummary {\r\n\t\tlist-style: none;\r\n\r\n\t\t&::-webkit-details-marker {\r\n\t\t\tdisplay: none;\r\n\t\t}\r\n\t}\r\n\r\n\t.popover-content {\r\n\t\tposition: absolute;\r\n\t\twidth: $popover-width;\r\n\t\tmargin-block-start: $spacer-3;\r\n\t\tpadding: $spacer-5;\r\n\t\tborder: $popover-border;\r\n\t\tborder-radius: $popover-border-radius;\r\n\t\tbackground-color: $popover-background-color;\r\n\t\tbox-shadow: $popover-shadow;\r\n\t\tz-index: $zindex-popover;\r\n\t}\r\n\r\n\t&.popover-right {\r\n\t\t.popover-content {\r\n\t\t\tinset-inline-end: 0;\r\n\t\t}\r\n\t}\r\n\r\n\t&.popover-center {\r\n\t\t.popover-content {\r\n\t\t\tinset-inline-start: -25%;\r\n\t\t}\r\n\t}\r\n\r\n\t&.popover-top {\r\n\t\t.popover-content {\r\n\t\t\tinset-block-end: 100%;\r\n\t\t\tmargin-block-end: $spacer-3;\r\n\t\t}\r\n\t}\r\n}\r\n","$font-size-lg: $font-size-6 !default;\r\n$font-size-sm: $font-size-8 !default;\r\n\r\n$pagination-color: $text !default;\r\n$pagination-border-color: $border !default;\r\n$pagination-margin: 0.25rem !default;\r\n\r\n$pagination-hover-color: $primary-hover !default;\r\n$pagination-hover-border-color: $primary-hover !default;\r\n\r\n$pagination-focus-color: $primary-active !default;\r\n$pagination-focus-border-color: $primary-active !default;\r\n\r\n$pagination-active-color: $primary-active !default;\r\n$pagination-active-border-color: $primary-active !default;\r\n\r\n$pagination-disabled-color: $secondary !default;\r\n$pagination-disabled-background-color: $secondary-background !default;\r\n$pagination-disabled-border-color: $secondary-background !default;\r\n\r\n$pagination-current-color: $text-invert !default;\r\n$pagination-current-background-color: $primary !default;\r\n$pagination-current-background-color-hover: $primary-hover !default;\r\n$pagination-current-border-color: $text-invert !default;\r\n\r\n$pagination-ellipsis-color: $secondary-background !default;\r\n\r\n$pagination-shadow-inset: inset 0 1px 2px $box-shadow-color-light;\r\n\r\n.pagination {\r\n\tflex-wrap: wrap;\r\n\tmargin: -$pagination-margin;\r\n}\r\n\r\n.pagination-list {\r\n\tflex-grow: 1;\r\n}\r\n\r\n.pagination,\r\n.pagination-list {\r\n\tdisplay: flex;\r\n\talign-items: center;\r\n\tjustify-content: center;\r\n\tmargin: 0;\r\n\ttext-align: center;\r\n\r\n\t> li {\r\n\t\tmargin: $pagination-margin;\r\n\t\tlist-style: none !important; //specificity battle\r\n\t}\r\n}\r\n\r\n.pagination-link {\r\n\t&.is-current {\r\n\t\tborder-color: $pagination-current-border-color;\r\n\t\tbackground-color: $pagination-current-background-color;\r\n\t\tcolor: $pagination-current-color;\r\n\r\n\t\t&:hover {\r\n\t\t\tbackground-color: $pagination-current-background-color-hover;\r\n\t\t\tcolor: $pagination-current-color;\r\n\t\t}\r\n\t}\r\n\r\n\t@include forced-colors {\r\n\t\t&::after {\r\n\t\t\tdisplay: block;\r\n\t\t\tposition: absolute;\r\n\t\t\twidth: 0.375em;\r\n\t\t\theight: 0.375em;\r\n\t\t\tborder: 1px solid LinkText;\r\n\t\t\tborder-radius: $border-radius-rounded;\r\n\t\t\tbackground-color: LinkText;\r\n\t\t\tcontent: '';\r\n\t\t\tinset-block-start: 0.25em;\r\n\t\t\tinset-inline-end: 0.25em;\r\n\t\t\tforced-color-adjust: none;\r\n\t\t}\r\n\t}\r\n}\r\n\r\n.pagination-ellipsis {\r\n\tcolor: $pagination-ellipsis-color;\r\n\tpointer-events: none;\r\n}\r\n\r\n.pagination-previous,\r\n.pagination-next {\r\n\tflex-grow: 0;\r\n\tflex-shrink: 1;\r\n\tpadding-inline: 0.75em;\r\n\twhite-space: nowrap;\r\n}\r\n\r\n.pagination-previous,\r\n.pagination-next,\r\n.pagination-link,\r\n.pagination-ellipsis {\r\n\t@include control;\r\n\t@include unselectable;\r\n\t@include transparent-effects;\r\n\r\n\tjustify-content: center;\r\n\tfont-size: 1em;\r\n\tpadding-inline: 0.5em;\r\n\ttext-align: center;\r\n}\r\n\r\n.pagination-previous,\r\n.pagination-next,\r\n.pagination-link {\r\n\tmin-width: 2.25em;\r\n\tborder-color: $pagination-border-color;\r\n\tcolor: $pagination-color;\r\n\ttext-decoration: none;\r\n\r\n\t&:hover {\r\n\t\tborder-color: $pagination-hover-border-color;\r\n\t\tcolor: $pagination-hover-color;\r\n\t\ttext-decoration: none;\r\n\t}\r\n\r\n\t&[disabled] {\r\n\t\tborder-color: $pagination-disabled-border-color;\r\n\t\tbackground-color: $pagination-disabled-background-color;\r\n\t\topacity: 0.5;\r\n\t\tcolor: $pagination-disabled-color;\r\n\t\tpointer-events: none;\r\n\t}\r\n}\r\n\r\n.pagination-center {\r\n\t@include orientation-landscape {\r\n\t\t.pagination-previous {\r\n\t\t\torder: 1;\r\n\t\t}\r\n\r\n\t\t.pagination-list {\r\n\t\t\tjustify-content: center;\r\n\t\t\torder: 2;\r\n\t\t}\r\n\r\n\t\t.pagination-next {\r\n\t\t\torder: 3;\r\n\t\t}\r\n\t}\r\n}\r\n\r\n@include tablet {\r\n\t.pagination-list {\r\n\t\tflex-grow: 0;\r\n\t\tflex-shrink: 1;\r\n\t\tjustify-content: flex-start;\r\n\t\torder: 1;\r\n\t}\r\n\r\n\t.pagination-previous {\r\n\t\torder: 2;\r\n\t}\r\n\r\n\t.pagination-next {\r\n\t\torder: 3;\r\n\t}\r\n\r\n\t.pagination {\r\n\t\tjustify-content: center;\r\n\r\n\t\t&.pagination-center {\r\n\t\t\t.pagination-previous {\r\n\t\t\t\torder: 1;\r\n\t\t\t}\r\n\r\n\t\t\t.pagination-list {\r\n\t\t\t\tjustify-content: center;\r\n\t\t\t\torder: 2;\r\n\t\t\t}\r\n\r\n\t\t\t.pagination-next {\r\n\t\t\t\torder: 3;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}\r\n","$progress-bar-background-color: $secondary-background-glow-high-contrast !default;\r\n$progress-bar-value-background-color: $primary !default;\r\n$progress-bar-value-background-color-warning: $warning !default;\r\n$progress-bar-value-background-color-danger: $danger !default;\r\n$progress-bar-value-background-color-success: $success !default;\r\n$progress-bar-height: $spacer-2 !default;\r\n$progress-bar-height-sm: $spacer-1 !default;\r\n$progress-bar-border-radius: $border-radius-rounded !default;\r\n$progress-bar-indeterminate-animation-duration: 2s !default;\r\n\r\n.progress-bar {\r\n\tdisplay: block;\r\n\twidth: 100%;\r\n\tmax-width: 100%;\r\n\theight: $progress-bar-height;\r\n\tpadding: 0;\r\n\tborder: none;\r\n\tborder-radius: $progress-bar-border-radius;\r\n\tbackground-color: $progress-bar-background-color;\r\n\tappearance: none;\r\n\toverflow: hidden;\r\n\r\n\t&::-webkit-progress-bar {\r\n\t\tbackground-color: $progress-bar-background-color;\r\n\t}\r\n\r\n\t&::-webkit-progress-value {\r\n\t\tbackground-color: $progress-bar-value-background-color;\r\n\t}\r\n\r\n\t&::-moz-progress-bar {\r\n\t\tbackground-color: $progress-bar-value-background-color;\r\n\t}\r\n\r\n\t// Size\r\n\r\n\t&.progress-bar-sm {\r\n\t\theight: $progress-bar-height-sm;\r\n\t}\r\n\r\n\t// Colors\r\n\r\n\t&.progress-bar-success {\r\n\t\t&::-webkit-progress-value {\r\n\t\t\tbackground-color: $progress-bar-value-background-color-success;\r\n\t\t}\r\n\r\n\t\t&::-moz-progress-bar {\r\n\t\t\tbackground-color: $progress-bar-value-background-color-success;\r\n\t\t}\r\n\t}\r\n\r\n\t&.progress-bar-danger {\r\n\t\t&::-webkit-progress-value {\r\n\t\t\tbackground-color: $progress-bar-value-background-color-danger;\r\n\t\t}\r\n\r\n\t\t&::-moz-progress-bar {\r\n\t\t\tbackground-color: $progress-bar-value-background-color-danger;\r\n\t\t}\r\n\t}\r\n\r\n\t&.progress-bar-warning {\r\n\t\t&::-webkit-progress-value {\r\n\t\t\tbackground-color: $progress-bar-value-background-color-warning;\r\n\t\t}\r\n\r\n\t\t&::-moz-progress-bar {\r\n\t\t\tbackground-color: $progress-bar-value-background-color-warning;\r\n\t\t}\r\n\t}\r\n\r\n\t&:indeterminate {\r\n\t\tanimation-name: slide-background;\r\n\t\tanimation-timing-function: linear;\r\n\t\tbackground-color: $progress-bar-background-color;\r\n\t\tbackground-image: linear-gradient(\r\n\t\t\tto right,\r\n\t\t\t$progress-bar-background-color 0%,\r\n\t\t\t$progress-bar-value-background-color 20%,\r\n\t\t\t$progress-bar-background-color 40%\r\n\t\t);\r\n\t\tbackground-repeat: no-repeat;\r\n\t\tbackground-position: top left;\r\n\t\tbackground-size: 150% 150%;\r\n\t\tanimation-duration: $progress-bar-indeterminate-animation-duration;\r\n\t\tanimation-iteration-count: infinite;\r\n\r\n\t\t&:dir(rtl) {\r\n\t\t\tanimation-direction: reverse;\r\n\t\t}\r\n\r\n\t\t&::-webkit-progress-bar {\r\n\t\t\tbackground-color: transparent;\r\n\t\t}\r\n\r\n\t\t&::-moz-progress-bar {\r\n\t\t\tbackground-color: transparent;\r\n\t\t}\r\n\r\n\t\t@include prefers-reduced-motion {\r\n\t\t\tanimation-duration: 0s;\r\n\t\t}\r\n\t}\r\n\r\n\t@include forced-colors {\r\n\t\tbackground-color: CanvasText !important;\r\n\r\n\t\t&::-webkit-progress-bar {\r\n\t\t\tbackground-color: CanvasText !important;\r\n\t\t}\r\n\r\n\t\t&::-webkit-progress-value {\r\n\t\t\tbackground-color: Highlight !important;\r\n\t\t}\r\n\r\n\t\t&::-moz-progress-bar {\r\n\t\t\tbackground-color: Highlight !important;\r\n\t\t}\r\n\r\n\t\t&:indeterminate {\r\n\t\t\t&::-webkit-progress-bar {\r\n\t\t\t\tbackground-color: transparent !important;\r\n\t\t\t}\r\n\r\n\t\t\tforced-color-adjust: none !important;\r\n\t\t\tbackground-image: linear-gradient(\r\n\t\t\t\tto right,\r\n\t\t\t\tCanvasText 0%,\r\n\t\t\t\tHighlight 20%,\r\n\t\t\t\tCanvasText 40%\r\n\t\t\t) !important;\r\n\t\t}\r\n\t}\r\n}\r\n","$table-cell-vertical-padding: $spacer-5 !default;\r\n$table-cell-horizontal-padding: $spacer-6 !default;\r\n$table-cell-padding-compact: $spacer-3 !default;\r\n$table-cell-padding-loose: $spacer-8 !default;\r\n\r\n$table-caption-padding: $spacer-6 !default;\r\n$table-caption-size: $font-size-9 !default;\r\n$table-caption-spacing: $letter-spacing-medium !default;\r\n\r\n.table-wrapper {\r\n\toverflow-x: auto;\r\n\toverflow-y: hidden;\r\n\t-webkit-overflow-scrolling: touch;\r\n}\r\n\r\n.table {\r\n\twidth: 100%;\r\n\tfont-size: $font-size-8;\r\n\tborder-collapse: collapse;\r\n\ttable-layout: auto;\r\n\r\n\t&:not(.table-simple) {\r\n\t\tborder: 1px solid $table-border-dark;\r\n\t}\r\n\r\n\tcaption {\r\n\t\tpadding: $table-caption-padding;\r\n\t\tfont-size: $table-caption-size;\r\n\t\tfont-weight: $weight-semibold;\r\n\t\tletter-spacing: $table-caption-spacing;\r\n\t\ttext-align: $user-right;\r\n\t\ttext-transform: uppercase;\r\n\t}\r\n\r\n\tth,\r\n\ttd {\r\n\t\tdisplay: table-cell;\r\n\t\tword-wrap: break-word;\r\n\t\tpadding: $table-cell-vertical-padding $table-cell-horizontal-padding;\r\n\t\tborder-block-start: 1px solid $table-border-dark;\r\n\t\tline-height: 1.5;\r\n\t\tvertical-align: top;\r\n\t}\r\n\r\n\tth:not([align]) {\r\n\t\ttext-align: $user-left;\r\n\t}\r\n\r\n\t&.table-stacked-mobile {\r\n\t\t@include discouraged-mobile {\r\n\t\t\tth,\r\n\t\t\ttd {\r\n\t\t\t\tdisplay: block;\r\n\t\t\t\twidth: 100%;\r\n\t\t\t}\r\n\r\n\t\t\tth:not(:nth-child(1)),\r\n\t\t\ttd:not(:nth-child(1)) {\r\n\t\t\t\tpadding-block-start: 0;\r\n\t\t\t\tborder-width: 0;\r\n\t\t\t}\r\n\r\n\t\t\tthead tr:nth-child(1) th,\r\n\t\t\ttbody tr:nth-child(1) td {\r\n\t\t\t\tborder-block-start: none;\r\n\t\t\t}\r\n\r\n\t\t\tthead tr > th:last-child {\r\n\t\t\t\tborder-block-end: 1px solid $table-border-dark;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\t&.table-borderless {\r\n\t\tborder: none;\r\n\r\n\t\tth,\r\n\t\ttd {\r\n\t\t\tborder: none;\r\n\t\t}\r\n\t}\r\n\r\n\t&.table-complex {\r\n\t\tthead tr,\r\n\t\ttfoot tr {\r\n\t\t\tbackground-color: $table-header;\r\n\t\t}\r\n\r\n\t\tth,\r\n\t\ttd {\r\n\t\t\tborder: 1px solid $table-border-dark;\r\n\t\t}\r\n\t}\r\n\r\n\t&.table-striped {\r\n\t\ttbody tr:nth-of-type(even) {\r\n\t\t\tbackground-color: $table-row;\r\n\t\t}\r\n\t}\r\n\r\n\t&.table-sm {\r\n\t\tth,\r\n\t\ttd {\r\n\t\t\tpadding: $table-cell-padding-compact;\r\n\t\t}\r\n\t}\r\n\r\n\t&.table-lg {\r\n\t\tth,\r\n\t\ttd {\r\n\t\t\tpadding: $table-cell-padding-loose;\r\n\t\t}\r\n\t}\r\n}\r\n","/* stylelint-disable selector-max-specificity, no-descending-specificity */\r\n\r\n$tag-padding-block: 0.375em !default;\r\n$tag-padding-inline: 0.675em !default;\r\n\r\n$tag-gap-size: 0.375em !default;\r\n\r\n$tag-font-size: $font-size-8 !default;\r\n$tag-font-size-sm: $font-size-9 !default;\r\n$tag-font-size-lg: $font-size-7 !default;\r\n$tag-font-weight: $weight-normal !default;\r\n\r\n$tag-icon-font-size: 0.875em !default;\r\n\r\n$tag-border-width: $border-width !default;\r\n$tag-border-radius: $border-radius !default;\r\n$tag-border-radius-rounded: $border-radius-rounded !default;\r\n$tag-border-color: $secondary !default;\r\n\r\n$tag-color: $secondary-dark !default;\r\n$tag-color-hover: $primary-dark !default;\r\n$tag-background-color: $body-background !default;\r\n$tag-background-hover: $secondary-background-glow-high-contrast !default;\r\n\r\n$tag-color-filled: $text !default;\r\n$tag-background-filled: $secondary-background-glow-high-contrast !default;\r\n$tag-color-filled-hover: $primary-hover !default;\r\n$tag-background-filled-hover: $secondary !default;\r\n$tag-interactive-divider-color-filled: $secondary-box-shadow !default;\r\n$tag-interactive-color-filled-hover: $secondary-invert !default;\r\n\r\n$tag-color-primary: $primary-dark !default;\r\n$tag-color-primary-hover: $primary-hover !default;\r\n$tag-background-primary: $primary-background !default;\r\n$tag-background-primary-hover: $primary-hover !default;\r\n$tag-border-color-primary: $primary-background-glow-high-contrast !default;\r\n$tag-interactive-divider-color-primary: $primary-box-shadow !default;\r\n$tag-interactive-color-primary-hover: $primary-invert !default;\r\n\r\n.tag {\r\n\tdisplay: inline-flex;\r\n\talign-items: center;\r\n\tjustify-content: center;\r\n\tpadding: $tag-padding-block $tag-padding-inline;\r\n\tborder: $tag-border-width solid $tag-border-color;\r\n\tborder-radius: $tag-border-radius;\r\n\tbackground-color: $tag-background-color;\r\n\tcolor: $tag-color;\r\n\tfont-size: $tag-font-size;\r\n\tfont-weight: $tag-font-weight;\r\n\tline-height: $line-height-normal;\r\n\twhite-space: nowrap;\r\n\tgap: $tag-gap-size;\r\n\r\n\t&:where(button) {\r\n\t\tcursor: pointer;\r\n\t}\r\n\r\n\t.tag-close {\r\n\t\tdisplay: inline-flex;\r\n\t\talign-items: center;\r\n\t\tjustify-content: center;\r\n\t}\r\n\r\n\t&:hover,\r\n\t&.is-hovered {\r\n\t\t.tag-close {\r\n\t\t\tcolor: $tag-color-hover;\r\n\t\t}\r\n\t}\r\n\r\n\t.icon {\r\n\t\tfont-size: $tag-icon-font-size;\r\n\t}\r\n\r\n\t// Sizes\r\n\r\n\t&.tag-sm {\r\n\t\tfont-size: $tag-font-size-sm;\r\n\t}\r\n\r\n\t&.tag-lg {\r\n\t\tfont-size: $tag-font-size-lg;\r\n\t}\r\n\r\n\t// Interactive tag\r\n\r\n\t&.tag-interactive {\r\n\t\talign-items: stretch;\r\n\t\tpadding: 0;\r\n\t\tborder: none;\r\n\t\tcolor: $text;\r\n\t\tgap: 0;\r\n\r\n\t\t.tag-popover {\r\n\t\t\t.tag-summary {\r\n\t\t\t\tpadding: $tag-padding-block $tag-padding-inline;\r\n\t\t\t\tborder: $tag-border-width solid $tag-border-color;\r\n\t\t\t\tborder-radius: $tag-border-radius;\r\n\t\t\t\toutline-color: currentColor;\r\n\t\t\t\toutline-offset: -$focus-width;\r\n\t\t\t\tcursor: pointer;\r\n\t\t\t\toverflow: hidden;\r\n\r\n\t\t\t\t/* stylelint-disable-next-line max-nesting-depth, rule-empty-line-before */\r\n\t\t\t\t&:hover,\r\n\t\t\t\t&.is-hovered {\r\n\t\t\t\t\tbackground-color: $tag-background-hover;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\t\t\t&:not(:only-child) .tag-summary {\r\n\t\t\t\tborder-start-end-radius: 0;\r\n\t\t\t\tborder-end-end-radius: 0;\r\n\t\t\t\tborder-inline-end: 0;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t.tag-close {\r\n\t\t\tpadding: $tag-padding-block $tag-padding-inline;\r\n\t\t\tborder: 0;\r\n\t\t\tborder: $tag-border-width solid $tag-border-color;\r\n\t\t\tborder-radius: 0 $tag-border-radius $tag-border-radius 0;\r\n\t\t\toutline-color: currentColor;\r\n\t\t\toutline-offset: -$focus-width;\r\n\t\t\tbackground-color: inherit;\r\n\t\t\tcolor: inherit;\r\n\t\t\tcursor: pointer;\r\n\r\n\t\t\t&:hover,\r\n\t\t\t&.is-hovered {\r\n\t\t\t\tbackground-color: $tag-background-hover;\r\n\t\t\t\tcolor: $tag-color-hover;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}\r\n\r\n// Colors\r\n\r\n.tag.tag-primary {\r\n\tborder-color: $tag-border-color-primary;\r\n\tbackground-color: $tag-background-primary;\r\n\tcolor: $tag-color-primary;\r\n\r\n\t&:hover,\r\n\t&.is-hovered {\r\n\t\t.tag-close {\r\n\t\t\tcolor: $tag-color-primary-hover;\r\n\t\t}\r\n\t}\r\n\r\n\t&.tag-interactive {\r\n\t\t.tag-popover .tag-summary,\r\n\t\t.tag-close {\r\n\t\t\tborder-color: $tag-border-color-primary;\r\n\t\t\tbackground-color: $tag-background-primary;\r\n\t\t\tcolor: $tag-color-primary;\r\n\r\n\t\t\t&:hover,\r\n\t\t\t&.is-hovered {\r\n\t\t\t\tborder-color: $tag-background-primary-hover;\r\n\t\t\t\tbackground-color: $tag-background-primary-hover;\r\n\t\t\t\tcolor: $tag-interactive-color-primary-hover;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t.tag-close {\r\n\t\t\tborder-inline-start-color: $tag-interactive-divider-color-primary;\r\n\t\t}\r\n\t}\r\n}\r\n\r\n.tag.tag-filled {\r\n\tborder-color: $tag-background-filled;\r\n\tbackground-color: $tag-background-filled;\r\n\tcolor: $tag-color-filled;\r\n\r\n\t&:hover,\r\n\t&.is-hovered {\r\n\t\t.tag-close {\r\n\t\t\tcolor: $tag-color-filled-hover;\r\n\t\t}\r\n\t}\r\n\r\n\t&.tag-interactive {\r\n\t\t.tag-popover .tag-summary,\r\n\t\t.tag-close {\r\n\t\t\tborder-color: $tag-background-filled;\r\n\t\t\tbackground-color: $tag-background-filled;\r\n\t\t\tcolor: $tag-color-filled;\r\n\r\n\t\t\t&:hover,\r\n\t\t\t&.is-hovered {\r\n\t\t\t\tborder-color: $tag-background-filled-hover;\r\n\t\t\t\tbackground-color: $tag-background-filled-hover;\r\n\t\t\t\tcolor: $tag-interactive-color-filled-hover;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t.tag-close {\r\n\t\t\tborder-inline-start-color: $tag-interactive-divider-color-filled;\r\n\t\t}\r\n\t}\r\n}\r\n","$toggle-transition: $input-transition-duration cubic-bezier(0.01, 1.23, 0.58, 0.96) !default;\r\n$toggle-circle-size: 0.85em !default;\r\n$toggle-circle-top: 0.15em !default;\r\n$toggle-circle-distance-from-border: 1em - $toggle-circle-size;\r\n\r\n$toggle-unselected-circle-color: $text-subtle !default;\r\n$toggle-unselected-border-color: $text-subtle !default;\r\n$toggle-unselected-background-color: $body-background !default;\r\n$toggle-selected-background-color: $primary !default;\r\n$toggle-circle-selected-background-color: $body-background !default;\r\n\r\n.toggle {\r\n\tlabel {\r\n\t\tdisplay: block;\r\n\t\tposition: relative;\r\n\t\twidth: 2.5em;\r\n\t\theight: 1.25em;\r\n\t\ttransition: $input-transition-duration linear;\r\n\t\ttransition-property: background-color, border-color;\r\n\t\tborder: 0.065em solid $toggle-unselected-border-color;\r\n\t\tborder-radius: $border-radius-rounded;\r\n\t\tbackground-color: $toggle-unselected-background-color;\r\n\t\tcursor: pointer;\r\n\r\n\t\t@include forced-colors {\r\n\t\t\tborder-color: CanvasText !important;\r\n\t\t\tbackground-color: Canvas !important;\r\n\t\t}\r\n\r\n\t\t&::after {\r\n\t\t\tdisplay: block;\r\n\t\t\tposition: absolute;\r\n\t\t\twidth: $toggle-circle-size;\r\n\t\t\theight: $toggle-circle-size;\r\n\t\t\ttransition: $toggle-transition;\r\n\t\t\ttransition-property: inset-inline-start, border-color, background-color;\r\n\t\t\tborder-radius: $border-radius-rounded;\r\n\t\t\tinset-block-start: $toggle-circle-top;\r\n\t\t\tinset-inline-start: $toggle-circle-distance-from-border;\r\n\t\t\tbackground-color: $toggle-unselected-circle-color;\r\n\t\t\tcontent: '';\r\n\r\n\t\t\t@include forced-colors {\r\n\t\t\t\tbackground-color: CanvasText !important;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\t/* stylelint-disable -- want to keep [type=\"checkbox\"] as a requirement here */\r\n\t&.is-selected label,\r\n\tinput[type='checkbox']:checked + label {\r\n\t\t/* stylelint-enable */\r\n\t\tborder-color: $toggle-selected-background-color;\r\n\t\tbackground-color: $toggle-selected-background-color;\r\n\r\n\t\t@include forced-colors {\r\n\t\t\tborder-color: LinkText !important;\r\n\t\t\tbackground-color: LinkText !important;\r\n\t\t}\r\n\r\n\t\t&::after {\r\n\t\t\tbackground-color: $toggle-circle-selected-background-color;\r\n\t\t\tinset-inline-start: calc(100% - ($toggle-circle-distance-from-border + $toggle-circle-size));\r\n\r\n\t\t\t@include forced-colors {\r\n\t\t\t\tbackground-color: Canvas !important;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\t/* stylelint-disable-next-line -- want to keep [type=\"checkbox\"] as a requirement here */\r\n\tinput[type='checkbox'] {\r\n\t\t@include visually-hidden();\r\n\r\n\t\t@include focus-visible() {\r\n\t\t\t+ label {\r\n\t\t\t\t@extend %focus;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t&:disabled + label {\r\n\t\t\topacity: 0.6;\r\n\t\t\tcursor: not-allowed;\r\n\t\t}\r\n\t}\r\n}\r\n",".scroll-horizontal {\r\n\toverflow-x: auto;\r\n\toverflow-y: hidden;\r\n\t-webkit-overflow-scrolling: touch;\r\n}\r\n\r\n.scroll-vertical {\r\n\toverflow-x: hidden;\r\n\toverflow-y: auto;\r\n\t-webkit-overflow-scrolling: touch;\r\n}\r\n\r\n.scroll-snap-container {\r\n\tgap: 1rem;\r\n\theight: max-content;\r\n\tmargin-block: 1rem;\r\n\tscroll-behavior: smooth;\r\n\tscroll-snap-type: x mandatory;\r\n}\r\n\r\n.scroll-snap-item {\r\n\tflex-basis: 90%;\r\n\tmin-width: 80%;\r\n\theight: auto;\r\n\tscroll-snap-align: center;\r\n}\r\n","$site-header-height: 3.375em !default;\r\n$site-header-inline-gap: $spacer-3 !default;\r\n$site-header-border: 1px solid $border !default;\r\n\r\n$site-header-font-size: $font-size-7 !default;\r\n$site-header-brand-font-size: 1.25em !default;\r\n$site-header-brand-font-size-sm: 1.15em !default;\r\n\r\n$site-header-control-color: $text !default;\r\n\r\n$site-header-button-font-size: 0.875em !default;\r\n$site-header-button-icon-font-size: 0.875em !default;\r\n$site-header-button-icon-spacing: 0.375em !default;\r\n\r\n$site-header-hover-underline-border-width: 2px !default;\r\n$site-header-hover-underline-border: $site-header-hover-underline-border-width solid\r\n\t$site-header-control-color !default;\r\n\r\n$site-header-logo-width: 1.625em !default;\r\n$site-header-divider-height: 1.5em !default;\r\n\r\n$site-header-panel-background-color: $body-background-medium !default;\r\n$site-header-panel-min-height: 350px !default;\r\n$site-header-panel-block-padding: $layout-4 !default;\r\n$site-header-panel-gap: $layout-2 !default;\r\n$site-header-panel-content-gap: $spacer-3 !default;\r\n$site-header-panel-shadow: $box-shadow-medium !default;\r\n$site-header-panel-border: 1px solid $border-white-high-contrast !default;\r\n$site-header-panel-featured-section-border: 1px solid $table-border-dark !default;\r\n\r\n%site-header-hover-underline {\r\n\t> :not(.icon):not(.image) {\r\n\t\tposition: relative;\r\n\r\n\t\t&::after {\r\n\t\t\tdisplay: block;\r\n\t\t\tposition: absolute;\r\n\t\t\tcontent: '';\r\n\t\t\tborder-block-end: $site-header-hover-underline-border;\r\n\t\t\tinset-inline-start: 0;\r\n\t\t\tinset-inline-end: 0;\r\n\t\t\tinset-block-end: -$site-header-hover-underline-border-width;\r\n\t\t}\r\n\t}\r\n}\r\n\r\n%site-header-control {\r\n\toutline-offset: -$focus-width;\r\n\tcolor: $site-header-control-color;\r\n\ttext-decoration: none;\r\n\twhite-space: nowrap;\r\n\tcursor: pointer;\r\n\tpadding-block: $button-padding-vertical;\r\n\tpadding-inline: $site-header-inline-gap;\r\n\r\n\t&:visited {\r\n\t\tcolor: $site-header-control-color;\r\n\t}\r\n}\r\n\r\n.site-header {\r\n\tdisplay: flex;\r\n\tposition: relative;\r\n\talign-items: center;\r\n\theight: $site-header-height;\r\n\tfont-size: $site-header-font-size;\r\n\tborder-block-end: $site-header-border;\r\n\tgap: $site-header-inline-gap;\r\n\tpadding-inline: $layout-gap;\r\n\r\n\t@include widescreen {\r\n\t\tpadding-inline: $layout-widescreen-gap;\r\n\t}\r\n\r\n\t.site-header-button {\r\n\t\t@include control;\r\n\t\t@include unselectable;\r\n\t\t@extend %site-header-control;\r\n\r\n\t\tjustify-content: center;\r\n\t\theight: 100%;\r\n\t\tborder: none;\r\n\t\tborder-radius: 0;\r\n\t\tbackground-color: transparent;\r\n\t\tfont-size: $site-header-button-font-size;\r\n\t\tfont-weight: $weight-normal;\r\n\t\ttext-align: center;\r\n\r\n\t\t&[aria-expanded='true'] {\r\n\t\t\tbackground-color: $site-header-panel-background-color;\r\n\t\t}\r\n\r\n\t\t.icon {\r\n\t\t\tfont-size: $site-header-button-icon-font-size;\r\n\r\n\t\t\t&:only-child {\r\n\t\t\t\tmargin: 0;\r\n\t\t\t}\r\n\r\n\t\t\t/* stylelint-disable-next-line selector-max-specificity, rule-empty-line-before */\r\n\t\t\t&:first-child:not(:only-child) {\r\n\t\t\t\tmargin-inline-end: $site-header-button-icon-spacing;\r\n\t\t\t}\r\n\r\n\t\t\t/* stylelint-disable-next-line selector-max-specificity, rule-empty-line-before */\r\n\t\t\t&:last-child:not(:only-child) {\r\n\t\t\t\tmargin-inline-start: $site-header-button-icon-spacing;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t&:active,\r\n\t\t&.is-active,\r\n\t\t&:hover,\r\n\t\t&.is-hovered,\r\n\t\t&:focus-visible {\r\n\t\t\t&:not([aria-expanded='true']) {\r\n\t\t\t\t@extend %site-header-hover-underline;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\t.site-header-logo {\r\n\t\t> svg,\r\n\t\t> img {\r\n\t\t\tdisplay: block;\r\n\t\t\twidth: $site-header-logo-width;\r\n\t\t\theight: auto;\r\n\t\t}\r\n\r\n\t\t&.site-header-logo-centered {\r\n\t\t\tposition: absolute;\r\n\t\t\tinset-inline-start: calc(50% - $site-header-logo-width / 2);\r\n\t\t}\r\n\t}\r\n\r\n\t.site-header-divider {\r\n\t\tdisplay: inline-block;\r\n\t\theight: $site-header-divider-height;\r\n\t\tborder-inline-start: 2px solid $text-subtle;\r\n\t\tmargin-inline-start: $site-header-inline-gap;\r\n\t}\r\n\r\n\t.site-header-brand {\r\n\t\t@extend %site-header-control;\r\n\r\n\t\tdisplay: inline-block;\r\n\t\tfont-size: $site-header-brand-font-size-sm;\r\n\t\tfont-weight: $weight-semibold;\r\n\r\n\t\t&:active,\r\n\t\t&.is-active,\r\n\t\t&:hover,\r\n\t\t&.is-hovered,\r\n\t\t&:focus-visible {\r\n\t\t\t@extend %site-header-hover-underline;\r\n\t\t}\r\n\r\n\t\t@include tablet {\r\n\t\t\tfont-size: $site-header-brand-font-size;\r\n\t\t}\r\n\t}\r\n\r\n\t.site-header-nav {\r\n\t\tdisplay: flex;\r\n\t\talign-self: center;\r\n\t\twidth: 100%;\r\n\t\theight: 100%;\r\n\t}\r\n\r\n\t.site-header-panel {\r\n\t\tdisplay: grid;\r\n\t\tposition: absolute;\r\n\t\twidth: 100%;\r\n\t\tmin-height: $site-header-panel-min-height;\r\n\t\tgrid-gap: $site-header-panel-gap;\r\n\t\tgrid-template-areas: 'panel-content' 'panel-featured-section';\r\n\t\tbackground-color: $site-header-panel-background-color;\r\n\t\ttext-wrap: wrap;\r\n\t\tbox-shadow: $site-header-panel-shadow;\r\n\t\tz-index: $zindex-dropdown;\r\n\t\tinset-inline-start: 0;\r\n\t\tinset-block-start: calc($site-header-height - 1px);\r\n\t\tborder-block-start: $site-header-panel-border;\r\n\t\tborder-block-end: $site-header-panel-border;\r\n\t\tpadding-block: $site-header-panel-block-padding;\r\n\t\tpadding-inline: $layout-gap;\r\n\r\n\t\t@include tablet {\r\n\t\t\tgrid-template-columns: auto 33.333%;\r\n\t\t\tgrid-template-areas: 'panel-content panel-featured-section';\r\n\t\t}\r\n\r\n\t\t@include desktop {\r\n\t\t\tgrid-template-columns: auto 25%;\r\n\t\t}\r\n\r\n\t\t@include widescreen {\r\n\t\t\tpadding-inline: $layout-widescreen-gap;\r\n\t\t}\r\n\r\n\t\t.site-header-panel-featured-content {\r\n\t\t\tgrid-area: panel-featured-section;\r\n\t\t\tborder-block-start: $site-header-panel-featured-section-border;\r\n\t\t\tpadding-block-start: $site-header-panel-gap;\r\n\t\t\tdisplay: flex;\r\n\t\t\tgap: $site-header-panel-gap;\r\n\t\t\tflex-direction: column;\r\n\r\n\t\t\t@include tablet {\r\n\t\t\t\tborder-inline-start: $site-header-panel-featured-section-border;\r\n\t\t\t\tborder-block-start: 0;\r\n\t\t\t\tpadding-block-start: 0;\r\n\t\t\t\tpadding-inline-start: $site-header-panel-gap;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t.site-header-panel-content {\r\n\t\t\tgrid-area: panel-content;\r\n\t\t\tdisplay: grid;\r\n\t\t\talign-content: space-between;\r\n\t\t}\r\n\r\n\t\t.site-header-panel-links {\r\n\t\t\tdisplay: grid;\r\n\t\t\tgrid-gap: $site-header-panel-content-gap;\r\n\r\n\t\t\t@include tablet {\r\n\t\t\t\tgrid-auto-flow: column;\r\n\t\t\t\tgrid-template-columns: repeat(2, 1fr);\r\n\t\t\t\tgrid-template-rows: repeat(11, auto);\r\n\t\t\t}\r\n\r\n\t\t\t@include desktop {\r\n\t\t\t\tgrid-template-columns: repeat(3, 1fr);\r\n\t\t\t\tgrid-template-rows: repeat(7, auto);\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t.site-header-panel-cards {\r\n\t\t\tdisplay: grid;\r\n\t\t\tgrid-gap: $site-header-panel-content-gap;\r\n\r\n\t\t\t@include tablet {\r\n\t\t\t\tgrid-auto-flow: column;\r\n\t\t\t\tgrid-template-columns: repeat(2, 1fr);\r\n\t\t\t\tgrid-template-rows: repeat(5, auto);\r\n\t\t\t}\r\n\r\n\t\t\t@include desktop {\r\n\t\t\t\tgrid-template-columns: repeat(3, 1fr);\r\n\t\t\t\tgrid-template-rows: repeat(3, auto);\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}\r\n","$step-font-size: $font-size-7 !default;\r\n$steps-gap: 0.4375em !default;\r\n$steps-size: 0.5em !default;\r\n\r\n.steps {\r\n\tdisplay: flex;\r\n\tgap: $steps-gap;\r\n\tflex-wrap: nowrap;\r\n\tfont-size: $step-font-size;\r\n\r\n\t.step {\r\n\t\theight: $steps-size;\r\n\t\taspect-ratio: 1 / 1;\r\n\t\tborder-radius: $border-radius-rounded;\r\n\t\tbackground-color: $secondary;\r\n\r\n\t\t&.step-selected {\r\n\t\t\taspect-ratio: 2 / 1;\r\n\t\t\tbackground-color: $primary;\r\n\t\t}\r\n\t}\r\n}\r\n",".stretched-link {\r\n\t&::before {\r\n\t\tposition: absolute;\r\n\t\tcontent: '';\r\n\t\tz-index: $zindex-stretched-link;\r\n\t\tinset: 0;\r\n\t}\r\n}\r\n","$sc-padding-sm: 0.5em 1em !default;\r\n$sc-padding: 0.75em 1.25em !default;\r\n$sc-padding-lg: 1em 1.5em !default;\r\n\r\n$sc-font-color: $primary !default;\r\n$sc-border: $border-width solid $border !default;\r\n$sc-border-radius-rounded: $border-radius-rounded;\r\n$sc-hover-background-color: $primary-background !default;\r\n$sc-hover-border: $border-width solid $border !default;\r\n$sc-hover-border-color: $primary-hover !default;\r\n$sc-active-hover-background-color: $primary-hover !default;\r\n$sc-active-hover-border-color: $primary-hover !default;\r\n$sc-active-background-color: $primary !default;\r\n$sc-active-border-color: $primary !default;\r\n$sc-active-color: $text-invert !default;\r\n\r\n.segmented-controls {\r\n\tdisplay: grid;\r\n\tjustify-content: center;\r\n\twidth: 100%;\r\n\tgrid-gap: $spacer-3;\r\n\tgrid-template-columns: max-content auto max-content;\r\n\tfont-size: $font-size-7;\r\n\twhite-space: nowrap;\r\n\r\n\t.segmented-control-previous,\r\n\t.segmented-control-next {\r\n\t\tdisplay: flex;\r\n\t\talign-items: center;\r\n\t\tpadding: $sc-padding-sm;\r\n\t\tborder: $sc-border;\r\n\t\tborder-radius: $sc-border-radius-rounded;\r\n\t\tbackground-color: $sc-active-background-color;\r\n\t\tcolor: $sc-active-color;\r\n\t\tfont-weight: $weight-semibold;\r\n\t\tcursor: pointer;\r\n\r\n\t\t&:hover {\r\n\t\t\tbackground-color: $sc-active-hover-background-color;\r\n\r\n\t\t\t@include forced-colors {\r\n\t\t\t\tborder-color: Highlight;\r\n\t\t\t\tbackground-color: Highlight;\r\n\t\t\t\tcolor: HighlightText;\r\n\t\t\t\tforced-color-adjust: none;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t@include focus-visible() {\r\n\t\t\toutline-color: $text-invert;\r\n\t\t\toutline-offset: -$focus-outline-offset;\r\n\t\t}\r\n\t}\r\n\r\n\t.segmented-control-list {\r\n\t\tgrid-column: 2;\r\n\t\tdisplay: flex;\r\n\t\talign-items: center;\r\n\t\tjustify-content: flex-start;\r\n\t\tborder: $sc-border;\r\n\t\tborder-radius: $sc-border-radius-rounded;\r\n\t\toverflow-x: hidden;\r\n\t}\r\n\r\n\t.segmented-control {\r\n\t\tdisplay: flex;\r\n\t\tposition: relative;\r\n\t\talign-items: center;\r\n\t\tjustify-content: center;\r\n\t\tpadding: $sc-padding-sm;\r\n\t\tborder: none;\r\n\t\tborder-radius: $sc-border-radius-rounded;\r\n\t\tbackground-color: transparent;\r\n\t\tcolor: $sc-font-color;\r\n\t\tfont-weight: $weight-semibold;\r\n\t\tcursor: pointer;\r\n\t\tappearance: none;\r\n\t\tvertical-align: top;\r\n\r\n\t\t@include focus-visible() {\r\n\t\t\toutline-color: $text-invert;\r\n\t\t\toutline-offset: -$focus-outline-offset;\r\n\t\t}\r\n\r\n\t\t&:hover {\r\n\t\t\tbackground-color: $sc-hover-background-color;\r\n\t\t\tz-index: $zindex-hover;\r\n\r\n\t\t\t@include forced-colors {\r\n\t\t\t\tbackground-color: Highlight !important;\r\n\t\t\t\tcolor: HighlightText !important;\r\n\t\t\t\tforced-color-adjust: none;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t&[aria-selected='true'] {\r\n\t\t\tbackground-color: $sc-active-background-color;\r\n\t\t\tcolor: $sc-active-color;\r\n\t\t\tz-index: $zindex-active;\r\n\r\n\t\t\t&:hover {\r\n\t\t\t\tbackground-color: $sc-active-hover-background-color;\r\n\t\t\t\tz-index: $zindex-hover;\r\n\t\t\t}\r\n\r\n\t\t\t@include forced-colors {\r\n\t\t\t\tbackground-color: SelectedItem;\r\n\t\t\t\tcolor: SelectedItemText;\r\n\t\t\t\tforced-color-adjust: none;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\t@include tablet {\r\n\t\t.segmented-control,\r\n\t\t.segmented-previous,\r\n\t\t.segmented-next {\r\n\t\t\tpadding: $sc-padding;\r\n\t\t}\r\n\t}\r\n\t@include desktop {\r\n\t\t.segmented-control,\r\n\t\t.segmented-previous,\r\n\t\t.segmented-next {\r\n\t\t\tpadding: $sc-padding-lg;\r\n\t\t}\r\n\t}\r\n}\r\n","@use 'sass:math';\r\n\r\n$quarter-widescreen: math.div($breakpoint-widescreen, 4);\r\n$half-widescreen: math.div($breakpoint-widescreen, 2);\r\n$three-quarters-widescreen: math.div($breakpoint-widescreen, 4) * 3;\r\n$default-flyout-width-desktop: 360px;\r\n$default-flyout-width-widescreen: 480px;\r\n\r\n:root {\r\n\t--window-inner-height: 100vh; // to be overwritten by JS\r\n\t--atlas-header-height: 0px; // to be overwritten by JS\r\n\t--atlas-footer-height: 0px; // to be overwritten by JS\r\n\t--atlas-contained-height: 1fr; // default value, does not contain the height\r\n}\r\n\r\n.layout {\r\n\tdisplay: flex;\r\n\tflex-direction: column;\r\n\tmax-inline-size: 100vw;\r\n\r\n\t// --layout-gutter by default, see tokens/layout.scss\r\n\t#{$layout-gap-custom-property-name}: $layout-gap;\r\n\t#{$layout-gap-scalable-custom-property-name}: $layout-gap;\r\n\t#{$layout-flyout-width-desktop-custom-property-name}: $default-flyout-width-desktop;\r\n\t#{$layout-flyout-width-widescreen-custom-property-name}: $default-flyout-width-widescreen;\r\n\t#{$layout-flyout-width-name}: var(#{$layout-flyout-width-desktop-custom-property-name});\r\n\r\n\t@include widescreen {\r\n\t\t#{$layout-gap-scalable-custom-property-name}: $layout-widescreen-gap;\r\n\t\t// sets widescreen custom prop\r\n\t\t#{$layout-flyout-width-name}: var(#{$layout-flyout-width-widescreen-custom-property-name});\r\n\t}\r\n}\r\n\r\n.layout-padding {\r\n\tpadding-inline: var(#{$layout-gap-custom-property-name}) !important;\r\n}\r\n\r\n.layout-margin {\r\n\tmargin-inline: var(#{$layout-gap-scalable-custom-property-name}) !important;\r\n}\r\n\r\n.layout-body {\r\n\tdisplay: grid;\r\n\twidth: 100%;\r\n\tmax-width: 100%;\r\n}\r\n\r\n// grid-area values\r\n\r\n.layout-body-header {\r\n\tgrid-area: header;\r\n}\r\n\r\n.layout-body-hero {\r\n\tgrid-area: hero;\r\n}\r\n\r\n.layout-body-menu {\r\n\tgrid-area: menu;\r\n}\r\n\r\n.layout-body-main {\r\n\tgrid-area: main;\r\n}\r\n\r\n.layout-body-aside {\r\n\tgrid-area: aside;\r\n}\r\n\r\n.layout-body-footer {\r\n\tgrid-area: footer;\r\n}\r\n\r\n.layout-body-flyout {\r\n\tdisplay: none;\r\n\tgrid-area: flyout;\r\n}\r\n\r\n.layout-body-hero,\r\n.layout-body-main,\r\n.layout-body-footer,\r\n.layout-body-aside,\r\n.layout-body-menu {\r\n\t&:empty {\r\n\t\tdisplay: none;\r\n\t}\r\n}\r\n\r\n/* It is quite hard to keep the layout rules organized / group while satisfying the no-descrending specificity lint rule. Disabling it here. */\r\n\r\n/* stylelint-disable no-descending-specificity */\r\n\r\n.layout,\r\n.layout.layout-single {\r\n\t.layout-body {\r\n\t\tgrid-template: auto auto auto 1fr auto auto / minmax(0, 1fr);\r\n\t\tgrid-template-areas: 'header' 'hero' 'menu' 'main' 'aside' 'footer';\r\n\t}\r\n\r\n\t&.layout-flyout-active .layout-body {\r\n\t\t@include desktop {\r\n\t\t\tgrid-template: auto auto auto 1fr auto auto / minmax(0, 1fr) var(#{$layout-flyout-width-name});\r\n\t\t\tgrid-template-areas: 'header header' 'hero flyout' 'menu flyout' 'main flyout' 'aside flyout' 'footer footer';\r\n\t\t}\r\n\t}\r\n}\r\n\r\n.layout.layout-holy-grail {\r\n\t.layout-body {\r\n\t\tgrid-template: auto auto auto 1fr auto auto / minmax(0, 1fr);\r\n\t\tgrid-template-areas: 'header' 'hero' 'menu' 'main' 'aside' 'footer';\r\n\r\n\t\t@include tablet {\r\n\t\t\tgrid-template: auto auto var(--atlas-contained-height) auto auto / minmax(0, 1fr) minmax(\r\n\t\t\t\t\t0,\r\n\t\t\t\t\t2fr\r\n\t\t\t\t);\r\n\t\t\tgrid-template-areas:\r\n\t\t\t\t'header header'\r\n\t\t\t\t'hero hero'\r\n\t\t\t\t'menu main'\r\n\t\t\t\t'menu aside'\r\n\t\t\t\t'footer footer';\r\n\t\t}\r\n\r\n\t\t@include desktop {\r\n\t\t\tgrid-template: auto auto var(--atlas-contained-height) auto / minmax(0, 1fr) minmax(0, 2fr) minmax(\r\n\t\t\t\t\t0,\r\n\t\t\t\t\t1fr\r\n\t\t\t\t);\r\n\t\t\tgrid-template-areas:\r\n\t\t\t\t'header header header'\r\n\t\t\t\t'hero hero hero'\r\n\t\t\t\t'menu main aside'\r\n\t\t\t\t'footer footer footer';\r\n\t\t}\r\n\r\n\t\t@include widescreen {\r\n\t\t\tgrid-template: auto auto var(--atlas-contained-height) auto / auto #{$quarter-widescreen} #{$half-widescreen} #{$quarter-widescreen} auto;\r\n\t\t\tgrid-template-areas:\r\n\t\t\t\t'header header header header header'\r\n\t\t\t\t'hero hero hero hero hero'\r\n\t\t\t\t'. menu main aside .'\r\n\t\t\t\t'footer footer footer footer footer';\r\n\t\t}\r\n\t}\r\n\r\n\t&.layout-flyout-active .layout-body {\r\n\t\t@include desktop {\r\n\t\t\tgrid-template:\r\n\t\t\t\tauto auto var(--atlas-contained-height) auto / minmax(0, 1fr) minmax(0, 2fr) minmax(0, 1fr)\r\n\t\t\t\tvar(#{$layout-flyout-width-name});\r\n\t\t\tgrid-template-areas:\r\n\t\t\t\t'header header header header'\r\n\t\t\t\t'hero hero hero flyout'\r\n\t\t\t\t'menu main aside flyout'\r\n\t\t\t\t'footer footer footer footer';\r\n\t\t}\r\n\r\n\t\t@include widescreen {\r\n\t\t\tgrid-template:\r\n\t\t\t\tauto auto var(--atlas-contained-height) auto / minmax(0, 1fr) minmax(0, 2fr) minmax(0, 1fr)\r\n\t\t\t\tvar(#{$layout-flyout-width-name});\r\n\t\t\tgrid-template-areas:\r\n\t\t\t\t'header header header header'\r\n\t\t\t\t'hero hero hero flyout'\r\n\t\t\t\t'menu main aside flyout'\r\n\t\t\t\t'footer footer footer footer';\r\n\t\t}\r\n\t}\r\n}\r\n\r\n.layout.layout-sidecar-left {\r\n\t.layout-body-aside {\r\n\t\tdisplay: none;\r\n\t}\r\n\r\n\t.layout-body {\r\n\t\tgrid-template: auto auto auto 1fr auto / minmax(0, 1fr);\r\n\t\tgrid-template-areas: 'header' 'hero' 'menu' 'main' 'footer';\r\n\r\n\t\t@include tablet {\r\n\t\t\tgrid-template: auto auto var(--atlas-contained-height) auto / minmax(0, 1fr) minmax(0, 2fr);\r\n\t\t\tgrid-template-areas:\r\n\t\t\t\t'header header'\r\n\t\t\t\t'hero hero'\r\n\t\t\t\t'menu main'\r\n\t\t\t\t'footer footer';\r\n\t\t}\r\n\r\n\t\t@include desktop {\r\n\t\t\tgrid-template: auto auto var(--atlas-contained-height) auto / minmax(0, 1fr) minmax(0, 3fr);\r\n\t\t\tgrid-template-areas:\r\n\t\t\t\t'header header'\r\n\t\t\t\t'hero hero'\r\n\t\t\t\t'menu main'\r\n\t\t\t\t'footer footer';\r\n\t\t}\r\n\r\n\t\t@include widescreen {\r\n\t\t\tgrid-template: auto auto var(--atlas-contained-height) auto / auto #{$quarter-widescreen} #{$three-quarters-widescreen} auto;\r\n\t\t\tgrid-template-areas:\r\n\t\t\t\t'header header header header'\r\n\t\t\t\t'hero hero hero hero'\r\n\t\t\t\t'. menu main .'\r\n\t\t\t\t'footer footer footer footer';\r\n\t\t}\r\n\t}\r\n\r\n\t&.layout-flyout-active .layout-body {\r\n\t\t@include desktop {\r\n\t\t\tgrid-template: auto auto var(--atlas-contained-height) auto / minmax(0, 1fr) minmax(0, 3fr) var(\r\n\t\t\t\t\t#{$layout-flyout-width-name}\r\n\t\t\t\t);\r\n\t\t\tgrid-template-areas:\r\n\t\t\t\t'header header header'\r\n\t\t\t\t'hero hero flyout'\r\n\t\t\t\t'menu main flyout'\r\n\t\t\t\t'footer footer footer';\r\n\t\t}\r\n\t\t@include widescreen {\r\n\t\t\tgrid-template: auto auto var(--atlas-contained-height) auto / minmax(0, 1fr) minmax(0, 3fr) var(\r\n\t\t\t\t\t#{$layout-flyout-width-name}\r\n\t\t\t\t);\r\n\t\t\tgrid-template-areas:\r\n\t\t\t\t'header header header'\r\n\t\t\t\t'hero hero flyout'\r\n\t\t\t\t'menu main flyout'\r\n\t\t\t\t'footer footer footer';\r\n\t\t}\r\n\t}\r\n}\r\n\r\n.layout.layout-sidecar-right {\r\n\t.layout-body-menu {\r\n\t\tdisplay: none;\r\n\t}\r\n\r\n\t.layout-body {\r\n\t\tgrid-template: auto auto auto 1fr auto / minmax(0, 1fr);\r\n\t\tgrid-template-areas: 'header' 'hero' 'main' 'aside' 'footer';\r\n\r\n\t\t@include tablet {\r\n\t\t\tgrid-template: auto auto var(--atlas-contained-height) auto / minmax(0, 2fr) minmax(0, 1fr);\r\n\t\t\tgrid-template-areas:\r\n\t\t\t\t'header header'\r\n\t\t\t\t'hero hero'\r\n\t\t\t\t'main aside '\r\n\t\t\t\t'footer footer';\r\n\t\t}\r\n\r\n\t\t@include desktop {\r\n\t\t\tgrid-template: auto auto var(--atlas-contained-height) auto / minmax(0, 3fr) minmax(0, 1fr);\r\n\t\t\tgrid-template-areas:\r\n\t\t\t\t'header header'\r\n\t\t\t\t'hero hero'\r\n\t\t\t\t'main aside'\r\n\t\t\t\t'footer footer';\r\n\t\t}\r\n\r\n\t\t@include widescreen {\r\n\t\t\tgrid-template: auto auto var(--atlas-contained-height) auto / auto #{$three-quarters-widescreen} #{$quarter-widescreen} auto;\r\n\t\t\tgrid-template-areas:\r\n\t\t\t\t'header header header header'\r\n\t\t\t\t'hero hero hero hero'\r\n\t\t\t\t'. main aside .'\r\n\t\t\t\t'footer footer footer footer';\r\n\t\t}\r\n\t}\r\n\r\n\t&.layout-flyout-active .layout-body {\r\n\t\t@include desktop {\r\n\t\t\tgrid-template: auto auto var(--atlas-contained-height) auto / minmax(0, 3fr) minmax(0, 1fr) var(\r\n\t\t\t\t\t#{$layout-flyout-width-name}\r\n\t\t\t\t);\r\n\t\t\tgrid-template-areas:\r\n\t\t\t\t'header header header'\r\n\t\t\t\t'hero hero flyout'\r\n\t\t\t\t'main aside flyout'\r\n\t\t\t\t'footer footer footer';\r\n\t\t}\r\n\r\n\t\t@include widescreen {\r\n\t\t\tgrid-template: auto auto var(--atlas-contained-height) auto / minmax(0, 3fr) minmax(0, 1fr) var(\r\n\t\t\t\t\t#{$layout-flyout-width-name}\r\n\t\t\t\t);\r\n\t\t\tgrid-template-areas:\r\n\t\t\t\t'header header header'\r\n\t\t\t\t'hero hero flyout'\r\n\t\t\t\t'main aside flyout'\r\n\t\t\t\t'footer footer footer';\r\n\t\t}\r\n\t}\r\n}\r\n\r\n.layout.layout-twin {\r\n\t.layout-body-menu {\r\n\t\tdisplay: none;\r\n\t}\r\n\r\n\t.layout-body {\r\n\t\tgrid-template: auto auto auto 1fr auto / minmax(0, 1fr);\r\n\t\tgrid-template-areas: 'header' 'hero' 'main' 'aside' 'footer';\r\n\r\n\t\t// note that to make some extra room this layout is not constrained by the widescreen breakpoint like others\r\n\t\t@include tablet {\r\n\t\t\tgrid-template: auto auto var(--atlas-contained-height) auto / minmax(0, 1fr) minmax(0, 1fr);\r\n\t\t\tgrid-template-areas:\r\n\t\t\t\t'header header'\r\n\t\t\t\t'hero hero'\r\n\t\t\t\t'main aside'\r\n\t\t\t\t'footer footer';\r\n\t\t}\r\n\t}\r\n\r\n\t&.layout-flyout-active .layout-body {\r\n\t\t@include desktop {\r\n\t\t\tgrid-template: auto auto var(--atlas-contained-height) auto / minmax(0, 1fr) minmax(0, 1fr) var(\r\n\t\t\t\t\t#{$layout-flyout-width-name}\r\n\t\t\t\t);\r\n\t\t\tgrid-template-areas:\r\n\t\t\t\t'header header header'\r\n\t\t\t\t'hero hero flyout'\r\n\t\t\t\t'main aside flyout'\r\n\t\t\t\t'footer footer footer';\r\n\t\t}\r\n\t}\r\n}\r\n\r\n/* stylelint-enable no-descending-specificity */\r\n\r\n@mixin constrained-layout-child {\r\n\tposition: sticky;\r\n\tinset-block-start: 0;\r\n\toverflow-x: hidden;\r\n\toverflow-y: auto;\r\n\t-webkit-overflow-scrolling: touch;\r\n}\r\n\r\n// hide flyout when it's inactive\r\n\r\n@include desktop {\r\n\t.layout.layout-flyout-active {\r\n\t\t.layout-body-flyout {\r\n\t\t\tdisplay: block;\r\n\t\t}\r\n\t}\r\n}\r\n\r\n@include tablet {\r\n\t.layout.layout-constrained {\r\n\t\t&.layout-twin,\r\n\t\t&.layout-sidecar-left,\r\n\t\t&.layout-sidecar-right {\r\n\t\t\t// 👇 minus two pixel at the end to account for percentage points and rounding, one px generally suffices though\r\n\t\t\t--atlas-contained-height: calc(\r\n\t\t\t\tvar(--window-inner-height) - var(--atlas-header-height) - var(--atlas-footer-height) - 2px\r\n\t\t\t);\r\n\t\t}\r\n\r\n\t\t&.layout-twin,\r\n\t\t&.layout-sidecar-right {\r\n\t\t\t.layout-body-main,\r\n\t\t\t.layout-body-aside {\r\n\t\t\t\t@include constrained-layout-child;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t&.layout-sidecar-left {\r\n\t\t\t.layout-body-menu,\r\n\t\t\t.layout-body-main {\r\n\t\t\t\t@include constrained-layout-child;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}\r\n\r\n// Because the holy grail has two rows (containing menu main, menu aside) on tablet, we cannot apply height constraints at that size\r\n@include desktop {\r\n\t.layout.layout-constrained.layout-holy-grail {\r\n\t\t// 👇 minus two pixel at the end to account for percentage points and rounding, one px generally suffices though\r\n\t\t--atlas-contained-height: calc(\r\n\t\t\tvar(--window-inner-height) - var(--atlas-header-height) - var(--atlas-footer-height) - 2px\r\n\t\t);\r\n\r\n\t\t.layout-body-main,\r\n\t\t.layout-body-menu,\r\n\t\t.layout-body-aside {\r\n\t\t\t@include constrained-layout-child;\r\n\t\t}\r\n\t}\r\n\r\n\t.layout.layout-constrained {\r\n\t\t.layout-body-flyout {\r\n\t\t\t@include constrained-layout-child;\r\n\t\t}\r\n\t}\r\n}\r\n","$aspect-ratios: (\r\n\t'1-1': '1 / 1',\r\n\t'2-1': '2 / 1',\r\n\t'4-3': '4 / 3',\r\n\t'9-16': '9 / 16',\r\n\t'16-9': '16 / 9'\r\n) !default;\r\n\r\n@each $name, $ratio in $aspect-ratios {\r\n\t.aspect-ratio-#{$name} {\r\n\t\taspect-ratio: #{$ratio} !important;\r\n\t}\r\n}\r\n","// Font family\r\n\r\n.font-family-monospace {\r\n\tfont-family: $monospace-font-stack !important;\r\n\t-moz-osx-font-smoothing: auto;\r\n\t-webkit-font-smoothing: auto;\r\n}\r\n\r\n.font-family-quote {\r\n\tfont-family: $quote-font-stack !important;\r\n}\r\n\r\n// Heading sizes\r\n\r\n.font-size-h0 {\r\n\tfont-size: $font-size-0 !important;\r\n}\r\n\r\n.font-size-h1 {\r\n\tfont-size: $font-size-1 !important;\r\n}\r\n\r\n.font-size-h2 {\r\n\tfont-size: $font-size-2 !important;\r\n}\r\n\r\n.font-size-h3 {\r\n\tfont-size: $font-size-3 !important;\r\n}\r\n\r\n.font-size-h4 {\r\n\tfont-size: $font-size-4 !important;\r\n}\r\n\r\n.font-size-h5 {\r\n\tfont-size: $font-size-5 !important;\r\n}\r\n\r\n.font-size-h6 {\r\n\tfont-size: $font-size-6 !important;\r\n}\r\n\r\n@include tablet {\r\n\t.font-size-h0-tablet {\r\n\t\tfont-size: $font-size-0 !important;\r\n\t}\r\n\r\n\t.font-size-h1-tablet {\r\n\t\tfont-size: $font-size-1 !important;\r\n\t}\r\n\r\n\t.font-size-h2-tablet {\r\n\t\tfont-size: $font-size-2 !important;\r\n\t}\r\n\r\n\t.font-size-h3-tablet {\r\n\t\tfont-size: $font-size-3 !important;\r\n\t}\r\n\r\n\t.font-size-h4-tablet {\r\n\t\tfont-size: $font-size-4 !important;\r\n\t}\r\n\r\n\t.font-size-h5-tablet {\r\n\t\tfont-size: $font-size-5 !important;\r\n\t}\r\n\r\n\t.font-size-h6-tablet {\r\n\t\tfont-size: $font-size-6 !important;\r\n\t}\r\n}\r\n\r\n// Non-heading sizes\r\n\r\n.font-size-xl {\r\n\tfont-size: $font-size-5 !important;\r\n}\r\n\r\n.font-size-lg {\r\n\tfont-size: $font-size-6 !important;\r\n}\r\n\r\n.font-size-md {\r\n\tfont-size: $font-size-7 !important;\r\n}\r\n\r\n.font-size-sm {\r\n\tfont-size: $font-size-8 !important;\r\n}\r\n\r\n.font-size-xs {\r\n\tfont-size: $font-size-9 !important;\r\n}\r\n\r\n// Non-heading sizes\r\n\r\n@include tablet {\r\n\t.font-size-xl-tablet {\r\n\t\tfont-size: $font-size-5 !important;\r\n\t}\r\n\r\n\t.font-size-lg-tablet {\r\n\t\tfont-size: $font-size-6 !important;\r\n\t}\r\n\r\n\t.font-size-md-tablet {\r\n\t\tfont-size: $font-size-7 !important;\r\n\t}\r\n\r\n\t.font-size-sm-tablet {\r\n\t\tfont-size: $font-size-8 !important;\r\n\t}\r\n\r\n\t.font-size-xs-tablet {\r\n\t\tfont-size: $font-size-9 !important;\r\n\t}\r\n}\r\n\r\n// Weight\r\n\r\n.font-weight-light {\r\n\tfont-weight: $weight-light !important;\r\n}\r\n\r\n.font-weight-semilight {\r\n\tfont-weight: $weight-semilight !important;\r\n}\r\n\r\n.font-weight-normal {\r\n\tfont-weight: $weight-normal !important;\r\n}\r\n\r\n.font-weight-semibold {\r\n\tfont-weight: $weight-semibold !important;\r\n}\r\n\r\n.font-weight-bold {\r\n\tfont-weight: $weight-bold !important;\r\n}\r\n\r\n// Case\r\n\r\n.font-style-italic {\r\n\tfont-style: italic !important;\r\n}\r\n\r\n.text-decoration-underline {\r\n\ttext-decoration: underline !important;\r\n}\r\n\r\n.text-decoration-none {\r\n\ttext-decoration: none !important;\r\n}\r\n\r\n// Letter Spacing\r\n\r\n.letter-spacing-wide {\r\n\tletter-spacing: $letter-spacing-wide !important;\r\n}\r\n\r\n.text-transform-uppercase {\r\n\ttext-transform: uppercase !important;\r\n}\r\n\r\n// Alignment\r\n\r\n.text-align-left {\r\n\ttext-align: start !important;\r\n}\r\n\r\n.text-align-center {\r\n\ttext-align: center !important;\r\n}\r\n\r\n.text-align-right {\r\n\ttext-align: end !important;\r\n}\r\n\r\n@include tablet {\r\n\t.text-align-left-tablet {\r\n\t\ttext-align: start !important;\r\n\t}\r\n\r\n\t.text-align-center-tablet {\r\n\t\ttext-align: center !important;\r\n\t}\r\n\r\n\t.text-align-right-tablet {\r\n\t\ttext-align: end !important;\r\n\t}\r\n}\r\n\r\n// Text wrapping behavior\r\n\r\n.text-wrap-pretty {\r\n\ttext-wrap: pretty !important;\r\n}\r\n\r\n// Line height\r\n\r\n.line-height-normal {\r\n\tline-height: $line-height-normal !important;\r\n}\r\n\r\n// White space\r\n\r\n.white-space-normal {\r\n\twhite-space: normal !important;\r\n}\r\n\r\n.white-space-nowrap {\r\n\twhite-space: nowrap !important;\r\n}\r\n\r\n.white-space-pre {\r\n\twhite-space: pre !important;\r\n}\r\n\r\n.white-space-pre-wrap {\r\n\twhite-space: pre-wrap !important;\r\n}\r\n",".border {\r\n\tborder: $border-width solid $border !important;\r\n}\r\n\r\n.border-md {\r\n\tborder: $border-width-md solid $border !important;\r\n}\r\n\r\n.border-lg {\r\n\tborder: $border-width-lg solid $border !important;\r\n}\r\n\r\n.border-none {\r\n\tborder: none !important;\r\n}\r\n\r\n// Rules for each side\r\n\r\n@each $border-key, $direction in $logical-directions {\r\n\t.border-#{$border-key} {\r\n\t\tborder-#{$direction}: $border-width solid $border !important;\r\n\t}\r\n\r\n\t.border-#{$border-key}-md {\r\n\t\tborder-#{$direction}: $border-width-md solid $border !important;\r\n\t}\r\n\r\n\t.border-#{$border-key}-lg {\r\n\t\tborder-#{$direction}: $border-width-lg solid $border !important;\r\n\t}\r\n\r\n\t.border-#{$border-key}-none {\r\n\t\tborder-#{$direction}: 0 !important;\r\n\t}\r\n}\r\n\r\n@include tablet {\r\n\t.border-tablet {\r\n\t\tborder: $border-width solid $border !important;\r\n\t}\r\n\r\n\t.border-md-tablet {\r\n\t\tborder: $border-width-md solid $border !important;\r\n\t}\r\n\r\n\t.border-lg-tablet {\r\n\t\tborder: $border-width-lg solid $border !important;\r\n\t}\r\n\r\n\t.border-none-tablet {\r\n\t\tborder: none !important;\r\n\t}\r\n\r\n\t// Rules for each side\r\n\r\n\t@each $border-key, $direction in $logical-directions {\r\n\t\t.border-#{$border-key}-tablet {\r\n\t\t\tborder-#{$direction}: $border-width solid $border !important;\r\n\t\t}\r\n\r\n\t\t.border-#{$border-key}-md-tablet {\r\n\t\t\tborder-#{$direction}: $border-width-md solid $border !important;\r\n\t\t}\r\n\r\n\t\t.border-#{$border-key}-lg-tablet {\r\n\t\t\tborder-#{$direction}: $border-width-lg solid $border !important;\r\n\t\t}\r\n\r\n\t\t.border-#{$border-key}-none-tablet {\r\n\t\t\tborder-#{$direction}: 0 !important;\r\n\t\t}\r\n\t}\r\n}\r\n\r\n// Radius\r\n\r\n.border-radius-sm {\r\n\tborder-radius: $border-radius-sm !important;\r\n}\r\n\r\n.border-radius {\r\n\tborder-radius: $border-radius !important;\r\n}\r\n\r\n.border-radius-lg {\r\n\tborder-radius: $border-radius-lg !important;\r\n}\r\n\r\n.border-radius-rounded {\r\n\tborder-radius: $border-radius-rounded !important;\r\n}\r\n\r\n.border-radius-none {\r\n\tborder-radius: 0 !important;\r\n}\r\n\r\n// Colors\r\n\r\n@each $name, $color-set in $colors {\r\n\t$base: nth($color-set, $color-index-base);\r\n\r\n\t.border-color-#{$name} {\r\n\t\tborder-color: $base !important;\r\n\t}\r\n}\r\n\r\n.border-color-accent {\r\n\tborder-color: $border-accent !important;\r\n}\r\n\r\n.border-high-contrast {\r\n\tborder: $border-width solid $border-white-high-contrast !important;\r\n\r\n\t&-hover:hover {\r\n\t\tborder: $border-width solid $border-yellow-high-contrast !important;\r\n\t}\r\n}\r\n","$background-sizes: 100, 200 !default;\r\n\r\n@each $size in $background-sizes {\r\n\t.background-size-#{$size} {\r\n\t\tbackground-size: #{$size}px;\r\n\t}\r\n}\r\n\r\n.background-image-pattern {\r\n\tbackground-image: var(--background-image-pattern);\r\n}\r\n","// Framework colors\r\n\r\n@each $name, $color-set in $colors {\r\n\t$base: nth($color-set, $color-index-base);\r\n\t$background: nth($color-set, $color-index-background);\r\n\t$dark: nth($color-set, $color-index-dark);\r\n\t$hover: nth($color-set, $color-index-hover);\r\n\t$active: nth($color-set, $color-index-active);\r\n\t$invert: nth($color-set, $color-index-invert);\r\n\r\n\t.color-#{$name} {\r\n\t\t@if $name == 'warning' {\r\n\t\t\tcolor: $active !important;\r\n\t\t} @else {\r\n\t\t\tcolor: $base !important;\r\n\t\t}\r\n\t}\r\n\r\n\ta.color-#{$name} {\r\n\t\t&:hover {\r\n\t\t\t@if $name == 'warning' {\r\n\t\t\t\tcolor: $active !important;\r\n\t\t\t} @else {\r\n\t\t\t\tcolor: $hover !important;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t@include focus-visible {\r\n\t\t\tcolor: $hover !important;\r\n\t\t}\r\n\r\n\t\t&:active {\r\n\t\t\tcolor: $active !important;\r\n\t\t}\r\n\t}\r\n\r\n\t.color-#{$name}-invert {\r\n\t\tcolor: $invert !important;\r\n\t}\r\n\r\n\t.background-color-#{$name} {\r\n\t\toutline-color: $invert;\r\n\t\tbackground-color: $base !important;\r\n\t}\r\n\r\n\t.background-color-#{$name}-invert {\r\n\t\toutline-color: $base;\r\n\t\tbackground-color: $invert !important;\r\n\t}\r\n\r\n\t.background-color-#{$name}-light {\r\n\t\toutline-color: $dark;\r\n\t\tbackground-color: $background !important;\r\n\t}\r\n\r\n\t.background-color-#{$name}-dark {\r\n\t\toutline-color: $background;\r\n\t\tbackground-color: $dark !important;\r\n\t}\r\n}\r\n\r\n@include tablet {\r\n\t@each $name, $color-set in $colors {\r\n\t\t$base: nth($color-set, $color-index-base);\r\n\t\t$invert: nth($color-set, $color-index-invert);\r\n\r\n\t\t.background-color-#{$name}-tablet {\r\n\t\t\toutline-color: $invert;\r\n\t\t\tbackground-color: $base !important;\r\n\t\t}\r\n\t}\r\n}\r\n\r\n// Text color\r\n\r\n.color-text {\r\n\tcolor: $text !important;\r\n}\r\n\r\n.color-text-invert {\r\n\tcolor: $text-invert !important;\r\n}\r\n\r\n.color-text-subtle {\r\n\tcolor: $text-subtle !important;\r\n}\r\n\r\n.color-text-overlay-invert {\r\n\tcolor: $overlay-invert;\r\n}\r\n\r\n.color-current-color {\r\n\tcolor: currentColor !important;\r\n}\r\n\r\n.color-hyperlink {\r\n\tcolor: $hyperlink !important;\r\n}\r\n\r\n.fill-current-color {\r\n\t@include fill-current-color();\r\n}\r\n\r\n.outline-color-text {\r\n\toutline-color: $text !important;\r\n}\r\n\r\n.stroke-current-color {\r\n\tstroke: currentColor !important;\r\n}\r\n\r\n// Background color\r\n\r\n.background-color-body {\r\n\toutline-color: $text !important;\r\n\tbackground-color: $body-background !important;\r\n}\r\n\r\n.background-color-body-medium {\r\n\toutline-color: $text !important;\r\n\tbackground-color: $body-background-medium !important;\r\n}\r\n\r\n.background-color-alternate {\r\n\toutline-color: $text-invert !important;\r\n\tbackground-color: $alternate-background !important;\r\n}\r\n\r\n.background-color-alternate-medium {\r\n\toutline-color: $text-invert !important;\r\n\tbackground-color: $alternate-background-medium !important;\r\n}\r\n\r\n.background-color-overlay {\r\n\toutline-color: $overlay-invert;\r\n\tbackground-color: $overlay !important;\r\n}\r\n\r\n.background-color-alternating-grey {\r\n\tborder-block-start: 1px solid $border-white-high-contrast;\r\n\toutline-color: $text !important;\r\n\r\n\t&:nth-of-type(even) {\r\n\t\toutline-color: $text;\r\n\t\tbackground-color: $body-background;\r\n\t}\r\n\r\n\t&:nth-of-type(odd) {\r\n\t\toutline-color: $text;\r\n\t\tbackground-color: $body-background-medium;\r\n\t}\r\n}\r\n\r\n.background-color-alternating-grey-reversed {\r\n\tborder-block-start: 1px solid $border-white-high-contrast;\r\n\toutline-color: $text !important;\r\n\r\n\t&:nth-of-type(even) {\r\n\t\toutline-color: $text;\r\n\t\tbackground-color: $body-background-medium;\r\n\t}\r\n\r\n\t&:nth-of-type(odd) {\r\n\t\toutline-color: $text;\r\n\t\tbackground-color: $body-background;\r\n\t}\r\n}\r\n\r\n.background-color-body-accent {\r\n\toutline-color: $text !important;\r\n\tbackground-color: $body-background-accent !important;\r\n}\r\n\r\n.background-color-body-accent-onhover {\r\n\t&:hover,\r\n\t&:focus-within {\r\n\t\toutline-color: $text !important;\r\n\t\tbackground-color: $body-background-accent !important;\r\n\t}\r\n}\r\n\r\n.background-color-transparent {\r\n\tbackground-color: transparent !important;\r\n}\r\n\r\n// Static colors - do not change with theme\r\n\r\n.color-white-static {\r\n\tcolor: $white-static !important;\r\n}\r\n\r\n.color-black-static {\r\n\tcolor: $black-static !important;\r\n}\r\n\r\n.background-color-white-static {\r\n\toutline-color: $black-static !important;\r\n\tbackground-color: $white-static !important;\r\n}\r\n\r\n.background-color-black-static {\r\n\toutline-color: $white-static !important;\r\n\tbackground-color: $black-static !important;\r\n}\r\n","@each $item in $displays {\r\n\t.display-#{$item} {\r\n\t\tdisplay: #{$item} !important;\r\n\t}\r\n}\r\n\r\n@include tablet {\r\n\t@each $item in $displays {\r\n\t\t.display-#{$item}-tablet {\r\n\t\t\tdisplay: #{$item} !important;\r\n\t\t}\r\n\t}\r\n}\r\n\r\n@include desktop {\r\n\t@each $item in $displays {\r\n\t\t.display-#{$item}-desktop {\r\n\t\t\tdisplay: #{$item} !important;\r\n\t\t}\r\n\t}\r\n}\r\n\r\n@include widescreen {\r\n\t@each $item in $displays {\r\n\t\t.display-#{$item}-widescreen {\r\n\t\t\tdisplay: #{$item} !important;\r\n\t\t}\r\n\t}\r\n}\r\n\r\n[hidden] {\r\n\tdisplay: none !important;\r\n}\r\n","$separator: '-' !default;\r\n\r\n$gap-sizes: (\r\n\t('xxs', $layout-1),\r\n\t('xs', $layout-2),\r\n\t('sm', $layout-3),\r\n\t('md', $layout-4),\r\n\t('lg', $layout-5),\r\n\t// ('xl', $layout-6),\r\n\t// ('xxl', $layout-7),\r\n\t// ('xxxl', $layout-8),\r\n\t('none', $layout-0)\r\n);\r\n\r\n@function sizeValue($key, $value) {\r\n\t@return if($key == 'none', 0, $value);\r\n}\r\n\r\n@each $size in $gap-sizes {\r\n\t$sizeKey: nth($size, 1);\r\n\t$sizeValue: nth($size, 2);\r\n\r\n\t// .<property>-<value>\r\n\t.gap#{$separator}#{$sizeKey} {\r\n\t\tgap: sizeValue($sizeKey, $sizeValue) !important;\r\n\t}\r\n}\r\n\r\n@include tablet {\r\n\t@each $size in $gap-sizes {\r\n\t\t$sizeKey: nth($size, 1);\r\n\t\t$sizeValue: nth($size, 2);\r\n\r\n\t\t.gap#{$separator}#{$sizeKey}#{$separator}tablet {\r\n\t\t\tgap: $sizeValue !important;\r\n\t\t}\r\n\t}\r\n}\r\n\r\n@include desktop {\r\n\t@each $size in $gap-sizes {\r\n\t\t$sizeKey: nth($size, 1);\r\n\t\t$sizeValue: nth($size, 2);\r\n\r\n\t\t.gap#{$separator}#{$sizeKey}#{$separator}desktop {\r\n\t\t\tgap: $sizeValue !important;\r\n\t\t}\r\n\t}\r\n}\r\n\r\n@include widescreen {\r\n\t@each $size in $gap-sizes {\r\n\t\t$sizeKey: nth($size, 1);\r\n\t\t$sizeValue: nth($size, 2);\r\n\r\n\t\t.gap#{$separator}#{$sizeKey}#{$separator}widescreen {\r\n\t\t\tgap: $sizeValue !important;\r\n\t\t}\r\n\t}\r\n}\r\n",".height-full {\r\n\theight: 100% !important;\r\n}\r\n",".overflow-hidden {\r\n\toverflow: hidden !important;\r\n}\r\n\r\n.overflow-x-hidden {\r\n\toverflow-x: hidden !important;\r\n}\r\n\r\n@include tablet {\r\n\t.overflow-hidden-tablet {\r\n\t\toverflow: hidden !important;\r\n\t}\r\n\r\n\t.overflow-x-hidden-tablet {\r\n\t\toverflow-x: hidden !important;\r\n\t}\r\n}\r\n\r\n.scrollbar-gutter-stable {\r\n\tscrollbar-gutter: stable !important;\r\n}\r\n\r\n.scrollbar-gutter-stable-both-edges {\r\n\tscrollbar-gutter: stable both-edges !important;\r\n}\r\n",".box-shadow-none {\r\n\tbox-shadow: none !important;\r\n}\r\n\r\n.box-shadow-light {\r\n\tbox-shadow: $box-shadow-light !important;\r\n}\r\n\r\n.box-shadow-medium {\r\n\tbox-shadow: $box-shadow-medium !important;\r\n}\r\n\r\n.box-shadow-heavy {\r\n\tbox-shadow: $box-shadow-heavy !important;\r\n}\r\n\r\n.box-shadow-extra-heavy {\r\n\tbox-shadow: $box-shadow-extra-heavy !important;\r\n}\r\n","$auto-spacing-properties: (\r\n\t('margin-inline', 'margin-inline'),\r\n\t('margin-left', 'margin-inline-start'),\r\n\t('margin-right', 'margin-inline-end'),\r\n\t('margin-top', 'margin-block-start')\r\n) !default;\r\n\r\n$separator: '-';\r\n\r\n@each $property in $auto-spacing-properties {\r\n\t$classicProp: nth($property, 1);\r\n\t$logicalProp: nth($property, 2);\r\n\r\n\t// .<property>-auto\r\n\t.#{$classicProp}#{$separator}auto {\r\n\t\t#{$logicalProp}: auto !important;\r\n\t}\r\n}\r\n\r\n// .<property>-auto-<screensize>\r\n@each $property in $auto-spacing-properties {\r\n\t$classicProp: nth($property, 1);\r\n\t$logicalProp: nth($property, 2);\r\n\r\n\t@include tablet {\r\n\t\t.#{$classicProp}#{$separator}auto#{$separator}tablet {\r\n\t\t\t#{$logicalProp}: auto !important;\r\n\t\t}\r\n\t}\r\n}\r\n\r\n@each $property in $auto-spacing-properties {\r\n\t$classicProp: nth($property, 1);\r\n\t$logicalProp: nth($property, 2);\r\n\r\n\t@include desktop {\r\n\t\t.#{$classicProp}#{$separator}auto#{$separator}desktop {\r\n\t\t\t#{$logicalProp}: auto !important;\r\n\t\t}\r\n\t}\r\n}\r\n\r\n@each $property in $auto-spacing-properties {\r\n\t$classicProp: nth($property, 1);\r\n\t$logicalProp: nth($property, 2);\r\n\r\n\t@include widescreen {\r\n\t\t.#{$classicProp}#{$separator}auto#{$separator}widescreen {\r\n\t\t\t#{$logicalProp}: auto !important;\r\n\t\t}\r\n\t}\r\n}\r\n","$separator: '-' !default;\r\n$logical-spacing-properties: (\r\n\t('margin', 'margin'),\r\n\t('margin-inline', 'margin-inline'),\r\n\t('margin-block', 'margin-block'),\r\n\t('margin-top', 'margin-block-start'),\r\n\t('margin-bottom', 'margin-block-end'),\r\n\t('margin-left', 'margin-inline-start'),\r\n\t('margin-right', 'margin-inline-end'),\r\n\t('padding', 'padding'),\r\n\t('padding-inline', 'padding-inline'),\r\n\t('padding-block', 'padding-block'),\r\n\t('padding-top', 'padding-block-start'),\r\n\t('padding-bottom', 'padding-block-end'),\r\n\t('padding-left', 'padding-inline-start'),\r\n\t('padding-right', 'padding-inline-end')\r\n) !default;\r\n\r\n$layout-sizes: (\r\n\t('xxs', $layout-1),\r\n\t('xs', $layout-2),\r\n\t('sm', $layout-3),\r\n\t('md', $layout-4),\r\n\t('lg', $layout-5),\r\n\t('xl', $layout-6),\r\n\t('xxl', $layout-7),\r\n\t('xxxl', $layout-8),\r\n\t('none', $layout-0)\r\n);\r\n\r\n@function sizeValue($key, $value) {\r\n\t@return if($key == 'none', 0, $value);\r\n}\r\n\r\n// Pattern: <cssproperty>-<value>-<screen>\r\n\r\n@each $property in $logical-spacing-properties {\r\n\t$classicProp: nth($property, 1);\r\n\t$logicalProp: nth($property, 2);\r\n\r\n\t@each $size in $layout-sizes {\r\n\t\t$sizeKey: nth($size, 1);\r\n\t\t$sizeValue: nth($size, 2);\r\n\r\n\t\t// .<property>-<value>\r\n\t\t.#{$classicProp}#{$separator}#{$sizeKey} {\r\n\t\t\t#{$logicalProp}: sizeValue($sizeKey, $sizeValue) !important;\r\n\t\t}\r\n\t}\r\n}\r\n\r\n@include tablet {\r\n\t@each $property in $logical-spacing-properties {\r\n\t\t$classicProp: nth($property, 1);\r\n\t\t$logicalProp: nth($property, 2);\r\n\r\n\t\t@each $size in $layout-sizes {\r\n\t\t\t$sizeKey: nth($size, 1);\r\n\t\t\t$sizeValue: nth($size, 2);\r\n\r\n\t\t\t.#{$classicProp}#{$separator}#{$sizeKey}#{$separator}tablet {\r\n\t\t\t\t#{$logicalProp}: $sizeValue !important;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}\r\n\r\n@include desktop {\r\n\t@each $property in $logical-spacing-properties {\r\n\t\t$classicProp: nth($property, 1);\r\n\t\t$logicalProp: nth($property, 2);\r\n\r\n\t\t@each $size in $layout-sizes {\r\n\t\t\t$sizeKey: nth($size, 1);\r\n\t\t\t$sizeValue: nth($size, 2);\r\n\r\n\t\t\t.#{$classicProp}#{$separator}#{$sizeKey}#{$separator}desktop {\r\n\t\t\t\t#{$logicalProp}: $sizeValue !important;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}\r\n\r\n@include widescreen {\r\n\t@each $property in $logical-spacing-properties {\r\n\t\t$classicProp: nth($property, 1);\r\n\t\t$logicalProp: nth($property, 2);\r\n\r\n\t\t@each $size in $layout-sizes {\r\n\t\t\t$sizeKey: nth($size, 1);\r\n\t\t\t$sizeValue: nth($size, 2);\r\n\r\n\t\t\t.#{$classicProp}#{$separator}#{$sizeKey}#{$separator}widescreen {\r\n\t\t\t\t#{$logicalProp}: $sizeValue !important;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}\r\n","@use 'sass:map';\r\n\r\n$flex-atomics: (\r\n\t'justify-content': (\r\n\t\tflex-start,\r\n\t\tflex-end,\r\n\t\tcenter,\r\n\t\tspace-around,\r\n\t\tspace-between,\r\n\t\tspace-evenly\r\n\t),\r\n\t'align-items': (\r\n\t\tflex-start,\r\n\t\tflex-end,\r\n\t\tcenter,\r\n\t\tbaseline,\r\n\t\tstretch\r\n\t),\r\n\t'align-content': (\r\n\t\tflex-start,\r\n\t\tflex-end,\r\n\t\tcenter,\r\n\t\tspace-around,\r\n\t\tspace-between,\r\n\t\tstretch\r\n\t),\r\n\t'align-self': (\r\n\t\tflex-start,\r\n\t\tflex-end,\r\n\t\tcenter,\r\n\t\tbaseline,\r\n\t\tstretch\r\n\t),\r\n\t'flex-direction': (\r\n\t\trow,\r\n\t\tcolumn,\r\n\t\tcolumn-reverse,\r\n\t\trow-reverse\r\n\t),\r\n\t'flex-wrap': (\r\n\t\tnowrap,\r\n\t\twrap,\r\n\t\twrap-reverse\r\n\t),\r\n\t'flex-shrink': (\r\n\t\t0,\r\n\t\t1\r\n\t),\r\n\t'flex-grow': (\r\n\t\t0,\r\n\t\t1\r\n\t),\r\n\t'flex-basis': (\r\n\t\t0\r\n\t)\r\n) !default;\r\n\r\n@each $key in map.keys($flex-atomics) {\r\n\t@each $value in map.get($flex-atomics, $key) {\r\n\t\t.#{$key}-#{$value} {\r\n\t\t\t#{$key}: $value !important;\r\n\t\t}\r\n\t}\r\n}\r\n\r\n@include tablet {\r\n\t@each $key in map.keys($flex-atomics) {\r\n\t\t@each $value in map.get($flex-atomics, $key) {\r\n\t\t\t.#{$key}-#{$value}-tablet {\r\n\t\t\t\t#{$key}: $value !important;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}\r\n","@each $item in $positions {\r\n\t.position-#{$item} {\r\n\t\tposition: #{$item} !important;\r\n\t}\r\n}\r\n\r\n@include tablet {\r\n\t@each $item in $positions {\r\n\t\t.position-#{$item}-tablet {\r\n\t\t\tposition: #{$item} !important;\r\n\t\t}\r\n\t}\r\n}\r\n\r\n@each $side, $direction in $logical-directions {\r\n\t.#{$side}-0 {\r\n\t\tinset-#{$direction}: 0 !important;\r\n\t}\r\n}\r\n",".line-clamp-1 {\r\n\t@include line-clamp(1, true);\r\n}\r\n\r\n.line-clamp-2 {\r\n\t@include line-clamp(2, true);\r\n}\r\n\r\n.line-clamp-3 {\r\n\t@include line-clamp(3, true);\r\n}\r\n\r\n.line-clamp-4 {\r\n\t@include line-clamp(4, true);\r\n}\r\n",".object-fit-contain {\r\n\tobject-fit: contain !important;\r\n}\r\n\r\n.object-fit-cover {\r\n\tobject-fit: cover !important;\r\n}\r\n\r\n.object-fit-fill {\r\n\tobject-fit: fill !important;\r\n}\r\n\r\n.object-position-top {\r\n\tobject-position: top !important;\r\n}\r\n",".list-style-none {\r\n\tlist-style: none !important;\r\n\r\n\t> li {\r\n\t\tlist-style: none !important;\r\n\t}\r\n\r\n\t&::marker,\r\n\t&::-webkit-details-marker {\r\n\t\tdisplay: none;\r\n\t}\r\n}\r\n","@use 'sass:list';\r\n\r\n$universal-widths: auto, fit-content, 100, 150, 200, 250, 300, 350 !default;\r\n$mobile-incompatible-widths: 400, 450, 500, unset !default;\r\n$all-widths: list.join($universal-widths, $mobile-incompatible-widths);\r\n\r\n// widths\r\n\r\n.width-full {\r\n\twidth: 100% !important;\r\n}\r\n\r\n@each $width in $universal-widths {\r\n\t$unit: if($width != auto and $width != fit-content, 'px', '');\r\n\t.width-#{$width} {\r\n\t\twidth: #{$width}#{$unit} !important;\r\n\t}\r\n}\r\n\r\n@include tablet {\r\n\t.width-full-tablet {\r\n\t\twidth: 100% !important;\r\n\t}\r\n\r\n\t@each $width in $all-widths {\r\n\t\t$unit: if($width != auto and $width != unset and $width != fit-content, 'px', '');\r\n\t\t.width-#{$width}-tablet {\r\n\t\t\twidth: #{$width}#{$unit} !important;\r\n\t\t}\r\n\t}\r\n}\r\n\r\n@include desktop {\r\n\t.width-full-desktop {\r\n\t\twidth: 100% !important;\r\n\t}\r\n\r\n\t@each $width in $all-widths {\r\n\t\t$unit: if($width != auto and $width != unset and $width != fit-content, 'px', '');\r\n\t\t.width-#{$width}-desktop {\r\n\t\t\twidth: #{$width}#{$unit} !important;\r\n\t\t}\r\n\t}\r\n}\r\n",".visually-hidden,\r\n::part(visually-hidden) {\r\n\t@include visually-hidden();\r\n}\r\n"],"names":[],"version":3,"file":"index.css.map"}