{"mappings":"ACWA,4bAgBC,kQCfD,8bCJA,sZCRA,kqCCAA,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,gBC5BE,67KAiBA,iBACC,+7KAAA,svKAYH,oJAaC,sIAAA,yJCzFD,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,6GAQC,wDAIA,iEAMA,0DAGC,uGAMD,iDAMA,uGAMA,sFAMA,+FAMA,+EAOC,oGAKA,+GAMA,+FAKA,yGAMF,gDApGA,iDAKC,2FAMA,mFAXD,+CAKC,2FAMA,kFAXD,mDAKC,0FAMA,oFAXD,mDAKC,4FAMA,oFCVF,sXAwBG,6IAAA,iJAAA,6IAAA,iIAAA,6IAAA,yIAQF,6DAKA,8IAYG,sJAAA,0JAAA,sJAAA,0IAAA,sJAAA,kJASH,6BAIA,0CAMA,iCAIA,+BAIA,mCClFD,8VAiBC,+BAGC,wEAIA,6KdGD,kCcHC,oEAcD,iDAGC,oGAKC,yFAIA,6EAMF,oIC9DD,+SAMA,+BAGC,yEAIC,0FAUA,kMCIF,gTAiBC,6BAIA,+BAGC,kCAIA,oEAIA,qEAKD,yIAOA,wCAMA,oCAIA,qCAMA,+KAMA,gJAQA,6CAKA,6DAIC,mOAmBA,8FASC,gJAMA,sNAMA,oLAIA,0IAzBD,oGASC,wJAMA,8NAMA,0LAIA,gJAzBD,iGASC,oJAMA,0NAMA,uLAIA,6IAzBD,8FASC,gJAMA,sNAMA,oLAIA,0IAzBD,qFASC,oIAMA,0MAMA,2KAIA,iIAzBD,8FASC,gJAMA,sNAMA,oLAIA,0IAzBD,2FASC,4IAMA,kNAMA,iLAIA,uIAUH,+DAIC,gEAMA,qEAKA,kHAMA,4KAcC,oEAOC,0KAMA,iLAKA,qKAlBD,wEAOC,kLAMA,uLAKA,2KAlBD,sEAOC,8KAMA,oLAKA,wKAlBD,oEAOC,0KAMA,iLAKA,qKAlBD,8DAOC,8JAMA,wKAKA,4JAlBD,oEAOC,0KAMA,iLAKA,qKAlBD,kEAOC,sKAMA,8KAKA,kKAeH,qKAKC,gHAKA,uLAMA,uIAeC,yJAKC,iNAOA,yNAMA,gNAMA,4JAxBD,iKAKC,2NAOA,iOAMA,sNAMA,kKAxBD,6JAKC,sNAOA,6NAMA,mNAMA,+JAxBD,yJAKC,iNAOA,yNAMA,gNAMA,4JAxBD,6IAKC,kMAOA,6MAMA,uMAMA,mJAxBD,yJAKC,iNAOA,yNAMA,gNAMA,4JAxBD,qJAKC,4MAOA,qNAMA,6MAMA,yJClSH,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,sRClHF,oNAUC,mDAIA,4GAKA,iJ3BvBC,mL2BuCD,kCAIA,mCAIA,0D3B/CC,8K2ByDD,4D3BzDC,iL2BmED,kDAGC,oFAKA,4DAGC,sKAWF,sEAIC,oHAIA,4PAcC,2GAOA,6GCnHH,sRAaC,+BAIA,wDAKA,sDAIA,+GAKA,oJ5BlCC,qL4BkDD,4CAIA,gE5BtDC,mL4BgED,kE5BhEC,sL4B8EF,mWxBvCC,uCwBuCD,sCAkBC,6OASA,iEAMA,wJAQA,yHAMA,2IAQA,6DAGC,oFCrIF,yCAIC,+OAYC,mDAIC,8EAKD,oHAKA,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,6EAgBC,yK7B3BD,kC6B2BC,kMAkBA,gEAUC,gEAOA,gEAOA,iEAOF,6F7BlFA,uC6BkFA,+B7B5EA,kC6B4EA,2KAmBA,wFAOC,gGAQD,kP7B9GA,kC6B8GA,uC7BxGA,kC6BwGA,6GAqBC,8BArBD,yDAyBC,gGAIA,8FAIA,0EAOD,mEAIC,0LAKA,qHCxLD,+EAAA,6FAWA,yCAGA,gVHpBA,8BGoBA,sD9BKA,uC8B2BC,mQAnCD,0CAGA,8UHpBA,8BGoBA,uD9BKA,uC8B2BC,iQA0BD,uQAAA,6QC5ED,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,0DCGA,8KAWC,+DAKA,4EAKA,0KAOC,qHAKC,yHAOF,wDAIC,0FAKD,sCAGC,8EAOA,wEChEF,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,yCAIA,wGAQA,uJAcA,sJAQC,uKAMA,4O1C/GA,0F0C0HC,gDAIA,mEAKA,6C1CnHD,uC0C0HA,8EAOA,6BAIA,yBAIA,mCAIE,2DAIA,8EAKA,wDCtKH,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,mDClEF,2TAeC,kCAIA,8EAQC,iFAKD,4BAMA,6BAIA,2BAMA,6FAQE,yNAUC,qLAMD,sIAOD,qPAWC,uLAWH,kKAOE,0GAMA,wPAMC,gYAQD,sGAMF,gLAOE,wGAMA,qQAMC,8XAQD,iGAGC,mMASH,sCAGC,0IC9MA,wQnBXA,8BmBWA,mFAiBC,+WnB5BD,8BmB4BC,2DAoBD,uJnBhDA,8BmBgDA,0IAWC,mKnB3DD,8BmB2DC,oHAWD,oLASC,0EChFF,yEAMA,uEAMA,yHAQA,oFCWC,yyBAGC,+8BAWF,8NASC,sLAMD,0KhDtBC,kCgDsBD,mDAcC,0KAeC,0GAIA,wDAGC,2DAKA,6FAKA,8FAKD,0OAcA,8GAOA,kHAMD,qJAOA,sFAOC,qOhD9HD,uCgDuHA,kDAsBA,oFAOA,ukBhDpJA,uCgDoJA,+HhD9IA,kCgD8IA,gEhDxIA,kCgDwIA,sEA+BC,sOhDnLD,uCgDmLC,uMAgBA,4HAMA,qFhDzMD,uCgDyMC,uJhDnMD,kCgDmMC,gIAgBA,qFhDzND,uCgDyNC,sJhDnND,kCgDmNC,gIC/OF,gEAMC,4GAMC,qFCfD,sECeD,uKASC,kTAYC,oJxBpCD,8BwBoCC,wMvDnBA,sLuDoCD,mMAUA,6RvD9CC,mHuDkEA,wGxBnFD,8BwBmFC,0IAWA,+IAKC,uHxBnGF,8BwB8FC,0InDrED,uCmDwFC,yInDlFD,kCmD0FC,sIClGF,oDAIC,6JAOC,6DAIA,gHAIC,sGAKD,0BACC,yJAWD,uGAMA,6IAQA,gJClEF,mHAOA,kPrDuBC,kCqDvBD,oHAmBA,2DAIA,kErDZC,uCqDiBA,kEAIA,0EAKD,oDAQA,qCAIA,iCAIA,iCAIA,iCAIA,mCAIA,qCAIA,kDAUC,wIAWA,yJrDzEA,kCqD8EA,iTAWA,wIrD/FA,uCqD+FA,0OrDzFA,kCqDyFA,+PrDnFA,kCqDmFA,2RrDzFA,kCqDiIA,uTrD3HA,kCqD2HA,uTA0BA,4DAIA,mIrDrKA,uCqDqKA,2NrD/JA,kCqD+JA,2NrDzJA,kCqDyJA,+PrD/JA,kCqDmMA,sSrD7LA,kCqD6LA,sSAgCA,4DAIA,qIrD7OA,uCqD6OA,6NrDvOA,kCqDuOA,6NrDjOA,kCqDiOA,iQrDvOA,kCqD2QA,wSrDrQA,kCqDqQA,wSAgCA,mDAIA,4HrDrTA,uCqDqTA,oNrD/SA,kCqDgUA,8RA8BC,gErDpWD,uCqD4WC,gQAUC,qdrDhXF,kCqDiYA,uKAKC,wUC7ZD,2CAAA,2CAAA,6CAAA,+CAAA,+CCPD,sKAMA,mFAMA,2CAIA,yCAIA,2CAIA,0CAIA,yCAIA,0CAIA,2CvDZC,uCuDiBA,kDAIA,gDAIA,kDAIA,iDAIA,gDAIA,iDAIA,mDAOD,0CAIA,2CAIA,uCAIA,0CAIA,yCvDhEC,uCuDuEA,iDAIA,kDAIA,8CAIA,iDAIA,iDAOD,6CAIA,iDAIA,8CAIA,gDAIA,4CAMA,+CAIA,+DAIA,qDAMA,sDAIA,6DAMA,4CAIA,+CAIA,2CvDpJC,uCuDyJA,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,kDxDLA,uCwDWA,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,iF9DQC,yE8DaA,mEAKD,kEAIA,yHAKA,gIAKA,mIAKA,kIA7CA,uDASC,4FAYA,iEAKD,gEAIA,sHAKA,6HAKA,gIAKA,+H1D7BA,uC0DwCC,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,qC3DyBA,uC2DlBC,8CAAA,4CAAA,gDAAA,4DAAA,0DAAA,4CAAA,6C3DwBD,kC2DhBC,+CAAA,6CAAA,iDAAA,6DAAA,2DAAA,6CAAA,8C3DsBD,kC2DdC,kDAAA,gDAAA,oDAAA,gEAAA,8DAAA,gDAAA,iDAMF,gCCPC,6BAAA,2BAAA,6BAAA,2BAAA,2BAAA,0B5DGA,uC4DOC,oCAAA,kCAAA,oCAAA,kCAAA,kCAAA,kC5DDD,kC4DYC,qCAAA,mCAAA,qCAAA,mCAAA,mCAAA,mC5DND,kC4DiBC,wCAAA,sCAAA,wCAAA,sCAAA,sCAAA,sCCvDF,mCCAA,2CAIA,+C9DsBC,uC8DjBA,kDAIA,uDAKD,2DAIA,iFCtBA,2CAIA,kIAIA,oIAIA,qIAIA,kJCFC,iDAAA,qDAAA,oDAAA,mDhEYA,uCgEDC,wDAAA,4DAAA,2DAAA,2DhEOD,kCgEIC,yDAAA,6DAAA,4DAAA,4DhEED,kCgESC,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,mDjEnBD,uCiEkCE,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,2DjE5BF,kCiE4CE,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,4DjEtCF,kCiEsDE,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,qClEjCD,uCkE0CE,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,2CnEyBA,uCmElBC,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,iCvEYA,uCuENA,wCAMC,wCAAA,uFAAA,wCAAA,wCAAA,wCAAA,wCAAA,wCAAA,wCAAA,wCAAA,wCAAA,wCAAA,2CvEMD,kCuECA,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/timeline.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-danger.is-selected.is-loading:after, .button.button-filled.button-warning.is-loading:after, .button.button-filled.button-warning.is-selected.is-loading:after, .button.button-filled.button-info.is-loading:after, .button.button-filled.button-info.is-selected.is-loading:after, .button.button-filled.button-success.is-loading:after, .button.button-filled.button-success.is-selected.is-loading:after, .button.button-filled.button-tertiary.is-loading:after, .button.button-filled.button-tertiary.is-selected.is-loading:after, .button.button-filled.button-secondary.is-loading:after, .button.button-filled.button-secondary.is-selected.is-loading:after, .button.button-filled.button-primary.is-loading:after, .button.button-filled.button-primary.is-selected.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: #f0f0f0;\n  --theme-table-row-header: #f5f5f5;\n  --theme-table-border-dark: #d1d1d1;\n  --theme-hover-base: #c7c7c7;\n  --theme-hover-invert: #f5f5f5;\n  --theme-background-selected: #ebebeb;\n  --theme-background-subtle-selected: #ebebeb;\n  --theme-foreground-selected: #242424;\n  --theme-stroke-selected: #bdbdbd;\n  --theme-code-header: #e6e6e6;\n  --theme-code-block: #f0f0f0;\n  --theme-control-border: #d1d1d1;\n  --theme-control-border-bottom: #616161;\n  --theme-inline-code: #e6e6e6;\n  --theme-code-highlight-background: #fef7b2;\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: #0f6cbd;\n  --theme-primary-background: #ebf3fc;\n  --theme-primary-background-hover: #cfe4fa;\n  --theme-primary-background-glow-high-contrast: #ebf3fc;\n  --theme-primary-background-selected: #cfe4fa;\n  --theme-primary-foreground-selected: #0f548c;\n  --theme-primary-foreground-selected-invert: #fff;\n  --theme-primary-selected: #0f548c;\n  --theme-primary-stroke-selected: #0f548c;\n  --theme-primary-dark: #115ea3;\n  --theme-primary-dark-hover: #115ea3;\n  --theme-primary-hover: #115ea3;\n  --theme-primary-active: #0c3b5e;\n  --theme-primary-box-shadow: #0065b34d;\n  --theme-primary-invert: #fff;\n  --theme-secondary-base: #ebebeb;\n  --theme-secondary-background: #f5f5f5;\n  --theme-secondary-background-hover: #ebebeb;\n  --theme-secondary-background-glow-high-contrast: #f0f0f0;\n  --theme-secondary-background-selected: #ebebeb;\n  --theme-secondary-foreground-selected: #242424;\n  --theme-secondary-foreground-selected-invert: #ebebeb;\n  --theme-secondary-selected: #242424;\n  --theme-secondary-stroke-selected: #bdbdbd;\n  --theme-secondary-dark: #424242;\n  --theme-secondary-dark-hover: #d6d6d6;\n  --theme-secondary-hover: #c7c7c7;\n  --theme-secondary-active: #b3b3b3;\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-hover: #4a5d7e;\n  --theme-tertiary-background-selected: #70819f;\n  --theme-tertiary-foreground-selected: #061329;\n  --theme-tertiary-foreground-selected-invert: #fff;\n  --theme-tertiary-selected: #061329;\n  --theme-tertiary-stroke-selected: #061329;\n  --theme-tertiary-background-glow-high-contrast: #061329;\n  --theme-tertiary-dark: #a4b2c9;\n  --theme-tertiary-dark-hover: #70819f;\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: #f1faf1;\n  --theme-success-background-hover: #9fd89f;\n  --theme-success-background-selected: #a7e3a5;\n  --theme-success-foreground-selected: #094509;\n  --theme-success-foreground-selected-invert: #fff;\n  --theme-success-selected: #094509;\n  --theme-success-stroke-selected: #094509;\n  --theme-success-background-glow-high-contrast: #f1faf1;\n  --theme-success-dark: #0e700e;\n  --theme-success-dark-hover: #13a10e;\n  --theme-success-hover: #0b5a08;\n  --theme-success-active: #9fd89f;\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-hover: #d59dff;\n  --theme-info-background-selected: #e0b7fe;\n  --theme-info-foreground-selected: #3b2e58;\n  --theme-info-foreground-selected-invert: #fff;\n  --theme-info-selected: #624991;\n  --theme-info-stroke-selected: #3b2e58;\n  --theme-info-background-glow-high-contrast: #efd9fd;\n  --theme-info-dark: #3b2e58;\n  --theme-info-dark-hover: #8661c5;\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: #f7630c;\n  --theme-warning-background: #fff9f5;\n  --theme-warning-background-hover: #fdcfb4;\n  --theme-warning-background-selected: #ffddb3;\n  --theme-warning-foreground-selected: #8a3707;\n  --theme-warning-foreground-selected-invert: #fff;\n  --theme-warning-selected: #bc4b09;\n  --theme-warning-stroke-selected: #8a3707;\n  --theme-warning-background-glow-high-contrast: #fff9f5;\n  --theme-warning-dark: #8a3707;\n  --theme-warning-dark-hover: #da3b01;\n  --theme-warning-hover: #ca5010;\n  --theme-warning-active: #c43501;\n  --theme-warning-box-shadow: #ff66004d;\n  --theme-warning-invert: #000;\n  --theme-danger-base: #bc2f32;\n  --theme-danger-background: #fdf3f4;\n  --theme-danger-background-hover: #eeacb2;\n  --theme-danger-background-selected: #f1bbbc;\n  --theme-danger-foreground-selected: #751d1f;\n  --theme-danger-foreground-selected-invert: #fff;\n  --theme-danger-selected: #751d1f;\n  --theme-danger-stroke-selected: #751d1f;\n  --theme-danger-background-glow-high-contrast: #fdf3f4;\n  --theme-danger-dark: #b10e1c;\n  --theme-danger-dark-hover: #751d1f;\n  --theme-danger-hover: #b10e1c;\n  --theme-danger-active: #bc2f32;\n  --theme-danger-box-shadow: #a800004d;\n  --theme-danger-invert: #fff;\n  --theme-facepile-red: #b10e1c;\n  --theme-facepile-teal: #00666d;\n  --theme-facepile-blue: #0078d4;\n  --theme-gradient-text-purple: #702573;\n  --theme-gradient-text-blue: #0f548c;\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: #1a1a1a;\n    --theme-body-background-accent: #091f2c;\n    --theme-body-background-medium: #292929;\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-background-selected: #383838;\n    --theme-background-subtle-selected: #333;\n    --theme-foreground-selected: #e6e6e6;\n    --theme-stroke-selected: #e6e6e6;\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: #294903;\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-hover: #082338;\n    --theme-primary-background-selected: #002c4e;\n    --theme-primary-foreground-selected: #77b7f7;\n    --theme-primary-foreground-selected-invert: #fff;\n    --theme-primary-selected: #0f548c;\n    --theme-primary-stroke-selected: #77b7f7;\n    --theme-primary-background-glow-high-contrast: #004173;\n    --theme-primary-dark: #9ccbee;\n    --theme-primary-dark-hover: #9ccbee;\n    --theme-primary-hover: #278cda;\n    --theme-primary-active: #2886de;\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-hover: #292929;\n    --theme-secondary-background-selected: #383838;\n    --theme-secondary-foreground-selected: #e6e6e6;\n    --theme-secondary-foreground-selected-invert: #e6e6e6;\n    --theme-secondary-selected: #e0e0e0;\n    --theme-secondary-stroke-selected: #e6e6e6;\n    --theme-secondary-background-glow-high-contrast: #404040;\n    --theme-secondary-dark: #e6e6e6;\n    --theme-secondary-dark-hover: #8e8e8e;\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-hover: #505050;\n    --theme-tertiary-background-selected: #70819f;\n    --theme-tertiary-foreground-selected: #061329;\n    --theme-tertiary-foreground-selected-invert: #fff;\n    --theme-tertiary-selected: #70819f;\n    --theme-tertiary-stroke-selected: #061329;\n    --theme-tertiary-background-glow-high-contrast: #171717;\n    --theme-tertiary-dark: #e6e6e6;\n    --theme-tertiary-dark-hover: #8e8e8e;\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-hover: #107c10;\n    --theme-success-background-selected: #094509;\n    --theme-success-foreground-selected: #a7e3a5;\n    --theme-success-foreground-selected-invert: #fff;\n    --theme-success-selected: #00723b;\n    --theme-success-stroke-selected: #a7e3a5;\n    --theme-success-background-glow-high-contrast: #054b16;\n    --theme-success-dark: #dff6dd;\n    --theme-success-dark-hover: #7cbb7b;\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-hover: #8661c5;\n    --theme-info-background-selected: #201843;\n    --theme-info-foreground-selected: #efd9fd;\n    --theme-info-foreground-selected-invert: #201843;\n    --theme-info-selected: #d59dff;\n    --theme-info-stroke-selected: #efd9fd;\n    --theme-info-background-glow-high-contrast: #3b2e58;\n    --theme-info-dark: #efd9fd;\n    --theme-info-dark-hover: #d59dff;\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: #f7630c;\n    --theme-warning-background: #4a1e04;\n    --theme-warning-background-hover: #7a2101;\n    --theme-warning-background-selected: #411200;\n    --theme-warning-foreground-selected: #fdcfb4;\n    --theme-warning-foreground-selected-invert: #000;\n    --theme-warning-selected: #ca5010;\n    --theme-warning-stroke-selected: #fdcfb4;\n    --theme-warning-background-glow-high-contrast: #7a2101;\n    --theme-warning-dark: #fdcfb4;\n    --theme-warning-dark-hover: #e9835e;\n    --theme-warning-hover: #ff8c00;\n    --theme-warning-active: #fdcfb4;\n    --theme-warning-box-shadow: #ff6600b3;\n    --theme-warning-invert: #000;\n    --theme-danger-base: #e5a7a8;\n    --theme-danger-background: #630001;\n    --theme-danger-background-hover: #b62626;\n    --theme-danger-background-selected: #590815;\n    --theme-danger-foreground-selected: #eeacb2;\n    --theme-danger-foreground-selected-invert: #fff;\n    --theme-danger-selected: #bc2f32;\n    --theme-danger-stroke-selected: #eeacb2;\n    --theme-danger-background-glow-high-contrast: #630001;\n    --theme-danger-dark: #fde7e9;\n    --theme-danger-dark-hover: #d4797a;\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-background-selected: #000;\n    --theme-background-subtle-selected: #000;\n    --theme-foreground-selected: #c7c7c7;\n    --theme-stroke-selected: #fd0;\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-hover: #ff3;\n    --theme-primary-background-glow-high-contrast: #ff0;\n    --theme-primary-background-selected: #000;\n    --theme-primary-foreground-selected: #fd0;\n    --theme-primary-foreground-selected-invert: #000;\n    --theme-primary-selected: #fd0;\n    --theme-primary-stroke-selected: #fd0;\n    --theme-primary-dark: #ff0;\n    --theme-primary-dark-hover: #000;\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-hover: #ff3;\n    --theme-secondary-background-glow-high-contrast: #505050;\n    --theme-secondary-background-selected: #000;\n    --theme-secondary-foreground-selected: #c7c7c7;\n    --theme-secondary-foreground-selected-invert: #c7c7c7;\n    --theme-secondary-selected: #c7c7c7;\n    --theme-secondary-stroke-selected: #fd0;\n    --theme-secondary-dark: #e6e6e6;\n    --theme-secondary-dark-hover: #000;\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-hover: #bdbdbd;\n    --theme-tertiary-background-selected: #70819f;\n    --theme-tertiary-foreground-selected: #061329;\n    --theme-tertiary-foreground-selected-invert: #fff;\n    --theme-tertiary-selected: #70819f;\n    --theme-tertiary-stroke-selected: #061329;\n    --theme-tertiary-background-glow-high-contrast: #fff;\n    --theme-tertiary-dark: #fff;\n    --theme-tertiary-dark-hover: #e6e6e6;\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-hover: #acd7aa;\n    --theme-success-background-selected: #000;\n    --theme-success-foreground-selected: #4da64d;\n    --theme-success-foreground-selected-invert: #000;\n    --theme-success-selected: #4da64d;\n    --theme-success-stroke-selected: #4da64d;\n    --theme-success-background-glow-high-contrast: #7cbb7b;\n    --theme-success-dark: #acd7aa;\n    --theme-success-dark-hover: #7cbb7b;\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-hover: #e0b7fe;\n    --theme-info-background-selected: #000;\n    --theme-info-foreground-selected: #efd9fd;\n    --theme-info-foreground-selected-invert: #000;\n    --theme-info-selected: #d59dff;\n    --theme-info-stroke-selected: #efd9fd;\n    --theme-info-background-glow-high-contrast: #e0b7fe;\n    --theme-info-dark: #efd9fd;\n    --theme-info-dark-hover: #d59dff;\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: #faa06b;\n    --theme-warning-background: #000;\n    --theme-warning-background-hover: #fdf6f3;\n    --theme-warning-background-selected: #000;\n    --theme-warning-foreground-selected: #f4bfab;\n    --theme-warning-foreground-selected-invert: #000;\n    --theme-warning-selected: #f4bfab;\n    --theme-warning-stroke-selected: #f4bfab;\n    --theme-warning-background-glow-high-contrast: #ffddb3;\n    --theme-warning-dark: #faa06b;\n    --theme-warning-dark-hover: #fdcfb4;\n    --theme-warning-hover: #efc4ad;\n    --theme-warning-active: #fff9f5;\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-hover: #e5a7a8;\n    --theme-danger-background-selected: #000;\n    --theme-danger-foreground-selected: #e37d80;\n    --theme-danger-foreground-selected-invert: #000;\n    --theme-danger-selected: #e37d80;\n    --theme-danger-stroke-selected: #e37d80;\n    --theme-danger-background-glow-high-contrast: #e5a7a8;\n    --theme-danger-dark: #fde7e9;\n    --theme-danger-dark-hover: #d4797a;\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  list-style: none;\n  display: flex;\n}\n\n.accordion summary::-webkit-details-marker {\n  display: none;\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: .25em .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: 1.3em;\n}\n\n.badge:has(.icon:only-child) {\n  padding: .5em;\n}\n\n.badge.badge-sm {\n  font-size: .75rem;\n}\n\n.badge.badge-lg {\n  font-size: 1rem;\n}\n\n.badge.badge-xl {\n  font-size: 1.125rem;\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-control-border);\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-hover-invert);\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-selected:not(:hover, .is-hovered) {\n  border-color: var(--theme-stroke-selected);\n  background-color: var(--theme-background-selected);\n  color: var(--theme-foreground-selected);\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-selected:not(:hover, .is-hovered) {\n  border-color: var(--theme-primary-stroke-selected);\n  background-color: var(--theme-primary-background-selected);\n  color: var(--theme-primary-foreground-selected);\n}\n\n.button.button-primary.is-selected.is-loading:after {\n  border-color: transparent transparent var(--theme-primary-foreground-selected) var(--theme-primary-foreground-selected) !important;\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-selected:not(:hover, .is-hovered) {\n  border-color: var(--theme-secondary-stroke-selected);\n  background-color: var(--theme-secondary-background-selected);\n  color: var(--theme-secondary-foreground-selected);\n}\n\n.button.button-secondary.is-selected.is-loading:after {\n  border-color: transparent transparent var(--theme-secondary-foreground-selected) var(--theme-secondary-foreground-selected) !important;\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-selected:not(:hover, .is-hovered) {\n  border-color: var(--theme-tertiary-stroke-selected);\n  background-color: var(--theme-tertiary-background-selected);\n  color: var(--theme-tertiary-foreground-selected);\n}\n\n.button.button-tertiary.is-selected.is-loading:after {\n  border-color: transparent transparent var(--theme-tertiary-foreground-selected) var(--theme-tertiary-foreground-selected) !important;\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-selected:not(:hover, .is-hovered) {\n  border-color: var(--theme-success-stroke-selected);\n  background-color: var(--theme-success-background-selected);\n  color: var(--theme-success-foreground-selected);\n}\n\n.button.button-success.is-selected.is-loading:after {\n  border-color: transparent transparent var(--theme-success-foreground-selected) var(--theme-success-foreground-selected) !important;\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-selected:not(:hover, .is-hovered) {\n  border-color: var(--theme-info-stroke-selected);\n  background-color: var(--theme-info-background-selected);\n  color: var(--theme-info-foreground-selected);\n}\n\n.button.button-info.is-selected.is-loading:after {\n  border-color: transparent transparent var(--theme-info-foreground-selected) var(--theme-info-foreground-selected) !important;\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-selected:not(:hover, .is-hovered) {\n  border-color: var(--theme-warning-stroke-selected);\n  background-color: var(--theme-warning-background-selected);\n  color: var(--theme-warning-foreground-selected);\n}\n\n.button.button-warning.is-selected.is-loading:after {\n  border-color: transparent transparent var(--theme-warning-foreground-selected) var(--theme-warning-foreground-selected) !important;\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-selected:not(:hover, .is-hovered) {\n  border-color: var(--theme-danger-stroke-selected);\n  background-color: var(--theme-danger-background-selected);\n  color: var(--theme-danger-foreground-selected);\n}\n\n.button.button-danger.is-selected.is-loading:after {\n  border-color: transparent transparent var(--theme-danger-foreground-selected) var(--theme-danger-foreground-selected) !important;\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.is-selected:not(:hover, .is-hovered) {\n  background-color: var(--theme-background-subtle-selected);\n  color: var(--theme-foreground-selected);\n  border-color: #0000;\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-selected:not(:hover, .is-hovered) {\n  background-color: var(--theme-primary-background-selected);\n  color: var(--theme-primary-foreground-selected);\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-selected:not(:hover, .is-hovered) {\n  background-color: var(--theme-secondary-background-selected);\n  color: var(--theme-secondary-foreground-selected);\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-selected:not(:hover, .is-hovered) {\n  background-color: var(--theme-tertiary-background-selected);\n  color: var(--theme-tertiary-foreground-selected);\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-selected:not(:hover, .is-hovered) {\n  background-color: var(--theme-success-background-selected);\n  color: var(--theme-success-foreground-selected);\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-selected:not(:hover, .is-hovered) {\n  background-color: var(--theme-info-background-selected);\n  color: var(--theme-info-foreground-selected);\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-selected:not(:hover, .is-hovered) {\n  background-color: var(--theme-warning-background-selected);\n  color: var(--theme-warning-foreground-selected);\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-selected:not(:hover, .is-hovered) {\n  background-color: var(--theme-danger-background-selected);\n  color: var(--theme-danger-foreground-selected);\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-selected:not(:hover, .is-hovered) {\n  border-color: var(--theme-secondary-selected);\n  background-color: var(--theme-secondary-selected);\n  color: var(--theme-text-invert);\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-selected:not(:hover, .is-hovered) {\n  border-color: var(--theme-primary-selected);\n  background-color: var(--theme-primary-selected);\n  color: var(--theme-primary-foreground-selected-invert);\n}\n\n.button.button-filled.button-primary.is-selected.is-loading:after {\n  border-color: transparent transparent var(--theme-primary-foreground-selected-invert) var(--theme-primary-foreground-selected-invert) !important;\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-selected:not(:hover, .is-hovered) {\n  border-color: var(--theme-secondary-selected);\n  background-color: var(--theme-secondary-selected);\n  color: var(--theme-secondary-foreground-selected-invert);\n}\n\n.button.button-filled.button-secondary.is-selected.is-loading:after {\n  border-color: transparent transparent var(--theme-secondary-foreground-selected-invert) var(--theme-secondary-foreground-selected-invert) !important;\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-selected:not(:hover, .is-hovered) {\n  border-color: var(--theme-tertiary-selected);\n  background-color: var(--theme-tertiary-selected);\n  color: var(--theme-tertiary-foreground-selected-invert);\n}\n\n.button.button-filled.button-tertiary.is-selected.is-loading:after {\n  border-color: transparent transparent var(--theme-tertiary-foreground-selected-invert) var(--theme-tertiary-foreground-selected-invert) !important;\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-selected:not(:hover, .is-hovered) {\n  border-color: var(--theme-success-selected);\n  background-color: var(--theme-success-selected);\n  color: var(--theme-success-foreground-selected-invert);\n}\n\n.button.button-filled.button-success.is-selected.is-loading:after {\n  border-color: transparent transparent var(--theme-success-foreground-selected-invert) var(--theme-success-foreground-selected-invert) !important;\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-selected:not(:hover, .is-hovered) {\n  border-color: var(--theme-info-selected);\n  background-color: var(--theme-info-selected);\n  color: var(--theme-info-foreground-selected-invert);\n}\n\n.button.button-filled.button-info.is-selected.is-loading:after {\n  border-color: transparent transparent var(--theme-info-foreground-selected-invert) var(--theme-info-foreground-selected-invert) !important;\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-selected:not(:hover, .is-hovered) {\n  border-color: var(--theme-warning-selected);\n  background-color: var(--theme-warning-selected);\n  color: var(--theme-warning-foreground-selected-invert);\n}\n\n.button.button-filled.button-warning.is-selected.is-loading:after {\n  border-color: transparent transparent var(--theme-warning-foreground-selected-invert) var(--theme-warning-foreground-selected-invert) !important;\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-selected:not(:hover, .is-hovered) {\n  border-color: var(--theme-danger-selected);\n  background-color: var(--theme-danger-selected);\n  color: var(--theme-danger-foreground-selected-invert);\n}\n\n.button.button-filled.button-danger.is-selected.is-loading:after {\n  border-color: transparent transparent var(--theme-danger-foreground-selected-invert) var(--theme-danger-foreground-selected-invert) !important;\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-hover-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.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-hover-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  margin-inline-start: .5rem;\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.textarea-form .textarea-form-help {\n  margin-inline-start: .5rem;\n}\n\n.textarea-form .textarea-form-help .help {\n  align-items: center;\n  gap: .375em;\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-hover-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  word-wrap: break-word;\n  grid-template: \". message-time\"\n                 \"message-persona message-content\"\n                 / max-content minmax(0, 1fr);\n  gap: .75rem;\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-block: .75rem;\n  padding-inline: 1rem;\n}\n\n.message.message-sm.message-sender .message-content {\n  padding-block: .5rem;\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  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-base);\n  background-color: var(--theme-secondary-base);\n  opacity: .5;\n  color: var(--theme-secondary-dark);\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-control-border);\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-control-border);\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-control-border);\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-background-hover);\n  background-color: var(--theme-primary-background-hover);\n  color: var(--theme-primary-dark-hover);\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-background-hover);\n  background-color: var(--theme-secondary-background-hover);\n  color: var(--theme-secondary-invert);\n}\n\n.tag.tag-filled.tag-interactive .tag-close {\n  border-inline-start-color: var(--theme-control-border);\n}\n\n.tag.tag-filled.tag-interactive .tag-close:hover, .tag.tag-filled.tag-interactive .tag-close.is-hovered {\n  border-inline-start-color: var(--theme-control-border);\n  color: var(--theme-primary-dark-hover);\n}\n\n.tag.tag-suggestion {\n  border-radius: 8px;\n}\n\n.tag.tag-suggestion:hover, .tag.tag-suggestion.is-hovered {\n  background-color: var(--theme-primary-background);\n  color: var(--theme-primary-dark);\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:hover, .site-header .site-header-button:hover, .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-button:active, .site-header .site-header-button.is-active, .site-header .site-header-button:hover, .site-header .site-header-button.is-hovered, .site-header .site-header-button:focus-visible {\n  text-decoration: none;\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.site-header .site-header-brand:active, .site-header .site-header-brand.is-active, .site-header .site-header-brand:hover, .site-header .site-header-brand.is-hovered, .site-header .site-header-brand:focus-visible {\n  text-decoration: none;\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: 1060;\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.timeline {\n  font-size: 16px;\n  container-type: inline-size;\n}\n\n.timeline .timeline-item {\n  border-inline-start: 1px solid var(--theme-border);\n  padding-block-end: 1.5rem;\n  padding-inline-start: 2rem;\n  display: flex;\n  position: relative;\n}\n\n.timeline .timeline-item:last-child {\n  border-inline-start: none;\n}\n\n.timeline .timeline-item .timeline-item-badge {\n  position: absolute;\n  transform: translate(calc(-2rem - 50%), -.375rem);\n}\n\n.timeline .timeline-item .timeline-item-badge:dir(rtl) {\n  transform: translate(calc(2rem + 50%), -.375rem);\n}\n\n@container (width >= 480px) {\n  .timeline .timeline-item .timeline-item-template {\n    grid-template: \"title time\"\n                   \"description description\"\n                   / minmax(0, 1fr) auto;\n    gap: 8px;\n    width: 100%;\n    display: grid;\n  }\n}\n\n.timeline .timeline-item .timeline-item-template-title {\n  grid-area: title;\n  font-weight: 600;\n  line-height: 1.3;\n}\n\n.timeline .timeline-item .timeline-item-template-time {\n  grid-area: time;\n  align-content: baseline;\n  font-size: .75rem;\n  font-weight: 200;\n  line-height: 1.3;\n}\n\n.timeline .timeline-item .timeline-item-template-description {\n  grid-area: description;\n  padding-block-start: .75rem;\n  font-size: .875rem;\n  line-height: 1.3;\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: 320px;\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@media screen and (width >= 768px), print {\n  .layout-padding-tablet {\n    padding-inline: var(--layout-gap) !important;\n  }\n\n  .layout-margin-tablet {\n    margin-inline: var(--layout-gap-scalable) !important;\n  }\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\" minmax(auto, max-content)\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: minmax(auto, max-content) 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\" minmax(auto, max-content)\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: minmax(auto, max-content) 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: minmax(auto, max-content) 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: minmax(auto, max-content) 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\" minmax(auto, max-content)\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: minmax(auto, max-content) 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: minmax(auto, max-content) 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: minmax(auto, max-content) 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: minmax(auto, max-content) 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: minmax(auto, max-content) 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\" minmax(auto, max-content)\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: minmax(auto, max-content) 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: minmax(auto, max-content) 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: minmax(auto, max-content) 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: minmax(auto, max-content) 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: minmax(auto, max-content) 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\" minmax(auto, max-content)\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: minmax(auto, max-content) 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: minmax(auto, max-content) 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)  - 1px);\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)  - 1px);\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\r\n\t@if $theme-name != $root-theme {\r\n\t\t$root: map.get($themes, $root-theme);\r\n\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\tlist-style: none;\r\n\t\tcursor: pointer;\r\n\t\tpadding-block: $accordion-spacing;\r\n\t\tgap: $accordion-gap;\r\n\r\n\t\t&::-webkit-details-marker {\r\n\t\t\tdisplay: none;\r\n\t\t}\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-icon-padding-block: 0.5em !default;\r\n$badge-padding-block: 0.25em !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-size-xl: $font-size-6 !default;\r\n$badge-font-weight: $weight-semibold !default;\r\n\r\n$badge-icon-size: 1.3em !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-size;\r\n\t}\r\n\r\n\t&:has(.icon:only-child) {\r\n\t\tpadding: $badge-icon-padding-block;\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\t&.badge-xl {\r\n\t\tfont-size: $badge-font-size-xl;\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: $control-border !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-selected-background-color: $selected-background !default;\r\n$button-selected-border-color: $selected-stroke !default;\r\n$button-selected-color: $selected-foreground !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: $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: $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-selected:not(:hover, .is-hovered) {\r\n\t\tborder-color: $button-selected-border-color;\r\n\t\tbackground-color: $button-selected-background-color;\r\n\t\tcolor: $button-selected-color;\r\n\t}\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\t\t$background-selected: nth($color-set, $color-index-background-selected);\r\n\t\t$selected: nth($color-set, $color-index-selected);\r\n\t\t$foreground-selected: nth($color-set, $color-index-foreground-selected);\r\n\t\t$border-selected: nth($color-set, $color-index-stroke-selected);\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-selected:not(:hover, .is-hovered) {\r\n\t\t\t\tborder-color: $border-selected;\r\n\t\t\t\tbackground-color: $background-selected;\r\n\t\t\t\tcolor: $foreground-selected;\r\n\t\t\t}\r\n\r\n\t\t\t&.is-selected.is-loading::after {\r\n\t\t\t\tborder-color: transparent transparent $foreground-selected $foreground-selected !important;\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$button-clear-selected-background-color: $selected-background-subtle !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&.is-selected:not(:hover, .is-hovered) {\r\n\t\tborder-color: transparent;\r\n\t\tbackground-color: $button-clear-selected-background-color;\r\n\t\tcolor: $button-selected-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\t\t$background-selected: nth($color-set, $color-index-background-selected);\r\n\t\t$selected: nth($color-set, $color-index-selected);\r\n\t\t$foreground-selected: nth($color-set, $color-index-foreground-selected);\r\n\r\n\t\t&.button-#{$name} {\r\n\t\t\tcolor: $base;\r\n\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-selected:not(:hover, .is-hovered) {\r\n\t\t\t\tbackground-color: $background-selected;\r\n\t\t\t\tcolor: $foreground-selected;\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$button-filled-background-color-selected: $secondary-selected !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-selected:not(:hover, .is-hovered) {\r\n\t\tborder-color: $button-filled-background-color-selected;\r\n\t\tbackground-color: $button-filled-background-color-selected;\r\n\t\tcolor: $button-filled-text-color;\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\t\t$selected: nth($color-set, $color-index-selected);\r\n\t\t$selected-invert: nth($color-set, $color-index-foreground-selected-invert);\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-selected:not(:hover, .is-hovered) {\r\n\t\t\t\tborder-color: $selected;\r\n\t\t\t\tbackground-color: $selected;\r\n\t\t\t\tcolor: $selected-invert;\r\n\t\t\t}\r\n\r\n\t\t\t&.is-selected.is-loading::after {\r\n\t\t\t\t@include loader;\r\n\r\n\t\t\t\tborder-color: transparent transparent $selected-invert $selected-invert !important;\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: $default-hover !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\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&.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: $default-hover !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-margin-spacing: $layout-1 !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\tmargin-inline-start: $textarea-margin-spacing;\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\t.textarea-form-help {\r\n\t\tmargin-inline-start: $textarea-margin-spacing;\r\n\r\n\t\t.help {\r\n\t\t\tdisplay: flex;\r\n\t\t\talign-items: center;\r\n\t\t\tgap: 0.375em;\r\n\t\t}\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: $default-hover !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: $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: 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: 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: $spacer-4 !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-inline-sm: 1rem !default;\r\n$message-content-padding-block-sm: 0.75rem !default;\r\n$message-content-padding-block-sm-sender: 0.5rem !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\tword-wrap: break-word;\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-inline: $message-content-padding-inline-sm;\r\n\t\t\tpadding-block: $message-content-padding-block-sm;\r\n\t\t}\r\n\t}\r\n\r\n\t&.message-sm.message-sender {\r\n\t\t.message-content {\r\n\t\t\tpadding-block: $message-content-padding-block-sm-sender;\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-dark !default;\r\n$pagination-disabled-background-color: $secondary !default;\r\n$pagination-disabled-border-color: $secondary !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 !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\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: $control-border !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-background-hover !default;\r\n$tag-interactive-divider-color-filled: $control-border !default;\r\n$tag-interactive-color-filled-hover: $secondary-invert !default;\r\n$tag-interactive-color-filled-close-hover: $primary-dark-hover !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-background-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-dark-hover !default;\r\n\r\n$tag-suggestion-radius: 8px !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\r\n\t\t\t&:hover,\r\n\t\t\t&.is-hovered {\r\n\t\t\t\tborder-inline-start-color: $tag-border-color;\r\n\t\t\t\tcolor: $tag-interactive-color-filled-close-hover;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}\r\n\r\n.tag.tag-suggestion {\r\n\tborder-radius: $tag-suggestion-radius;\r\n\r\n\t&:hover,\r\n\t&.is-hovered {\r\n\t\tbackground-color: $primary-background;\r\n\t\tcolor: $primary-dark;\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: 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&:hover,\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\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\ttext-decoration: none;\r\n\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\r\n\t\t\ttext-decoration: none;\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-popover;\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\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$timeline-content-font-size: $font-size-8 !default;\r\n$timeline-timestamp-font-size: $font-size-9 !default;\r\n$timeline-timestamp-font-weight: $weight-semilight !default;\r\n$timeline-description-padding-top: $spacer-4 !default;\r\n$timeline-description-line-height: $line-height-normal;\r\n\r\n$timeline-item-border-left: $border-width solid $border !default;\r\n$timeline-item-min-height: $layout-6 !default;\r\n$timeline-item-padding-bottom: $spacer-7 !default;\r\n$timeline-item-padding-left: $spacer-8 !default;\r\n\r\n$timeline-item-template-gap: 8px !default;\r\n$timeline-item-template-width: 100% !default;\r\n\r\n$timeline-item-badge-transform-ltr: translate(\r\n\tcalc(-#{$timeline-item-padding-left} - 50%),\r\n\t-#{math.div($timeline-timestamp-font-size, 2)}\r\n);\r\n$timeline-item-badge-transform-rtl: translate(\r\n\tcalc(#{$timeline-item-padding-left} + 50%),\r\n\t-#{math.div($timeline-timestamp-font-size, 2)}\r\n);\r\n\r\n.timeline {\r\n\tfont-size: $document-font-size;\r\n\tcontainer-type: inline-size;\r\n\r\n\t.timeline-item {\r\n\t\tdisplay: flex;\r\n\t\tposition: relative;\r\n\t\tpadding-block-end: $timeline-item-padding-bottom;\r\n\t\tpadding-inline-start: $timeline-item-padding-left;\r\n\t\tborder-inline-start: $timeline-item-border-left;\r\n\r\n\t\t&:last-child {\r\n\t\t\tborder-inline-start: none;\r\n\t\t}\r\n\r\n\t\t.timeline-item-badge {\r\n\t\t\tposition: absolute;\r\n\t\t\ttransform: $timeline-item-badge-transform-ltr;\r\n\r\n\t\t\t&:dir(rtl) {\r\n\t\t\t\ttransform: $timeline-item-badge-transform-rtl;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t@container (min-width: #{$container-query-md}) {\r\n\t\t\t.timeline-item-template {\r\n\t\t\t\tdisplay: grid;\r\n\t\t\t\twidth: $timeline-item-template-width;\r\n\t\t\t\tgrid-template: auto / minmax(0, 1fr) auto;\r\n\t\t\t\tgrid-template-areas:\r\n\t\t\t\t\t'title time'\r\n\t\t\t\t\t'description description';\r\n\t\t\t\tgap: $timeline-item-template-gap;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t.timeline-item-template-title {\r\n\t\t\tgrid-area: title;\r\n\t\t\tfont-weight: $weight-semibold;\r\n\t\t\tline-height: $line-height-normal;\r\n\t\t}\r\n\r\n\t\t.timeline-item-template-time {\r\n\t\t\tgrid-area: time;\r\n\t\t\talign-content: baseline;\r\n\t\t\tfont-size: $timeline-timestamp-font-size;\r\n\t\t\tfont-weight: $timeline-timestamp-font-weight;\r\n\t\t\tline-height: $line-height-normal;\r\n\t\t}\r\n\r\n\t\t.timeline-item-template-description {\r\n\t\t\tgrid-area: description;\r\n\t\t\tpadding-block-start: $timeline-description-padding-top;\r\n\t\t\tfont-size: $timeline-content-font-size;\r\n\t\t\tline-height: $timeline-description-line-height;\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: 320px;\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@include tablet {\r\n\t.layout-padding-tablet {\r\n\t\tpadding-inline: var(#{$layout-gap-custom-property-name}) !important;\r\n\t}\r\n\r\n\t.layout-margin-tablet {\r\n\t\tmargin-inline: var(#{$layout-gap-scalable-custom-property-name}) !important;\r\n\t}\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: minmax(auto, max-content) 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: minmax(auto, max-content) auto auto 1fr auto auto / 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: '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: minmax(auto, max-content) 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:\r\n\t\t\t\tminmax(auto, max-content) auto var(--atlas-contained-height) auto auto / minmax(0, 1fr)\r\n\t\t\t\tminmax(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'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:\r\n\t\t\t\tminmax(auto, max-content) auto var(--atlas-contained-height) 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\t\tminmax(0, 1fr);\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: minmax(auto, max-content) 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: minmax(auto, max-content) 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:\r\n\t\t\t\tminmax(auto, max-content) auto var(--atlas-contained-height) auto / minmax(0, 1fr)\r\n\t\t\t\tminmax(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:\r\n\t\t\t\tminmax(auto, max-content) auto var(--atlas-contained-height) auto / minmax(0, 1fr)\r\n\t\t\t\tminmax(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: minmax(auto, max-content) 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:\r\n\t\t\t\tminmax(auto, max-content) auto var(--atlas-contained-height) auto / minmax(0, 1fr) minmax(\r\n\t\t\t\t\t0,\r\n\t\t\t\t\t3fr\r\n\t\t\t\t)\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'\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\r\n\t\t@include widescreen {\r\n\t\t\tgrid-template:\r\n\t\t\t\tminmax(auto, max-content) auto var(--atlas-contained-height) auto / minmax(0, 1fr) minmax(\r\n\t\t\t\t\t0,\r\n\t\t\t\t\t3fr\r\n\t\t\t\t)\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'\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: minmax(auto, max-content) 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:\r\n\t\t\t\tminmax(auto, max-content) auto var(--atlas-contained-height) auto / minmax(0, 2fr)\r\n\t\t\t\tminmax(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:\r\n\t\t\t\tminmax(auto, max-content) auto var(--atlas-contained-height) auto / minmax(0, 3fr)\r\n\t\t\t\tminmax(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: minmax(auto, max-content) 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:\r\n\t\t\t\tminmax(auto, max-content) auto var(--atlas-contained-height) auto / minmax(0, 3fr) 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\t\tvar(#{$layout-flyout-width-name});\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:\r\n\t\t\t\tminmax(auto, max-content) auto var(--atlas-contained-height) auto / minmax(0, 3fr) 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\t\tvar(#{$layout-flyout-width-name});\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: minmax(auto, max-content) 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:\r\n\t\t\t\tminmax(auto, max-content) auto var(--atlas-contained-height) auto / minmax(0, 1fr)\r\n\t\t\t\tminmax(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:\r\n\t\t\t\tminmax(auto, max-content) auto var(--atlas-contained-height) auto / minmax(0, 1fr) 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\t\tvar(#{$layout-flyout-width-name});\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: hidden 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--atlas-contained-height: calc(\r\n\t\t\t\tvar(--window-inner-height) - var(--atlas-header-height) - var(--atlas-footer-height) - 1px\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--atlas-contained-height: calc(\r\n\t\t\tvar(--window-inner-height) - var(--atlas-header-height) - var(--atlas-footer-height) - 1px\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"}