{"version":3,"sourceRoot":null,"mappings":"AEmGA,oycE1FA,gCAAA,cCwCE,uCAWA,0CAKI,8CALJ,8BAmBA,4UAcA,sIAYA,yIAUA,yCAMA,yCAMA,wCAMA,wCAMA,wCAMA,wCAWA,kCAWA,sKAQA,iEAQA,gCAKA,yCAOA,wCAOA,mBAMA,6CAOA,2BAEE,4BASF,4BASA,uDAOA,6QAaA,4GAQA,kBACA,cAIA,yNAKE,mTAcA,qFASF,gEAYA,sIASE,2DAOF,wFAME,qBAKF,iZAQE,oDAWF,uBAMA,8BASA,mDAKA,kEAaA,sDAMA,kFAeA,2BAOA,uBAUA,2CAMA,yGAcA,6BAIA,wBAME,0BAQF,6IASA,0EAOI,2HAQJ,yBAWA,iDAYA,wGASE,4BAQF,iDAAA,uCAAA,oDAAA,+CAAA,+CAAA,6CAAA,6CAAA,4CAAA,6CAAA,8CAAA,6CAcA,wCAAA,wCAWA,+DAKE,8EASF,+DASA,oDAMA,yCAOA,8DAOA,4BAMA,gBAQA,yCASA,iCAQA,iCDzmBF,caUI,2NN4GA,yBM5FI,2CN4FJ,yBM5FI,0DN4FJ,0BM5FI,yEN4FJ,0BM5FI,yFN4FJ,0BM5FI,4GC3BJ,4JAGE,0HCmEA,gBAIA,sCApBJ,mCAAA,kCAAA,uCAAA,kCAAA,kCAAA,uCAgCI,+BAMI,gCAAA,gCAAA,2BAAA,gCAAA,gCAAA,2BAAA,gCAAA,gCAAA,2BAAA,iCAAA,iCAAA,6BAQE,uCAAA,uCAAA,kCAAA,uCAAA,uCAAA,kCAAA,uCAAA,uCAAA,kCAAA,wCAAA,wCAWJ,2BAKA,2BALA,gCAKA,gCALA,+BAKA,+BALA,gCAKA,gCALA,8BAKA,8BALA,iCAKA,iCALA,gCAKA,gCALA,8BAKA,8BALA,gCAKA,gCALA,8BAKA,8BRGJ,yBQjDE,oBAIA,0CApBJ,uCAAA,sCAAA,2CAAA,sCAAA,sCAAA,2CAgCI,mCAMI,oCAAA,oCAAA,+BAAA,oCAAA,oCAAA,+BAAA,oCAAA,oCAAA,+BAAA,qCAAA,qCAAA,iCAQE,oCAAA,2CAAA,2CAAA,sCAAA,2CAAA,2CAAA,sCAAA,2CAAA,2CAAA,sCAAA,4CAAA,4CAWJ,mCAKA,mCALA,wCAKA,wCALA,uCAKA,uCALA,wCAKA,wCALA,sCAKA,sCALA,yCAKA,yCALA,wCAKA,wCALA,sCAKA,sCALA,wCAKA,wCALA,sCAKA,uCRGJ,yBQjDE,oBAIA,0CApBJ,uCAAA,sCAAA,2CAAA,sCAAA,sCAAA,2CAgCI,mCAMI,oCAAA,oCAAA,+BAAA,oCAAA,oCAAA,+BAAA,oCAAA,oCAAA,+BAAA,qCAAA,qCAAA,iCAQE,oCAAA,2CAAA,2CAAA,sCAAA,2CAAA,2CAAA,sCAAA,2CAAA,2CAAA,sCAAA,4CAAA,4CAWJ,mCAKA,mCALA,wCAKA,wCALA,uCAKA,uCALA,wCAKA,wCALA,sCAKA,sCALA,yCAKA,yCALA,wCAKA,wCALA,sCAKA,sCALA,wCAKA,wCALA,sCAKA,uCRGJ,0BQjDE,oBAIA,0CApBJ,uCAAA,sCAAA,2CAAA,sCAAA,sCAAA,2CAgCI,mCAMI,oCAAA,oCAAA,+BAAA,oCAAA,oCAAA,+BAAA,oCAAA,oCAAA,+BAAA,qCAAA,qCAAA,iCAQE,oCAAA,2CAAA,2CAAA,sCAAA,2CAAA,2CAAA,sCAAA,2CAAA,2CAAA,sCAAA,4CAAA,4CAWJ,mCAKA,mCALA,wCAKA,wCALA,uCAKA,uCALA,wCAKA,wCALA,sCAKA,sCALA,yCAKA,yCALA,wCAKA,wCALA,sCAKA,sCALA,wCAKA,wCALA,sCAKA,uCRGJ,0BQjDE,oBAIA,0CApBJ,uCAAA,sCAAA,2CAAA,sCAAA,sCAAA,2CAgCI,mCAMI,oCAAA,oCAAA,+BAAA,oCAAA,oCAAA,+BAAA,oCAAA,oCAAA,+BAAA,qCAAA,qCAAA,iCAQE,oCAAA,2CAAA,2CAAA,sCAAA,2CAAA,2CAAA,sCAAA,2CAAA,2CAAA,sCAAA,4CAAA,4CAWJ,mCAKA,mCALA,wCAKA,wCALA,uCAKA,uCALA,wCAKA,wCALA,sCAKA,sCALA,yCAKA,yCALA,wCAKA,wCALA,sCAKA,sCALA,wCAKA,wCALA,sCAKA,uCRGJ,0BQjDE,wBAIA,8CApBJ,2CAAA,0CAAA,+CAAA,0CAAA,0CAAA,+CAgCI,uCAMI,wCAAA,wCAAA,mCAAA,wCAAA,wCAAA,mCAAA,wCAAA,wCAAA,mCAAA,yCAAA,yCAAA,qCAQE,wCAAA,+CAAA,+CAAA,0CAAA,+CAAA,+CAAA,0CAAA,+CAAA,+CAAA,0CAAA,gDAAA,gDAWJ,2CAKA,2CALA,gDAKA,gDALA,+CAKA,+CALA,gDAKA,gDALA,8CAKA,8CALA,iDAKA,iDALA,gDAKA,gDALA,8CAKA,8CALA,gDAKA,gDALA,8CAKA,+CDxGJ,qLCwHM,iCAAA,iCAAA,iCAAA,iCAAA,iCAAA,iCAAA,iCAAA,iCAAA,iCAAA,mCAAA,mCAAA,mCAQA,+BAAA,+BAAA,+BAAA,+BAAA,+BAAA,+BAAA,+BAAA,+BAAA,+BAAA,iCAAA,iCRrBN,yBQaM,qCAAA,qCAAA,qCAAA,qCAAA,qCAAA,qCAAA,qCAAA,qCAAA,qCAAA,uCAAA,uCAAA,uCAQA,mCAAA,mCAAA,mCAAA,mCAAA,mCAAA,mCAAA,mCAAA,mCAAA,mCAAA,qCAAA,sCRrBN,yBQaM,qCAAA,qCAAA,qCAAA,qCAAA,qCAAA,qCAAA,qCAAA,qCAAA,qCAAA,uCAAA,uCAAA,uCAQA,mCAAA,mCAAA,mCAAA,mCAAA,mCAAA,mCAAA,mCAAA,mCAAA,mCAAA,qCAAA,sCRrBN,0BQaM,qCAAA,qCAAA,qCAAA,qCAAA,qCAAA,qCAAA,qCAAA,qCAAA,qCAAA,uCAAA,uCAAA,uCAQA,mCAAA,mCAAA,mCAAA,mCAAA,mCAAA,mCAAA,mCAAA,mCAAA,mCAAA,qCAAA,sCRrBN,0BQaM,qCAAA,qCAAA,qCAAA,qCAAA,qCAAA,qCAAA,qCAAA,qCAAA,qCAAA,uCAAA,uCAAA,uCAQA,mCAAA,mCAAA,mCAAA,mCAAA,mCAAA,mCAAA,mCAAA,mCAAA,mCAAA,qCAAA,sCRrBN,0BQaM,yCAAA,yCAAA,yCAAA,yCAAA,yCAAA,yCAAA,yCAAA,yCAAA,yCAAA,2CAAA,2CAAA,2CAQA,uCAAA,uCAAA,uCAAA,uCAAA,uCAAA,uCAAA,uCAAA,uCAAA,uCAAA,yCAAA,0CDhHR,iDAIA,mId/BF,eImBE,mEAQA,uCAGE,sGAUF,qGAMA,wpBAUE,2DAYF,2GAIE,0CEpCF,ipCAoBE,0bASA,oCAIA,mCAKF,2HAQA,8BAUE,8FAgBA,4EAIE,8EAQF,6DAIA,gEAWA,wSAkBF,oNAUE,kOAcA,8FAAA,iDC9CA,6BD8CA,wEAAA,iDC9CA,6BD8CA,wEAAA,iDC9CA,8BD8CA,wEAAA,iDC9CA,8BD8CA,wEAAA,qDC9CA,8BD8CA,4EAqBI,oJAYA,mFAIE,8GAIA,8IAKE,8EAQA,gJAOF,iFCIJ,yBD5CE,wJAYA,uFAIE,kHAIA,kJAKE,kFAQA,oJAOF,sFCIJ,yBD5CE,wJAYA,uFAIE,kHAIA,kJAKE,kFAQA,oJAOF,sFCIJ,0BD5CE,wJAYA,uFAIE,kHAIA,kJAKE,kFAQA,oJAOF,sFCIJ,0BD5CE,wJAYA,uFAIE,kHAIA,kJAKE,kFAQA,oJAOF,sFCIJ,0BD5CE,4JAYA,2FAIE,sHAIA,sJAKE,sFAQA,wJAOF,0FE1MR,sCAIA,8iBAYA,8MAQA,kGG/CA,8bAWE,0BAXF,qFAiBE,mGAIA,oIAIA,2GAIA,qLAMA,2KAME,iHAMF,oHAIA,yHAIA,wFAIA,wEAGA,uEAGA,wEAGA,yEAGA,qEAIA,2WC1EE,uCD0EF,oFAOE,mLAKF,uEAIA,kLAMA,+GAOE,gOAQF,uEAIA,8EXjIJ,agBUE,mOAQA,mFAMA,0JAMA,mJAKA,mJCxBA,wUCmCA,2mENhCI,uCMgCJ,+BAmBE,gIAMA,+EAWA,4KAkCA,kGAMA,kEAKA,yCAGE,kEAIF,qjBNxHE,uCMwHF,qDAgBA,uHAUF,oQAWE,wCAIA,iGAOF,gQAOE,6IAOF,mCACE,uEAaA,+WAAA,+WAUF,2FAIE,6DAIA,mGAKA,sGAQF,kHAUE,4BAIA,wDAKA,6DG9OF,yFAKE,8CAKF,wvBAOE,mIAQA,gLASA,qLAKA,2GAIA,8KAOA,qEAGE,qEAKF,4EAIA,uCAIA,qCAKF,+BAGA,2DC/EA,yFAKE,8CAKF,ipBAcE,6MAKE,gHAUF,0DAGE,kEAMF,6FAKF,+BAGA,2DCnDA,qiCAqBE,gXAWA,yFAQA,6FAIA,mPAMA,wIAIE,8CAEA,8EAMJ,mCAGA,gEC/BA,yhCAUI,gJAGA,4IAKF,oCAIE,iJAIA,6IAMF,uCAIA,waZ9EE,uCY8EF,mDAtDF,8HAsDE,sHAKA,iaZnFE,uCYmFF,+CA3DF,0HA+DE,4TAIA,+SAIA,yCAGE,8FAIA,0FC/FJ,svBAKE,6hBbZE,uCaYF,sCAqBA,gRAOE,0GAIA,maAAA,0YAeA,mMAOA,sGAMA,qWAUF,4FAKE,2FAKF,8HE9EF,8eAUA,kNfxBI,uCewBJ,mCAQE,mEAMA,mFAAA,mFAAA,mFAAA,uFAKF,sLf3CI,uCe2CJ,gCAQE,kCAMF,qmBAaE,mPftEE,uCesEF,qCAWE,+GAAA,+GAAA,+GAAA,oHErFJ,iKAOE,oCAIA,qKAOA,2CAKA,gDAKF,gJAQE,gGAMF,mICnCA,8rBAgBE,qKAOA,qGAOA,qGAKE,kHAGE,uHAKF,uG9B5DN,kB0B0BE,6eASE,wGASA,oFAQA,0DAIE,8CAWJ,oeAsBI,0SAAA,0SAsBA,grBAiBF,kJAKA,6KEhHF,mKAME,kPAWE,uEAAA,uEAMA,qDAIA,oEAMF,mHAIE,sLAMF,yHAIE,2LAQJ,kCAIE,yCAKF,iLAUE,wKAAA,wKGrGF,0LAUE,sDAIA,mFAOF,2HAUA,+EAIA,mEnBfI,uCmBeJ,iCAIE,+CAKF,4EAKA,8IAQA,kCAIA,0GCzBA,iyBAaE,gDAEA,gHAKE,kGASJ,wIAGE,mPAOF,kNAKE,+RAOF,2IAGE,0PAOF,oNAKE,iSAuBF,yPExFA,2HASA,4TAgBE,4IA7CA,mgBA+DE,6OA/DF,gKAAA,wGAmGE,8HAQA,uIAMF,8EAjHA,4VAoBF,+HASA,4TAgBE,4JA7CA,wlBA+DE,+OA/DF,oKAAA,2GAmGE,oIAQA,6IAMF,gFAjHA,wWE2JF,o9CxBxJI,uCwBwJJ,wFAyBE,sPAMA,4QAKA,0WAME,8eAKF,grBAiBA,ygBA0BE,iRAgBA,kEAIA,+UAeA,4NA7DF,6fA0BE,mRAgBA,oEAIA,qVAeA,2NA7DF,0YA0BE,8MAgBA,mEAIA,0NAeA,2NA7DF,mWA0BE,gJAgBA,iEAIA,2MAeA,uMAoBJ,4qBAUE,qEAIA,4EAgBA,0WAAA,0WAAA,0WAYF,6EAgBE,6EAMA,mOASA,uIAKA,8QAiBF,gkBAYE,iPAUA,6NAOA,gFCxbF,2FAME,uFAIE,iFAKF,uPAMA,wKAQE,8IAgBA,uKAWA,wNAUJ,8EAME,qCAKF,qDAIE,6IAMA,8JAMA,uJAUF,wFAKE,4EAKA,sJAMA,gLAMA,yKCtGF,yaAaE,sEAQA,gHAMA,gGAKA,mJCxBF,01BAIA,gb3BhBI,uC2BgBJ,mCAaE,kO3B7BE,uC2B6BF,mDASA,kCAIA,wJAQF,uKAKE,oJAGE,wPAKF,yDAKA,+IAGE,mPAIA,+JAMF,2FAGE,oSAKE,yGAMF,uGAMJ,0JAUE,iEAIE,kEAIA,+DAIA,oHCvHJ,qtBAaA,yBAIA,6BAMA,wFCOA,o2BAmBA,8HAKA,8FAOA,kWAUE,kEAIA,oFAKA,gFAKA,iEAKF,6DAIE,qO7BlGE,uC6BkGF,uCAOE,+CAIA,iEAQF,oFAAA,kDAAA,+EAAA,kFCnGF,w4BAqBE,0BAMF,uCAOE,0OAAA,wOC9CF,iyBAaA,8BAIA,yHAKA,+V/B5BI,uC+B4BJ,kCAYE,iIAMA,qECnCF,4pCAoBE,iEAIA,8BAKA,+JAKE,sEAMF,8DAOF,yFAKE,mDAMF,oIAOE,4FAMA,qIASF,kTAiBE,iEAIA,6EAMA,qGCxGF,s1BAeE,yBAKF,qSAaE,4BAKF,6HAKE,uMAKA,oMAKA,qIAKF,yDAMA,8DAIA,ySAOE,iHAKF,gQAME,gHAKF,mLAIE,2IAMF,6EAGE,oOAYA,gHAWF,sJAKE,mHAOF,wIAOA,gLAQA,gJAKA,+IAKA,6BAGE,qGAKE,gPAKA,wOAKA,0JAMJ,wIAIA,kIAWE,4DtCjHA,yBsC8GF,wCAYI,6CAIE,oEAOE,qFAGE,2HAIA,4HAMF,0FAGE,+HAIA,iICnNV,03CAKA,2CAIA,+EAOA,wKlC9DI,uCkC8DJ,gCAUA,4EAMA,kGAKA,mGAUE,mFAMA,qKAOA,qKlC1GE,uCkC0GF,qGAYF,2ZlCtHI,uCkCsHJ,+DAoBE,2OAQF,oGAKA,mGAOA,oPAUA,qFAIA,2HAQA,+FASA,gLAWE,ogBlCxME,uCkCwMF,uDAkBA,iFASF,gWAiBA,kJCrQI,mCACE,0IC+BN,+5CAAA,mCAAA,uEAqBE,8GAIA,4GAKA,iGAOF,wDAQA,+GAQA,oDAIA,gDAIA,iNAYE,2XASA,yEAKF,oDAIA,qDAKA,6MAeA,mEAOA,gFAWA,wFAQA,wHAQA,qPAYE,mHAKA,4HAKF,iEAOA,yLAUA,kCAIA,uVAkBE,gIAKA,yIAIA,4hBAaF,yGAOA,sPAgBA,wCAKA,oCAIA,mGAQA,kKAUE,gKAQF,0TAkBE,4EAMF,sJAOA,qGAMA,yFAKA,2GAKA,gJAKA,2IAKA,6FAIA,6EAMA,+IAMA,yMAOA,wMAOA,gGC7VA,qDAKA,wvCAuBE,yQrCnEE,uCqCmEF,8CAaE,0EAKA,yEAOA,8QrC5FA,uCqC4FA,oDAAA,kDAaA,iEAKA,qtCrC9GA,uCqC8GA,wDASA,iMAOF,2EASA,gJAUA,kOAiBE,4XAcF,oFAGE,6DAYJ,gBAEE,2FAMA,wFAKA,qHAQA,mCAAA,mCAAA,oCAIF,kJ1CnGE,6B0CoHI,4J1CpHJ,6B0CoHI,4J1CpHJ,8B0CoHI,4J1CpHJ,8B0CoHI,4J1CpHJ,8B0CoHI,gKAeN,sMAIE,mDAMF,+EAMA,0EAMA,gRE5OA,68DA2BE,4DAIA,6DAIA,6DAIA,wDAvCF,uOvClCI,uCuCkCJ,uBAiDE,iDAOF,gBACE,2CAMF,sEAKA,4yBAcA,+KAQA,wbAiBE,4KAOA,sKAME,4FAKF,oCAIA,kJAUF,kHAQA,2JAOA,mFAOA,wKAMA,4JAQE,8CAKF,yMASA,kHAOA,2BAGE,kFAMA,wMAYE,6DAKF,oEAKA,wKAaF,4BACE,+CAIA,iQAeA,6NAQE,qKAWE,8DAMJ,iEClTF,06BAYA,gEAIE,2GAWF,gWAUE,+FAIA,0FAIA,oKAQA,gLAQA,6DAGE,4JAYJ,sIAQI,8QAQA,uMAeA,0CAII,0JAKA,0JAKA,4DAIA,gJAIE,6L7CtCR,yB6CgBE,8CAII,8JAKA,8JAKA,gEAIA,oJAIE,kM7CtCR,yB6CgBE,8CAII,8JAKA,8JAKA,gEAIA,oJAIE,kM7CtCR,0B6CgBE,8CAII,8JAKA,8JAKA,gEAIA,oJAIE,kM7CtCR,0B6CgBE,8CAII,8JAKA,8JAKA,gEAIA,oJAIE,kM7CtCR,0B6CgBE,kDAII,kKAKA,kKAKA,oEAIA,wJAIE,sMAeV,kCAGE,sFAGE,uECjGJ,oxBAWA,uBAIA,6czCjFI,uCyCiFJ,2BAeE,kHAMA,gKAMA,sHAOA,iHAYF,ygBAOE,mLAKE,wJAQF,2QAQA,4HAUF,oUAQE,gEAIA,2LAWF,qKAKE,2IAME,kGAMF,mKAaA,oEAQA,6FAUA,4EAUA,oCAGA,mCC1QF,2CAMA,0DAMA,uDAKA,iCCgEA,spCAeE,mPAsBF,oUAUE,iFAUF,ujBAWI,qLAWJ,uIAKE,6FAQF,yEAaE,sGAOA,0GAKA,sDAIA,yXAwBE,qEAIA,wIAYJ,2DhDpBI,0BgDpCF,8GAOA,8GAKA,0DAIA,6XAwBE,yEAIA,6IhDRA,0BgDpCF,8GAOA,8GAKA,0DAIA,6XAwBE,yEAIA,6IhDRA,2BgDpCF,8GAOA,8GAKA,0DAIA,6XAwBE,yEAIA,6IhDRA,2BgDpCF,8GAOA,8GAKA,0DAIA,6XAwBE,yEAIA,6IhDRA,2BgDpCF,sHAOA,kHAKA,8DAIA,iYAwBE,6EAIA,iJAwCF,sE3C7PE,uC2C6PF,6DAKF,6DAIE,sRAWF,wdhD5JE,6BiD3EA,+gBA0BI,2IAMA,uIAMA,uHAKA,0HAKA,yHAUA,mL5CpGF,mE4CoGE,kDjDiBJ,6BiDbM,iHAGE,oXAQA,+TAKF,+GAIA,4KASA,sL5CrIJ,mE4CqII,wDjDhBN,6BiDwBI,qDjDrCJ,yBiD9DA,sZ5C1CE,6D4C0CF,6BjD8DA,yBiDuEM,wCAIA,+IjD9DN,6BiD3EA,+gBA0BI,2IAMA,uIAMA,uHAKA,0HAKA,yHAUA,mL5CpGF,mE4CoGE,kDjDiBJ,6BiDbM,iHAGE,oXAQA,+TAKF,+GAIA,4KASA,sL5CrIJ,mE4CqII,wDjDhBN,6BiDwBI,qDjDrCJ,yBiD9DA,sZ5C1CE,6D4C0CF,6BjD8DA,yBiDuEM,wCAIA,+IjD9DN,8BiD3EA,+gBA0BI,2IAMA,uIAMA,uHAKA,0HAKA,yHAUA,mL5CpGF,oE4CoGE,kDjDiBJ,8BiDbM,iHAGE,oXAQA,+TAKF,+GAIA,4KASA,sL5CrIJ,oE4CqII,wDjDhBN,8BiDwBI,qDjDrCJ,0BiD9DA,sZ5C1CE,8D4C0CF,6BjD8DA,0BiDuEM,wCAIA,+IjD9DN,8BiD3EA,+gBA0BI,2IAMA,uIAMA,uHAKA,0HAKA,yHAUA,mL5CpGF,oE4CoGE,kDjDiBJ,8BiDbM,iHAGE,oXAQA,+TAKF,+GAIA,4KASA,sL5CrIJ,oE4CqII,wDjDhBN,8BiDwBI,qDjDrCJ,0BiD9DA,sZ5C1CE,8D4C0CF,6BjD8DA,0BiDuEM,wCAIA,+IjD9DN,8BiD3EA,mhBA0BI,+IAMA,2IAMA,2HAKA,8HAKA,6HAUA,uL5CpGF,oE4CoGE,sDjDiBJ,8BiDbM,qHAGE,4XAQA,mUAKF,mHAIA,oLASA,0L5CrIJ,oE4CqII,4DjDhBN,8BiDwBI,yDjDrCJ,0BiD9DA,0Z5C1CE,8D4C0CF,iCjD8DA,0BiDuEM,4CAIA,mJAzIN,2gBA0BI,uIAMA,mIAMA,mHAKA,sHAKA,qHAUA,8K5CpGF,uC4CoGE,8CAIE,6GAGE,4WAQA,2TAKF,2GAIA,oKASA,kK5CrIJ,uC4CqII,oDAAA,kDAQF,gDA2DJ,g8D5CxME,uC4CwMF,uCAAA,g8D5CxME,uC4CwMF,uCAAA,g8D5CxME,uC4CwMF,uCAAA,g8D5CxME,uC4CwMF,uCAAA,o8D5CxME,uC4CwMF,2CAAA,47D5CxME,uC4CwMF,mCAWF,gBAEI,kNAQJ,qCAIA,uLAQA,qHAQA,2HAGE,uSAUF,6EAKA,uKASA,kQAIA,yCClPA,wkCAOA,4hB7CrCI,uC6CqCJ,4BAcE,sKAOA,iMAOA,iOAQA,iNAUA,yGAKE,0JAMA,qJAYF,gUAAA,gUC/GF,2NAUE,wDAOF,gCAIA,gCAIA,iCAME,kFAKF,2EAMA,wUAMA,sDC3BA,ygDAoBE,gHAKE,6HAaF,2KAGE,+RAKA,sKAKA,uLAQF,qPAKE,4UAKA,qKAKA,sLAQF,8KAGE,2SAKA,uKAKA,wLAOF,2VAaA,uPAKE,8UAKA,yKAKA,0LAuBJ,gcASE,mCAKF,2HC7KE,oFAMF,mpBAaA,oShD7BI,uCgD6BJ,+BAYA,gMAKA,6CAIA,qDAKE,kEAII,uCAJJ,uCChCF,8RAaA,uDAKA,ySAOA,mGAaA,4EAWA,sNAOA,kEAQE,uCACE,iECxDJ,0aAYA,4NAUE,gYAqBA,kRAYA,4CAKE,qLASJ,kGAIA,oFAjGA,uJAOE,wPASA,8DvDqLE,0BuD9FA,wFAvGJ,2JAOE,4PASA,mEvDqLE,0BuD9FA,wFAvGJ,2JAOE,4PASA,mEvDqLE,2BuD9FA,wFAvGJ,2JAOE,4PASA,mEvDqLE,2BuD9FA,wFAvGJ,2JAOE,4PASA,mEvDqLE,2BuD9FA,4FAvGJ,+JAOE,gQASA,uEAgGF,4HAME,4DCnHF,08BAiBE,yBAIA,+BAKF,8IASE,yEAKF,uZASE,yJAOF,2GAIA,oE/DrFF,cAAA,eiERE,uDCGA,6RAQE,yGtDWE,uCsDXF,gCAYE,+HCnBJ,sDAMA,yDAWI,+CAMA,qD5DmGF,yB4DzGE,mDAMA,0D5DmGF,yB4DzGE,mDAMA,0D5DmGF,0B4DzGE,mDAMA,0D5DmGF,0B4DzGE,mDAMA,0D5DmGF,0B4DzGE,uDAMA,8DCxBJ,4CAIA,0NAUE,mEAMA,mE7D4ME,0B6DlNF,uEAMA,wE7D4ME,0B6DlNF,uEAMA,wE7D4ME,2B6DlNF,uEAMA,wE7D4ME,2B6DlNF,uEAMA,wE7D4ME,2B6DlNF,2EAMA,4EE4CA,8ZAAA,oZAAA,8ZAAA,oZAAA,8ZAAA,gYAAA,8ZAAA,kbCjEF,mQCeA,4HAKA,oGCnBE,qECDF,yEEFA,2J5EQF,iB8E6MI,wCAAA,8BAAA,oCAAA,oCAAA,8CAAA,wCAAA,6CAAA,4BAAA,4BAAA,4BAAA,8BAAA,8BAAA,gCAAA,4BAAA,uBAAA,6DAAA,uDAAA,oDAAA,iEAAA,oDAAA,qBAAA,wBAAA,uBAAA,wBAAA,uBAAA,6BAAA,iCAAA,mCAAA,iCAAA,iCAAA,qCAAA,uCAAA,qCAAA,iCAAA,qCAAA,uCAAA,qCAAA,4CAAA,mCAAA,yBAAA,qCAAA,uBAAA,qBAAA,mCAAA,uBAAA,+BAAA,iCAAA,qBAAA,mCAAA,6BAAA,+BAAA,qBAAA,wCAAA,8CAAA,8CAAA,6BAAA,0NAAA,6NAAA,4NAAA,uNAAA,8NAAA,uNAAA,8KAAA,gLAAA,iCAAA,qCAAA,qCAAA,+BAAA,iCAAA,aAAA,gBAAA,kBAAA,mBAAA,sBAAA,wBAAA,gBAAA,mBAAA,qBAAA,eAAA,kBAAA,oBAAA,iDAAA,8CAAA,+CAAA,oFAAA,mBAAA,oGAAA,mCAAA,mGAAA,kCAAA,qGAAA,oCAAA,uGAAA,sCAAA,gGAAA,+BAAA,kGAAA,iCAAA,2FAAA,yFAAA,2FAAA,yFAAA,2FAAA,qFAAA,2FAAA,+FAAA,qFAAA,yFAAA,2FAAA,6FAAA,qGAAA,2FAAA,2FAAA,sGAAA,oGAAA,sGAAA,oGAAA,sGAAA,gGAAA,sGAAA,0GAAA,2BAAA,2BAAA,2BAAA,2BAAA,2BAAA,qFAAA,qFAAA,qFAAA,qFAAA,qFAAA,qFAAA,qFAAA,qFAAA,qFAAA,gDAAA,gBAAA,gBAAA,gBAAA,gBAAA,gBAAA,gBAAA,gBAAA,gBAAA,gBAAA,kBAAA,kBAAA,kBAAA,gBAAA,gBAAA,gBAAA,kBAAA,mBAAA,yBAAA,yBAAA,yBAAA,0BAAA,qBAAA,0BAAA,oBAAA,4BAAA,iBAAA,iBAAA,iBAAA,mBAAA,oBAAA,0BAAA,0BAAA,0BAAA,2BAAA,sBAAA,2BAAA,qBAAA,6BAAA,qBAAA,6BAAA,mCAAA,6CAAA,mDAAA,yBAAA,yBAAA,6BAAA,6BAAA,0BAAA,8BAAA,0CAAA,kDAAA,8CAAA,+CAAA,uDAAA,qDAAA,qDAAA,yCAAA,qCAAA,2CAAA,6CAAA,4CAAA,wCAAA,yCAAA,0CAAA,sCAAA,uCAAA,2CAAA,yCAAA,8CAAA,0CAAA,2CAAA,mDAAA,iDAAA,6CAAA,iCAAA,wCAAA,oCAAA,qCAAA,yCAAA,uCAAA,qCAAA,iCAAA,uCAAA,iDAAA,uCAAA,iDAAA,iDAAA,iDAAA,iDAAA,iCAAA,uCAAA,6CAAA,2CAAA,sBAAA,iBAAA,iBAAA,iBAAA,iBAAA,iBAAA,iBAAA,oBAAA,cAAA,mBAAA,kBAAA,mBAAA,iBAAA,oBAAA,mBAAA,iBAAA,mBAAA,iBAAA,oBAAA,sBAAA,2BAAA,0BAAA,2BAAA,yBAAA,4BAAA,2BAAA,yBAAA,2BAAA,yBAAA,4BAAA,qBAAA,0BAAA,yBAAA,0BAAA,wBAAA,2BAAA,0BAAA,wBAAA,0BAAA,wBAAA,2BAAA,2BAAA,gCAAA,+BAAA,gCAAA,8BAAA,iCAAA,gCAAA,8BAAA,gCAAA,8BAAA,iCAAA,0BAAA,+BAAA,8BAAA,+BAAA,6BAAA,gCAAA,+BAAA,6BAAA,+BAAA,6BAAA,gCAAA,yBAAA,8BAAA,6BAAA,8BAAA,4BAAA,+BAAA,8BAAA,4BAAA,8BAAA,4BAAA,+BAAA,4BAAA,iCAAA,gCAAA,iCAAA,+BAAA,kCAAA,iCAAA,+BAAA,iCAAA,+BAAA,mCAAA,kCAAA,kCAAA,eAAA,oBAAA,mBAAA,oBAAA,kBAAA,qBAAA,oBAAA,kBAAA,oBAAA,kBAAA,uBAAA,4BAAA,2BAAA,4BAAA,0BAAA,6BAAA,4BAAA,0BAAA,4BAAA,0BAAA,sBAAA,2BAAA,0BAAA,2BAAA,yBAAA,4BAAA,2BAAA,yBAAA,2BAAA,yBAAA,4BAAA,iCAAA,gCAAA,iCAAA,+BAAA,kCAAA,iCAAA,+BAAA,iCAAA,+BAAA,2BAAA,gCAAA,+BAAA,gCAAA,8BAAA,iCAAA,gCAAA,8BAAA,gCAAA,8BAAA,0BAAA,+BAAA,8BAAA,+BAAA,6BAAA,gCAAA,+BAAA,6BAAA,+BAAA,6BAAA,6BAAA,kCAAA,iCAAA,kCAAA,gCAAA,mCAAA,kCAAA,gCAAA,kCAAA,gCAAA,aAAA,kBAAA,iBAAA,kBAAA,gBAAA,mBAAA,kBAAA,gBAAA,kBAAA,gBAAA,qBAAA,0BAAA,yBAAA,0BAAA,wBAAA,2BAAA,0BAAA,wBAAA,0BAAA,wBAAA,6CAAA,uDAAA,qDAAA,uDAAA,mDAAA,yDAAA,uDAAA,mDAAA,uDAAA,mDAAA,yDAAA,8DAAA,6DAAA,8DAAA,4DAAA,+DAAA,8DAAA,4DAAA,8DAAA,4DAAA,wDAAA,6DAAA,4DAAA,6DAAA,2DAAA,8DAAA,6DAAA,2DAAA,6DAAA,2DAAA,8HAAA,6DAAA,6HAAA,4DAAA,gDAAA,kDAAA,wBAAA,yBAAA,sBAAA,qDAAA,sDAAA,mDAAA,sDAAA,sDAAA,8CAAA,sDAAA,2CAAA,2CAAA,wCAAA,uEAAA,4EAAA,yEAAA,wEAAA,wEAAA,gEAAA,sEAAA,8BAAA,8BAAA,gCAAA,0BAAA,2BAAA,2BAAA,6BAAA,yBAAA,8BAAA,oBAAA,wBAAA,yBAAA,qBAAA,6BAAA,yBAAA,+BAAA,2CAAA,qDAAA,2DAAA,yCAAA,yCAAA,2CAAA,4BAAA,gCAAA,kCAAA,gCAAA,uDAAA,4DAAA,0DAAA,4DAAA,0DAAA,4DAAA,sDAAA,4DAAA,gEAAA,sDAAA,gDAAA,gDAAA,gDAAA,gDAAA,wDAAA,wDAAA,8EAAA,4EAAA,8EAAA,4EAAA,8EAAA,wEAAA,8EAAA,kFAAA,2EAAA,yEAAA,2EAAA,yEAAA,2EAAA,qEAAA,2EAAA,+EAAA,gEAAA,gEAAA,gEAAA,gEAAA,gEAAA,gEAAA,gEAAA,gEAAA,gEAAA,2BAAA,gGAAA,gGAAA,gGAAA,gGAAA,gGAAA,gGAAA,gGAAA,gGAAA,gGAAA,4DAAA,kFAAA,iFAAA,kFAAA,uPAAA,oVAAA,2PAAA,kPAAA,+PAAA,oPAAA,uPAAA,yPAAA,mNAAA,mNAAA,mNAAA,mNAAA,mNAAA,mNAAA,mNAAA,mNAAA,mNAAA,yIAAA,yFAAA,yFAAA,yFAAA,yFAAA,yFAAA,uEAAA,qEAAA,uEAAA,qEAAA,uEAAA,iEAAA,uEAAA,2EAAA,iEAAA,2DAAA,2DAAA,2DAAA,2DAAA,mEAAA,mEAAA,+EAAA,qFAAA,mFAAA,qFAAA,mFAAA,qFAAA,+EAAA,qFAAA,yFAAA,mFAAA,iFAAA,mFAAA,iFAAA,mFAAA,6EAAA,mFAAA,uFAAA,2EAAA,2EAAA,2EAAA,2EAAA,2EAAA,2EAAA,2EAAA,2EAAA,2EAAA,sCAAA,mFAAA,kFAAA,yFAAA,yEAAA,iDAAA,yDAAA,4DAAA,4DAAA,4DAAA,6BAAA,6BAAA,+CAAA,2BAAA,oDAAA,iDAAA,oDAAA,oDAAA,qDAAA,kCAAA,yDAAA,+GAAA,qEAAA,uHAAA,iHAAA,uHAAA,uHAAA,yHAAA,8EAAA,8HAAA,2GAAA,iEAAA,mHAAA,6GAAA,mHAAA,mHAAA,qHAAA,0EAAA,0HAAA,8GAAA,oEAAA,sHAAA,gHAAA,sHAAA,sHAAA,wHAAA,6EAAA,6HAAA,iHAAA,uEAAA,yHAAA,mHAAA,yHAAA,yHAAA,2HAAA,gFAAA,gIAAA,4BAAA,6BAAA,iBAAA,eAAA,eAAA,eAAA,evEvFA,yBuEuFA,oCAAA,gCAAA,2BAAA,iEAAA,2DAAA,wDAAA,qEAAA,wDAAA,6BAAA,yCAAA,2BAAA,yBAAA,uCAAA,2BAAA,mCAAA,qCAAA,yBAAA,uCAAA,iCAAA,mCAAA,yBAAA,yBAAA,iCAAA,uCAAA,iDAAA,uDAAA,6BAAA,6BAAA,iCAAA,iCAAA,8BAAA,kCAAA,8CAAA,sDAAA,kDAAA,mDAAA,2DAAA,yDAAA,yDAAA,6CAAA,yCAAA,+CAAA,iDAAA,gDAAA,4CAAA,6CAAA,8CAAA,0CAAA,2CAAA,+CAAA,6CAAA,kDAAA,8CAAA,+CAAA,uDAAA,qDAAA,iDAAA,qCAAA,4CAAA,wCAAA,yCAAA,6CAAA,2CAAA,yCAAA,qCAAA,2CAAA,qDAAA,2CAAA,qDAAA,qDAAA,qDAAA,qDAAA,qCAAA,2CAAA,iDAAA,+CAAA,0BAAA,qBAAA,qBAAA,qBAAA,qBAAA,qBAAA,qBAAA,wBAAA,kBAAA,uBAAA,sBAAA,uBAAA,qBAAA,wBAAA,uBAAA,qBAAA,uBAAA,qBAAA,wBAAA,0BAAA,+BAAA,8BAAA,+BAAA,6BAAA,gCAAA,+BAAA,6BAAA,+BAAA,6BAAA,gCAAA,yBAAA,8BAAA,6BAAA,8BAAA,4BAAA,+BAAA,8BAAA,4BAAA,8BAAA,4BAAA,+BAAA,+BAAA,oCAAA,mCAAA,oCAAA,kCAAA,qCAAA,oCAAA,kCAAA,oCAAA,kCAAA,qCAAA,8BAAA,mCAAA,kCAAA,mCAAA,iCAAA,oCAAA,mCAAA,iCAAA,mCAAA,iCAAA,oCAAA,6BAAA,kCAAA,iCAAA,kCAAA,gCAAA,mCAAA,kCAAA,gCAAA,kCAAA,gCAAA,mCAAA,gCAAA,qCAAA,oCAAA,qCAAA,mCAAA,sCAAA,qCAAA,mCAAA,qCAAA,mCAAA,uCAAA,sCAAA,sCAAA,mBAAA,wBAAA,uBAAA,wBAAA,sBAAA,yBAAA,wBAAA,sBAAA,wBAAA,sBAAA,2BAAA,gCAAA,+BAAA,gCAAA,8BAAA,iCAAA,gCAAA,8BAAA,gCAAA,8BAAA,0BAAA,+BAAA,8BAAA,+BAAA,6BAAA,gCAAA,+BAAA,6BAAA,+BAAA,6BAAA,gCAAA,qCAAA,oCAAA,qCAAA,mCAAA,sCAAA,qCAAA,mCAAA,qCAAA,mCAAA,+BAAA,oCAAA,mCAAA,oCAAA,kCAAA,qCAAA,oCAAA,kCAAA,oCAAA,kCAAA,8BAAA,mCAAA,kCAAA,mCAAA,iCAAA,oCAAA,mCAAA,iCAAA,mCAAA,iCAAA,iCAAA,sCAAA,qCAAA,sCAAA,oCAAA,uCAAA,sCAAA,oCAAA,sCAAA,oCAAA,iBAAA,sBAAA,qBAAA,sBAAA,oBAAA,uBAAA,sBAAA,oBAAA,sBAAA,oBAAA,yBAAA,8BAAA,6BAAA,8BAAA,4BAAA,+BAAA,8BAAA,4BAAA,8BAAA,4BAAA,iDAAA,2DAAA,yDAAA,2DAAA,uDAAA,6DAAA,2DAAA,uDAAA,2DAAA,uDAAA,6DAAA,kEAAA,iEAAA,kEAAA,gEAAA,mEAAA,kEAAA,gEAAA,kEAAA,gEAAA,4DAAA,iEAAA,gEAAA,iEAAA,+DAAA,kEAAA,iEAAA,+DAAA,iEAAA,+DAAA,kIAAA,iEAAA,iIAAA,gEAAA,iCAAA,6BAAA,oCvEvFA,yBuEuFA,oCAAA,gCAAA,2BAAA,iEAAA,2DAAA,wDAAA,qEAAA,wDAAA,6BAAA,yCAAA,2BAAA,yBAAA,uCAAA,2BAAA,mCAAA,qCAAA,yBAAA,uCAAA,iCAAA,mCAAA,yBAAA,yBAAA,iCAAA,uCAAA,iDAAA,uDAAA,6BAAA,6BAAA,iCAAA,iCAAA,8BAAA,kCAAA,8CAAA,sDAAA,kDAAA,mDAAA,2DAAA,yDAAA,yDAAA,6CAAA,yCAAA,+CAAA,iDAAA,gDAAA,4CAAA,6CAAA,8CAAA,0CAAA,2CAAA,+CAAA,6CAAA,kDAAA,8CAAA,+CAAA,uDAAA,qDAAA,iDAAA,qCAAA,4CAAA,wCAAA,yCAAA,6CAAA,2CAAA,yCAAA,qCAAA,2CAAA,qDAAA,2CAAA,qDAAA,qDAAA,qDAAA,qDAAA,qCAAA,2CAAA,iDAAA,+CAAA,0BAAA,qBAAA,qBAAA,qBAAA,qBAAA,qBAAA,qBAAA,wBAAA,kBAAA,uBAAA,sBAAA,uBAAA,qBAAA,wBAAA,uBAAA,qBAAA,uBAAA,qBAAA,wBAAA,0BAAA,+BAAA,8BAAA,+BAAA,6BAAA,gCAAA,+BAAA,6BAAA,+BAAA,6BAAA,gCAAA,yBAAA,8BAAA,6BAAA,8BAAA,4BAAA,+BAAA,8BAAA,4BAAA,8BAAA,4BAAA,+BAAA,+BAAA,oCAAA,mCAAA,oCAAA,kCAAA,qCAAA,oCAAA,kCAAA,oCAAA,kCAAA,qCAAA,8BAAA,mCAAA,kCAAA,mCAAA,iCAAA,oCAAA,mCAAA,iCAAA,mCAAA,iCAAA,oCAAA,6BAAA,kCAAA,iCAAA,kCAAA,gCAAA,mCAAA,kCAAA,gCAAA,kCAAA,gCAAA,mCAAA,gCAAA,qCAAA,oCAAA,qCAAA,mCAAA,sCAAA,qCAAA,mCAAA,qCAAA,mCAAA,uCAAA,sCAAA,sCAAA,mBAAA,wBAAA,uBAAA,wBAAA,sBAAA,yBAAA,wBAAA,sBAAA,wBAAA,sBAAA,2BAAA,gCAAA,+BAAA,gCAAA,8BAAA,iCAAA,gCAAA,8BAAA,gCAAA,8BAAA,0BAAA,+BAAA,8BAAA,+BAAA,6BAAA,gCAAA,+BAAA,6BAAA,+BAAA,6BAAA,gCAAA,qCAAA,oCAAA,qCAAA,mCAAA,sCAAA,qCAAA,mCAAA,qCAAA,mCAAA,+BAAA,oCAAA,mCAAA,oCAAA,kCAAA,qCAAA,oCAAA,kCAAA,oCAAA,kCAAA,8BAAA,mCAAA,kCAAA,mCAAA,iCAAA,oCAAA,mCAAA,iCAAA,mCAAA,iCAAA,iCAAA,sCAAA,qCAAA,sCAAA,oCAAA,uCAAA,sCAAA,oCAAA,sCAAA,oCAAA,iBAAA,sBAAA,qBAAA,sBAAA,oBAAA,uBAAA,sBAAA,oBAAA,sBAAA,oBAAA,yBAAA,8BAAA,6BAAA,8BAAA,4BAAA,+BAAA,8BAAA,4BAAA,8BAAA,4BAAA,iDAAA,2DAAA,yDAAA,2DAAA,uDAAA,6DAAA,2DAAA,uDAAA,2DAAA,uDAAA,6DAAA,kEAAA,iEAAA,kEAAA,gEAAA,mEAAA,kEAAA,gEAAA,kEAAA,gEAAA,4DAAA,iEAAA,gEAAA,iEAAA,+DAAA,kEAAA,iEAAA,+DAAA,iEAAA,+DAAA,kIAAA,iEAAA,iIAAA,gEAAA,iCAAA,6BAAA,oCvEvFA,0BuEuFA,oCAAA,gCAAA,2BAAA,iEAAA,2DAAA,wDAAA,qEAAA,wDAAA,6BAAA,yCAAA,2BAAA,yBAAA,uCAAA,2BAAA,mCAAA,qCAAA,yBAAA,uCAAA,iCAAA,mCAAA,yBAAA,yBAAA,iCAAA,uCAAA,iDAAA,uDAAA,6BAAA,6BAAA,iCAAA,iCAAA,8BAAA,kCAAA,8CAAA,sDAAA,kDAAA,mDAAA,2DAAA,yDAAA,yDAAA,6CAAA,yCAAA,+CAAA,iDAAA,gDAAA,4CAAA,6CAAA,8CAAA,0CAAA,2CAAA,+CAAA,6CAAA,kDAAA,8CAAA,+CAAA,uDAAA,qDAAA,iDAAA,qCAAA,4CAAA,wCAAA,yCAAA,6CAAA,2CAAA,yCAAA,qCAAA,2CAAA,qDAAA,2CAAA,qDAAA,qDAAA,qDAAA,qDAAA,qCAAA,2CAAA,iDAAA,+CAAA,0BAAA,qBAAA,qBAAA,qBAAA,qBAAA,qBAAA,qBAAA,wBAAA,kBAAA,uBAAA,sBAAA,uBAAA,qBAAA,wBAAA,uBAAA,qBAAA,uBAAA,qBAAA,wBAAA,0BAAA,+BAAA,8BAAA,+BAAA,6BAAA,gCAAA,+BAAA,6BAAA,+BAAA,6BAAA,gCAAA,yBAAA,8BAAA,6BAAA,8BAAA,4BAAA,+BAAA,8BAAA,4BAAA,8BAAA,4BAAA,+BAAA,+BAAA,oCAAA,mCAAA,oCAAA,kCAAA,qCAAA,oCAAA,kCAAA,oCAAA,kCAAA,qCAAA,8BAAA,mCAAA,kCAAA,mCAAA,iCAAA,oCAAA,mCAAA,iCAAA,mCAAA,iCAAA,oCAAA,6BAAA,kCAAA,iCAAA,kCAAA,gCAAA,mCAAA,kCAAA,gCAAA,kCAAA,gCAAA,mCAAA,gCAAA,qCAAA,oCAAA,qCAAA,mCAAA,sCAAA,qCAAA,mCAAA,qCAAA,mCAAA,uCAAA,sCAAA,sCAAA,mBAAA,wBAAA,uBAAA,wBAAA,sBAAA,yBAAA,wBAAA,sBAAA,wBAAA,sBAAA,2BAAA,gCAAA,+BAAA,gCAAA,8BAAA,iCAAA,gCAAA,8BAAA,gCAAA,8BAAA,0BAAA,+BAAA,8BAAA,+BAAA,6BAAA,gCAAA,+BAAA,6BAAA,+BAAA,6BAAA,gCAAA,qCAAA,oCAAA,qCAAA,mCAAA,sCAAA,qCAAA,mCAAA,qCAAA,mCAAA,+BAAA,oCAAA,mCAAA,oCAAA,kCAAA,qCAAA,oCAAA,kCAAA,oCAAA,kCAAA,8BAAA,mCAAA,kCAAA,mCAAA,iCAAA,oCAAA,mCAAA,iCAAA,mCAAA,iCAAA,iCAAA,sCAAA,qCAAA,sCAAA,oCAAA,uCAAA,sCAAA,oCAAA,sCAAA,oCAAA,iBAAA,sBAAA,qBAAA,sBAAA,oBAAA,uBAAA,sBAAA,oBAAA,sBAAA,oBAAA,yBAAA,8BAAA,6BAAA,8BAAA,4BAAA,+BAAA,8BAAA,4BAAA,8BAAA,4BAAA,iDAAA,2DAAA,yDAAA,2DAAA,uDAAA,6DAAA,2DAAA,uDAAA,2DAAA,uDAAA,6DAAA,kEAAA,iEAAA,kEAAA,gEAAA,mEAAA,kEAAA,gEAAA,kEAAA,gEAAA,4DAAA,iEAAA,gEAAA,iEAAA,+DAAA,kEAAA,iEAAA,+DAAA,iEAAA,+DAAA,kIAAA,iEAAA,iIAAA,gEAAA,iCAAA,6BAAA,oCvEvFA,0BuEuFA,oCAAA,gCAAA,2BAAA,iEAAA,2DAAA,wDAAA,qEAAA,wDAAA,6BAAA,yCAAA,2BAAA,yBAAA,uCAAA,2BAAA,mCAAA,qCAAA,yBAAA,uCAAA,iCAAA,mCAAA,yBAAA,yBAAA,iCAAA,uCAAA,iDAAA,uDAAA,6BAAA,6BAAA,iCAAA,iCAAA,8BAAA,kCAAA,8CAAA,sDAAA,kDAAA,mDAAA,2DAAA,yDAAA,yDAAA,6CAAA,yCAAA,+CAAA,iDAAA,gDAAA,4CAAA,6CAAA,8CAAA,0CAAA,2CAAA,+CAAA,6CAAA,kDAAA,8CAAA,+CAAA,uDAAA,qDAAA,iDAAA,qCAAA,4CAAA,wCAAA,yCAAA,6CAAA,2CAAA,yCAAA,qCAAA,2CAAA,qDAAA,2CAAA,qDAAA,qDAAA,qDAAA,qDAAA,qCAAA,2CAAA,iDAAA,+CAAA,0BAAA,qBAAA,qBAAA,qBAAA,qBAAA,qBAAA,qBAAA,wBAAA,kBAAA,uBAAA,sBAAA,uBAAA,qBAAA,wBAAA,uBAAA,qBAAA,uBAAA,qBAAA,wBAAA,0BAAA,+BAAA,8BAAA,+BAAA,6BAAA,gCAAA,+BAAA,6BAAA,+BAAA,6BAAA,gCAAA,yBAAA,8BAAA,6BAAA,8BAAA,4BAAA,+BAAA,8BAAA,4BAAA,8BAAA,4BAAA,+BAAA,+BAAA,oCAAA,mCAAA,oCAAA,kCAAA,qCAAA,oCAAA,kCAAA,oCAAA,kCAAA,qCAAA,8BAAA,mCAAA,kCAAA,mCAAA,iCAAA,oCAAA,mCAAA,iCAAA,mCAAA,iCAAA,oCAAA,6BAAA,kCAAA,iCAAA,kCAAA,gCAAA,mCAAA,kCAAA,gCAAA,kCAAA,gCAAA,mCAAA,gCAAA,qCAAA,oCAAA,qCAAA,mCAAA,sCAAA,qCAAA,mCAAA,qCAAA,mCAAA,uCAAA,sCAAA,sCAAA,mBAAA,wBAAA,uBAAA,wBAAA,sBAAA,yBAAA,wBAAA,sBAAA,wBAAA,sBAAA,2BAAA,gCAAA,+BAAA,gCAAA,8BAAA,iCAAA,gCAAA,8BAAA,gCAAA,8BAAA,0BAAA,+BAAA,8BAAA,+BAAA,6BAAA,gCAAA,+BAAA,6BAAA,+BAAA,6BAAA,gCAAA,qCAAA,oCAAA,qCAAA,mCAAA,sCAAA,qCAAA,mCAAA,qCAAA,mCAAA,+BAAA,oCAAA,mCAAA,oCAAA,kCAAA,qCAAA,oCAAA,kCAAA,oCAAA,kCAAA,8BAAA,mCAAA,kCAAA,mCAAA,iCAAA,oCAAA,mCAAA,iCAAA,mCAAA,iCAAA,iCAAA,sCAAA,qCAAA,sCAAA,oCAAA,uCAAA,sCAAA,oCAAA,sCAAA,oCAAA,iBAAA,sBAAA,qBAAA,sBAAA,oBAAA,uBAAA,sBAAA,oBAAA,sBAAA,oBAAA,yBAAA,8BAAA,6BAAA,8BAAA,4BAAA,+BAAA,8BAAA,4BAAA,8BAAA,4BAAA,iDAAA,2DAAA,yDAAA,2DAAA,uDAAA,6DAAA,2DAAA,uDAAA,2DAAA,uDAAA,6DAAA,kEAAA,iEAAA,kEAAA,gEAAA,mEAAA,kEAAA,gEAAA,kEAAA,gEAAA,4DAAA,iEAAA,gEAAA,iEAAA,+DAAA,kEAAA,iEAAA,+DAAA,iEAAA,+DAAA,kIAAA,iEAAA,iIAAA,gEAAA,iCAAA,6BAAA,oCvEvFA,0BuEuFA,wCAAA,oCAAA,+BAAA,qEAAA,+DAAA,4DAAA,yEAAA,4DAAA,iCAAA,6CAAA,+BAAA,6BAAA,2CAAA,+BAAA,uCAAA,yCAAA,6BAAA,2CAAA,qCAAA,uCAAA,6BAAA,6BAAA,qCAAA,2CAAA,qDAAA,2DAAA,iCAAA,iCAAA,qCAAA,qCAAA,kCAAA,sCAAA,kDAAA,0DAAA,sDAAA,uDAAA,+DAAA,6DAAA,6DAAA,iDAAA,6CAAA,mDAAA,qDAAA,oDAAA,gDAAA,iDAAA,kDAAA,8CAAA,+CAAA,mDAAA,iDAAA,sDAAA,kDAAA,mDAAA,2DAAA,yDAAA,qDAAA,yCAAA,gDAAA,4CAAA,6CAAA,iDAAA,+CAAA,6CAAA,yCAAA,+CAAA,yDAAA,+CAAA,yDAAA,yDAAA,yDAAA,yDAAA,yCAAA,+CAAA,qDAAA,mDAAA,8BAAA,yBAAA,yBAAA,yBAAA,yBAAA,yBAAA,yBAAA,4BAAA,sBAAA,2BAAA,0BAAA,2BAAA,yBAAA,4BAAA,2BAAA,yBAAA,2BAAA,yBAAA,4BAAA,8BAAA,mCAAA,kCAAA,mCAAA,iCAAA,oCAAA,mCAAA,iCAAA,mCAAA,iCAAA,oCAAA,6BAAA,kCAAA,iCAAA,kCAAA,gCAAA,mCAAA,kCAAA,gCAAA,kCAAA,gCAAA,mCAAA,mCAAA,wCAAA,uCAAA,wCAAA,sCAAA,yCAAA,wCAAA,sCAAA,wCAAA,sCAAA,yCAAA,kCAAA,uCAAA,sCAAA,uCAAA,qCAAA,wCAAA,uCAAA,qCAAA,uCAAA,qCAAA,wCAAA,iCAAA,sCAAA,qCAAA,sCAAA,oCAAA,uCAAA,sCAAA,oCAAA,sCAAA,oCAAA,uCAAA,oCAAA,yCAAA,wCAAA,yCAAA,uCAAA,0CAAA,yCAAA,uCAAA,yCAAA,uCAAA,2CAAA,0CAAA,0CAAA,uBAAA,4BAAA,2BAAA,4BAAA,0BAAA,6BAAA,4BAAA,0BAAA,4BAAA,0BAAA,+BAAA,oCAAA,mCAAA,oCAAA,kCAAA,qCAAA,oCAAA,kCAAA,oCAAA,kCAAA,8BAAA,mCAAA,kCAAA,mCAAA,iCAAA,oCAAA,mCAAA,iCAAA,mCAAA,iCAAA,oCAAA,yCAAA,wCAAA,yCAAA,uCAAA,0CAAA,yCAAA,uCAAA,yCAAA,uCAAA,mCAAA,wCAAA,uCAAA,wCAAA,sCAAA,yCAAA,wCAAA,sCAAA,wCAAA,sCAAA,kCAAA,uCAAA,sCAAA,uCAAA,qCAAA,wCAAA,uCAAA,qCAAA,uCAAA,qCAAA,qCAAA,0CAAA,yCAAA,0CAAA,wCAAA,2CAAA,0CAAA,wCAAA,0CAAA,wCAAA,qBAAA,0BAAA,yBAAA,0BAAA,wBAAA,2BAAA,0BAAA,wBAAA,0BAAA,wBAAA,6BAAA,kCAAA,iCAAA,kCAAA,gCAAA,mCAAA,kCAAA,gCAAA,kCAAA,gCAAA,qDAAA,+DAAA,6DAAA,+DAAA,2DAAA,iEAAA,+DAAA,2DAAA,+DAAA,2DAAA,iEAAA,sEAAA,qEAAA,sEAAA,oEAAA,uEAAA,sEAAA,oEAAA,sEAAA,oEAAA,gEAAA,qEAAA,oEAAA,qEAAA,mEAAA,sEAAA,qEAAA,mEAAA,qEAAA,mEAAA,sIAAA,qEAAA,qIAAA,oEAAA,qCAAA,iCAAA,yC9EzCJ,01ZAAA,mCAAA,0DAMA,0FAIA,4FwDpIA,upBQhDA,qCpDoBM,uCoDpBN,uBAGE,2BAOA,kCAKF,4DpDKM,uCoDLN,6BAKE,0EpDAI,uCoDAJ","sources":["bootstrap.css","../../scss/_banner.scss","../../scss/_colors.scss","../../scss/mixins/_tokens.scss","../../scss/_root.scss","../../scss/content/_reboot.scss","../../scss/_config.scss","../../scss/mixins/_border-radius.scss","../../scss/content/_type.scss","../../scss/mixins/_lists.scss","../../scss/content/_tables.scss","../../scss/layout/_breakpoints.scss","../../scss/content/_images.scss","../../scss/mixins/_image.scss","../../scss/mixins/_box-shadow.scss","../../scss/content/_prose.scss","../../scss/mixins/_transition.scss","../../scss/layout/_containers.scss","../../scss/layout/_grid.scss","../../scss/mixins/_grid.scss","../../scss/forms/_labels.scss","../../scss/forms/_form-text.scss","../../scss/forms/_form-control.scss","../../scss/mixins/_focus-ring.scss","../../scss/mixins/_gradients.scss","../../scss/forms/_check.scss","../../scss/forms/_radio.scss","../../scss/forms/_switch.scss","../../scss/forms/_form-range.scss","../../scss/forms/_floating-labels.scss","../../scss/forms/_input-group.scss","../../scss/forms/_strength.scss","../../scss/forms/_otp-input.scss","../../scss/forms/_form-adorn.scss","../../scss/forms/_chip-input.scss","../../scss/forms/_combobox.scss","../../scss/_tooltip.scss","../../scss/mixins/_reset-text.scss","../../scss/forms/_validation.scss","../../scss/forms/_form-variables.scss","../../scss/buttons/_button.scss","../../scss/buttons/_button-group.scss","../../scss/buttons/_close.scss","../../scss/_accordion.scss","../../scss/_alert.scss","../../scss/_avatar.scss","../../scss/_badge.scss","../../scss/_breadcrumb.scss","../../scss/_chip.scss","../../scss/_card.scss","../../scss/_carousel.scss","../../scss/mixins/_color-mode.scss","../../scss/_datepicker.scss","../../scss/_dialog.scss","../../scss/mixins/_dialog-shared.scss","../../scss/_menu.scss","../../scss/_list-group.scss","../../scss/_nav.scss","../../scss/_nav-overflow.scss","../../scss/_navbar.scss","../../scss/_drawer.scss","../../scss/_pagination.scss","../../scss/_placeholder.scss","../../scss/_popover.scss","../../scss/_progress.scss","../../scss/_spinner.scss","../../scss/_stepper.scss","../../scss/_toasts.scss","../../scss/_transitions.scss","../../scss/helpers/_focus-ring.scss","../../scss/helpers/_icon-link.scss","../../scss/helpers/_position.scss","../../scss/helpers/_stacks.scss","../../scss/helpers/_theme-colors.scss","../../scss/_theme.scss","../../scss/helpers/_visually-hidden.scss","../../scss/mixins/_visually-hidden.scss","../../scss/helpers/_stretched-link.scss","../../scss/helpers/_text-truncation.scss","../../scss/mixins/_text-truncate.scss","../../scss/helpers/_vr.scss","../../scss/utilities/_api.scss","../../scss/mixins/_utilities.scss"],"sourcesContent":["@charset \"UTF-8\";\n/*!\n  * Bootstrap  v6.0.0-dev (https://getbootstrap.com/)\n  * Copyright 2011-2026 The Bootstrap Authors\n  * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)\n  */\n:root {\n  --blue-025: color-mix(in lab, var(--white) 94%, oklch(60% 0.24 240deg));\n  --blue-050: color-mix(in lab, var(--white) 90%, oklch(60% 0.24 240deg));\n  --blue-100: color-mix(in lab, var(--white) 80%, oklch(60% 0.24 240deg));\n  --blue-200: color-mix(in lab, var(--white) 60%, oklch(60% 0.24 240deg));\n  --blue-300: color-mix(in lab, var(--white) 40%, oklch(60% 0.24 240deg));\n  --blue-400: color-mix(in lab, var(--white) 20%, oklch(60% 0.24 240deg));\n  --blue-500: oklch(60% 0.24 240deg);\n  --blue-600: color-mix(in lab, var(--black) 16%, oklch(60% 0.24 240deg));\n  --blue-700: color-mix(in lab, var(--black) 32%, oklch(60% 0.24 240deg));\n  --blue-800: color-mix(in lab, var(--black) 48%, oklch(60% 0.24 240deg));\n  --blue-900: color-mix(in lab, var(--black) 64%, oklch(60% 0.24 240deg));\n  --blue-950: color-mix(in lab, var(--black) 76%, oklch(60% 0.24 240deg));\n  --blue-975: color-mix(in lab, var(--black) 88%, oklch(60% 0.24 240deg));\n  --indigo-025: color-mix(in lab, var(--white) 94%, oklch(56% 0.26 288deg));\n  --indigo-050: color-mix(in lab, var(--white) 90%, oklch(56% 0.26 288deg));\n  --indigo-100: color-mix(in lab, var(--white) 80%, oklch(56% 0.26 288deg));\n  --indigo-200: color-mix(in lab, var(--white) 60%, oklch(56% 0.26 288deg));\n  --indigo-300: color-mix(in lab, var(--white) 40%, oklch(56% 0.26 288deg));\n  --indigo-400: color-mix(in lab, var(--white) 20%, oklch(56% 0.26 288deg));\n  --indigo-500: oklch(56% 0.26 288deg);\n  --indigo-600: color-mix(in lab, var(--black) 16%, oklch(56% 0.26 288deg));\n  --indigo-700: color-mix(in lab, var(--black) 32%, oklch(56% 0.26 288deg));\n  --indigo-800: color-mix(in lab, var(--black) 48%, oklch(56% 0.26 288deg));\n  --indigo-900: color-mix(in lab, var(--black) 64%, oklch(56% 0.26 288deg));\n  --indigo-950: color-mix(in lab, var(--black) 76%, oklch(56% 0.26 288deg));\n  --indigo-975: color-mix(in lab, var(--black) 88%, oklch(56% 0.26 288deg));\n  --violet-025: color-mix(in lab, var(--white) 94%, oklch(56% 0.24 300deg));\n  --violet-050: color-mix(in lab, var(--white) 90%, oklch(56% 0.24 300deg));\n  --violet-100: color-mix(in lab, var(--white) 80%, oklch(56% 0.24 300deg));\n  --violet-200: color-mix(in lab, var(--white) 60%, oklch(56% 0.24 300deg));\n  --violet-300: color-mix(in lab, var(--white) 40%, oklch(56% 0.24 300deg));\n  --violet-400: color-mix(in lab, var(--white) 20%, oklch(56% 0.24 300deg));\n  --violet-500: oklch(56% 0.24 300deg);\n  --violet-600: color-mix(in lab, var(--black) 16%, oklch(56% 0.24 300deg));\n  --violet-700: color-mix(in lab, var(--black) 32%, oklch(56% 0.24 300deg));\n  --violet-800: color-mix(in lab, var(--black) 48%, oklch(56% 0.24 300deg));\n  --violet-900: color-mix(in lab, var(--black) 64%, oklch(56% 0.24 300deg));\n  --violet-950: color-mix(in lab, var(--black) 76%, oklch(56% 0.24 300deg));\n  --violet-975: color-mix(in lab, var(--black) 88%, oklch(56% 0.24 300deg));\n  --purple-025: color-mix(in lab, var(--white) 94%, oklch(56% 0.24 320deg));\n  --purple-050: color-mix(in lab, var(--white) 90%, oklch(56% 0.24 320deg));\n  --purple-100: color-mix(in lab, var(--white) 80%, oklch(56% 0.24 320deg));\n  --purple-200: color-mix(in lab, var(--white) 60%, oklch(56% 0.24 320deg));\n  --purple-300: color-mix(in lab, var(--white) 40%, oklch(56% 0.24 320deg));\n  --purple-400: color-mix(in lab, var(--white) 20%, oklch(56% 0.24 320deg));\n  --purple-500: oklch(56% 0.24 320deg);\n  --purple-600: color-mix(in lab, var(--black) 16%, oklch(56% 0.24 320deg));\n  --purple-700: color-mix(in lab, var(--black) 32%, oklch(56% 0.24 320deg));\n  --purple-800: color-mix(in lab, var(--black) 48%, oklch(56% 0.24 320deg));\n  --purple-900: color-mix(in lab, var(--black) 64%, oklch(56% 0.24 320deg));\n  --purple-950: color-mix(in lab, var(--black) 76%, oklch(56% 0.24 320deg));\n  --purple-975: color-mix(in lab, var(--black) 88%, oklch(56% 0.24 320deg));\n  --pink-025: color-mix(in lab, var(--white) 94%, oklch(60% 0.22 4deg));\n  --pink-050: color-mix(in lab, var(--white) 90%, oklch(60% 0.22 4deg));\n  --pink-100: color-mix(in lab, var(--white) 80%, oklch(60% 0.22 4deg));\n  --pink-200: color-mix(in lab, var(--white) 60%, oklch(60% 0.22 4deg));\n  --pink-300: color-mix(in lab, var(--white) 40%, oklch(60% 0.22 4deg));\n  --pink-400: color-mix(in lab, var(--white) 20%, oklch(60% 0.22 4deg));\n  --pink-500: oklch(60% 0.22 4deg);\n  --pink-600: color-mix(in lab, var(--black) 16%, oklch(60% 0.22 4deg));\n  --pink-700: color-mix(in lab, var(--black) 32%, oklch(60% 0.22 4deg));\n  --pink-800: color-mix(in lab, var(--black) 48%, oklch(60% 0.22 4deg));\n  --pink-900: color-mix(in lab, var(--black) 64%, oklch(60% 0.22 4deg));\n  --pink-950: color-mix(in lab, var(--black) 76%, oklch(60% 0.22 4deg));\n  --pink-975: color-mix(in lab, var(--black) 88%, oklch(60% 0.22 4deg));\n  --red-025: color-mix(in lab, var(--white) 94%, oklch(60% 0.22 20deg));\n  --red-050: color-mix(in lab, var(--white) 90%, oklch(60% 0.22 20deg));\n  --red-100: color-mix(in lab, var(--white) 80%, oklch(60% 0.22 20deg));\n  --red-200: color-mix(in lab, var(--white) 60%, oklch(60% 0.22 20deg));\n  --red-300: color-mix(in lab, var(--white) 40%, oklch(60% 0.22 20deg));\n  --red-400: color-mix(in lab, var(--white) 20%, oklch(60% 0.22 20deg));\n  --red-500: oklch(60% 0.22 20deg);\n  --red-600: color-mix(in lab, var(--black) 16%, oklch(60% 0.22 20deg));\n  --red-700: color-mix(in lab, var(--black) 32%, oklch(60% 0.22 20deg));\n  --red-800: color-mix(in lab, var(--black) 48%, oklch(60% 0.22 20deg));\n  --red-900: color-mix(in lab, var(--black) 64%, oklch(60% 0.22 20deg));\n  --red-950: color-mix(in lab, var(--black) 76%, oklch(60% 0.22 20deg));\n  --red-975: color-mix(in lab, var(--black) 88%, oklch(60% 0.22 20deg));\n  --orange-025: color-mix(in lab, var(--white) 94%, oklch(70% 0.22 52deg));\n  --orange-050: color-mix(in lab, var(--white) 90%, oklch(70% 0.22 52deg));\n  --orange-100: color-mix(in lab, var(--white) 80%, oklch(70% 0.22 52deg));\n  --orange-200: color-mix(in lab, var(--white) 60%, oklch(70% 0.22 52deg));\n  --orange-300: color-mix(in lab, var(--white) 40%, oklch(70% 0.22 52deg));\n  --orange-400: color-mix(in lab, var(--white) 20%, oklch(70% 0.22 52deg));\n  --orange-500: oklch(70% 0.22 52deg);\n  --orange-600: color-mix(in lab, var(--black) 16%, oklch(70% 0.22 52deg));\n  --orange-700: color-mix(in lab, var(--black) 32%, oklch(70% 0.22 52deg));\n  --orange-800: color-mix(in lab, var(--black) 48%, oklch(70% 0.22 52deg));\n  --orange-900: color-mix(in lab, var(--black) 64%, oklch(70% 0.22 52deg));\n  --orange-950: color-mix(in lab, var(--black) 76%, oklch(70% 0.22 52deg));\n  --orange-975: color-mix(in lab, var(--black) 88%, oklch(70% 0.22 52deg));\n  --amber-025: color-mix(in lab, var(--white) 94%, oklch(79% 0.2 78deg));\n  --amber-050: color-mix(in lab, var(--white) 90%, oklch(79% 0.2 78deg));\n  --amber-100: color-mix(in lab, var(--white) 80%, oklch(79% 0.2 78deg));\n  --amber-200: color-mix(in lab, var(--white) 60%, oklch(79% 0.2 78deg));\n  --amber-300: color-mix(in lab, var(--white) 40%, oklch(79% 0.2 78deg));\n  --amber-400: color-mix(in lab, var(--white) 20%, oklch(79% 0.2 78deg));\n  --amber-500: oklch(79% 0.2 78deg);\n  --amber-600: color-mix(in lab, var(--black) 16%, oklch(79% 0.2 78deg));\n  --amber-700: color-mix(in lab, var(--black) 32%, oklch(79% 0.2 78deg));\n  --amber-800: color-mix(in lab, var(--black) 48%, oklch(79% 0.2 78deg));\n  --amber-900: color-mix(in lab, var(--black) 64%, oklch(79% 0.2 78deg));\n  --amber-950: color-mix(in lab, var(--black) 76%, oklch(79% 0.2 78deg));\n  --amber-975: color-mix(in lab, var(--black) 88%, oklch(79% 0.2 78deg));\n  --yellow-025: color-mix(in lab, var(--white) 94%, oklch(88% 0.24 88deg));\n  --yellow-050: color-mix(in lab, var(--white) 90%, oklch(88% 0.24 88deg));\n  --yellow-100: color-mix(in lab, var(--white) 80%, oklch(88% 0.24 88deg));\n  --yellow-200: color-mix(in lab, var(--white) 60%, oklch(88% 0.24 88deg));\n  --yellow-300: color-mix(in lab, var(--white) 40%, oklch(88% 0.24 88deg));\n  --yellow-400: color-mix(in lab, var(--white) 20%, oklch(88% 0.24 88deg));\n  --yellow-500: oklch(88% 0.24 88deg);\n  --yellow-600: color-mix(in lab, var(--black) 16%, oklch(88% 0.24 88deg));\n  --yellow-700: color-mix(in lab, var(--black) 32%, oklch(88% 0.24 88deg));\n  --yellow-800: color-mix(in lab, var(--black) 48%, oklch(88% 0.24 88deg));\n  --yellow-900: color-mix(in lab, var(--black) 64%, oklch(88% 0.24 88deg));\n  --yellow-950: color-mix(in lab, var(--black) 76%, oklch(88% 0.24 88deg));\n  --yellow-975: color-mix(in lab, var(--black) 88%, oklch(88% 0.24 88deg));\n  --lime-025: color-mix(in lab, var(--white) 94%, oklch(65% 0.24 135deg));\n  --lime-050: color-mix(in lab, var(--white) 90%, oklch(65% 0.24 135deg));\n  --lime-100: color-mix(in lab, var(--white) 80%, oklch(65% 0.24 135deg));\n  --lime-200: color-mix(in lab, var(--white) 60%, oklch(65% 0.24 135deg));\n  --lime-300: color-mix(in lab, var(--white) 40%, oklch(65% 0.24 135deg));\n  --lime-400: color-mix(in lab, var(--white) 20%, oklch(65% 0.24 135deg));\n  --lime-500: oklch(65% 0.24 135deg);\n  --lime-600: color-mix(in lab, var(--black) 16%, oklch(65% 0.24 135deg));\n  --lime-700: color-mix(in lab, var(--black) 32%, oklch(65% 0.24 135deg));\n  --lime-800: color-mix(in lab, var(--black) 48%, oklch(65% 0.24 135deg));\n  --lime-900: color-mix(in lab, var(--black) 64%, oklch(65% 0.24 135deg));\n  --lime-950: color-mix(in lab, var(--black) 76%, oklch(65% 0.24 135deg));\n  --lime-975: color-mix(in lab, var(--black) 88%, oklch(65% 0.24 135deg));\n  --green-025: color-mix(in lab, var(--white) 94%, oklch(64% 0.22 160deg));\n  --green-050: color-mix(in lab, var(--white) 90%, oklch(64% 0.22 160deg));\n  --green-100: color-mix(in lab, var(--white) 80%, oklch(64% 0.22 160deg));\n  --green-200: color-mix(in lab, var(--white) 60%, oklch(64% 0.22 160deg));\n  --green-300: color-mix(in lab, var(--white) 40%, oklch(64% 0.22 160deg));\n  --green-400: color-mix(in lab, var(--white) 20%, oklch(64% 0.22 160deg));\n  --green-500: oklch(64% 0.22 160deg);\n  --green-600: color-mix(in lab, var(--black) 16%, oklch(64% 0.22 160deg));\n  --green-700: color-mix(in lab, var(--black) 32%, oklch(64% 0.22 160deg));\n  --green-800: color-mix(in lab, var(--black) 48%, oklch(64% 0.22 160deg));\n  --green-900: color-mix(in lab, var(--black) 64%, oklch(64% 0.22 160deg));\n  --green-950: color-mix(in lab, var(--black) 76%, oklch(64% 0.22 160deg));\n  --green-975: color-mix(in lab, var(--black) 88%, oklch(64% 0.22 160deg));\n  --teal-025: color-mix(in lab, var(--white) 94%, oklch(68% 0.22 190deg));\n  --teal-050: color-mix(in lab, var(--white) 90%, oklch(68% 0.22 190deg));\n  --teal-100: color-mix(in lab, var(--white) 80%, oklch(68% 0.22 190deg));\n  --teal-200: color-mix(in lab, var(--white) 60%, oklch(68% 0.22 190deg));\n  --teal-300: color-mix(in lab, var(--white) 40%, oklch(68% 0.22 190deg));\n  --teal-400: color-mix(in lab, var(--white) 20%, oklch(68% 0.22 190deg));\n  --teal-500: oklch(68% 0.22 190deg);\n  --teal-600: color-mix(in lab, var(--black) 16%, oklch(68% 0.22 190deg));\n  --teal-700: color-mix(in lab, var(--black) 32%, oklch(68% 0.22 190deg));\n  --teal-800: color-mix(in lab, var(--black) 48%, oklch(68% 0.22 190deg));\n  --teal-900: color-mix(in lab, var(--black) 64%, oklch(68% 0.22 190deg));\n  --teal-950: color-mix(in lab, var(--black) 76%, oklch(68% 0.22 190deg));\n  --teal-975: color-mix(in lab, var(--black) 88%, oklch(68% 0.22 190deg));\n  --cyan-025: color-mix(in lab, var(--white) 94%, oklch(69% 0.22 220deg));\n  --cyan-050: color-mix(in lab, var(--white) 90%, oklch(69% 0.22 220deg));\n  --cyan-100: color-mix(in lab, var(--white) 80%, oklch(69% 0.22 220deg));\n  --cyan-200: color-mix(in lab, var(--white) 60%, oklch(69% 0.22 220deg));\n  --cyan-300: color-mix(in lab, var(--white) 40%, oklch(69% 0.22 220deg));\n  --cyan-400: color-mix(in lab, var(--white) 20%, oklch(69% 0.22 220deg));\n  --cyan-500: oklch(69% 0.22 220deg);\n  --cyan-600: color-mix(in lab, var(--black) 16%, oklch(69% 0.22 220deg));\n  --cyan-700: color-mix(in lab, var(--black) 32%, oklch(69% 0.22 220deg));\n  --cyan-800: color-mix(in lab, var(--black) 48%, oklch(69% 0.22 220deg));\n  --cyan-900: color-mix(in lab, var(--black) 64%, oklch(69% 0.22 220deg));\n  --cyan-950: color-mix(in lab, var(--black) 76%, oklch(69% 0.22 220deg));\n  --cyan-975: color-mix(in lab, var(--black) 88%, oklch(69% 0.22 220deg));\n  --brown-025: color-mix(in lab, var(--white) 94%, oklch(60% 0.12 54deg));\n  --brown-050: color-mix(in lab, var(--white) 90%, oklch(60% 0.12 54deg));\n  --brown-100: color-mix(in lab, var(--white) 80%, oklch(60% 0.12 54deg));\n  --brown-200: color-mix(in lab, var(--white) 60%, oklch(60% 0.12 54deg));\n  --brown-300: color-mix(in lab, var(--white) 40%, oklch(60% 0.12 54deg));\n  --brown-400: color-mix(in lab, var(--white) 20%, oklch(60% 0.12 54deg));\n  --brown-500: oklch(60% 0.12 54deg);\n  --brown-600: color-mix(in lab, var(--black) 16%, oklch(60% 0.12 54deg));\n  --brown-700: color-mix(in lab, var(--black) 32%, oklch(60% 0.12 54deg));\n  --brown-800: color-mix(in lab, var(--black) 48%, oklch(60% 0.12 54deg));\n  --brown-900: color-mix(in lab, var(--black) 64%, oklch(60% 0.12 54deg));\n  --brown-950: color-mix(in lab, var(--black) 76%, oklch(60% 0.12 54deg));\n  --brown-975: color-mix(in lab, var(--black) 88%, oklch(60% 0.12 54deg));\n  --gray-025: color-mix(in lab, var(--white) 94%, oklch(60% 0.02 245deg));\n  --gray-050: color-mix(in lab, var(--white) 90%, oklch(60% 0.02 245deg));\n  --gray-100: color-mix(in lab, var(--white) 80%, oklch(60% 0.02 245deg));\n  --gray-200: color-mix(in lab, var(--white) 60%, oklch(60% 0.02 245deg));\n  --gray-300: color-mix(in lab, var(--white) 40%, oklch(60% 0.02 245deg));\n  --gray-400: color-mix(in lab, var(--white) 20%, oklch(60% 0.02 245deg));\n  --gray-500: oklch(60% 0.02 245deg);\n  --gray-600: color-mix(in lab, var(--black) 16%, oklch(60% 0.02 245deg));\n  --gray-700: color-mix(in lab, var(--black) 32%, oklch(60% 0.02 245deg));\n  --gray-800: color-mix(in lab, var(--black) 48%, oklch(60% 0.02 245deg));\n  --gray-900: color-mix(in lab, var(--black) 64%, oklch(60% 0.02 245deg));\n  --gray-950: color-mix(in lab, var(--black) 76%, oklch(60% 0.02 245deg));\n  --gray-975: color-mix(in lab, var(--black) 88%, oklch(60% 0.02 245deg));\n  --pewter-025: color-mix(in lab, var(--white) 94%, oklch(65% 0.01 290deg));\n  --pewter-050: color-mix(in lab, var(--white) 90%, oklch(65% 0.01 290deg));\n  --pewter-100: color-mix(in lab, var(--white) 80%, oklch(65% 0.01 290deg));\n  --pewter-200: color-mix(in lab, var(--white) 60%, oklch(65% 0.01 290deg));\n  --pewter-300: color-mix(in lab, var(--white) 40%, oklch(65% 0.01 290deg));\n  --pewter-400: color-mix(in lab, var(--white) 20%, oklch(65% 0.01 290deg));\n  --pewter-500: oklch(65% 0.01 290deg);\n  --pewter-600: color-mix(in lab, var(--black) 16%, oklch(65% 0.01 290deg));\n  --pewter-700: color-mix(in lab, var(--black) 32%, oklch(65% 0.01 290deg));\n  --pewter-800: color-mix(in lab, var(--black) 48%, oklch(65% 0.01 290deg));\n  --pewter-900: color-mix(in lab, var(--black) 64%, oklch(65% 0.01 290deg));\n  --pewter-950: color-mix(in lab, var(--black) 76%, oklch(65% 0.01 290deg));\n  --pewter-975: color-mix(in lab, var(--black) 88%, oklch(65% 0.01 290deg));\n}\n\n@layer colors, theme, config, root, reboot, layout, content, forms, components, custom, helpers, utilities;\n:root {\n  --black: #000;\n  --white: #fff;\n  --gradient: linear-gradient(180deg, color-mix(var(--white) 15%, transparent), color-mix(var(--white) 0%, transparent));\n  --font-weight-lighter: lighter;\n  --font-weight-light: 300;\n  --font-weight-normal: 400;\n  --font-weight-medium: 500;\n  --font-weight-semibold: 600;\n  --font-weight-bold: 700;\n  --font-weight-bolder: bolder;\n  --body-font-family: system-ui;\n  --body-font-size: var(--font-size-base);\n  --body-font-weight: 400;\n  --body-line-height: 1.5;\n  --heading-color: inherit;\n  --hr-border-color: var(--border-color);\n  --link-color: light-dark(var(--primary-base), var(--primary-fg));\n  --link-decoration: underline;\n  --link-hover-color: color-mix(in oklch, var(--link-color) 90%, #000);\n  --font-mono: SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace;\n  --code-font-size: 95%;\n  --code-color: var(--fg-2);\n  --border-width: 1px;\n  --border-style: solid;\n  --border-color: light-dark(color-mix(in oklch, var(--gray-100), var(--gray-200)), var(--gray-700));\n  --border-color-translucent: color-mix(in oklch, var(--fg-body) 15%, transparent);\n  --border-radius: 0.5rem;\n  --border-radius-xs: 0.375rem;\n  --border-radius-sm: 0.5rem;\n  --border-radius-lg: 0.75rem;\n  --border-radius-xl: 1rem;\n  --border-radius-2xl: 2rem;\n  --border-radius-pill: 50rem;\n  --box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);\n  --box-shadow-sm: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);\n  --box-shadow-lg: 0 1rem 3rem rgba(0, 0, 0, 0.175);\n  --box-shadow-inset: inset 0 1px 2px rgba(0, 0, 0, 0.075);\n  --spacer: 1rem;\n  --focus-ring-width: 3px;\n  --focus-ring-offset: 1px;\n  --focus-ring-color: var(--primary-focus-ring);\n  --focus-ring: var(--focus-ring-width) solid var(--focus-ring-color);\n  --control-checked-bg: var(--primary-base);\n  --control-checked-border-color: var(--control-checked-bg);\n  --control-active-bg: var(--primary-base);\n  --control-active-border-color: var(--control-active-bg);\n  --control-disabled-bg: var(--bg-3);\n  --control-disabled-opacity: 0.65;\n  --btn-input-fg: var(--fg-body);\n  --btn-input-bg: var(--bg-body);\n  --btn-input-min-height: 2.375rem;\n  --btn-input-padding-y: 0.375rem;\n  --btn-input-padding-x: 0.75rem;\n  --btn-input-font-size: var(--font-size-base);\n  --btn-input-line-height: var(--line-height-base);\n  --btn-input-border-radius: var(--border-radius);\n  --btn-input-xs-min-height: 1.5rem;\n  --btn-input-xs-padding-y: 0.125rem;\n  --btn-input-xs-padding-x: 0.5rem;\n  --btn-input-xs-font-size: var(--font-size-xs);\n  --btn-input-xs-line-height: 1.125;\n  --btn-input-xs-border-radius: var(--border-radius-xs);\n  --btn-input-sm-min-height: 2rem;\n  --btn-input-sm-padding-y: 0.25rem;\n  --btn-input-sm-padding-x: 0.625rem;\n  --btn-input-sm-font-size: var(--font-size-sm);\n  --btn-input-sm-line-height: var(--line-height-sm);\n  --btn-input-sm-border-radius: var(--border-radius-sm);\n  --btn-input-lg-min-height: 2.75rem;\n  --btn-input-lg-padding-y: 0.5rem;\n  --btn-input-lg-padding-x: 1rem;\n  --btn-input-lg-font-size: var(--font-size-md);\n  --btn-input-lg-line-height: var(--line-height-md);\n  --btn-input-lg-border-radius: var(--border-radius-lg);\n  --form-valid-color: var(--success-fg);\n  --form-valid-border-color: var(--success-fg);\n  --form-invalid-color: var(--danger-fg);\n  --form-invalid-border-color: var(--danger-fg);\n  --font-size-xs: 0.75rem;\n  --line-height-xs: 1.25;\n  --font-size-sm: 0.875rem;\n  --line-height-sm: 1.5;\n  --font-size-md: 1rem;\n  --line-height-md: 1.5;\n  --font-size-lg: clamp(1.25rem, 1rem + 0.625vw, 1.5rem);\n  --line-height-lg: 1.5;\n  --font-size-xl: clamp(1.5rem, 1.1rem + 0.75vw, 1.75rem);\n  --line-height-xl: 1.4285714286;\n  --font-size-2xl: clamp(1.75rem, 1.3rem + 1vw, 2rem);\n  --line-height-2xl: 1.3333333333;\n  --font-size-3xl: clamp(2rem, 1.5rem + 1.875vw, 2.5rem);\n  --line-height-3xl: 1.2;\n  --font-size-4xl: clamp(2.25rem, 1.75rem + 2.5vw, 3rem);\n  --line-height-4xl: 1.1;\n  --font-size-5xl: clamp(3rem, 2rem + 5vw, 4rem);\n  --line-height-5xl: 1.1;\n  --font-size-6xl: clamp(3.75rem, 2.5rem + 6.25vw, 5rem);\n  --line-height-6xl: 1;\n  --primary-base: var(--blue-500);\n  --primary-fg: light-dark(var(--blue-600), var(--blue-400));\n  --primary-fg-emphasis: light-dark(var(--blue-800), var(--blue-200));\n  --primary-bg: var(--blue-500);\n  --primary-bg-subtle: light-dark(var(--blue-100), var(--blue-900));\n  --primary-bg-muted: light-dark(var(--blue-200), var(--blue-800));\n  --primary-border: light-dark(var(--blue-300), var(--blue-600));\n  --primary-focus-ring: light-dark(color-mix(in oklch, var(--blue-500) 50%, var(--bg-body)), color-mix(in oklch, var(--blue-500) 75%, var(--bg-body)));\n  --primary-contrast: var(--white);\n  --accent-base: var(--indigo-500);\n  --accent-fg: light-dark(var(--indigo-600), color-mix(in oklch, var(--indigo-400), var(--indigo-300)));\n  --accent-fg-emphasis: light-dark(var(--indigo-800), var(--indigo-300));\n  --accent-bg: var(--indigo-500);\n  --accent-bg-subtle: light-dark(var(--indigo-100), var(--indigo-900));\n  --accent-bg-muted: light-dark(var(--indigo-200), var(--indigo-800));\n  --accent-border: light-dark(var(--indigo-300), var(--indigo-600));\n  --accent-focus-ring: light-dark(color-mix(in oklch, var(--indigo-500) 50%, var(--bg-body)), color-mix(in oklch, var(--indigo-500) 75%, var(--bg-body)));\n  --accent-contrast: var(--white);\n  --success-base: var(--green-500);\n  --success-fg: light-dark(var(--green-600), var(--green-400));\n  --success-fg-emphasis: light-dark(var(--green-800), var(--green-300));\n  --success-bg: var(--green-500);\n  --success-bg-subtle: light-dark(var(--green-100), var(--green-900));\n  --success-bg-muted: light-dark(var(--green-200), var(--green-800));\n  --success-border: light-dark(var(--green-300), var(--green-600));\n  --success-focus-ring: light-dark(color-mix(in oklch, var(--green-500) 50%, var(--bg-body)), color-mix(in oklch, var(--green-500) 75%, var(--bg-body)));\n  --success-contrast: var(--white);\n  --danger-base: var(--red-500);\n  --danger-fg: light-dark(var(--red-600), var(--red-400));\n  --danger-fg-emphasis: light-dark(var(--red-800), var(--red-300));\n  --danger-bg: var(--red-500);\n  --danger-bg-subtle: light-dark(var(--red-100), var(--red-900));\n  --danger-bg-muted: light-dark(var(--red-200), var(--red-800));\n  --danger-border: light-dark(var(--red-300), var(--red-600));\n  --danger-focus-ring: light-dark(color-mix(in oklch, var(--red-500) 50%, var(--bg-body)), color-mix(in oklch, var(--red-500) 75%, var(--bg-body)));\n  --danger-contrast: var(--white);\n  --warning-base: var(--yellow-500);\n  --warning-fg: light-dark(var(--yellow-700), var(--yellow-400));\n  --warning-fg-emphasis: light-dark(var(--yellow-800), var(--yellow-300));\n  --warning-bg: var(--yellow-500);\n  --warning-bg-subtle: light-dark(var(--yellow-100), var(--yellow-900));\n  --warning-bg-muted: light-dark(var(--yellow-200), var(--yellow-800));\n  --warning-border: light-dark(var(--yellow-300), var(--yellow-600));\n  --warning-focus-ring: light-dark(color-mix(in oklch, var(--yellow-500) 50%, var(--bg-body)), color-mix(in oklch, var(--yellow-400) 85%, var(--bg-body)));\n  --warning-contrast: var(--gray-900);\n  --info-base: var(--cyan-500);\n  --info-fg: light-dark(var(--cyan-600), var(--cyan-400));\n  --info-fg-emphasis: light-dark(var(--cyan-800), var(--cyan-300));\n  --info-bg: var(--cyan-500);\n  --info-bg-subtle: light-dark(var(--cyan-100), var(--cyan-900));\n  --info-bg-muted: light-dark(var(--cyan-200), var(--cyan-800));\n  --info-border: light-dark(var(--cyan-300), var(--cyan-600));\n  --info-focus-ring: light-dark(color-mix(in oklch, var(--cyan-500) 50%, var(--bg-body)), color-mix(in oklch, var(--cyan-500) 75%, var(--bg-body)));\n  --info-contrast: var(--gray-900);\n  --inverse-base: var(--gray-900);\n  --inverse-fg: light-dark(var(--gray-900), var(--gray-200));\n  --inverse-fg-emphasis: light-dark(var(--gray-975), var(--white));\n  --inverse-bg: light-dark(var(--gray-900), var(--gray-025));\n  --inverse-bg-subtle: light-dark(var(--gray-100), var(--gray-900));\n  --inverse-bg-muted: light-dark(var(--gray-200), var(--gray-300));\n  --inverse-border: light-dark(var(--gray-400), var(--gray-100));\n  --inverse-focus-ring: color-mix(in oklch, light-dark(var(--gray-900), var(--gray-100)) 50%, var(--bg-body));\n  --inverse-contrast: light-dark(var(--white), var(--gray-900));\n  --secondary-base: var(--gray-200);\n  --secondary-fg: light-dark(var(--gray-600), var(--gray-400));\n  --secondary-fg-emphasis: light-dark(var(--gray-800), var(--gray-200));\n  --secondary-bg: light-dark(var(--gray-100), var(--gray-600));\n  --secondary-bg-subtle: light-dark(var(--gray-050), var(--gray-800));\n  --secondary-bg-muted: light-dark(var(--gray-100), var(--gray-700));\n  --secondary-border: light-dark(var(--gray-300), var(--gray-600));\n  --secondary-focus-ring: color-mix(in oklch, light-dark(var(--gray-500), var(--gray-300)) 50%, var(--bg-body));\n  --secondary-contrast: light-dark(var(--gray-900), var(--white));\n  --bg-body: light-dark(var(--white), var(--gray-975));\n  --bg-1: light-dark(var(--gray-025), var(--gray-950));\n  --bg-2: light-dark(var(--gray-050), var(--gray-900));\n  --bg-3: light-dark(var(--gray-100), var(--gray-800));\n  --bg-4: light-dark(var(--gray-200), var(--gray-700));\n  --bg-white: var(--white);\n  --bg-black: var(--black);\n  --bg-transparent: transparent;\n  --bg-inherit: inherit;\n  --fg-body: light-dark(var(--gray-900), var(--gray-050));\n  --fg-1: light-dark(var(--gray-800), var(--gray-200));\n  --fg-2: light-dark(var(--gray-700), var(--gray-300));\n  --fg-3: light-dark(var(--gray-600), var(--gray-500));\n  --fg-4: light-dark(var(--gray-500), var(--gray-600));\n  --fg-white: var(--white);\n  --fg-black: var(--black);\n  --fg-inherit: inherit;\n  --border-bg: var(--bg-body);\n  --border-body: light-dark(var(--gray-300), var(--gray-800));\n  --border-muted: light-dark(var(--gray-200), var(--gray-800));\n  --border-subtle: light-dark(var(--gray-100), var(--gray-900));\n  --border-emphasized: light-dark(var(--gray-400), var(--gray-600));\n  --border-white: var(--white);\n  --border-black: var(--black);\n  --breakpoint-xs: 0;\n  --breakpoint-sm: 576px;\n  --breakpoint-md: 768px;\n  --breakpoint-lg: 1024px;\n  --breakpoint-xl: 1280px;\n  --breakpoint-2xl: 1536px;\n  color-scheme: light dark;\n}\n\n[data-bs-theme=dark] {\n  color-scheme: dark;\n}\n\n[data-bs-theme=light] {\n  color-scheme: light;\n}\n\n@layer reboot {\n  *,\n  *::before,\n  *::after {\n    box-sizing: border-box;\n  }\n  :root {\n    accent-color: var(--primary-base);\n  }\n  @media (prefers-reduced-motion: no-preference) {\n    :root {\n      scroll-behavior: smooth;\n    }\n  }\n  body {\n    margin: 0;\n    font-family: var(--body-font-family);\n    font-size: var(--body-font-size);\n    font-weight: var(--body-font-weight);\n    line-height: var(--body-line-height);\n    color: var(--fg-body);\n    text-align: var(--body-text-align);\n    background-color: var(--bg-body);\n    -webkit-text-size-adjust: 100%;\n    -webkit-tap-highlight-color: transparent;\n  }\n  hr {\n    margin: var(--hr-margin-y, var(--spacer)) 0;\n    border: 0;\n    border-block-start: var(--border-width) solid var(--hr-border-color);\n  }\n  h6,\n  .h6, h5,\n  .h5, h4,\n  .h4, h3,\n  .h3, h2,\n  .h2, h1,\n  .h1 {\n    margin-top: 0;\n    margin-bottom: 0.5rem;\n    font-weight: 500;\n    line-height: 1.2;\n    color: var(--heading-color);\n  }\n  h1,\n  .h1 {\n    font-size: var(--font-size-3xl);\n  }\n  h2,\n  .h2 {\n    font-size: var(--font-size-2xl);\n  }\n  h3,\n  .h3 {\n    font-size: var(--font-size-xl);\n  }\n  h4,\n  .h4 {\n    font-size: var(--font-size-lg);\n  }\n  h5,\n  .h5 {\n    font-size: var(--font-size-md);\n  }\n  h6,\n  .h6 {\n    font-size: var(--font-size-sm);\n  }\n  p {\n    margin-top: 0;\n    margin-bottom: 1rem;\n  }\n  abbr[title] {\n    text-decoration: underline dotted;\n    cursor: help;\n    text-decoration-skip-ink: none;\n  }\n  address {\n    margin-bottom: 1rem;\n    font-style: normal;\n    line-height: inherit;\n  }\n  ol,\n  ul {\n    padding-inline-start: 2rem;\n  }\n  ol,\n  ul,\n  dl {\n    margin-top: 0;\n    margin-bottom: 1rem;\n  }\n  ol ol,\n  ul ul,\n  ol ul,\n  ul ol {\n    margin-bottom: 0;\n  }\n  dt {\n    font-weight: 700;\n  }\n  dd {\n    margin-inline-start: 0;\n    margin-bottom: 0.5rem;\n  }\n  blockquote {\n    margin: 0 0 1rem;\n  }\n  blockquote > * {\n    margin-block: 0;\n  }\n  b,\n  strong {\n    font-weight: bolder;\n  }\n  small,\n  .small {\n    font-size: var(--small-font-size, 87.5%);\n  }\n  mark,\n  .mark {\n    --mark-padding: 0.1875em;\n    --mark-color: var(--fg-body);\n    --mark-bg: light-dark(var(--yellow-100), var(--yellow-900));\n    padding: var(--mark-padding);\n    color: var(--mark-color);\n    background-color: var(--mark-bg);\n  }\n  sub,\n  sup {\n    position: relative;\n    font-size: var(--sub-sup-font-size, 0.75em);\n    line-height: 0;\n    vertical-align: baseline;\n  }\n  sub {\n    bottom: -0.25em;\n  }\n  sup {\n    top: -0.5em;\n  }\n  a {\n    color: var(--theme-fg, var(--link-color));\n    text-decoration: var(--link-decoration);\n    text-underline-offset: 0.2em;\n  }\n  a:hover {\n    color: var(--theme-fg-emphasis, var(--link-hover-color));\n    text-decoration: var(--link-hover-decoration, var(--link-decoration));\n  }\n  a:not([href], [class]), a:not([href], [class]):hover {\n    color: inherit;\n    text-decoration: none;\n  }\n  pre,\n  code,\n  kbd,\n  samp {\n    font-family: var(--font-mono);\n    font-size: 1em;\n  }\n  pre {\n    display: block;\n    margin-top: 0;\n    margin-bottom: 1rem;\n    overflow: auto;\n    font-size: var(--code-font-size);\n    color: var(--code-color, inherit);\n  }\n  pre code {\n    font-size: inherit;\n    color: inherit;\n    word-break: normal;\n  }\n  code {\n    font-size: var(--code-font-size);\n    color: var(--code-color);\n    word-wrap: break-word;\n  }\n  a > code {\n    color: inherit;\n  }\n  kbd {\n    --kbd-padding-y: 0.125rem;\n    --kbd-padding-x: 0.25rem;\n    --kbd-font-size: var(--font-size-xs);\n    --kbd-color: var(--bg-body);\n    --kbd-bg: var(--fg-2);\n    --kbd-border-radius: var(--border-radius-sm);\n    padding: var(--kbd-padding-y) var(--kbd-padding-x);\n    font-size: var(--kbd-font-size);\n    color: var(--kbd-color);\n    background-color: var(--kbd-bg);\n    border-radius: var(--kbd-border-radius);\n  }\n  kbd kbd {\n    padding: 0;\n    font-size: 1em;\n    font-weight: inherit;\n  }\n  figure {\n    margin: 0 0 1rem;\n  }\n  img,\n  svg {\n    vertical-align: middle;\n  }\n  table {\n    caption-side: bottom;\n    border-collapse: collapse;\n  }\n  caption {\n    padding-block: 0.5rem;\n    color: var(--fg-3);\n    text-align: start;\n  }\n  th {\n    text-align: inherit;\n    text-align: -webkit-match-parent;\n  }\n  thead,\n  tbody,\n  tfoot,\n  tr,\n  td,\n  th {\n    border-color: inherit;\n    border-style: solid;\n    border-width: 0;\n  }\n  label {\n    display: inline-block;\n  }\n  button {\n    border-radius: 0;\n  }\n  button:focus:not(:focus-visible) {\n    outline: 0;\n  }\n  input,\n  button,\n  select,\n  optgroup,\n  textarea {\n    margin: 0;\n    font-family: inherit;\n    font-size: inherit;\n    line-height: inherit;\n  }\n  [role=button] {\n    cursor: pointer;\n  }\n  select {\n    word-wrap: normal;\n  }\n  select:disabled {\n    opacity: 1;\n  }\n  [list]:not([type=date], [type=datetime-local], [type=month], [type=week], [type=time])::-webkit-calendar-picker-indicator {\n    display: none !important;\n  }\n  button,\n  [type=button],\n  [type=reset],\n  [type=submit] {\n    -webkit-appearance: button;\n  }\n  button:not(:disabled),\n  [type=button]:not(:disabled),\n  [type=reset]:not(:disabled),\n  [type=submit]:not(:disabled) {\n    cursor: pointer;\n  }\n  textarea {\n    resize: vertical;\n  }\n  fieldset {\n    min-width: 0;\n    padding: 0;\n    margin: 0;\n    border: 0;\n  }\n  legend {\n    float: inline-start;\n    width: 100%;\n    padding: 0;\n    margin-bottom: 0.5rem;\n    font-size: 1.5rem;\n    line-height: inherit;\n  }\n  legend + * {\n    clear: inline-start;\n  }\n  ::-webkit-datetime-edit-fields-wrapper,\n  ::-webkit-datetime-edit-text,\n  ::-webkit-datetime-edit-millisecond-field,\n  ::-webkit-datetime-edit-second-field,\n  ::-webkit-datetime-edit-minute-field,\n  ::-webkit-datetime-edit-hour-field,\n  ::-webkit-datetime-edit-ampm-field,\n  ::-webkit-datetime-edit-day-field,\n  ::-webkit-datetime-edit-week-field,\n  ::-webkit-datetime-edit-month-field,\n  ::-webkit-datetime-edit-year-field {\n    padding: 0;\n  }\n  ::-webkit-inner-spin-button,\n  ::-webkit-outer-spin-button {\n    height: auto;\n  }\n  [type=search] {\n    -webkit-appearance: textfield;\n    outline-offset: -2px;\n  }\n  [type=search]::-webkit-search-cancel-button {\n    cursor: pointer;\n    filter: grayscale(1);\n  }\n  [type=tel],\n  [type=url],\n  [type=email],\n  [type=number] {\n    direction: ltr;\n  }\n  ::-webkit-search-decoration {\n    -webkit-appearance: none;\n  }\n  ::-webkit-color-swatch-wrapper {\n    padding: 0;\n  }\n  ::file-selector-button {\n    font: inherit;\n    -webkit-appearance: button;\n  }\n  output {\n    display: inline-block;\n  }\n  iframe {\n    border: 0;\n  }\n  summary {\n    display: list-item;\n    cursor: pointer;\n  }\n  progress {\n    vertical-align: baseline;\n  }\n  [hidden] {\n    display: none !important;\n  }\n}\n@layer content {\n  .list-unstyled {\n    padding-inline-start: 0;\n    list-style: none;\n  }\n  .list-inline {\n    padding-inline-start: 0;\n    list-style: none;\n  }\n  .list-inline-item {\n    display: inline-block;\n  }\n  .list-inline-item:not(:last-child) {\n    margin-inline-end: var(--list-inline-padding, var(--spacer)/2);\n  }\n  .initialism {\n    font-size: var(--initialism-font-size, var(--font-size-xs));\n    text-transform: uppercase;\n  }\n  .blockquote {\n    --blockquote-gap: calc(var(--spacer) / 2);\n    --blockquote-padding-x: var(--spacer);\n    --blockquote-margin-y: 1rem;\n    --blockquote-font-size: var(--font-size-md);\n    --blockquote-border-width: 0.25rem;\n    --blockquote-border-color: var(--border-color);\n    --blockquote-footer-font-size: var(--font-size-sm);\n    --blockquote-footer-color: var(--fg-3);\n    display: flex;\n    flex-direction: column;\n    gap: var(--blockquote-gap);\n    padding-inline-start: var(--blockquote-padding-x);\n    margin-bottom: var(--blockquote-margin-y);\n    font-size: var(--blockquote-font-size);\n    border-inline-start: var(--blockquote-border-width) solid var(--blockquote-border-color);\n  }\n  .blockquote > * {\n    margin-bottom: 0;\n  }\n  figure.blockquote blockquote {\n    margin-bottom: 0;\n  }\n  .blockquote-footer {\n    font-size: var(--blockquote-footer-font-size);\n    color: var(--blockquote-footer-color);\n  }\n  .blockquote-footer::before {\n    content: \"— \";\n  }\n}\n@layer content {\n  .table {\n    --table-cell-padding-y: 0.5rem;\n    --table-cell-padding-x: 0.5rem;\n    --table-cell-vertical-align: top;\n    --table-color: var(--fg-body);\n    --table-bg: var(--bg-body);\n    --table-accent-bg: transparent;\n    --table-border-width: var(--border-width);\n    --table-border-color: var(--border-color);\n    --table-group-separator-color: currentcolor;\n    --table-striped-color: var(--table-color);\n    --table-striped-bg-factor: 5%;\n    --table-striped-bg: color-mix(in srgb, var(--table-color) var(--table-striped-bg-factor), transparent);\n    --table-active-color: var(--table-color);\n    --table-active-bg-factor: 10%;\n    --table-active-bg: color-mix(in srgb, var(--table-color) var(--table-active-bg-factor), transparent);\n    --table-hover-color: var(--table-color);\n    --table-hover-bg-factor: 7.5%;\n    --table-hover-bg: color-mix(in srgb, var(--table-color) var(--table-hover-bg-factor), transparent);\n    --table-color-type: initial;\n    --table-bg-type: initial;\n    --table-color-state: initial;\n    --table-bg-state: initial;\n    width: 100%;\n    margin-bottom: 1rem;\n    vertical-align: var(--table-cell-vertical-align);\n    border-color: var(--theme-border, var(--table-border-color));\n  }\n  .table > :not(caption) > * > * {\n    padding: var(--table-cell-padding-y) var(--table-cell-padding-x);\n    color: var(--table-color-state, var(--table-color-type, var(--theme-fg, var(--table-color))));\n    background-color: var(--theme-bg-subtle, var(--table-bg));\n    border-block-end-width: var(--table-border-width);\n    box-shadow: inset 0 0 0 9999px var(--table-bg-state, var(--table-bg-type, var(--theme-bg-subtle, var(--table-accent-bg))));\n  }\n  .table > tbody {\n    vertical-align: inherit;\n  }\n  .table > thead {\n    vertical-align: bottom;\n  }\n  .table-group-divider {\n    border-block-start: calc(var(--table-border-width) * 2) solid var(--table-group-separator-color);\n  }\n  .caption-top {\n    caption-side: top;\n  }\n  .table-sm > :not(caption) > * > * {\n    --table-cell-padding-y: .25rem;\n    --table-cell-padding-x: .25rem;\n  }\n  .table-bordered > :not(caption) > * {\n    border-width: var(--table-border-width) 0;\n  }\n  .table-bordered > :not(caption) > * > * {\n    border-width: 0 var(--table-border-width);\n  }\n  .table-borderless > :not(caption) > * > * {\n    border-block-end-width: 0;\n  }\n  .table-borderless > :not(:first-child) {\n    border-block-start-width: 0;\n  }\n  .table-striped > tbody > tr:nth-of-type(odd) > * {\n    --table-color-type: var(--theme-fg, var(--table-striped-color));\n    --table-bg-type: color-mix(in srgb, var(--theme-fg, var(--table-color)) var(--table-striped-bg-factor), transparent);\n  }\n  .table-striped-columns > :not(caption) > tr > :nth-child(even) {\n    --table-color-type: var(--theme-fg, var(--table-striped-color));\n    --table-bg-type: color-mix(in srgb, var(--theme-fg, var(--table-color)) var(--table-striped-bg-factor), transparent);\n  }\n  .table-active {\n    --table-color-state: var(--theme-fg, var(--table-active-color));\n    --table-bg-state: color-mix(in srgb, var(--theme-fg, var(--table-color)) var(--table-active-bg-factor), transparent);\n  }\n  .table-hover > tbody > tr:hover > * {\n    --table-color-state: var(--theme-fg, var(--table-hover-color));\n    --table-bg-state: color-mix(in srgb, var(--theme-fg, var(--table-color)) var(--table-hover-bg-factor), transparent);\n  }\n  .table-responsive {\n    container-type: inline-size;\n    overflow-x: auto;\n    -webkit-overflow-scrolling: touch;\n  }\n  .sm\\:table-responsive {\n    container-type: inline-size;\n  }\n  @media (width < 576px) {\n    .sm\\:table-responsive {\n      overflow-x: auto;\n      -webkit-overflow-scrolling: touch;\n    }\n  }\n  .md\\:table-responsive {\n    container-type: inline-size;\n  }\n  @media (width < 768px) {\n    .md\\:table-responsive {\n      overflow-x: auto;\n      -webkit-overflow-scrolling: touch;\n    }\n  }\n  .lg\\:table-responsive {\n    container-type: inline-size;\n  }\n  @media (width < 1024px) {\n    .lg\\:table-responsive {\n      overflow-x: auto;\n      -webkit-overflow-scrolling: touch;\n    }\n  }\n  .xl\\:table-responsive {\n    container-type: inline-size;\n  }\n  @media (width < 1280px) {\n    .xl\\:table-responsive {\n      overflow-x: auto;\n      -webkit-overflow-scrolling: touch;\n    }\n  }\n  .\\32 xl\\:table-responsive {\n    container-type: inline-size;\n  }\n  @media (width < 1536px) {\n    .\\32 xl\\:table-responsive {\n      overflow-x: auto;\n      -webkit-overflow-scrolling: touch;\n    }\n  }\n  .table-stacked > thead {\n    position: absolute;\n    width: 1px;\n    height: 1px;\n    padding: 0;\n    margin: -1px;\n    overflow: hidden;\n    clip: rect(0, 0, 0, 0);\n    white-space: nowrap;\n    border: 0;\n  }\n  .table-stacked > tbody > tr {\n    display: block;\n    padding-block: var(--table-cell-padding-y);\n  }\n  .table-stacked > tbody > tr + tr {\n    border-block-start: var(--table-border-width) solid var(--table-border-color);\n  }\n  .table-stacked > tbody > tr > td {\n    display: block;\n    padding: calc(var(--table-cell-padding-y) * 0.25) calc(var(--table-cell-padding-x) * 2);\n    border: 0;\n  }\n  .table-stacked > tbody > tr > td:first-child {\n    font-weight: var(--font-weight-bold);\n  }\n  .table-stacked > tbody > tr > td[data-cell]:not(:first-child)::before {\n    display: block;\n    font-weight: var(--font-weight-semibold);\n    content: attr(data-cell);\n  }\n  .table-stacked > tbody > tr > td:not(:first-child) + td::before {\n    margin-block-start: 0.25rem;\n  }\n  @container (width < 576px) {\n    .sm\\:table-stacked > thead {\n      position: absolute;\n      width: 1px;\n      height: 1px;\n      padding: 0;\n      margin: -1px;\n      overflow: hidden;\n      clip: rect(0, 0, 0, 0);\n      white-space: nowrap;\n      border: 0;\n    }\n    .sm\\:table-stacked > tbody > tr {\n      display: block;\n      padding-block: var(--table-cell-padding-y);\n    }\n    .sm\\:table-stacked > tbody > tr + tr {\n      border-block-start: var(--table-border-width) solid var(--table-border-color);\n    }\n    .sm\\:table-stacked > tbody > tr > td {\n      display: block;\n      padding: calc(var(--table-cell-padding-y) * 0.25) calc(var(--table-cell-padding-x) * 2);\n      border: 0;\n    }\n    .sm\\:table-stacked > tbody > tr > td:first-child {\n      font-weight: var(--font-weight-bold);\n    }\n    .sm\\:table-stacked > tbody > tr > td[data-cell]:not(:first-child)::before {\n      display: block;\n      font-weight: var(--font-weight-semibold);\n      content: attr(data-cell);\n    }\n    .sm\\:table-stacked > tbody > tr > td:not(:first-child) + td::before {\n      margin-block-start: 0.25rem;\n    }\n  }\n  @container (width < 768px) {\n    .md\\:table-stacked > thead {\n      position: absolute;\n      width: 1px;\n      height: 1px;\n      padding: 0;\n      margin: -1px;\n      overflow: hidden;\n      clip: rect(0, 0, 0, 0);\n      white-space: nowrap;\n      border: 0;\n    }\n    .md\\:table-stacked > tbody > tr {\n      display: block;\n      padding-block: var(--table-cell-padding-y);\n    }\n    .md\\:table-stacked > tbody > tr + tr {\n      border-block-start: var(--table-border-width) solid var(--table-border-color);\n    }\n    .md\\:table-stacked > tbody > tr > td {\n      display: block;\n      padding: calc(var(--table-cell-padding-y) * 0.25) calc(var(--table-cell-padding-x) * 2);\n      border: 0;\n    }\n    .md\\:table-stacked > tbody > tr > td:first-child {\n      font-weight: var(--font-weight-bold);\n    }\n    .md\\:table-stacked > tbody > tr > td[data-cell]:not(:first-child)::before {\n      display: block;\n      font-weight: var(--font-weight-semibold);\n      content: attr(data-cell);\n    }\n    .md\\:table-stacked > tbody > tr > td:not(:first-child) + td::before {\n      margin-block-start: 0.25rem;\n    }\n  }\n  @container (width < 1024px) {\n    .lg\\:table-stacked > thead {\n      position: absolute;\n      width: 1px;\n      height: 1px;\n      padding: 0;\n      margin: -1px;\n      overflow: hidden;\n      clip: rect(0, 0, 0, 0);\n      white-space: nowrap;\n      border: 0;\n    }\n    .lg\\:table-stacked > tbody > tr {\n      display: block;\n      padding-block: var(--table-cell-padding-y);\n    }\n    .lg\\:table-stacked > tbody > tr + tr {\n      border-block-start: var(--table-border-width) solid var(--table-border-color);\n    }\n    .lg\\:table-stacked > tbody > tr > td {\n      display: block;\n      padding: calc(var(--table-cell-padding-y) * 0.25) calc(var(--table-cell-padding-x) * 2);\n      border: 0;\n    }\n    .lg\\:table-stacked > tbody > tr > td:first-child {\n      font-weight: var(--font-weight-bold);\n    }\n    .lg\\:table-stacked > tbody > tr > td[data-cell]:not(:first-child)::before {\n      display: block;\n      font-weight: var(--font-weight-semibold);\n      content: attr(data-cell);\n    }\n    .lg\\:table-stacked > tbody > tr > td:not(:first-child) + td::before {\n      margin-block-start: 0.25rem;\n    }\n  }\n  @container (width < 1280px) {\n    .xl\\:table-stacked > thead {\n      position: absolute;\n      width: 1px;\n      height: 1px;\n      padding: 0;\n      margin: -1px;\n      overflow: hidden;\n      clip: rect(0, 0, 0, 0);\n      white-space: nowrap;\n      border: 0;\n    }\n    .xl\\:table-stacked > tbody > tr {\n      display: block;\n      padding-block: var(--table-cell-padding-y);\n    }\n    .xl\\:table-stacked > tbody > tr + tr {\n      border-block-start: var(--table-border-width) solid var(--table-border-color);\n    }\n    .xl\\:table-stacked > tbody > tr > td {\n      display: block;\n      padding: calc(var(--table-cell-padding-y) * 0.25) calc(var(--table-cell-padding-x) * 2);\n      border: 0;\n    }\n    .xl\\:table-stacked > tbody > tr > td:first-child {\n      font-weight: var(--font-weight-bold);\n    }\n    .xl\\:table-stacked > tbody > tr > td[data-cell]:not(:first-child)::before {\n      display: block;\n      font-weight: var(--font-weight-semibold);\n      content: attr(data-cell);\n    }\n    .xl\\:table-stacked > tbody > tr > td:not(:first-child) + td::before {\n      margin-block-start: 0.25rem;\n    }\n  }\n  @container (width < 1536px) {\n    .\\32 xl\\:table-stacked > thead {\n      position: absolute;\n      width: 1px;\n      height: 1px;\n      padding: 0;\n      margin: -1px;\n      overflow: hidden;\n      clip: rect(0, 0, 0, 0);\n      white-space: nowrap;\n      border: 0;\n    }\n    .\\32 xl\\:table-stacked > tbody > tr {\n      display: block;\n      padding-block: var(--table-cell-padding-y);\n    }\n    .\\32 xl\\:table-stacked > tbody > tr + tr {\n      border-block-start: var(--table-border-width) solid var(--table-border-color);\n    }\n    .\\32 xl\\:table-stacked > tbody > tr > td {\n      display: block;\n      padding: calc(var(--table-cell-padding-y) * 0.25) calc(var(--table-cell-padding-x) * 2);\n      border: 0;\n    }\n    .\\32 xl\\:table-stacked > tbody > tr > td:first-child {\n      font-weight: var(--font-weight-bold);\n    }\n    .\\32 xl\\:table-stacked > tbody > tr > td[data-cell]:not(:first-child)::before {\n      display: block;\n      font-weight: var(--font-weight-semibold);\n      content: attr(data-cell);\n    }\n    .\\32 xl\\:table-stacked > tbody > tr > td:not(:first-child) + td::before {\n      margin-block-start: 0.25rem;\n    }\n  }\n}\n@layer content {\n  .img-fluid {\n    max-width: 100%;\n    height: auto;\n  }\n  .img-thumbnail {\n    --thumbnail-padding: 0.25rem;\n    --thumbnail-bg: var(--bg-body);\n    --thumbnail-border-width: var(--border-width);\n    --thumbnail-border-color: var(--border-color);\n    --thumbnail-border-radius: var(--border-radius);\n    --thumbnail-box-shadow: var(--box-shadow-sm);\n    padding: var(--thumbnail-padding);\n    background-color: var(--thumbnail-bg);\n    border: var(--thumbnail-border-width) solid var(--thumbnail-border-color);\n    border-radius: var(--thumbnail-border-radius);\n    box-shadow: var(--thumbnail-box-shadow);\n    max-width: 100%;\n    height: auto;\n  }\n  .figure {\n    --figure-gap: calc(var(--spacer) * 0.5);\n    --figure-caption-font-size: var(--font-size-sm);\n    --figure-caption-color: var(--fg-3);\n    display: flex;\n    flex-direction: column;\n    gap: var(--figure-gap);\n  }\n  .figure-caption {\n    font-size: var(--figure-caption-font-size);\n    color: var(--figure-caption-color);\n  }\n}\n@layer content {\n  .prose {\n    --content-font-size: 1rem;\n    --content-line-height: 1.5;\n    --content-gap: calc(var(--content-font-size) * var(--content-line-height));\n    --heading-color: light-dark(var(--gray-900), var(--white));\n    position: relative;\n    display: flex;\n    flex-direction: column;\n    gap: var(--content-gap);\n    max-width: 1000px;\n    margin-inline: auto;\n    font-size: var(--content-font-size);\n    line-height: var(--content-line-height);\n  }\n  @media (width >= 1024px) {\n    .prose {\n      --content-font-size: var(--font-size-md);\n      --content-line-height: 1.625;\n    }\n  }\n  .prose :where(p, ul, ol, dl, pre, table, blockquote):not(:where(.not-prose, .not-prose *)) {\n    margin-block: 0;\n  }\n  .prose :where(ul, ol):not([class], :where(.not-prose, .not-prose *)) li:not(:last-child) {\n    margin-bottom: calc(var(--content-gap) / 4);\n  }\n  .prose :where(li ul, li ol):not(:where(.not-prose, .not-prose *)) {\n    margin-top: calc(var(--content-gap) / 4);\n  }\n  .prose :where(hr):not(:where(.not-prose, .not-prose *)) {\n    margin: calc(var(--content-gap) * 1.5) 0;\n    border: 0;\n    border-block-start: var(--border-width) solid var(--hr-border-color);\n  }\n  .prose :where(h1, h2, h3, h4, h5, h6):not([class], :where(.not-prose, .not-prose *)) {\n    margin-top: 0;\n    margin-bottom: calc(var(--content-gap) / -2);\n    font-weight: 500;\n    line-height: 1.25;\n  }\n  .prose :where(h1, h2, h3, h4, h5, h6):not([class], :where(.not-prose, .not-prose *)) code {\n    font-weight: 600;\n    color: inherit;\n  }\n  .prose :where(h1, h2):not(:first-child, :where(.not-prose, .not-prose *)) {\n    margin-top: calc(var(--content-gap) * 0.75);\n  }\n  .prose :where(h3, h4, h5, h6):not(:first-child, :where(.not-prose, .not-prose *)) {\n    margin-top: calc(var(--content-gap) * 0.5);\n  }\n  .prose :where(h1):not(:where(.not-prose, .not-prose *)) {\n    font-size: 2.25em;\n    line-height: 1.1;\n  }\n  .prose :where(h2):not(:where(.not-prose, .not-prose *)) {\n    font-size: 1.75em;\n  }\n  .prose :where(h3):not(:where(.not-prose, .not-prose *)) {\n    font-size: 1.5em;\n  }\n  .prose :where(h4):not(:where(.not-prose, .not-prose *)) {\n    font-size: 1.25em;\n  }\n  .prose :where(h5):not(:where(.not-prose, .not-prose *)) {\n    font-size: 1.125em;\n  }\n  .prose :where(h6):not(:where(.not-prose, .not-prose *)) {\n    font-size: 1em;\n  }\n  .prose :where(a:not([class])):not(:where(.not-prose, .not-prose *)) {\n    color: var(--link-color);\n    text-decoration: underline;\n    text-decoration-color: color-mix(in srgb, var(--link-color) 25%, transparent);\n    text-underline-offset: 4px;\n    transition: 0.1s text-decoration-color ease-in-out;\n  }\n  @media (prefers-reduced-motion: reduce) {\n    .prose :where(a:not([class])):not(:where(.not-prose, .not-prose *)) {\n      transition: none;\n    }\n  }\n  .prose :where(a:not([class])):not(:where(.not-prose, .not-prose *)):hover {\n    text-decoration-color: var(--link-hover-color);\n  }\n  .prose :where(img):not(:where(.not-prose, .not-prose *)) {\n    max-width: 100%;\n  }\n  .prose :where(blockquote):not(:where(.not-prose, .not-prose *)) {\n    padding-inline-start: calc(var(--content-gap) / 2);\n    margin: 0;\n    border-inline-start: 4px solid var(--border-color);\n  }\n  .prose :where(table):not(:where(.not-prose, .not-prose *)) {\n    width: 100%;\n    border-spacing: 0;\n    border-collapse: collapse;\n  }\n  .prose :where(table:not([class])):not(:where(.not-prose, .not-prose *)) td,\n  .prose :where(table:not([class])):not(:where(.not-prose, .not-prose *)) th {\n    padding: 6px 12px;\n    text-align: inherit;\n    border: 1px solid var(--border-color);\n  }\n  .prose :where(dt):not(:where(.not-prose, .not-prose *)) {\n    font-weight: 500;\n  }\n  .prose :where(video, img):not(:where(.not-prose, .not-prose *)) {\n    max-width: 100%;\n  }\n}\n@layer layout {\n  .container,\n  .container-fluid,\n  .\\32 xl\\:container,\n  .xl\\:container,\n  .lg\\:container,\n  .md\\:container,\n  .sm\\:container {\n    --gutter-x: 1.5rem;\n    --gutter-y: 0;\n    width: 100%;\n    padding-inline: calc(var(--gutter-x) * 0.5);\n    margin-inline: auto;\n  }\n  @media (width >= 576px) {\n    .sm\\:container, .container {\n      max-width: 540px;\n    }\n  }\n  @media (width >= 768px) {\n    .md\\:container, .sm\\:container, .container {\n      max-width: 720px;\n    }\n  }\n  @media (width >= 1024px) {\n    .lg\\:container, .md\\:container, .sm\\:container, .container {\n      max-width: 960px;\n    }\n  }\n  @media (width >= 1280px) {\n    .xl\\:container, .lg\\:container, .md\\:container, .sm\\:container, .container {\n      max-width: 1200px;\n    }\n  }\n  @media (width >= 1536px) {\n    .\\32 xl\\:container, .xl\\:container, .lg\\:container, .md\\:container, .sm\\:container, .container {\n      max-width: 1440px;\n    }\n  }\n}\n@layer layout {\n  .row {\n    --gutter-x: 1.5rem;\n    --gutter-y: 0;\n    display: flex;\n    flex-wrap: wrap;\n    margin-inline: calc(-0.5 * var(--gutter-x));\n    margin-top: calc(-1 * var(--gutter-y));\n  }\n  .row > * {\n    flex-shrink: 0;\n    width: 100%;\n    max-width: 100%;\n    padding-inline: calc(var(--gutter-x) * 0.5);\n    margin-top: var(--gutter-y);\n  }\n  .col {\n    flex: 1 0 0;\n  }\n  .row-cols-auto > * {\n    flex: 0 0 auto;\n    width: auto;\n  }\n  .row-cols-1 > * {\n    flex: 0 0 auto;\n    width: 100%;\n  }\n  .row-cols-2 > * {\n    flex: 0 0 auto;\n    width: 50%;\n  }\n  .row-cols-3 > * {\n    flex: 0 0 auto;\n    width: 33.3333333333%;\n  }\n  .row-cols-4 > * {\n    flex: 0 0 auto;\n    width: 25%;\n  }\n  .row-cols-5 > * {\n    flex: 0 0 auto;\n    width: 20%;\n  }\n  .row-cols-6 > * {\n    flex: 0 0 auto;\n    width: 16.6666666667%;\n  }\n  .col-auto {\n    flex: 0 0 auto;\n    width: auto;\n  }\n  .col-1 {\n    flex: 0 0 auto;\n    width: 8.3333333333%;\n  }\n  .col-2 {\n    flex: 0 0 auto;\n    width: 16.6666666667%;\n  }\n  .col-3 {\n    flex: 0 0 auto;\n    width: 25%;\n  }\n  .col-4 {\n    flex: 0 0 auto;\n    width: 33.3333333333%;\n  }\n  .col-5 {\n    flex: 0 0 auto;\n    width: 41.6666666667%;\n  }\n  .col-6 {\n    flex: 0 0 auto;\n    width: 50%;\n  }\n  .col-7 {\n    flex: 0 0 auto;\n    width: 58.3333333333%;\n  }\n  .col-8 {\n    flex: 0 0 auto;\n    width: 66.6666666667%;\n  }\n  .col-9 {\n    flex: 0 0 auto;\n    width: 75%;\n  }\n  .col-10 {\n    flex: 0 0 auto;\n    width: 83.3333333333%;\n  }\n  .col-11 {\n    flex: 0 0 auto;\n    width: 91.6666666667%;\n  }\n  .col-12 {\n    flex: 0 0 auto;\n    width: 100%;\n  }\n  .offset-1 {\n    margin-inline-start: 8.3333333333%;\n  }\n  .offset-2 {\n    margin-inline-start: 16.6666666667%;\n  }\n  .offset-3 {\n    margin-inline-start: 25%;\n  }\n  .offset-4 {\n    margin-inline-start: 33.3333333333%;\n  }\n  .offset-5 {\n    margin-inline-start: 41.6666666667%;\n  }\n  .offset-6 {\n    margin-inline-start: 50%;\n  }\n  .offset-7 {\n    margin-inline-start: 58.3333333333%;\n  }\n  .offset-8 {\n    margin-inline-start: 66.6666666667%;\n  }\n  .offset-9 {\n    margin-inline-start: 75%;\n  }\n  .offset-10 {\n    margin-inline-start: 83.3333333333%;\n  }\n  .offset-11 {\n    margin-inline-start: 91.6666666667%;\n  }\n  .g-0,\n  .gx-0 {\n    --gutter-x: 0;\n  }\n  .g-0,\n  .gy-0 {\n    --gutter-y: 0;\n  }\n  .g-1,\n  .gx-1 {\n    --gutter-x: 0.25rem;\n  }\n  .g-1,\n  .gy-1 {\n    --gutter-y: 0.25rem;\n  }\n  .g-2,\n  .gx-2 {\n    --gutter-x: 0.5rem;\n  }\n  .g-2,\n  .gy-2 {\n    --gutter-y: 0.5rem;\n  }\n  .g-3,\n  .gx-3 {\n    --gutter-x: 0.75rem;\n  }\n  .g-3,\n  .gy-3 {\n    --gutter-y: 0.75rem;\n  }\n  .g-4,\n  .gx-4 {\n    --gutter-x: 1rem;\n  }\n  .g-4,\n  .gy-4 {\n    --gutter-y: 1rem;\n  }\n  .g-5,\n  .gx-5 {\n    --gutter-x: 1.25rem;\n  }\n  .g-5,\n  .gy-5 {\n    --gutter-y: 1.25rem;\n  }\n  .g-6,\n  .gx-6 {\n    --gutter-x: 1.5rem;\n  }\n  .g-6,\n  .gy-6 {\n    --gutter-y: 1.5rem;\n  }\n  .g-7,\n  .gx-7 {\n    --gutter-x: 2rem;\n  }\n  .g-7,\n  .gy-7 {\n    --gutter-y: 2rem;\n  }\n  .g-8,\n  .gx-8 {\n    --gutter-x: 2.5rem;\n  }\n  .g-8,\n  .gy-8 {\n    --gutter-y: 2.5rem;\n  }\n  .g-9,\n  .gx-9 {\n    --gutter-x: 3rem;\n  }\n  .g-9,\n  .gy-9 {\n    --gutter-y: 3rem;\n  }\n  @media (width >= 576px) {\n    .sm\\:col {\n      flex: 1 0 0;\n    }\n    .sm\\:row-cols-auto > * {\n      flex: 0 0 auto;\n      width: auto;\n    }\n    .sm\\:row-cols-1 > * {\n      flex: 0 0 auto;\n      width: 100%;\n    }\n    .sm\\:row-cols-2 > * {\n      flex: 0 0 auto;\n      width: 50%;\n    }\n    .sm\\:row-cols-3 > * {\n      flex: 0 0 auto;\n      width: 33.3333333333%;\n    }\n    .sm\\:row-cols-4 > * {\n      flex: 0 0 auto;\n      width: 25%;\n    }\n    .sm\\:row-cols-5 > * {\n      flex: 0 0 auto;\n      width: 20%;\n    }\n    .sm\\:row-cols-6 > * {\n      flex: 0 0 auto;\n      width: 16.6666666667%;\n    }\n    .sm\\:col-auto {\n      flex: 0 0 auto;\n      width: auto;\n    }\n    .sm\\:col-1 {\n      flex: 0 0 auto;\n      width: 8.3333333333%;\n    }\n    .sm\\:col-2 {\n      flex: 0 0 auto;\n      width: 16.6666666667%;\n    }\n    .sm\\:col-3 {\n      flex: 0 0 auto;\n      width: 25%;\n    }\n    .sm\\:col-4 {\n      flex: 0 0 auto;\n      width: 33.3333333333%;\n    }\n    .sm\\:col-5 {\n      flex: 0 0 auto;\n      width: 41.6666666667%;\n    }\n    .sm\\:col-6 {\n      flex: 0 0 auto;\n      width: 50%;\n    }\n    .sm\\:col-7 {\n      flex: 0 0 auto;\n      width: 58.3333333333%;\n    }\n    .sm\\:col-8 {\n      flex: 0 0 auto;\n      width: 66.6666666667%;\n    }\n    .sm\\:col-9 {\n      flex: 0 0 auto;\n      width: 75%;\n    }\n    .sm\\:col-10 {\n      flex: 0 0 auto;\n      width: 83.3333333333%;\n    }\n    .sm\\:col-11 {\n      flex: 0 0 auto;\n      width: 91.6666666667%;\n    }\n    .sm\\:col-12 {\n      flex: 0 0 auto;\n      width: 100%;\n    }\n    .sm\\:offset-0 {\n      margin-inline-start: 0;\n    }\n    .sm\\:offset-1 {\n      margin-inline-start: 8.3333333333%;\n    }\n    .sm\\:offset-2 {\n      margin-inline-start: 16.6666666667%;\n    }\n    .sm\\:offset-3 {\n      margin-inline-start: 25%;\n    }\n    .sm\\:offset-4 {\n      margin-inline-start: 33.3333333333%;\n    }\n    .sm\\:offset-5 {\n      margin-inline-start: 41.6666666667%;\n    }\n    .sm\\:offset-6 {\n      margin-inline-start: 50%;\n    }\n    .sm\\:offset-7 {\n      margin-inline-start: 58.3333333333%;\n    }\n    .sm\\:offset-8 {\n      margin-inline-start: 66.6666666667%;\n    }\n    .sm\\:offset-9 {\n      margin-inline-start: 75%;\n    }\n    .sm\\:offset-10 {\n      margin-inline-start: 83.3333333333%;\n    }\n    .sm\\:offset-11 {\n      margin-inline-start: 91.6666666667%;\n    }\n    .sm\\:g-0,\n    .sm\\:gx-0 {\n      --gutter-x: 0;\n    }\n    .sm\\:g-0,\n    .sm\\:gy-0 {\n      --gutter-y: 0;\n    }\n    .sm\\:g-1,\n    .sm\\:gx-1 {\n      --gutter-x: 0.25rem;\n    }\n    .sm\\:g-1,\n    .sm\\:gy-1 {\n      --gutter-y: 0.25rem;\n    }\n    .sm\\:g-2,\n    .sm\\:gx-2 {\n      --gutter-x: 0.5rem;\n    }\n    .sm\\:g-2,\n    .sm\\:gy-2 {\n      --gutter-y: 0.5rem;\n    }\n    .sm\\:g-3,\n    .sm\\:gx-3 {\n      --gutter-x: 0.75rem;\n    }\n    .sm\\:g-3,\n    .sm\\:gy-3 {\n      --gutter-y: 0.75rem;\n    }\n    .sm\\:g-4,\n    .sm\\:gx-4 {\n      --gutter-x: 1rem;\n    }\n    .sm\\:g-4,\n    .sm\\:gy-4 {\n      --gutter-y: 1rem;\n    }\n    .sm\\:g-5,\n    .sm\\:gx-5 {\n      --gutter-x: 1.25rem;\n    }\n    .sm\\:g-5,\n    .sm\\:gy-5 {\n      --gutter-y: 1.25rem;\n    }\n    .sm\\:g-6,\n    .sm\\:gx-6 {\n      --gutter-x: 1.5rem;\n    }\n    .sm\\:g-6,\n    .sm\\:gy-6 {\n      --gutter-y: 1.5rem;\n    }\n    .sm\\:g-7,\n    .sm\\:gx-7 {\n      --gutter-x: 2rem;\n    }\n    .sm\\:g-7,\n    .sm\\:gy-7 {\n      --gutter-y: 2rem;\n    }\n    .sm\\:g-8,\n    .sm\\:gx-8 {\n      --gutter-x: 2.5rem;\n    }\n    .sm\\:g-8,\n    .sm\\:gy-8 {\n      --gutter-y: 2.5rem;\n    }\n    .sm\\:g-9,\n    .sm\\:gx-9 {\n      --gutter-x: 3rem;\n    }\n    .sm\\:g-9,\n    .sm\\:gy-9 {\n      --gutter-y: 3rem;\n    }\n  }\n  @media (width >= 768px) {\n    .md\\:col {\n      flex: 1 0 0;\n    }\n    .md\\:row-cols-auto > * {\n      flex: 0 0 auto;\n      width: auto;\n    }\n    .md\\:row-cols-1 > * {\n      flex: 0 0 auto;\n      width: 100%;\n    }\n    .md\\:row-cols-2 > * {\n      flex: 0 0 auto;\n      width: 50%;\n    }\n    .md\\:row-cols-3 > * {\n      flex: 0 0 auto;\n      width: 33.3333333333%;\n    }\n    .md\\:row-cols-4 > * {\n      flex: 0 0 auto;\n      width: 25%;\n    }\n    .md\\:row-cols-5 > * {\n      flex: 0 0 auto;\n      width: 20%;\n    }\n    .md\\:row-cols-6 > * {\n      flex: 0 0 auto;\n      width: 16.6666666667%;\n    }\n    .md\\:col-auto {\n      flex: 0 0 auto;\n      width: auto;\n    }\n    .md\\:col-1 {\n      flex: 0 0 auto;\n      width: 8.3333333333%;\n    }\n    .md\\:col-2 {\n      flex: 0 0 auto;\n      width: 16.6666666667%;\n    }\n    .md\\:col-3 {\n      flex: 0 0 auto;\n      width: 25%;\n    }\n    .md\\:col-4 {\n      flex: 0 0 auto;\n      width: 33.3333333333%;\n    }\n    .md\\:col-5 {\n      flex: 0 0 auto;\n      width: 41.6666666667%;\n    }\n    .md\\:col-6 {\n      flex: 0 0 auto;\n      width: 50%;\n    }\n    .md\\:col-7 {\n      flex: 0 0 auto;\n      width: 58.3333333333%;\n    }\n    .md\\:col-8 {\n      flex: 0 0 auto;\n      width: 66.6666666667%;\n    }\n    .md\\:col-9 {\n      flex: 0 0 auto;\n      width: 75%;\n    }\n    .md\\:col-10 {\n      flex: 0 0 auto;\n      width: 83.3333333333%;\n    }\n    .md\\:col-11 {\n      flex: 0 0 auto;\n      width: 91.6666666667%;\n    }\n    .md\\:col-12 {\n      flex: 0 0 auto;\n      width: 100%;\n    }\n    .md\\:offset-0 {\n      margin-inline-start: 0;\n    }\n    .md\\:offset-1 {\n      margin-inline-start: 8.3333333333%;\n    }\n    .md\\:offset-2 {\n      margin-inline-start: 16.6666666667%;\n    }\n    .md\\:offset-3 {\n      margin-inline-start: 25%;\n    }\n    .md\\:offset-4 {\n      margin-inline-start: 33.3333333333%;\n    }\n    .md\\:offset-5 {\n      margin-inline-start: 41.6666666667%;\n    }\n    .md\\:offset-6 {\n      margin-inline-start: 50%;\n    }\n    .md\\:offset-7 {\n      margin-inline-start: 58.3333333333%;\n    }\n    .md\\:offset-8 {\n      margin-inline-start: 66.6666666667%;\n    }\n    .md\\:offset-9 {\n      margin-inline-start: 75%;\n    }\n    .md\\:offset-10 {\n      margin-inline-start: 83.3333333333%;\n    }\n    .md\\:offset-11 {\n      margin-inline-start: 91.6666666667%;\n    }\n    .md\\:g-0,\n    .md\\:gx-0 {\n      --gutter-x: 0;\n    }\n    .md\\:g-0,\n    .md\\:gy-0 {\n      --gutter-y: 0;\n    }\n    .md\\:g-1,\n    .md\\:gx-1 {\n      --gutter-x: 0.25rem;\n    }\n    .md\\:g-1,\n    .md\\:gy-1 {\n      --gutter-y: 0.25rem;\n    }\n    .md\\:g-2,\n    .md\\:gx-2 {\n      --gutter-x: 0.5rem;\n    }\n    .md\\:g-2,\n    .md\\:gy-2 {\n      --gutter-y: 0.5rem;\n    }\n    .md\\:g-3,\n    .md\\:gx-3 {\n      --gutter-x: 0.75rem;\n    }\n    .md\\:g-3,\n    .md\\:gy-3 {\n      --gutter-y: 0.75rem;\n    }\n    .md\\:g-4,\n    .md\\:gx-4 {\n      --gutter-x: 1rem;\n    }\n    .md\\:g-4,\n    .md\\:gy-4 {\n      --gutter-y: 1rem;\n    }\n    .md\\:g-5,\n    .md\\:gx-5 {\n      --gutter-x: 1.25rem;\n    }\n    .md\\:g-5,\n    .md\\:gy-5 {\n      --gutter-y: 1.25rem;\n    }\n    .md\\:g-6,\n    .md\\:gx-6 {\n      --gutter-x: 1.5rem;\n    }\n    .md\\:g-6,\n    .md\\:gy-6 {\n      --gutter-y: 1.5rem;\n    }\n    .md\\:g-7,\n    .md\\:gx-7 {\n      --gutter-x: 2rem;\n    }\n    .md\\:g-7,\n    .md\\:gy-7 {\n      --gutter-y: 2rem;\n    }\n    .md\\:g-8,\n    .md\\:gx-8 {\n      --gutter-x: 2.5rem;\n    }\n    .md\\:g-8,\n    .md\\:gy-8 {\n      --gutter-y: 2.5rem;\n    }\n    .md\\:g-9,\n    .md\\:gx-9 {\n      --gutter-x: 3rem;\n    }\n    .md\\:g-9,\n    .md\\:gy-9 {\n      --gutter-y: 3rem;\n    }\n  }\n  @media (width >= 1024px) {\n    .lg\\:col {\n      flex: 1 0 0;\n    }\n    .lg\\:row-cols-auto > * {\n      flex: 0 0 auto;\n      width: auto;\n    }\n    .lg\\:row-cols-1 > * {\n      flex: 0 0 auto;\n      width: 100%;\n    }\n    .lg\\:row-cols-2 > * {\n      flex: 0 0 auto;\n      width: 50%;\n    }\n    .lg\\:row-cols-3 > * {\n      flex: 0 0 auto;\n      width: 33.3333333333%;\n    }\n    .lg\\:row-cols-4 > * {\n      flex: 0 0 auto;\n      width: 25%;\n    }\n    .lg\\:row-cols-5 > * {\n      flex: 0 0 auto;\n      width: 20%;\n    }\n    .lg\\:row-cols-6 > * {\n      flex: 0 0 auto;\n      width: 16.6666666667%;\n    }\n    .lg\\:col-auto {\n      flex: 0 0 auto;\n      width: auto;\n    }\n    .lg\\:col-1 {\n      flex: 0 0 auto;\n      width: 8.3333333333%;\n    }\n    .lg\\:col-2 {\n      flex: 0 0 auto;\n      width: 16.6666666667%;\n    }\n    .lg\\:col-3 {\n      flex: 0 0 auto;\n      width: 25%;\n    }\n    .lg\\:col-4 {\n      flex: 0 0 auto;\n      width: 33.3333333333%;\n    }\n    .lg\\:col-5 {\n      flex: 0 0 auto;\n      width: 41.6666666667%;\n    }\n    .lg\\:col-6 {\n      flex: 0 0 auto;\n      width: 50%;\n    }\n    .lg\\:col-7 {\n      flex: 0 0 auto;\n      width: 58.3333333333%;\n    }\n    .lg\\:col-8 {\n      flex: 0 0 auto;\n      width: 66.6666666667%;\n    }\n    .lg\\:col-9 {\n      flex: 0 0 auto;\n      width: 75%;\n    }\n    .lg\\:col-10 {\n      flex: 0 0 auto;\n      width: 83.3333333333%;\n    }\n    .lg\\:col-11 {\n      flex: 0 0 auto;\n      width: 91.6666666667%;\n    }\n    .lg\\:col-12 {\n      flex: 0 0 auto;\n      width: 100%;\n    }\n    .lg\\:offset-0 {\n      margin-inline-start: 0;\n    }\n    .lg\\:offset-1 {\n      margin-inline-start: 8.3333333333%;\n    }\n    .lg\\:offset-2 {\n      margin-inline-start: 16.6666666667%;\n    }\n    .lg\\:offset-3 {\n      margin-inline-start: 25%;\n    }\n    .lg\\:offset-4 {\n      margin-inline-start: 33.3333333333%;\n    }\n    .lg\\:offset-5 {\n      margin-inline-start: 41.6666666667%;\n    }\n    .lg\\:offset-6 {\n      margin-inline-start: 50%;\n    }\n    .lg\\:offset-7 {\n      margin-inline-start: 58.3333333333%;\n    }\n    .lg\\:offset-8 {\n      margin-inline-start: 66.6666666667%;\n    }\n    .lg\\:offset-9 {\n      margin-inline-start: 75%;\n    }\n    .lg\\:offset-10 {\n      margin-inline-start: 83.3333333333%;\n    }\n    .lg\\:offset-11 {\n      margin-inline-start: 91.6666666667%;\n    }\n    .lg\\:g-0,\n    .lg\\:gx-0 {\n      --gutter-x: 0;\n    }\n    .lg\\:g-0,\n    .lg\\:gy-0 {\n      --gutter-y: 0;\n    }\n    .lg\\:g-1,\n    .lg\\:gx-1 {\n      --gutter-x: 0.25rem;\n    }\n    .lg\\:g-1,\n    .lg\\:gy-1 {\n      --gutter-y: 0.25rem;\n    }\n    .lg\\:g-2,\n    .lg\\:gx-2 {\n      --gutter-x: 0.5rem;\n    }\n    .lg\\:g-2,\n    .lg\\:gy-2 {\n      --gutter-y: 0.5rem;\n    }\n    .lg\\:g-3,\n    .lg\\:gx-3 {\n      --gutter-x: 0.75rem;\n    }\n    .lg\\:g-3,\n    .lg\\:gy-3 {\n      --gutter-y: 0.75rem;\n    }\n    .lg\\:g-4,\n    .lg\\:gx-4 {\n      --gutter-x: 1rem;\n    }\n    .lg\\:g-4,\n    .lg\\:gy-4 {\n      --gutter-y: 1rem;\n    }\n    .lg\\:g-5,\n    .lg\\:gx-5 {\n      --gutter-x: 1.25rem;\n    }\n    .lg\\:g-5,\n    .lg\\:gy-5 {\n      --gutter-y: 1.25rem;\n    }\n    .lg\\:g-6,\n    .lg\\:gx-6 {\n      --gutter-x: 1.5rem;\n    }\n    .lg\\:g-6,\n    .lg\\:gy-6 {\n      --gutter-y: 1.5rem;\n    }\n    .lg\\:g-7,\n    .lg\\:gx-7 {\n      --gutter-x: 2rem;\n    }\n    .lg\\:g-7,\n    .lg\\:gy-7 {\n      --gutter-y: 2rem;\n    }\n    .lg\\:g-8,\n    .lg\\:gx-8 {\n      --gutter-x: 2.5rem;\n    }\n    .lg\\:g-8,\n    .lg\\:gy-8 {\n      --gutter-y: 2.5rem;\n    }\n    .lg\\:g-9,\n    .lg\\:gx-9 {\n      --gutter-x: 3rem;\n    }\n    .lg\\:g-9,\n    .lg\\:gy-9 {\n      --gutter-y: 3rem;\n    }\n  }\n  @media (width >= 1280px) {\n    .xl\\:col {\n      flex: 1 0 0;\n    }\n    .xl\\:row-cols-auto > * {\n      flex: 0 0 auto;\n      width: auto;\n    }\n    .xl\\:row-cols-1 > * {\n      flex: 0 0 auto;\n      width: 100%;\n    }\n    .xl\\:row-cols-2 > * {\n      flex: 0 0 auto;\n      width: 50%;\n    }\n    .xl\\:row-cols-3 > * {\n      flex: 0 0 auto;\n      width: 33.3333333333%;\n    }\n    .xl\\:row-cols-4 > * {\n      flex: 0 0 auto;\n      width: 25%;\n    }\n    .xl\\:row-cols-5 > * {\n      flex: 0 0 auto;\n      width: 20%;\n    }\n    .xl\\:row-cols-6 > * {\n      flex: 0 0 auto;\n      width: 16.6666666667%;\n    }\n    .xl\\:col-auto {\n      flex: 0 0 auto;\n      width: auto;\n    }\n    .xl\\:col-1 {\n      flex: 0 0 auto;\n      width: 8.3333333333%;\n    }\n    .xl\\:col-2 {\n      flex: 0 0 auto;\n      width: 16.6666666667%;\n    }\n    .xl\\:col-3 {\n      flex: 0 0 auto;\n      width: 25%;\n    }\n    .xl\\:col-4 {\n      flex: 0 0 auto;\n      width: 33.3333333333%;\n    }\n    .xl\\:col-5 {\n      flex: 0 0 auto;\n      width: 41.6666666667%;\n    }\n    .xl\\:col-6 {\n      flex: 0 0 auto;\n      width: 50%;\n    }\n    .xl\\:col-7 {\n      flex: 0 0 auto;\n      width: 58.3333333333%;\n    }\n    .xl\\:col-8 {\n      flex: 0 0 auto;\n      width: 66.6666666667%;\n    }\n    .xl\\:col-9 {\n      flex: 0 0 auto;\n      width: 75%;\n    }\n    .xl\\:col-10 {\n      flex: 0 0 auto;\n      width: 83.3333333333%;\n    }\n    .xl\\:col-11 {\n      flex: 0 0 auto;\n      width: 91.6666666667%;\n    }\n    .xl\\:col-12 {\n      flex: 0 0 auto;\n      width: 100%;\n    }\n    .xl\\:offset-0 {\n      margin-inline-start: 0;\n    }\n    .xl\\:offset-1 {\n      margin-inline-start: 8.3333333333%;\n    }\n    .xl\\:offset-2 {\n      margin-inline-start: 16.6666666667%;\n    }\n    .xl\\:offset-3 {\n      margin-inline-start: 25%;\n    }\n    .xl\\:offset-4 {\n      margin-inline-start: 33.3333333333%;\n    }\n    .xl\\:offset-5 {\n      margin-inline-start: 41.6666666667%;\n    }\n    .xl\\:offset-6 {\n      margin-inline-start: 50%;\n    }\n    .xl\\:offset-7 {\n      margin-inline-start: 58.3333333333%;\n    }\n    .xl\\:offset-8 {\n      margin-inline-start: 66.6666666667%;\n    }\n    .xl\\:offset-9 {\n      margin-inline-start: 75%;\n    }\n    .xl\\:offset-10 {\n      margin-inline-start: 83.3333333333%;\n    }\n    .xl\\:offset-11 {\n      margin-inline-start: 91.6666666667%;\n    }\n    .xl\\:g-0,\n    .xl\\:gx-0 {\n      --gutter-x: 0;\n    }\n    .xl\\:g-0,\n    .xl\\:gy-0 {\n      --gutter-y: 0;\n    }\n    .xl\\:g-1,\n    .xl\\:gx-1 {\n      --gutter-x: 0.25rem;\n    }\n    .xl\\:g-1,\n    .xl\\:gy-1 {\n      --gutter-y: 0.25rem;\n    }\n    .xl\\:g-2,\n    .xl\\:gx-2 {\n      --gutter-x: 0.5rem;\n    }\n    .xl\\:g-2,\n    .xl\\:gy-2 {\n      --gutter-y: 0.5rem;\n    }\n    .xl\\:g-3,\n    .xl\\:gx-3 {\n      --gutter-x: 0.75rem;\n    }\n    .xl\\:g-3,\n    .xl\\:gy-3 {\n      --gutter-y: 0.75rem;\n    }\n    .xl\\:g-4,\n    .xl\\:gx-4 {\n      --gutter-x: 1rem;\n    }\n    .xl\\:g-4,\n    .xl\\:gy-4 {\n      --gutter-y: 1rem;\n    }\n    .xl\\:g-5,\n    .xl\\:gx-5 {\n      --gutter-x: 1.25rem;\n    }\n    .xl\\:g-5,\n    .xl\\:gy-5 {\n      --gutter-y: 1.25rem;\n    }\n    .xl\\:g-6,\n    .xl\\:gx-6 {\n      --gutter-x: 1.5rem;\n    }\n    .xl\\:g-6,\n    .xl\\:gy-6 {\n      --gutter-y: 1.5rem;\n    }\n    .xl\\:g-7,\n    .xl\\:gx-7 {\n      --gutter-x: 2rem;\n    }\n    .xl\\:g-7,\n    .xl\\:gy-7 {\n      --gutter-y: 2rem;\n    }\n    .xl\\:g-8,\n    .xl\\:gx-8 {\n      --gutter-x: 2.5rem;\n    }\n    .xl\\:g-8,\n    .xl\\:gy-8 {\n      --gutter-y: 2.5rem;\n    }\n    .xl\\:g-9,\n    .xl\\:gx-9 {\n      --gutter-x: 3rem;\n    }\n    .xl\\:g-9,\n    .xl\\:gy-9 {\n      --gutter-y: 3rem;\n    }\n  }\n  @media (width >= 1536px) {\n    .\\32 xl\\:col {\n      flex: 1 0 0;\n    }\n    .\\32 xl\\:row-cols-auto > * {\n      flex: 0 0 auto;\n      width: auto;\n    }\n    .\\32 xl\\:row-cols-1 > * {\n      flex: 0 0 auto;\n      width: 100%;\n    }\n    .\\32 xl\\:row-cols-2 > * {\n      flex: 0 0 auto;\n      width: 50%;\n    }\n    .\\32 xl\\:row-cols-3 > * {\n      flex: 0 0 auto;\n      width: 33.3333333333%;\n    }\n    .\\32 xl\\:row-cols-4 > * {\n      flex: 0 0 auto;\n      width: 25%;\n    }\n    .\\32 xl\\:row-cols-5 > * {\n      flex: 0 0 auto;\n      width: 20%;\n    }\n    .\\32 xl\\:row-cols-6 > * {\n      flex: 0 0 auto;\n      width: 16.6666666667%;\n    }\n    .\\32 xl\\:col-auto {\n      flex: 0 0 auto;\n      width: auto;\n    }\n    .\\32 xl\\:col-1 {\n      flex: 0 0 auto;\n      width: 8.3333333333%;\n    }\n    .\\32 xl\\:col-2 {\n      flex: 0 0 auto;\n      width: 16.6666666667%;\n    }\n    .\\32 xl\\:col-3 {\n      flex: 0 0 auto;\n      width: 25%;\n    }\n    .\\32 xl\\:col-4 {\n      flex: 0 0 auto;\n      width: 33.3333333333%;\n    }\n    .\\32 xl\\:col-5 {\n      flex: 0 0 auto;\n      width: 41.6666666667%;\n    }\n    .\\32 xl\\:col-6 {\n      flex: 0 0 auto;\n      width: 50%;\n    }\n    .\\32 xl\\:col-7 {\n      flex: 0 0 auto;\n      width: 58.3333333333%;\n    }\n    .\\32 xl\\:col-8 {\n      flex: 0 0 auto;\n      width: 66.6666666667%;\n    }\n    .\\32 xl\\:col-9 {\n      flex: 0 0 auto;\n      width: 75%;\n    }\n    .\\32 xl\\:col-10 {\n      flex: 0 0 auto;\n      width: 83.3333333333%;\n    }\n    .\\32 xl\\:col-11 {\n      flex: 0 0 auto;\n      width: 91.6666666667%;\n    }\n    .\\32 xl\\:col-12 {\n      flex: 0 0 auto;\n      width: 100%;\n    }\n    .\\32 xl\\:offset-0 {\n      margin-inline-start: 0;\n    }\n    .\\32 xl\\:offset-1 {\n      margin-inline-start: 8.3333333333%;\n    }\n    .\\32 xl\\:offset-2 {\n      margin-inline-start: 16.6666666667%;\n    }\n    .\\32 xl\\:offset-3 {\n      margin-inline-start: 25%;\n    }\n    .\\32 xl\\:offset-4 {\n      margin-inline-start: 33.3333333333%;\n    }\n    .\\32 xl\\:offset-5 {\n      margin-inline-start: 41.6666666667%;\n    }\n    .\\32 xl\\:offset-6 {\n      margin-inline-start: 50%;\n    }\n    .\\32 xl\\:offset-7 {\n      margin-inline-start: 58.3333333333%;\n    }\n    .\\32 xl\\:offset-8 {\n      margin-inline-start: 66.6666666667%;\n    }\n    .\\32 xl\\:offset-9 {\n      margin-inline-start: 75%;\n    }\n    .\\32 xl\\:offset-10 {\n      margin-inline-start: 83.3333333333%;\n    }\n    .\\32 xl\\:offset-11 {\n      margin-inline-start: 91.6666666667%;\n    }\n    .\\32 xl\\:g-0,\n    .\\32 xl\\:gx-0 {\n      --gutter-x: 0;\n    }\n    .\\32 xl\\:g-0,\n    .\\32 xl\\:gy-0 {\n      --gutter-y: 0;\n    }\n    .\\32 xl\\:g-1,\n    .\\32 xl\\:gx-1 {\n      --gutter-x: 0.25rem;\n    }\n    .\\32 xl\\:g-1,\n    .\\32 xl\\:gy-1 {\n      --gutter-y: 0.25rem;\n    }\n    .\\32 xl\\:g-2,\n    .\\32 xl\\:gx-2 {\n      --gutter-x: 0.5rem;\n    }\n    .\\32 xl\\:g-2,\n    .\\32 xl\\:gy-2 {\n      --gutter-y: 0.5rem;\n    }\n    .\\32 xl\\:g-3,\n    .\\32 xl\\:gx-3 {\n      --gutter-x: 0.75rem;\n    }\n    .\\32 xl\\:g-3,\n    .\\32 xl\\:gy-3 {\n      --gutter-y: 0.75rem;\n    }\n    .\\32 xl\\:g-4,\n    .\\32 xl\\:gx-4 {\n      --gutter-x: 1rem;\n    }\n    .\\32 xl\\:g-4,\n    .\\32 xl\\:gy-4 {\n      --gutter-y: 1rem;\n    }\n    .\\32 xl\\:g-5,\n    .\\32 xl\\:gx-5 {\n      --gutter-x: 1.25rem;\n    }\n    .\\32 xl\\:g-5,\n    .\\32 xl\\:gy-5 {\n      --gutter-y: 1.25rem;\n    }\n    .\\32 xl\\:g-6,\n    .\\32 xl\\:gx-6 {\n      --gutter-x: 1.5rem;\n    }\n    .\\32 xl\\:g-6,\n    .\\32 xl\\:gy-6 {\n      --gutter-y: 1.5rem;\n    }\n    .\\32 xl\\:g-7,\n    .\\32 xl\\:gx-7 {\n      --gutter-x: 2rem;\n    }\n    .\\32 xl\\:g-7,\n    .\\32 xl\\:gy-7 {\n      --gutter-y: 2rem;\n    }\n    .\\32 xl\\:g-8,\n    .\\32 xl\\:gx-8 {\n      --gutter-x: 2.5rem;\n    }\n    .\\32 xl\\:g-8,\n    .\\32 xl\\:gy-8 {\n      --gutter-y: 2.5rem;\n    }\n    .\\32 xl\\:g-9,\n    .\\32 xl\\:gx-9 {\n      --gutter-x: 3rem;\n    }\n    .\\32 xl\\:g-9,\n    .\\32 xl\\:gy-9 {\n      --gutter-y: 3rem;\n    }\n  }\n  .grid {\n    --columns: 12;\n    --rows: 1;\n    --gap: 1.5rem;\n    display: grid;\n    grid-template-rows: repeat(var(--rows), 1fr);\n    grid-template-columns: repeat(var(--columns), 1fr);\n    gap: var(--gap);\n  }\n  .g-col-1 {\n    grid-column: auto/span 1;\n  }\n  .g-col-2 {\n    grid-column: auto/span 2;\n  }\n  .g-col-3 {\n    grid-column: auto/span 3;\n  }\n  .g-col-4 {\n    grid-column: auto/span 4;\n  }\n  .g-col-5 {\n    grid-column: auto/span 5;\n  }\n  .g-col-6 {\n    grid-column: auto/span 6;\n  }\n  .g-col-7 {\n    grid-column: auto/span 7;\n  }\n  .g-col-8 {\n    grid-column: auto/span 8;\n  }\n  .g-col-9 {\n    grid-column: auto/span 9;\n  }\n  .g-col-10 {\n    grid-column: auto/span 10;\n  }\n  .g-col-11 {\n    grid-column: auto/span 11;\n  }\n  .g-col-12 {\n    grid-column: auto/span 12;\n  }\n  .g-start-1 {\n    grid-column-start: 1;\n  }\n  .g-start-2 {\n    grid-column-start: 2;\n  }\n  .g-start-3 {\n    grid-column-start: 3;\n  }\n  .g-start-4 {\n    grid-column-start: 4;\n  }\n  .g-start-5 {\n    grid-column-start: 5;\n  }\n  .g-start-6 {\n    grid-column-start: 6;\n  }\n  .g-start-7 {\n    grid-column-start: 7;\n  }\n  .g-start-8 {\n    grid-column-start: 8;\n  }\n  .g-start-9 {\n    grid-column-start: 9;\n  }\n  .g-start-10 {\n    grid-column-start: 10;\n  }\n  .g-start-11 {\n    grid-column-start: 11;\n  }\n  @media (width >= 576px) {\n    .sm\\:g-col-1 {\n      grid-column: auto/span 1;\n    }\n    .sm\\:g-col-2 {\n      grid-column: auto/span 2;\n    }\n    .sm\\:g-col-3 {\n      grid-column: auto/span 3;\n    }\n    .sm\\:g-col-4 {\n      grid-column: auto/span 4;\n    }\n    .sm\\:g-col-5 {\n      grid-column: auto/span 5;\n    }\n    .sm\\:g-col-6 {\n      grid-column: auto/span 6;\n    }\n    .sm\\:g-col-7 {\n      grid-column: auto/span 7;\n    }\n    .sm\\:g-col-8 {\n      grid-column: auto/span 8;\n    }\n    .sm\\:g-col-9 {\n      grid-column: auto/span 9;\n    }\n    .sm\\:g-col-10 {\n      grid-column: auto/span 10;\n    }\n    .sm\\:g-col-11 {\n      grid-column: auto/span 11;\n    }\n    .sm\\:g-col-12 {\n      grid-column: auto/span 12;\n    }\n    .sm\\:g-start-1 {\n      grid-column-start: 1;\n    }\n    .sm\\:g-start-2 {\n      grid-column-start: 2;\n    }\n    .sm\\:g-start-3 {\n      grid-column-start: 3;\n    }\n    .sm\\:g-start-4 {\n      grid-column-start: 4;\n    }\n    .sm\\:g-start-5 {\n      grid-column-start: 5;\n    }\n    .sm\\:g-start-6 {\n      grid-column-start: 6;\n    }\n    .sm\\:g-start-7 {\n      grid-column-start: 7;\n    }\n    .sm\\:g-start-8 {\n      grid-column-start: 8;\n    }\n    .sm\\:g-start-9 {\n      grid-column-start: 9;\n    }\n    .sm\\:g-start-10 {\n      grid-column-start: 10;\n    }\n    .sm\\:g-start-11 {\n      grid-column-start: 11;\n    }\n  }\n  @media (width >= 768px) {\n    .md\\:g-col-1 {\n      grid-column: auto/span 1;\n    }\n    .md\\:g-col-2 {\n      grid-column: auto/span 2;\n    }\n    .md\\:g-col-3 {\n      grid-column: auto/span 3;\n    }\n    .md\\:g-col-4 {\n      grid-column: auto/span 4;\n    }\n    .md\\:g-col-5 {\n      grid-column: auto/span 5;\n    }\n    .md\\:g-col-6 {\n      grid-column: auto/span 6;\n    }\n    .md\\:g-col-7 {\n      grid-column: auto/span 7;\n    }\n    .md\\:g-col-8 {\n      grid-column: auto/span 8;\n    }\n    .md\\:g-col-9 {\n      grid-column: auto/span 9;\n    }\n    .md\\:g-col-10 {\n      grid-column: auto/span 10;\n    }\n    .md\\:g-col-11 {\n      grid-column: auto/span 11;\n    }\n    .md\\:g-col-12 {\n      grid-column: auto/span 12;\n    }\n    .md\\:g-start-1 {\n      grid-column-start: 1;\n    }\n    .md\\:g-start-2 {\n      grid-column-start: 2;\n    }\n    .md\\:g-start-3 {\n      grid-column-start: 3;\n    }\n    .md\\:g-start-4 {\n      grid-column-start: 4;\n    }\n    .md\\:g-start-5 {\n      grid-column-start: 5;\n    }\n    .md\\:g-start-6 {\n      grid-column-start: 6;\n    }\n    .md\\:g-start-7 {\n      grid-column-start: 7;\n    }\n    .md\\:g-start-8 {\n      grid-column-start: 8;\n    }\n    .md\\:g-start-9 {\n      grid-column-start: 9;\n    }\n    .md\\:g-start-10 {\n      grid-column-start: 10;\n    }\n    .md\\:g-start-11 {\n      grid-column-start: 11;\n    }\n  }\n  @media (width >= 1024px) {\n    .lg\\:g-col-1 {\n      grid-column: auto/span 1;\n    }\n    .lg\\:g-col-2 {\n      grid-column: auto/span 2;\n    }\n    .lg\\:g-col-3 {\n      grid-column: auto/span 3;\n    }\n    .lg\\:g-col-4 {\n      grid-column: auto/span 4;\n    }\n    .lg\\:g-col-5 {\n      grid-column: auto/span 5;\n    }\n    .lg\\:g-col-6 {\n      grid-column: auto/span 6;\n    }\n    .lg\\:g-col-7 {\n      grid-column: auto/span 7;\n    }\n    .lg\\:g-col-8 {\n      grid-column: auto/span 8;\n    }\n    .lg\\:g-col-9 {\n      grid-column: auto/span 9;\n    }\n    .lg\\:g-col-10 {\n      grid-column: auto/span 10;\n    }\n    .lg\\:g-col-11 {\n      grid-column: auto/span 11;\n    }\n    .lg\\:g-col-12 {\n      grid-column: auto/span 12;\n    }\n    .lg\\:g-start-1 {\n      grid-column-start: 1;\n    }\n    .lg\\:g-start-2 {\n      grid-column-start: 2;\n    }\n    .lg\\:g-start-3 {\n      grid-column-start: 3;\n    }\n    .lg\\:g-start-4 {\n      grid-column-start: 4;\n    }\n    .lg\\:g-start-5 {\n      grid-column-start: 5;\n    }\n    .lg\\:g-start-6 {\n      grid-column-start: 6;\n    }\n    .lg\\:g-start-7 {\n      grid-column-start: 7;\n    }\n    .lg\\:g-start-8 {\n      grid-column-start: 8;\n    }\n    .lg\\:g-start-9 {\n      grid-column-start: 9;\n    }\n    .lg\\:g-start-10 {\n      grid-column-start: 10;\n    }\n    .lg\\:g-start-11 {\n      grid-column-start: 11;\n    }\n  }\n  @media (width >= 1280px) {\n    .xl\\:g-col-1 {\n      grid-column: auto/span 1;\n    }\n    .xl\\:g-col-2 {\n      grid-column: auto/span 2;\n    }\n    .xl\\:g-col-3 {\n      grid-column: auto/span 3;\n    }\n    .xl\\:g-col-4 {\n      grid-column: auto/span 4;\n    }\n    .xl\\:g-col-5 {\n      grid-column: auto/span 5;\n    }\n    .xl\\:g-col-6 {\n      grid-column: auto/span 6;\n    }\n    .xl\\:g-col-7 {\n      grid-column: auto/span 7;\n    }\n    .xl\\:g-col-8 {\n      grid-column: auto/span 8;\n    }\n    .xl\\:g-col-9 {\n      grid-column: auto/span 9;\n    }\n    .xl\\:g-col-10 {\n      grid-column: auto/span 10;\n    }\n    .xl\\:g-col-11 {\n      grid-column: auto/span 11;\n    }\n    .xl\\:g-col-12 {\n      grid-column: auto/span 12;\n    }\n    .xl\\:g-start-1 {\n      grid-column-start: 1;\n    }\n    .xl\\:g-start-2 {\n      grid-column-start: 2;\n    }\n    .xl\\:g-start-3 {\n      grid-column-start: 3;\n    }\n    .xl\\:g-start-4 {\n      grid-column-start: 4;\n    }\n    .xl\\:g-start-5 {\n      grid-column-start: 5;\n    }\n    .xl\\:g-start-6 {\n      grid-column-start: 6;\n    }\n    .xl\\:g-start-7 {\n      grid-column-start: 7;\n    }\n    .xl\\:g-start-8 {\n      grid-column-start: 8;\n    }\n    .xl\\:g-start-9 {\n      grid-column-start: 9;\n    }\n    .xl\\:g-start-10 {\n      grid-column-start: 10;\n    }\n    .xl\\:g-start-11 {\n      grid-column-start: 11;\n    }\n  }\n  @media (width >= 1536px) {\n    .\\32 xl\\:g-col-1 {\n      grid-column: auto/span 1;\n    }\n    .\\32 xl\\:g-col-2 {\n      grid-column: auto/span 2;\n    }\n    .\\32 xl\\:g-col-3 {\n      grid-column: auto/span 3;\n    }\n    .\\32 xl\\:g-col-4 {\n      grid-column: auto/span 4;\n    }\n    .\\32 xl\\:g-col-5 {\n      grid-column: auto/span 5;\n    }\n    .\\32 xl\\:g-col-6 {\n      grid-column: auto/span 6;\n    }\n    .\\32 xl\\:g-col-7 {\n      grid-column: auto/span 7;\n    }\n    .\\32 xl\\:g-col-8 {\n      grid-column: auto/span 8;\n    }\n    .\\32 xl\\:g-col-9 {\n      grid-column: auto/span 9;\n    }\n    .\\32 xl\\:g-col-10 {\n      grid-column: auto/span 10;\n    }\n    .\\32 xl\\:g-col-11 {\n      grid-column: auto/span 11;\n    }\n    .\\32 xl\\:g-col-12 {\n      grid-column: auto/span 12;\n    }\n    .\\32 xl\\:g-start-1 {\n      grid-column-start: 1;\n    }\n    .\\32 xl\\:g-start-2 {\n      grid-column-start: 2;\n    }\n    .\\32 xl\\:g-start-3 {\n      grid-column-start: 3;\n    }\n    .\\32 xl\\:g-start-4 {\n      grid-column-start: 4;\n    }\n    .\\32 xl\\:g-start-5 {\n      grid-column-start: 5;\n    }\n    .\\32 xl\\:g-start-6 {\n      grid-column-start: 6;\n    }\n    .\\32 xl\\:g-start-7 {\n      grid-column-start: 7;\n    }\n    .\\32 xl\\:g-start-8 {\n      grid-column-start: 8;\n    }\n    .\\32 xl\\:g-start-9 {\n      grid-column-start: 9;\n    }\n    .\\32 xl\\:g-start-10 {\n      grid-column-start: 10;\n    }\n    .\\32 xl\\:g-start-11 {\n      grid-column-start: 11;\n    }\n  }\n  .grid-cols-subgrid {\n    grid-template-columns: subgrid;\n  }\n  .grid-fill {\n    --gap: 1.5rem;\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(0, 1fr));\n    grid-auto-flow: row;\n    gap: var(--gap);\n  }\n}\n@layer forms {\n  .form-label,\n  .col-form-label {\n    font-size: var(--label-font-size, var(--font-size-sm));\n    font-style: var(--label-font-style, inherit);\n    font-weight: var(--label-font-weight, inherit);\n    color: var(--label-color, var(--fg-body));\n  }\n  .form-label {\n    margin-bottom: var(--label-margin-bottom, calc(var(--spacer) / 2));\n  }\n  .col-form-label {\n    --label-padding-y: calc(var(--btn-input-padding-y) + var(--border-width));\n    padding-block: var(--label-padding-y);\n    margin-bottom: 0;\n  }\n  .col-form-label-lg {\n    --label-padding-y: calc(var(--btn-input-lg-padding-y) + var(--border-width));\n    font-size: var(--btn-input-lg-font-size);\n  }\n  .col-form-label-sm {\n    --label-padding-y: calc(var(--btn-input-sm-padding-y) + var(--border-width));\n    font-size: var(--btn-input-sm-font-size);\n  }\n}\n@layer forms {\n  .form-text {\n    --form-text-margin-top: 0.25rem;\n    --form-text-font-size: var(--font-size-sm);\n    --form-text-color: var(--fg-3);\n    margin-top: var(--form-text-margin-top);\n    font-size: var(--form-text-font-size);\n    font-style: var(--form-text-font-style);\n    font-weight: var(--form-text-font-weight);\n    color: var(--form-text-color);\n  }\n}\n@layer forms {\n  .form-control {\n    --control-min-height: var(--btn-input-min-height);\n    --control-padding-y: var(--btn-input-padding-y);\n    --control-padding-x: var(--btn-input-padding-x);\n    --control-font-size: var(--btn-input-font-size);\n    --control-line-height: var(--btn-input-line-height);\n    --control-fg: var(--btn-input-fg);\n    --control-bg: var(--btn-input-bg);\n    --control-border-width: var(--border-width);\n    --control-border-color: var(--border-color);\n    --control-border-radius: var(--border-radius);\n    --control-box-shadow: var(--box-shadow-inset);\n    --control-action-bg: var(--bg-1);\n    --control-action-hover-bg: var(--bg-2);\n    --control-transition-property: border-color, box-shadow;\n    --control-transition-timing: 0.15s ease-in-out;\n    --control-transition: var(--control-transition-property) var(--control-transition-timing);\n    --control-placeholder-color: var(--fg-3);\n    --control-disabled-color: var(--control-fg);\n    --control-disabled-bg: var(--bg-2);\n    --control-disabled-border-color: var(--control-border-color);\n    --control-select-bg: url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%2300000080' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e\");\n    --control-select-bg-position: right 0.75rem center;\n    --control-select-bg-size: 16px 12px;\n    --control-select-bg-dark: url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e\");\n    display: flex;\n    width: 100%;\n    min-height: var(--control-min-height);\n    padding: var(--control-padding-y) var(--control-padding-x);\n    font-size: var(--control-font-size);\n    line-height: var(--control-line-height);\n    color: var(--control-fg);\n    appearance: none;\n    background-color: var(--control-bg);\n    background-clip: padding-box;\n    border: var(--control-border-width) solid var(--control-border-color);\n    border-radius: var(--control-border-radius);\n    box-shadow: var(--control-box-shadow);\n    transition: var(--control-transition);\n  }\n  @media (prefers-reduced-motion: reduce) {\n    .form-control {\n      transition: none;\n    }\n  }\n  .form-control:focus-visible {\n    --focus-ring-offset: -1px;\n    outline: var(--focus-ring);\n    outline-offset: var(--focus-ring-offset);\n  }\n  .form-control::placeholder {\n    color: var(--control-placeholder-color);\n    opacity: 1;\n  }\n  .form-control:disabled {\n    color: var(--control-disabled-color);\n    background-color: var(--control-disabled-bg);\n    border-color: var(--control-disabled-border-color);\n    opacity: 1;\n  }\n  .form-control::-webkit-datetime-edit {\n    display: block;\n    height: 1.5rem;\n    padding: 0;\n    margin-bottom: -0.125rem;\n  }\n  .form-control::-webkit-datetime-edit-fields-wrapper {\n    height: 1.5rem;\n  }\n  .form-control[type=file] {\n    overflow: hidden;\n  }\n  .form-control[type=file]:not(:disabled, [readonly]) {\n    cursor: pointer;\n  }\n  .form-control::file-selector-button {\n    min-height: var(--control-min-height);\n    padding: var(--control-padding-y) var(--control-padding-x);\n    margin: calc(var(--control-padding-y) * -1) calc(var(--control-padding-x) * -1);\n    margin-inline-end: var(--control-padding-x);\n    color: var(--control-fg);\n    background-color: var(--control-action-bg);\n    background-image: var(--gradient);\n    pointer-events: none;\n    border-color: inherit;\n    border-style: solid;\n    border-width: 0;\n    border-inline-end-width: var(--control-border-width);\n    border-radius: 0;\n    transition: var(--control-transition);\n  }\n  @media (prefers-reduced-motion: reduce) {\n    .form-control::file-selector-button {\n      transition: none;\n    }\n  }\n  .form-control:hover:not(:disabled, [readonly])::file-selector-button {\n    background-color: var(--control-action-hover-bg);\n  }\n  .form-control-plaintext {\n    display: block;\n    width: 100%;\n    padding: var(--control-padding-y) 0;\n    margin-bottom: 0;\n    line-height: var(--control-line-height);\n    color: var(--control-fg);\n    background-color: transparent;\n    border: solid transparent;\n    border-width: var(--control-border-width) 0;\n  }\n  .form-control-plaintext:focus {\n    outline: 0;\n  }\n  .form-control-plaintext.form-control-sm, .form-control-plaintext.form-control-lg {\n    padding-inline: 0;\n  }\n  select.form-control {\n    padding-inline-end: calc(var(--control-padding-x) * 3);\n    background-image: var(--control-select-bg);\n    background-repeat: no-repeat;\n    background-position: var(--control-select-bg-position);\n    background-size: var(--control-select-bg-size);\n  }\n  select.form-control[multiple], select.form-control[size]:not([size=\"1\"]) {\n    padding-inline-end: var(--control-padding-x);\n    background-image: none;\n  }\n  @media (prefers-color-scheme: dark) {\n    select.form-control {\n      background-image: var(--control-select-bg-dark);\n    }\n  }\n  .form-control-sm {\n    --control-min-height: var(--btn-input-sm-min-height);\n    --control-padding-y: var(--btn-input-sm-padding-y);\n    --control-padding-x: var(--btn-input-sm-padding-x);\n    --control-font-size: var(--btn-input-sm-font-size);\n    --control-line-height: var(--btn-input-sm-line-height);\n    --control-border-radius: var(--btn-input-sm-border-radius);\n  }\n  .form-control-lg {\n    --control-min-height: var(--btn-input-lg-min-height);\n    --control-padding-y: var(--btn-input-lg-padding-y);\n    --control-padding-x: var(--btn-input-lg-padding-x);\n    --control-font-size: var(--btn-input-lg-font-size);\n    --control-line-height: var(--btn-input-lg-line-height);\n    --control-border-radius: var(--btn-input-lg-border-radius);\n  }\n  .form-control-color {\n    width: var(--control-min-height);\n    padding: var(--control-padding-y);\n  }\n  .form-control-color:not(:disabled, [readonly]) {\n    cursor: pointer;\n  }\n  .form-control-color::-moz-color-swatch {\n    border: 0 !important;\n    border-radius: var(--border-radius-sm);\n  }\n  .form-control-color::-webkit-color-swatch {\n    border: 0 !important;\n    border-radius: var(--border-radius-sm);\n  }\n  .form-ghost {\n    display: block;\n    width: 100%;\n    padding: 0;\n    font: inherit;\n    color: inherit;\n    appearance: none;\n    background: transparent;\n    border: 0;\n  }\n  .form-ghost:focus {\n    outline: 0;\n  }\n  .form-ghost::placeholder {\n    color: var(--fg-3);\n    opacity: 1;\n  }\n  .form-ghost:disabled {\n    color: var(--fg-4);\n    cursor: not-allowed;\n  }\n}\n@layer forms {\n  .checkgroup {\n    display: flex;\n    gap: var(--gap, 0.5rem);\n    align-items: var(--align-items, start);\n  }\n  .checkgroup .description {\n    color: var(--fg-3);\n  }\n  .check {\n    --check-size: 1.25rem;\n    --check-margin-block: 0.125rem;\n    --check-bg: transparent;\n    --check-border-color: var(--border-color);\n    --check-border-radius: 0.375rem;\n    --check-checked-bg: var(--control-checked-bg);\n    --check-checked-border-color: var(--control-checked-border-color);\n    --check-indeterminate-bg: var(--control-checked-bg);\n    --check-indeterminate-border-color: var(--control-checked-border-color);\n    --check-active-bg: var(--control-active-bg);\n    --check-active-border-color: var(--control-active-border-color);\n    --check-disabled-bg: var(--control-disabled-bg);\n    --check-disabled-opacity: var(--control-disabled-opacity);\n    display: grid;\n    grid-template-columns: repeat(1, minmax(0, 1fr));\n    margin-block: var(--check-margin-block);\n  }\n  .check :where(svg, input) {\n    flex-shrink: 0;\n    grid-row-start: 1;\n    grid-column-start: 1;\n    width: var(--check-size);\n    height: var(--check-size);\n  }\n  .check :where(input) {\n    appearance: none;\n    background-color: var(--theme-bg, var(--check-bg));\n    border: 1px solid var(--theme-bg, var(--check-border-color));\n    border-radius: 0.3em;\n  }\n  .check :where(input:checked, input:indeterminate) {\n    background-color: var(--theme-bg, var(--check-checked-bg));\n    border-color: var(--theme-bg, var(--check-checked-border-color));\n  }\n  .check :where(input:focus-visible) {\n    outline: var(--focus-ring);\n    outline-offset: var(--focus-ring-offset);\n  }\n  .check:has(input:checked) .checked, .check:has(input:indeterminate) .indeterminate {\n    display: block;\n    color: var(--theme-contrast, var(--primary-contrast));\n    stroke: currentcolor;\n  }\n  .check:has(input:disabled) {\n    --check-bg: var(--check-disabled-bg);\n  }\n  .check:has(input:disabled) ~ label {\n    color: var(--fg-3);\n    cursor: default;\n  }\n  .check:has(input:disabled:checked) {\n    opacity: var(--check-disabled-opacity);\n  }\n  .check :where(svg) {\n    pointer-events: none;\n  }\n  .check :where(svg path) {\n    display: none;\n  }\n  .check-sm {\n    --check-size: 1rem;\n  }\n  .check-lg {\n    --check-size: 1.5rem;\n    --check-margin-block: 0;\n  }\n}\n@layer forms {\n  .radiogroup {\n    display: flex;\n    gap: var(--gap, 0.5rem);\n    align-items: var(--align-items, start);\n  }\n  .radiogroup .description {\n    color: var(--fg-3);\n  }\n  .radio {\n    --radio-size: 1.25rem;\n    --radio-margin-block: 0.125rem;\n    --radio-bg: transparent;\n    --radio-border-color: var(--border-color);\n    --radio-checked-bg: var(--control-checked-bg);\n    --radio-checked-border-color: var(--control-checked-border-color);\n    --radio-disabled-bg: var(--control-disabled-bg);\n    --radio-disabled-opacity: var(--control-disabled-opacity);\n    position: relative;\n    flex-shrink: 0;\n    width: var(--radio-size);\n    height: var(--radio-size);\n    margin-block: var(--radio-margin-block);\n    appearance: none;\n    background-color: var(--theme-bg, var(--radio-bg));\n    border: 1px solid var(--theme-bg, var(--radio-border-color));\n    border-radius: 50%;\n  }\n  .radio:checked {\n    color: var(--theme-contrast, var(--primary-contrast));\n    background-color: var(--theme-bg, var(--radio-checked-bg));\n    border-color: var(--theme-bg, var(--radio-checked-border-color));\n  }\n  .radio:checked::before {\n    position: absolute;\n    inset: 0.25rem;\n    content: \"\";\n    background-color: currentcolor;\n    border-radius: 50%;\n  }\n  .radio:disabled {\n    --radio-bg: var(--radio-disabled-bg);\n  }\n  .radio:disabled ~ label {\n    color: var(--secondary-fg);\n    cursor: default;\n  }\n  .radio:focus-visible {\n    outline: var(--focus-ring);\n    outline-offset: var(--focus-ring-offset);\n  }\n  .radio-sm {\n    --radio-size: 1rem;\n  }\n  .radio-lg {\n    --radio-size: 1.5rem;\n    --radio-margin-block: 0;\n  }\n}\n@layer forms {\n  .switch {\n    --switch-height: 1.25rem;\n    --switch-width: calc(var(--switch-height) * 1.5);\n    --switch-padding: 0.0625rem;\n    --switch-margin-block: 0.125rem;\n    --switch-bg: var(--bg-3);\n    --switch-border-width: var(--border-width);\n    --switch-border-color: var(--border-color);\n    --switch-indicator-bg: var(--white);\n    --switch-checked-bg: var(--control-checked-bg);\n    --switch-checked-border-color: var(--switch-checked-bg);\n    --switch-checked-indicator-bg: var(--white);\n    --switch-disabled-bg: var(--control-disabled-bg);\n    --switch-disabled-indicator-bg: var(--fg-3);\n    position: relative;\n    display: flex;\n    flex-shrink: 0;\n    align-items: stretch;\n    justify-content: flex-start;\n    width: var(--switch-width);\n    height: var(--switch-height);\n    padding: var(--switch-padding);\n    margin-block: var(--switch-margin-block);\n    background-color: var(--switch-bg);\n    border: var(--switch-border-width) solid var(--switch-border-color);\n    border-radius: 10rem;\n    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.05);\n    transition: 0.15s ease-in-out;\n    transition-property: padding-inline-start, background-color;\n  }\n  .switch::before {\n    flex-shrink: 0;\n    width: calc(var(--switch-height) - var(--switch-padding) * 2 - var(--switch-border-width) * 2);\n    height: calc(var(--switch-height) - var(--switch-padding) * 2 - var(--switch-border-width) * 2);\n    content: \"\";\n    background-color: var(--theme-contrast, var(--switch-indicator-bg));\n    border-radius: 50%;\n    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);\n  }\n  .switch input {\n    position: absolute;\n    inset: 0;\n    appearance: none;\n    background-color: transparent;\n    outline: 0;\n  }\n  .switch:focus-within {\n    outline: var(--focus-ring);\n    outline-offset: var(--focus-ring-offset);\n  }\n  .switch:has(input:checked) {\n    padding-inline-start: calc(var(--switch-height) / 2 + var(--switch-padding));\n    background-color: var(--theme-bg, var(--switch-checked-bg));\n    border-color: var(--theme-bg, var(--switch-checked-border-color));\n  }\n  .switch:has(input:disabled) {\n    --switch-bg: var(--switch-disabled-bg);\n    --switch-indicator-bg: var(--switch-disabled-indicator-bg);\n  }\n  .switch:has(input:disabled)::before {\n    opacity: 0.4;\n  }\n  .switch:has(input:disabled) ~ label {\n    color: var(--secondary-fg);\n    cursor: default;\n  }\n  .switch-sm {\n    --switch-height: 1rem;\n  }\n  .switch-lg {\n    --switch-height: 1.5rem;\n    --switch-margin-block: 0;\n  }\n}\n@layer forms {\n  .form-range {\n    --range-track-width: 100%;\n    --range-track-height: 0.5rem;\n    --range-track-cursor: pointer;\n    --range-track-bg: var(--bg-3);\n    --range-track-border-radius: 1rem;\n    --range-track-box-shadow: var(--box-shadow-inset);\n    --range-thumb-width: 1rem;\n    --range-thumb-height: var(--range-thumb-width);\n    --range-thumb-bg: var(--primary-base);\n    --range-thumb-border: var(--range-thumb-bg) solid var(--border-color);\n    --range-thumb-border-radius: 1rem;\n    --range-thumb-box-shadow: 0 1px 2px rgb(0 0 0 / 7.5%), 0 2px 4px rgb(0 0 0 / 7.5%);\n    --range-thumb-active-bg: color-mix(in oklch, var(--primary-base) 70%, var(--bg-body));\n    --range-thumb-disabled-bg: var(--fg-3);\n    --range-thumb-transition-property: background-color, border-color, box-shadow;\n    --range-thumb-transition-timing: 0.15s ease-in-out;\n    --range-thumb-transition: var(--range-thumb-transition-property) var(--range-thumb-transition-timing);\n    width: 100%;\n    height: calc(var(--range-thumb-height) + var(--focus-ring-width) * 2);\n    padding: 0;\n    appearance: none;\n    background-color: transparent;\n  }\n  .form-range:hover::-webkit-slider-thumb {\n    outline: var(--focus-ring-width) solid color-mix(in oklch, var(--primary-focus-ring), transparent);\n  }\n  .form-range:hover::-moz-range-thumb {\n    outline: var(--focus-ring-width) solid color-mix(in oklch, var(--primary-focus-ring), transparent);\n  }\n  .form-range:focus-visible {\n    outline: 0;\n  }\n  .form-range:focus-visible::-webkit-slider-thumb {\n    outline: var(--focus-ring);\n    outline-offset: var(--focus-ring-offset);\n    --focus-ring-offset: 0;\n  }\n  .form-range:focus-visible::-moz-range-thumb {\n    outline: var(--focus-ring);\n    outline-offset: var(--focus-ring-offset);\n    --focus-ring-offset: 0;\n  }\n  .form-range::-moz-focus-outer {\n    border: 0;\n  }\n  .form-range::-webkit-slider-thumb {\n    width: var(--range-thumb-width);\n    height: var(--range-thumb-height);\n    appearance: none;\n    background-color: var(--range-thumb-bg);\n    background-image: var(--gradient);\n    border: var(--range-thumb-border);\n    border-radius: var(--range-thumb-border-radius);\n    box-shadow: var(--range-thumb-box-shadow);\n    transition: var(--range-thumb-transition);\n  }\n  @media (prefers-reduced-motion: reduce) {\n    .form-range::-webkit-slider-thumb {\n      transition: none;\n    }\n  }\n  .form-range::-webkit-slider-thumb:active {\n    background-color: var(--range-thumb-active-bg);\n    background-image: var(--gradient);\n  }\n  .form-range::-webkit-slider-thumb {\n    margin-top: calc((var(--range-track-height) - var(--range-thumb-height)) * 0.5);\n  }\n  .form-range::-moz-range-thumb {\n    width: var(--range-thumb-width);\n    height: var(--range-thumb-height);\n    appearance: none;\n    background-color: var(--range-thumb-bg);\n    background-image: var(--gradient);\n    border: var(--range-thumb-border);\n    border-radius: var(--range-thumb-border-radius);\n    box-shadow: var(--range-thumb-box-shadow);\n    transition: var(--range-thumb-transition);\n  }\n  @media (prefers-reduced-motion: reduce) {\n    .form-range::-moz-range-thumb {\n      transition: none;\n    }\n  }\n  .form-range::-moz-range-thumb:active {\n    background-color: var(--range-thumb-active-bg);\n    background-image: var(--gradient);\n  }\n  .form-range::-webkit-slider-runnable-track {\n    width: var(--range-track-width);\n    height: var(--range-track-height);\n    color: transparent;\n    cursor: var(--range-track-cursor);\n    background-color: var(--range-track-bg);\n    border-color: transparent;\n    border-radius: var(--range-track-border-radius);\n    box-shadow: var(--range-track-box-shadow);\n  }\n  .form-range::-moz-range-track {\n    width: var(--range-track-width);\n    height: var(--range-track-height);\n    color: transparent;\n    cursor: var(--range-track-cursor);\n    background-color: var(--range-track-bg);\n    border-color: transparent;\n    border-radius: var(--range-track-border-radius);\n    box-shadow: var(--range-track-box-shadow);\n  }\n  .form-range:disabled {\n    pointer-events: none;\n  }\n  .form-range:disabled::-webkit-slider-thumb {\n    background-color: var(--range-thumb-disabled-bg);\n  }\n  .form-range:disabled::-moz-range-thumb {\n    background-color: var(--range-thumb-disabled-bg);\n  }\n}\n@layer forms {\n  .form-floating {\n    --form-floating-height: calc(3.5rem + var(--border-width) * 2);\n    --form-floating-line-height: 1.25;\n    --form-floating-padding-x: var(--btn-input-padding-x);\n    --form-floating-padding-y: 1rem;\n    --form-floating-input-padding-t: 1.625rem;\n    --form-floating-input-padding-b: 0.625rem;\n    --form-floating-label-height: 1.5em;\n    --form-floating-label-opacity: 0.65;\n    --form-floating-label-transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);\n    --form-floating-label-disabled-color: var(--fg-3);\n    --form-floating-transition-property: opacity, transform;\n    --form-floating-transition-timing: 0.1s ease-in-out;\n    --form-floating-transition: var(--form-floating-transition-property) var(--form-floating-transition-timing);\n    position: relative;\n  }\n  .form-floating > label {\n    position: absolute;\n    inset-block-start: 0;\n    inset-inline-start: 0;\n    z-index: 2;\n    display: flex;\n    align-items: center;\n    max-width: 100%;\n    height: 100%;\n    padding: var(--form-floating-padding-y) var(--form-floating-padding-x);\n    overflow: hidden;\n    color: color-mix(in oklch, var(--fg-body) var(--form-floating-label-opacity), transparent);\n    text-align: start;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n    pointer-events: none;\n    border: var(--input-btn-border-width) solid transparent;\n    transform-origin: 0 0;\n    transition: var(--form-floating-transition);\n  }\n  @media (prefers-reduced-motion: reduce) {\n    .form-floating > label {\n      transition: none;\n    }\n  }\n  .form-floating > .form-control,\n  .form-floating > .form-control-plaintext {\n    height: var(--form-floating-height);\n    min-height: var(--form-floating-height);\n    padding: var(--form-floating-padding-y) var(--form-floating-padding-x);\n    line-height: var(--form-floating-line-height);\n  }\n  .form-floating > .form-control::placeholder,\n  .form-floating > .form-control-plaintext::placeholder {\n    color: transparent;\n  }\n  .form-floating > .form-control:focus, .form-floating > .form-control:not(:placeholder-shown),\n  .form-floating > .form-control-plaintext:focus,\n  .form-floating > .form-control-plaintext:not(:placeholder-shown) {\n    padding-top: var(--form-floating-input-padding-t);\n    padding-bottom: var(--form-floating-input-padding-b);\n  }\n  .form-floating > .form-control:-webkit-autofill,\n  .form-floating > .form-control-plaintext:-webkit-autofill {\n    padding-top: var(--form-floating-input-padding-t);\n    padding-bottom: var(--form-floating-input-padding-b);\n  }\n  .form-floating > .form-control:focus ~ label,\n  .form-floating > .form-control:not(:placeholder-shown) ~ label,\n  .form-floating > .form-control-plaintext ~ label {\n    transform: var(--form-floating-label-transform);\n  }\n  .form-floating > .form-control:-webkit-autofill ~ label {\n    transform: var(--form-floating-label-transform);\n  }\n  .form-floating > textarea:focus ~ label::after,\n  .form-floating > textarea:not(:placeholder-shown) ~ label::after {\n    position: absolute;\n    inset: var(--form-floating-padding-y) calc(var(--form-floating-padding-x) * 0.5);\n    z-index: -1;\n    height: var(--form-floating-label-height);\n    content: \"\";\n    background-color: var(--control-bg);\n    border-radius: var(--btn-input-border-radius);\n  }\n  .form-floating > textarea:disabled ~ label::after {\n    background-color: var(--control-disabled-bg);\n  }\n  .form-floating > .form-control-plaintext ~ label {\n    border-width: var(--control-border-width) 0;\n  }\n  .form-floating > :disabled ~ label,\n  .form-floating > .form-control:disabled ~ label {\n    color: var(--form-floating-label-disabled-color);\n  }\n}\n@layer components {\n  .input-group {\n    --input-group-addon-padding-y: var(--btn-input-padding-y);\n    --input-group-addon-padding-x: var(--btn-input-padding-x);\n    --input-group-addon-font-size: var(--btn-input-font-size);\n    --input-group-addon-line-height: var(--btn-input-line-height);\n    --input-group-addon-color: var(--fg-body);\n    --input-group-addon-bg: var(--bg-2);\n    --input-group-addon-border-color: var(--border-color);\n    position: relative;\n    display: flex;\n    flex-wrap: wrap;\n    align-items: stretch;\n    width: 100%;\n  }\n  .input-group > .form-control,\n  .input-group > .form-floating {\n    position: relative;\n    flex: 1 1 auto;\n    width: 1%;\n    min-width: 0;\n  }\n  .input-group > .form-control:focus,\n  .input-group > .form-floating:focus-within {\n    z-index: 5;\n  }\n  .input-group > .input-group-btn {\n    position: relative;\n    z-index: 2;\n  }\n  .input-group > .input-group-btn:focus {\n    z-index: 5;\n  }\n  .input-group-text {\n    display: flex;\n    align-items: center;\n    padding: var(--input-group-addon-padding-y) var(--input-group-addon-padding-x);\n    font-size: var(--input-group-addon-font-size);\n    line-height: var(--input-group-addon-line-height);\n    color: var(--input-group-addon-color);\n    text-align: center;\n    white-space: nowrap;\n    background-color: var(--input-group-addon-bg);\n    border: var(--border-width) solid var(--input-group-addon-border-color);\n    border-radius: var(--btn-input-border-radius);\n  }\n  .input-group-sm > .form-control,\n  .input-group-sm > .input-group-text,\n  .input-group-sm > .btn {\n    min-height: var(--btn-input-sm-min-height);\n    padding: var(--btn-input-sm-padding-y) var(--btn-input-sm-padding-x);\n    font-size: var(--btn-input-sm-font-size);\n    border-radius: var(--btn-input-sm-border-radius);\n  }\n  .input-group-lg > .form-control,\n  .input-group-lg > .input-group-text,\n  .input-group-lg > .btn {\n    min-height: var(--btn-input-lg-min-height);\n    padding: var(--btn-input-lg-padding-y) var(--btn-input-lg-padding-x);\n    font-size: var(--btn-input-lg-font-size);\n    border-radius: var(--btn-input-lg-border-radius);\n  }\n  .input-group:not(.has-validation) > :not(:last-child, .menu-toggle-split, .menu, .form-floating),\n  .input-group:not(.has-validation) > .menu-toggle-split:nth-last-child(n+3),\n  .input-group:not(.has-validation) > .form-floating:not(:last-child) > .form-control,\n  .input-group:not(.has-validation) > .form-floating:not(:last-child) > .form-select {\n    border-start-end-radius: 0;\n    border-end-end-radius: 0;\n  }\n  .input-group.has-validation > :nth-last-child(n+3):not(.menu-toggle-split, .menu, .form-floating),\n  .input-group.has-validation > .menu-toggle-split:nth-last-child(n+4),\n  .input-group.has-validation > .form-floating:nth-last-child(n+3) > .form-control,\n  .input-group.has-validation > .form-floating:nth-last-child(n+3) > .form-select {\n    border-start-end-radius: 0;\n    border-end-end-radius: 0;\n  }\n  .input-group > :not(:first-child, .menu) {\n    margin-inline-start: calc(-1 * var(--border-width));\n    border-start-start-radius: 0;\n    border-end-start-radius: 0;\n  }\n  .input-group > .form-floating:not(:first-child) > .form-control,\n  .input-group > .form-floating:not(:first-child) > .form-select {\n    border-start-start-radius: 0;\n    border-end-start-radius: 0;\n  }\n}\n@layer forms {\n  .strength {\n    --strength-height: 0.375rem;\n    --strength-gap: 0.25rem;\n    --strength-margin-top: 0.25rem;\n    --strength-border-radius: var(--border-radius-pill);\n    --strength-bg: var(--bg-2);\n    --strength-color: var(--bg-2);\n    --strength-weak-color: var(--danger-bg);\n    --strength-fair-color: var(--warning-bg);\n    --strength-good-color: var(--info-bg);\n    --strength-strong-color: var(--success-bg);\n    display: flex;\n    gap: var(--strength-gap);\n    width: 100%;\n    margin-top: var(--strength-margin-top);\n  }\n  .strength-segment {\n    flex: 1;\n    height: var(--strength-height);\n    background-color: var(--strength-bg);\n    border-radius: var(--strength-border-radius);\n    transition: background-color 0.2s ease-in-out, width 0.3s ease-in-out;\n  }\n  @media (prefers-reduced-motion: reduce) {\n    .strength-segment {\n      transition: none;\n    }\n  }\n  .strength-segment.active {\n    background-color: var(--strength-color);\n  }\n  .strength[data-bs-strength=weak] {\n    --strength-color: var(--strength-weak-color);\n  }\n  .strength[data-bs-strength=fair] {\n    --strength-color: var(--strength-fair-color);\n  }\n  .strength[data-bs-strength=good] {\n    --strength-color: var(--strength-good-color);\n  }\n  .strength[data-bs-strength=strong] {\n    --strength-color: var(--strength-strong-color);\n  }\n  .strength-text {\n    display: block;\n    margin-top: var(--strength-margin-top);\n    font-size: var(--font-size-xs);\n    color: var(--strength-color, var(--fg-3));\n    transition: color 0.2s ease-in-out;\n  }\n  @media (prefers-reduced-motion: reduce) {\n    .strength-text {\n      transition: none;\n    }\n  }\n  .strength-text:empty {\n    display: none;\n  }\n  .strength-bar {\n    --strength-height: 0.375rem;\n    --strength-gap: 0.25rem;\n    --strength-margin-top: 0.25rem;\n    --strength-border-radius: var(--border-radius-pill);\n    --strength-bg: var(--bg-2);\n    --strength-color: var(--bg-2);\n    --strength-weak-color: var(--danger-bg);\n    --strength-fair-color: var(--warning-bg);\n    --strength-good-color: var(--info-bg);\n    --strength-strong-color: var(--success-bg);\n    --strength-color: transparent;\n    --strength-width: 0%;\n    width: 100%;\n    height: var(--strength-height);\n    margin-top: var(--strength-margin-top);\n    overflow: hidden;\n    background-color: var(--strength-bg);\n    border-radius: var(--strength-border-radius);\n  }\n  .strength-bar::after {\n    display: block;\n    width: var(--strength-width);\n    height: 100%;\n    content: \"\";\n    background-color: var(--strength-color);\n    border-radius: var(--strength-border-radius);\n    transition: background-color 0.2s ease-in-out, width 0.3s ease-in-out;\n  }\n  @media (prefers-reduced-motion: reduce) {\n    .strength-bar::after {\n      transition: none;\n    }\n  }\n  .strength-bar[data-bs-strength=weak] {\n    --strength-color: var(--strength-weak-color);\n    --strength-width: 25%;\n  }\n  .strength-bar[data-bs-strength=fair] {\n    --strength-color: var(--strength-fair-color);\n    --strength-width: 50%;\n  }\n  .strength-bar[data-bs-strength=good] {\n    --strength-color: var(--strength-good-color);\n    --strength-width: 75%;\n  }\n  .strength-bar[data-bs-strength=strong] {\n    --strength-color: var(--strength-strong-color);\n    --strength-width: 100%;\n  }\n}\n@layer components {\n  .otp {\n    --otp-size: var(--btn-input-lg-min-height);\n    --otp-font-size: var(--btn-input-font-size);\n    --otp-gap: 0.5rem;\n    display: inline-flex;\n    gap: var(--otp-gap);\n  }\n  .otp .form-control {\n    width: var(--otp-size);\n    min-height: var(--otp-size);\n    padding: 0;\n    font-size: var(--otp-font-size);\n    font-weight: 500;\n    line-height: 1;\n    text-align: center;\n    border-radius: var(--otp-border-radius, var(--btn-input-border-radius));\n  }\n  .otp .form-control::-webkit-outer-spin-button, .otp .form-control::-webkit-inner-spin-button {\n    margin: 0;\n    appearance: none;\n  }\n  .otp .form-control[type=number] {\n    appearance: textfield;\n  }\n  .otp .form-control:focus, .otp .form-control:focus-visible {\n    z-index: 1;\n  }\n  .otp.is-valid .form-control, .was-validated .otp:valid .form-control {\n    border-color: var(--form-valid-border-color);\n  }\n  .otp.is-valid .form-control:focus, .was-validated .otp:valid .form-control:focus {\n    --focus-ring-color: rgba(var(--success-rgb), .25);\n    border-color: var(--form-valid-border-color);\n  }\n  .otp.is-invalid .form-control, .was-validated .otp:invalid .form-control {\n    border-color: var(--form-invalid-border-color);\n  }\n  .otp.is-invalid .form-control:focus, .was-validated .otp:invalid .form-control:focus {\n    --focus-ring-color: rgba(var(--danger-rgb), .25);\n    border-color: var(--form-invalid-border-color);\n  }\n  .otp.input-group {\n    gap: 0;\n    width: auto;\n  }\n  .otp.input-group .form-control {\n    flex: 0 0 auto;\n  }\n  .otp-separator {\n    display: flex;\n    align-items: center;\n    padding-inline: var(--otp-gap);\n    font-size: var(--otp-font-size);\n    color: var(--fg-4);\n    user-select: none;\n  }\n  .otp-sm {\n    --otp-size: var(--btn-input-sm-min-height);\n    --otp-font-size: var(--btn-input-sm-font-size);\n    --otp-border-radius: var(--btn-input-sm-border-radius);\n  }\n  .otp-lg {\n    --otp-size: var(--btn-input-lg-min-height);\n    --otp-font-size: var(--btn-input-lg-font-size);\n    --otp-border-radius: var(--btn-input-lg-border-radius);\n  }\n}\n@layer forms {\n  .form-adorn {\n    --form-adorn-gap: 0.375rem;\n    --form-adorn-icon-size: 1rem;\n    --form-adorn-icon-color: var(--fg-2);\n    gap: var(--form-adorn-gap);\n    align-items: center;\n  }\n  .form-adorn:focus-visible {\n    outline: 0;\n  }\n  .form-adorn:focus-within {\n    --focus-ring-offset: -1px;\n    border-color: var(--focus-ring-color);\n    outline: var(--focus-ring);\n    outline-offset: var(--focus-ring-offset);\n  }\n  .form-adorn > .form-ghost {\n    flex: 1;\n    min-width: 0;\n  }\n  .form-adorn.form-adorn-end > .form-ghost {\n    order: -1;\n  }\n  .form-adorn-icon {\n    display: flex;\n    flex-shrink: 0;\n    align-items: center;\n    justify-content: center;\n    color: var(--form-adorn-icon-color);\n    pointer-events: none;\n  }\n  .form-adorn-icon > svg {\n    width: var(--form-adorn-icon-size);\n    height: var(--form-adorn-icon-size);\n  }\n  .form-adorn-text {\n    flex-shrink: 0;\n    color: var(--form-adorn-icon-color);\n    pointer-events: none;\n    user-select: none;\n  }\n}\n@layer forms {\n  .chip-input {\n    --chip-input-padding-y: 0.75rem;\n    --chip-input-padding-x: 0.75rem;\n    --chip-input-gap: 0.375rem;\n    --chip-input-ghost-min-width: 5rem;\n    --control-fg: var(--btn-input-fg);\n    --control-bg: var(--btn-input-bg);\n    --control-border-width: var(--border-width);\n    --control-border-color: var(--border-color);\n    --control-border-radius: var(--border-radius);\n    display: flex;\n    flex-wrap: wrap;\n    gap: var(--chip-input-gap);\n    align-items: center;\n    padding: var(--chip-input-padding-y) var(--chip-input-padding-x);\n    color: var(--control-fg);\n    background-color: var(--control-bg);\n    border: var(--control-border-width) solid var(--control-border-color);\n    border-radius: var(--control-border-radius);\n  }\n  .chip-input:focus-within {\n    --focus-ring-offset: -1px;\n    border-color: var(--focus-ring-color);\n    outline: var(--focus-ring);\n    outline-offset: var(--focus-ring-offset);\n  }\n  .chip-input > .form-ghost {\n    flex: 1 1 0;\n    min-width: var(--chip-input-ghost-min-width);\n    min-height: 1.75rem;\n  }\n  .chip-input.disabled, .chip-input:has(.form-ghost:disabled) {\n    background-color: var(--bg-2);\n    opacity: 1;\n  }\n  .chip-input.disabled > .chip, .chip-input:has(.form-ghost:disabled) > .chip {\n    opacity: var(--control-disabled-opacity);\n  }\n  .chip-input.disabled > .chip .chip-dismiss, .chip-input:has(.form-ghost:disabled) > .chip .chip-dismiss {\n    pointer-events: none;\n  }\n  .chip-input.disabled > .form-ghost, .chip-input:has(.form-ghost:disabled) > .form-ghost {\n    cursor: not-allowed;\n  }\n}\n@layer components {\n  .combobox-toggle {\n    display: inline-flex;\n    gap: 0.5rem;\n    align-items: center;\n    justify-content: space-between;\n    width: 100%;\n    padding-inline-end: var(--control-padding-x);\n    text-align: start;\n    cursor: pointer;\n  }\n  .combobox-toggle.show {\n    background-color: var(--bg-1);\n  }\n  .combobox-toggle:disabled, .combobox-toggle.disabled {\n    cursor: not-allowed;\n    opacity: 0.65;\n  }\n  .combobox-value {\n    display: flex;\n    flex: 1;\n    gap: 0.5rem;\n    align-items: center;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n  }\n  .combobox-placeholder {\n    color: color-mix(in oklch, currentcolor 65%, transparent);\n  }\n  .combobox-caret {\n    flex-shrink: 0;\n    transition: transform 0.2s ease-in-out;\n  }\n  @media (prefers-reduced-motion: reduce) {\n    .combobox-caret {\n      transition: none;\n    }\n  }\n  .show > .combobox-caret {\n    transform: rotate(180deg);\n  }\n  .combobox-toggle + .menu {\n    --menu-max-height: 300px;\n    --menu-overflow-y: auto;\n  }\n  .combobox-search {\n    position: sticky;\n    top: 0;\n    z-index: 1;\n    padding: var(--menu-padding-x, 0.25rem);\n    background-color: var(--menu-bg, var(--bg-body));\n  }\n  .combobox-search-input {\n    width: 100%;\n  }\n  .combobox-no-results {\n    padding: 1rem;\n    font-size: var(--font-size-sm);\n    color: var(--fg-3);\n    text-align: center;\n  }\n}\n@layer components {\n  .tooltip {\n    --tooltip-zindex: 1080;\n    --tooltip-max-width: 200px;\n    --tooltip-padding-x: 0.75rem;\n    --tooltip-padding-y: 0.375rem;\n    --tooltip-font-size: var(--font-size-sm);\n    --tooltip-color: var(--bg-body);\n    --tooltip-bg: var(--fg-body);\n    --tooltip-border-radius: var(--border-radius);\n    --tooltip-opacity: 0.95;\n    --tooltip-arrow-width: 0.8rem;\n    --tooltip-arrow-height: 0.4rem;\n    z-index: var(--tooltip-zindex);\n    display: block;\n    font-family: var(--body-font-family);\n    font-style: normal;\n    font-weight: var(--body-font-weight);\n    line-height: var(--body-line-height);\n    text-align: start;\n    text-decoration: none;\n    text-shadow: none;\n    text-transform: none;\n    letter-spacing: normal;\n    word-break: normal;\n    white-space: normal;\n    word-spacing: normal;\n    line-break: auto;\n    font-size: var(--tooltip-font-size);\n    word-wrap: break-word;\n    opacity: 0;\n  }\n  .tooltip.show {\n    opacity: var(--tooltip-opacity);\n  }\n  .tooltip .tooltip-arrow {\n    display: block;\n    width: var(--tooltip-arrow-width);\n    height: var(--tooltip-arrow-height);\n  }\n  .tooltip .tooltip-arrow::before {\n    position: absolute;\n    content: \"\";\n    border-color: transparent;\n    border-style: solid;\n  }\n  .bs-tooltip-top .tooltip-arrow, .bs-tooltip-auto[data-bs-placement^=top] .tooltip-arrow {\n    bottom: calc(-1 * var(--tooltip-arrow-height));\n  }\n  .bs-tooltip-top .tooltip-arrow::before, .bs-tooltip-auto[data-bs-placement^=top] .tooltip-arrow::before {\n    top: -1px;\n    border-width: var(--tooltip-arrow-height) calc(var(--tooltip-arrow-width) * 0.5) 0;\n    border-block-start-color: var(--tooltip-bg);\n  }\n  .bs-tooltip-end .tooltip-arrow, .bs-tooltip-auto[data-bs-placement^=right] .tooltip-arrow {\n    left: calc(-1 * var(--tooltip-arrow-height));\n    width: var(--tooltip-arrow-height);\n    height: var(--tooltip-arrow-width);\n  }\n  .bs-tooltip-end .tooltip-arrow::before, .bs-tooltip-auto[data-bs-placement^=right] .tooltip-arrow::before {\n    right: -1px;\n    border-width: calc(var(--tooltip-arrow-width) * 0.5) var(--tooltip-arrow-height) calc(var(--tooltip-arrow-width) * 0.5) 0;\n    border-inline-end-color: var(--tooltip-bg);\n  }\n  .bs-tooltip-bottom .tooltip-arrow, .bs-tooltip-auto[data-bs-placement^=bottom] .tooltip-arrow {\n    top: calc(-1 * var(--tooltip-arrow-height));\n  }\n  .bs-tooltip-bottom .tooltip-arrow::before, .bs-tooltip-auto[data-bs-placement^=bottom] .tooltip-arrow::before {\n    bottom: -1px;\n    border-width: 0 calc(var(--tooltip-arrow-width) * 0.5) var(--tooltip-arrow-height);\n    border-block-end-color: var(--tooltip-bg);\n  }\n  .bs-tooltip-start .tooltip-arrow, .bs-tooltip-auto[data-bs-placement^=left] .tooltip-arrow {\n    right: calc(-1 * var(--tooltip-arrow-height));\n    width: var(--tooltip-arrow-height);\n    height: var(--tooltip-arrow-width);\n  }\n  .bs-tooltip-start .tooltip-arrow::before, .bs-tooltip-auto[data-bs-placement^=left] .tooltip-arrow::before {\n    left: -1px;\n    border-width: calc(var(--tooltip-arrow-width) * 0.5) 0 calc(var(--tooltip-arrow-width) * 0.5) var(--tooltip-arrow-height);\n    border-inline-start-color: var(--tooltip-bg);\n  }\n  .tooltip-inner {\n    max-width: var(--tooltip-max-width);\n    padding: var(--tooltip-padding-y) var(--tooltip-padding-x);\n    color: var(--tooltip-color);\n    text-align: center;\n    background-color: var(--tooltip-bg);\n    border-radius: var(--tooltip-border-radius);\n  }\n}\n@layer components {\n  .valid-feedback {\n    display: none;\n    width: 100%;\n    margin-top: 0.5rem;\n    font-size: var(--font-size-xs);\n    color: var(--form-valid-color);\n  }\n  .valid-tooltip {\n    position: absolute;\n    top: 100%;\n    z-index: 5;\n    display: none;\n    max-width: 100%;\n    padding: var(--tooltip-padding-y) var(--tooltip-padding-x);\n    margin-top: 0.1rem;\n    font-size: var(--tooltip-font-size);\n    color: var(--success-contrast);\n    background-color: var(--success-bg);\n    border-radius: var(--tooltip-border-radius);\n  }\n  .was-validated :valid ~ .valid-feedback,\n  .was-validated :valid ~ .valid-tooltip,\n  .is-valid ~ .valid-feedback,\n  .is-valid ~ .valid-tooltip {\n    display: block;\n  }\n  .was-validated .form-control:valid, .form-control.is-valid {\n    border-color: var(--success-border);\n    padding-inline-end: calc(var(--control-padding-x) * 3.5);\n    background-image: url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%2300a748' d='M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1'/%3e%3c/svg%3e\");\n    background-repeat: no-repeat;\n    background-position: right var(--control-padding-x) center;\n    background-size: 1rem;\n  }\n  .was-validated .form-control:valid:focus-visible, .form-control.is-valid:focus-visible {\n    outline: var(--focus-ring-width) solid var(--success-focus-ring);\n    outline-offset: var(--focus-ring-offset);\n    border-color: var(--success-border);\n  }\n  .was-validated textarea.form-control:valid, textarea.form-control.is-valid {\n    background-position: right var(--control-padding-x) top var(--control-padding-x);\n  }\n  .was-validated .form-check-input:valid, .form-check-input.is-valid {\n    border-color: var(--success-border);\n  }\n  .was-validated .form-check-input:valid:checked, .form-check-input.is-valid:checked {\n    background-color: var(--form-valid-color);\n  }\n  .was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label {\n    color: var(--form-valid-color);\n  }\n  .form-check-inline .form-check-input ~ .valid-feedback {\n    margin-inline-start: 0.5em;\n  }\n  .was-validated .input-group > .form-control:not(:focus):valid, .input-group > .form-control:not(:focus).is-valid,\n  .was-validated .input-group > .form-select:not(:focus):valid,\n  .input-group > .form-select:not(:focus).is-valid,\n  .was-validated .input-group > .form-floating:not(:focus-within):valid,\n  .input-group > .form-floating:not(:focus-within).is-valid {\n    z-index: 3;\n  }\n  .invalid-feedback {\n    display: none;\n    width: 100%;\n    margin-top: 0.5rem;\n    font-size: var(--font-size-xs);\n    color: var(--form-invalid-color);\n  }\n  .invalid-tooltip {\n    position: absolute;\n    top: 100%;\n    z-index: 5;\n    display: none;\n    max-width: 100%;\n    padding: var(--tooltip-padding-y) var(--tooltip-padding-x);\n    margin-top: 0.1rem;\n    font-size: var(--tooltip-font-size);\n    color: var(--danger-contrast);\n    background-color: var(--danger-bg);\n    border-radius: var(--tooltip-border-radius);\n  }\n  .was-validated :invalid ~ .invalid-feedback,\n  .was-validated :invalid ~ .invalid-tooltip,\n  .is-invalid ~ .invalid-feedback,\n  .is-invalid ~ .invalid-tooltip {\n    display: block;\n  }\n  .was-validated .form-control:invalid, .form-control.is-invalid {\n    border-color: var(--danger-border);\n    padding-inline-end: calc(var(--control-padding-x) * 3.5);\n    background-image: url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dd0d37'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dd0d37' stroke='none'/%3e%3c/svg%3e\");\n    background-repeat: no-repeat;\n    background-position: right var(--control-padding-x) center;\n    background-size: 1rem;\n  }\n  .was-validated .form-control:invalid:focus-visible, .form-control.is-invalid:focus-visible {\n    outline: var(--focus-ring-width) solid var(--danger-focus-ring);\n    outline-offset: var(--focus-ring-offset);\n    border-color: var(--danger-border);\n  }\n  .was-validated textarea.form-control:invalid, textarea.form-control.is-invalid {\n    background-position: right var(--control-padding-x) top var(--control-padding-x);\n  }\n  .was-validated .form-check-input:invalid, .form-check-input.is-invalid {\n    border-color: var(--danger-border);\n  }\n  .was-validated .form-check-input:invalid:checked, .form-check-input.is-invalid:checked {\n    background-color: var(--form-invalid-color);\n  }\n  .was-validated .form-check-input:invalid ~ .form-check-label, .form-check-input.is-invalid ~ .form-check-label {\n    color: var(--form-invalid-color);\n  }\n  .form-check-inline .form-check-input ~ .invalid-feedback {\n    margin-inline-start: 0.5em;\n  }\n  .was-validated .input-group > .form-control:not(:focus):invalid, .input-group > .form-control:not(:focus).is-invalid,\n  .was-validated .input-group > .form-select:not(:focus):invalid,\n  .input-group > .form-select:not(:focus).is-invalid,\n  .was-validated .input-group > .form-floating:not(:focus-within):invalid,\n  .input-group > .form-floating:not(:focus-within).is-invalid {\n    z-index: 4;\n  }\n}\n@layer components {\n  .btn, .btn-link, .btn-icon, .btn-solid, .btn-outline, .btn-subtle, .btn-text {\n    --btn-min-height: var(--btn-input-min-height);\n    --btn-padding-x: var(--btn-input-padding-x);\n    --btn-padding-y: var(--btn-input-padding-y);\n    --btn-font-size: var(--btn-input-font-size);\n    --btn-font-weight: var(--btn-input-font-weight);\n    --btn-line-height: var(--btn-input-line-height);\n    --btn-color: var(--fg-body);\n    --btn-white-space: nowrap;\n    --btn-border-width: var(--border-width);\n    --btn-border-color: transparent;\n    --btn-border-radius: var(--border-radius);\n    --btn-hover-border-color: transparent;\n    --btn-disabled-opacity: 0.65;\n    --btn-transition-timing: 0.15s ease-in-out;\n    --btn-transition-property: color, background-color, border-color, box-shadow;\n    --btn-transition: var(--btn-transition-property) var(--btn-transition-timing);\n    display: inline-flex;\n    gap: var(--btn-gap, 0.25rem);\n    align-items: center;\n    justify-content: center;\n    min-height: var(--btn-min-height);\n    padding: var(--btn-padding-y) var(--btn-padding-x);\n    font-size: var(--btn-font-size);\n    font-weight: var(--btn-font-weight);\n    line-height: var(--btn-line-height);\n    color: var(--btn-color);\n    text-decoration: none;\n    white-space: var(--btn-white-space);\n    vertical-align: middle;\n    cursor: pointer;\n    user-select: none;\n    background-color: var(--btn-bg, var(--bg-2));\n    border: var(--btn-border-width) solid var(--btn-border-color);\n    border-radius: var(--btn-border-radius);\n    transition: var(--btn-transition);\n  }\n  @media (prefers-reduced-motion: reduce) {\n    .btn, .btn-link, .btn-icon, .btn-solid, .btn-outline, .btn-subtle, .btn-text {\n      transition: none;\n    }\n  }\n  .btn:hover, .btn-link:hover, .btn-icon:hover, .btn-solid:hover, .btn-outline:hover, .btn-subtle:hover, .btn-text:hover {\n    color: var(--btn-hover-color);\n    background-color: var(--btn-hover-bg, var(--bg-3));\n    border-color: var(--btn-hover-border-color);\n  }\n  .btn:focus-visible, .btn-link:focus-visible, .btn-icon:focus-visible, .btn-solid:focus-visible, .btn-outline:focus-visible, .btn-subtle:focus-visible, .btn-text:focus-visible {\n    outline: var(--focus-ring);\n    outline-offset: var(--focus-ring-offset);\n    --focus-ring-offset: 1px;\n  }\n  .btn.active, .btn.show, .btn-link.active, .btn-link.show, .btn-icon.active, .btn-icon.show, .btn-solid.active, .btn-solid.show, .btn-outline.active, .btn-outline.show, .btn-subtle.active, .btn-subtle.show, .btn-text.active, .btn-text.show {\n    color: var(--btn-active-color);\n    background-color: var(--btn-active-bg, var(--bg-3));\n    border-color: var(--btn-active-border-color);\n  }\n  .btn.active:focus-visible, .btn.show:focus-visible, .btn-link.active:focus-visible, .btn-link.show:focus-visible, .btn-icon.active:focus-visible, .btn-icon.show:focus-visible, .btn-solid.active:focus-visible, .btn-solid.show:focus-visible, .btn-outline.active:focus-visible, .btn-outline.show:focus-visible, .btn-subtle.active:focus-visible, .btn-subtle.show:focus-visible, .btn-text.active:focus-visible, .btn-text.show:focus-visible {\n    outline: var(--focus-ring);\n    outline-offset: var(--focus-ring-offset);\n  }\n  .btn:disabled, .btn.disabled, fieldset:disabled .btn, .btn-link:disabled, .btn-link.disabled, fieldset:disabled .btn-link, .btn-icon:disabled, .btn-icon.disabled, fieldset:disabled .btn-icon, .btn-solid:disabled, .btn-solid.disabled, fieldset:disabled .btn-solid, .btn-outline:disabled, .btn-outline.disabled, fieldset:disabled .btn-outline, .btn-subtle:disabled, .btn-subtle.disabled, fieldset:disabled .btn-subtle, .btn-text:disabled, .btn-text.disabled, fieldset:disabled .btn-text {\n    color: var(--btn-disabled-color);\n    pointer-events: none;\n    background-color: var(--btn-disabled-bg, var(--bg-1));\n    background-image: none;\n    border-color: var(--btn-disabled-border-color);\n    opacity: var(--btn-disabled-opacity);\n  }\n  .btn-solid {\n    --btn-bg: var(--theme-bg);\n    --btn-color: var(--theme-contrast);\n    --btn-border-color: var(--theme-bg);\n    --btn-active-bg: oklch(from var(--theme-bg) calc(l * .9) calc(c * 1.15) h);\n    --btn-active-border-color: oklch(from var(--theme-bg) calc(l * .9) calc(c * 1.15) h);\n    --btn-active-color: oklch(from var(--theme-contrast) calc(l * .9) calc(c * 1.15) h);\n    --btn-disabled-bg: var(--theme-bg);\n    --btn-disabled-color: var(--theme-contrast);\n    --btn-disabled-border-color: var(--theme-bg);\n  }\n  .btn-solid:hover {\n    --btn-hover-bg: oklch(from var(--theme-bg) calc(l * .95) calc(c * 1.1) h);\n    --btn-hover-border-color: oklch(from var(--theme-bg) calc(l * .95) calc(c * 1.1) h);\n    --btn-hover-color: oklch(from var(--theme-contrast) calc(l * .95) calc(c * 1.1) h);\n  }\n  .btn-solid:focus-visible {\n    outline-color: var(--theme-focus-ring);\n  }\n  .btn-solid:active, .btn-solid.active, .btn-solid.btn-check:has(input:checked) {\n    --btn-active-bg: oklch(from var(--theme-bg) calc(l * .9) calc(c * 1.15) h);\n    --btn-active-border-color: oklch(from var(--theme-bg) calc(l * .9) calc(c * 1.15) h);\n    --btn-active-color: oklch(from var(--theme-contrast) calc(l * .9) calc(c * 1.15) h);\n  }\n  .btn-solid:disabled, .btn-solid.disabled, .btn-solid.btn-check:has(input:disabled) {\n    --btn-disabled-bg: var(--theme-bg);\n    --btn-disabled-color: var(--theme-contrast);\n    --btn-disabled-border-color: var(--theme-bg);\n  }\n  .btn-outline {\n    --btn-bg: transparent;\n    --btn-color: var(--theme-text);\n    --btn-border-color: var(--theme-border);\n    --btn-active-bg: oklch(from var(--theme-bg) calc(l * .9) calc(c * 1.15) h);\n    --btn-active-color: oklch(from var(--theme-contrast) calc(l * .9) calc(c * 1.15) h);\n    --btn-active-border-color: oklch(from var(--theme-bg) calc(l * .9) calc(c * 1.15) h);\n    --btn-disabled-bg: transparent;\n    --btn-disabled-color: var(--theme-text);\n    --btn-disabled-border-color: var(--theme-border);\n  }\n  .btn-outline:hover {\n    --btn-hover-bg: oklch(from var(--theme-bg) calc(l * .95) calc(c * 1.1) h);\n    --btn-hover-color: oklch(from var(--theme-contrast) calc(l * .95) calc(c * 1.1) h);\n    --btn-hover-border-color: oklch(from var(--theme-bg) calc(l * .95) calc(c * 1.1) h);\n  }\n  .btn-outline:focus-visible {\n    outline-color: var(--theme-focus-ring);\n  }\n  .btn-outline:active, .btn-outline.active, .btn-outline.btn-check:has(input:checked) {\n    --btn-active-bg: oklch(from var(--theme-bg) calc(l * .9) calc(c * 1.15) h);\n    --btn-active-color: oklch(from var(--theme-contrast) calc(l * .9) calc(c * 1.15) h);\n    --btn-active-border-color: oklch(from var(--theme-bg) calc(l * .9) calc(c * 1.15) h);\n  }\n  .btn-outline:disabled, .btn-outline.disabled, .btn-outline.btn-check:has(input:disabled) {\n    --btn-disabled-bg: transparent;\n    --btn-disabled-color: var(--theme-text);\n    --btn-disabled-border-color: var(--theme-border);\n  }\n  .btn-subtle {\n    --btn-bg: var(--theme-bg-subtle);\n    --btn-color: var(--theme-text);\n    --btn-border-color: transparent;\n    --btn-active-bg: var(--theme-bg-subtle);\n    --btn-active-color: oklch(from var(--theme-text-emphasis) calc(l * .9) calc(c * 1.15) h);\n    --btn-disabled-bg: var(--theme-bg-subtle);\n    --btn-disabled-color: var(--theme-text);\n    --btn-disabled-border-color: transparent;\n  }\n  .btn-subtle:hover {\n    --btn-hover-bg: color-mix(in oklch, var(--theme-bg-muted) 50%, var(--theme-bg-subtle));\n    --btn-hover-color: oklch(from var(--theme-text-emphasis) calc(l * .95) calc(c * 1.1) h);\n  }\n  .btn-subtle:focus-visible {\n    outline-color: var(--theme-focus-ring);\n  }\n  .btn-subtle:active, .btn-subtle.active, .btn-subtle.btn-check:has(input:checked) {\n    --btn-active-bg: var(--theme-bg-subtle);\n    --btn-active-color: oklch(from var(--theme-text-emphasis) calc(l * .9) calc(c * 1.15) h);\n  }\n  .btn-subtle:disabled, .btn-subtle.disabled, .btn-subtle.btn-check:has(input:disabled) {\n    --btn-disabled-bg: var(--theme-bg-subtle);\n    --btn-disabled-color: var(--theme-text);\n    --btn-disabled-border-color: transparent;\n  }\n  .btn-text {\n    --btn-color: var(--theme-text);\n    --btn-bg: transparent;\n    --btn-border-color: transparent;\n    --btn-active-color: oklch(from var(--theme-text) calc(l * .9) calc(c * 1.15) h);\n    --btn-active-bg: var(--theme-bg-subtle);\n    --btn-disabled-color: var(--theme-text);\n    --btn-disabled-bg: transparent;\n    --btn-disabled-border-color: transparent;\n  }\n  .btn-text:hover {\n    --btn-hover-color: oklch(from var(--theme-text) calc(l * .95) calc(c * 1.1) h);\n    --btn-hover-bg: var(--theme-bg-subtle);\n  }\n  .btn-text:focus-visible {\n    outline-color: var(--theme-focus-ring);\n  }\n  .btn-text:active, .btn-text.active, .btn-text.btn-check:has(input:checked) {\n    --btn-active-color: oklch(from var(--theme-text) calc(l * .9) calc(c * 1.15) h);\n    --btn-active-bg: var(--theme-bg-subtle);\n  }\n  .btn-text:disabled, .btn-text.disabled, .btn-text.btn-check:has(input:disabled) {\n    --btn-disabled-color: var(--theme-text);\n    --btn-disabled-bg: transparent;\n    --btn-disabled-border-color: transparent;\n  }\n  .btn-link {\n    --btn-font-weight: var(--font-weight-normal);\n    --btn-color: var(--link-color);\n    --btn-bg: transparent;\n    --btn-border-color: transparent;\n    --btn-hover-color: var(--link-hover-color);\n    --btn-hover-bg: transparent;\n    --btn-hover-border-color: transparent;\n    --btn-active-color: var(--link-hover-color);\n    --btn-active-bg: transparent;\n    --btn-active-border-color: transparent;\n    --btn-disabled-color: var(--fg-3);\n    --btn-disabled-border-color: transparent;\n    color: var(--theme-fg, var(--btn-color));\n    text-decoration: var(--link-decoration);\n    background-image: none;\n  }\n  .btn-link:focus-visible {\n    color: var(--theme-fg, var(--btn-color));\n  }\n  .btn-link:hover {\n    color: var(--theme-fg-emphasis, var(--btn-hover-color));\n  }\n  .btn-xs,\n  .btn-group-xs > [class*=btn-] {\n    --btn-min-height: var(--btn-input-xs-min-height);\n    --btn-padding-y: var(--btn-input-xs-padding-y);\n    --btn-padding-x: var(--btn-input-xs-padding-x);\n    --btn-font-size: var(--btn-input-xs-font-size);\n    --btn-line-height: var(--btn-input-xs-line-height);\n    --btn-border-radius: var(--btn-input-xs-border-radius);\n  }\n  .btn-sm,\n  .btn-group-sm > [class*=btn-] {\n    --btn-min-height: var(--btn-input-sm-min-height);\n    --btn-padding-y: var(--btn-input-sm-padding-y);\n    --btn-padding-x: var(--btn-input-sm-padding-x);\n    --btn-font-size: var(--btn-input-sm-font-size);\n    --btn-line-height: var(--btn-input-sm-line-height);\n    --btn-border-radius: var(--btn-input-sm-border-radius);\n  }\n  .btn-lg,\n  .btn-group-lg > [class*=btn-] {\n    --btn-min-height: var(--btn-input-lg-min-height);\n    --btn-padding-y: var(--btn-input-lg-padding-y);\n    --btn-padding-x: var(--btn-input-lg-padding-x);\n    --btn-font-size: var(--btn-input-lg-font-size);\n    --btn-line-height: var(--btn-input-lg-line-height);\n    --btn-border-radius: var(--btn-input-lg-border-radius);\n  }\n  .btn-icon {\n    align-items: center;\n    justify-content: center;\n    aspect-ratio: 1;\n    padding: 0;\n  }\n  .btn-check > input {\n    position: absolute;\n    clip: rect(0, 0, 0, 0);\n    pointer-events: none;\n  }\n  .btn-check:has(input:checked) {\n    color: var(--btn-active-color);\n    background-color: var(--btn-active-bg, var(--bg-3));\n    background-image: none;\n    border-color: var(--btn-active-border-color);\n    box-shadow: var(--btn-active-shadow);\n  }\n  .btn-check:has(input:focus-visible) {\n    outline: var(--focus-ring);\n    outline-offset: var(--focus-ring-offset);\n    --focus-ring-offset: 1px;\n  }\n  .btn-check:has(input:disabled) {\n    color: var(--btn-disabled-color);\n    pointer-events: none;\n    background-color: var(--btn-disabled-bg, var(--bg-1));\n    background-image: none;\n    border-color: var(--btn-disabled-border-color);\n    opacity: var(--btn-disabled-opacity);\n    box-shadow: none;\n  }\n  .btn-styled {\n    --btn-gradient-start: rgba(255, 255, 255, 0.125);\n    --btn-gradient-end: rgba(0, 0, 0, 0.075);\n    --btn-border-mix-color: #000;\n    --btn-border-mix-amount: 10%;\n    --btn-border-hover-mix-amount: 12.5%;\n    --btn-border-active-mix-amount: 20%;\n    --btn-shadow: 0 1px 2px rgb(0 0 0 / 15%), inset 0 1px 0 rgb(255 255 255 / 10%);\n    --btn-active-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15);\n    background-image: linear-gradient(to bottom, var(--btn-gradient-start), var(--btn-gradient-end));\n    border-color: color-mix(in lab, var(--theme-bg), var(--btn-border-mix-color) var(--btn-border-mix-amount));\n    box-shadow: var(--btn-shadow);\n  }\n  .btn-styled:hover {\n    background-image: linear-gradient(to bottom, var(--btn-gradient-start), var(--btn-gradient-end));\n    border-color: color-mix(in lab, var(--theme-bg), var(--btn-border-mix-color) var(--btn-border-hover-mix-amount));\n  }\n  .btn-styled:active, .btn-styled.active {\n    background-image: none;\n    border-color: color-mix(in lab, var(--theme-bg), var(--btn-border-mix-color) var(--btn-border-active-mix-amount));\n    box-shadow: var(--btn-active-shadow);\n  }\n  .btn-styled:disabled, .btn-styled.disabled {\n    background-image: none;\n    box-shadow: none;\n  }\n}\n@layer components {\n  .btn-group,\n  .btn-group-vertical {\n    position: relative;\n    display: inline-flex;\n    vertical-align: middle;\n  }\n  .btn-group > [class*=btn-],\n  .btn-group-vertical > [class*=btn-] {\n    position: relative;\n    flex: 1 1 auto;\n  }\n  .btn-group > [class*=btn-]:hover,\n  .btn-group-vertical > [class*=btn-]:hover {\n    z-index: 1;\n  }\n  .btn-group > .btn-check:has(input:checked),\n  .btn-group > [class*=btn-]:active,\n  .btn-group > [class*=btn-].active,\n  .btn-group-vertical > .btn-check:has(input:checked),\n  .btn-group-vertical > [class*=btn-]:active,\n  .btn-group-vertical > [class*=btn-].active {\n    z-index: 2;\n  }\n  .btn-group > .btn-check:has(input:focus),\n  .btn-group > [class*=btn-]:focus,\n  .btn-group-vertical > .btn-check:has(input:focus),\n  .btn-group-vertical > [class*=btn-]:focus {\n    z-index: 3;\n  }\n  .btn-group-divider > [class*=btn-] + [class*=btn-]::before {\n    position: absolute;\n    z-index: 3;\n    content: \"\";\n    background-color: var(--btn-color);\n    opacity: 0.25;\n  }\n  .btn-group:where(.btn-group-divider) > [class*=btn-] + [class*=btn-]::before {\n    top: 25%;\n    bottom: 25%;\n    left: calc(var(--btn-border-width) * -1);\n    width: var(--btn-border-width);\n  }\n  .btn-group-vertical:where(.btn-group-divider) > [class*=btn-] + [class*=btn-]::before {\n    top: calc(var(--btn-border-width) * -1);\n    right: var(--btn-padding-x);\n    left: var(--btn-padding-x);\n    height: var(--btn-border-width);\n  }\n  .btn-toolbar {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 0.5rem;\n    justify-content: flex-start;\n  }\n  .btn-toolbar .input-group {\n    width: auto;\n  }\n  .btn-group {\n    border-radius: var(--btn-border-radius);\n  }\n  .btn-group > [class*=btn-]:not(:first-child),\n  .btn-group > .btn-group:not(:first-child) {\n    margin-inline-start: calc(-1 * var(--btn-border-width));\n  }\n  .btn-group > [class*=btn-]:not(:last-child, :has(+ .menu)),\n  .btn-group > .btn-group:not(:last-child) > [class*=btn-] {\n    border-start-end-radius: 0;\n    border-end-end-radius: 0;\n  }\n  .btn-group > [class*=btn-]:not(:first-child),\n  .btn-group > .btn-group:not(:first-child) > [class*=btn-] {\n    border-start-start-radius: 0;\n    border-end-start-radius: 0;\n  }\n  .btn-group-vertical {\n    flex-direction: column;\n    align-items: flex-start;\n    justify-content: center;\n  }\n  .btn-group-vertical > [class*=btn-],\n  .btn-group-vertical > .btn-group {\n    width: 100%;\n  }\n  .btn-group-vertical > [class*=btn-]:not(:first-child),\n  .btn-group-vertical > .btn-group:not(:first-child) {\n    margin-top: calc(-1 * var(--btn-border-width));\n  }\n  .btn-group-vertical > [class*=btn-]:not(:last-child, :has(+ .menu)),\n  .btn-group-vertical > .btn-group:not(:last-child) > [class*=btn-] {\n    border-end-start-radius: 0;\n    border-end-end-radius: 0;\n  }\n  .btn-group-vertical > [class*=btn-]:not(:first-child),\n  .btn-group-vertical > .btn-group:not(:first-child) > [class*=btn-] {\n    border-start-start-radius: 0;\n    border-start-end-radius: 0;\n  }\n}\n@layer components {\n  .btn-close {\n    --btn-close-size: 1.25rem;\n    --btn-close-color: inherit;\n    --btn-close-opacity: 0.5;\n    --btn-close-hover-opacity: 0.75;\n    --btn-close-focus-opacity: 0.85;\n    --btn-close-disabled-opacity: 0.25;\n    box-sizing: content-box;\n    width: var(--btn-close-size);\n    height: var(--btn-close-size);\n    padding: 0;\n    color: var(--btn-close-color);\n    background: transparent;\n    border: 0;\n    border-radius: var(--border-radius-sm);\n    opacity: var(--btn-close-opacity);\n  }\n  .btn-close > svg {\n    display: block;\n    width: 100%;\n    height: 100%;\n    fill: currentcolor;\n  }\n  .btn-close:hover {\n    color: var(--btn-close-color);\n    text-decoration: none;\n    opacity: var(--btn-close-hover-opacity);\n  }\n  .btn-close:focus-visible {\n    opacity: var(--btn-close-focus-opacity);\n    outline: var(--focus-ring);\n  }\n  .btn-close:disabled, .btn-close.disabled {\n    pointer-events: none;\n    user-select: none;\n    opacity: var(--btn-close-disabled-opacity);\n  }\n}\n@layer components {\n  .accordion {\n    --accordion-padding-x: 1.25rem;\n    --accordion-padding-y: 1rem;\n    --accordion-color: var(--fg-body);\n    --accordion-bg: var(--bg-body);\n    --accordion-transition-property: color, background-color, border-radius;\n    --accordion-transition-timing: .15s ease-in-out;\n    --accordion-transition: var(--accordion-transition-property) var(--accordion-timing);\n    --accordion-border-color: var(--border-color);\n    --accordion-border-width: var(--border-width);\n    --accordion-border-radius: var(--accordion-radius, var(--border-radius-lg));\n    --accordion-btn-color: var(--fg-2);\n    --accordion-btn-bg: var(--bg-body);\n    --accordion-btn-icon-width: 1rem;\n    --accordion-btn-icon-transform: rotate(-180deg);\n    --accordion-btn-icon-transition: transform 0.2s ease-in-out;\n    --accordion-active-color: var(--fg);\n    --accordion-active-bg: var(--bg-2);\n  }\n  .accordion-header {\n    display: flex;\n    align-items: center;\n    width: 100%;\n    padding: var(--accordion-btn-padding-y, var(--accordion-padding-y)) var(--accordion-btn-padding-x, var(--accordion-padding-x));\n    font-size: var(--accordion-font-size, var(--font-size-base));\n    color: var(--accordion-btn-color);\n    text-align: start;\n    list-style: none;\n    cursor: pointer;\n    background-color: var(--accordion-btn-bg);\n    transition: var(--accordion-transition);\n  }\n  @media (prefers-reduced-motion: reduce) {\n    .accordion-header {\n      transition: none;\n    }\n  }\n  .accordion-header .accordion-icon {\n    flex-shrink: 0;\n    width: var(--accordion-btn-icon-width);\n    height: var(--accordion-btn-icon-width);\n    margin-inline-start: auto;\n    color: currentcolor;\n    transition: var(--accordion-btn-icon-transition);\n  }\n  @media (prefers-reduced-motion: reduce) {\n    .accordion-header .accordion-icon {\n      transition: none;\n    }\n  }\n  .accordion-header:hover {\n    z-index: 2;\n  }\n  .accordion-header:focus-visible {\n    position: relative;\n    z-index: 3;\n    outline: var(--focus-ring);\n    outline-offset: var(--focus-ring-offset);\n    outline-offset: -1px;\n  }\n  .accordion-item {\n    color: var(--accordion-color);\n    background-color: var(--accordion-bg);\n    border: var(--accordion-border-width) solid var(--accordion-border-color);\n  }\n  .accordion-item:first-of-type {\n    border-start-start-radius: var(--accordion-border-radius);\n    border-start-end-radius: var(--accordion-border-radius);\n  }\n  .accordion-item:first-of-type > .accordion-header {\n    border-start-start-radius: calc(var(--accordion-border-radius) - var(--accordion-border-width));\n    border-start-end-radius: calc(var(--accordion-border-radius) - var(--accordion-border-width));\n  }\n  .accordion-item:not(:first-of-type) {\n    border-block-start: 0;\n  }\n  .accordion-item:last-of-type {\n    border-end-start-radius: var(--accordion-border-radius);\n    border-end-end-radius: var(--accordion-border-radius);\n  }\n  .accordion-item:last-of-type > .accordion-header {\n    border-end-start-radius: calc(var(--accordion-border-radius) - var(--accordion-border-width));\n    border-end-end-radius: calc(var(--accordion-border-radius) - var(--accordion-border-width));\n  }\n  .accordion-item:last-of-type > .accordion-body {\n    border-end-start-radius: var(--accordion-border-radius);\n    border-end-end-radius: var(--accordion-border-radius);\n  }\n  .accordion-item[open] {\n    border-color: var(--theme-border, var(--accordion-border-color));\n  }\n  .accordion-item[open] > .accordion-header {\n    color: var(--theme-fg, var(--accordion-active-color));\n    background-color: var(--theme-bg-subtle, var(--accordion-active-bg));\n    box-shadow: inset 0 calc(-1 * var(--accordion-border-width)) 0 var(--theme-border, var(--accordion-border-color));\n  }\n  .accordion-item[open] > .accordion-header .accordion-icon {\n    transform: var(--accordion-btn-icon-transform);\n  }\n  .accordion-item[open]:last-of-type > .accordion-header {\n    border-end-start-radius: 0;\n    border-end-end-radius: 0;\n  }\n  .accordion-body {\n    padding: var(--accordion-body-padding-y, var(--accordion-padding-y)) var(--accordion-body-padding-x, var(--accordion-padding-x));\n  }\n  .accordion-flush > .accordion-item {\n    border-inline: 0;\n    border-radius: 0;\n  }\n  .accordion-flush > .accordion-item:first-child {\n    border-block-start: 0;\n  }\n  .accordion-flush > .accordion-item:last-child {\n    border-block-end: 0;\n  }\n  .accordion-flush > .accordion-item > .accordion-header,\n  .accordion-flush > .accordion-item > .accordion-body {\n    border-radius: 0;\n  }\n}\n@layer components {\n  .alert {\n    --alert-gap: 0.75rem;\n    --alert-bg: var(--theme-bg-subtle, var(--bg-1));\n    --alert-padding-x: 1rem;\n    --alert-padding-y: 1rem;\n    --alert-color: var(--theme-fg, inherit);\n    --alert-border-color: var(--theme-border, var(--border-color));\n    --alert-border: var(--border-width) solid var(--alert-border-color);\n    --alert-border-radius: var(--border-radius);\n    --alert-link-color: inherit;\n    --hr-border-color: var(--theme-border, var(--border-color));\n    display: flex;\n    gap: var(--alert-gap);\n    align-items: start;\n    padding: var(--alert-padding-y) var(--alert-padding-x);\n    color: var(--alert-color);\n    background-color: var(--alert-bg);\n    border: var(--alert-border);\n    border-radius: var(--alert-border-radius);\n  }\n  .alert > p {\n    margin-bottom: 0;\n  }\n  .alert-heading {\n    color: inherit;\n  }\n  .alert-link {\n    font-weight: var(--font-weight-semibold);\n    color: var(--alert-link-color);\n  }\n}\n@layer components {\n  .avatar {\n    --avatar-size: 2.5rem;\n    --avatar-border-radius: 50%;\n    --avatar-border-width: 2px;\n    --avatar-border-color: var(--bg-body);\n    --avatar-bg: var(--bg-2);\n    --avatar-color: var(--fg-body);\n    --avatar-status-size: 0.75rem;\n    --avatar-status-border-width: 2px;\n    --avatar-status-border-color: var(--bg-body);\n    --avatar-stack-spacing: -0.3;\n    --avatar-stack-transition: transform .2s ease-in-out;\n    position: relative;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    width: var(--avatar-size);\n    height: var(--avatar-size);\n    font-size: calc(var(--avatar-size) * 0.4);\n    font-weight: var(--avatar-font-weight, var(--font-weight-medium));\n    line-height: 1;\n    color: var(--theme-contrast, var(--avatar-color));\n    text-transform: uppercase;\n    vertical-align: middle;\n    background-color: var(--theme-bg, var(--avatar-bg));\n    border-radius: var(--avatar-border-radius);\n  }\n  .avatar-subtle {\n    color: var(--theme-fg, var(--avatar-color));\n    background-color: var(--theme-bg-subtle, var(--avatar-bg));\n  }\n  .avatar-img {\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n    border-radius: inherit;\n  }\n  .avatar-status {\n    position: absolute;\n    right: calc(var(--avatar-status-border-width) * -1);\n    bottom: calc(var(--avatar-status-border-width) * -1);\n    width: var(--avatar-status-size);\n    height: var(--avatar-status-size);\n    background-color: var(--gray-400);\n    border: var(--avatar-status-border-width) solid var(--avatar-status-border-color);\n    border-radius: 50%;\n  }\n  .avatar-status.status-online {\n    background-color: var(--green-500);\n  }\n  .avatar-status.status-offline {\n    background-color: var(--gray-400);\n    border-radius: 20%;\n  }\n  .avatar-status.status-busy {\n    background-color: var(--red-500);\n    border-radius: 20%;\n  }\n  .avatar-status.status-away {\n    background-color: var(--yellow-500);\n  }\n  .avatar-stack {\n    display: inline-flex;\n    flex-direction: row-reverse;\n  }\n  .avatar-stack .avatar {\n    margin-left: calc(var(--avatar-size) * var(--avatar-stack-spacing));\n    border: var(--avatar-border-width) solid var(--avatar-border-color);\n    mask-image: none;\n    transition: var(--avatar-stack-transition);\n  }\n  @media (prefers-reduced-motion: reduce) {\n    .avatar-stack .avatar {\n      transition: none;\n    }\n  }\n  .avatar-stack .avatar:last-child {\n    margin-left: 0;\n  }\n  .avatar-stack .avatar:hover {\n    z-index: 1;\n    transform: translateY(-2px);\n  }\n  .avatar-xs,\n  .avatar-stack-xs {\n    --avatar-size: 1.5rem;\n    --avatar-status-size: 0.625rem;\n  }\n  .avatar-sm,\n  .avatar-stack-sm {\n    --avatar-size: 2rem;\n  }\n  .avatar-lg,\n  .avatar-stack-lg {\n    --avatar-size: 3rem;\n    --avatar-status-size: 1rem;\n  }\n  .avatar-xl,\n  .avatar-stack-xl {\n    --avatar-size: 4rem;\n    --avatar-status-size: 1.25rem;\n  }\n}\n@layer components {\n  .badge {\n    --badge-padding-x: 0.625em;\n    --badge-padding-y: 0.25em;\n    --badge-font-size: clamp(12px, 0.75em, 0.75em);\n    --badge-font-weight: var(--font-weight-semibold);\n    --badge-color: inherit;\n    --badge-bg: var(--bg-2);\n    --badge-border-width: var(--border-width);\n    --badge-border-color: transparent;\n    --badge-border-radius: var(--border-radius-lg);\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    min-height: 1.375rem;\n    padding: var(--badge-padding-y) var(--badge-padding-x);\n    font-size: var(--badge-font-size);\n    font-weight: var(--badge-font-weight);\n    line-height: 1;\n    color: var(--theme-contrast, var(--badge-color));\n    text-align: center;\n    white-space: nowrap;\n    vertical-align: baseline;\n    background-color: var(--theme-bg, var(--badge-bg));\n    border: var(--badge-border-width) solid var(--badge-border-color);\n    border-radius: var(--badge-border-radius);\n    background-image: var(--gradient);\n  }\n  .badge:empty {\n    display: none;\n  }\n  .btn .badge {\n    position: relative;\n    top: -1px;\n  }\n  .badge-subtle {\n    --badge-color: var(--theme-text);\n    --badge-bg: var(--theme-bg-subtle);\n    --badge-border-color: transparent;\n    color: var(--badge-color);\n    background-color: var(--badge-bg);\n    border-color: var(--badge-border-color);\n  }\n  .badge-outline {\n    --badge-color: var(--theme-text);\n    --badge-bg: transparent;\n    --badge-border-color: var(--theme-border);\n    color: var(--badge-color);\n    background-color: var(--badge-bg);\n    border-color: var(--badge-border-color);\n  }\n}\n@layer components {\n  .breadcrumb {\n    --breadcrumb-margin-bottom: 1rem;\n    --breadcrumb-font-size: inherit;\n    --breadcrumb-bg: transparent;\n    --breadcrumb-border-radius: var(--border-radius);\n    --breadcrumb-divider-color: var(--fg-4);\n    --breadcrumb-link-padding-x: 0.75rem;\n    --breadcrumb-link-padding-y: 0.25rem;\n    --breadcrumb-link-color: var(--fg-3);\n    --breadcrumb-link-hover-color: var(--fg-2);\n    --breadcrumb-link-hover-bg: var(--bg-1);\n    --breadcrumb-link-active-color: var(--fg-1);\n    --breadcrumb-link-border-radius: var(--border-radius-lg);\n    display: flex;\n    flex-wrap: wrap;\n    align-items: center;\n    padding: var(--breadcrumb-padding-y, 0) var(--breadcrumb-padding-x, 0);\n    font-size: var(--breadcrumb-font-size);\n    list-style: none;\n    background-color: var(--breadcrumb-bg);\n    border-radius: var(--breadcrumb-border-radius);\n  }\n  .breadcrumb-item {\n    display: flex;\n  }\n  .breadcrumb-divider {\n    margin-inline: calc(var(--breadcrumb-link-padding-x) / 4);\n    color: var(--breadcrumb-divider-color);\n  }\n  .breadcrumb-link {\n    position: relative;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    min-height: 2.25rem;\n    padding: var(--breadcrumb-link-padding-y) var(--breadcrumb-link-padding-x);\n    color: var(--breadcrumb-link-color);\n    text-decoration: none;\n    border-radius: var(--breadcrumb-link-border-radius);\n    transition: 0.1s text-decoration-color ease-in-out;\n  }\n  @media (prefers-reduced-motion: reduce) {\n    .breadcrumb-link {\n      transition: none;\n    }\n  }\n  .breadcrumb-link:hover {\n    z-index: 2;\n    color: var(--breadcrumb-link-hover-color);\n    background-color: var(--breadcrumb-link-hover-bg);\n  }\n  .breadcrumb-link.active {\n    color: var(--breadcrumb-link-active-color);\n  }\n}\n@layer components {\n  .chip {\n    --chip-height: 1.75rem;\n    --chip-padding-x: 0.625rem;\n    --chip-gap: 0.3125rem;\n    --chip-border-radius: var(--border-radius-pill);\n    --chip-img-size: 1.25rem;\n    --chip-icon-size: 1rem;\n    --chip-dismiss-size: 1rem;\n    --chip-dismiss-opacity: 0.65;\n    --chip-dismiss-hover-opacity: 1;\n    --chip-color: var(--theme-fg, var(--fg-body));\n    --chip-bg: var(--theme-bg-subtle, var(--bg-2));\n    --chip-border-color: transparent;\n    --chip-selected-color: var(--theme-contrast, var(--primary-contrast));\n    --chip-selected-bg: var(--theme-bg, var(--primary-bg));\n    --chip-selected-border-color: var(--theme-bg, var(--primary-bg));\n    display: inline-flex;\n    gap: var(--chip-gap);\n    align-items: center;\n    height: var(--chip-height);\n    padding-inline: var(--chip-padding-x);\n    font-size: var(--chip-font-size, var(--font-size-sm));\n    font-weight: var(--chip-font-weight, var(--font-weight-base));\n    line-height: var(--chip-line-height, 1.25rem);\n    color: var(--chip-color);\n    text-decoration: none;\n    white-space: nowrap;\n    vertical-align: middle;\n    cursor: pointer;\n    background-color: var(--chip-bg);\n    border: var(--border-width) solid var(--chip-border-color);\n    border-radius: var(--chip-border-radius);\n  }\n  .chip:hover {\n    --chip-bg: var(--theme-bg-muted, var(--bg-3));\n  }\n  .chip:focus-visible {\n    outline: 0;\n  }\n  .chip.active {\n    --chip-color: var(--chip-selected-color);\n    --chip-bg: var(--chip-selected-bg);\n    --chip-border-color: var(--chip-selected-border-color);\n  }\n  .chip.active:hover {\n    --chip-bg: var(--chip-selected-bg);\n    opacity: 0.9;\n  }\n  .chip.disabled, .chip:disabled {\n    pointer-events: none;\n    opacity: 0.65;\n  }\n  .chip-img {\n    width: var(--chip-img-size);\n    height: var(--chip-img-size);\n    border-radius: 50%;\n  }\n  .chip-img:first-child {\n    margin-inline-start: -0.375rem;\n  }\n  .chip-icon {\n    display: flex;\n    flex-shrink: 0;\n    align-items: center;\n    justify-content: center;\n    margin-inline-start: calc(var(--chip-gap) * -0.25);\n  }\n  .chip-icon > svg {\n    display: block;\n    width: var(--chip-icon-size);\n    height: var(--chip-icon-size);\n  }\n  .chip-icon > img {\n    width: var(--chip-icon-size);\n    height: var(--chip-icon-size);\n    object-fit: cover;\n    border-radius: 50%;\n  }\n  .chip-dismiss {\n    display: flex;\n    flex-shrink: 0;\n    align-items: center;\n    justify-content: center;\n    width: var(--chip-min-height);\n    height: var(--chip-min-height);\n    padding: 0;\n    margin-inline-end: calc(var(--chip-padding-x) * -0.25);\n    color: inherit;\n    cursor: pointer;\n    background: transparent;\n    border: 0;\n    opacity: var(--chip-dismiss-opacity);\n  }\n  .chip-dismiss:hover {\n    opacity: var(--chip-dismiss-hover-opacity);\n  }\n  .chip-dismiss:focus-visible {\n    outline: 0;\n    opacity: 1;\n    outline: var(--focus-ring);\n  }\n  .chip-dismiss > svg {\n    display: block;\n    width: var(--chip-dismiss-size);\n    height: var(--chip-dismiss-size);\n  }\n}\n@layer components {\n  .card {\n    --card-spacer-y: 1rem;\n    --card-spacer-x: 1rem;\n    --card-subtitle-color: inherit;\n    --card-border-width: var(--border-width);\n    --card-border-color: var(--border-color-translucent);\n    --card-border-radius: var(--border-radius-lg);\n    --card-box-shadow: none;\n    --card-inner-border-radius: calc(var(--border-radius-lg) - var(--border-width));\n    --card-cap-padding-y: 0.75rem;\n    --card-cap-padding-x: 1rem;\n    --card-cap-bg: var(--bg-1);\n    --card-cap-color: inherit;\n    --card-height: auto;\n    --card-color: inherit;\n    --card-bg: var(--bg-body);\n    --card-img-overlay-padding: 1rem;\n    --card-group-margin: 0.75rem;\n    --card-body-gap: 0.5rem;\n    position: relative;\n    display: flex;\n    flex-direction: column;\n    min-width: 0;\n    height: var(--card-height);\n    color: var(--fg-body);\n    word-wrap: break-word;\n    background-color: var(--card-bg);\n    box-shadow: var(--card-box-shadow);\n  }\n  .card > hr {\n    margin-inline: 0;\n  }\n  .card-body {\n    display: flex;\n    flex: 1 1 auto;\n    flex-direction: column;\n    gap: var(--card-body-gap);\n    align-items: flex-start;\n    padding: var(--card-spacer-y) var(--card-spacer-x);\n    color: var(--card-color);\n    border: solid var(--theme-bg, var(--card-border-color));\n    border-width: 0 var(--card-border-width);\n  }\n  .card-body > * {\n    margin-block: 0;\n  }\n  .card-body,\n  .card-list {\n    border: solid var(--theme-bg, var(--card-border-color));\n    border-width: 0 var(--card-border-width);\n  }\n  .card-body:first-child,\n  .card-list:first-child {\n    border-start-start-radius: var(--card-border-radius);\n    border-start-end-radius: var(--card-border-radius);\n    border-top-width: var(--card-border-width);\n  }\n  .card-body:last-child,\n  .card-list:last-child {\n    border-end-start-radius: var(--card-border-radius);\n    border-end-end-radius: var(--card-border-radius);\n    border-bottom-width: var(--card-border-width);\n  }\n  .card-body:not(:first-child, :last-child),\n  .card-list:not(:first-child, :last-child) {\n    border-block-end-width: var(--card-border-width);\n  }\n  .card-title,\n  .card-subtitle,\n  .card-text {\n    align-self: stretch;\n  }\n  .card-subtitle {\n    margin-top: calc(var(--card-body-gap) * -0.5);\n  }\n  .card-header {\n    padding: var(--card-cap-padding-y) var(--card-cap-padding-x);\n    margin-bottom: 0;\n    color: var(--theme-contrast, var(--card-cap-color));\n    background-color: var(--theme-bg, var(--card-cap-bg));\n    border: var(--card-border-width) solid var(--theme-bg, var(--card-border-color));\n  }\n  .card-header:first-child {\n    border-radius: var(--card-inner-border-radius) var(--card-inner-border-radius) 0 0;\n  }\n  .card-footer {\n    padding: var(--card-cap-padding-y) var(--card-cap-padding-x);\n    color: var(--card-cap-color);\n    background-color: var(--theme-bg, var(--card-cap-bg));\n    border: var(--card-border-width) solid var(--theme-bg, var(--card-border-color));\n  }\n  .card-footer:last-child {\n    border-radius: 0 0 var(--card-inner-border-radius) var(--card-inner-border-radius);\n  }\n  .card-translucent {\n    background-color: color-mix(in oklch, var(--card-bg) 80%, transparent);\n    backdrop-filter: blur(5px) saturate(180%);\n  }\n  .card-translucent .card-header,\n  .card-translucent .card-footer {\n    background-color: color-mix(in oklch, var(--card-cap-bg) 60%, transparent);\n  }\n  .card-subtle {\n    border-color: var(--theme-border, var(--card-border-color));\n  }\n  .card-subtle .card-header {\n    color: var(--theme-fg-emphasis, currentcolor);\n    background-color: var(--theme-bg-subtle, var(--card-cap-bg));\n    border-color: var(--theme-border, var(--card-border-color));\n  }\n  .card-subtle .card-footer {\n    color: var(--theme-fg-emphasis, currentcolor);\n    background-color: var(--theme-bg-subtle, var(--card-cap-bg));\n    border-color: var(--theme-border, var(--card-border-color));\n  }\n  .card-subtle .card-body,\n  .card-subtle .card-list {\n    border-color: var(--theme-border, var(--card-border-color));\n  }\n  .nav.card-header-tabs {\n    margin-inline: calc(-0.5 * var(--card-cap-padding-x));\n    margin-bottom: calc(-1 * var(--card-cap-padding-y));\n    border-block-end: 0;\n  }\n  .nav.card-header-tabs .nav-link.active {\n    background-color: var(--card-bg);\n    border-block-end-color: var(--card-bg);\n  }\n  .card-img-overlay {\n    position: absolute;\n    inset: 0;\n    padding: var(--card-img-overlay-padding);\n    border-radius: var(--card-inner-border-radius);\n  }\n  .card-img,\n  .card-img-top,\n  .card-img-bottom {\n    width: 100%;\n    outline: var(--card-border-width) solid var(--card-border-color);\n    outline-offset: calc(var(--card-border-width) * -1);\n  }\n  .card-img,\n  .card-img-top {\n    border-start-start-radius: var(--card-inner-border-radius);\n    border-start-end-radius: var(--card-inner-border-radius);\n  }\n  .card-img,\n  .card-img-bottom {\n    border-end-start-radius: var(--card-inner-border-radius);\n    border-end-end-radius: var(--card-inner-border-radius);\n  }\n  .card-row {\n    flex-direction: row;\n  }\n  .card-row .card-body,\n  .card-row .card-list {\n    border-width: var(--card-border-width) 0;\n    border-radius: 0;\n  }\n  .card-row .card-body:first-child,\n  .card-row .card-list:first-child {\n    border-start-start-radius: var(--card-inner-border-radius);\n    border-end-start-radius: var(--card-inner-border-radius);\n    border-inline-start-width: var(--card-border-width);\n  }\n  .card-row .card-body:last-child,\n  .card-row .card-list:last-child {\n    border-start-end-radius: var(--card-inner-border-radius);\n    border-end-end-radius: var(--card-inner-border-radius);\n    border-inline-end-width: var(--card-border-width);\n  }\n  .card-row .card-body:not(:first-child, :last-child),\n  .card-row .card-list:not(:first-child, :last-child) {\n    border-inline-end-width: var(--card-border-width);\n  }\n  .card-img-start {\n    border-start-start-radius: var(--card-inner-border-radius);\n    border-end-start-radius: var(--card-inner-border-radius);\n  }\n  .card-img-end {\n    border-start-end-radius: var(--card-inner-border-radius);\n    border-end-end-radius: var(--card-inner-border-radius);\n  }\n  .card-group > .card {\n    margin-bottom: var(--card-group-margin);\n  }\n  @media (width >= 576px) {\n    .card-group {\n      display: flex;\n      flex-flow: row wrap;\n    }\n    .card-group > .card {\n      flex: 1 0 0;\n      margin-bottom: 0;\n    }\n    .card-group > .card + .card {\n      margin-inline-start: 0;\n      border-inline-start: 0;\n    }\n    .card-group > .card:not(:last-child) {\n      border-start-end-radius: 0;\n      border-end-end-radius: 0;\n    }\n    .card-group > .card:not(:last-child) > .card-img-top,\n    .card-group > .card:not(:last-child) > .card-header {\n      border-start-end-radius: 0;\n    }\n    .card-group > .card:not(:last-child) > .card-img-bottom,\n    .card-group > .card:not(:last-child) > .card-footer {\n      border-end-end-radius: 0;\n    }\n    .card-group > .card:not(:first-child) {\n      border-start-start-radius: 0;\n      border-end-start-radius: 0;\n    }\n    .card-group > .card:not(:first-child) > .card-img-top,\n    .card-group > .card:not(:first-child) > .card-header {\n      border-start-start-radius: 0;\n    }\n    .card-group > .card:not(:first-child) > .card-img-bottom,\n    .card-group > .card:not(:first-child) > .card-footer {\n      border-end-start-radius: 0;\n    }\n  }\n}\n@layer components {\n  .carousel {\n    position: relative;\n    --carousel-control-color: #fff;\n    --carousel-control-width: 15%;\n    --carousel-control-opacity: 0.5;\n    --carousel-control-hover-opacity: 0.9;\n    --carousel-control-transition: opacity 0.15s ease;\n    --carousel-control-icon-filter: none;\n    --carousel-indicator-width: 30px;\n    --carousel-indicator-height: 3px;\n    --carousel-indicator-hit-area-height: 10px;\n    --carousel-indicator-spacer: 3px;\n    --carousel-indicator-opacity: 0.5;\n    --carousel-indicator-active-bg: var(--white);\n    --carousel-indicator-active-opacity: 1;\n    --carousel-indicator-transition: opacity 0.6s ease;\n    --carousel-caption-width: 70%;\n    --carousel-caption-color: var(--white);\n    --carousel-caption-padding-y: 1.25rem;\n    --carousel-caption-spacer: 1.25rem;\n    --carousel-control-icon-width: 2rem;\n    --carousel-control-prev-icon-bg: url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='white'><path d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0'/></svg>\");\n    --carousel-control-next-icon-bg: url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='white'><path d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708'/></svg>\");\n    --carousel-transition-duration: 0.6s;\n    --carousel-transition: transform 0.6s ease-in-out;\n  }\n  .carousel.pointer-event {\n    touch-action: pan-y;\n  }\n  .carousel-inner {\n    position: relative;\n    display: flow-root;\n    width: 100%;\n    overflow: hidden;\n  }\n  .carousel-item {\n    position: relative;\n    display: none;\n    float: inline-start;\n    width: 100%;\n    margin-inline-end: -100%;\n    backface-visibility: hidden;\n    transition: var(--carousel-transition);\n  }\n  @media (prefers-reduced-motion: reduce) {\n    .carousel-item {\n      transition: none;\n    }\n  }\n  .carousel-item.active,\n  .carousel-item-next,\n  .carousel-item-prev {\n    display: block;\n  }\n  .carousel-item-next:not(.carousel-item-start),\n  .active.carousel-item-end {\n    transform: translateX(100%);\n  }\n  .carousel-item-prev:not(.carousel-item-end),\n  .active.carousel-item-start {\n    transform: translateX(-100%);\n  }\n  .carousel-fade .carousel-item {\n    opacity: 0;\n    transition-property: opacity;\n    transform: none;\n  }\n  .carousel-fade .carousel-item.active,\n  .carousel-fade .carousel-item-next.carousel-item-start,\n  .carousel-fade .carousel-item-prev.carousel-item-end {\n    z-index: 1;\n    opacity: 1;\n  }\n  .carousel-fade .active.carousel-item-start,\n  .carousel-fade .active.carousel-item-end {\n    z-index: 0;\n    opacity: 0;\n    transition: opacity 0s var(--carousel-transition-duration);\n  }\n  @media (prefers-reduced-motion: reduce) {\n    .carousel-fade .active.carousel-item-start,\n    .carousel-fade .active.carousel-item-end {\n      transition: none;\n    }\n  }\n  .carousel-control-prev,\n  .carousel-control-next {\n    position: absolute;\n    inset-block: 0;\n    z-index: 1;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: var(--carousel-control-width);\n    padding: 0;\n    color: var(--carousel-control-color);\n    text-align: center;\n    background: none;\n    filter: var(--carousel-control-icon-filter);\n    border: 0;\n    opacity: var(--carousel-control-opacity);\n    transition: var(--carousel-control-transition);\n  }\n  @media (prefers-reduced-motion: reduce) {\n    .carousel-control-prev,\n    .carousel-control-next {\n      transition: none;\n    }\n  }\n  .carousel-control-prev:hover, .carousel-control-prev:focus,\n  .carousel-control-next:hover,\n  .carousel-control-next:focus {\n    color: var(--carousel-control-color);\n    text-decoration: none;\n    outline: 0;\n    opacity: var(--carousel-control-hover-opacity);\n  }\n  .carousel-control-prev {\n    inset-inline-start: 0;\n    background-image: linear-gradient(90deg, rgba(0, 0, 0, 0.25), rgba(0, 0, 0, 0.001));\n  }\n  .carousel-control-next {\n    inset-inline-end: 0;\n    background-image: linear-gradient(270deg, rgba(0, 0, 0, 0.25), rgba(0, 0, 0, 0.001));\n  }\n  .carousel-control-prev-icon,\n  .carousel-control-next-icon {\n    display: inline-block;\n    width: var(--carousel-control-icon-width);\n    height: var(--carousel-control-icon-width);\n    background-repeat: no-repeat;\n    background-position: 50%;\n    background-size: 100% 100%;\n  }\n  .carousel-control-prev-icon {\n    background-image: var(--carousel-control-prev-icon-bg);\n  }\n  [dir=rtl] .carousel-control-prev-icon {\n    background-image: var(--carousel-control-next-icon-bg);\n  }\n  .carousel-control-next-icon {\n    background-image: var(--carousel-control-next-icon-bg);\n  }\n  [dir=rtl] .carousel-control-next-icon {\n    background-image: var(--carousel-control-prev-icon-bg);\n  }\n  .carousel-indicators {\n    position: absolute;\n    inset: auto 0 0;\n    z-index: 2;\n    display: flex;\n    justify-content: center;\n    padding: 0;\n    margin-inline: var(--carousel-control-width);\n    margin-bottom: 1rem;\n  }\n  .carousel-indicators [data-bs-target] {\n    box-sizing: content-box;\n    flex: 0 1 auto;\n    width: var(--carousel-indicator-width);\n    height: var(--carousel-indicator-height);\n    padding: 0;\n    margin-inline: var(--carousel-indicator-spacer);\n    text-indent: -999px;\n    cursor: pointer;\n    background-color: var(--carousel-indicator-active-bg);\n    background-clip: padding-box;\n    border: 0;\n    border-block: var(--carousel-indicator-hit-area-height) solid transparent;\n    opacity: var(--carousel-indicator-opacity);\n    transition: var(--carousel-indicator-transition);\n  }\n  @media (prefers-reduced-motion: reduce) {\n    .carousel-indicators [data-bs-target] {\n      transition: none;\n    }\n  }\n  .carousel-indicators .active {\n    opacity: var(--carousel-indicator-active-opacity);\n  }\n  .carousel-caption {\n    position: absolute;\n    right: calc((100% - var(--carousel-caption-width)) * 0.5);\n    bottom: var(--carousel-caption-spacer);\n    left: calc((100% - var(--carousel-caption-width)) * 0.5);\n    padding-top: var(--carousel-caption-padding-y);\n    padding-bottom: var(--carousel-caption-padding-y);\n    color: var(--carousel-caption-color);\n    text-align: center;\n  }\n  .carousel-dark {\n    --carousel-indicator-active-bg: #000;\n    --carousel-caption-color: #000;\n    --carousel-control-icon-filter: invert(1) grayscale(100);\n  }\n  @media (prefers-color-scheme: dark) {\n    :root {\n      --carousel-indicator-active-bg: #000;\n      --carousel-caption-color: #000;\n      --carousel-control-icon-filter: invert(1) grayscale(100);\n    }\n  }\n}\n@layer components {\n  [data-vc=calendar] {\n    --datepicker-padding: 1rem;\n    --datepicker-bg: var(--bg-body);\n    --datepicker-color: var(--fg-body);\n    --datepicker-border-color: var(--border-color-translucent);\n    --datepicker-border-width: var(--border-width);\n    --datepicker-border-radius: var(--border-radius-lg);\n    --datepicker-box-shadow: var(--box-shadow);\n    --datepicker-font-size: var(--font-size-sm);\n    --datepicker-min-width: 280px;\n    --datepicker-zindex: 1000;\n    --datepicker-header-font-weight: 600;\n    --datepicker-weekday-color: var(--fg-3);\n    --datepicker-day-hover-bg: var(--bg-1);\n    --datepicker-day-selected-bg: var(--primary-bg);\n    --datepicker-day-selected-color: var(--primary-contrast);\n    --datepicker-day-today-bg: var(--bg-2);\n    --datepicker-day-today-color: var(--fg-1);\n    --datepicker-day-disabled-color: var(--fg-4);\n    position: absolute;\n    z-index: var(--datepicker-zindex);\n    box-sizing: border-box;\n    display: flex;\n    flex-direction: column;\n    min-width: var(--datepicker-min-width);\n    padding: var(--datepicker-padding);\n    font-family: var(--font-sans-serif);\n    font-size: var(--datepicker-font-size);\n    color: var(--datepicker-color);\n    color-scheme: light dark;\n    background-color: var(--datepicker-bg);\n    border: var(--datepicker-border-width) solid var(--datepicker-border-color);\n    box-shadow: var(--datepicker-box-shadow);\n    opacity: 1;\n    border-radius: var(--datepicker-border-radius);\n  }\n  [data-vc=calendar][data-bs-theme=light] {\n    color-scheme: light;\n  }\n  [data-vc=calendar][data-bs-theme=dark] {\n    color-scheme: dark;\n  }\n  [data-vc=calendar] button:focus-visible {\n    position: relative;\n    z-index: 1;\n    outline: var(--focus-ring);\n  }\n  [data-vc-calendar-hidden] {\n    pointer-events: none;\n    opacity: 0;\n  }\n  [data-vc=calendar]:not([data-vc-input]) {\n    position: relative;\n    width: fit-content;\n    padding: 0;\n    border: 0;\n    box-shadow: none;\n  }\n  [data-vc-position=bottom] {\n    margin-block-start: 0.25rem;\n  }\n  [data-vc-position=top] {\n    margin-block-end: -0.25rem;\n  }\n  [data-vc-arrow] {\n    position: relative;\n    display: block;\n    width: 2rem;\n    height: 2rem;\n    color: var(--datepicker-color);\n    pointer-events: auto;\n    cursor: pointer;\n    background-color: transparent;\n    border: 0;\n    border-radius: var(--border-radius);\n  }\n  [data-vc-arrow]::before {\n    position: absolute;\n    inset: 0.25rem;\n    content: \"\";\n    background-image: url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='%236b7280' d='M12 16c-.3 0-.5-.1-.7-.3l-6-6c-.4-.4-.4-1 0-1.4s1-.4 1.4 0l5.3 5.3 5.3-5.3c.4-.4 1-.4 1.4 0s.4 1 0 1.4l-6 6c-.2.2-.4.3-.7.3'/></svg>\");\n    background-repeat: no-repeat;\n    background-position: center;\n  }\n  [data-vc-arrow]:hover {\n    background-color: var(--datepicker-day-hover-bg);\n  }\n  [data-vc-arrow=prev]::before {\n    transform: rotate(90deg);\n  }\n  [data-vc-arrow=next]::before {\n    transform: rotate(-90deg);\n  }\n  [data-vc=controls] {\n    position: absolute;\n    top: 0;\n    right: 0;\n    left: 0;\n    z-index: 20;\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding-top: 1rem;\n    padding-right: 1rem;\n    padding-left: 1rem;\n    pointer-events: none;\n  }\n  [data-vc=grid] {\n    display: flex;\n    flex-grow: 1;\n    flex-wrap: wrap;\n    gap: 1.75rem;\n  }\n  [data-vc=column] {\n    display: flex;\n    flex-grow: 1;\n    flex-direction: column;\n    min-width: 240px;\n  }\n  [data-vc=header] {\n    position: relative;\n    display: flex;\n    align-items: center;\n    margin-bottom: 0.75rem;\n  }\n  [data-vc-header=content] {\n    display: inline-flex;\n    flex-grow: 1;\n    align-items: center;\n    justify-content: center;\n    white-space: pre-wrap;\n  }\n  [data-vc=month],\n  [data-vc=year] {\n    padding: 0.25rem 0.5rem;\n    margin-inline: -0.125rem;\n    font-size: 1rem;\n    font-weight: var(--datepicker-header-font-weight);\n    color: var(--datepicker-color);\n    background-color: transparent;\n    border: 0;\n    border-radius: var(--border-radius);\n  }\n  [data-vc=month]:disabled,\n  [data-vc=year]:disabled {\n    color: var(--datepicker-day-disabled-color);\n    pointer-events: none;\n  }\n  [data-vc=month]:hover:not(:disabled),\n  [data-vc=year]:hover:not(:disabled) {\n    background-color: var(--datepicker-day-hover-bg);\n  }\n  [data-vc=content] {\n    display: flex;\n    flex-grow: 1;\n    flex-direction: column;\n  }\n  [data-vc=months],\n  [data-vc=years] {\n    display: grid;\n    flex-grow: 1;\n    grid-template-columns: repeat(var(--vc-columns, 4), minmax(0, 1fr));\n    row-gap: 1rem;\n    column-gap: 0.25rem;\n    align-items: center;\n  }\n  [data-vc=years] {\n    --vc-columns: 5;\n  }\n  [data-vc-months-month],\n  [data-vc-years-year] {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    height: 2.5rem;\n    padding: 0.25rem;\n    font-size: 0.75rem;\n    font-weight: 600;\n    line-height: 1rem;\n    color: var(--datepicker-weekday-color);\n    text-align: center;\n    word-break: break-all;\n    cursor: pointer;\n    background-color: transparent;\n    border: 0;\n    border-radius: var(--border-radius);\n  }\n  [data-vc-months-month]:disabled,\n  [data-vc-years-year]:disabled {\n    color: var(--datepicker-day-disabled-color);\n    pointer-events: none;\n  }\n  [data-vc-months-month]:hover:not(:disabled),\n  [data-vc-years-year]:hover:not(:disabled) {\n    background-color: var(--datepicker-day-hover-bg);\n  }\n  [data-vc-months-month][data-vc-months-month-selected], [data-vc-months-month][data-vc-years-year-selected],\n  [data-vc-years-year][data-vc-months-month-selected],\n  [data-vc-years-year][data-vc-years-year-selected] {\n    color: var(--datepicker-day-selected-color);\n    background-color: var(--datepicker-day-selected-bg);\n  }\n  [data-vc-months-month][data-vc-months-month-selected]:hover, [data-vc-months-month][data-vc-years-year-selected]:hover,\n  [data-vc-years-year][data-vc-months-month-selected]:hover,\n  [data-vc-years-year][data-vc-years-year-selected]:hover {\n    color: var(--datepicker-day-selected-color);\n    background-color: var(--datepicker-day-selected-bg);\n  }\n  [data-vc=week] {\n    display: grid;\n    grid-template-columns: repeat(7, 1fr);\n    justify-items: center;\n    margin-bottom: 0.5rem;\n  }\n  [data-vc-week-day] {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: 100%;\n    min-width: 1.875rem;\n    padding: 0;\n    margin: 0;\n    font-size: 0.75rem;\n    font-weight: 600;\n    line-height: 1rem;\n    color: var(--datepicker-weekday-color);\n    background-color: transparent;\n    border: 0;\n  }\n  button[data-vc-week-day] {\n    cursor: pointer;\n  }\n  [data-vc=dates] {\n    pointer-events: none;\n  }\n  [data-vc-dates=row] {\n    display: grid;\n    grid-template-columns: repeat(7, 1fr);\n    align-items: center;\n    justify-items: center;\n    width: 100%;\n  }\n  [data-vc-date] {\n    position: relative;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: 100%;\n    padding-top: 0.125rem;\n    padding-bottom: 0.125rem;\n    pointer-events: auto;\n  }\n  [data-vc-date]:not(:has([data-vc-date-btn])), [data-vc-date][data-vc-date-disabled], [data-vc-date][data-vc-date-disabled] [data-vc-date-btn] {\n    pointer-events: none;\n  }\n  [data-vc-date-btn] {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: 100%;\n    min-width: 1.875rem;\n    height: 100%;\n    min-height: 1.875rem;\n    padding: 0;\n    font-size: 0.75rem;\n    font-weight: 400;\n    line-height: 1rem;\n    color: var(--datepicker-color);\n    cursor: pointer;\n    background-color: transparent;\n    border: 0;\n    border-radius: var(--border-radius);\n  }\n  [data-vc-date-btn]:hover {\n    background-color: var(--datepicker-day-hover-bg);\n  }\n  [data-vc-date-today] [data-vc-date-btn] {\n    font-weight: 600;\n    color: var(--datepicker-day-today-color);\n    background-color: var(--datepicker-day-today-bg);\n  }\n  [data-vc-date-month=next] [data-vc-date-btn],\n  [data-vc-date-month=prev] [data-vc-date-btn] {\n    opacity: 0.5;\n  }\n  [data-vc-date-disabled] [data-vc-date-btn] {\n    color: var(--datepicker-day-disabled-color);\n  }\n  [data-vc-date-hover] [data-vc-date-btn] {\n    background-color: var(--datepicker-day-hover-bg);\n    border-radius: 0;\n  }\n  [data-vc-date-hover=first] [data-vc-date-btn] {\n    border-start-start-radius: var(--border-radius);\n    border-end-start-radius: var(--border-radius);\n  }\n  [data-vc-date-hover=last] [data-vc-date-btn] {\n    border-start-end-radius: var(--border-radius);\n    border-end-end-radius: var(--border-radius);\n  }\n  [data-vc-date-hover=first-and-last] [data-vc-date-btn] {\n    border-radius: var(--border-radius);\n  }\n  [data-vc-date-selected=middle] [data-vc-date-btn] {\n    border-radius: 0;\n    opacity: 0.8;\n  }\n  [data-vc-date-selected] [data-vc-date-btn] {\n    color: var(--datepicker-day-selected-color);\n    background-color: var(--datepicker-day-selected-bg);\n  }\n  [data-vc-date-selected=first] [data-vc-date-btn] {\n    border-top-left-radius: var(--border-radius);\n    border-top-right-radius: 0;\n    border-bottom-right-radius: 0;\n    border-bottom-left-radius: var(--border-radius);\n  }\n  [data-vc-date-selected=last] [data-vc-date-btn] {\n    border-top-left-radius: 0;\n    border-top-right-radius: var(--border-radius);\n    border-bottom-right-radius: var(--border-radius);\n    border-bottom-left-radius: 0;\n  }\n  [data-vc-date-selected=first-and-last] [data-vc-date-btn] {\n    border-radius: var(--border-radius);\n  }\n}\n@layer components {\n  .dialog-open {\n    overflow: hidden;\n    scrollbar-gutter: stable;\n  }\n  .dialog {\n    --dialog-padding: 1rem;\n    --dialog-width: 500px;\n    --dialog-margin: 1.75rem;\n    --dialog-color: var(--fg-body);\n    --dialog-bg: var(--bg-body);\n    --dialog-border-color: var(--border-color-translucent);\n    --dialog-border-width: var(--border-width);\n    --dialog-border-radius: var(--border-radius-lg);\n    --dialog-box-shadow: var(--box-shadow-lg);\n    --dialog-transition-duration: 0.3s;\n    --dialog-transition-timing: cubic-bezier(0.22, 1, 0.36, 1);\n    --dialog-backdrop-bg: rgba(0, 0, 0, 0.5);\n    --dialog-backdrop-blur: 8px;\n    --dialog-header-padding: 1rem;\n    --dialog-header-border-color: var(--border-color);\n    --dialog-header-border-width: var(--border-width);\n    --dialog-footer-padding: 1rem;\n    --dialog-footer-border-color: var(--border-color);\n    --dialog-footer-border-width: var(--border-width);\n    --dialog-footer-gap: 0.5rem;\n    display: flex;\n    flex-direction: column;\n    width: var(--dialog-width);\n    max-width: 100%;\n    max-height: calc(100% - var(--dialog-margin) * 2);\n    padding: 0;\n    margin: auto;\n    overflow: visible;\n    color: var(--dialog-color);\n    visibility: hidden;\n    background-color: var(--dialog-bg);\n    background-clip: padding-box;\n    border: var(--dialog-border-width) solid var(--dialog-border-color);\n    border-radius: var(--dialog-border-radius);\n    box-shadow: var(--dialog-box-shadow);\n  }\n  .dialog:not(.dialog-instant) {\n    opacity: 0;\n    transition: opacity var(--dialog-transition-duration) var(--dialog-transition-timing), transform var(--dialog-transition-duration) var(--dialog-transition-timing), visibility 0s var(--dialog-transition-duration);\n  }\n  @media (prefers-reduced-motion: reduce) {\n    .dialog:not(.dialog-instant) {\n      transition: none;\n    }\n  }\n  .dialog:not(.dialog-instant).dialog-slide-down {\n    transform: translateY(3rem);\n  }\n  .dialog:not(.dialog-instant).dialog-slide-up {\n    transform: translateY(-3rem);\n  }\n  .dialog:not(.dialog-instant)[open] {\n    overflow: visible;\n    visibility: visible;\n    opacity: 1;\n    transition: opacity var(--dialog-transition-duration) var(--dialog-transition-timing), transform var(--dialog-transition-duration) var(--dialog-transition-timing), visibility 0s;\n  }\n  @media (prefers-reduced-motion: reduce) {\n    .dialog:not(.dialog-instant)[open] {\n      transition: none;\n    }\n  }\n  .dialog:not(.dialog-instant)[open] {\n    transform: none;\n  }\n  .dialog:not(.dialog-instant).dialog-static {\n    transform: scale(1.02);\n  }\n  .dialog:not(.dialog-instant)::backdrop {\n    background-color: var(--dialog-backdrop-bg);\n    backdrop-filter: blur(var(--dialog-backdrop-blur));\n    transition: background-color var(--dialog-transition-duration) var(--dialog-transition-timing), backdrop-filter var(--dialog-transition-duration) var(--dialog-transition-timing), display var(--dialog-transition-duration) allow-discrete, overlay var(--dialog-transition-duration) allow-discrete;\n  }\n  @media (prefers-reduced-motion: reduce) {\n    .dialog:not(.dialog-instant)::backdrop {\n      transition: none;\n    }\n  }\n  .dialog.dialog-instant::backdrop {\n    background-color: var(--dialog-backdrop-bg);\n    backdrop-filter: blur(var(--dialog-backdrop-blur));\n  }\n  .dialog[open] {\n    overflow: visible;\n    visibility: visible;\n    opacity: 1;\n    transform: none;\n  }\n  .dialog.dialog-nonmodal {\n    position: fixed;\n    inset-block-start: 50%;\n    inset-inline-start: 50%;\n    z-index: 1055;\n    margin-inline: 0;\n    transform: translate(-50%, -50%);\n  }\n  .dialog.dialog-overflow {\n    position: fixed;\n    inset: 0;\n    width: 100%;\n    max-width: 100%;\n    height: 100%;\n    max-height: 100%;\n    padding: var(--dialog-margin);\n    margin: 0;\n    overflow-y: auto;\n    overscroll-behavior: contain;\n    background: transparent;\n    border: 0;\n    box-shadow: none;\n  }\n  .dialog.dialog-overflow > .dialog-box {\n    max-width: var(--dialog-width);\n    margin-block-end: var(--dialog-margin);\n    margin-inline: auto;\n    color: var(--dialog-color);\n    background-color: var(--dialog-bg);\n    background-clip: padding-box;\n    border: var(--dialog-border-width) solid var(--dialog-border-color);\n    border-radius: var(--dialog-border-radius);\n    box-shadow: var(--dialog-box-shadow);\n  }\n  .dialog.dialog-scrollable[open] {\n    max-height: calc(100% - var(--dialog-margin) * 2);\n  }\n  .dialog.dialog-scrollable[open] .dialog-body {\n    overflow-y: auto;\n  }\n  @starting-style {\n    .dialog:not(.dialog-instant).dialog-slide-down[open] {\n      opacity: 0;\n      transform: translateY(-3rem);\n    }\n    .dialog:not(.dialog-instant).dialog-slide-up[open] {\n      opacity: 0;\n      transform: translateY(3rem);\n    }\n    .dialog:not(.dialog-instant)::backdrop {\n      background-color: transparent;\n      backdrop-filter: blur(0);\n    }\n  }\n  .dialog-sm {\n    --dialog-width: 280px;\n  }\n  .dialog-lg {\n    --dialog-width: 800px;\n  }\n  .dialog-xl {\n    --dialog-width: 1140px;\n  }\n  .dialog-fullscreen {\n    --dialog-width: 100vw;\n    --dialog-margin: 0;\n    --dialog-border-radius: 0;\n    width: 100%;\n    max-width: none;\n    height: 100%;\n    max-height: none;\n  }\n  @media (width < 576px) {\n    .sm-down\\:dialog-fullscreen {\n      --dialog-width: 100vw;\n      --dialog-margin: 0;\n      --dialog-border-radius: 0;\n      width: 100%;\n      max-width: none;\n      height: 100%;\n      max-height: none;\n    }\n  }\n  @media (width < 768px) {\n    .md-down\\:dialog-fullscreen {\n      --dialog-width: 100vw;\n      --dialog-margin: 0;\n      --dialog-border-radius: 0;\n      width: 100%;\n      max-width: none;\n      height: 100%;\n      max-height: none;\n    }\n  }\n  @media (width < 1024px) {\n    .lg-down\\:dialog-fullscreen {\n      --dialog-width: 100vw;\n      --dialog-margin: 0;\n      --dialog-border-radius: 0;\n      width: 100%;\n      max-width: none;\n      height: 100%;\n      max-height: none;\n    }\n  }\n  @media (width < 1280px) {\n    .xl-down\\:dialog-fullscreen {\n      --dialog-width: 100vw;\n      --dialog-margin: 0;\n      --dialog-border-radius: 0;\n      width: 100%;\n      max-width: none;\n      height: 100%;\n      max-height: none;\n    }\n  }\n  @media (width < 1536px) {\n    .\\32 xl-down\\:dialog-fullscreen {\n      --dialog-width: 100vw;\n      --dialog-margin: 0;\n      --dialog-border-radius: 0;\n      width: 100%;\n      max-width: none;\n      height: 100%;\n      max-height: none;\n    }\n  }\n  .dialog-header {\n    display: flex;\n    flex-shrink: 0;\n    align-items: center;\n    padding: var(--dialog-header-padding);\n    border-block-end: var(--dialog-header-border-width) solid var(--dialog-header-border-color);\n  }\n  .dialog-header .btn-close {\n    margin-inline-start: auto;\n  }\n  .dialog-title {\n    margin-bottom: 0;\n    line-height: 1.5;\n    font-size: var(--font-size-md);\n  }\n  .dialog-body {\n    position: relative;\n    flex: 1 1 auto;\n    padding: var(--dialog-padding);\n  }\n  .dialog-footer {\n    display: flex;\n    flex-shrink: 0;\n    flex-wrap: wrap;\n    gap: var(--dialog-footer-gap);\n    align-items: center;\n    justify-content: flex-end;\n    padding: var(--dialog-footer-padding);\n    border-block-start: var(--dialog-footer-border-width) solid var(--dialog-footer-border-color);\n  }\n}\n@layer components {\n  .menu {\n    --menu-zindex: 1000;\n    --menu-gap: 0.125rem;\n    --menu-min-width: 10rem;\n    --menu-padding-x: 0.25rem;\n    --menu-padding-y: 0.25rem;\n    --menu-spacer: 0.125rem;\n    --menu-font-size: var(--font-size-sm);\n    --menu-color: var(--fg-body);\n    --menu-bg: var(--bg-body);\n    --menu-box-shadow: var(--box-shadow);\n    --menu-divider-bg: var(--border-color-translucent);\n    --menu-divider-margin-y: 0.125rem;\n    --menu-divider-margin-x: 0.25rem;\n    --menu-item-color: var(--menu-color, var(--fg-body));\n    --menu-item-hover-color: var(--menu-color, var(--fg-body));\n    --menu-item-hover-bg: var(--bg-1);\n    --menu-item-active-color: var(--primary-contrast);\n    --menu-item-active-bg: var(--primary-bg);\n    --menu-item-disabled-color: var(--fg-3);\n    --menu-item-gap: 0.5rem;\n    --menu-item-padding-x: 0.75rem;\n    --menu-item-padding-y: 0.25rem;\n    --menu-item-border-radius: var(--border-radius);\n    --menu-icon-size: 1rem;\n    --menu-image-size: 1.5rem;\n    --menu-description-font-size: var(--font-size-xs);\n    --menu-check-color: currentcolor;\n    --menu-header-color: var(--fg-3);\n    --menu-header-padding-x: 0.75rem;\n    --menu-header-padding-y: 0.25rem;\n    --menu-transition-duration: 0.15s;\n    --menu-transition-timing: cubic-bezier(0.22, 1, 0.36, 1);\n    position: absolute;\n    z-index: var(--menu-zindex);\n    display: none;\n    flex-direction: column;\n    gap: var(--menu-gap);\n    min-width: var(--menu-min-width);\n    max-height: var(--menu-max-height, none);\n    padding: var(--menu-padding-y) var(--menu-padding-x);\n    margin: 0;\n    overflow-y: var(--menu-overflow-y, initial);\n    overscroll-behavior: contain;\n    font-size: var(--menu-font-size);\n    color: var(--menu-color);\n    text-align: start;\n    list-style: none;\n    background-color: var(--menu-bg);\n    background-clip: padding-box;\n    border: var(--menu-border-width, var(--border-width)) solid var(--menu-border-color, var(--border-color-translucent));\n    border-radius: var(--menu-border-radius, var(--border-radius-lg));\n    box-shadow: var(--menu-box-shadow);\n    opacity: 0;\n    transform: scale(0.95);\n    transform-origin: top start;\n  }\n  .menu[data-bs-placement^=top] {\n    transform-origin: bottom start;\n  }\n  .menu[data-bs-placement=bottom-end] {\n    transform-origin: top end;\n  }\n  .menu[data-bs-placement=top-end] {\n    transform-origin: bottom end;\n  }\n  .menu[data-bs-placement^=left] {\n    transform-origin: top end;\n  }\n  .menu {\n    transition: opacity var(--menu-transition-duration) var(--menu-transition-timing), transform var(--menu-transition-duration) var(--menu-transition-timing), display var(--menu-transition-duration) allow-discrete;\n  }\n  @media (prefers-reduced-motion: reduce) {\n    .menu {\n      transition: none;\n    }\n  }\n  .menu.show {\n    display: flex;\n    opacity: 1;\n    transform: none;\n  }\n  @starting-style {\n    .menu.show {\n      opacity: 0;\n      transform: scale(0.95);\n    }\n  }\n  .menu-scrollable {\n    --menu-max-height: 80dvh;\n    --menu-overflow-y: auto;\n  }\n  .menu-translucent {\n    --menu-item-hover-bg-light: color-mix(in oklch, var(--bg-1) 90%, transparent);\n    --menu-item-hover-bg-dark: color-mix(in oklch, var(--bg-1) 80%, transparent);\n    --menu-item-active-bg-light: color-mix(in oklch, var(--primary-bg) 80%, transparent);\n    --menu-item-active-bg-dark: color-mix(in oklch, var(--primary-bg) 70%, transparent);\n    --menu-item-active-bg: light-dark(var(--menu-item-active-bg-light), var(--menu-item-active-bg-dark));\n    --menu-item-hover-bg: light-dark(var(--menu-item-hover-bg-light), var(--menu-item-hover-bg-dark));\n    background-color: color-mix(in oklch, var(--menu-bg) 80%, transparent);\n    backdrop-filter: blur(5px) saturate(180%);\n  }\n  .menu-divider {\n    height: 0;\n    margin: var(--menu-divider-margin-y) var(--menu-divider-margin-x);\n    overflow: hidden;\n    border-block-start: 1px solid var(--menu-divider-bg);\n    opacity: 1;\n  }\n  .menu-item {\n    display: flex;\n    gap: var(--menu-item-gap);\n    align-items: center;\n    width: 100%;\n    padding: var(--menu-item-padding-y) var(--menu-item-padding-x);\n    font-weight: var(--menu-item-font-weight, var(--font-weight-normal));\n    color: var(--theme-fg, var(--menu-item-color));\n    text-align: inherit;\n    text-decoration: none;\n    white-space: nowrap;\n    cursor: pointer;\n    background-color: transparent;\n    border: 0;\n    outline: 0;\n    border-radius: var(--menu-item-border-radius, 0);\n  }\n  .menu-item:hover, .menu-item:focus {\n    color: var(--theme-fg-emphasis, var(--menu-item-hover-color));\n    background-color: var(--theme-bg-subtle, var(--menu-item-hover-bg));\n  }\n  .menu-item.active, .menu-item:active {\n    color: var(--theme-contrast, var(--menu-item-active-color));\n    background-color: var(--theme-bg, var(--menu-item-active-bg));\n  }\n  .menu-item.active .menu-item-icon, .menu-item:active .menu-item-icon {\n    color: inherit !important;\n  }\n  .menu-item.selected {\n    font-weight: 600;\n  }\n  .menu-item.disabled, .menu-item:disabled {\n    color: var(--menu-item-disabled-color);\n    pointer-events: none;\n    background-color: transparent;\n    background-image: none;\n  }\n  .menu-item-icon {\n    flex-shrink: 0;\n    align-self: flex-start;\n    width: var(--menu-icon-size);\n    height: auto;\n    margin-top: 0.125rem;\n  }\n  .menu-image {\n    width: var(--menu-image-size);\n    height: var(--menu-image-size);\n    object-fit: cover;\n    border-radius: var(--border-radius-sm);\n  }\n  .menu-item-content {\n    display: flex;\n    flex: 1;\n    flex-direction: column;\n    min-width: fit-content;\n  }\n  .menu-item-description {\n    font-size: var(--menu-description-font-size);\n    font-weight: var(--font-weight-normal);\n    color: color-mix(in oklch, currentcolor 65%, transparent);\n  }\n  .menu-item-check {\n    flex-shrink: 0;\n    align-self: flex-start;\n    margin-block-start: 0.125rem;\n    margin-inline-start: auto;\n    color: var(--menu-check-color);\n    visibility: hidden;\n  }\n  .selected > .menu-item-check {\n    visibility: visible;\n  }\n  .menu-header {\n    display: block;\n    padding: var(--menu-header-padding-y) var(--menu-header-padding-x);\n    margin-bottom: 0;\n    font-size: var(--font-size-sm);\n    color: var(--menu-header-color);\n    white-space: nowrap;\n  }\n  .menu-text {\n    display: block;\n    padding: var(--menu-item-padding-y) var(--menu-item-padding-x);\n    color: var(--fg-2);\n  }\n  .submenu {\n    position: relative;\n  }\n  .submenu > .menu-item {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n  }\n  .submenu > .menu-item::after {\n    display: inline-block;\n    flex-shrink: 0;\n    width: 0.375em;\n    height: 0.375em;\n    margin-inline-start: auto;\n    content: \"\";\n    border-color: currentcolor;\n    border-style: solid;\n    border-width: 0 0.125em 0.125em 0;\n    transform: rotate(-45deg);\n  }\n  [dir=rtl] .submenu > .menu-item::after {\n    transform: rotate(135deg);\n  }\n  .submenu > .menu {\n    top: 0;\n    margin-top: calc(-1 * var(--menu-padding-y));\n  }\n  .submenu:hover > .menu-item, .submenu:focus-within > .menu-item {\n    color: var(--menu-item-hover-color);\n    background-color: var(--menu-item-hover-bg);\n  }\n  .submenu.show > .menu-item {\n    color: var(--menu-item-hover-color);\n    background-color: var(--menu-item-hover-bg);\n  }\n  @media (max-width: 575.98px) {\n    .submenu:has(.submenu-stacked) {\n      position: static;\n    }\n    .submenu-stacked {\n      position: absolute;\n      inset: 0;\n      z-index: 1;\n      display: flex;\n      flex-direction: column;\n      gap: var(--menu-gap);\n      min-width: 0;\n      padding: var(--menu-padding-y) var(--menu-padding-x);\n      background-color: var(--menu-bg);\n      border: 0;\n      border-radius: 0;\n      box-shadow: none;\n    }\n    .submenu-back {\n      display: flex;\n      gap: var(--menu-item-gap);\n      align-items: center;\n      padding: var(--menu-item-padding-y) var(--menu-item-padding-x);\n      font-weight: var(--font-weight-semibold, 600);\n      color: var(--menu-item-color);\n    }\n    .submenu-back::before {\n      display: inline-block;\n      flex-shrink: 0;\n      width: 0.375em;\n      height: 0.375em;\n      content: \"\";\n      border-color: currentcolor;\n      border-style: solid;\n      border-width: 0.125em 0 0 0.125em;\n      transform: rotate(-45deg);\n    }\n    [dir=rtl] .submenu-back::before {\n      border-width: 0 0.125em 0.125em 0;\n    }\n    .submenu-dimmed {\n      pointer-events: none;\n      filter: blur(2px);\n      opacity: 0.3;\n    }\n  }\n}\n@layer components {\n  .list-group {\n    --list-group-color: var(--fg-body);\n    --list-group-bg: var(--bg-body);\n    --list-group-border-color: var(--border-color);\n    --list-group-border-width: var(--border-width);\n    --list-group-border-radius: var(--border-radius);\n    --list-group-item-padding-x: 1rem;\n    --list-group-item-padding-y: 0.5rem;\n    --list-group-action-color: var(--fg-2);\n    --list-group-action-hover-color: var(--fg-1);\n    --list-group-action-hover-bg: var(--bg-1);\n    --list-group-action-active-color: var(--fg-body);\n    --list-group-action-active-bg: var(--bg-2);\n    --list-group-disabled-color: var(--fg-3);\n    --list-group-disabled-bg: var(--bg-body);\n    --list-group-active-color: var(--primary-contrast);\n    --list-group-active-bg: var(--primary-bg);\n    --list-group-active-border-color: var(--primary-bg);\n    display: flex;\n    flex-direction: column;\n    padding-inline-start: 0;\n    margin-bottom: 0;\n    border-radius: var(--list-group-border-radius);\n  }\n  .list-group-numbered {\n    list-style-type: none;\n    counter-reset: section;\n  }\n  .list-group-numbered > .list-group-item::before {\n    content: counters(section, \".\") \". \";\n    counter-increment: section;\n  }\n  .list-group-item {\n    position: relative;\n    display: block;\n    padding: var(--list-group-item-padding-y) var(--list-group-item-padding-x);\n    color: var(--theme-fg, var(--list-group-color));\n    background-color: var(--theme-bg-subtle, var(--list-group-bg));\n    border: var(--list-group-border-width) solid var(--theme-border, var(--list-group-border-color));\n  }\n  .list-group-item:first-child {\n    border-start-start-radius: inherit;\n    border-start-end-radius: inherit;\n  }\n  .list-group-item:last-child {\n    border-end-start-radius: inherit;\n    border-end-end-radius: inherit;\n  }\n  .list-group-item.disabled, .list-group-item:disabled {\n    color: var(--list-group-disabled-color);\n    pointer-events: none;\n    background-color: var(--list-group-disabled-bg);\n  }\n  .list-group-item.active {\n    z-index: 2;\n    color: var(--list-group-active-color);\n    background-color: var(--list-group-active-bg);\n    border-color: var(--list-group-active-border-color);\n  }\n  .list-group-item + .list-group-item {\n    border-block-start-width: 0;\n  }\n  .list-group-item + .list-group-item.active {\n    margin-top: calc(-1 * var(--list-group-border-width));\n    border-block-start-width: var(--list-group-border-width);\n  }\n  .list-group-item-action {\n    width: 100%;\n    color: var(--theme-fg, var(--list-group-action-color));\n    text-align: inherit;\n    text-decoration: none;\n  }\n  .list-group-item-action:not(.active):hover, .list-group-item-action:not(.active):focus {\n    z-index: 1;\n    color: var(--theme-fg-emphasis, var(--list-group-action-hover-color));\n    text-decoration: none;\n    background-color: var(--theme-bg-muted, var(--list-group-action-hover-bg));\n  }\n  .list-group-item-action:not(.active):active {\n    color: var(--theme-fg-emphasis, var(--list-group-action-active-color));\n    background-color: var(--theme-bg-muted, var(--list-group-action-active-bg));\n  }\n  .list-group-horizontal {\n    flex-direction: row;\n  }\n  .list-group-horizontal > .list-group-item:first-child:not(:last-child) {\n    border-end-start-radius: var(--list-group-border-radius);\n    border-start-end-radius: 0;\n  }\n  .list-group-horizontal > .list-group-item:last-child:not(:first-child) {\n    border-start-end-radius: var(--list-group-border-radius);\n    border-end-start-radius: 0;\n  }\n  .list-group-horizontal > .list-group-item.active {\n    margin-top: 0;\n  }\n  .list-group-horizontal > .list-group-item + .list-group-item {\n    border-block-start-width: var(--list-group-border-width);\n    border-inline-start-width: 0;\n  }\n  .list-group-horizontal > .list-group-item + .list-group-item.active {\n    margin-inline-start: calc(-1 * var(--list-group-border-width));\n    border-inline-start-width: var(--list-group-border-width);\n  }\n  @media (width >= 576px) {\n    .sm\\:list-group-horizontal {\n      flex-direction: row;\n    }\n    .sm\\:list-group-horizontal > .list-group-item:first-child:not(:last-child) {\n      border-end-start-radius: var(--list-group-border-radius);\n      border-start-end-radius: 0;\n    }\n    .sm\\:list-group-horizontal > .list-group-item:last-child:not(:first-child) {\n      border-start-end-radius: var(--list-group-border-radius);\n      border-end-start-radius: 0;\n    }\n    .sm\\:list-group-horizontal > .list-group-item.active {\n      margin-top: 0;\n    }\n    .sm\\:list-group-horizontal > .list-group-item + .list-group-item {\n      border-block-start-width: var(--list-group-border-width);\n      border-inline-start-width: 0;\n    }\n    .sm\\:list-group-horizontal > .list-group-item + .list-group-item.active {\n      margin-inline-start: calc(-1 * var(--list-group-border-width));\n      border-inline-start-width: var(--list-group-border-width);\n    }\n  }\n  @media (width >= 768px) {\n    .md\\:list-group-horizontal {\n      flex-direction: row;\n    }\n    .md\\:list-group-horizontal > .list-group-item:first-child:not(:last-child) {\n      border-end-start-radius: var(--list-group-border-radius);\n      border-start-end-radius: 0;\n    }\n    .md\\:list-group-horizontal > .list-group-item:last-child:not(:first-child) {\n      border-start-end-radius: var(--list-group-border-radius);\n      border-end-start-radius: 0;\n    }\n    .md\\:list-group-horizontal > .list-group-item.active {\n      margin-top: 0;\n    }\n    .md\\:list-group-horizontal > .list-group-item + .list-group-item {\n      border-block-start-width: var(--list-group-border-width);\n      border-inline-start-width: 0;\n    }\n    .md\\:list-group-horizontal > .list-group-item + .list-group-item.active {\n      margin-inline-start: calc(-1 * var(--list-group-border-width));\n      border-inline-start-width: var(--list-group-border-width);\n    }\n  }\n  @media (width >= 1024px) {\n    .lg\\:list-group-horizontal {\n      flex-direction: row;\n    }\n    .lg\\:list-group-horizontal > .list-group-item:first-child:not(:last-child) {\n      border-end-start-radius: var(--list-group-border-radius);\n      border-start-end-radius: 0;\n    }\n    .lg\\:list-group-horizontal > .list-group-item:last-child:not(:first-child) {\n      border-start-end-radius: var(--list-group-border-radius);\n      border-end-start-radius: 0;\n    }\n    .lg\\:list-group-horizontal > .list-group-item.active {\n      margin-top: 0;\n    }\n    .lg\\:list-group-horizontal > .list-group-item + .list-group-item {\n      border-block-start-width: var(--list-group-border-width);\n      border-inline-start-width: 0;\n    }\n    .lg\\:list-group-horizontal > .list-group-item + .list-group-item.active {\n      margin-inline-start: calc(-1 * var(--list-group-border-width));\n      border-inline-start-width: var(--list-group-border-width);\n    }\n  }\n  @media (width >= 1280px) {\n    .xl\\:list-group-horizontal {\n      flex-direction: row;\n    }\n    .xl\\:list-group-horizontal > .list-group-item:first-child:not(:last-child) {\n      border-end-start-radius: var(--list-group-border-radius);\n      border-start-end-radius: 0;\n    }\n    .xl\\:list-group-horizontal > .list-group-item:last-child:not(:first-child) {\n      border-start-end-radius: var(--list-group-border-radius);\n      border-end-start-radius: 0;\n    }\n    .xl\\:list-group-horizontal > .list-group-item.active {\n      margin-top: 0;\n    }\n    .xl\\:list-group-horizontal > .list-group-item + .list-group-item {\n      border-block-start-width: var(--list-group-border-width);\n      border-inline-start-width: 0;\n    }\n    .xl\\:list-group-horizontal > .list-group-item + .list-group-item.active {\n      margin-inline-start: calc(-1 * var(--list-group-border-width));\n      border-inline-start-width: var(--list-group-border-width);\n    }\n  }\n  @media (width >= 1536px) {\n    .\\32 xl\\:list-group-horizontal {\n      flex-direction: row;\n    }\n    .\\32 xl\\:list-group-horizontal > .list-group-item:first-child:not(:last-child) {\n      border-end-start-radius: var(--list-group-border-radius);\n      border-start-end-radius: 0;\n    }\n    .\\32 xl\\:list-group-horizontal > .list-group-item:last-child:not(:first-child) {\n      border-start-end-radius: var(--list-group-border-radius);\n      border-end-start-radius: 0;\n    }\n    .\\32 xl\\:list-group-horizontal > .list-group-item.active {\n      margin-top: 0;\n    }\n    .\\32 xl\\:list-group-horizontal > .list-group-item + .list-group-item {\n      border-block-start-width: var(--list-group-border-width);\n      border-inline-start-width: 0;\n    }\n    .\\32 xl\\:list-group-horizontal > .list-group-item + .list-group-item.active {\n      margin-inline-start: calc(-1 * var(--list-group-border-width));\n      border-inline-start-width: var(--list-group-border-width);\n    }\n  }\n  .list-group-flush {\n    border-radius: 0;\n  }\n  .list-group-flush > .list-group-item {\n    border-width: 0 0 var(--list-group-border-width);\n  }\n  .list-group-flush > .list-group-item:last-child {\n    border-block-end-width: 0;\n  }\n}\n@layer components {\n  .nav {\n    --nav-gap: 0.125rem;\n    --nav-link-gap: 0.5rem;\n    --nav-link-align: center;\n    --nav-link-justify: center;\n    --nav-link-padding-x: 0.75rem;\n    --nav-link-padding-y: 0.375rem;\n    --nav-link-color: var(--fg-2);\n    --nav-link-hover-color: var(--fg-1);\n    --nav-link-hover-bg: var(--bg-1);\n    --nav-link-active-color: var(--fg-body);\n    --nav-link-active-bg: var(--bg-2);\n    --nav-link-disabled-color: var(--fg-4);\n    --nav-link-border-width: var(--border-width);\n    --nav-link-transition-property: color, background-color, border-color;\n    --nav-link-transition-timing: 0.15s ease-in-out;\n    --nav-link-transition: var(--nav-link-transition-property) var(--nav-link-transition-timing);\n    display: flex;\n    flex-wrap: wrap;\n    gap: var(--nav-gap);\n    padding-inline-start: 0;\n    margin-bottom: 0;\n    list-style: none;\n  }\n  .nav-item {\n    display: flex;\n  }\n  .nav-link {\n    display: flex;\n    gap: var(--nav-link-gap);\n    align-items: var(--nav-link-align);\n    justify-content: var(--nav-link-justify);\n    padding: var(--nav-link-padding-y) var(--nav-link-padding-x);\n    font-weight: var(--nav-link-font-weight);\n    color: var(--nav-link-color);\n    text-decoration: none;\n    white-space: nowrap;\n    background: none;\n    border: var(--nav-link-border-width) solid transparent;\n    border-radius: var(--border-radius);\n    transition: var(--nav-link-transition);\n  }\n  @media (prefers-reduced-motion: reduce) {\n    .nav-link {\n      transition: none;\n    }\n  }\n  .nav-link:hover, .nav-link:focus {\n    color: var(--nav-link-hover-color);\n    background-color: var(--nav-link-hover-bg);\n  }\n  .nav-link:focus-visible {\n    --focus-ring-offset: 1px;\n    color: var(--nav-link-hover-color);\n    outline: var(--focus-ring);\n    outline-offset: var(--focus-ring-offset);\n  }\n  .nav-link.active, .nav-link:active {\n    color: var(--nav-link-active-color);\n    background-color: var(--nav-link-active-bg);\n  }\n  .nav-link.disabled, .nav-link:disabled {\n    color: var(--nav-link-disabled-color);\n    pointer-events: none;\n    cursor: default;\n  }\n  .nav-tabs {\n    --nav-tabs-border-width: var(--border-width);\n    --nav-tabs-border-color: var(--border-color);\n    --nav-tabs-border-radius: var(--border-radius);\n    --nav-tabs-link-hover-border-color: var(--border-subtle);\n    --nav-tabs-link-active-color: var(--fg-color);\n    --nav-tabs-link-active-bg: var(--bg-body);\n    --nav-tabs-link-active-border-color: var(--border-color) var(--border-color) var(--bg-body);\n    box-shadow: inset 0 calc(-1 * var(--nav-tabs-border-width)) 0 var(--nav-tabs-border-color);\n  }\n  .nav-tabs .nav-link {\n    border: var(--nav-tabs-border-width) solid transparent;\n    border-bottom-color: var(--nav-tabs-border-color);\n    border-end-start-radius: 0;\n    border-end-end-radius: 0;\n  }\n  .nav-tabs .nav-link:hover {\n    isolation: isolate;\n    border-color: var(--nav-tabs-link-hover-border-color);\n    border-bottom-color: var(--nav-tabs-border-color);\n  }\n  .nav-tabs .nav-link.active,\n  .nav-tabs .nav-item.show .nav-link {\n    color: var(--nav-tabs-link-active-color);\n    background-color: var(--nav-tabs-link-active-bg);\n    border-color: var(--nav-tabs-link-active-border-color);\n    border-bottom-color: var(--nav-tabs-link-active-bg);\n  }\n  .nav-tabs .menu {\n    margin-top: calc(-1 * var(--nav-tabs-border-width));\n    border-start-start-radius: 0;\n    border-start-end-radius: 0;\n  }\n  .nav-pills {\n    --nav-pills-bg: var(--bg-1);\n    --nav-pills-padding: 0.25rem;\n    --nav-pills-link-active-color: var(--primary-contrast);\n    --nav-pills-link-active-bg: var(--primary-bg);\n    display: inline-flex;\n    padding: var(--nav-pills-padding);\n    background-color: var(--nav-pills-bg);\n    border-radius: var(--border-radius-pill);\n  }\n  .nav-pills .nav-link {\n    border-radius: var(--border-radius-pill);\n  }\n  .nav-pills .nav-link.active,\n  .nav-pills .show > .nav-link {\n    color: var(--nav-pills-link-active-color);\n    background-color: var(--nav-pills-link-active-bg);\n    background-image: var(--gradient);\n  }\n  .nav-underline {\n    --nav-gap: 1rem;\n    --nav-link-active-bg: transparent;\n    --nav-underline-border-width: 0.125rem;\n    --nav-underline-link-active-color: var(--fg-color);\n  }\n  .nav-underline .nav-link {\n    padding-inline: 0;\n    border: 0;\n    border-block-end: var(--nav-underline-border-width) solid transparent;\n    border-radius: 0;\n  }\n  .nav-underline .nav-link:hover, .nav-underline .nav-link:focus {\n    border-block-end-color: currentcolor;\n  }\n  .nav-underline .nav-link.active,\n  .nav-underline .show > .nav-link {\n    font-weight: 700;\n    color: var(--nav-underline-link-active-color);\n    border-block-end-color: currentcolor;\n  }\n  .nav-fill > .nav-link,\n  .nav-fill .nav-item {\n    flex: 1 1 auto;\n    text-align: center;\n  }\n  .nav-justified > .nav-link,\n  .nav-justified .nav-item {\n    flex-grow: 1;\n    flex-basis: 0;\n    text-align: center;\n  }\n  .nav-fill .nav-item .nav-link,\n  .nav-justified .nav-item .nav-link {\n    width: 100%;\n  }\n  .tab-content > .tab-pane {\n    display: none;\n  }\n  .tab-content > .active {\n    display: block;\n  }\n}\n@layer components {\n  .nav-overflow {\n    flex-wrap: nowrap;\n    min-width: 0;\n  }\n  .nav-overflow-item {\n    flex-shrink: 0;\n    margin-inline-start: auto;\n  }\n  .nav-overflow [data-bs-nav-overflow=true] {\n    display: none;\n  }\n  .nav-overflow-keep {\n    flex-shrink: 0;\n  }\n}\n@layer components {\n  .navbar {\n    --navbar-padding-x: 0;\n    --navbar-padding-y: 0.5rem;\n    --navbar-color: var(--fg-2);\n    --navbar-hover-color: var(--fg-1);\n    --navbar-disabled-color: var(--fg-3);\n    --navbar-active-color: var(--fg-body);\n    --navbar-brand-padding-y: 0.75rem;\n    --navbar-brand-margin-end: 1rem;\n    --navbar-brand-font-size: var(--font-size-md);\n    --navbar-brand-font-weight: var(--font-weight-medium);\n    --navbar-brand-color: var(--fg-body);\n    --navbar-brand-hover-color: var(--fg-body);\n    --navbar-nav-link-padding-x: 0.75rem;\n    --navbar-toggler-width: 2rem;\n    --navbar-toggler-padding-y: 0.25rem;\n    --navbar-toggler-padding-x: 0.75rem;\n    --navbar-toggler-font-size: var(--font-size-lg);\n    --navbar-toggler-border-color: color-mix(in oklch, var(--fg-body) 15%, transparent);\n    --navbar-toggler-border-radius: var(--border-radius);\n    --navbar-toggler-transition: box-shadow 0.15s ease-in-out;\n    position: relative;\n    display: flex;\n    flex-wrap: wrap;\n    align-items: center;\n    justify-content: space-between;\n    padding: var(--navbar-padding-y) var(--navbar-padding-x);\n    container-type: inline-size;\n    color: var(--navbar-color, var(--fg-body));\n    background-color: var(--navbar-bg, var(--bg-body));\n  }\n  .navbar > .\\32 xl\\:container, .navbar > .xl\\:container, .navbar > .lg\\:container, .navbar > .md\\:container, .navbar > .sm\\:container, .navbar > .container,\n  .navbar > .container-fluid {\n    display: flex;\n    flex-wrap: inherit;\n    align-items: center;\n    justify-content: space-between;\n  }\n  .navbar-brand {\n    padding-top: var(--navbar-brand-padding-y);\n    padding-bottom: var(--navbar-brand-padding-y);\n    margin-inline-end: var(--navbar-brand-margin-end);\n    font-size: var(--navbar-brand-font-size);\n    font-weight: var(--navbar-brand-font-weight);\n    color: var(--navbar-brand-color);\n    text-decoration: none;\n    white-space: nowrap;\n  }\n  .navbar-brand:hover, .navbar-brand:focus {\n    color: var(--navbar-brand-hover-color);\n  }\n  .navbar-nav {\n    --nav-gap: 0.25rem;\n    --nav-link-gap: 0.5rem;\n    --nav-link-padding-x: 0.5rem;\n    --nav-link-padding-y: 0.375rem;\n    --nav-link-color: var(--navbar-color);\n    --nav-link-border-width: var(--border-width);\n    --nav-link-hover-color: var(--navbar-hover-color);\n    --nav-link-hover-bg: transparent;\n    --nav-link-active-color: var(--navbar-active-color);\n    --nav-link-active-bg: transparent;\n    --nav-link-disabled-color: var(--navbar-disabled-color);\n    display: flex;\n    flex-direction: column;\n    gap: var(--nav-gap);\n    padding-inline-start: 0;\n    margin-bottom: 0;\n    list-style: none;\n  }\n  .navbar-nav .nav-link.active, .navbar-nav .nav-link.show {\n    color: var(--navbar-active-color);\n    border: var(--nav-link-border-width) solid var(--nav-link-border-color, transparent);\n  }\n  .navbar-text {\n    padding-top: var(--navbar-brand-padding-y);\n    padding-bottom: var(--navbar-brand-padding-y);\n    color: var(--navbar-color);\n  }\n  .navbar-text a,\n  .navbar-text a:hover,\n  .navbar-text a:focus {\n    color: var(--navbar-active-color);\n  }\n  .navbar-toggler {\n    --btn-bg: transparent;\n    --btn-hover-bg: var(--bg-2);\n  }\n  .navbar-expand > .container,\n  .navbar-expand > .container-fluid {\n    flex-wrap: nowrap;\n    justify-content: flex-start;\n  }\n  .navbar-expand .navbar-nav {\n    --nav-link-padding-x: var(--navbar-nav-link-padding-x);\n    flex-direction: row;\n  }\n  .navbar-expand .navbar-toggler {\n    display: none !important;\n  }\n  .navbar-expand [class*=drawer] {\n    position: static !important;\n    inset: auto !important;\n    z-index: auto;\n    display: flex !important;\n    flex-grow: 1;\n    width: auto !important;\n    max-width: none !important;\n    height: auto !important;\n    max-height: none !important;\n    padding: 0;\n    margin: 0;\n    visibility: visible !important;\n    background-color: transparent !important;\n    border: 0 !important;\n    transform: none !important;\n    box-shadow: none;\n    transition: none;\n  }\n  .navbar-expand [class*=drawer] .drawer-header {\n    display: none !important;\n  }\n  .navbar-expand [class*=drawer] .drawer-body {\n    display: flex;\n    flex-grow: 1;\n    flex-direction: row;\n    align-items: center;\n    padding: 0;\n    overflow-y: visible;\n  }\n  .navbar-expand {\n    flex-wrap: nowrap;\n    justify-content: flex-start;\n  }\n  @container (width >= 576px) {\n    .sm\\:navbar-expand > .container,\n    .sm\\:navbar-expand > .container-fluid {\n      flex-wrap: nowrap;\n      justify-content: flex-start;\n    }\n    .sm\\:navbar-expand .navbar-nav {\n      --nav-link-padding-x: var(--navbar-nav-link-padding-x);\n      flex-direction: row;\n    }\n    .sm\\:navbar-expand .navbar-toggler {\n      display: none !important;\n    }\n    .sm\\:navbar-expand [class*=drawer] {\n      position: static !important;\n      inset: auto !important;\n      z-index: auto;\n      display: flex !important;\n      flex-grow: 1;\n      width: auto !important;\n      max-width: none !important;\n      height: auto !important;\n      max-height: none !important;\n      padding: 0;\n      margin: 0;\n      visibility: visible !important;\n      background-color: transparent !important;\n      border: 0 !important;\n      transform: none !important;\n      box-shadow: none;\n      transition: none;\n    }\n    .sm\\:navbar-expand [class*=drawer] .drawer-header {\n      display: none !important;\n    }\n    .sm\\:navbar-expand [class*=drawer] .drawer-body {\n      display: flex;\n      flex-grow: 1;\n      flex-direction: row;\n      align-items: center;\n      padding: 0;\n      overflow-y: visible;\n    }\n  }\n  @container (width >= 768px) {\n    .md\\:navbar-expand > .container,\n    .md\\:navbar-expand > .container-fluid {\n      flex-wrap: nowrap;\n      justify-content: flex-start;\n    }\n    .md\\:navbar-expand .navbar-nav {\n      --nav-link-padding-x: var(--navbar-nav-link-padding-x);\n      flex-direction: row;\n    }\n    .md\\:navbar-expand .navbar-toggler {\n      display: none !important;\n    }\n    .md\\:navbar-expand [class*=drawer] {\n      position: static !important;\n      inset: auto !important;\n      z-index: auto;\n      display: flex !important;\n      flex-grow: 1;\n      width: auto !important;\n      max-width: none !important;\n      height: auto !important;\n      max-height: none !important;\n      padding: 0;\n      margin: 0;\n      visibility: visible !important;\n      background-color: transparent !important;\n      border: 0 !important;\n      transform: none !important;\n      box-shadow: none;\n      transition: none;\n    }\n    .md\\:navbar-expand [class*=drawer] .drawer-header {\n      display: none !important;\n    }\n    .md\\:navbar-expand [class*=drawer] .drawer-body {\n      display: flex;\n      flex-grow: 1;\n      flex-direction: row;\n      align-items: center;\n      padding: 0;\n      overflow-y: visible;\n    }\n  }\n  @container (width >= 1024px) {\n    .lg\\:navbar-expand > .container,\n    .lg\\:navbar-expand > .container-fluid {\n      flex-wrap: nowrap;\n      justify-content: flex-start;\n    }\n    .lg\\:navbar-expand .navbar-nav {\n      --nav-link-padding-x: var(--navbar-nav-link-padding-x);\n      flex-direction: row;\n    }\n    .lg\\:navbar-expand .navbar-toggler {\n      display: none !important;\n    }\n    .lg\\:navbar-expand [class*=drawer] {\n      position: static !important;\n      inset: auto !important;\n      z-index: auto;\n      display: flex !important;\n      flex-grow: 1;\n      width: auto !important;\n      max-width: none !important;\n      height: auto !important;\n      max-height: none !important;\n      padding: 0;\n      margin: 0;\n      visibility: visible !important;\n      background-color: transparent !important;\n      border: 0 !important;\n      transform: none !important;\n      box-shadow: none;\n      transition: none;\n    }\n    .lg\\:navbar-expand [class*=drawer] .drawer-header {\n      display: none !important;\n    }\n    .lg\\:navbar-expand [class*=drawer] .drawer-body {\n      display: flex;\n      flex-grow: 1;\n      flex-direction: row;\n      align-items: center;\n      padding: 0;\n      overflow-y: visible;\n    }\n  }\n  @container (width >= 1280px) {\n    .xl\\:navbar-expand > .container,\n    .xl\\:navbar-expand > .container-fluid {\n      flex-wrap: nowrap;\n      justify-content: flex-start;\n    }\n    .xl\\:navbar-expand .navbar-nav {\n      --nav-link-padding-x: var(--navbar-nav-link-padding-x);\n      flex-direction: row;\n    }\n    .xl\\:navbar-expand .navbar-toggler {\n      display: none !important;\n    }\n    .xl\\:navbar-expand [class*=drawer] {\n      position: static !important;\n      inset: auto !important;\n      z-index: auto;\n      display: flex !important;\n      flex-grow: 1;\n      width: auto !important;\n      max-width: none !important;\n      height: auto !important;\n      max-height: none !important;\n      padding: 0;\n      margin: 0;\n      visibility: visible !important;\n      background-color: transparent !important;\n      border: 0 !important;\n      transform: none !important;\n      box-shadow: none;\n      transition: none;\n    }\n    .xl\\:navbar-expand [class*=drawer] .drawer-header {\n      display: none !important;\n    }\n    .xl\\:navbar-expand [class*=drawer] .drawer-body {\n      display: flex;\n      flex-grow: 1;\n      flex-direction: row;\n      align-items: center;\n      padding: 0;\n      overflow-y: visible;\n    }\n  }\n  @container (width >= 1536px) {\n    .\\32 xl\\:navbar-expand > .container,\n    .\\32 xl\\:navbar-expand > .container-fluid {\n      flex-wrap: nowrap;\n      justify-content: flex-start;\n    }\n    .\\32 xl\\:navbar-expand .navbar-nav {\n      --nav-link-padding-x: var(--navbar-nav-link-padding-x);\n      flex-direction: row;\n    }\n    .\\32 xl\\:navbar-expand .navbar-toggler {\n      display: none !important;\n    }\n    .\\32 xl\\:navbar-expand [class*=drawer] {\n      position: static !important;\n      inset: auto !important;\n      z-index: auto;\n      display: flex !important;\n      flex-grow: 1;\n      width: auto !important;\n      max-width: none !important;\n      height: auto !important;\n      max-height: none !important;\n      padding: 0;\n      margin: 0;\n      visibility: visible !important;\n      background-color: transparent !important;\n      border: 0 !important;\n      transform: none !important;\n      box-shadow: none;\n      transition: none;\n    }\n    .\\32 xl\\:navbar-expand [class*=drawer] .drawer-header {\n      display: none !important;\n    }\n    .\\32 xl\\:navbar-expand [class*=drawer] .drawer-body {\n      display: flex;\n      flex-grow: 1;\n      flex-direction: row;\n      align-items: center;\n      padding: 0;\n      overflow-y: visible;\n    }\n  }\n  .navbar [class*=drawer]:not([open], .hiding) {\n    transition: none !important;\n  }\n  @media (prefers-reduced-motion: reduce) {\n    .navbar [class*=drawer]:not([open], .hiding) {\n      transition: none;\n    }\n  }\n  .navbar-translucent {\n    position: relative;\n    background-color: transparent;\n  }\n  .navbar-translucent::before {\n    position: absolute;\n    inset: 0;\n    z-index: -1;\n    content: \"\";\n    background-color: color-mix(in oklch, var(--navbar-bg, var(--bg-body)) 80%, transparent);\n    background-image: none;\n    backdrop-filter: blur(5px) saturate(180%);\n  }\n  .navbar[data-bs-theme=dark] {\n    --navbar-color: color-mix(in oklch, var(--white) 0.55, transparent);\n    --navbar-hover-color: color-mix(in oklch, var(--white) 0.75, transparent);\n    --navbar-disabled-color: color-mix(in oklch, var(--white) 0.25, transparent);\n    --navbar-active-color: var(--white);\n    --navbar-brand-color: var(--white);\n    --navbar-brand-hover-color: var(--white);\n    --navbar-toggler-border-color: color-mix(in oklch, var(--white) 0.1, transparent);\n  }\n}\n.drawer, .\\32 xl\\:drawer, .xl\\:drawer, .lg\\:drawer, .md\\:drawer, .sm\\:drawer {\n  --drawer-inset: var(--spacer);\n  --drawer-zindex: 1045;\n  --drawer-width: 400px;\n  --drawer-height: 30vh;\n  --drawer-padding-x: var(--spacer);\n  --drawer-padding-y: var(--spacer);\n  --drawer-color: var(--fg-body);\n  --drawer-bg: var(--bg-body);\n  --drawer-border-width: var(--border-width);\n  --drawer-border-color: var(--border-color-translucent);\n  --drawer-border-radius: var(--border-radius-lg);\n  --drawer-box-shadow: var(--box-shadow-lg);\n  --drawer-transition-duration: 0.3s;\n  --drawer-transition-timing: cubic-bezier(0.22, 1, 0.36, 1);\n  --drawer-title-line-height: 1.5;\n}\n\n@layer components {\n  @media (width < 576px) {\n    .sm\\:drawer {\n      position: fixed;\n      inset: auto;\n      z-index: var(--drawer-zindex);\n      display: flex;\n      flex-direction: column;\n      width: auto;\n      max-width: calc(100% - var(--drawer-inset) * 2);\n      height: auto;\n      max-height: calc(100% - var(--drawer-inset) * 2);\n      padding: 0;\n      margin: 0;\n      color: var(--drawer-color);\n      visibility: hidden;\n      background-color: var(--drawer-bg);\n      background-clip: padding-box;\n      border: var(--drawer-border-width) solid var(--drawer-border-color);\n      outline: 0;\n      border-radius: var(--drawer-border-radius);\n      box-shadow: var(--drawer-box-shadow);\n    }\n    .sm\\:drawer:where(.drawer-start) {\n      inset-block: var(--drawer-inset);\n      inset-inline-start: var(--drawer-inset);\n      width: var(--drawer-width);\n    }\n    .sm\\:drawer:where(.drawer-end) {\n      inset-block: var(--drawer-inset);\n      inset-inline-end: var(--drawer-inset);\n      width: var(--drawer-width);\n    }\n    .sm\\:drawer:where(.drawer-top) {\n      inset: var(--drawer-inset) var(--drawer-inset) auto;\n      height: var(--drawer-height);\n    }\n    .sm\\:drawer:where(.drawer-bottom) {\n      inset: auto var(--drawer-inset) var(--drawer-inset);\n      height: var(--drawer-height);\n    }\n    .sm\\:drawer:where(.drawer-fullscreen) {\n      inset: var(--drawer-inset);\n      width: auto;\n      max-width: none;\n      height: auto;\n      max-height: none;\n    }\n    .sm\\:drawer:not(.drawer-instant) {\n      transition: transform var(--drawer-transition-duration) var(--drawer-transition-timing), visibility 0s var(--drawer-transition-duration);\n    }\n  }\n  @media (width < 576px) and (prefers-reduced-motion: reduce) {\n    .sm\\:drawer:not(.drawer-instant) {\n      transition: none;\n    }\n  }\n  @media (width < 576px) {\n    .sm\\:drawer:not(.drawer-instant):where(.drawer-start) {\n      transform: translateX(calc(-100% - var(--drawer-inset)));\n    }\n    :root:dir(rtl) .sm\\:drawer:not(.drawer-instant):where(.drawer-start) {\n      transform: translateX(calc(100% + var(--drawer-inset)));\n    }\n    .sm\\:drawer:not(.drawer-instant):where(.drawer-end) {\n      transform: translateX(calc(100% + var(--drawer-inset)));\n    }\n    :root:dir(rtl) .sm\\:drawer:not(.drawer-instant):where(.drawer-end) {\n      transform: translateX(calc(-100% - var(--drawer-inset)));\n    }\n    .sm\\:drawer:not(.drawer-instant):where(.drawer-top) {\n      transform: translateY(calc(-100% - var(--drawer-inset)));\n    }\n    .sm\\:drawer:not(.drawer-instant):where(.drawer-bottom) {\n      transform: translateY(calc(100% + var(--drawer-inset)));\n    }\n    .sm\\:drawer:not(.drawer-instant):where(.drawer-fullscreen) {\n      transform: translateY(calc(100% + var(--drawer-inset)));\n    }\n    .sm\\:drawer:not(.drawer-instant)[open] {\n      visibility: visible;\n      transition: transform var(--drawer-transition-duration) var(--drawer-transition-timing), visibility 0s;\n      transform: none;\n    }\n  }\n  @media (width < 576px) and (prefers-reduced-motion: reduce) {\n    .sm\\:drawer:not(.drawer-instant)[open] {\n      transition: none;\n    }\n  }\n  @media (width < 576px) {\n    .sm\\:drawer[open] {\n      visibility: visible;\n      transform: none;\n    }\n  }\n  @media (width >= 576px) {\n    .sm\\:drawer {\n      --drawer-height: auto;\n      --drawer-border-width: 0;\n      position: static !important;\n      inset: auto;\n      z-index: auto;\n      display: flex !important;\n      flex-grow: 1;\n      width: auto !important;\n      max-width: none;\n      height: auto !important;\n      max-height: none;\n      padding: 0;\n      margin: 0;\n      visibility: visible !important;\n      background-color: transparent !important;\n      border: 0 !important;\n      transform: none !important;\n      transition: none !important;\n      border-radius: 0;\n      box-shadow: none;\n    }\n  }\n  @media (width >= 576px) and (prefers-reduced-motion: reduce) {\n    .sm\\:drawer {\n      transition: none;\n    }\n  }\n  @media (width >= 576px) {\n    .sm\\:drawer .drawer-header {\n      display: none;\n    }\n    .sm\\:drawer .drawer-body {\n      display: flex;\n      flex-grow: 0;\n      flex-direction: row;\n      width: 100%;\n      padding: 0;\n      overflow-y: visible;\n      background-color: transparent !important;\n    }\n  }\n  @media (width < 768px) {\n    .md\\:drawer {\n      position: fixed;\n      inset: auto;\n      z-index: var(--drawer-zindex);\n      display: flex;\n      flex-direction: column;\n      width: auto;\n      max-width: calc(100% - var(--drawer-inset) * 2);\n      height: auto;\n      max-height: calc(100% - var(--drawer-inset) * 2);\n      padding: 0;\n      margin: 0;\n      color: var(--drawer-color);\n      visibility: hidden;\n      background-color: var(--drawer-bg);\n      background-clip: padding-box;\n      border: var(--drawer-border-width) solid var(--drawer-border-color);\n      outline: 0;\n      border-radius: var(--drawer-border-radius);\n      box-shadow: var(--drawer-box-shadow);\n    }\n    .md\\:drawer:where(.drawer-start) {\n      inset-block: var(--drawer-inset);\n      inset-inline-start: var(--drawer-inset);\n      width: var(--drawer-width);\n    }\n    .md\\:drawer:where(.drawer-end) {\n      inset-block: var(--drawer-inset);\n      inset-inline-end: var(--drawer-inset);\n      width: var(--drawer-width);\n    }\n    .md\\:drawer:where(.drawer-top) {\n      inset: var(--drawer-inset) var(--drawer-inset) auto;\n      height: var(--drawer-height);\n    }\n    .md\\:drawer:where(.drawer-bottom) {\n      inset: auto var(--drawer-inset) var(--drawer-inset);\n      height: var(--drawer-height);\n    }\n    .md\\:drawer:where(.drawer-fullscreen) {\n      inset: var(--drawer-inset);\n      width: auto;\n      max-width: none;\n      height: auto;\n      max-height: none;\n    }\n    .md\\:drawer:not(.drawer-instant) {\n      transition: transform var(--drawer-transition-duration) var(--drawer-transition-timing), visibility 0s var(--drawer-transition-duration);\n    }\n  }\n  @media (width < 768px) and (prefers-reduced-motion: reduce) {\n    .md\\:drawer:not(.drawer-instant) {\n      transition: none;\n    }\n  }\n  @media (width < 768px) {\n    .md\\:drawer:not(.drawer-instant):where(.drawer-start) {\n      transform: translateX(calc(-100% - var(--drawer-inset)));\n    }\n    :root:dir(rtl) .md\\:drawer:not(.drawer-instant):where(.drawer-start) {\n      transform: translateX(calc(100% + var(--drawer-inset)));\n    }\n    .md\\:drawer:not(.drawer-instant):where(.drawer-end) {\n      transform: translateX(calc(100% + var(--drawer-inset)));\n    }\n    :root:dir(rtl) .md\\:drawer:not(.drawer-instant):where(.drawer-end) {\n      transform: translateX(calc(-100% - var(--drawer-inset)));\n    }\n    .md\\:drawer:not(.drawer-instant):where(.drawer-top) {\n      transform: translateY(calc(-100% - var(--drawer-inset)));\n    }\n    .md\\:drawer:not(.drawer-instant):where(.drawer-bottom) {\n      transform: translateY(calc(100% + var(--drawer-inset)));\n    }\n    .md\\:drawer:not(.drawer-instant):where(.drawer-fullscreen) {\n      transform: translateY(calc(100% + var(--drawer-inset)));\n    }\n    .md\\:drawer:not(.drawer-instant)[open] {\n      visibility: visible;\n      transition: transform var(--drawer-transition-duration) var(--drawer-transition-timing), visibility 0s;\n      transform: none;\n    }\n  }\n  @media (width < 768px) and (prefers-reduced-motion: reduce) {\n    .md\\:drawer:not(.drawer-instant)[open] {\n      transition: none;\n    }\n  }\n  @media (width < 768px) {\n    .md\\:drawer[open] {\n      visibility: visible;\n      transform: none;\n    }\n  }\n  @media (width >= 768px) {\n    .md\\:drawer {\n      --drawer-height: auto;\n      --drawer-border-width: 0;\n      position: static !important;\n      inset: auto;\n      z-index: auto;\n      display: flex !important;\n      flex-grow: 1;\n      width: auto !important;\n      max-width: none;\n      height: auto !important;\n      max-height: none;\n      padding: 0;\n      margin: 0;\n      visibility: visible !important;\n      background-color: transparent !important;\n      border: 0 !important;\n      transform: none !important;\n      transition: none !important;\n      border-radius: 0;\n      box-shadow: none;\n    }\n  }\n  @media (width >= 768px) and (prefers-reduced-motion: reduce) {\n    .md\\:drawer {\n      transition: none;\n    }\n  }\n  @media (width >= 768px) {\n    .md\\:drawer .drawer-header {\n      display: none;\n    }\n    .md\\:drawer .drawer-body {\n      display: flex;\n      flex-grow: 0;\n      flex-direction: row;\n      width: 100%;\n      padding: 0;\n      overflow-y: visible;\n      background-color: transparent !important;\n    }\n  }\n  @media (width < 1024px) {\n    .lg\\:drawer {\n      position: fixed;\n      inset: auto;\n      z-index: var(--drawer-zindex);\n      display: flex;\n      flex-direction: column;\n      width: auto;\n      max-width: calc(100% - var(--drawer-inset) * 2);\n      height: auto;\n      max-height: calc(100% - var(--drawer-inset) * 2);\n      padding: 0;\n      margin: 0;\n      color: var(--drawer-color);\n      visibility: hidden;\n      background-color: var(--drawer-bg);\n      background-clip: padding-box;\n      border: var(--drawer-border-width) solid var(--drawer-border-color);\n      outline: 0;\n      border-radius: var(--drawer-border-radius);\n      box-shadow: var(--drawer-box-shadow);\n    }\n    .lg\\:drawer:where(.drawer-start) {\n      inset-block: var(--drawer-inset);\n      inset-inline-start: var(--drawer-inset);\n      width: var(--drawer-width);\n    }\n    .lg\\:drawer:where(.drawer-end) {\n      inset-block: var(--drawer-inset);\n      inset-inline-end: var(--drawer-inset);\n      width: var(--drawer-width);\n    }\n    .lg\\:drawer:where(.drawer-top) {\n      inset: var(--drawer-inset) var(--drawer-inset) auto;\n      height: var(--drawer-height);\n    }\n    .lg\\:drawer:where(.drawer-bottom) {\n      inset: auto var(--drawer-inset) var(--drawer-inset);\n      height: var(--drawer-height);\n    }\n    .lg\\:drawer:where(.drawer-fullscreen) {\n      inset: var(--drawer-inset);\n      width: auto;\n      max-width: none;\n      height: auto;\n      max-height: none;\n    }\n    .lg\\:drawer:not(.drawer-instant) {\n      transition: transform var(--drawer-transition-duration) var(--drawer-transition-timing), visibility 0s var(--drawer-transition-duration);\n    }\n  }\n  @media (width < 1024px) and (prefers-reduced-motion: reduce) {\n    .lg\\:drawer:not(.drawer-instant) {\n      transition: none;\n    }\n  }\n  @media (width < 1024px) {\n    .lg\\:drawer:not(.drawer-instant):where(.drawer-start) {\n      transform: translateX(calc(-100% - var(--drawer-inset)));\n    }\n    :root:dir(rtl) .lg\\:drawer:not(.drawer-instant):where(.drawer-start) {\n      transform: translateX(calc(100% + var(--drawer-inset)));\n    }\n    .lg\\:drawer:not(.drawer-instant):where(.drawer-end) {\n      transform: translateX(calc(100% + var(--drawer-inset)));\n    }\n    :root:dir(rtl) .lg\\:drawer:not(.drawer-instant):where(.drawer-end) {\n      transform: translateX(calc(-100% - var(--drawer-inset)));\n    }\n    .lg\\:drawer:not(.drawer-instant):where(.drawer-top) {\n      transform: translateY(calc(-100% - var(--drawer-inset)));\n    }\n    .lg\\:drawer:not(.drawer-instant):where(.drawer-bottom) {\n      transform: translateY(calc(100% + var(--drawer-inset)));\n    }\n    .lg\\:drawer:not(.drawer-instant):where(.drawer-fullscreen) {\n      transform: translateY(calc(100% + var(--drawer-inset)));\n    }\n    .lg\\:drawer:not(.drawer-instant)[open] {\n      visibility: visible;\n      transition: transform var(--drawer-transition-duration) var(--drawer-transition-timing), visibility 0s;\n      transform: none;\n    }\n  }\n  @media (width < 1024px) and (prefers-reduced-motion: reduce) {\n    .lg\\:drawer:not(.drawer-instant)[open] {\n      transition: none;\n    }\n  }\n  @media (width < 1024px) {\n    .lg\\:drawer[open] {\n      visibility: visible;\n      transform: none;\n    }\n  }\n  @media (width >= 1024px) {\n    .lg\\:drawer {\n      --drawer-height: auto;\n      --drawer-border-width: 0;\n      position: static !important;\n      inset: auto;\n      z-index: auto;\n      display: flex !important;\n      flex-grow: 1;\n      width: auto !important;\n      max-width: none;\n      height: auto !important;\n      max-height: none;\n      padding: 0;\n      margin: 0;\n      visibility: visible !important;\n      background-color: transparent !important;\n      border: 0 !important;\n      transform: none !important;\n      transition: none !important;\n      border-radius: 0;\n      box-shadow: none;\n    }\n  }\n  @media (width >= 1024px) and (prefers-reduced-motion: reduce) {\n    .lg\\:drawer {\n      transition: none;\n    }\n  }\n  @media (width >= 1024px) {\n    .lg\\:drawer .drawer-header {\n      display: none;\n    }\n    .lg\\:drawer .drawer-body {\n      display: flex;\n      flex-grow: 0;\n      flex-direction: row;\n      width: 100%;\n      padding: 0;\n      overflow-y: visible;\n      background-color: transparent !important;\n    }\n  }\n  @media (width < 1280px) {\n    .xl\\:drawer {\n      position: fixed;\n      inset: auto;\n      z-index: var(--drawer-zindex);\n      display: flex;\n      flex-direction: column;\n      width: auto;\n      max-width: calc(100% - var(--drawer-inset) * 2);\n      height: auto;\n      max-height: calc(100% - var(--drawer-inset) * 2);\n      padding: 0;\n      margin: 0;\n      color: var(--drawer-color);\n      visibility: hidden;\n      background-color: var(--drawer-bg);\n      background-clip: padding-box;\n      border: var(--drawer-border-width) solid var(--drawer-border-color);\n      outline: 0;\n      border-radius: var(--drawer-border-radius);\n      box-shadow: var(--drawer-box-shadow);\n    }\n    .xl\\:drawer:where(.drawer-start) {\n      inset-block: var(--drawer-inset);\n      inset-inline-start: var(--drawer-inset);\n      width: var(--drawer-width);\n    }\n    .xl\\:drawer:where(.drawer-end) {\n      inset-block: var(--drawer-inset);\n      inset-inline-end: var(--drawer-inset);\n      width: var(--drawer-width);\n    }\n    .xl\\:drawer:where(.drawer-top) {\n      inset: var(--drawer-inset) var(--drawer-inset) auto;\n      height: var(--drawer-height);\n    }\n    .xl\\:drawer:where(.drawer-bottom) {\n      inset: auto var(--drawer-inset) var(--drawer-inset);\n      height: var(--drawer-height);\n    }\n    .xl\\:drawer:where(.drawer-fullscreen) {\n      inset: var(--drawer-inset);\n      width: auto;\n      max-width: none;\n      height: auto;\n      max-height: none;\n    }\n    .xl\\:drawer:not(.drawer-instant) {\n      transition: transform var(--drawer-transition-duration) var(--drawer-transition-timing), visibility 0s var(--drawer-transition-duration);\n    }\n  }\n  @media (width < 1280px) and (prefers-reduced-motion: reduce) {\n    .xl\\:drawer:not(.drawer-instant) {\n      transition: none;\n    }\n  }\n  @media (width < 1280px) {\n    .xl\\:drawer:not(.drawer-instant):where(.drawer-start) {\n      transform: translateX(calc(-100% - var(--drawer-inset)));\n    }\n    :root:dir(rtl) .xl\\:drawer:not(.drawer-instant):where(.drawer-start) {\n      transform: translateX(calc(100% + var(--drawer-inset)));\n    }\n    .xl\\:drawer:not(.drawer-instant):where(.drawer-end) {\n      transform: translateX(calc(100% + var(--drawer-inset)));\n    }\n    :root:dir(rtl) .xl\\:drawer:not(.drawer-instant):where(.drawer-end) {\n      transform: translateX(calc(-100% - var(--drawer-inset)));\n    }\n    .xl\\:drawer:not(.drawer-instant):where(.drawer-top) {\n      transform: translateY(calc(-100% - var(--drawer-inset)));\n    }\n    .xl\\:drawer:not(.drawer-instant):where(.drawer-bottom) {\n      transform: translateY(calc(100% + var(--drawer-inset)));\n    }\n    .xl\\:drawer:not(.drawer-instant):where(.drawer-fullscreen) {\n      transform: translateY(calc(100% + var(--drawer-inset)));\n    }\n    .xl\\:drawer:not(.drawer-instant)[open] {\n      visibility: visible;\n      transition: transform var(--drawer-transition-duration) var(--drawer-transition-timing), visibility 0s;\n      transform: none;\n    }\n  }\n  @media (width < 1280px) and (prefers-reduced-motion: reduce) {\n    .xl\\:drawer:not(.drawer-instant)[open] {\n      transition: none;\n    }\n  }\n  @media (width < 1280px) {\n    .xl\\:drawer[open] {\n      visibility: visible;\n      transform: none;\n    }\n  }\n  @media (width >= 1280px) {\n    .xl\\:drawer {\n      --drawer-height: auto;\n      --drawer-border-width: 0;\n      position: static !important;\n      inset: auto;\n      z-index: auto;\n      display: flex !important;\n      flex-grow: 1;\n      width: auto !important;\n      max-width: none;\n      height: auto !important;\n      max-height: none;\n      padding: 0;\n      margin: 0;\n      visibility: visible !important;\n      background-color: transparent !important;\n      border: 0 !important;\n      transform: none !important;\n      transition: none !important;\n      border-radius: 0;\n      box-shadow: none;\n    }\n  }\n  @media (width >= 1280px) and (prefers-reduced-motion: reduce) {\n    .xl\\:drawer {\n      transition: none;\n    }\n  }\n  @media (width >= 1280px) {\n    .xl\\:drawer .drawer-header {\n      display: none;\n    }\n    .xl\\:drawer .drawer-body {\n      display: flex;\n      flex-grow: 0;\n      flex-direction: row;\n      width: 100%;\n      padding: 0;\n      overflow-y: visible;\n      background-color: transparent !important;\n    }\n  }\n  @media (width < 1536px) {\n    .\\32 xl\\:drawer {\n      position: fixed;\n      inset: auto;\n      z-index: var(--drawer-zindex);\n      display: flex;\n      flex-direction: column;\n      width: auto;\n      max-width: calc(100% - var(--drawer-inset) * 2);\n      height: auto;\n      max-height: calc(100% - var(--drawer-inset) * 2);\n      padding: 0;\n      margin: 0;\n      color: var(--drawer-color);\n      visibility: hidden;\n      background-color: var(--drawer-bg);\n      background-clip: padding-box;\n      border: var(--drawer-border-width) solid var(--drawer-border-color);\n      outline: 0;\n      border-radius: var(--drawer-border-radius);\n      box-shadow: var(--drawer-box-shadow);\n    }\n    .\\32 xl\\:drawer:where(.drawer-start) {\n      inset-block: var(--drawer-inset);\n      inset-inline-start: var(--drawer-inset);\n      width: var(--drawer-width);\n    }\n    .\\32 xl\\:drawer:where(.drawer-end) {\n      inset-block: var(--drawer-inset);\n      inset-inline-end: var(--drawer-inset);\n      width: var(--drawer-width);\n    }\n    .\\32 xl\\:drawer:where(.drawer-top) {\n      inset: var(--drawer-inset) var(--drawer-inset) auto;\n      height: var(--drawer-height);\n    }\n    .\\32 xl\\:drawer:where(.drawer-bottom) {\n      inset: auto var(--drawer-inset) var(--drawer-inset);\n      height: var(--drawer-height);\n    }\n    .\\32 xl\\:drawer:where(.drawer-fullscreen) {\n      inset: var(--drawer-inset);\n      width: auto;\n      max-width: none;\n      height: auto;\n      max-height: none;\n    }\n    .\\32 xl\\:drawer:not(.drawer-instant) {\n      transition: transform var(--drawer-transition-duration) var(--drawer-transition-timing), visibility 0s var(--drawer-transition-duration);\n    }\n  }\n  @media (width < 1536px) and (prefers-reduced-motion: reduce) {\n    .\\32 xl\\:drawer:not(.drawer-instant) {\n      transition: none;\n    }\n  }\n  @media (width < 1536px) {\n    .\\32 xl\\:drawer:not(.drawer-instant):where(.drawer-start) {\n      transform: translateX(calc(-100% - var(--drawer-inset)));\n    }\n    :root:dir(rtl) .\\32 xl\\:drawer:not(.drawer-instant):where(.drawer-start) {\n      transform: translateX(calc(100% + var(--drawer-inset)));\n    }\n    .\\32 xl\\:drawer:not(.drawer-instant):where(.drawer-end) {\n      transform: translateX(calc(100% + var(--drawer-inset)));\n    }\n    :root:dir(rtl) .\\32 xl\\:drawer:not(.drawer-instant):where(.drawer-end) {\n      transform: translateX(calc(-100% - var(--drawer-inset)));\n    }\n    .\\32 xl\\:drawer:not(.drawer-instant):where(.drawer-top) {\n      transform: translateY(calc(-100% - var(--drawer-inset)));\n    }\n    .\\32 xl\\:drawer:not(.drawer-instant):where(.drawer-bottom) {\n      transform: translateY(calc(100% + var(--drawer-inset)));\n    }\n    .\\32 xl\\:drawer:not(.drawer-instant):where(.drawer-fullscreen) {\n      transform: translateY(calc(100% + var(--drawer-inset)));\n    }\n    .\\32 xl\\:drawer:not(.drawer-instant)[open] {\n      visibility: visible;\n      transition: transform var(--drawer-transition-duration) var(--drawer-transition-timing), visibility 0s;\n      transform: none;\n    }\n  }\n  @media (width < 1536px) and (prefers-reduced-motion: reduce) {\n    .\\32 xl\\:drawer:not(.drawer-instant)[open] {\n      transition: none;\n    }\n  }\n  @media (width < 1536px) {\n    .\\32 xl\\:drawer[open] {\n      visibility: visible;\n      transform: none;\n    }\n  }\n  @media (width >= 1536px) {\n    .\\32 xl\\:drawer {\n      --drawer-height: auto;\n      --drawer-border-width: 0;\n      position: static !important;\n      inset: auto;\n      z-index: auto;\n      display: flex !important;\n      flex-grow: 1;\n      width: auto !important;\n      max-width: none;\n      height: auto !important;\n      max-height: none;\n      padding: 0;\n      margin: 0;\n      visibility: visible !important;\n      background-color: transparent !important;\n      border: 0 !important;\n      transform: none !important;\n      transition: none !important;\n      border-radius: 0;\n      box-shadow: none;\n    }\n  }\n  @media (width >= 1536px) and (prefers-reduced-motion: reduce) {\n    .\\32 xl\\:drawer {\n      transition: none;\n    }\n  }\n  @media (width >= 1536px) {\n    .\\32 xl\\:drawer .drawer-header {\n      display: none;\n    }\n    .\\32 xl\\:drawer .drawer-body {\n      display: flex;\n      flex-grow: 0;\n      flex-direction: row;\n      width: 100%;\n      padding: 0;\n      overflow-y: visible;\n      background-color: transparent !important;\n    }\n  }\n  .drawer {\n    position: fixed;\n    inset: auto;\n    z-index: var(--drawer-zindex);\n    display: flex;\n    flex-direction: column;\n    width: auto;\n    max-width: calc(100% - var(--drawer-inset) * 2);\n    height: auto;\n    max-height: calc(100% - var(--drawer-inset) * 2);\n    padding: 0;\n    margin: 0;\n    color: var(--drawer-color);\n    visibility: hidden;\n    background-color: var(--drawer-bg);\n    background-clip: padding-box;\n    border: var(--drawer-border-width) solid var(--drawer-border-color);\n    outline: 0;\n    border-radius: var(--drawer-border-radius);\n    box-shadow: var(--drawer-box-shadow);\n  }\n  .drawer:where(.drawer-start) {\n    inset-block: var(--drawer-inset);\n    inset-inline-start: var(--drawer-inset);\n    width: var(--drawer-width);\n  }\n  .drawer:where(.drawer-end) {\n    inset-block: var(--drawer-inset);\n    inset-inline-end: var(--drawer-inset);\n    width: var(--drawer-width);\n  }\n  .drawer:where(.drawer-top) {\n    inset: var(--drawer-inset) var(--drawer-inset) auto;\n    height: var(--drawer-height);\n  }\n  .drawer:where(.drawer-bottom) {\n    inset: auto var(--drawer-inset) var(--drawer-inset);\n    height: var(--drawer-height);\n  }\n  .drawer:where(.drawer-fullscreen) {\n    inset: var(--drawer-inset);\n    width: auto;\n    max-width: none;\n    height: auto;\n    max-height: none;\n  }\n  .drawer:not(.drawer-instant) {\n    transition: transform var(--drawer-transition-duration) var(--drawer-transition-timing), visibility 0s var(--drawer-transition-duration);\n  }\n  @media (prefers-reduced-motion: reduce) {\n    .drawer:not(.drawer-instant) {\n      transition: none;\n    }\n  }\n  .drawer:not(.drawer-instant):where(.drawer-start) {\n    transform: translateX(calc(-100% - var(--drawer-inset)));\n  }\n  :root:dir(rtl) .drawer:not(.drawer-instant):where(.drawer-start) {\n    transform: translateX(calc(100% + var(--drawer-inset)));\n  }\n  .drawer:not(.drawer-instant):where(.drawer-end) {\n    transform: translateX(calc(100% + var(--drawer-inset)));\n  }\n  :root:dir(rtl) .drawer:not(.drawer-instant):where(.drawer-end) {\n    transform: translateX(calc(-100% - var(--drawer-inset)));\n  }\n  .drawer:not(.drawer-instant):where(.drawer-top) {\n    transform: translateY(calc(-100% - var(--drawer-inset)));\n  }\n  .drawer:not(.drawer-instant):where(.drawer-bottom) {\n    transform: translateY(calc(100% + var(--drawer-inset)));\n  }\n  .drawer:not(.drawer-instant):where(.drawer-fullscreen) {\n    transform: translateY(calc(100% + var(--drawer-inset)));\n  }\n  .drawer:not(.drawer-instant)[open] {\n    visibility: visible;\n    transition: transform var(--drawer-transition-duration) var(--drawer-transition-timing), visibility 0s;\n  }\n  @media (prefers-reduced-motion: reduce) {\n    .drawer:not(.drawer-instant)[open] {\n      transition: none;\n    }\n  }\n  .drawer:not(.drawer-instant)[open] {\n    transform: none;\n  }\n  .drawer[open] {\n    visibility: visible;\n    transform: none;\n  }\n  .sm\\:drawer::backdrop {\n    --drawer-backdrop-bg: var(--bg-body);\n    --drawer-backdrop-opacity: 25%;\n    --drawer-backdrop-blur: 8px;\n    --drawer-inset: var(--spacer);\n    --drawer-zindex: 1045;\n    --drawer-width: 400px;\n    --drawer-height: 30vh;\n    --drawer-padding-x: var(--spacer);\n    --drawer-padding-y: var(--spacer);\n    --drawer-color: var(--fg-body);\n    --drawer-bg: var(--bg-body);\n    --drawer-border-width: var(--border-width);\n    --drawer-border-color: var(--border-color-translucent);\n    --drawer-border-radius: var(--border-radius-lg);\n    --drawer-box-shadow: var(--box-shadow-lg);\n    --drawer-transition-duration: 0.3s;\n    --drawer-transition-timing: cubic-bezier(0.22, 1, 0.36, 1);\n    --drawer-title-line-height: 1.5;\n    background-color: color-mix(in oklch, var(--drawer-backdrop-bg) var(--drawer-backdrop-opacity), transparent);\n    backdrop-filter: blur(var(--drawer-backdrop-blur));\n    transition: background-color var(--drawer-transition-duration) var(--drawer-transition-timing), backdrop-filter var(--drawer-transition-duration) var(--drawer-transition-timing), display var(--drawer-transition-duration) allow-discrete, overlay var(--drawer-transition-duration) allow-discrete;\n  }\n  @media (prefers-reduced-motion: reduce) {\n    .sm\\:drawer::backdrop {\n      transition: none;\n    }\n  }\n  .md\\:drawer::backdrop {\n    --drawer-backdrop-bg: var(--bg-body);\n    --drawer-backdrop-opacity: 25%;\n    --drawer-backdrop-blur: 8px;\n    --drawer-inset: var(--spacer);\n    --drawer-zindex: 1045;\n    --drawer-width: 400px;\n    --drawer-height: 30vh;\n    --drawer-padding-x: var(--spacer);\n    --drawer-padding-y: var(--spacer);\n    --drawer-color: var(--fg-body);\n    --drawer-bg: var(--bg-body);\n    --drawer-border-width: var(--border-width);\n    --drawer-border-color: var(--border-color-translucent);\n    --drawer-border-radius: var(--border-radius-lg);\n    --drawer-box-shadow: var(--box-shadow-lg);\n    --drawer-transition-duration: 0.3s;\n    --drawer-transition-timing: cubic-bezier(0.22, 1, 0.36, 1);\n    --drawer-title-line-height: 1.5;\n    background-color: color-mix(in oklch, var(--drawer-backdrop-bg) var(--drawer-backdrop-opacity), transparent);\n    backdrop-filter: blur(var(--drawer-backdrop-blur));\n    transition: background-color var(--drawer-transition-duration) var(--drawer-transition-timing), backdrop-filter var(--drawer-transition-duration) var(--drawer-transition-timing), display var(--drawer-transition-duration) allow-discrete, overlay var(--drawer-transition-duration) allow-discrete;\n  }\n  @media (prefers-reduced-motion: reduce) {\n    .md\\:drawer::backdrop {\n      transition: none;\n    }\n  }\n  .lg\\:drawer::backdrop {\n    --drawer-backdrop-bg: var(--bg-body);\n    --drawer-backdrop-opacity: 25%;\n    --drawer-backdrop-blur: 8px;\n    --drawer-inset: var(--spacer);\n    --drawer-zindex: 1045;\n    --drawer-width: 400px;\n    --drawer-height: 30vh;\n    --drawer-padding-x: var(--spacer);\n    --drawer-padding-y: var(--spacer);\n    --drawer-color: var(--fg-body);\n    --drawer-bg: var(--bg-body);\n    --drawer-border-width: var(--border-width);\n    --drawer-border-color: var(--border-color-translucent);\n    --drawer-border-radius: var(--border-radius-lg);\n    --drawer-box-shadow: var(--box-shadow-lg);\n    --drawer-transition-duration: 0.3s;\n    --drawer-transition-timing: cubic-bezier(0.22, 1, 0.36, 1);\n    --drawer-title-line-height: 1.5;\n    background-color: color-mix(in oklch, var(--drawer-backdrop-bg) var(--drawer-backdrop-opacity), transparent);\n    backdrop-filter: blur(var(--drawer-backdrop-blur));\n    transition: background-color var(--drawer-transition-duration) var(--drawer-transition-timing), backdrop-filter var(--drawer-transition-duration) var(--drawer-transition-timing), display var(--drawer-transition-duration) allow-discrete, overlay var(--drawer-transition-duration) allow-discrete;\n  }\n  @media (prefers-reduced-motion: reduce) {\n    .lg\\:drawer::backdrop {\n      transition: none;\n    }\n  }\n  .xl\\:drawer::backdrop {\n    --drawer-backdrop-bg: var(--bg-body);\n    --drawer-backdrop-opacity: 25%;\n    --drawer-backdrop-blur: 8px;\n    --drawer-inset: var(--spacer);\n    --drawer-zindex: 1045;\n    --drawer-width: 400px;\n    --drawer-height: 30vh;\n    --drawer-padding-x: var(--spacer);\n    --drawer-padding-y: var(--spacer);\n    --drawer-color: var(--fg-body);\n    --drawer-bg: var(--bg-body);\n    --drawer-border-width: var(--border-width);\n    --drawer-border-color: var(--border-color-translucent);\n    --drawer-border-radius: var(--border-radius-lg);\n    --drawer-box-shadow: var(--box-shadow-lg);\n    --drawer-transition-duration: 0.3s;\n    --drawer-transition-timing: cubic-bezier(0.22, 1, 0.36, 1);\n    --drawer-title-line-height: 1.5;\n    background-color: color-mix(in oklch, var(--drawer-backdrop-bg) var(--drawer-backdrop-opacity), transparent);\n    backdrop-filter: blur(var(--drawer-backdrop-blur));\n    transition: background-color var(--drawer-transition-duration) var(--drawer-transition-timing), backdrop-filter var(--drawer-transition-duration) var(--drawer-transition-timing), display var(--drawer-transition-duration) allow-discrete, overlay var(--drawer-transition-duration) allow-discrete;\n  }\n  @media (prefers-reduced-motion: reduce) {\n    .xl\\:drawer::backdrop {\n      transition: none;\n    }\n  }\n  .\\32 xl\\:drawer::backdrop {\n    --drawer-backdrop-bg: var(--bg-body);\n    --drawer-backdrop-opacity: 25%;\n    --drawer-backdrop-blur: 8px;\n    --drawer-inset: var(--spacer);\n    --drawer-zindex: 1045;\n    --drawer-width: 400px;\n    --drawer-height: 30vh;\n    --drawer-padding-x: var(--spacer);\n    --drawer-padding-y: var(--spacer);\n    --drawer-color: var(--fg-body);\n    --drawer-bg: var(--bg-body);\n    --drawer-border-width: var(--border-width);\n    --drawer-border-color: var(--border-color-translucent);\n    --drawer-border-radius: var(--border-radius-lg);\n    --drawer-box-shadow: var(--box-shadow-lg);\n    --drawer-transition-duration: 0.3s;\n    --drawer-transition-timing: cubic-bezier(0.22, 1, 0.36, 1);\n    --drawer-title-line-height: 1.5;\n    background-color: color-mix(in oklch, var(--drawer-backdrop-bg) var(--drawer-backdrop-opacity), transparent);\n    backdrop-filter: blur(var(--drawer-backdrop-blur));\n    transition: background-color var(--drawer-transition-duration) var(--drawer-transition-timing), backdrop-filter var(--drawer-transition-duration) var(--drawer-transition-timing), display var(--drawer-transition-duration) allow-discrete, overlay var(--drawer-transition-duration) allow-discrete;\n  }\n  @media (prefers-reduced-motion: reduce) {\n    .\\32 xl\\:drawer::backdrop {\n      transition: none;\n    }\n  }\n  .drawer::backdrop {\n    --drawer-backdrop-bg: var(--bg-body);\n    --drawer-backdrop-opacity: 25%;\n    --drawer-backdrop-blur: 8px;\n    --drawer-inset: var(--spacer);\n    --drawer-zindex: 1045;\n    --drawer-width: 400px;\n    --drawer-height: 30vh;\n    --drawer-padding-x: var(--spacer);\n    --drawer-padding-y: var(--spacer);\n    --drawer-color: var(--fg-body);\n    --drawer-bg: var(--bg-body);\n    --drawer-border-width: var(--border-width);\n    --drawer-border-color: var(--border-color-translucent);\n    --drawer-border-radius: var(--border-radius-lg);\n    --drawer-box-shadow: var(--box-shadow-lg);\n    --drawer-transition-duration: 0.3s;\n    --drawer-transition-timing: cubic-bezier(0.22, 1, 0.36, 1);\n    --drawer-title-line-height: 1.5;\n    background-color: color-mix(in oklch, var(--drawer-backdrop-bg) var(--drawer-backdrop-opacity), transparent);\n    backdrop-filter: blur(var(--drawer-backdrop-blur));\n    transition: background-color var(--drawer-transition-duration) var(--drawer-transition-timing), backdrop-filter var(--drawer-transition-duration) var(--drawer-transition-timing), display var(--drawer-transition-duration) allow-discrete, overlay var(--drawer-transition-duration) allow-discrete;\n  }\n  @media (prefers-reduced-motion: reduce) {\n    .drawer::backdrop {\n      transition: none;\n    }\n  }\n  @starting-style {\n    .sm\\:drawer::backdrop {\n      background-color: transparent;\n      backdrop-filter: blur(0);\n    }\n    .md\\:drawer::backdrop {\n      background-color: transparent;\n      backdrop-filter: blur(0);\n    }\n    .lg\\:drawer::backdrop {\n      background-color: transparent;\n      backdrop-filter: blur(0);\n    }\n    .xl\\:drawer::backdrop {\n      background-color: transparent;\n      backdrop-filter: blur(0);\n    }\n    .\\32 xl\\:drawer::backdrop {\n      background-color: transparent;\n      backdrop-filter: blur(0);\n    }\n    .drawer::backdrop {\n      background-color: transparent;\n      backdrop-filter: blur(0);\n    }\n  }\n  .drawer-static {\n    transform: scale(1.02);\n  }\n  .drawer-translucent {\n    background-color: color-mix(in oklch, var(--drawer-bg) 80%, transparent);\n    backdrop-filter: blur(5px) saturate(180%);\n  }\n  .drawer-sheet {\n    --drawer-inset: 0;\n    --drawer-border-radius: 0;\n    --drawer-border-width: 0;\n    --drawer-box-shadow: none;\n  }\n  .drawer-header {\n    display: flex;\n    flex-shrink: 0;\n    align-items: center;\n    padding: var(--drawer-padding-y) var(--drawer-padding-x);\n  }\n  .drawer-header .btn-close {\n    padding: calc(var(--drawer-padding-y) * 0.5) calc(var(--drawer-padding-x) * 0.5);\n    margin-inline-start: auto;\n    margin-inline-end: calc(-0.5 * var(--drawer-padding-x));\n    margin-top: calc(-0.5 * var(--drawer-padding-y));\n    margin-bottom: calc(-0.5 * var(--drawer-padding-y));\n  }\n  .drawer-title {\n    margin-bottom: 0;\n    line-height: var(--drawer-title-line-height);\n  }\n  .drawer-body {\n    display: flex;\n    flex-direction: column;\n    gap: var(--drawer-padding-y);\n    flex: 1 1 auto;\n    padding: var(--drawer-padding-y) var(--drawer-padding-x);\n    overflow-y: auto;\n  }\n  .drawer-footer {\n    display: flex;\n    flex-shrink: 0;\n    flex-wrap: wrap;\n    gap: 0.5rem;\n    align-items: center;\n    justify-content: flex-end;\n    padding: var(--drawer-padding-y) var(--drawer-padding-x);\n    border-block-start: var(--drawer-border-width) solid var(--drawer-border-color);\n  }\n  .drawer-fit-content {\n    inset-block-end: auto;\n  }\n}\n@layer components {\n  .pagination {\n    --pagination-min-height: var(--btn-input-min-height);\n    --pagination-padding-x: var(--btn-input-padding-x);\n    --pagination-padding-y: var(--btn-input-padding-y);\n    --pagination-font-size: var(--btn-input-font-size);\n    --pagination-color: var(--link-color);\n    --pagination-bg: var(--bg-body);\n    --pagination-border-width: var(--border-width);\n    --pagination-border-color: var(--border-color);\n    --pagination-border-radius: var(--btn-input-border-radius);\n    --pagination-hover-color: var(--link-hover-color);\n    --pagination-hover-bg: var(--bg-1);\n    --pagination-hover-border-color: var(--border-color);\n    --pagination-focus-color: var(--link-hover-color);\n    --pagination-focus-bg: var(--bg-2);\n    --pagination-active-color: var(--primary-contrast);\n    --pagination-active-bg: var(--primary-bg);\n    --pagination-active-border-color: var(--primary-bg);\n    --pagination-disabled-color: var(--fg-3);\n    --pagination-disabled-bg: var(--bg-2);\n    --pagination-disabled-border-color: var(--border-color);\n    display: flex;\n    padding-inline-start: 0;\n    list-style: none;\n  }\n  .page-link {\n    position: relative;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    min-height: var(--pagination-min-height);\n    padding: var(--pagination-padding-y) var(--pagination-padding-x);\n    font-size: var(--pagination-font-size);\n    color: var(--pagination-color);\n    text-decoration: none;\n    background-color: var(--pagination-bg);\n    border: var(--pagination-border-width) solid var(--pagination-border-color);\n    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;\n  }\n  @media (prefers-reduced-motion: reduce) {\n    .page-link {\n      transition: none;\n    }\n  }\n  .page-link:hover {\n    z-index: 2;\n    color: var(--pagination-hover-color);\n    background-color: var(--pagination-hover-bg);\n    border-color: var(--pagination-hover-border-color);\n  }\n  .page-link:focus-visible {\n    z-index: 3;\n    color: var(--pagination-focus-color);\n    background-color: var(--pagination-focus-bg);\n    outline: var(--focus-ring);\n    outline-offset: var(--focus-ring-offset);\n  }\n  .page-link.active, .active > .page-link {\n    z-index: 3;\n    color: var(--pagination-active-color);\n    background-color: var(--pagination-active-bg);\n    background-image: var(--gradient);\n    border-color: var(--pagination-active-border-color);\n  }\n  .page-link.disabled, .disabled > .page-link {\n    color: var(--pagination-disabled-color);\n    pointer-events: none;\n    background-color: var(--pagination-disabled-bg);\n    border-color: var(--pagination-disabled-border-color);\n  }\n  .page-item:not(:first-child) .page-link {\n    margin-inline-start: calc(-1 * var(--pagination-border-width));\n  }\n  .page-item:first-child .page-link {\n    border-start-start-radius: var(--pagination-border-radius);\n    border-end-start-radius: var(--pagination-border-radius);\n  }\n  .page-item:last-child .page-link {\n    border-start-end-radius: var(--pagination-border-radius);\n    border-end-end-radius: var(--pagination-border-radius);\n  }\n  .pagination-sm {\n    --pagination-min-height: var(--bs-btn-input-sm-min-height);\n    --pagination-padding-y: var(--btn-input-sm-padding-y);\n    --pagination-padding-x: var(--btn-input-sm-padding-x);\n    --pagination-font-size: var(--btn-input-sm-font-size);\n    --pagination-border-radius: var(--btn-input-sm-border-radius);\n  }\n  .pagination-lg {\n    --pagination-min-height: var(--bs-btn-input-lg-min-height);\n    --pagination-padding-y: var(--btn-input-lg-padding-y);\n    --pagination-padding-x: var(--btn-input-lg-padding-x);\n    --pagination-font-size: var(--btn-input-lg-font-size);\n    --pagination-border-radius: var(--btn-input-lg-border-radius);\n  }\n}\n@layer components {\n  .placeholder {\n    --placeholder-opacity-max: 0.5;\n    --placeholder-opacity-min: 0.2;\n    display: inline-block;\n    min-height: 1em;\n    vertical-align: middle;\n    cursor: wait;\n    background-color: currentcolor;\n    opacity: var(--placeholder-opacity-max);\n  }\n  .placeholder.btn::before {\n    display: inline-block;\n    content: \"\";\n  }\n  .placeholder-xs {\n    min-height: 0.6em;\n  }\n  .placeholder-sm {\n    min-height: 0.8em;\n  }\n  .placeholder-lg {\n    min-height: 1.2em;\n  }\n  .placeholder-glow .placeholder {\n    animation: placeholder-glow 2s ease-in-out infinite;\n  }\n  @keyframes placeholder-glow {\n    50% {\n      opacity: var(--placeholder-opacity-min);\n    }\n  }\n  .placeholder-wave {\n    mask-image: linear-gradient(130deg, #000 55%, rgb(0, 0, 0, calc(1 - var(--placeholder-opacity-min))) 75%, #000 95%);\n    mask-size: 200% 100%;\n    animation: placeholder-wave 2s linear infinite;\n  }\n  @keyframes placeholder-wave {\n    100% {\n      mask-position: -200% 0%;\n    }\n  }\n}\n@layer components {\n  .popover {\n    --popover-zindex: 1070;\n    --popover-max-width: 280px;\n    --popover-font-size: var(--font-size-sm);\n    --popover-bg: var(--bg-body);\n    --popover-border-width: var(--border-width);\n    --popover-border-color: var(--border-color-translucent);\n    --popover-border-radius: var(--border-radius-lg);\n    --popover-inner-border-radius: calc(var(--border-radius-lg) - var(--border-width));\n    --popover-box-shadow: var(--box-shadow);\n    --popover-header-padding-x: 1rem;\n    --popover-header-padding-y: 0.75rem;\n    --popover-header-font-size: var(--font-size-sm);\n    --popover-header-color: inherit;\n    --popover-header-bg: var(--bg-1);\n    --popover-body-padding-x: 1rem;\n    --popover-body-padding-y: 0.75rem;\n    --popover-body-color: var(--fg-body);\n    --popover-arrow-width: 1rem;\n    --popover-arrow-height: 0.5rem;\n    --popover-arrow-border: var(--popover-border-color);\n    z-index: var(--popover-zindex);\n    display: block;\n    max-width: var(--popover-max-width);\n    font-family: var(--body-font-family);\n    font-style: normal;\n    font-weight: var(--body-font-weight);\n    line-height: var(--body-line-height);\n    text-align: start;\n    text-decoration: none;\n    text-shadow: none;\n    text-transform: none;\n    letter-spacing: normal;\n    word-break: normal;\n    white-space: normal;\n    word-spacing: normal;\n    line-break: auto;\n    font-size: var(--popover-font-size);\n    word-wrap: break-word;\n    background-color: var(--popover-bg);\n    background-clip: padding-box;\n    border: var(--popover-border-width) solid var(--popover-border-color);\n    border-radius: var(--popover-border-radius);\n    box-shadow: var(--popover-box-shadow);\n  }\n  .popover .popover-arrow {\n    display: block;\n    width: var(--popover-arrow-width);\n    height: var(--popover-arrow-height);\n  }\n  .popover .popover-arrow::before, .popover .popover-arrow::after {\n    position: absolute;\n    display: block;\n    content: \"\";\n    border-color: transparent;\n    border-style: solid;\n    border-width: 0;\n  }\n  .bs-popover-top > .popover-arrow, .bs-popover-auto[data-bs-placement^=top] > .popover-arrow {\n    bottom: calc(-1 * (var(--popover-arrow-height)) - var(--popover-border-width));\n  }\n  .bs-popover-top > .popover-arrow::before, .bs-popover-auto[data-bs-placement^=top] > .popover-arrow::before, .bs-popover-top > .popover-arrow::after, .bs-popover-auto[data-bs-placement^=top] > .popover-arrow::after {\n    border-width: var(--popover-arrow-height) calc(var(--popover-arrow-width) * 0.5) 0;\n  }\n  .bs-popover-top > .popover-arrow::before, .bs-popover-auto[data-bs-placement^=top] > .popover-arrow::before {\n    bottom: 0;\n    border-block-start-color: var(--popover-arrow-border);\n  }\n  .bs-popover-top > .popover-arrow::after, .bs-popover-auto[data-bs-placement^=top] > .popover-arrow::after {\n    bottom: var(--popover-border-width);\n    border-block-start-color: var(--popover-bg);\n  }\n  .bs-popover-end > .popover-arrow, .bs-popover-auto[data-bs-placement^=right] > .popover-arrow {\n    left: calc(-1 * (var(--popover-arrow-height)) - var(--popover-border-width));\n    width: var(--popover-arrow-height);\n    height: var(--popover-arrow-width);\n  }\n  .bs-popover-end > .popover-arrow::before, .bs-popover-auto[data-bs-placement^=right] > .popover-arrow::before, .bs-popover-end > .popover-arrow::after, .bs-popover-auto[data-bs-placement^=right] > .popover-arrow::after {\n    border-width: calc(var(--popover-arrow-width) * 0.5) var(--popover-arrow-height) calc(var(--popover-arrow-width) * 0.5) 0;\n  }\n  .bs-popover-end > .popover-arrow::before, .bs-popover-auto[data-bs-placement^=right] > .popover-arrow::before {\n    left: 0;\n    border-inline-end-color: var(--popover-arrow-border);\n  }\n  .bs-popover-end > .popover-arrow::after, .bs-popover-auto[data-bs-placement^=right] > .popover-arrow::after {\n    left: var(--popover-border-width);\n    border-inline-end-color: var(--popover-bg);\n  }\n  .bs-popover-bottom > .popover-arrow, .bs-popover-auto[data-bs-placement^=bottom] > .popover-arrow {\n    top: calc(-1 * (var(--popover-arrow-height)) - var(--popover-border-width));\n  }\n  .bs-popover-bottom > .popover-arrow::before, .bs-popover-auto[data-bs-placement^=bottom] > .popover-arrow::before, .bs-popover-bottom > .popover-arrow::after, .bs-popover-auto[data-bs-placement^=bottom] > .popover-arrow::after {\n    border-width: 0 calc(var(--popover-arrow-width) * 0.5) var(--popover-arrow-height);\n  }\n  .bs-popover-bottom > .popover-arrow::before, .bs-popover-auto[data-bs-placement^=bottom] > .popover-arrow::before {\n    top: 0;\n    border-block-end-color: var(--popover-arrow-border);\n  }\n  .bs-popover-bottom > .popover-arrow::after, .bs-popover-auto[data-bs-placement^=bottom] > .popover-arrow::after {\n    top: var(--popover-border-width);\n    border-block-end-color: var(--popover-bg);\n  }\n  .bs-popover-bottom .popover-header::before, .bs-popover-auto[data-bs-placement^=bottom] .popover-header::before {\n    position: absolute;\n    top: 0;\n    left: 50%;\n    display: block;\n    width: var(--popover-arrow-width);\n    margin-inline-start: calc(-0.5 * var(--popover-arrow-width));\n    content: \"\";\n    border-block-end: var(--popover-border-width) solid var(--popover-header-bg);\n  }\n  .bs-popover-start > .popover-arrow, .bs-popover-auto[data-bs-placement^=left] > .popover-arrow {\n    right: calc(-1 * (var(--popover-arrow-height)) - var(--popover-border-width));\n    width: var(--popover-arrow-height);\n    height: var(--popover-arrow-width);\n  }\n  .bs-popover-start > .popover-arrow::before, .bs-popover-auto[data-bs-placement^=left] > .popover-arrow::before, .bs-popover-start > .popover-arrow::after, .bs-popover-auto[data-bs-placement^=left] > .popover-arrow::after {\n    border-width: calc(var(--popover-arrow-width) * 0.5) 0 calc(var(--popover-arrow-width) * 0.5) var(--popover-arrow-height);\n  }\n  .bs-popover-start > .popover-arrow::before, .bs-popover-auto[data-bs-placement^=left] > .popover-arrow::before {\n    right: 0;\n    border-inline-start-color: var(--popover-arrow-border);\n  }\n  .bs-popover-start > .popover-arrow::after, .bs-popover-auto[data-bs-placement^=left] > .popover-arrow::after {\n    right: var(--popover-border-width);\n    border-inline-start-color: var(--popover-bg);\n  }\n  .popover-header {\n    padding: var(--popover-header-padding-y) var(--popover-header-padding-x);\n    margin-bottom: 0;\n    font-size: var(--popover-header-font-size);\n    color: var(--popover-header-color);\n    background-color: var(--popover-header-bg);\n    border-block-end: var(--popover-border-width) solid var(--popover-border-color);\n    border-start-start-radius: var(--popover-inner-border-radius);\n    border-start-end-radius: var(--popover-inner-border-radius);\n  }\n  .popover-header:empty {\n    display: none;\n  }\n  .popover-body {\n    padding: var(--popover-body-padding-y) var(--popover-body-padding-x);\n    color: var(--popover-body-color);\n  }\n}\n@layer components {\n  @keyframes progress-bar-stripes {\n    0% {\n      background-position-x: var(--progress-height);\n    }\n  }\n  .progress,\n  .progress-stacked {\n    --progress-height: 1rem;\n    --progress-font-size: var(--font-size-sm);\n    --progress-bg: var(--bg-2);\n    --progress-border-radius: var(--border-radius);\n    --progress-box-shadow: var(--box-shadow-inset);\n    --progress-bar-color: var(--white);\n    --progress-bar-bg: var(--primary-bg);\n    --progress-bar-transition: width 0.6s ease;\n    --progress-bar-animation: progress-bar-stripes 1s linear infinite;\n    display: flex;\n    height: var(--progress-height);\n    overflow: hidden;\n    font-size: var(--progress-font-size);\n    background-color: var(--progress-bg);\n    border-radius: var(--progress-border-radius);\n    box-shadow: var(--progress-box-shadow);\n  }\n  .progress-bar {\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n    overflow: hidden;\n    color: var(--theme-contrast, var(--progress-bar-color));\n    text-align: center;\n    white-space: nowrap;\n    background-color: var(--theme-bg, var(--progress-bar-bg));\n    transition: var(--progress-bar-transition);\n  }\n  @media (prefers-reduced-motion: reduce) {\n    .progress-bar {\n      transition: none;\n    }\n  }\n  .progress-bar-striped {\n    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);\n    background-size: var(--progress-height) var(--progress-height);\n  }\n  .progress-stacked > .progress {\n    overflow: visible;\n  }\n  .progress-stacked > .progress > .progress-bar {\n    width: 100%;\n  }\n  .progress-bar-animated {\n    animation: var(--progress-bar-animation);\n  }\n  @media (prefers-reduced-motion: reduce) {\n    .progress-bar-animated {\n      animation: none;\n    }\n  }\n}\n@layer components {\n  .spinner-grow,\n  .spinner-border {\n    display: inline-block;\n    flex-shrink: 0;\n    width: var(--spinner-width);\n    height: var(--spinner-height);\n    vertical-align: var(--spinner-vertical-align);\n    border-radius: 50%;\n    animation: var(--spinner-animation-speed) linear infinite var(--spinner-animation-name);\n  }\n  @keyframes spinner-border {\n    to {\n      transform: rotate(360deg);\n    }\n  }\n  .spinner-border {\n    --spinner-width: 2rem;\n    --spinner-height: 2rem;\n    --spinner-vertical-align: -0.125em;\n    --spinner-border-width: 0.25em;\n    --spinner-animation-speed: 0.75s;\n    --spinner-animation-name: spinner-border;\n    border: var(--spinner-border-width) solid currentcolor;\n    border-inline-end-color: transparent;\n  }\n  .spinner-border-sm {\n    --spinner-width: 1rem;\n    --spinner-height: 1rem;\n    --spinner-border-width: .2em;\n  }\n  @keyframes spinner-grow {\n    0% {\n      transform: scale(0);\n    }\n    50% {\n      opacity: 1;\n      transform: none;\n    }\n  }\n  .spinner-grow {\n    --spinner-width: 2rem;\n    --spinner-height: 2rem;\n    --spinner-vertical-align: -0.125em;\n    --spinner-animation-speed: 0.75s;\n    --spinner-animation-name: spinner-grow;\n    background-color: currentcolor;\n    opacity: 0;\n  }\n  .spinner-grow-sm {\n    --spinner-width: 1rem;\n    --spinner-height: 1rem;\n  }\n  @media (prefers-reduced-motion: reduce) {\n    .spinner-border,\n    .spinner-grow {\n      --spinner-animation-speed: 1.5s;\n    }\n  }\n}\n@layer components {\n  .stepper {\n    --stepper-size: 2rem;\n    --stepper-gap: 1rem;\n    --stepper-font-size: var(--font-size-sm);\n    --stepper-text-gap: 0.5rem;\n    --stepper-track-size: 0.125rem;\n    --stepper-bg: var(--bg-2);\n    --stepper-active-color: var(--primary-contrast);\n    --stepper-active-bg: var(--primary-bg);\n    display: grid;\n    grid-auto-rows: 1fr;\n    grid-auto-flow: row;\n    gap: var(--stepper-gap);\n    padding-inline-start: 0;\n    list-style: none;\n    counter-reset: stepper;\n  }\n  .stepper-item {\n    position: relative;\n    display: grid;\n    grid-template-rows: auto;\n    grid-template-columns: var(--stepper-size) auto;\n    gap: var(--stepper-text-gap);\n    align-items: var(--stepper-align-items, center);\n    text-decoration: none;\n  }\n  .stepper-item::before {\n    position: relative;\n    z-index: 1;\n    display: flex;\n    flex-shrink: 0;\n    align-items: center;\n    justify-content: center;\n    width: var(--stepper-size);\n    height: var(--stepper-size);\n    padding: 0.5rem;\n    font-size: var(--stepper-font-size);\n    font-weight: 600;\n    line-height: 1;\n    text-align: center;\n    content: counter(stepper);\n    counter-increment: stepper;\n    background-color: var(--stepper-bg);\n    border-radius: 50%;\n  }\n  .stepper-item::after {\n    position: absolute;\n    inset-block-start: 50%;\n    inset-block-end: 100%;\n    inset-inline-start: calc(var(--stepper-size) * 0.5 - var(--stepper-track-size) * 0.5);\n    width: var(--stepper-track-size);\n    height: calc(100% + var(--stepper-gap));\n    content: \"\";\n    background-color: var(--stepper-bg);\n  }\n  .stepper-item:last-child::after {\n    display: none;\n  }\n  .stepper-item.active::before, .stepper-item.active::after {\n    color: var(--theme-contrast, var(--stepper-active-color));\n    background-color: var(--theme-bg, var(--stepper-active-bg));\n  }\n  .stepper-item.active:not(:has(+ .stepper-item.active))::after {\n    background-color: var(--stepper-bg);\n  }\n  .stepper-horizontal {\n    display: inline-grid;\n    grid-auto-columns: 1fr;\n    grid-auto-flow: column;\n  }\n  .stepper-horizontal .stepper-item {\n    grid-template-rows: var(--stepper-size) auto;\n    grid-template-columns: auto;\n    align-items: start;\n    justify-items: center;\n    text-align: center;\n  }\n  .stepper-horizontal .stepper-item::after {\n    inset-block-start: calc(var(--stepper-size) * 0.5 - var(--stepper-track-size) * 0.5);\n    inset-block-end: auto;\n    inset-inline-start: 50%;\n    inset-inline-end: 100%;\n    width: calc(100% + var(--stepper-gap));\n    height: var(--stepper-track-size);\n  }\n  .stepper-horizontal .stepper-item:last-child::after {\n    right: 100%;\n  }\n  @container (width >= 576px) {\n    .sm\\:stepper-horizontal {\n      display: inline-grid;\n      grid-auto-columns: 1fr;\n      grid-auto-flow: column;\n    }\n    .sm\\:stepper-horizontal .stepper-item {\n      grid-template-rows: var(--stepper-size) auto;\n      grid-template-columns: auto;\n      align-items: start;\n      justify-items: center;\n      text-align: center;\n    }\n    .sm\\:stepper-horizontal .stepper-item::after {\n      inset-block-start: calc(var(--stepper-size) * 0.5 - var(--stepper-track-size) * 0.5);\n      inset-block-end: auto;\n      inset-inline-start: 50%;\n      inset-inline-end: 100%;\n      width: calc(100% + var(--stepper-gap));\n      height: var(--stepper-track-size);\n    }\n    .sm\\:stepper-horizontal .stepper-item:last-child::after {\n      right: 100%;\n    }\n  }\n  @container (width >= 768px) {\n    .md\\:stepper-horizontal {\n      display: inline-grid;\n      grid-auto-columns: 1fr;\n      grid-auto-flow: column;\n    }\n    .md\\:stepper-horizontal .stepper-item {\n      grid-template-rows: var(--stepper-size) auto;\n      grid-template-columns: auto;\n      align-items: start;\n      justify-items: center;\n      text-align: center;\n    }\n    .md\\:stepper-horizontal .stepper-item::after {\n      inset-block-start: calc(var(--stepper-size) * 0.5 - var(--stepper-track-size) * 0.5);\n      inset-block-end: auto;\n      inset-inline-start: 50%;\n      inset-inline-end: 100%;\n      width: calc(100% + var(--stepper-gap));\n      height: var(--stepper-track-size);\n    }\n    .md\\:stepper-horizontal .stepper-item:last-child::after {\n      right: 100%;\n    }\n  }\n  @container (width >= 1024px) {\n    .lg\\:stepper-horizontal {\n      display: inline-grid;\n      grid-auto-columns: 1fr;\n      grid-auto-flow: column;\n    }\n    .lg\\:stepper-horizontal .stepper-item {\n      grid-template-rows: var(--stepper-size) auto;\n      grid-template-columns: auto;\n      align-items: start;\n      justify-items: center;\n      text-align: center;\n    }\n    .lg\\:stepper-horizontal .stepper-item::after {\n      inset-block-start: calc(var(--stepper-size) * 0.5 - var(--stepper-track-size) * 0.5);\n      inset-block-end: auto;\n      inset-inline-start: 50%;\n      inset-inline-end: 100%;\n      width: calc(100% + var(--stepper-gap));\n      height: var(--stepper-track-size);\n    }\n    .lg\\:stepper-horizontal .stepper-item:last-child::after {\n      right: 100%;\n    }\n  }\n  @container (width >= 1280px) {\n    .xl\\:stepper-horizontal {\n      display: inline-grid;\n      grid-auto-columns: 1fr;\n      grid-auto-flow: column;\n    }\n    .xl\\:stepper-horizontal .stepper-item {\n      grid-template-rows: var(--stepper-size) auto;\n      grid-template-columns: auto;\n      align-items: start;\n      justify-items: center;\n      text-align: center;\n    }\n    .xl\\:stepper-horizontal .stepper-item::after {\n      inset-block-start: calc(var(--stepper-size) * 0.5 - var(--stepper-track-size) * 0.5);\n      inset-block-end: auto;\n      inset-inline-start: 50%;\n      inset-inline-end: 100%;\n      width: calc(100% + var(--stepper-gap));\n      height: var(--stepper-track-size);\n    }\n    .xl\\:stepper-horizontal .stepper-item:last-child::after {\n      right: 100%;\n    }\n  }\n  @container (width >= 1536px) {\n    .\\32 xl\\:stepper-horizontal {\n      display: inline-grid;\n      grid-auto-columns: 1fr;\n      grid-auto-flow: column;\n    }\n    .\\32 xl\\:stepper-horizontal .stepper-item {\n      grid-template-rows: var(--stepper-size) auto;\n      grid-template-columns: auto;\n      align-items: start;\n      justify-items: center;\n      text-align: center;\n    }\n    .\\32 xl\\:stepper-horizontal .stepper-item::after {\n      inset-block-start: calc(var(--stepper-size) * 0.5 - var(--stepper-track-size) * 0.5);\n      inset-block-end: auto;\n      inset-inline-start: 50%;\n      inset-inline-end: 100%;\n      width: calc(100% + var(--stepper-gap));\n      height: var(--stepper-track-size);\n    }\n    .\\32 xl\\:stepper-horizontal .stepper-item:last-child::after {\n      right: 100%;\n    }\n  }\n  .stepper-overflow {\n    container-type: inline-size;\n    overflow-x: auto;\n    overscroll-behavior-x: contain;\n    -webkit-overflow-scrolling: touch;\n  }\n  .stepper-overflow > .stepper {\n    width: max-content;\n    min-width: 100%;\n  }\n}\n@layer components {\n  .toast {\n    --toast-zindex: 1090;\n    --toast-padding-x: 1rem;\n    --toast-padding-y: 0.75rem;\n    --toast-spacing: 1.5rem;\n    --toast-max-width: 350px;\n    --toast-font-size: var(--font-size-sm);\n    --toast-bg: var(--bg-body);\n    --toast-border-width: var(--border-width);\n    --toast-border-color: var(--border-color-translucent);\n    --toast-box-shadow: var(--box-shadow);\n    --toast-header-color: var(--fg-3);\n    --toast-header-bg: var(--bg-1);\n    --toast-header-border-color: var(--border-color-translucent);\n    display: flex;\n    flex-direction: column;\n    width: var(--toast-max-width);\n    max-width: 100%;\n    overflow: hidden;\n    font-size: var(--toast-font-size);\n    color: var(--toast-color, var(--fg-body));\n    pointer-events: auto;\n    background-color: var(--toast-bg);\n    background-clip: padding-box;\n    border: var(--toast-border-width) solid var(--theme-border, var(--toast-border-color));\n    box-shadow: var(--toast-box-shadow);\n    border-radius: var(--toast-border-radius, var(--border-radius-lg));\n  }\n  .toast.showing {\n    opacity: 0;\n  }\n  .toast:not(.show) {\n    display: none;\n  }\n  .toast-container {\n    --toast-zindex: 1090;\n    position: absolute;\n    z-index: var(--toast-zindex);\n    width: max-content;\n    max-width: 100%;\n    pointer-events: none;\n  }\n  .toast-container > :not(:last-child) {\n    margin-bottom: var(--toast-spacing);\n  }\n  .toast-header {\n    display: flex;\n    align-items: center;\n    padding: var(--toast-padding-y) var(--toast-padding-x);\n    color: var(--theme-fg-emphasis, var(--toast-header-color));\n    background-color: var(--theme-bg-subtle, var(--toast-header-bg));\n    border-block-end: var(--toast-border-width, var(--border-width)) solid var(--theme-border, var(--toast-header-border-color, var(--border-color-translucent)));\n  }\n  .toast-header .btn-close {\n    margin-inline-start: calc(0.5 * var(--toast-padding-x));\n    margin-inline-end: calc(-0.25 * var(--toast-padding-x));\n    color: inherit;\n  }\n  .toast-translucent {\n    backdrop-filter: blur(5px) saturate(180%);\n  }\n  .toast-body {\n    padding: var(--toast-padding-x);\n    word-wrap: break-word;\n  }\n}\n.fade {\n  transition: opacity 0.15s linear;\n}\n@media (prefers-reduced-motion: reduce) {\n  .fade {\n    transition: none;\n  }\n}\n.fade:not(.show) {\n  opacity: 0;\n}\n\n.collapse:not(.show) {\n  display: none;\n}\n\n.collapsing {\n  height: 0;\n  overflow: hidden;\n  transition: height 0.35s ease;\n}\n@media (prefers-reduced-motion: reduce) {\n  .collapsing {\n    transition: none;\n  }\n}\n.collapsing.collapse-horizontal {\n  width: 0;\n  height: auto;\n  transition: width 0.35s ease;\n}\n@media (prefers-reduced-motion: reduce) {\n  .collapsing.collapse-horizontal {\n    transition: none;\n  }\n}\n\n@layer helpers {\n  .focus-ring:focus-visible {\n    outline: var(--focus-ring);\n  }\n}\n@layer helpers {\n  .icon-link {\n    display: inline-flex;\n    gap: 0.375rem;\n    align-items: center;\n    text-decoration-color: rgba(var(--link-color-rgb), var(--link-opacity, 0.5));\n    text-underline-offset: 0.25em;\n    backface-visibility: hidden;\n  }\n  .icon-link > .bi {\n    flex-shrink: 0;\n    width: 1em;\n    height: 1em;\n    fill: currentcolor;\n    transition: 0.2s ease-in-out transform;\n  }\n  @media (prefers-reduced-motion: reduce) {\n    .icon-link > .bi {\n      transition: none;\n    }\n  }\n  .icon-link-hover:hover > .bi, .icon-link-hover:focus-visible > .bi {\n    transform: var(--icon-link-transform, translate3d(0.25em, 0, 0));\n  }\n}\n@layer helpers {\n  .fixed-top {\n    position: fixed;\n    inset: 0 0 auto;\n    z-index: 1030;\n  }\n  .fixed-bottom {\n    position: fixed;\n    inset: auto 0 0;\n    z-index: 1030;\n  }\n  .sticky-top {\n    position: sticky;\n    top: 0;\n    z-index: 1020;\n  }\n  .sticky-bottom {\n    position: sticky;\n    bottom: 0;\n    z-index: 1020;\n  }\n  @media (width >= 576px) {\n    .sm\\:sticky-top {\n      position: sticky;\n      top: 0;\n      z-index: 1020;\n    }\n    .sm\\:sticky-bottom {\n      position: sticky;\n      bottom: 0;\n      z-index: 1020;\n    }\n  }\n  @media (width >= 768px) {\n    .md\\:sticky-top {\n      position: sticky;\n      top: 0;\n      z-index: 1020;\n    }\n    .md\\:sticky-bottom {\n      position: sticky;\n      bottom: 0;\n      z-index: 1020;\n    }\n  }\n  @media (width >= 1024px) {\n    .lg\\:sticky-top {\n      position: sticky;\n      top: 0;\n      z-index: 1020;\n    }\n    .lg\\:sticky-bottom {\n      position: sticky;\n      bottom: 0;\n      z-index: 1020;\n    }\n  }\n  @media (width >= 1280px) {\n    .xl\\:sticky-top {\n      position: sticky;\n      top: 0;\n      z-index: 1020;\n    }\n    .xl\\:sticky-bottom {\n      position: sticky;\n      bottom: 0;\n      z-index: 1020;\n    }\n  }\n  @media (width >= 1536px) {\n    .\\32 xl\\:sticky-top {\n      position: sticky;\n      top: 0;\n      z-index: 1020;\n    }\n    .\\32 xl\\:sticky-bottom {\n      position: sticky;\n      bottom: 0;\n      z-index: 1020;\n    }\n  }\n}\n@layer helpers {\n  .stack-container {\n    container-type: inline-size;\n  }\n  [class*=hstack],\n  [class*=vstack] {\n    display: flex;\n    flex: var(--stack-flex, 1 1 auto);\n    flex-direction: var(--stack-direction, row);\n    align-items: var(--stack-align-items, center);\n    align-self: var(--stack-align-self, stretch);\n  }\n  .vstack {\n    --stack-direction: column;\n    --stack-align-items: stretch;\n  }\n  .hstack {\n    --stack-direction: row;\n    --stack-align-items: flex-start;\n  }\n  @container (width >= 576px) {\n    .sm\\:vstack {\n      --stack-direction: column;\n      --stack-align-items: stretch;\n    }\n  }\n  @container (width >= 576px) {\n    .sm\\:hstack {\n      --stack-direction: row;\n      --stack-align-items: flex-start;\n    }\n  }\n  @container (width >= 768px) {\n    .md\\:vstack {\n      --stack-direction: column;\n      --stack-align-items: stretch;\n    }\n  }\n  @container (width >= 768px) {\n    .md\\:hstack {\n      --stack-direction: row;\n      --stack-align-items: flex-start;\n    }\n  }\n  @container (width >= 1024px) {\n    .lg\\:vstack {\n      --stack-direction: column;\n      --stack-align-items: stretch;\n    }\n  }\n  @container (width >= 1024px) {\n    .lg\\:hstack {\n      --stack-direction: row;\n      --stack-align-items: flex-start;\n    }\n  }\n  @container (width >= 1280px) {\n    .xl\\:vstack {\n      --stack-direction: column;\n      --stack-align-items: stretch;\n    }\n  }\n  @container (width >= 1280px) {\n    .xl\\:hstack {\n      --stack-direction: row;\n      --stack-align-items: flex-start;\n    }\n  }\n  @container (width >= 1536px) {\n    .\\32 xl\\:vstack {\n      --stack-direction: column;\n      --stack-align-items: stretch;\n    }\n  }\n  @container (width >= 1536px) {\n    .\\32 xl\\:hstack {\n      --stack-direction: row;\n      --stack-align-items: flex-start;\n    }\n  }\n}\n@layer helpers {\n  .theme-primary {\n    --theme-base: var(--primary-base);\n    --theme-fg: var(--primary-fg);\n    --theme-fg-emphasis: var(--primary-fg-emphasis);\n    --theme-bg: var(--primary-bg);\n    --theme-bg-subtle: var(--primary-bg-subtle);\n    --theme-bg-muted: var(--primary-bg-muted);\n    --theme-border: var(--primary-border);\n    --theme-focus-ring: var(--primary-focus-ring);\n    --theme-contrast: var(--primary-contrast);\n  }\n  .theme-accent {\n    --theme-base: var(--accent-base);\n    --theme-fg: var(--accent-fg);\n    --theme-fg-emphasis: var(--accent-fg-emphasis);\n    --theme-bg: var(--accent-bg);\n    --theme-bg-subtle: var(--accent-bg-subtle);\n    --theme-bg-muted: var(--accent-bg-muted);\n    --theme-border: var(--accent-border);\n    --theme-focus-ring: var(--accent-focus-ring);\n    --theme-contrast: var(--accent-contrast);\n  }\n  .theme-success {\n    --theme-base: var(--success-base);\n    --theme-fg: var(--success-fg);\n    --theme-fg-emphasis: var(--success-fg-emphasis);\n    --theme-bg: var(--success-bg);\n    --theme-bg-subtle: var(--success-bg-subtle);\n    --theme-bg-muted: var(--success-bg-muted);\n    --theme-border: var(--success-border);\n    --theme-focus-ring: var(--success-focus-ring);\n    --theme-contrast: var(--success-contrast);\n  }\n  .theme-danger {\n    --theme-base: var(--danger-base);\n    --theme-fg: var(--danger-fg);\n    --theme-fg-emphasis: var(--danger-fg-emphasis);\n    --theme-bg: var(--danger-bg);\n    --theme-bg-subtle: var(--danger-bg-subtle);\n    --theme-bg-muted: var(--danger-bg-muted);\n    --theme-border: var(--danger-border);\n    --theme-focus-ring: var(--danger-focus-ring);\n    --theme-contrast: var(--danger-contrast);\n  }\n  .theme-warning {\n    --theme-base: var(--warning-base);\n    --theme-fg: var(--warning-fg);\n    --theme-fg-emphasis: var(--warning-fg-emphasis);\n    --theme-bg: var(--warning-bg);\n    --theme-bg-subtle: var(--warning-bg-subtle);\n    --theme-bg-muted: var(--warning-bg-muted);\n    --theme-border: var(--warning-border);\n    --theme-focus-ring: var(--warning-focus-ring);\n    --theme-contrast: var(--warning-contrast);\n  }\n  .theme-info {\n    --theme-base: var(--info-base);\n    --theme-fg: var(--info-fg);\n    --theme-fg-emphasis: var(--info-fg-emphasis);\n    --theme-bg: var(--info-bg);\n    --theme-bg-subtle: var(--info-bg-subtle);\n    --theme-bg-muted: var(--info-bg-muted);\n    --theme-border: var(--info-border);\n    --theme-focus-ring: var(--info-focus-ring);\n    --theme-contrast: var(--info-contrast);\n  }\n  .theme-inverse {\n    --theme-base: var(--inverse-base);\n    --theme-fg: var(--inverse-fg);\n    --theme-fg-emphasis: var(--inverse-fg-emphasis);\n    --theme-bg: var(--inverse-bg);\n    --theme-bg-subtle: var(--inverse-bg-subtle);\n    --theme-bg-muted: var(--inverse-bg-muted);\n    --theme-border: var(--inverse-border);\n    --theme-focus-ring: var(--inverse-focus-ring);\n    --theme-contrast: var(--inverse-contrast);\n  }\n  .theme-secondary {\n    --theme-base: var(--secondary-base);\n    --theme-fg: var(--secondary-fg);\n    --theme-fg-emphasis: var(--secondary-fg-emphasis);\n    --theme-bg: var(--secondary-bg);\n    --theme-bg-subtle: var(--secondary-bg-subtle);\n    --theme-bg-muted: var(--secondary-bg-muted);\n    --theme-border: var(--secondary-border);\n    --theme-focus-ring: var(--secondary-focus-ring);\n    --theme-contrast: var(--secondary-contrast);\n  }\n}\n@layer helpers {\n  .visually-hidden,\n  .visually-hidden-focusable:not(:focus, :focus-within) {\n    width: 1px !important;\n    height: 1px !important;\n    padding: 0 !important;\n    margin: -1px !important;\n    overflow: hidden !important;\n    clip: rect(0, 0, 0, 0) !important;\n    white-space: nowrap !important;\n    border: 0 !important;\n  }\n  .visually-hidden:not(caption),\n  .visually-hidden-focusable:not(:focus, :focus-within):not(caption) {\n    position: absolute !important;\n  }\n  .visually-hidden *,\n  .visually-hidden-focusable:not(:focus, :focus-within) * {\n    overflow: hidden !important;\n  }\n}\n@layer helpers {\n  .stretched-link::after {\n    position: absolute;\n    inset: 0;\n    z-index: 1;\n    content: \"\";\n  }\n}\n@layer helpers {\n  .text-truncate {\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n  }\n}\n@layer helpers {\n  .vr {\n    display: inline-block;\n    align-self: stretch;\n    width: var(--vr-border-width, var(--border-width));\n    min-height: 1em;\n    background-color: var(--border-color);\n  }\n}\n@layer utilities {\n  .align-baseline {\n    vertical-align: baseline;\n  }\n  .align-top {\n    vertical-align: top;\n  }\n  .align-middle {\n    vertical-align: middle;\n  }\n  .align-bottom {\n    vertical-align: bottom;\n  }\n  .align-text-bottom {\n    vertical-align: text-bottom;\n  }\n  .align-text-top {\n    vertical-align: text-top;\n  }\n  [class*=ratio-] {\n    aspect-ratio: var(--ratio);\n  }\n  .ratio-auto {\n    --ratio: auto;\n  }\n  .ratio-1x1 {\n    --ratio: 1 / 1;\n  }\n  .ratio-4x3 {\n    --ratio: 4 / 3;\n  }\n  .ratio-16x9 {\n    --ratio: 16 / 9;\n  }\n  .ratio-21x9 {\n    --ratio: 21 / 9;\n  }\n  .float-start {\n    float: inline-start;\n  }\n  .float-end {\n    float: inline-end;\n  }\n  .float-none {\n    float: none;\n  }\n  .object-fit-contain {\n    object-fit: contain;\n  }\n  .object-fit-cover {\n    object-fit: cover;\n  }\n  .object-fit-fill {\n    object-fit: fill;\n  }\n  .object-fit-scale {\n    object-fit: scale-down;\n  }\n  .object-fit-none {\n    object-fit: none;\n  }\n  .opacity-0 {\n    opacity: 0;\n  }\n  .opacity-25 {\n    opacity: 0.25;\n  }\n  .opacity-50 {\n    opacity: 0.5;\n  }\n  .opacity-75 {\n    opacity: 0.75;\n  }\n  .opacity-100 {\n    opacity: 1;\n  }\n  .overflow-auto {\n    overflow: auto;\n  }\n  .overflow-hidden {\n    overflow: hidden;\n  }\n  .overflow-visible {\n    overflow: visible;\n  }\n  .overflow-scroll {\n    overflow: scroll;\n  }\n  .overflow-x-auto {\n    overflow-x: auto;\n  }\n  .overflow-x-hidden {\n    overflow-x: hidden;\n  }\n  .overflow-x-visible {\n    overflow-x: visible;\n  }\n  .overflow-x-scroll {\n    overflow-x: scroll;\n  }\n  .overflow-y-auto {\n    overflow-y: auto;\n  }\n  .overflow-y-hidden {\n    overflow-y: hidden;\n  }\n  .overflow-y-visible {\n    overflow-y: visible;\n  }\n  .overflow-y-scroll {\n    overflow-y: scroll;\n  }\n  .contains-inline {\n    container-type: inline-size;\n  }\n  .contains-size {\n    container-type: size;\n  }\n  .d-inline {\n    display: inline;\n  }\n  .d-inline-block {\n    display: inline-block;\n  }\n  .d-block {\n    display: block;\n  }\n  .d-grid {\n    display: grid;\n  }\n  .d-inline-grid {\n    display: inline-grid;\n  }\n  .d-table {\n    display: table;\n  }\n  .d-table-row {\n    display: table-row;\n  }\n  .d-table-cell {\n    display: table-cell;\n  }\n  .d-flex {\n    display: flex;\n  }\n  .d-inline-flex {\n    display: inline-flex;\n  }\n  .d-contents {\n    display: contents;\n  }\n  .d-flow-root {\n    display: flow-root;\n  }\n  .d-none {\n    display: none;\n  }\n  .shadow {\n    box-shadow: var(--box-shadow);\n  }\n  .shadow-sm {\n    box-shadow: var(--box-shadow-sm);\n  }\n  .shadow-lg {\n    box-shadow: var(--box-shadow-lg);\n  }\n  .shadow-none {\n    box-shadow: none;\n  }\n  .focus-ring-primary {\n    --focus-ring-color: light-dark(color-mix(in oklch, var(--blue-500) 50%, var(--bg-body)), color-mix(in oklch, var(--blue-500) 75%, var(--bg-body)));\n  }\n  .focus-ring-accent {\n    --focus-ring-color: light-dark(color-mix(in oklch, var(--indigo-500) 50%, var(--bg-body)), color-mix(in oklch, var(--indigo-500) 75%, var(--bg-body)));\n  }\n  .focus-ring-success {\n    --focus-ring-color: light-dark(color-mix(in oklch, var(--green-500) 50%, var(--bg-body)), color-mix(in oklch, var(--green-500) 75%, var(--bg-body)));\n  }\n  .focus-ring-danger {\n    --focus-ring-color: light-dark(color-mix(in oklch, var(--red-500) 50%, var(--bg-body)), color-mix(in oklch, var(--red-500) 75%, var(--bg-body)));\n  }\n  .focus-ring-warning {\n    --focus-ring-color: light-dark(color-mix(in oklch, var(--yellow-500) 50%, var(--bg-body)), color-mix(in oklch, var(--yellow-400) 85%, var(--bg-body)));\n  }\n  .focus-ring-info {\n    --focus-ring-color: light-dark(color-mix(in oklch, var(--cyan-500) 50%, var(--bg-body)), color-mix(in oklch, var(--cyan-500) 75%, var(--bg-body)));\n  }\n  .focus-ring-inverse {\n    --focus-ring-color: color-mix(in oklch, light-dark(var(--gray-900), var(--gray-100)) 50%, var(--bg-body));\n  }\n  .focus-ring-secondary {\n    --focus-ring-color: color-mix(in oklch, light-dark(var(--gray-500), var(--gray-300)) 50%, var(--bg-body));\n  }\n  .position-static {\n    position: static;\n  }\n  .position-relative {\n    position: relative;\n  }\n  .position-absolute {\n    position: absolute;\n  }\n  .position-fixed {\n    position: fixed;\n  }\n  .position-sticky {\n    position: sticky;\n  }\n  .top-0 {\n    top: 0;\n  }\n  .top-50 {\n    top: 50%;\n  }\n  .top-100 {\n    top: 100%;\n  }\n  .bottom-0 {\n    bottom: 0;\n  }\n  .bottom-50 {\n    bottom: 50%;\n  }\n  .bottom-100 {\n    bottom: 100%;\n  }\n  .start-0 {\n    left: 0;\n  }\n  .start-50 {\n    left: 50%;\n  }\n  .start-100 {\n    left: 100%;\n  }\n  .end-0 {\n    right: 0;\n  }\n  .end-50 {\n    right: 50%;\n  }\n  .end-100 {\n    right: 100%;\n  }\n  .translate-middle {\n    transform: translate(-50%, -50%);\n  }\n  .translate-middle-x {\n    transform: translateX(-50%);\n  }\n  .translate-middle-y {\n    transform: translateY(-50%);\n  }\n  .border {\n    border: var(--border-width) var(--border-style) var(--border-color);\n  }\n  .border-0 {\n    border: 0;\n  }\n  .border-top {\n    border-block-start: var(--border-width) var(--border-style) var(--border-color);\n  }\n  .border-top-0 {\n    border-block-start: 0;\n  }\n  .border-end {\n    border-inline-end: var(--border-width) var(--border-style) var(--border-color);\n  }\n  .border-end-0 {\n    border-inline-end: 0;\n  }\n  .border-bottom {\n    border-block-end: var(--border-width) var(--border-style) var(--border-color);\n  }\n  .border-bottom-0 {\n    border-block-end: 0;\n  }\n  .border-start {\n    border-inline-start: var(--border-width) var(--border-style) var(--border-color);\n  }\n  .border-start-0 {\n    border-inline-start: 0;\n  }\n  .border-block {\n    border-block: var(--border-width) var(--border-style) var(--border-color);\n  }\n  .border-block-0 {\n    border-block: 0;\n  }\n  .border-inline {\n    border-inline: var(--border-width) var(--border-style) var(--border-color);\n  }\n  .border-inline-0 {\n    border-inline: 0;\n  }\n  .border-primary {\n    --border-color: var(--primary-bg);\n    border-color: var(--border-color);\n  }\n  .border-accent {\n    --border-color: var(--accent-bg);\n    border-color: var(--border-color);\n  }\n  .border-success {\n    --border-color: var(--success-bg);\n    border-color: var(--border-color);\n  }\n  .border-danger {\n    --border-color: var(--danger-bg);\n    border-color: var(--border-color);\n  }\n  .border-warning {\n    --border-color: var(--warning-bg);\n    border-color: var(--border-color);\n  }\n  .border-info {\n    --border-color: var(--info-bg);\n    border-color: var(--border-color);\n  }\n  .border-inverse {\n    --border-color: var(--inverse-bg);\n    border-color: var(--border-color);\n  }\n  .border-secondary {\n    --border-color: var(--secondary-bg);\n    border-color: var(--border-color);\n  }\n  .border-bg {\n    --border-color: var(--border-bg);\n    border-color: var(--border-color);\n  }\n  .border-body {\n    --border-color: var(--border-body);\n    border-color: var(--border-color);\n  }\n  .border-muted {\n    --border-color: var(--border-muted);\n    border-color: var(--border-color);\n  }\n  .border-subtle {\n    --border-color: var(--border-subtle);\n    border-color: var(--border-color);\n  }\n  .border-emphasized {\n    --border-color: var(--border-emphasized);\n    border-color: var(--border-color);\n  }\n  .border-white {\n    --border-color: var(--border-white);\n    border-color: var(--border-color);\n  }\n  .border-black {\n    --border-color: var(--border-black);\n    border-color: var(--border-color);\n  }\n  .border-subtle-primary {\n    --border-color: var(--primary-border);\n    border-color: var(--border-color);\n  }\n  .border-subtle-accent {\n    --border-color: var(--accent-border);\n    border-color: var(--border-color);\n  }\n  .border-subtle-success {\n    --border-color: var(--success-border);\n    border-color: var(--border-color);\n  }\n  .border-subtle-danger {\n    --border-color: var(--danger-border);\n    border-color: var(--border-color);\n  }\n  .border-subtle-warning {\n    --border-color: var(--warning-border);\n    border-color: var(--border-color);\n  }\n  .border-subtle-info {\n    --border-color: var(--info-border);\n    border-color: var(--border-color);\n  }\n  .border-subtle-inverse {\n    --border-color: var(--inverse-border);\n    border-color: var(--border-color);\n  }\n  .border-subtle-secondary {\n    --border-color: var(--secondary-border);\n    border-color: var(--border-color);\n  }\n  .border-1 {\n    border-width: 1px;\n  }\n  .border-2 {\n    border-width: 2px;\n  }\n  .border-3 {\n    border-width: 3px;\n  }\n  .border-4 {\n    border-width: 4px;\n  }\n  .border-5 {\n    border-width: 5px;\n  }\n  .border-10 {\n    border-color: color-mix(in oklch, var(--border-color) 10%, transparent);\n  }\n  .border-20 {\n    border-color: color-mix(in oklch, var(--border-color) 20%, transparent);\n  }\n  .border-30 {\n    border-color: color-mix(in oklch, var(--border-color) 30%, transparent);\n  }\n  .border-40 {\n    border-color: color-mix(in oklch, var(--border-color) 40%, transparent);\n  }\n  .border-50 {\n    border-color: color-mix(in oklch, var(--border-color) 50%, transparent);\n  }\n  .border-60 {\n    border-color: color-mix(in oklch, var(--border-color) 60%, transparent);\n  }\n  .border-70 {\n    border-color: color-mix(in oklch, var(--border-color) 70%, transparent);\n  }\n  .border-80 {\n    border-color: color-mix(in oklch, var(--border-color) 80%, transparent);\n  }\n  .border-90 {\n    border-color: color-mix(in oklch, var(--border-color) 90%, transparent);\n  }\n  .border-100 {\n    border-color: var(--border-color);\n  }\n  .w-1 {\n    width: 1rem;\n  }\n  .w-2 {\n    width: 2rem;\n  }\n  .w-3 {\n    width: 3rem;\n  }\n  .w-4 {\n    width: 4rem;\n  }\n  .w-5 {\n    width: 5rem;\n  }\n  .w-6 {\n    width: 6rem;\n  }\n  .w-7 {\n    width: 7rem;\n  }\n  .w-8 {\n    width: 8rem;\n  }\n  .w-9 {\n    width: 9rem;\n  }\n  .w-10 {\n    width: 10rem;\n  }\n  .w-11 {\n    width: 11rem;\n  }\n  .w-12 {\n    width: 12rem;\n  }\n  .w-25 {\n    width: 25%;\n  }\n  .w-50 {\n    width: 50%;\n  }\n  .w-75 {\n    width: 75%;\n  }\n  .w-100 {\n    width: 100%;\n  }\n  .w-auto {\n    width: auto;\n  }\n  .w-min {\n    width: min-content;\n  }\n  .w-max {\n    width: max-content;\n  }\n  .w-fit {\n    width: fit-content;\n  }\n  .max-w-100 {\n    max-width: 100%;\n  }\n  .min-w-0 {\n    min-width: 0;\n  }\n  .min-w-100 {\n    min-width: 100%;\n  }\n  .vw-100 {\n    width: 100vw;\n  }\n  .min-vw-100 {\n    min-width: 100vw;\n  }\n  .h-25 {\n    height: 25%;\n  }\n  .h-50 {\n    height: 50%;\n  }\n  .h-75 {\n    height: 75%;\n  }\n  .h-100 {\n    height: 100%;\n  }\n  .h-auto {\n    height: auto;\n  }\n  .h-min {\n    height: min-content;\n  }\n  .h-max {\n    height: max-content;\n  }\n  .h-fit {\n    height: fit-content;\n  }\n  .max-h-100 {\n    max-height: 100%;\n  }\n  .min-h-0 {\n    min-height: 0;\n  }\n  .min-h-100 {\n    min-height: 100%;\n  }\n  .vh-100 {\n    height: 100vh;\n  }\n  .min-vh-100 {\n    min-height: 100vh;\n  }\n  .flex-fill {\n    flex: 1 1 auto;\n  }\n  .flex-row {\n    flex-direction: row;\n  }\n  .flex-column {\n    flex-direction: column;\n  }\n  .flex-row-reverse {\n    flex-direction: row-reverse;\n  }\n  .flex-column-reverse {\n    flex-direction: column-reverse;\n  }\n  .flex-grow-0 {\n    flex-grow: 0;\n  }\n  .flex-grow-1 {\n    flex-grow: 1;\n  }\n  .flex-shrink-0 {\n    flex-shrink: 0;\n  }\n  .flex-shrink-1 {\n    flex-shrink: 1;\n  }\n  .flex-wrap {\n    flex-wrap: wrap;\n  }\n  .flex-nowrap {\n    flex-wrap: nowrap;\n  }\n  .flex-wrap-reverse {\n    flex-wrap: wrap-reverse;\n  }\n  .justify-content-start {\n    justify-content: flex-start;\n  }\n  .justify-content-end {\n    justify-content: flex-end;\n  }\n  .justify-content-center {\n    justify-content: center;\n  }\n  .justify-content-between {\n    justify-content: space-between;\n  }\n  .justify-content-around {\n    justify-content: space-around;\n  }\n  .justify-content-evenly {\n    justify-content: space-evenly;\n  }\n  .justify-items-start {\n    justify-items: start;\n  }\n  .justify-items-end {\n    justify-items: end;\n  }\n  .justify-items-center {\n    justify-items: center;\n  }\n  .justify-items-stretch {\n    justify-items: stretch;\n  }\n  .justify-self-start {\n    justify-self: flex-start;\n  }\n  .justify-self-end {\n    justify-self: flex-end;\n  }\n  .justify-self-center {\n    justify-self: center;\n  }\n  .align-items-start {\n    align-items: flex-start;\n  }\n  .align-items-end {\n    align-items: flex-end;\n  }\n  .align-items-center {\n    align-items: center;\n  }\n  .align-items-baseline {\n    align-items: baseline;\n  }\n  .align-items-stretch {\n    align-items: stretch;\n  }\n  .align-content-start {\n    align-content: flex-start;\n  }\n  .align-content-end {\n    align-content: flex-end;\n  }\n  .align-content-center {\n    align-content: center;\n  }\n  .align-content-between {\n    align-content: space-between;\n  }\n  .align-content-around {\n    align-content: space-around;\n  }\n  .align-content-stretch {\n    align-content: stretch;\n  }\n  .align-self-auto {\n    align-self: auto;\n  }\n  .align-self-start {\n    align-self: flex-start;\n  }\n  .align-self-end {\n    align-self: flex-end;\n  }\n  .align-self-center {\n    align-self: center;\n  }\n  .align-self-baseline {\n    align-self: baseline;\n  }\n  .align-self-stretch {\n    align-self: stretch;\n  }\n  .place-items-start {\n    place-items: start;\n  }\n  .place-items-end {\n    place-items: end;\n  }\n  .place-items-center {\n    place-items: center;\n  }\n  .place-items-stretch {\n    place-items: stretch;\n  }\n  .grid-cols-1 {\n    grid-template-columns: 1fr;\n  }\n  .grid-cols-2 {\n    grid-template-columns: repeat(2, 1fr);\n  }\n  .grid-cols-3 {\n    grid-template-columns: repeat(3, 1fr);\n  }\n  .grid-cols-4 {\n    grid-template-columns: repeat(4, 1fr);\n  }\n  .grid-cols-6 {\n    grid-template-columns: repeat(6, 1fr);\n  }\n  .grid-cols-fill {\n    grid-column: 1 / -1;\n  }\n  .grid-auto-flow-row {\n    grid-auto-flow: row;\n  }\n  .grid-auto-flow-column {\n    grid-auto-flow: column;\n  }\n  .grid-auto-flow-dense {\n    grid-auto-flow: dense;\n  }\n  .order-first {\n    order: -1;\n  }\n  .order-0 {\n    order: 0;\n  }\n  .order-1 {\n    order: 1;\n  }\n  .order-2 {\n    order: 2;\n  }\n  .order-3 {\n    order: 3;\n  }\n  .order-4 {\n    order: 4;\n  }\n  .order-5 {\n    order: 5;\n  }\n  .order-last {\n    order: 6;\n  }\n  .m-0 {\n    margin: 0;\n  }\n  .m-1 {\n    margin: 0.25rem;\n  }\n  .m-2 {\n    margin: 0.5rem;\n  }\n  .m-3 {\n    margin: 0.75rem;\n  }\n  .m-4 {\n    margin: 1rem;\n  }\n  .m-5 {\n    margin: 1.25rem;\n  }\n  .m-6 {\n    margin: 1.5rem;\n  }\n  .m-7 {\n    margin: 2rem;\n  }\n  .m-8 {\n    margin: 2.5rem;\n  }\n  .m-9 {\n    margin: 3rem;\n  }\n  .m-auto {\n    margin: auto;\n  }\n  .mx-0 {\n    margin-inline: 0;\n  }\n  .mx-1 {\n    margin-inline: 0.25rem;\n  }\n  .mx-2 {\n    margin-inline: 0.5rem;\n  }\n  .mx-3 {\n    margin-inline: 0.75rem;\n  }\n  .mx-4 {\n    margin-inline: 1rem;\n  }\n  .mx-5 {\n    margin-inline: 1.25rem;\n  }\n  .mx-6 {\n    margin-inline: 1.5rem;\n  }\n  .mx-7 {\n    margin-inline: 2rem;\n  }\n  .mx-8 {\n    margin-inline: 2.5rem;\n  }\n  .mx-9 {\n    margin-inline: 3rem;\n  }\n  .mx-auto {\n    margin-inline: auto;\n  }\n  .my-0 {\n    margin-block: 0;\n  }\n  .my-1 {\n    margin-block: 0.25rem;\n  }\n  .my-2 {\n    margin-block: 0.5rem;\n  }\n  .my-3 {\n    margin-block: 0.75rem;\n  }\n  .my-4 {\n    margin-block: 1rem;\n  }\n  .my-5 {\n    margin-block: 1.25rem;\n  }\n  .my-6 {\n    margin-block: 1.5rem;\n  }\n  .my-7 {\n    margin-block: 2rem;\n  }\n  .my-8 {\n    margin-block: 2.5rem;\n  }\n  .my-9 {\n    margin-block: 3rem;\n  }\n  .my-auto {\n    margin-block: auto;\n  }\n  .mt-0 {\n    margin-block-start: 0;\n  }\n  .mt-1 {\n    margin-block-start: 0.25rem;\n  }\n  .mt-2 {\n    margin-block-start: 0.5rem;\n  }\n  .mt-3 {\n    margin-block-start: 0.75rem;\n  }\n  .mt-4 {\n    margin-block-start: 1rem;\n  }\n  .mt-5 {\n    margin-block-start: 1.25rem;\n  }\n  .mt-6 {\n    margin-block-start: 1.5rem;\n  }\n  .mt-7 {\n    margin-block-start: 2rem;\n  }\n  .mt-8 {\n    margin-block-start: 2.5rem;\n  }\n  .mt-9 {\n    margin-block-start: 3rem;\n  }\n  .mt-auto {\n    margin-block-start: auto;\n  }\n  .me-0 {\n    margin-inline-end: 0;\n  }\n  .me-1 {\n    margin-inline-end: 0.25rem;\n  }\n  .me-2 {\n    margin-inline-end: 0.5rem;\n  }\n  .me-3 {\n    margin-inline-end: 0.75rem;\n  }\n  .me-4 {\n    margin-inline-end: 1rem;\n  }\n  .me-5 {\n    margin-inline-end: 1.25rem;\n  }\n  .me-6 {\n    margin-inline-end: 1.5rem;\n  }\n  .me-7 {\n    margin-inline-end: 2rem;\n  }\n  .me-8 {\n    margin-inline-end: 2.5rem;\n  }\n  .me-9 {\n    margin-inline-end: 3rem;\n  }\n  .me-auto {\n    margin-inline-end: auto;\n  }\n  .mb-0 {\n    margin-block-end: 0;\n  }\n  .mb-1 {\n    margin-block-end: 0.25rem;\n  }\n  .mb-2 {\n    margin-block-end: 0.5rem;\n  }\n  .mb-3 {\n    margin-block-end: 0.75rem;\n  }\n  .mb-4 {\n    margin-block-end: 1rem;\n  }\n  .mb-5 {\n    margin-block-end: 1.25rem;\n  }\n  .mb-6 {\n    margin-block-end: 1.5rem;\n  }\n  .mb-7 {\n    margin-block-end: 2rem;\n  }\n  .mb-8 {\n    margin-block-end: 2.5rem;\n  }\n  .mb-9 {\n    margin-block-end: 3rem;\n  }\n  .mb-auto {\n    margin-block-end: auto;\n  }\n  .ms-0 {\n    margin-inline-start: 0;\n  }\n  .ms-1 {\n    margin-inline-start: 0.25rem;\n  }\n  .ms-2 {\n    margin-inline-start: 0.5rem;\n  }\n  .ms-3 {\n    margin-inline-start: 0.75rem;\n  }\n  .ms-4 {\n    margin-inline-start: 1rem;\n  }\n  .ms-5 {\n    margin-inline-start: 1.25rem;\n  }\n  .ms-6 {\n    margin-inline-start: 1.5rem;\n  }\n  .ms-7 {\n    margin-inline-start: 2rem;\n  }\n  .ms-8 {\n    margin-inline-start: 2.5rem;\n  }\n  .ms-9 {\n    margin-inline-start: 3rem;\n  }\n  .ms--1 {\n    margin-inline-start: -0.25rem;\n  }\n  .ms--2 {\n    margin-inline-start: -0.5rem;\n  }\n  .ms-auto {\n    margin-inline-start: auto;\n  }\n  .p-0 {\n    padding: 0;\n  }\n  .p-1 {\n    padding: 0.25rem;\n  }\n  .p-2 {\n    padding: 0.5rem;\n  }\n  .p-3 {\n    padding: 0.75rem;\n  }\n  .p-4 {\n    padding: 1rem;\n  }\n  .p-5 {\n    padding: 1.25rem;\n  }\n  .p-6 {\n    padding: 1.5rem;\n  }\n  .p-7 {\n    padding: 2rem;\n  }\n  .p-8 {\n    padding: 2.5rem;\n  }\n  .p-9 {\n    padding: 3rem;\n  }\n  .px-0 {\n    padding-inline: 0;\n  }\n  .px-1 {\n    padding-inline: 0.25rem;\n  }\n  .px-2 {\n    padding-inline: 0.5rem;\n  }\n  .px-3 {\n    padding-inline: 0.75rem;\n  }\n  .px-4 {\n    padding-inline: 1rem;\n  }\n  .px-5 {\n    padding-inline: 1.25rem;\n  }\n  .px-6 {\n    padding-inline: 1.5rem;\n  }\n  .px-7 {\n    padding-inline: 2rem;\n  }\n  .px-8 {\n    padding-inline: 2.5rem;\n  }\n  .px-9 {\n    padding-inline: 3rem;\n  }\n  .py-0 {\n    padding-block: 0;\n  }\n  .py-1 {\n    padding-block: 0.25rem;\n  }\n  .py-2 {\n    padding-block: 0.5rem;\n  }\n  .py-3 {\n    padding-block: 0.75rem;\n  }\n  .py-4 {\n    padding-block: 1rem;\n  }\n  .py-5 {\n    padding-block: 1.25rem;\n  }\n  .py-6 {\n    padding-block: 1.5rem;\n  }\n  .py-7 {\n    padding-block: 2rem;\n  }\n  .py-8 {\n    padding-block: 2.5rem;\n  }\n  .py-9 {\n    padding-block: 3rem;\n  }\n  .pt-0 {\n    padding-block-start: 0;\n  }\n  .pt-1 {\n    padding-block-start: 0.25rem;\n  }\n  .pt-2 {\n    padding-block-start: 0.5rem;\n  }\n  .pt-3 {\n    padding-block-start: 0.75rem;\n  }\n  .pt-4 {\n    padding-block-start: 1rem;\n  }\n  .pt-5 {\n    padding-block-start: 1.25rem;\n  }\n  .pt-6 {\n    padding-block-start: 1.5rem;\n  }\n  .pt-7 {\n    padding-block-start: 2rem;\n  }\n  .pt-8 {\n    padding-block-start: 2.5rem;\n  }\n  .pt-9 {\n    padding-block-start: 3rem;\n  }\n  .pe-0 {\n    padding-inline-end: 0;\n  }\n  .pe-1 {\n    padding-inline-end: 0.25rem;\n  }\n  .pe-2 {\n    padding-inline-end: 0.5rem;\n  }\n  .pe-3 {\n    padding-inline-end: 0.75rem;\n  }\n  .pe-4 {\n    padding-inline-end: 1rem;\n  }\n  .pe-5 {\n    padding-inline-end: 1.25rem;\n  }\n  .pe-6 {\n    padding-inline-end: 1.5rem;\n  }\n  .pe-7 {\n    padding-inline-end: 2rem;\n  }\n  .pe-8 {\n    padding-inline-end: 2.5rem;\n  }\n  .pe-9 {\n    padding-inline-end: 3rem;\n  }\n  .pb-0 {\n    padding-block-end: 0;\n  }\n  .pb-1 {\n    padding-block-end: 0.25rem;\n  }\n  .pb-2 {\n    padding-block-end: 0.5rem;\n  }\n  .pb-3 {\n    padding-block-end: 0.75rem;\n  }\n  .pb-4 {\n    padding-block-end: 1rem;\n  }\n  .pb-5 {\n    padding-block-end: 1.25rem;\n  }\n  .pb-6 {\n    padding-block-end: 1.5rem;\n  }\n  .pb-7 {\n    padding-block-end: 2rem;\n  }\n  .pb-8 {\n    padding-block-end: 2.5rem;\n  }\n  .pb-9 {\n    padding-block-end: 3rem;\n  }\n  .ps-0 {\n    padding-inline-start: 0;\n  }\n  .ps-1 {\n    padding-inline-start: 0.25rem;\n  }\n  .ps-2 {\n    padding-inline-start: 0.5rem;\n  }\n  .ps-3 {\n    padding-inline-start: 0.75rem;\n  }\n  .ps-4 {\n    padding-inline-start: 1rem;\n  }\n  .ps-5 {\n    padding-inline-start: 1.25rem;\n  }\n  .ps-6 {\n    padding-inline-start: 1.5rem;\n  }\n  .ps-7 {\n    padding-inline-start: 2rem;\n  }\n  .ps-8 {\n    padding-inline-start: 2.5rem;\n  }\n  .ps-9 {\n    padding-inline-start: 3rem;\n  }\n  .gap-0 {\n    gap: 0;\n  }\n  .gap-1 {\n    gap: 0.25rem;\n  }\n  .gap-2 {\n    gap: 0.5rem;\n  }\n  .gap-3 {\n    gap: 0.75rem;\n  }\n  .gap-4 {\n    gap: 1rem;\n  }\n  .gap-5 {\n    gap: 1.25rem;\n  }\n  .gap-6 {\n    gap: 1.5rem;\n  }\n  .gap-7 {\n    gap: 2rem;\n  }\n  .gap-8 {\n    gap: 2.5rem;\n  }\n  .gap-9 {\n    gap: 3rem;\n  }\n  .row-gap-0 {\n    row-gap: 0;\n  }\n  .row-gap-1 {\n    row-gap: 0.25rem;\n  }\n  .row-gap-2 {\n    row-gap: 0.5rem;\n  }\n  .row-gap-3 {\n    row-gap: 0.75rem;\n  }\n  .row-gap-4 {\n    row-gap: 1rem;\n  }\n  .row-gap-5 {\n    row-gap: 1.25rem;\n  }\n  .row-gap-6 {\n    row-gap: 1.5rem;\n  }\n  .row-gap-7 {\n    row-gap: 2rem;\n  }\n  .row-gap-8 {\n    row-gap: 2.5rem;\n  }\n  .row-gap-9 {\n    row-gap: 3rem;\n  }\n  .column-gap-0 {\n    column-gap: 0;\n  }\n  .column-gap-1 {\n    column-gap: 0.25rem;\n  }\n  .column-gap-2 {\n    column-gap: 0.5rem;\n  }\n  .column-gap-3 {\n    column-gap: 0.75rem;\n  }\n  .column-gap-4 {\n    column-gap: 1rem;\n  }\n  .column-gap-5 {\n    column-gap: 1.25rem;\n  }\n  .column-gap-6 {\n    column-gap: 1.5rem;\n  }\n  .column-gap-7 {\n    column-gap: 2rem;\n  }\n  .column-gap-8 {\n    column-gap: 2.5rem;\n  }\n  .column-gap-9 {\n    column-gap: 3rem;\n  }\n  :where(.space-x-0 > :not(:last-child)) {\n    margin-inline-end: 0;\n  }\n  :where(.space-x-1 > :not(:last-child)) {\n    margin-inline-end: 0.25rem;\n  }\n  :where(.space-x-2 > :not(:last-child)) {\n    margin-inline-end: 0.5rem;\n  }\n  :where(.space-x-3 > :not(:last-child)) {\n    margin-inline-end: 0.75rem;\n  }\n  :where(.space-x-4 > :not(:last-child)) {\n    margin-inline-end: 1rem;\n  }\n  :where(.space-x-5 > :not(:last-child)) {\n    margin-inline-end: 1.25rem;\n  }\n  :where(.space-x-6 > :not(:last-child)) {\n    margin-inline-end: 1.5rem;\n  }\n  :where(.space-x-7 > :not(:last-child)) {\n    margin-inline-end: 2rem;\n  }\n  :where(.space-x-8 > :not(:last-child)) {\n    margin-inline-end: 2.5rem;\n  }\n  :where(.space-x-9 > :not(:last-child)) {\n    margin-inline-end: 3rem;\n  }\n  :where(.space-y-0 > :not(:last-child)) {\n    margin-block-end: 0;\n  }\n  :where(.space-y-1 > :not(:last-child)) {\n    margin-block-end: 0.25rem;\n  }\n  :where(.space-y-2 > :not(:last-child)) {\n    margin-block-end: 0.5rem;\n  }\n  :where(.space-y-3 > :not(:last-child)) {\n    margin-block-end: 0.75rem;\n  }\n  :where(.space-y-4 > :not(:last-child)) {\n    margin-block-end: 1rem;\n  }\n  :where(.space-y-5 > :not(:last-child)) {\n    margin-block-end: 1.25rem;\n  }\n  :where(.space-y-6 > :not(:last-child)) {\n    margin-block-end: 1.5rem;\n  }\n  :where(.space-y-7 > :not(:last-child)) {\n    margin-block-end: 2rem;\n  }\n  :where(.space-y-8 > :not(:last-child)) {\n    margin-block-end: 2.5rem;\n  }\n  :where(.space-y-9 > :not(:last-child)) {\n    margin-block-end: 3rem;\n  }\n  :where(.divide-x > :not(:first-child)) {\n    border-inline-start: var(--border-width) var(--border-style) var(--border-color);\n  }\n  :where(.divide-x-0 > :not(:first-child)) {\n    border-inline-start: 0;\n  }\n  :where(.divide-y > :not(:first-child)) {\n    border-block-start: var(--border-width) var(--border-style) var(--border-color);\n  }\n  :where(.divide-y-0 > :not(:first-child)) {\n    border-block-start: 0;\n  }\n  .font-monospace {\n    font-family: var(--font-mono);\n  }\n  .font-body {\n    font-family: var(--body-font-family);\n  }\n  .fs-xs {\n    font-size: 0.75rem;\n  }\n  .fs-sm {\n    font-size: 0.875rem;\n  }\n  .fs-md {\n    font-size: 1rem;\n  }\n  .fs-lg {\n    font-size: clamp(1.25rem, 1rem + 0.625vw, 1.5rem);\n  }\n  .fs-xl {\n    font-size: clamp(1.5rem, 1.1rem + 0.75vw, 1.75rem);\n  }\n  .fs-2xl {\n    font-size: clamp(1.75rem, 1.3rem + 1vw, 2rem);\n  }\n  .fs-3xl {\n    font-size: clamp(2rem, 1.5rem + 1.875vw, 2.5rem);\n  }\n  .fs-4xl {\n    font-size: clamp(2.25rem, 1.75rem + 2.5vw, 3rem);\n  }\n  .fs-5xl {\n    font-size: clamp(3rem, 2rem + 5vw, 4rem);\n  }\n  .fs-6xl {\n    font-size: clamp(3.75rem, 2.5rem + 6.25vw, 5rem);\n  }\n  .text-xs {\n    font-size: 0.75rem;\n    line-height: 1.25;\n  }\n  .text-sm {\n    font-size: 0.875rem;\n    line-height: 1.5;\n  }\n  .text-md {\n    font-size: 1rem;\n    line-height: 1.5;\n  }\n  .text-lg {\n    font-size: clamp(1.25rem, 1rem + 0.625vw, 1.5rem);\n    line-height: 1.5;\n  }\n  .text-xl {\n    font-size: clamp(1.5rem, 1.1rem + 0.75vw, 1.75rem);\n    line-height: 1.4285714286;\n  }\n  .text-2xl {\n    font-size: clamp(1.75rem, 1.3rem + 1vw, 2rem);\n    line-height: 1.3333333333;\n  }\n  .text-3xl {\n    font-size: clamp(2rem, 1.5rem + 1.875vw, 2.5rem);\n    line-height: 1.2;\n  }\n  .text-4xl {\n    font-size: clamp(2.25rem, 1.75rem + 2.5vw, 3rem);\n    line-height: 1.1;\n  }\n  .text-5xl {\n    font-size: clamp(3rem, 2rem + 5vw, 4rem);\n    line-height: 1.1;\n  }\n  .text-6xl {\n    font-size: clamp(3.75rem, 2.5rem + 6.25vw, 5rem);\n    line-height: 1;\n  }\n  .fst-italic {\n    font-style: italic;\n  }\n  .fst-normal {\n    font-style: normal;\n  }\n  .fw-lighter {\n    font-weight: lighter;\n  }\n  .fw-light {\n    font-weight: 300;\n  }\n  .fw-normal {\n    font-weight: 400;\n  }\n  .fw-medium {\n    font-weight: 500;\n  }\n  .fw-semibold {\n    font-weight: 600;\n  }\n  .fw-bold {\n    font-weight: 700;\n  }\n  .fw-bolder {\n    font-weight: bolder;\n  }\n  .lh-1 {\n    line-height: 1;\n  }\n  .lh-sm {\n    line-height: 1.25;\n  }\n  .lh-base {\n    line-height: 1.5;\n  }\n  .lh-lg {\n    line-height: 2;\n  }\n  .text-start {\n    text-align: start;\n  }\n  .text-end {\n    text-align: end;\n  }\n  .text-center {\n    text-align: center;\n  }\n  .text-decoration-none {\n    text-decoration: none;\n  }\n  .text-decoration-underline {\n    text-decoration: underline;\n  }\n  .text-decoration-line-through {\n    text-decoration: line-through;\n  }\n  .text-lowercase {\n    text-transform: lowercase;\n  }\n  .text-uppercase {\n    text-transform: uppercase;\n  }\n  .text-capitalize {\n    text-transform: capitalize;\n  }\n  .text-wrap {\n    white-space: wrap;\n  }\n  .text-nowrap {\n    white-space: nowrap;\n  }\n  .text-balance {\n    white-space: balance;\n  }\n  .text-pretty {\n    white-space: pretty;\n  }\n  .text-break {\n    word-wrap: break-word;\n    word-break: break-word;\n  }\n  .fg-primary {\n    --fg: var(--primary-fg);\n    color: var(--fg);\n  }\n  .fg-accent {\n    --fg: var(--accent-fg);\n    color: var(--fg);\n  }\n  .fg-success {\n    --fg: var(--success-fg);\n    color: var(--fg);\n  }\n  .fg-danger {\n    --fg: var(--danger-fg);\n    color: var(--fg);\n  }\n  .fg-warning {\n    --fg: var(--warning-fg);\n    color: var(--fg);\n  }\n  .fg-info {\n    --fg: var(--info-fg);\n    color: var(--fg);\n  }\n  .fg-inverse {\n    --fg: var(--inverse-fg);\n    color: var(--fg);\n  }\n  .fg-secondary {\n    --fg: var(--secondary-fg);\n    color: var(--fg);\n  }\n  .fg-body {\n    --fg: var(--fg-body);\n    color: var(--fg);\n  }\n  .fg-1 {\n    --fg: var(--fg-1);\n    color: var(--fg);\n  }\n  .fg-2 {\n    --fg: var(--fg-2);\n    color: var(--fg);\n  }\n  .fg-3 {\n    --fg: var(--fg-3);\n    color: var(--fg);\n  }\n  .fg-4 {\n    --fg: var(--fg-4);\n    color: var(--fg);\n  }\n  .fg-white {\n    --fg: var(--fg-white);\n    color: var(--fg);\n  }\n  .fg-black {\n    --fg: var(--fg-black);\n    color: var(--fg);\n  }\n  .fg-emphasis-primary {\n    --fg: var(--primary-fg-emphasis);\n    color: var(--fg);\n  }\n  .fg-emphasis-accent {\n    --fg: var(--accent-fg-emphasis);\n    color: var(--fg);\n  }\n  .fg-emphasis-success {\n    --fg: var(--success-fg-emphasis);\n    color: var(--fg);\n  }\n  .fg-emphasis-danger {\n    --fg: var(--danger-fg-emphasis);\n    color: var(--fg);\n  }\n  .fg-emphasis-warning {\n    --fg: var(--warning-fg-emphasis);\n    color: var(--fg);\n  }\n  .fg-emphasis-info {\n    --fg: var(--info-fg-emphasis);\n    color: var(--fg);\n  }\n  .fg-emphasis-inverse {\n    --fg: var(--inverse-fg-emphasis);\n    color: var(--fg);\n  }\n  .fg-emphasis-secondary {\n    --fg: var(--secondary-fg-emphasis);\n    color: var(--fg);\n  }\n  .fg-contrast-primary {\n    --fg: var(--primary-contrast);\n    color: var(--fg);\n  }\n  .fg-contrast-accent {\n    --fg: var(--accent-contrast);\n    color: var(--fg);\n  }\n  .fg-contrast-success {\n    --fg: var(--success-contrast);\n    color: var(--fg);\n  }\n  .fg-contrast-danger {\n    --fg: var(--danger-contrast);\n    color: var(--fg);\n  }\n  .fg-contrast-warning {\n    --fg: var(--warning-contrast);\n    color: var(--fg);\n  }\n  .fg-contrast-info {\n    --fg: var(--info-contrast);\n    color: var(--fg);\n  }\n  .fg-contrast-inverse {\n    --fg: var(--inverse-contrast);\n    color: var(--fg);\n  }\n  .fg-contrast-secondary {\n    --fg: var(--secondary-contrast);\n    color: var(--fg);\n  }\n  .fg-10 {\n    color: color-mix(in oklch, var(--fg) 10%, transparent);\n  }\n  .fg-20 {\n    color: color-mix(in oklch, var(--fg) 20%, transparent);\n  }\n  .fg-30 {\n    color: color-mix(in oklch, var(--fg) 30%, transparent);\n  }\n  .fg-40 {\n    color: color-mix(in oklch, var(--fg) 40%, transparent);\n  }\n  .fg-50 {\n    color: color-mix(in oklch, var(--fg) 50%, transparent);\n  }\n  .fg-60 {\n    color: color-mix(in oklch, var(--fg) 60%, transparent);\n  }\n  .fg-70 {\n    color: color-mix(in oklch, var(--fg) 70%, transparent);\n  }\n  .fg-80 {\n    color: color-mix(in oklch, var(--fg) 80%, transparent);\n  }\n  .fg-90 {\n    color: color-mix(in oklch, var(--fg) 90%, transparent);\n  }\n  .fg-100 {\n    color: var(--fg);\n  }\n  .link-10 {\n    color: color-mix(in oklch, var(--link-color) 10%, transparent);\n  }\n  .hover\\:link-10:hover {\n    color: color-mix(in oklch, var(--link-color) 10%, transparent);\n  }\n  .link-20 {\n    color: color-mix(in oklch, var(--link-color) 20%, transparent);\n  }\n  .hover\\:link-20:hover {\n    color: color-mix(in oklch, var(--link-color) 20%, transparent);\n  }\n  .link-30 {\n    color: color-mix(in oklch, var(--link-color) 30%, transparent);\n  }\n  .hover\\:link-30:hover {\n    color: color-mix(in oklch, var(--link-color) 30%, transparent);\n  }\n  .link-40 {\n    color: color-mix(in oklch, var(--link-color) 40%, transparent);\n  }\n  .hover\\:link-40:hover {\n    color: color-mix(in oklch, var(--link-color) 40%, transparent);\n  }\n  .link-50 {\n    color: color-mix(in oklch, var(--link-color) 50%, transparent);\n  }\n  .hover\\:link-50:hover {\n    color: color-mix(in oklch, var(--link-color) 50%, transparent);\n  }\n  .link-60 {\n    color: color-mix(in oklch, var(--link-color) 60%, transparent);\n  }\n  .hover\\:link-60:hover {\n    color: color-mix(in oklch, var(--link-color) 60%, transparent);\n  }\n  .link-70 {\n    color: color-mix(in oklch, var(--link-color) 70%, transparent);\n  }\n  .hover\\:link-70:hover {\n    color: color-mix(in oklch, var(--link-color) 70%, transparent);\n  }\n  .link-80 {\n    color: color-mix(in oklch, var(--link-color) 80%, transparent);\n  }\n  .hover\\:link-80:hover {\n    color: color-mix(in oklch, var(--link-color) 80%, transparent);\n  }\n  .link-90 {\n    color: color-mix(in oklch, var(--link-color) 90%, transparent);\n  }\n  .hover\\:link-90:hover {\n    color: color-mix(in oklch, var(--link-color) 90%, transparent);\n  }\n  .link-100 {\n    color: var(--link-color);\n  }\n  .hover\\:link-100:hover {\n    color: var(--link-color);\n  }\n  .underline-offset-1 {\n    text-underline-offset: 0.125em;\n  }\n  .hover\\:underline-offset-1:hover {\n    text-underline-offset: 0.125em;\n  }\n  .underline-offset-2 {\n    text-underline-offset: 0.25em;\n  }\n  .hover\\:underline-offset-2:hover {\n    text-underline-offset: 0.25em;\n  }\n  .underline-offset-3 {\n    text-underline-offset: 0.375em;\n  }\n  .hover\\:underline-offset-3:hover {\n    text-underline-offset: 0.375em;\n  }\n  .underline-primary {\n    text-decoration-color: light-dark(var(--blue-600), var(--blue-400));\n  }\n  .underline-accent {\n    text-decoration-color: light-dark(var(--indigo-600), color-mix(in oklch, var(--indigo-400), var(--indigo-300)));\n  }\n  .underline-success {\n    text-decoration-color: light-dark(var(--green-600), var(--green-400));\n  }\n  .underline-danger {\n    text-decoration-color: light-dark(var(--red-600), var(--red-400));\n  }\n  .underline-warning {\n    text-decoration-color: light-dark(var(--yellow-700), var(--yellow-400));\n  }\n  .underline-info {\n    text-decoration-color: light-dark(var(--cyan-600), var(--cyan-400));\n  }\n  .underline-inverse {\n    text-decoration-color: light-dark(var(--gray-900), var(--gray-200));\n  }\n  .underline-secondary {\n    text-decoration-color: light-dark(var(--gray-600), var(--gray-400));\n  }\n  .underline-10 {\n    text-decoration-color: color-mix(in oklch, var(--link-color) 10%, transparent);\n  }\n  .hover\\:underline-10:hover {\n    text-decoration-color: color-mix(in oklch, var(--link-color) 10%, transparent);\n  }\n  .underline-20 {\n    text-decoration-color: color-mix(in oklch, var(--link-color) 20%, transparent);\n  }\n  .hover\\:underline-20:hover {\n    text-decoration-color: color-mix(in oklch, var(--link-color) 20%, transparent);\n  }\n  .underline-30 {\n    text-decoration-color: color-mix(in oklch, var(--link-color) 30%, transparent);\n  }\n  .hover\\:underline-30:hover {\n    text-decoration-color: color-mix(in oklch, var(--link-color) 30%, transparent);\n  }\n  .underline-40 {\n    text-decoration-color: color-mix(in oklch, var(--link-color) 40%, transparent);\n  }\n  .hover\\:underline-40:hover {\n    text-decoration-color: color-mix(in oklch, var(--link-color) 40%, transparent);\n  }\n  .underline-50 {\n    text-decoration-color: color-mix(in oklch, var(--link-color) 50%, transparent);\n  }\n  .hover\\:underline-50:hover {\n    text-decoration-color: color-mix(in oklch, var(--link-color) 50%, transparent);\n  }\n  .underline-60 {\n    text-decoration-color: color-mix(in oklch, var(--link-color) 60%, transparent);\n  }\n  .hover\\:underline-60:hover {\n    text-decoration-color: color-mix(in oklch, var(--link-color) 60%, transparent);\n  }\n  .underline-70 {\n    text-decoration-color: color-mix(in oklch, var(--link-color) 70%, transparent);\n  }\n  .hover\\:underline-70:hover {\n    text-decoration-color: color-mix(in oklch, var(--link-color) 70%, transparent);\n  }\n  .underline-80 {\n    text-decoration-color: color-mix(in oklch, var(--link-color) 80%, transparent);\n  }\n  .hover\\:underline-80:hover {\n    text-decoration-color: color-mix(in oklch, var(--link-color) 80%, transparent);\n  }\n  .underline-90 {\n    text-decoration-color: color-mix(in oklch, var(--link-color) 90%, transparent);\n  }\n  .hover\\:underline-90:hover {\n    text-decoration-color: color-mix(in oklch, var(--link-color) 90%, transparent);\n  }\n  .underline-100 {\n    text-decoration-color: var(--link-color);\n  }\n  .hover\\:underline-100:hover {\n    text-decoration-color: var(--link-color);\n  }\n  .underline-thickness-1 {\n    text-decoration-thickness: 1px;\n  }\n  .hover\\:underline-thickness-1:hover {\n    text-decoration-thickness: 1px;\n  }\n  .underline-thickness-2 {\n    text-decoration-thickness: 2px;\n  }\n  .hover\\:underline-thickness-2:hover {\n    text-decoration-thickness: 2px;\n  }\n  .underline-thickness-3 {\n    text-decoration-thickness: 3px;\n  }\n  .hover\\:underline-thickness-3:hover {\n    text-decoration-thickness: 3px;\n  }\n  .underline-thickness-4 {\n    text-decoration-thickness: 4px;\n  }\n  .hover\\:underline-thickness-4:hover {\n    text-decoration-thickness: 4px;\n  }\n  .underline-thickness-5 {\n    text-decoration-thickness: 5px;\n  }\n  .hover\\:underline-thickness-5:hover {\n    text-decoration-thickness: 5px;\n  }\n  .bg-primary {\n    --bg: var(--primary-bg);\n    background-color: var(--bg);\n  }\n  .bg-accent {\n    --bg: var(--accent-bg);\n    background-color: var(--bg);\n  }\n  .bg-success {\n    --bg: var(--success-bg);\n    background-color: var(--bg);\n  }\n  .bg-danger {\n    --bg: var(--danger-bg);\n    background-color: var(--bg);\n  }\n  .bg-warning {\n    --bg: var(--warning-bg);\n    background-color: var(--bg);\n  }\n  .bg-info {\n    --bg: var(--info-bg);\n    background-color: var(--bg);\n  }\n  .bg-inverse {\n    --bg: var(--inverse-bg);\n    background-color: var(--bg);\n  }\n  .bg-secondary {\n    --bg: var(--secondary-bg);\n    background-color: var(--bg);\n  }\n  .bg-body {\n    --bg: var(--bg-body);\n    background-color: var(--bg);\n  }\n  .bg-1 {\n    --bg: var(--bg-1);\n    background-color: var(--bg);\n  }\n  .bg-2 {\n    --bg: var(--bg-2);\n    background-color: var(--bg);\n  }\n  .bg-3 {\n    --bg: var(--bg-3);\n    background-color: var(--bg);\n  }\n  .bg-4 {\n    --bg: var(--bg-4);\n    background-color: var(--bg);\n  }\n  .bg-white {\n    --bg: var(--bg-white);\n    background-color: var(--bg);\n  }\n  .bg-black {\n    --bg: var(--bg-black);\n    background-color: var(--bg);\n  }\n  .bg-transparent {\n    --bg: var(--bg-transparent);\n    background-color: var(--bg);\n  }\n  .bg-subtle-primary {\n    --bg: var(--primary-bg-subtle);\n    background-color: var(--bg);\n  }\n  .bg-subtle-accent {\n    --bg: var(--accent-bg-subtle);\n    background-color: var(--bg);\n  }\n  .bg-subtle-success {\n    --bg: var(--success-bg-subtle);\n    background-color: var(--bg);\n  }\n  .bg-subtle-danger {\n    --bg: var(--danger-bg-subtle);\n    background-color: var(--bg);\n  }\n  .bg-subtle-warning {\n    --bg: var(--warning-bg-subtle);\n    background-color: var(--bg);\n  }\n  .bg-subtle-info {\n    --bg: var(--info-bg-subtle);\n    background-color: var(--bg);\n  }\n  .bg-subtle-inverse {\n    --bg: var(--inverse-bg-subtle);\n    background-color: var(--bg);\n  }\n  .bg-subtle-secondary {\n    --bg: var(--secondary-bg-subtle);\n    background-color: var(--bg);\n  }\n  .bg-muted-primary {\n    --bg: var(--primary-bg-muted);\n    background-color: var(--bg);\n  }\n  .bg-muted-accent {\n    --bg: var(--accent-bg-muted);\n    background-color: var(--bg);\n  }\n  .bg-muted-success {\n    --bg: var(--success-bg-muted);\n    background-color: var(--bg);\n  }\n  .bg-muted-danger {\n    --bg: var(--danger-bg-muted);\n    background-color: var(--bg);\n  }\n  .bg-muted-warning {\n    --bg: var(--warning-bg-muted);\n    background-color: var(--bg);\n  }\n  .bg-muted-info {\n    --bg: var(--info-bg-muted);\n    background-color: var(--bg);\n  }\n  .bg-muted-inverse {\n    --bg: var(--inverse-bg-muted);\n    background-color: var(--bg);\n  }\n  .bg-muted-secondary {\n    --bg: var(--secondary-bg-muted);\n    background-color: var(--bg);\n  }\n  .bg-10 {\n    background-color: color-mix(in oklch, var(--bg) 10%, transparent);\n  }\n  .bg-20 {\n    background-color: color-mix(in oklch, var(--bg) 20%, transparent);\n  }\n  .bg-30 {\n    background-color: color-mix(in oklch, var(--bg) 30%, transparent);\n  }\n  .bg-40 {\n    background-color: color-mix(in oklch, var(--bg) 40%, transparent);\n  }\n  .bg-50 {\n    background-color: color-mix(in oklch, var(--bg) 50%, transparent);\n  }\n  .bg-60 {\n    background-color: color-mix(in oklch, var(--bg) 60%, transparent);\n  }\n  .bg-70 {\n    background-color: color-mix(in oklch, var(--bg) 70%, transparent);\n  }\n  .bg-80 {\n    background-color: color-mix(in oklch, var(--bg) 80%, transparent);\n  }\n  .bg-90 {\n    background-color: color-mix(in oklch, var(--bg) 90%, transparent);\n  }\n  .bg-100 {\n    background-color: var(--bg);\n  }\n  .theme-contrast {\n    background-color: var(--theme-bg);\n    color: var(--theme-contrast);\n  }\n  .theme-subtle {\n    background-color: var(--theme-bg-subtle);\n    color: var(--theme-fg);\n  }\n  .theme-muted {\n    background-color: var(--theme-bg-muted);\n    color: var(--theme-fg-emphasis);\n  }\n  .theme-border {\n    border: var(--border-width) solid var(--theme-border);\n  }\n  .bg-gradient {\n    background-image: var(--gradient);\n  }\n  .user-select-all {\n    user-select: all;\n  }\n  .user-select-auto {\n    user-select: auto;\n  }\n  .user-select-text {\n    user-select: text;\n  }\n  .user-select-none {\n    user-select: none;\n  }\n  .pe-none {\n    pointer-events: none;\n  }\n  .pe-auto {\n    pointer-events: auto;\n  }\n  .rounded {\n    border-radius: var(--border-radius);\n  }\n  .rounded-0 {\n    border-radius: 0;\n  }\n  .rounded-1 {\n    border-radius: var(--border-radius-sm);\n  }\n  .rounded-2 {\n    border-radius: var(--border-radius);\n  }\n  .rounded-3 {\n    border-radius: var(--border-radius-lg);\n  }\n  .rounded-4 {\n    border-radius: var(--border-radius-xl);\n  }\n  .rounded-5 {\n    border-radius: var(--border-radius-2xl);\n  }\n  .rounded-circle {\n    border-radius: 50%;\n  }\n  .rounded-pill {\n    border-radius: var(--border-radius-pill);\n  }\n  .rounded-top {\n    border-start-start-radius: var(--border-radius);\n    border-start-end-radius: var(--border-radius);\n  }\n  .rounded-top-0 {\n    border-start-start-radius: 0;\n    border-start-end-radius: 0;\n  }\n  .rounded-top-1 {\n    border-start-start-radius: var(--border-radius-sm);\n    border-start-end-radius: var(--border-radius-sm);\n  }\n  .rounded-top-2 {\n    border-start-start-radius: var(--border-radius);\n    border-start-end-radius: var(--border-radius);\n  }\n  .rounded-top-3 {\n    border-start-start-radius: var(--border-radius-lg);\n    border-start-end-radius: var(--border-radius-lg);\n  }\n  .rounded-top-4 {\n    border-start-start-radius: var(--border-radius-xl);\n    border-start-end-radius: var(--border-radius-xl);\n  }\n  .rounded-top-5 {\n    border-start-start-radius: var(--border-radius-2xl);\n    border-start-end-radius: var(--border-radius-2xl);\n  }\n  .rounded-top-circle {\n    border-start-start-radius: 50%;\n    border-start-end-radius: 50%;\n  }\n  .rounded-top-pill {\n    border-start-start-radius: var(--border-radius-pill);\n    border-start-end-radius: var(--border-radius-pill);\n  }\n  .rounded-end {\n    border-end-end-radius: var(--border-radius);\n    border-end-start-radius: var(--border-radius);\n  }\n  .rounded-end-0 {\n    border-end-end-radius: 0;\n    border-end-start-radius: 0;\n  }\n  .rounded-end-1 {\n    border-end-end-radius: var(--border-radius-sm);\n    border-end-start-radius: var(--border-radius-sm);\n  }\n  .rounded-end-2 {\n    border-end-end-radius: var(--border-radius);\n    border-end-start-radius: var(--border-radius);\n  }\n  .rounded-end-3 {\n    border-end-end-radius: var(--border-radius-lg);\n    border-end-start-radius: var(--border-radius-lg);\n  }\n  .rounded-end-4 {\n    border-end-end-radius: var(--border-radius-xl);\n    border-end-start-radius: var(--border-radius-xl);\n  }\n  .rounded-end-5 {\n    border-end-end-radius: var(--border-radius-2xl);\n    border-end-start-radius: var(--border-radius-2xl);\n  }\n  .rounded-end-circle {\n    border-end-end-radius: 50%;\n    border-end-start-radius: 50%;\n  }\n  .rounded-end-pill {\n    border-end-end-radius: var(--border-radius-pill);\n    border-end-start-radius: var(--border-radius-pill);\n  }\n  .rounded-bottom {\n    border-end-end-radius: var(--border-radius);\n    border-end-start-radius: var(--border-radius);\n  }\n  .rounded-bottom-0 {\n    border-end-end-radius: 0;\n    border-end-start-radius: 0;\n  }\n  .rounded-bottom-1 {\n    border-end-end-radius: var(--border-radius-sm);\n    border-end-start-radius: var(--border-radius-sm);\n  }\n  .rounded-bottom-2 {\n    border-end-end-radius: var(--border-radius);\n    border-end-start-radius: var(--border-radius);\n  }\n  .rounded-bottom-3 {\n    border-end-end-radius: var(--border-radius-lg);\n    border-end-start-radius: var(--border-radius-lg);\n  }\n  .rounded-bottom-4 {\n    border-end-end-radius: var(--border-radius-xl);\n    border-end-start-radius: var(--border-radius-xl);\n  }\n  .rounded-bottom-5 {\n    border-end-end-radius: var(--border-radius-2xl);\n    border-end-start-radius: var(--border-radius-2xl);\n  }\n  .rounded-bottom-circle {\n    border-end-end-radius: 50%;\n    border-end-start-radius: 50%;\n  }\n  .rounded-bottom-pill {\n    border-end-end-radius: var(--border-radius-pill);\n    border-end-start-radius: var(--border-radius-pill);\n  }\n  .rounded-start {\n    border-start-start-radius: var(--border-radius);\n    border-start-end-radius: var(--border-radius);\n  }\n  .rounded-start-0 {\n    border-start-start-radius: 0;\n    border-start-end-radius: 0;\n  }\n  .rounded-start-1 {\n    border-start-start-radius: var(--border-radius-sm);\n    border-start-end-radius: var(--border-radius-sm);\n  }\n  .rounded-start-2 {\n    border-start-start-radius: var(--border-radius);\n    border-start-end-radius: var(--border-radius);\n  }\n  .rounded-start-3 {\n    border-start-start-radius: var(--border-radius-lg);\n    border-start-end-radius: var(--border-radius-lg);\n  }\n  .rounded-start-4 {\n    border-start-start-radius: var(--border-radius-xl);\n    border-start-end-radius: var(--border-radius-xl);\n  }\n  .rounded-start-5 {\n    border-start-start-radius: var(--border-radius-2xl);\n    border-start-end-radius: var(--border-radius-2xl);\n  }\n  .rounded-start-circle {\n    border-start-start-radius: 50%;\n    border-start-end-radius: 50%;\n  }\n  .rounded-start-pill {\n    border-start-start-radius: var(--border-radius-pill);\n    border-start-end-radius: var(--border-radius-pill);\n  }\n  .visible {\n    visibility: visible;\n  }\n  .invisible {\n    visibility: hidden;\n  }\n  .z-n1 {\n    z-index: -1;\n  }\n  .z-0 {\n    z-index: 0;\n  }\n  .z-1 {\n    z-index: 1;\n  }\n  .z-2 {\n    z-index: 2;\n  }\n  .z-3 {\n    z-index: 3;\n  }\n  @media (width >= 576px) {\n    .sm\\:float-start {\n      float: inline-start;\n    }\n    .sm\\:float-end {\n      float: inline-end;\n    }\n    .sm\\:float-none {\n      float: none;\n    }\n    .sm\\:object-fit-contain {\n      object-fit: contain;\n    }\n    .sm\\:object-fit-cover {\n      object-fit: cover;\n    }\n    .sm\\:object-fit-fill {\n      object-fit: fill;\n    }\n    .sm\\:object-fit-scale {\n      object-fit: scale-down;\n    }\n    .sm\\:object-fit-none {\n      object-fit: none;\n    }\n    .sm\\:d-inline {\n      display: inline;\n    }\n    .sm\\:d-inline-block {\n      display: inline-block;\n    }\n    .sm\\:d-block {\n      display: block;\n    }\n    .sm\\:d-grid {\n      display: grid;\n    }\n    .sm\\:d-inline-grid {\n      display: inline-grid;\n    }\n    .sm\\:d-table {\n      display: table;\n    }\n    .sm\\:d-table-row {\n      display: table-row;\n    }\n    .sm\\:d-table-cell {\n      display: table-cell;\n    }\n    .sm\\:d-flex {\n      display: flex;\n    }\n    .sm\\:d-inline-flex {\n      display: inline-flex;\n    }\n    .sm\\:d-contents {\n      display: contents;\n    }\n    .sm\\:d-flow-root {\n      display: flow-root;\n    }\n    .sm\\:d-none {\n      display: none;\n    }\n    .sm\\:flex-fill {\n      flex: 1 1 auto;\n    }\n    .sm\\:flex-row {\n      flex-direction: row;\n    }\n    .sm\\:flex-column {\n      flex-direction: column;\n    }\n    .sm\\:flex-row-reverse {\n      flex-direction: row-reverse;\n    }\n    .sm\\:flex-column-reverse {\n      flex-direction: column-reverse;\n    }\n    .sm\\:flex-grow-0 {\n      flex-grow: 0;\n    }\n    .sm\\:flex-grow-1 {\n      flex-grow: 1;\n    }\n    .sm\\:flex-shrink-0 {\n      flex-shrink: 0;\n    }\n    .sm\\:flex-shrink-1 {\n      flex-shrink: 1;\n    }\n    .sm\\:flex-wrap {\n      flex-wrap: wrap;\n    }\n    .sm\\:flex-nowrap {\n      flex-wrap: nowrap;\n    }\n    .sm\\:flex-wrap-reverse {\n      flex-wrap: wrap-reverse;\n    }\n    .sm\\:justify-content-start {\n      justify-content: flex-start;\n    }\n    .sm\\:justify-content-end {\n      justify-content: flex-end;\n    }\n    .sm\\:justify-content-center {\n      justify-content: center;\n    }\n    .sm\\:justify-content-between {\n      justify-content: space-between;\n    }\n    .sm\\:justify-content-around {\n      justify-content: space-around;\n    }\n    .sm\\:justify-content-evenly {\n      justify-content: space-evenly;\n    }\n    .sm\\:justify-items-start {\n      justify-items: start;\n    }\n    .sm\\:justify-items-end {\n      justify-items: end;\n    }\n    .sm\\:justify-items-center {\n      justify-items: center;\n    }\n    .sm\\:justify-items-stretch {\n      justify-items: stretch;\n    }\n    .sm\\:justify-self-start {\n      justify-self: flex-start;\n    }\n    .sm\\:justify-self-end {\n      justify-self: flex-end;\n    }\n    .sm\\:justify-self-center {\n      justify-self: center;\n    }\n    .sm\\:align-items-start {\n      align-items: flex-start;\n    }\n    .sm\\:align-items-end {\n      align-items: flex-end;\n    }\n    .sm\\:align-items-center {\n      align-items: center;\n    }\n    .sm\\:align-items-baseline {\n      align-items: baseline;\n    }\n    .sm\\:align-items-stretch {\n      align-items: stretch;\n    }\n    .sm\\:align-content-start {\n      align-content: flex-start;\n    }\n    .sm\\:align-content-end {\n      align-content: flex-end;\n    }\n    .sm\\:align-content-center {\n      align-content: center;\n    }\n    .sm\\:align-content-between {\n      align-content: space-between;\n    }\n    .sm\\:align-content-around {\n      align-content: space-around;\n    }\n    .sm\\:align-content-stretch {\n      align-content: stretch;\n    }\n    .sm\\:align-self-auto {\n      align-self: auto;\n    }\n    .sm\\:align-self-start {\n      align-self: flex-start;\n    }\n    .sm\\:align-self-end {\n      align-self: flex-end;\n    }\n    .sm\\:align-self-center {\n      align-self: center;\n    }\n    .sm\\:align-self-baseline {\n      align-self: baseline;\n    }\n    .sm\\:align-self-stretch {\n      align-self: stretch;\n    }\n    .sm\\:place-items-start {\n      place-items: start;\n    }\n    .sm\\:place-items-end {\n      place-items: end;\n    }\n    .sm\\:place-items-center {\n      place-items: center;\n    }\n    .sm\\:place-items-stretch {\n      place-items: stretch;\n    }\n    .sm\\:grid-cols-1 {\n      grid-template-columns: 1fr;\n    }\n    .sm\\:grid-cols-2 {\n      grid-template-columns: repeat(2, 1fr);\n    }\n    .sm\\:grid-cols-3 {\n      grid-template-columns: repeat(3, 1fr);\n    }\n    .sm\\:grid-cols-4 {\n      grid-template-columns: repeat(4, 1fr);\n    }\n    .sm\\:grid-cols-6 {\n      grid-template-columns: repeat(6, 1fr);\n    }\n    .sm\\:grid-cols-fill {\n      grid-column: 1 / -1;\n    }\n    .sm\\:grid-auto-flow-row {\n      grid-auto-flow: row;\n    }\n    .sm\\:grid-auto-flow-column {\n      grid-auto-flow: column;\n    }\n    .sm\\:grid-auto-flow-dense {\n      grid-auto-flow: dense;\n    }\n    .sm\\:order-first {\n      order: -1;\n    }\n    .sm\\:order-0 {\n      order: 0;\n    }\n    .sm\\:order-1 {\n      order: 1;\n    }\n    .sm\\:order-2 {\n      order: 2;\n    }\n    .sm\\:order-3 {\n      order: 3;\n    }\n    .sm\\:order-4 {\n      order: 4;\n    }\n    .sm\\:order-5 {\n      order: 5;\n    }\n    .sm\\:order-last {\n      order: 6;\n    }\n    .sm\\:m-0 {\n      margin: 0;\n    }\n    .sm\\:m-1 {\n      margin: 0.25rem;\n    }\n    .sm\\:m-2 {\n      margin: 0.5rem;\n    }\n    .sm\\:m-3 {\n      margin: 0.75rem;\n    }\n    .sm\\:m-4 {\n      margin: 1rem;\n    }\n    .sm\\:m-5 {\n      margin: 1.25rem;\n    }\n    .sm\\:m-6 {\n      margin: 1.5rem;\n    }\n    .sm\\:m-7 {\n      margin: 2rem;\n    }\n    .sm\\:m-8 {\n      margin: 2.5rem;\n    }\n    .sm\\:m-9 {\n      margin: 3rem;\n    }\n    .sm\\:m-auto {\n      margin: auto;\n    }\n    .sm\\:mx-0 {\n      margin-inline: 0;\n    }\n    .sm\\:mx-1 {\n      margin-inline: 0.25rem;\n    }\n    .sm\\:mx-2 {\n      margin-inline: 0.5rem;\n    }\n    .sm\\:mx-3 {\n      margin-inline: 0.75rem;\n    }\n    .sm\\:mx-4 {\n      margin-inline: 1rem;\n    }\n    .sm\\:mx-5 {\n      margin-inline: 1.25rem;\n    }\n    .sm\\:mx-6 {\n      margin-inline: 1.5rem;\n    }\n    .sm\\:mx-7 {\n      margin-inline: 2rem;\n    }\n    .sm\\:mx-8 {\n      margin-inline: 2.5rem;\n    }\n    .sm\\:mx-9 {\n      margin-inline: 3rem;\n    }\n    .sm\\:mx-auto {\n      margin-inline: auto;\n    }\n    .sm\\:my-0 {\n      margin-block: 0;\n    }\n    .sm\\:my-1 {\n      margin-block: 0.25rem;\n    }\n    .sm\\:my-2 {\n      margin-block: 0.5rem;\n    }\n    .sm\\:my-3 {\n      margin-block: 0.75rem;\n    }\n    .sm\\:my-4 {\n      margin-block: 1rem;\n    }\n    .sm\\:my-5 {\n      margin-block: 1.25rem;\n    }\n    .sm\\:my-6 {\n      margin-block: 1.5rem;\n    }\n    .sm\\:my-7 {\n      margin-block: 2rem;\n    }\n    .sm\\:my-8 {\n      margin-block: 2.5rem;\n    }\n    .sm\\:my-9 {\n      margin-block: 3rem;\n    }\n    .sm\\:my-auto {\n      margin-block: auto;\n    }\n    .sm\\:mt-0 {\n      margin-block-start: 0;\n    }\n    .sm\\:mt-1 {\n      margin-block-start: 0.25rem;\n    }\n    .sm\\:mt-2 {\n      margin-block-start: 0.5rem;\n    }\n    .sm\\:mt-3 {\n      margin-block-start: 0.75rem;\n    }\n    .sm\\:mt-4 {\n      margin-block-start: 1rem;\n    }\n    .sm\\:mt-5 {\n      margin-block-start: 1.25rem;\n    }\n    .sm\\:mt-6 {\n      margin-block-start: 1.5rem;\n    }\n    .sm\\:mt-7 {\n      margin-block-start: 2rem;\n    }\n    .sm\\:mt-8 {\n      margin-block-start: 2.5rem;\n    }\n    .sm\\:mt-9 {\n      margin-block-start: 3rem;\n    }\n    .sm\\:mt-auto {\n      margin-block-start: auto;\n    }\n    .sm\\:me-0 {\n      margin-inline-end: 0;\n    }\n    .sm\\:me-1 {\n      margin-inline-end: 0.25rem;\n    }\n    .sm\\:me-2 {\n      margin-inline-end: 0.5rem;\n    }\n    .sm\\:me-3 {\n      margin-inline-end: 0.75rem;\n    }\n    .sm\\:me-4 {\n      margin-inline-end: 1rem;\n    }\n    .sm\\:me-5 {\n      margin-inline-end: 1.25rem;\n    }\n    .sm\\:me-6 {\n      margin-inline-end: 1.5rem;\n    }\n    .sm\\:me-7 {\n      margin-inline-end: 2rem;\n    }\n    .sm\\:me-8 {\n      margin-inline-end: 2.5rem;\n    }\n    .sm\\:me-9 {\n      margin-inline-end: 3rem;\n    }\n    .sm\\:me-auto {\n      margin-inline-end: auto;\n    }\n    .sm\\:mb-0 {\n      margin-block-end: 0;\n    }\n    .sm\\:mb-1 {\n      margin-block-end: 0.25rem;\n    }\n    .sm\\:mb-2 {\n      margin-block-end: 0.5rem;\n    }\n    .sm\\:mb-3 {\n      margin-block-end: 0.75rem;\n    }\n    .sm\\:mb-4 {\n      margin-block-end: 1rem;\n    }\n    .sm\\:mb-5 {\n      margin-block-end: 1.25rem;\n    }\n    .sm\\:mb-6 {\n      margin-block-end: 1.5rem;\n    }\n    .sm\\:mb-7 {\n      margin-block-end: 2rem;\n    }\n    .sm\\:mb-8 {\n      margin-block-end: 2.5rem;\n    }\n    .sm\\:mb-9 {\n      margin-block-end: 3rem;\n    }\n    .sm\\:mb-auto {\n      margin-block-end: auto;\n    }\n    .sm\\:ms-0 {\n      margin-inline-start: 0;\n    }\n    .sm\\:ms-1 {\n      margin-inline-start: 0.25rem;\n    }\n    .sm\\:ms-2 {\n      margin-inline-start: 0.5rem;\n    }\n    .sm\\:ms-3 {\n      margin-inline-start: 0.75rem;\n    }\n    .sm\\:ms-4 {\n      margin-inline-start: 1rem;\n    }\n    .sm\\:ms-5 {\n      margin-inline-start: 1.25rem;\n    }\n    .sm\\:ms-6 {\n      margin-inline-start: 1.5rem;\n    }\n    .sm\\:ms-7 {\n      margin-inline-start: 2rem;\n    }\n    .sm\\:ms-8 {\n      margin-inline-start: 2.5rem;\n    }\n    .sm\\:ms-9 {\n      margin-inline-start: 3rem;\n    }\n    .sm\\:ms--1 {\n      margin-inline-start: -0.25rem;\n    }\n    .sm\\:ms--2 {\n      margin-inline-start: -0.5rem;\n    }\n    .sm\\:ms-auto {\n      margin-inline-start: auto;\n    }\n    .sm\\:p-0 {\n      padding: 0;\n    }\n    .sm\\:p-1 {\n      padding: 0.25rem;\n    }\n    .sm\\:p-2 {\n      padding: 0.5rem;\n    }\n    .sm\\:p-3 {\n      padding: 0.75rem;\n    }\n    .sm\\:p-4 {\n      padding: 1rem;\n    }\n    .sm\\:p-5 {\n      padding: 1.25rem;\n    }\n    .sm\\:p-6 {\n      padding: 1.5rem;\n    }\n    .sm\\:p-7 {\n      padding: 2rem;\n    }\n    .sm\\:p-8 {\n      padding: 2.5rem;\n    }\n    .sm\\:p-9 {\n      padding: 3rem;\n    }\n    .sm\\:px-0 {\n      padding-inline: 0;\n    }\n    .sm\\:px-1 {\n      padding-inline: 0.25rem;\n    }\n    .sm\\:px-2 {\n      padding-inline: 0.5rem;\n    }\n    .sm\\:px-3 {\n      padding-inline: 0.75rem;\n    }\n    .sm\\:px-4 {\n      padding-inline: 1rem;\n    }\n    .sm\\:px-5 {\n      padding-inline: 1.25rem;\n    }\n    .sm\\:px-6 {\n      padding-inline: 1.5rem;\n    }\n    .sm\\:px-7 {\n      padding-inline: 2rem;\n    }\n    .sm\\:px-8 {\n      padding-inline: 2.5rem;\n    }\n    .sm\\:px-9 {\n      padding-inline: 3rem;\n    }\n    .sm\\:py-0 {\n      padding-block: 0;\n    }\n    .sm\\:py-1 {\n      padding-block: 0.25rem;\n    }\n    .sm\\:py-2 {\n      padding-block: 0.5rem;\n    }\n    .sm\\:py-3 {\n      padding-block: 0.75rem;\n    }\n    .sm\\:py-4 {\n      padding-block: 1rem;\n    }\n    .sm\\:py-5 {\n      padding-block: 1.25rem;\n    }\n    .sm\\:py-6 {\n      padding-block: 1.5rem;\n    }\n    .sm\\:py-7 {\n      padding-block: 2rem;\n    }\n    .sm\\:py-8 {\n      padding-block: 2.5rem;\n    }\n    .sm\\:py-9 {\n      padding-block: 3rem;\n    }\n    .sm\\:pt-0 {\n      padding-block-start: 0;\n    }\n    .sm\\:pt-1 {\n      padding-block-start: 0.25rem;\n    }\n    .sm\\:pt-2 {\n      padding-block-start: 0.5rem;\n    }\n    .sm\\:pt-3 {\n      padding-block-start: 0.75rem;\n    }\n    .sm\\:pt-4 {\n      padding-block-start: 1rem;\n    }\n    .sm\\:pt-5 {\n      padding-block-start: 1.25rem;\n    }\n    .sm\\:pt-6 {\n      padding-block-start: 1.5rem;\n    }\n    .sm\\:pt-7 {\n      padding-block-start: 2rem;\n    }\n    .sm\\:pt-8 {\n      padding-block-start: 2.5rem;\n    }\n    .sm\\:pt-9 {\n      padding-block-start: 3rem;\n    }\n    .sm\\:pe-0 {\n      padding-inline-end: 0;\n    }\n    .sm\\:pe-1 {\n      padding-inline-end: 0.25rem;\n    }\n    .sm\\:pe-2 {\n      padding-inline-end: 0.5rem;\n    }\n    .sm\\:pe-3 {\n      padding-inline-end: 0.75rem;\n    }\n    .sm\\:pe-4 {\n      padding-inline-end: 1rem;\n    }\n    .sm\\:pe-5 {\n      padding-inline-end: 1.25rem;\n    }\n    .sm\\:pe-6 {\n      padding-inline-end: 1.5rem;\n    }\n    .sm\\:pe-7 {\n      padding-inline-end: 2rem;\n    }\n    .sm\\:pe-8 {\n      padding-inline-end: 2.5rem;\n    }\n    .sm\\:pe-9 {\n      padding-inline-end: 3rem;\n    }\n    .sm\\:pb-0 {\n      padding-block-end: 0;\n    }\n    .sm\\:pb-1 {\n      padding-block-end: 0.25rem;\n    }\n    .sm\\:pb-2 {\n      padding-block-end: 0.5rem;\n    }\n    .sm\\:pb-3 {\n      padding-block-end: 0.75rem;\n    }\n    .sm\\:pb-4 {\n      padding-block-end: 1rem;\n    }\n    .sm\\:pb-5 {\n      padding-block-end: 1.25rem;\n    }\n    .sm\\:pb-6 {\n      padding-block-end: 1.5rem;\n    }\n    .sm\\:pb-7 {\n      padding-block-end: 2rem;\n    }\n    .sm\\:pb-8 {\n      padding-block-end: 2.5rem;\n    }\n    .sm\\:pb-9 {\n      padding-block-end: 3rem;\n    }\n    .sm\\:ps-0 {\n      padding-inline-start: 0;\n    }\n    .sm\\:ps-1 {\n      padding-inline-start: 0.25rem;\n    }\n    .sm\\:ps-2 {\n      padding-inline-start: 0.5rem;\n    }\n    .sm\\:ps-3 {\n      padding-inline-start: 0.75rem;\n    }\n    .sm\\:ps-4 {\n      padding-inline-start: 1rem;\n    }\n    .sm\\:ps-5 {\n      padding-inline-start: 1.25rem;\n    }\n    .sm\\:ps-6 {\n      padding-inline-start: 1.5rem;\n    }\n    .sm\\:ps-7 {\n      padding-inline-start: 2rem;\n    }\n    .sm\\:ps-8 {\n      padding-inline-start: 2.5rem;\n    }\n    .sm\\:ps-9 {\n      padding-inline-start: 3rem;\n    }\n    .sm\\:gap-0 {\n      gap: 0;\n    }\n    .sm\\:gap-1 {\n      gap: 0.25rem;\n    }\n    .sm\\:gap-2 {\n      gap: 0.5rem;\n    }\n    .sm\\:gap-3 {\n      gap: 0.75rem;\n    }\n    .sm\\:gap-4 {\n      gap: 1rem;\n    }\n    .sm\\:gap-5 {\n      gap: 1.25rem;\n    }\n    .sm\\:gap-6 {\n      gap: 1.5rem;\n    }\n    .sm\\:gap-7 {\n      gap: 2rem;\n    }\n    .sm\\:gap-8 {\n      gap: 2.5rem;\n    }\n    .sm\\:gap-9 {\n      gap: 3rem;\n    }\n    .sm\\:row-gap-0 {\n      row-gap: 0;\n    }\n    .sm\\:row-gap-1 {\n      row-gap: 0.25rem;\n    }\n    .sm\\:row-gap-2 {\n      row-gap: 0.5rem;\n    }\n    .sm\\:row-gap-3 {\n      row-gap: 0.75rem;\n    }\n    .sm\\:row-gap-4 {\n      row-gap: 1rem;\n    }\n    .sm\\:row-gap-5 {\n      row-gap: 1.25rem;\n    }\n    .sm\\:row-gap-6 {\n      row-gap: 1.5rem;\n    }\n    .sm\\:row-gap-7 {\n      row-gap: 2rem;\n    }\n    .sm\\:row-gap-8 {\n      row-gap: 2.5rem;\n    }\n    .sm\\:row-gap-9 {\n      row-gap: 3rem;\n    }\n    .sm\\:column-gap-0 {\n      column-gap: 0;\n    }\n    .sm\\:column-gap-1 {\n      column-gap: 0.25rem;\n    }\n    .sm\\:column-gap-2 {\n      column-gap: 0.5rem;\n    }\n    .sm\\:column-gap-3 {\n      column-gap: 0.75rem;\n    }\n    .sm\\:column-gap-4 {\n      column-gap: 1rem;\n    }\n    .sm\\:column-gap-5 {\n      column-gap: 1.25rem;\n    }\n    .sm\\:column-gap-6 {\n      column-gap: 1.5rem;\n    }\n    .sm\\:column-gap-7 {\n      column-gap: 2rem;\n    }\n    .sm\\:column-gap-8 {\n      column-gap: 2.5rem;\n    }\n    .sm\\:column-gap-9 {\n      column-gap: 3rem;\n    }\n    :where(.sm\\:space-x-0 > :not(:last-child)) {\n      margin-inline-end: 0;\n    }\n    :where(.sm\\:space-x-1 > :not(:last-child)) {\n      margin-inline-end: 0.25rem;\n    }\n    :where(.sm\\:space-x-2 > :not(:last-child)) {\n      margin-inline-end: 0.5rem;\n    }\n    :where(.sm\\:space-x-3 > :not(:last-child)) {\n      margin-inline-end: 0.75rem;\n    }\n    :where(.sm\\:space-x-4 > :not(:last-child)) {\n      margin-inline-end: 1rem;\n    }\n    :where(.sm\\:space-x-5 > :not(:last-child)) {\n      margin-inline-end: 1.25rem;\n    }\n    :where(.sm\\:space-x-6 > :not(:last-child)) {\n      margin-inline-end: 1.5rem;\n    }\n    :where(.sm\\:space-x-7 > :not(:last-child)) {\n      margin-inline-end: 2rem;\n    }\n    :where(.sm\\:space-x-8 > :not(:last-child)) {\n      margin-inline-end: 2.5rem;\n    }\n    :where(.sm\\:space-x-9 > :not(:last-child)) {\n      margin-inline-end: 3rem;\n    }\n    :where(.sm\\:space-y-0 > :not(:last-child)) {\n      margin-block-end: 0;\n    }\n    :where(.sm\\:space-y-1 > :not(:last-child)) {\n      margin-block-end: 0.25rem;\n    }\n    :where(.sm\\:space-y-2 > :not(:last-child)) {\n      margin-block-end: 0.5rem;\n    }\n    :where(.sm\\:space-y-3 > :not(:last-child)) {\n      margin-block-end: 0.75rem;\n    }\n    :where(.sm\\:space-y-4 > :not(:last-child)) {\n      margin-block-end: 1rem;\n    }\n    :where(.sm\\:space-y-5 > :not(:last-child)) {\n      margin-block-end: 1.25rem;\n    }\n    :where(.sm\\:space-y-6 > :not(:last-child)) {\n      margin-block-end: 1.5rem;\n    }\n    :where(.sm\\:space-y-7 > :not(:last-child)) {\n      margin-block-end: 2rem;\n    }\n    :where(.sm\\:space-y-8 > :not(:last-child)) {\n      margin-block-end: 2.5rem;\n    }\n    :where(.sm\\:space-y-9 > :not(:last-child)) {\n      margin-block-end: 3rem;\n    }\n    :where(.sm\\:divide-x > :not(:first-child)) {\n      border-inline-start: var(--border-width) var(--border-style) var(--border-color);\n    }\n    :where(.sm\\:divide-x-0 > :not(:first-child)) {\n      border-inline-start: 0;\n    }\n    :where(.sm\\:divide-y > :not(:first-child)) {\n      border-block-start: var(--border-width) var(--border-style) var(--border-color);\n    }\n    :where(.sm\\:divide-y-0 > :not(:first-child)) {\n      border-block-start: 0;\n    }\n    .sm\\:text-start {\n      text-align: start;\n    }\n    .sm\\:text-end {\n      text-align: end;\n    }\n    .sm\\:text-center {\n      text-align: center;\n    }\n  }\n  @media (width >= 768px) {\n    .md\\:float-start {\n      float: inline-start;\n    }\n    .md\\:float-end {\n      float: inline-end;\n    }\n    .md\\:float-none {\n      float: none;\n    }\n    .md\\:object-fit-contain {\n      object-fit: contain;\n    }\n    .md\\:object-fit-cover {\n      object-fit: cover;\n    }\n    .md\\:object-fit-fill {\n      object-fit: fill;\n    }\n    .md\\:object-fit-scale {\n      object-fit: scale-down;\n    }\n    .md\\:object-fit-none {\n      object-fit: none;\n    }\n    .md\\:d-inline {\n      display: inline;\n    }\n    .md\\:d-inline-block {\n      display: inline-block;\n    }\n    .md\\:d-block {\n      display: block;\n    }\n    .md\\:d-grid {\n      display: grid;\n    }\n    .md\\:d-inline-grid {\n      display: inline-grid;\n    }\n    .md\\:d-table {\n      display: table;\n    }\n    .md\\:d-table-row {\n      display: table-row;\n    }\n    .md\\:d-table-cell {\n      display: table-cell;\n    }\n    .md\\:d-flex {\n      display: flex;\n    }\n    .md\\:d-inline-flex {\n      display: inline-flex;\n    }\n    .md\\:d-contents {\n      display: contents;\n    }\n    .md\\:d-flow-root {\n      display: flow-root;\n    }\n    .md\\:d-none {\n      display: none;\n    }\n    .md\\:flex-fill {\n      flex: 1 1 auto;\n    }\n    .md\\:flex-row {\n      flex-direction: row;\n    }\n    .md\\:flex-column {\n      flex-direction: column;\n    }\n    .md\\:flex-row-reverse {\n      flex-direction: row-reverse;\n    }\n    .md\\:flex-column-reverse {\n      flex-direction: column-reverse;\n    }\n    .md\\:flex-grow-0 {\n      flex-grow: 0;\n    }\n    .md\\:flex-grow-1 {\n      flex-grow: 1;\n    }\n    .md\\:flex-shrink-0 {\n      flex-shrink: 0;\n    }\n    .md\\:flex-shrink-1 {\n      flex-shrink: 1;\n    }\n    .md\\:flex-wrap {\n      flex-wrap: wrap;\n    }\n    .md\\:flex-nowrap {\n      flex-wrap: nowrap;\n    }\n    .md\\:flex-wrap-reverse {\n      flex-wrap: wrap-reverse;\n    }\n    .md\\:justify-content-start {\n      justify-content: flex-start;\n    }\n    .md\\:justify-content-end {\n      justify-content: flex-end;\n    }\n    .md\\:justify-content-center {\n      justify-content: center;\n    }\n    .md\\:justify-content-between {\n      justify-content: space-between;\n    }\n    .md\\:justify-content-around {\n      justify-content: space-around;\n    }\n    .md\\:justify-content-evenly {\n      justify-content: space-evenly;\n    }\n    .md\\:justify-items-start {\n      justify-items: start;\n    }\n    .md\\:justify-items-end {\n      justify-items: end;\n    }\n    .md\\:justify-items-center {\n      justify-items: center;\n    }\n    .md\\:justify-items-stretch {\n      justify-items: stretch;\n    }\n    .md\\:justify-self-start {\n      justify-self: flex-start;\n    }\n    .md\\:justify-self-end {\n      justify-self: flex-end;\n    }\n    .md\\:justify-self-center {\n      justify-self: center;\n    }\n    .md\\:align-items-start {\n      align-items: flex-start;\n    }\n    .md\\:align-items-end {\n      align-items: flex-end;\n    }\n    .md\\:align-items-center {\n      align-items: center;\n    }\n    .md\\:align-items-baseline {\n      align-items: baseline;\n    }\n    .md\\:align-items-stretch {\n      align-items: stretch;\n    }\n    .md\\:align-content-start {\n      align-content: flex-start;\n    }\n    .md\\:align-content-end {\n      align-content: flex-end;\n    }\n    .md\\:align-content-center {\n      align-content: center;\n    }\n    .md\\:align-content-between {\n      align-content: space-between;\n    }\n    .md\\:align-content-around {\n      align-content: space-around;\n    }\n    .md\\:align-content-stretch {\n      align-content: stretch;\n    }\n    .md\\:align-self-auto {\n      align-self: auto;\n    }\n    .md\\:align-self-start {\n      align-self: flex-start;\n    }\n    .md\\:align-self-end {\n      align-self: flex-end;\n    }\n    .md\\:align-self-center {\n      align-self: center;\n    }\n    .md\\:align-self-baseline {\n      align-self: baseline;\n    }\n    .md\\:align-self-stretch {\n      align-self: stretch;\n    }\n    .md\\:place-items-start {\n      place-items: start;\n    }\n    .md\\:place-items-end {\n      place-items: end;\n    }\n    .md\\:place-items-center {\n      place-items: center;\n    }\n    .md\\:place-items-stretch {\n      place-items: stretch;\n    }\n    .md\\:grid-cols-1 {\n      grid-template-columns: 1fr;\n    }\n    .md\\:grid-cols-2 {\n      grid-template-columns: repeat(2, 1fr);\n    }\n    .md\\:grid-cols-3 {\n      grid-template-columns: repeat(3, 1fr);\n    }\n    .md\\:grid-cols-4 {\n      grid-template-columns: repeat(4, 1fr);\n    }\n    .md\\:grid-cols-6 {\n      grid-template-columns: repeat(6, 1fr);\n    }\n    .md\\:grid-cols-fill {\n      grid-column: 1 / -1;\n    }\n    .md\\:grid-auto-flow-row {\n      grid-auto-flow: row;\n    }\n    .md\\:grid-auto-flow-column {\n      grid-auto-flow: column;\n    }\n    .md\\:grid-auto-flow-dense {\n      grid-auto-flow: dense;\n    }\n    .md\\:order-first {\n      order: -1;\n    }\n    .md\\:order-0 {\n      order: 0;\n    }\n    .md\\:order-1 {\n      order: 1;\n    }\n    .md\\:order-2 {\n      order: 2;\n    }\n    .md\\:order-3 {\n      order: 3;\n    }\n    .md\\:order-4 {\n      order: 4;\n    }\n    .md\\:order-5 {\n      order: 5;\n    }\n    .md\\:order-last {\n      order: 6;\n    }\n    .md\\:m-0 {\n      margin: 0;\n    }\n    .md\\:m-1 {\n      margin: 0.25rem;\n    }\n    .md\\:m-2 {\n      margin: 0.5rem;\n    }\n    .md\\:m-3 {\n      margin: 0.75rem;\n    }\n    .md\\:m-4 {\n      margin: 1rem;\n    }\n    .md\\:m-5 {\n      margin: 1.25rem;\n    }\n    .md\\:m-6 {\n      margin: 1.5rem;\n    }\n    .md\\:m-7 {\n      margin: 2rem;\n    }\n    .md\\:m-8 {\n      margin: 2.5rem;\n    }\n    .md\\:m-9 {\n      margin: 3rem;\n    }\n    .md\\:m-auto {\n      margin: auto;\n    }\n    .md\\:mx-0 {\n      margin-inline: 0;\n    }\n    .md\\:mx-1 {\n      margin-inline: 0.25rem;\n    }\n    .md\\:mx-2 {\n      margin-inline: 0.5rem;\n    }\n    .md\\:mx-3 {\n      margin-inline: 0.75rem;\n    }\n    .md\\:mx-4 {\n      margin-inline: 1rem;\n    }\n    .md\\:mx-5 {\n      margin-inline: 1.25rem;\n    }\n    .md\\:mx-6 {\n      margin-inline: 1.5rem;\n    }\n    .md\\:mx-7 {\n      margin-inline: 2rem;\n    }\n    .md\\:mx-8 {\n      margin-inline: 2.5rem;\n    }\n    .md\\:mx-9 {\n      margin-inline: 3rem;\n    }\n    .md\\:mx-auto {\n      margin-inline: auto;\n    }\n    .md\\:my-0 {\n      margin-block: 0;\n    }\n    .md\\:my-1 {\n      margin-block: 0.25rem;\n    }\n    .md\\:my-2 {\n      margin-block: 0.5rem;\n    }\n    .md\\:my-3 {\n      margin-block: 0.75rem;\n    }\n    .md\\:my-4 {\n      margin-block: 1rem;\n    }\n    .md\\:my-5 {\n      margin-block: 1.25rem;\n    }\n    .md\\:my-6 {\n      margin-block: 1.5rem;\n    }\n    .md\\:my-7 {\n      margin-block: 2rem;\n    }\n    .md\\:my-8 {\n      margin-block: 2.5rem;\n    }\n    .md\\:my-9 {\n      margin-block: 3rem;\n    }\n    .md\\:my-auto {\n      margin-block: auto;\n    }\n    .md\\:mt-0 {\n      margin-block-start: 0;\n    }\n    .md\\:mt-1 {\n      margin-block-start: 0.25rem;\n    }\n    .md\\:mt-2 {\n      margin-block-start: 0.5rem;\n    }\n    .md\\:mt-3 {\n      margin-block-start: 0.75rem;\n    }\n    .md\\:mt-4 {\n      margin-block-start: 1rem;\n    }\n    .md\\:mt-5 {\n      margin-block-start: 1.25rem;\n    }\n    .md\\:mt-6 {\n      margin-block-start: 1.5rem;\n    }\n    .md\\:mt-7 {\n      margin-block-start: 2rem;\n    }\n    .md\\:mt-8 {\n      margin-block-start: 2.5rem;\n    }\n    .md\\:mt-9 {\n      margin-block-start: 3rem;\n    }\n    .md\\:mt-auto {\n      margin-block-start: auto;\n    }\n    .md\\:me-0 {\n      margin-inline-end: 0;\n    }\n    .md\\:me-1 {\n      margin-inline-end: 0.25rem;\n    }\n    .md\\:me-2 {\n      margin-inline-end: 0.5rem;\n    }\n    .md\\:me-3 {\n      margin-inline-end: 0.75rem;\n    }\n    .md\\:me-4 {\n      margin-inline-end: 1rem;\n    }\n    .md\\:me-5 {\n      margin-inline-end: 1.25rem;\n    }\n    .md\\:me-6 {\n      margin-inline-end: 1.5rem;\n    }\n    .md\\:me-7 {\n      margin-inline-end: 2rem;\n    }\n    .md\\:me-8 {\n      margin-inline-end: 2.5rem;\n    }\n    .md\\:me-9 {\n      margin-inline-end: 3rem;\n    }\n    .md\\:me-auto {\n      margin-inline-end: auto;\n    }\n    .md\\:mb-0 {\n      margin-block-end: 0;\n    }\n    .md\\:mb-1 {\n      margin-block-end: 0.25rem;\n    }\n    .md\\:mb-2 {\n      margin-block-end: 0.5rem;\n    }\n    .md\\:mb-3 {\n      margin-block-end: 0.75rem;\n    }\n    .md\\:mb-4 {\n      margin-block-end: 1rem;\n    }\n    .md\\:mb-5 {\n      margin-block-end: 1.25rem;\n    }\n    .md\\:mb-6 {\n      margin-block-end: 1.5rem;\n    }\n    .md\\:mb-7 {\n      margin-block-end: 2rem;\n    }\n    .md\\:mb-8 {\n      margin-block-end: 2.5rem;\n    }\n    .md\\:mb-9 {\n      margin-block-end: 3rem;\n    }\n    .md\\:mb-auto {\n      margin-block-end: auto;\n    }\n    .md\\:ms-0 {\n      margin-inline-start: 0;\n    }\n    .md\\:ms-1 {\n      margin-inline-start: 0.25rem;\n    }\n    .md\\:ms-2 {\n      margin-inline-start: 0.5rem;\n    }\n    .md\\:ms-3 {\n      margin-inline-start: 0.75rem;\n    }\n    .md\\:ms-4 {\n      margin-inline-start: 1rem;\n    }\n    .md\\:ms-5 {\n      margin-inline-start: 1.25rem;\n    }\n    .md\\:ms-6 {\n      margin-inline-start: 1.5rem;\n    }\n    .md\\:ms-7 {\n      margin-inline-start: 2rem;\n    }\n    .md\\:ms-8 {\n      margin-inline-start: 2.5rem;\n    }\n    .md\\:ms-9 {\n      margin-inline-start: 3rem;\n    }\n    .md\\:ms--1 {\n      margin-inline-start: -0.25rem;\n    }\n    .md\\:ms--2 {\n      margin-inline-start: -0.5rem;\n    }\n    .md\\:ms-auto {\n      margin-inline-start: auto;\n    }\n    .md\\:p-0 {\n      padding: 0;\n    }\n    .md\\:p-1 {\n      padding: 0.25rem;\n    }\n    .md\\:p-2 {\n      padding: 0.5rem;\n    }\n    .md\\:p-3 {\n      padding: 0.75rem;\n    }\n    .md\\:p-4 {\n      padding: 1rem;\n    }\n    .md\\:p-5 {\n      padding: 1.25rem;\n    }\n    .md\\:p-6 {\n      padding: 1.5rem;\n    }\n    .md\\:p-7 {\n      padding: 2rem;\n    }\n    .md\\:p-8 {\n      padding: 2.5rem;\n    }\n    .md\\:p-9 {\n      padding: 3rem;\n    }\n    .md\\:px-0 {\n      padding-inline: 0;\n    }\n    .md\\:px-1 {\n      padding-inline: 0.25rem;\n    }\n    .md\\:px-2 {\n      padding-inline: 0.5rem;\n    }\n    .md\\:px-3 {\n      padding-inline: 0.75rem;\n    }\n    .md\\:px-4 {\n      padding-inline: 1rem;\n    }\n    .md\\:px-5 {\n      padding-inline: 1.25rem;\n    }\n    .md\\:px-6 {\n      padding-inline: 1.5rem;\n    }\n    .md\\:px-7 {\n      padding-inline: 2rem;\n    }\n    .md\\:px-8 {\n      padding-inline: 2.5rem;\n    }\n    .md\\:px-9 {\n      padding-inline: 3rem;\n    }\n    .md\\:py-0 {\n      padding-block: 0;\n    }\n    .md\\:py-1 {\n      padding-block: 0.25rem;\n    }\n    .md\\:py-2 {\n      padding-block: 0.5rem;\n    }\n    .md\\:py-3 {\n      padding-block: 0.75rem;\n    }\n    .md\\:py-4 {\n      padding-block: 1rem;\n    }\n    .md\\:py-5 {\n      padding-block: 1.25rem;\n    }\n    .md\\:py-6 {\n      padding-block: 1.5rem;\n    }\n    .md\\:py-7 {\n      padding-block: 2rem;\n    }\n    .md\\:py-8 {\n      padding-block: 2.5rem;\n    }\n    .md\\:py-9 {\n      padding-block: 3rem;\n    }\n    .md\\:pt-0 {\n      padding-block-start: 0;\n    }\n    .md\\:pt-1 {\n      padding-block-start: 0.25rem;\n    }\n    .md\\:pt-2 {\n      padding-block-start: 0.5rem;\n    }\n    .md\\:pt-3 {\n      padding-block-start: 0.75rem;\n    }\n    .md\\:pt-4 {\n      padding-block-start: 1rem;\n    }\n    .md\\:pt-5 {\n      padding-block-start: 1.25rem;\n    }\n    .md\\:pt-6 {\n      padding-block-start: 1.5rem;\n    }\n    .md\\:pt-7 {\n      padding-block-start: 2rem;\n    }\n    .md\\:pt-8 {\n      padding-block-start: 2.5rem;\n    }\n    .md\\:pt-9 {\n      padding-block-start: 3rem;\n    }\n    .md\\:pe-0 {\n      padding-inline-end: 0;\n    }\n    .md\\:pe-1 {\n      padding-inline-end: 0.25rem;\n    }\n    .md\\:pe-2 {\n      padding-inline-end: 0.5rem;\n    }\n    .md\\:pe-3 {\n      padding-inline-end: 0.75rem;\n    }\n    .md\\:pe-4 {\n      padding-inline-end: 1rem;\n    }\n    .md\\:pe-5 {\n      padding-inline-end: 1.25rem;\n    }\n    .md\\:pe-6 {\n      padding-inline-end: 1.5rem;\n    }\n    .md\\:pe-7 {\n      padding-inline-end: 2rem;\n    }\n    .md\\:pe-8 {\n      padding-inline-end: 2.5rem;\n    }\n    .md\\:pe-9 {\n      padding-inline-end: 3rem;\n    }\n    .md\\:pb-0 {\n      padding-block-end: 0;\n    }\n    .md\\:pb-1 {\n      padding-block-end: 0.25rem;\n    }\n    .md\\:pb-2 {\n      padding-block-end: 0.5rem;\n    }\n    .md\\:pb-3 {\n      padding-block-end: 0.75rem;\n    }\n    .md\\:pb-4 {\n      padding-block-end: 1rem;\n    }\n    .md\\:pb-5 {\n      padding-block-end: 1.25rem;\n    }\n    .md\\:pb-6 {\n      padding-block-end: 1.5rem;\n    }\n    .md\\:pb-7 {\n      padding-block-end: 2rem;\n    }\n    .md\\:pb-8 {\n      padding-block-end: 2.5rem;\n    }\n    .md\\:pb-9 {\n      padding-block-end: 3rem;\n    }\n    .md\\:ps-0 {\n      padding-inline-start: 0;\n    }\n    .md\\:ps-1 {\n      padding-inline-start: 0.25rem;\n    }\n    .md\\:ps-2 {\n      padding-inline-start: 0.5rem;\n    }\n    .md\\:ps-3 {\n      padding-inline-start: 0.75rem;\n    }\n    .md\\:ps-4 {\n      padding-inline-start: 1rem;\n    }\n    .md\\:ps-5 {\n      padding-inline-start: 1.25rem;\n    }\n    .md\\:ps-6 {\n      padding-inline-start: 1.5rem;\n    }\n    .md\\:ps-7 {\n      padding-inline-start: 2rem;\n    }\n    .md\\:ps-8 {\n      padding-inline-start: 2.5rem;\n    }\n    .md\\:ps-9 {\n      padding-inline-start: 3rem;\n    }\n    .md\\:gap-0 {\n      gap: 0;\n    }\n    .md\\:gap-1 {\n      gap: 0.25rem;\n    }\n    .md\\:gap-2 {\n      gap: 0.5rem;\n    }\n    .md\\:gap-3 {\n      gap: 0.75rem;\n    }\n    .md\\:gap-4 {\n      gap: 1rem;\n    }\n    .md\\:gap-5 {\n      gap: 1.25rem;\n    }\n    .md\\:gap-6 {\n      gap: 1.5rem;\n    }\n    .md\\:gap-7 {\n      gap: 2rem;\n    }\n    .md\\:gap-8 {\n      gap: 2.5rem;\n    }\n    .md\\:gap-9 {\n      gap: 3rem;\n    }\n    .md\\:row-gap-0 {\n      row-gap: 0;\n    }\n    .md\\:row-gap-1 {\n      row-gap: 0.25rem;\n    }\n    .md\\:row-gap-2 {\n      row-gap: 0.5rem;\n    }\n    .md\\:row-gap-3 {\n      row-gap: 0.75rem;\n    }\n    .md\\:row-gap-4 {\n      row-gap: 1rem;\n    }\n    .md\\:row-gap-5 {\n      row-gap: 1.25rem;\n    }\n    .md\\:row-gap-6 {\n      row-gap: 1.5rem;\n    }\n    .md\\:row-gap-7 {\n      row-gap: 2rem;\n    }\n    .md\\:row-gap-8 {\n      row-gap: 2.5rem;\n    }\n    .md\\:row-gap-9 {\n      row-gap: 3rem;\n    }\n    .md\\:column-gap-0 {\n      column-gap: 0;\n    }\n    .md\\:column-gap-1 {\n      column-gap: 0.25rem;\n    }\n    .md\\:column-gap-2 {\n      column-gap: 0.5rem;\n    }\n    .md\\:column-gap-3 {\n      column-gap: 0.75rem;\n    }\n    .md\\:column-gap-4 {\n      column-gap: 1rem;\n    }\n    .md\\:column-gap-5 {\n      column-gap: 1.25rem;\n    }\n    .md\\:column-gap-6 {\n      column-gap: 1.5rem;\n    }\n    .md\\:column-gap-7 {\n      column-gap: 2rem;\n    }\n    .md\\:column-gap-8 {\n      column-gap: 2.5rem;\n    }\n    .md\\:column-gap-9 {\n      column-gap: 3rem;\n    }\n    :where(.md\\:space-x-0 > :not(:last-child)) {\n      margin-inline-end: 0;\n    }\n    :where(.md\\:space-x-1 > :not(:last-child)) {\n      margin-inline-end: 0.25rem;\n    }\n    :where(.md\\:space-x-2 > :not(:last-child)) {\n      margin-inline-end: 0.5rem;\n    }\n    :where(.md\\:space-x-3 > :not(:last-child)) {\n      margin-inline-end: 0.75rem;\n    }\n    :where(.md\\:space-x-4 > :not(:last-child)) {\n      margin-inline-end: 1rem;\n    }\n    :where(.md\\:space-x-5 > :not(:last-child)) {\n      margin-inline-end: 1.25rem;\n    }\n    :where(.md\\:space-x-6 > :not(:last-child)) {\n      margin-inline-end: 1.5rem;\n    }\n    :where(.md\\:space-x-7 > :not(:last-child)) {\n      margin-inline-end: 2rem;\n    }\n    :where(.md\\:space-x-8 > :not(:last-child)) {\n      margin-inline-end: 2.5rem;\n    }\n    :where(.md\\:space-x-9 > :not(:last-child)) {\n      margin-inline-end: 3rem;\n    }\n    :where(.md\\:space-y-0 > :not(:last-child)) {\n      margin-block-end: 0;\n    }\n    :where(.md\\:space-y-1 > :not(:last-child)) {\n      margin-block-end: 0.25rem;\n    }\n    :where(.md\\:space-y-2 > :not(:last-child)) {\n      margin-block-end: 0.5rem;\n    }\n    :where(.md\\:space-y-3 > :not(:last-child)) {\n      margin-block-end: 0.75rem;\n    }\n    :where(.md\\:space-y-4 > :not(:last-child)) {\n      margin-block-end: 1rem;\n    }\n    :where(.md\\:space-y-5 > :not(:last-child)) {\n      margin-block-end: 1.25rem;\n    }\n    :where(.md\\:space-y-6 > :not(:last-child)) {\n      margin-block-end: 1.5rem;\n    }\n    :where(.md\\:space-y-7 > :not(:last-child)) {\n      margin-block-end: 2rem;\n    }\n    :where(.md\\:space-y-8 > :not(:last-child)) {\n      margin-block-end: 2.5rem;\n    }\n    :where(.md\\:space-y-9 > :not(:last-child)) {\n      margin-block-end: 3rem;\n    }\n    :where(.md\\:divide-x > :not(:first-child)) {\n      border-inline-start: var(--border-width) var(--border-style) var(--border-color);\n    }\n    :where(.md\\:divide-x-0 > :not(:first-child)) {\n      border-inline-start: 0;\n    }\n    :where(.md\\:divide-y > :not(:first-child)) {\n      border-block-start: var(--border-width) var(--border-style) var(--border-color);\n    }\n    :where(.md\\:divide-y-0 > :not(:first-child)) {\n      border-block-start: 0;\n    }\n    .md\\:text-start {\n      text-align: start;\n    }\n    .md\\:text-end {\n      text-align: end;\n    }\n    .md\\:text-center {\n      text-align: center;\n    }\n  }\n  @media (width >= 1024px) {\n    .lg\\:float-start {\n      float: inline-start;\n    }\n    .lg\\:float-end {\n      float: inline-end;\n    }\n    .lg\\:float-none {\n      float: none;\n    }\n    .lg\\:object-fit-contain {\n      object-fit: contain;\n    }\n    .lg\\:object-fit-cover {\n      object-fit: cover;\n    }\n    .lg\\:object-fit-fill {\n      object-fit: fill;\n    }\n    .lg\\:object-fit-scale {\n      object-fit: scale-down;\n    }\n    .lg\\:object-fit-none {\n      object-fit: none;\n    }\n    .lg\\:d-inline {\n      display: inline;\n    }\n    .lg\\:d-inline-block {\n      display: inline-block;\n    }\n    .lg\\:d-block {\n      display: block;\n    }\n    .lg\\:d-grid {\n      display: grid;\n    }\n    .lg\\:d-inline-grid {\n      display: inline-grid;\n    }\n    .lg\\:d-table {\n      display: table;\n    }\n    .lg\\:d-table-row {\n      display: table-row;\n    }\n    .lg\\:d-table-cell {\n      display: table-cell;\n    }\n    .lg\\:d-flex {\n      display: flex;\n    }\n    .lg\\:d-inline-flex {\n      display: inline-flex;\n    }\n    .lg\\:d-contents {\n      display: contents;\n    }\n    .lg\\:d-flow-root {\n      display: flow-root;\n    }\n    .lg\\:d-none {\n      display: none;\n    }\n    .lg\\:flex-fill {\n      flex: 1 1 auto;\n    }\n    .lg\\:flex-row {\n      flex-direction: row;\n    }\n    .lg\\:flex-column {\n      flex-direction: column;\n    }\n    .lg\\:flex-row-reverse {\n      flex-direction: row-reverse;\n    }\n    .lg\\:flex-column-reverse {\n      flex-direction: column-reverse;\n    }\n    .lg\\:flex-grow-0 {\n      flex-grow: 0;\n    }\n    .lg\\:flex-grow-1 {\n      flex-grow: 1;\n    }\n    .lg\\:flex-shrink-0 {\n      flex-shrink: 0;\n    }\n    .lg\\:flex-shrink-1 {\n      flex-shrink: 1;\n    }\n    .lg\\:flex-wrap {\n      flex-wrap: wrap;\n    }\n    .lg\\:flex-nowrap {\n      flex-wrap: nowrap;\n    }\n    .lg\\:flex-wrap-reverse {\n      flex-wrap: wrap-reverse;\n    }\n    .lg\\:justify-content-start {\n      justify-content: flex-start;\n    }\n    .lg\\:justify-content-end {\n      justify-content: flex-end;\n    }\n    .lg\\:justify-content-center {\n      justify-content: center;\n    }\n    .lg\\:justify-content-between {\n      justify-content: space-between;\n    }\n    .lg\\:justify-content-around {\n      justify-content: space-around;\n    }\n    .lg\\:justify-content-evenly {\n      justify-content: space-evenly;\n    }\n    .lg\\:justify-items-start {\n      justify-items: start;\n    }\n    .lg\\:justify-items-end {\n      justify-items: end;\n    }\n    .lg\\:justify-items-center {\n      justify-items: center;\n    }\n    .lg\\:justify-items-stretch {\n      justify-items: stretch;\n    }\n    .lg\\:justify-self-start {\n      justify-self: flex-start;\n    }\n    .lg\\:justify-self-end {\n      justify-self: flex-end;\n    }\n    .lg\\:justify-self-center {\n      justify-self: center;\n    }\n    .lg\\:align-items-start {\n      align-items: flex-start;\n    }\n    .lg\\:align-items-end {\n      align-items: flex-end;\n    }\n    .lg\\:align-items-center {\n      align-items: center;\n    }\n    .lg\\:align-items-baseline {\n      align-items: baseline;\n    }\n    .lg\\:align-items-stretch {\n      align-items: stretch;\n    }\n    .lg\\:align-content-start {\n      align-content: flex-start;\n    }\n    .lg\\:align-content-end {\n      align-content: flex-end;\n    }\n    .lg\\:align-content-center {\n      align-content: center;\n    }\n    .lg\\:align-content-between {\n      align-content: space-between;\n    }\n    .lg\\:align-content-around {\n      align-content: space-around;\n    }\n    .lg\\:align-content-stretch {\n      align-content: stretch;\n    }\n    .lg\\:align-self-auto {\n      align-self: auto;\n    }\n    .lg\\:align-self-start {\n      align-self: flex-start;\n    }\n    .lg\\:align-self-end {\n      align-self: flex-end;\n    }\n    .lg\\:align-self-center {\n      align-self: center;\n    }\n    .lg\\:align-self-baseline {\n      align-self: baseline;\n    }\n    .lg\\:align-self-stretch {\n      align-self: stretch;\n    }\n    .lg\\:place-items-start {\n      place-items: start;\n    }\n    .lg\\:place-items-end {\n      place-items: end;\n    }\n    .lg\\:place-items-center {\n      place-items: center;\n    }\n    .lg\\:place-items-stretch {\n      place-items: stretch;\n    }\n    .lg\\:grid-cols-1 {\n      grid-template-columns: 1fr;\n    }\n    .lg\\:grid-cols-2 {\n      grid-template-columns: repeat(2, 1fr);\n    }\n    .lg\\:grid-cols-3 {\n      grid-template-columns: repeat(3, 1fr);\n    }\n    .lg\\:grid-cols-4 {\n      grid-template-columns: repeat(4, 1fr);\n    }\n    .lg\\:grid-cols-6 {\n      grid-template-columns: repeat(6, 1fr);\n    }\n    .lg\\:grid-cols-fill {\n      grid-column: 1 / -1;\n    }\n    .lg\\:grid-auto-flow-row {\n      grid-auto-flow: row;\n    }\n    .lg\\:grid-auto-flow-column {\n      grid-auto-flow: column;\n    }\n    .lg\\:grid-auto-flow-dense {\n      grid-auto-flow: dense;\n    }\n    .lg\\:order-first {\n      order: -1;\n    }\n    .lg\\:order-0 {\n      order: 0;\n    }\n    .lg\\:order-1 {\n      order: 1;\n    }\n    .lg\\:order-2 {\n      order: 2;\n    }\n    .lg\\:order-3 {\n      order: 3;\n    }\n    .lg\\:order-4 {\n      order: 4;\n    }\n    .lg\\:order-5 {\n      order: 5;\n    }\n    .lg\\:order-last {\n      order: 6;\n    }\n    .lg\\:m-0 {\n      margin: 0;\n    }\n    .lg\\:m-1 {\n      margin: 0.25rem;\n    }\n    .lg\\:m-2 {\n      margin: 0.5rem;\n    }\n    .lg\\:m-3 {\n      margin: 0.75rem;\n    }\n    .lg\\:m-4 {\n      margin: 1rem;\n    }\n    .lg\\:m-5 {\n      margin: 1.25rem;\n    }\n    .lg\\:m-6 {\n      margin: 1.5rem;\n    }\n    .lg\\:m-7 {\n      margin: 2rem;\n    }\n    .lg\\:m-8 {\n      margin: 2.5rem;\n    }\n    .lg\\:m-9 {\n      margin: 3rem;\n    }\n    .lg\\:m-auto {\n      margin: auto;\n    }\n    .lg\\:mx-0 {\n      margin-inline: 0;\n    }\n    .lg\\:mx-1 {\n      margin-inline: 0.25rem;\n    }\n    .lg\\:mx-2 {\n      margin-inline: 0.5rem;\n    }\n    .lg\\:mx-3 {\n      margin-inline: 0.75rem;\n    }\n    .lg\\:mx-4 {\n      margin-inline: 1rem;\n    }\n    .lg\\:mx-5 {\n      margin-inline: 1.25rem;\n    }\n    .lg\\:mx-6 {\n      margin-inline: 1.5rem;\n    }\n    .lg\\:mx-7 {\n      margin-inline: 2rem;\n    }\n    .lg\\:mx-8 {\n      margin-inline: 2.5rem;\n    }\n    .lg\\:mx-9 {\n      margin-inline: 3rem;\n    }\n    .lg\\:mx-auto {\n      margin-inline: auto;\n    }\n    .lg\\:my-0 {\n      margin-block: 0;\n    }\n    .lg\\:my-1 {\n      margin-block: 0.25rem;\n    }\n    .lg\\:my-2 {\n      margin-block: 0.5rem;\n    }\n    .lg\\:my-3 {\n      margin-block: 0.75rem;\n    }\n    .lg\\:my-4 {\n      margin-block: 1rem;\n    }\n    .lg\\:my-5 {\n      margin-block: 1.25rem;\n    }\n    .lg\\:my-6 {\n      margin-block: 1.5rem;\n    }\n    .lg\\:my-7 {\n      margin-block: 2rem;\n    }\n    .lg\\:my-8 {\n      margin-block: 2.5rem;\n    }\n    .lg\\:my-9 {\n      margin-block: 3rem;\n    }\n    .lg\\:my-auto {\n      margin-block: auto;\n    }\n    .lg\\:mt-0 {\n      margin-block-start: 0;\n    }\n    .lg\\:mt-1 {\n      margin-block-start: 0.25rem;\n    }\n    .lg\\:mt-2 {\n      margin-block-start: 0.5rem;\n    }\n    .lg\\:mt-3 {\n      margin-block-start: 0.75rem;\n    }\n    .lg\\:mt-4 {\n      margin-block-start: 1rem;\n    }\n    .lg\\:mt-5 {\n      margin-block-start: 1.25rem;\n    }\n    .lg\\:mt-6 {\n      margin-block-start: 1.5rem;\n    }\n    .lg\\:mt-7 {\n      margin-block-start: 2rem;\n    }\n    .lg\\:mt-8 {\n      margin-block-start: 2.5rem;\n    }\n    .lg\\:mt-9 {\n      margin-block-start: 3rem;\n    }\n    .lg\\:mt-auto {\n      margin-block-start: auto;\n    }\n    .lg\\:me-0 {\n      margin-inline-end: 0;\n    }\n    .lg\\:me-1 {\n      margin-inline-end: 0.25rem;\n    }\n    .lg\\:me-2 {\n      margin-inline-end: 0.5rem;\n    }\n    .lg\\:me-3 {\n      margin-inline-end: 0.75rem;\n    }\n    .lg\\:me-4 {\n      margin-inline-end: 1rem;\n    }\n    .lg\\:me-5 {\n      margin-inline-end: 1.25rem;\n    }\n    .lg\\:me-6 {\n      margin-inline-end: 1.5rem;\n    }\n    .lg\\:me-7 {\n      margin-inline-end: 2rem;\n    }\n    .lg\\:me-8 {\n      margin-inline-end: 2.5rem;\n    }\n    .lg\\:me-9 {\n      margin-inline-end: 3rem;\n    }\n    .lg\\:me-auto {\n      margin-inline-end: auto;\n    }\n    .lg\\:mb-0 {\n      margin-block-end: 0;\n    }\n    .lg\\:mb-1 {\n      margin-block-end: 0.25rem;\n    }\n    .lg\\:mb-2 {\n      margin-block-end: 0.5rem;\n    }\n    .lg\\:mb-3 {\n      margin-block-end: 0.75rem;\n    }\n    .lg\\:mb-4 {\n      margin-block-end: 1rem;\n    }\n    .lg\\:mb-5 {\n      margin-block-end: 1.25rem;\n    }\n    .lg\\:mb-6 {\n      margin-block-end: 1.5rem;\n    }\n    .lg\\:mb-7 {\n      margin-block-end: 2rem;\n    }\n    .lg\\:mb-8 {\n      margin-block-end: 2.5rem;\n    }\n    .lg\\:mb-9 {\n      margin-block-end: 3rem;\n    }\n    .lg\\:mb-auto {\n      margin-block-end: auto;\n    }\n    .lg\\:ms-0 {\n      margin-inline-start: 0;\n    }\n    .lg\\:ms-1 {\n      margin-inline-start: 0.25rem;\n    }\n    .lg\\:ms-2 {\n      margin-inline-start: 0.5rem;\n    }\n    .lg\\:ms-3 {\n      margin-inline-start: 0.75rem;\n    }\n    .lg\\:ms-4 {\n      margin-inline-start: 1rem;\n    }\n    .lg\\:ms-5 {\n      margin-inline-start: 1.25rem;\n    }\n    .lg\\:ms-6 {\n      margin-inline-start: 1.5rem;\n    }\n    .lg\\:ms-7 {\n      margin-inline-start: 2rem;\n    }\n    .lg\\:ms-8 {\n      margin-inline-start: 2.5rem;\n    }\n    .lg\\:ms-9 {\n      margin-inline-start: 3rem;\n    }\n    .lg\\:ms--1 {\n      margin-inline-start: -0.25rem;\n    }\n    .lg\\:ms--2 {\n      margin-inline-start: -0.5rem;\n    }\n    .lg\\:ms-auto {\n      margin-inline-start: auto;\n    }\n    .lg\\:p-0 {\n      padding: 0;\n    }\n    .lg\\:p-1 {\n      padding: 0.25rem;\n    }\n    .lg\\:p-2 {\n      padding: 0.5rem;\n    }\n    .lg\\:p-3 {\n      padding: 0.75rem;\n    }\n    .lg\\:p-4 {\n      padding: 1rem;\n    }\n    .lg\\:p-5 {\n      padding: 1.25rem;\n    }\n    .lg\\:p-6 {\n      padding: 1.5rem;\n    }\n    .lg\\:p-7 {\n      padding: 2rem;\n    }\n    .lg\\:p-8 {\n      padding: 2.5rem;\n    }\n    .lg\\:p-9 {\n      padding: 3rem;\n    }\n    .lg\\:px-0 {\n      padding-inline: 0;\n    }\n    .lg\\:px-1 {\n      padding-inline: 0.25rem;\n    }\n    .lg\\:px-2 {\n      padding-inline: 0.5rem;\n    }\n    .lg\\:px-3 {\n      padding-inline: 0.75rem;\n    }\n    .lg\\:px-4 {\n      padding-inline: 1rem;\n    }\n    .lg\\:px-5 {\n      padding-inline: 1.25rem;\n    }\n    .lg\\:px-6 {\n      padding-inline: 1.5rem;\n    }\n    .lg\\:px-7 {\n      padding-inline: 2rem;\n    }\n    .lg\\:px-8 {\n      padding-inline: 2.5rem;\n    }\n    .lg\\:px-9 {\n      padding-inline: 3rem;\n    }\n    .lg\\:py-0 {\n      padding-block: 0;\n    }\n    .lg\\:py-1 {\n      padding-block: 0.25rem;\n    }\n    .lg\\:py-2 {\n      padding-block: 0.5rem;\n    }\n    .lg\\:py-3 {\n      padding-block: 0.75rem;\n    }\n    .lg\\:py-4 {\n      padding-block: 1rem;\n    }\n    .lg\\:py-5 {\n      padding-block: 1.25rem;\n    }\n    .lg\\:py-6 {\n      padding-block: 1.5rem;\n    }\n    .lg\\:py-7 {\n      padding-block: 2rem;\n    }\n    .lg\\:py-8 {\n      padding-block: 2.5rem;\n    }\n    .lg\\:py-9 {\n      padding-block: 3rem;\n    }\n    .lg\\:pt-0 {\n      padding-block-start: 0;\n    }\n    .lg\\:pt-1 {\n      padding-block-start: 0.25rem;\n    }\n    .lg\\:pt-2 {\n      padding-block-start: 0.5rem;\n    }\n    .lg\\:pt-3 {\n      padding-block-start: 0.75rem;\n    }\n    .lg\\:pt-4 {\n      padding-block-start: 1rem;\n    }\n    .lg\\:pt-5 {\n      padding-block-start: 1.25rem;\n    }\n    .lg\\:pt-6 {\n      padding-block-start: 1.5rem;\n    }\n    .lg\\:pt-7 {\n      padding-block-start: 2rem;\n    }\n    .lg\\:pt-8 {\n      padding-block-start: 2.5rem;\n    }\n    .lg\\:pt-9 {\n      padding-block-start: 3rem;\n    }\n    .lg\\:pe-0 {\n      padding-inline-end: 0;\n    }\n    .lg\\:pe-1 {\n      padding-inline-end: 0.25rem;\n    }\n    .lg\\:pe-2 {\n      padding-inline-end: 0.5rem;\n    }\n    .lg\\:pe-3 {\n      padding-inline-end: 0.75rem;\n    }\n    .lg\\:pe-4 {\n      padding-inline-end: 1rem;\n    }\n    .lg\\:pe-5 {\n      padding-inline-end: 1.25rem;\n    }\n    .lg\\:pe-6 {\n      padding-inline-end: 1.5rem;\n    }\n    .lg\\:pe-7 {\n      padding-inline-end: 2rem;\n    }\n    .lg\\:pe-8 {\n      padding-inline-end: 2.5rem;\n    }\n    .lg\\:pe-9 {\n      padding-inline-end: 3rem;\n    }\n    .lg\\:pb-0 {\n      padding-block-end: 0;\n    }\n    .lg\\:pb-1 {\n      padding-block-end: 0.25rem;\n    }\n    .lg\\:pb-2 {\n      padding-block-end: 0.5rem;\n    }\n    .lg\\:pb-3 {\n      padding-block-end: 0.75rem;\n    }\n    .lg\\:pb-4 {\n      padding-block-end: 1rem;\n    }\n    .lg\\:pb-5 {\n      padding-block-end: 1.25rem;\n    }\n    .lg\\:pb-6 {\n      padding-block-end: 1.5rem;\n    }\n    .lg\\:pb-7 {\n      padding-block-end: 2rem;\n    }\n    .lg\\:pb-8 {\n      padding-block-end: 2.5rem;\n    }\n    .lg\\:pb-9 {\n      padding-block-end: 3rem;\n    }\n    .lg\\:ps-0 {\n      padding-inline-start: 0;\n    }\n    .lg\\:ps-1 {\n      padding-inline-start: 0.25rem;\n    }\n    .lg\\:ps-2 {\n      padding-inline-start: 0.5rem;\n    }\n    .lg\\:ps-3 {\n      padding-inline-start: 0.75rem;\n    }\n    .lg\\:ps-4 {\n      padding-inline-start: 1rem;\n    }\n    .lg\\:ps-5 {\n      padding-inline-start: 1.25rem;\n    }\n    .lg\\:ps-6 {\n      padding-inline-start: 1.5rem;\n    }\n    .lg\\:ps-7 {\n      padding-inline-start: 2rem;\n    }\n    .lg\\:ps-8 {\n      padding-inline-start: 2.5rem;\n    }\n    .lg\\:ps-9 {\n      padding-inline-start: 3rem;\n    }\n    .lg\\:gap-0 {\n      gap: 0;\n    }\n    .lg\\:gap-1 {\n      gap: 0.25rem;\n    }\n    .lg\\:gap-2 {\n      gap: 0.5rem;\n    }\n    .lg\\:gap-3 {\n      gap: 0.75rem;\n    }\n    .lg\\:gap-4 {\n      gap: 1rem;\n    }\n    .lg\\:gap-5 {\n      gap: 1.25rem;\n    }\n    .lg\\:gap-6 {\n      gap: 1.5rem;\n    }\n    .lg\\:gap-7 {\n      gap: 2rem;\n    }\n    .lg\\:gap-8 {\n      gap: 2.5rem;\n    }\n    .lg\\:gap-9 {\n      gap: 3rem;\n    }\n    .lg\\:row-gap-0 {\n      row-gap: 0;\n    }\n    .lg\\:row-gap-1 {\n      row-gap: 0.25rem;\n    }\n    .lg\\:row-gap-2 {\n      row-gap: 0.5rem;\n    }\n    .lg\\:row-gap-3 {\n      row-gap: 0.75rem;\n    }\n    .lg\\:row-gap-4 {\n      row-gap: 1rem;\n    }\n    .lg\\:row-gap-5 {\n      row-gap: 1.25rem;\n    }\n    .lg\\:row-gap-6 {\n      row-gap: 1.5rem;\n    }\n    .lg\\:row-gap-7 {\n      row-gap: 2rem;\n    }\n    .lg\\:row-gap-8 {\n      row-gap: 2.5rem;\n    }\n    .lg\\:row-gap-9 {\n      row-gap: 3rem;\n    }\n    .lg\\:column-gap-0 {\n      column-gap: 0;\n    }\n    .lg\\:column-gap-1 {\n      column-gap: 0.25rem;\n    }\n    .lg\\:column-gap-2 {\n      column-gap: 0.5rem;\n    }\n    .lg\\:column-gap-3 {\n      column-gap: 0.75rem;\n    }\n    .lg\\:column-gap-4 {\n      column-gap: 1rem;\n    }\n    .lg\\:column-gap-5 {\n      column-gap: 1.25rem;\n    }\n    .lg\\:column-gap-6 {\n      column-gap: 1.5rem;\n    }\n    .lg\\:column-gap-7 {\n      column-gap: 2rem;\n    }\n    .lg\\:column-gap-8 {\n      column-gap: 2.5rem;\n    }\n    .lg\\:column-gap-9 {\n      column-gap: 3rem;\n    }\n    :where(.lg\\:space-x-0 > :not(:last-child)) {\n      margin-inline-end: 0;\n    }\n    :where(.lg\\:space-x-1 > :not(:last-child)) {\n      margin-inline-end: 0.25rem;\n    }\n    :where(.lg\\:space-x-2 > :not(:last-child)) {\n      margin-inline-end: 0.5rem;\n    }\n    :where(.lg\\:space-x-3 > :not(:last-child)) {\n      margin-inline-end: 0.75rem;\n    }\n    :where(.lg\\:space-x-4 > :not(:last-child)) {\n      margin-inline-end: 1rem;\n    }\n    :where(.lg\\:space-x-5 > :not(:last-child)) {\n      margin-inline-end: 1.25rem;\n    }\n    :where(.lg\\:space-x-6 > :not(:last-child)) {\n      margin-inline-end: 1.5rem;\n    }\n    :where(.lg\\:space-x-7 > :not(:last-child)) {\n      margin-inline-end: 2rem;\n    }\n    :where(.lg\\:space-x-8 > :not(:last-child)) {\n      margin-inline-end: 2.5rem;\n    }\n    :where(.lg\\:space-x-9 > :not(:last-child)) {\n      margin-inline-end: 3rem;\n    }\n    :where(.lg\\:space-y-0 > :not(:last-child)) {\n      margin-block-end: 0;\n    }\n    :where(.lg\\:space-y-1 > :not(:last-child)) {\n      margin-block-end: 0.25rem;\n    }\n    :where(.lg\\:space-y-2 > :not(:last-child)) {\n      margin-block-end: 0.5rem;\n    }\n    :where(.lg\\:space-y-3 > :not(:last-child)) {\n      margin-block-end: 0.75rem;\n    }\n    :where(.lg\\:space-y-4 > :not(:last-child)) {\n      margin-block-end: 1rem;\n    }\n    :where(.lg\\:space-y-5 > :not(:last-child)) {\n      margin-block-end: 1.25rem;\n    }\n    :where(.lg\\:space-y-6 > :not(:last-child)) {\n      margin-block-end: 1.5rem;\n    }\n    :where(.lg\\:space-y-7 > :not(:last-child)) {\n      margin-block-end: 2rem;\n    }\n    :where(.lg\\:space-y-8 > :not(:last-child)) {\n      margin-block-end: 2.5rem;\n    }\n    :where(.lg\\:space-y-9 > :not(:last-child)) {\n      margin-block-end: 3rem;\n    }\n    :where(.lg\\:divide-x > :not(:first-child)) {\n      border-inline-start: var(--border-width) var(--border-style) var(--border-color);\n    }\n    :where(.lg\\:divide-x-0 > :not(:first-child)) {\n      border-inline-start: 0;\n    }\n    :where(.lg\\:divide-y > :not(:first-child)) {\n      border-block-start: var(--border-width) var(--border-style) var(--border-color);\n    }\n    :where(.lg\\:divide-y-0 > :not(:first-child)) {\n      border-block-start: 0;\n    }\n    .lg\\:text-start {\n      text-align: start;\n    }\n    .lg\\:text-end {\n      text-align: end;\n    }\n    .lg\\:text-center {\n      text-align: center;\n    }\n  }\n  @media (width >= 1280px) {\n    .xl\\:float-start {\n      float: inline-start;\n    }\n    .xl\\:float-end {\n      float: inline-end;\n    }\n    .xl\\:float-none {\n      float: none;\n    }\n    .xl\\:object-fit-contain {\n      object-fit: contain;\n    }\n    .xl\\:object-fit-cover {\n      object-fit: cover;\n    }\n    .xl\\:object-fit-fill {\n      object-fit: fill;\n    }\n    .xl\\:object-fit-scale {\n      object-fit: scale-down;\n    }\n    .xl\\:object-fit-none {\n      object-fit: none;\n    }\n    .xl\\:d-inline {\n      display: inline;\n    }\n    .xl\\:d-inline-block {\n      display: inline-block;\n    }\n    .xl\\:d-block {\n      display: block;\n    }\n    .xl\\:d-grid {\n      display: grid;\n    }\n    .xl\\:d-inline-grid {\n      display: inline-grid;\n    }\n    .xl\\:d-table {\n      display: table;\n    }\n    .xl\\:d-table-row {\n      display: table-row;\n    }\n    .xl\\:d-table-cell {\n      display: table-cell;\n    }\n    .xl\\:d-flex {\n      display: flex;\n    }\n    .xl\\:d-inline-flex {\n      display: inline-flex;\n    }\n    .xl\\:d-contents {\n      display: contents;\n    }\n    .xl\\:d-flow-root {\n      display: flow-root;\n    }\n    .xl\\:d-none {\n      display: none;\n    }\n    .xl\\:flex-fill {\n      flex: 1 1 auto;\n    }\n    .xl\\:flex-row {\n      flex-direction: row;\n    }\n    .xl\\:flex-column {\n      flex-direction: column;\n    }\n    .xl\\:flex-row-reverse {\n      flex-direction: row-reverse;\n    }\n    .xl\\:flex-column-reverse {\n      flex-direction: column-reverse;\n    }\n    .xl\\:flex-grow-0 {\n      flex-grow: 0;\n    }\n    .xl\\:flex-grow-1 {\n      flex-grow: 1;\n    }\n    .xl\\:flex-shrink-0 {\n      flex-shrink: 0;\n    }\n    .xl\\:flex-shrink-1 {\n      flex-shrink: 1;\n    }\n    .xl\\:flex-wrap {\n      flex-wrap: wrap;\n    }\n    .xl\\:flex-nowrap {\n      flex-wrap: nowrap;\n    }\n    .xl\\:flex-wrap-reverse {\n      flex-wrap: wrap-reverse;\n    }\n    .xl\\:justify-content-start {\n      justify-content: flex-start;\n    }\n    .xl\\:justify-content-end {\n      justify-content: flex-end;\n    }\n    .xl\\:justify-content-center {\n      justify-content: center;\n    }\n    .xl\\:justify-content-between {\n      justify-content: space-between;\n    }\n    .xl\\:justify-content-around {\n      justify-content: space-around;\n    }\n    .xl\\:justify-content-evenly {\n      justify-content: space-evenly;\n    }\n    .xl\\:justify-items-start {\n      justify-items: start;\n    }\n    .xl\\:justify-items-end {\n      justify-items: end;\n    }\n    .xl\\:justify-items-center {\n      justify-items: center;\n    }\n    .xl\\:justify-items-stretch {\n      justify-items: stretch;\n    }\n    .xl\\:justify-self-start {\n      justify-self: flex-start;\n    }\n    .xl\\:justify-self-end {\n      justify-self: flex-end;\n    }\n    .xl\\:justify-self-center {\n      justify-self: center;\n    }\n    .xl\\:align-items-start {\n      align-items: flex-start;\n    }\n    .xl\\:align-items-end {\n      align-items: flex-end;\n    }\n    .xl\\:align-items-center {\n      align-items: center;\n    }\n    .xl\\:align-items-baseline {\n      align-items: baseline;\n    }\n    .xl\\:align-items-stretch {\n      align-items: stretch;\n    }\n    .xl\\:align-content-start {\n      align-content: flex-start;\n    }\n    .xl\\:align-content-end {\n      align-content: flex-end;\n    }\n    .xl\\:align-content-center {\n      align-content: center;\n    }\n    .xl\\:align-content-between {\n      align-content: space-between;\n    }\n    .xl\\:align-content-around {\n      align-content: space-around;\n    }\n    .xl\\:align-content-stretch {\n      align-content: stretch;\n    }\n    .xl\\:align-self-auto {\n      align-self: auto;\n    }\n    .xl\\:align-self-start {\n      align-self: flex-start;\n    }\n    .xl\\:align-self-end {\n      align-self: flex-end;\n    }\n    .xl\\:align-self-center {\n      align-self: center;\n    }\n    .xl\\:align-self-baseline {\n      align-self: baseline;\n    }\n    .xl\\:align-self-stretch {\n      align-self: stretch;\n    }\n    .xl\\:place-items-start {\n      place-items: start;\n    }\n    .xl\\:place-items-end {\n      place-items: end;\n    }\n    .xl\\:place-items-center {\n      place-items: center;\n    }\n    .xl\\:place-items-stretch {\n      place-items: stretch;\n    }\n    .xl\\:grid-cols-1 {\n      grid-template-columns: 1fr;\n    }\n    .xl\\:grid-cols-2 {\n      grid-template-columns: repeat(2, 1fr);\n    }\n    .xl\\:grid-cols-3 {\n      grid-template-columns: repeat(3, 1fr);\n    }\n    .xl\\:grid-cols-4 {\n      grid-template-columns: repeat(4, 1fr);\n    }\n    .xl\\:grid-cols-6 {\n      grid-template-columns: repeat(6, 1fr);\n    }\n    .xl\\:grid-cols-fill {\n      grid-column: 1 / -1;\n    }\n    .xl\\:grid-auto-flow-row {\n      grid-auto-flow: row;\n    }\n    .xl\\:grid-auto-flow-column {\n      grid-auto-flow: column;\n    }\n    .xl\\:grid-auto-flow-dense {\n      grid-auto-flow: dense;\n    }\n    .xl\\:order-first {\n      order: -1;\n    }\n    .xl\\:order-0 {\n      order: 0;\n    }\n    .xl\\:order-1 {\n      order: 1;\n    }\n    .xl\\:order-2 {\n      order: 2;\n    }\n    .xl\\:order-3 {\n      order: 3;\n    }\n    .xl\\:order-4 {\n      order: 4;\n    }\n    .xl\\:order-5 {\n      order: 5;\n    }\n    .xl\\:order-last {\n      order: 6;\n    }\n    .xl\\:m-0 {\n      margin: 0;\n    }\n    .xl\\:m-1 {\n      margin: 0.25rem;\n    }\n    .xl\\:m-2 {\n      margin: 0.5rem;\n    }\n    .xl\\:m-3 {\n      margin: 0.75rem;\n    }\n    .xl\\:m-4 {\n      margin: 1rem;\n    }\n    .xl\\:m-5 {\n      margin: 1.25rem;\n    }\n    .xl\\:m-6 {\n      margin: 1.5rem;\n    }\n    .xl\\:m-7 {\n      margin: 2rem;\n    }\n    .xl\\:m-8 {\n      margin: 2.5rem;\n    }\n    .xl\\:m-9 {\n      margin: 3rem;\n    }\n    .xl\\:m-auto {\n      margin: auto;\n    }\n    .xl\\:mx-0 {\n      margin-inline: 0;\n    }\n    .xl\\:mx-1 {\n      margin-inline: 0.25rem;\n    }\n    .xl\\:mx-2 {\n      margin-inline: 0.5rem;\n    }\n    .xl\\:mx-3 {\n      margin-inline: 0.75rem;\n    }\n    .xl\\:mx-4 {\n      margin-inline: 1rem;\n    }\n    .xl\\:mx-5 {\n      margin-inline: 1.25rem;\n    }\n    .xl\\:mx-6 {\n      margin-inline: 1.5rem;\n    }\n    .xl\\:mx-7 {\n      margin-inline: 2rem;\n    }\n    .xl\\:mx-8 {\n      margin-inline: 2.5rem;\n    }\n    .xl\\:mx-9 {\n      margin-inline: 3rem;\n    }\n    .xl\\:mx-auto {\n      margin-inline: auto;\n    }\n    .xl\\:my-0 {\n      margin-block: 0;\n    }\n    .xl\\:my-1 {\n      margin-block: 0.25rem;\n    }\n    .xl\\:my-2 {\n      margin-block: 0.5rem;\n    }\n    .xl\\:my-3 {\n      margin-block: 0.75rem;\n    }\n    .xl\\:my-4 {\n      margin-block: 1rem;\n    }\n    .xl\\:my-5 {\n      margin-block: 1.25rem;\n    }\n    .xl\\:my-6 {\n      margin-block: 1.5rem;\n    }\n    .xl\\:my-7 {\n      margin-block: 2rem;\n    }\n    .xl\\:my-8 {\n      margin-block: 2.5rem;\n    }\n    .xl\\:my-9 {\n      margin-block: 3rem;\n    }\n    .xl\\:my-auto {\n      margin-block: auto;\n    }\n    .xl\\:mt-0 {\n      margin-block-start: 0;\n    }\n    .xl\\:mt-1 {\n      margin-block-start: 0.25rem;\n    }\n    .xl\\:mt-2 {\n      margin-block-start: 0.5rem;\n    }\n    .xl\\:mt-3 {\n      margin-block-start: 0.75rem;\n    }\n    .xl\\:mt-4 {\n      margin-block-start: 1rem;\n    }\n    .xl\\:mt-5 {\n      margin-block-start: 1.25rem;\n    }\n    .xl\\:mt-6 {\n      margin-block-start: 1.5rem;\n    }\n    .xl\\:mt-7 {\n      margin-block-start: 2rem;\n    }\n    .xl\\:mt-8 {\n      margin-block-start: 2.5rem;\n    }\n    .xl\\:mt-9 {\n      margin-block-start: 3rem;\n    }\n    .xl\\:mt-auto {\n      margin-block-start: auto;\n    }\n    .xl\\:me-0 {\n      margin-inline-end: 0;\n    }\n    .xl\\:me-1 {\n      margin-inline-end: 0.25rem;\n    }\n    .xl\\:me-2 {\n      margin-inline-end: 0.5rem;\n    }\n    .xl\\:me-3 {\n      margin-inline-end: 0.75rem;\n    }\n    .xl\\:me-4 {\n      margin-inline-end: 1rem;\n    }\n    .xl\\:me-5 {\n      margin-inline-end: 1.25rem;\n    }\n    .xl\\:me-6 {\n      margin-inline-end: 1.5rem;\n    }\n    .xl\\:me-7 {\n      margin-inline-end: 2rem;\n    }\n    .xl\\:me-8 {\n      margin-inline-end: 2.5rem;\n    }\n    .xl\\:me-9 {\n      margin-inline-end: 3rem;\n    }\n    .xl\\:me-auto {\n      margin-inline-end: auto;\n    }\n    .xl\\:mb-0 {\n      margin-block-end: 0;\n    }\n    .xl\\:mb-1 {\n      margin-block-end: 0.25rem;\n    }\n    .xl\\:mb-2 {\n      margin-block-end: 0.5rem;\n    }\n    .xl\\:mb-3 {\n      margin-block-end: 0.75rem;\n    }\n    .xl\\:mb-4 {\n      margin-block-end: 1rem;\n    }\n    .xl\\:mb-5 {\n      margin-block-end: 1.25rem;\n    }\n    .xl\\:mb-6 {\n      margin-block-end: 1.5rem;\n    }\n    .xl\\:mb-7 {\n      margin-block-end: 2rem;\n    }\n    .xl\\:mb-8 {\n      margin-block-end: 2.5rem;\n    }\n    .xl\\:mb-9 {\n      margin-block-end: 3rem;\n    }\n    .xl\\:mb-auto {\n      margin-block-end: auto;\n    }\n    .xl\\:ms-0 {\n      margin-inline-start: 0;\n    }\n    .xl\\:ms-1 {\n      margin-inline-start: 0.25rem;\n    }\n    .xl\\:ms-2 {\n      margin-inline-start: 0.5rem;\n    }\n    .xl\\:ms-3 {\n      margin-inline-start: 0.75rem;\n    }\n    .xl\\:ms-4 {\n      margin-inline-start: 1rem;\n    }\n    .xl\\:ms-5 {\n      margin-inline-start: 1.25rem;\n    }\n    .xl\\:ms-6 {\n      margin-inline-start: 1.5rem;\n    }\n    .xl\\:ms-7 {\n      margin-inline-start: 2rem;\n    }\n    .xl\\:ms-8 {\n      margin-inline-start: 2.5rem;\n    }\n    .xl\\:ms-9 {\n      margin-inline-start: 3rem;\n    }\n    .xl\\:ms--1 {\n      margin-inline-start: -0.25rem;\n    }\n    .xl\\:ms--2 {\n      margin-inline-start: -0.5rem;\n    }\n    .xl\\:ms-auto {\n      margin-inline-start: auto;\n    }\n    .xl\\:p-0 {\n      padding: 0;\n    }\n    .xl\\:p-1 {\n      padding: 0.25rem;\n    }\n    .xl\\:p-2 {\n      padding: 0.5rem;\n    }\n    .xl\\:p-3 {\n      padding: 0.75rem;\n    }\n    .xl\\:p-4 {\n      padding: 1rem;\n    }\n    .xl\\:p-5 {\n      padding: 1.25rem;\n    }\n    .xl\\:p-6 {\n      padding: 1.5rem;\n    }\n    .xl\\:p-7 {\n      padding: 2rem;\n    }\n    .xl\\:p-8 {\n      padding: 2.5rem;\n    }\n    .xl\\:p-9 {\n      padding: 3rem;\n    }\n    .xl\\:px-0 {\n      padding-inline: 0;\n    }\n    .xl\\:px-1 {\n      padding-inline: 0.25rem;\n    }\n    .xl\\:px-2 {\n      padding-inline: 0.5rem;\n    }\n    .xl\\:px-3 {\n      padding-inline: 0.75rem;\n    }\n    .xl\\:px-4 {\n      padding-inline: 1rem;\n    }\n    .xl\\:px-5 {\n      padding-inline: 1.25rem;\n    }\n    .xl\\:px-6 {\n      padding-inline: 1.5rem;\n    }\n    .xl\\:px-7 {\n      padding-inline: 2rem;\n    }\n    .xl\\:px-8 {\n      padding-inline: 2.5rem;\n    }\n    .xl\\:px-9 {\n      padding-inline: 3rem;\n    }\n    .xl\\:py-0 {\n      padding-block: 0;\n    }\n    .xl\\:py-1 {\n      padding-block: 0.25rem;\n    }\n    .xl\\:py-2 {\n      padding-block: 0.5rem;\n    }\n    .xl\\:py-3 {\n      padding-block: 0.75rem;\n    }\n    .xl\\:py-4 {\n      padding-block: 1rem;\n    }\n    .xl\\:py-5 {\n      padding-block: 1.25rem;\n    }\n    .xl\\:py-6 {\n      padding-block: 1.5rem;\n    }\n    .xl\\:py-7 {\n      padding-block: 2rem;\n    }\n    .xl\\:py-8 {\n      padding-block: 2.5rem;\n    }\n    .xl\\:py-9 {\n      padding-block: 3rem;\n    }\n    .xl\\:pt-0 {\n      padding-block-start: 0;\n    }\n    .xl\\:pt-1 {\n      padding-block-start: 0.25rem;\n    }\n    .xl\\:pt-2 {\n      padding-block-start: 0.5rem;\n    }\n    .xl\\:pt-3 {\n      padding-block-start: 0.75rem;\n    }\n    .xl\\:pt-4 {\n      padding-block-start: 1rem;\n    }\n    .xl\\:pt-5 {\n      padding-block-start: 1.25rem;\n    }\n    .xl\\:pt-6 {\n      padding-block-start: 1.5rem;\n    }\n    .xl\\:pt-7 {\n      padding-block-start: 2rem;\n    }\n    .xl\\:pt-8 {\n      padding-block-start: 2.5rem;\n    }\n    .xl\\:pt-9 {\n      padding-block-start: 3rem;\n    }\n    .xl\\:pe-0 {\n      padding-inline-end: 0;\n    }\n    .xl\\:pe-1 {\n      padding-inline-end: 0.25rem;\n    }\n    .xl\\:pe-2 {\n      padding-inline-end: 0.5rem;\n    }\n    .xl\\:pe-3 {\n      padding-inline-end: 0.75rem;\n    }\n    .xl\\:pe-4 {\n      padding-inline-end: 1rem;\n    }\n    .xl\\:pe-5 {\n      padding-inline-end: 1.25rem;\n    }\n    .xl\\:pe-6 {\n      padding-inline-end: 1.5rem;\n    }\n    .xl\\:pe-7 {\n      padding-inline-end: 2rem;\n    }\n    .xl\\:pe-8 {\n      padding-inline-end: 2.5rem;\n    }\n    .xl\\:pe-9 {\n      padding-inline-end: 3rem;\n    }\n    .xl\\:pb-0 {\n      padding-block-end: 0;\n    }\n    .xl\\:pb-1 {\n      padding-block-end: 0.25rem;\n    }\n    .xl\\:pb-2 {\n      padding-block-end: 0.5rem;\n    }\n    .xl\\:pb-3 {\n      padding-block-end: 0.75rem;\n    }\n    .xl\\:pb-4 {\n      padding-block-end: 1rem;\n    }\n    .xl\\:pb-5 {\n      padding-block-end: 1.25rem;\n    }\n    .xl\\:pb-6 {\n      padding-block-end: 1.5rem;\n    }\n    .xl\\:pb-7 {\n      padding-block-end: 2rem;\n    }\n    .xl\\:pb-8 {\n      padding-block-end: 2.5rem;\n    }\n    .xl\\:pb-9 {\n      padding-block-end: 3rem;\n    }\n    .xl\\:ps-0 {\n      padding-inline-start: 0;\n    }\n    .xl\\:ps-1 {\n      padding-inline-start: 0.25rem;\n    }\n    .xl\\:ps-2 {\n      padding-inline-start: 0.5rem;\n    }\n    .xl\\:ps-3 {\n      padding-inline-start: 0.75rem;\n    }\n    .xl\\:ps-4 {\n      padding-inline-start: 1rem;\n    }\n    .xl\\:ps-5 {\n      padding-inline-start: 1.25rem;\n    }\n    .xl\\:ps-6 {\n      padding-inline-start: 1.5rem;\n    }\n    .xl\\:ps-7 {\n      padding-inline-start: 2rem;\n    }\n    .xl\\:ps-8 {\n      padding-inline-start: 2.5rem;\n    }\n    .xl\\:ps-9 {\n      padding-inline-start: 3rem;\n    }\n    .xl\\:gap-0 {\n      gap: 0;\n    }\n    .xl\\:gap-1 {\n      gap: 0.25rem;\n    }\n    .xl\\:gap-2 {\n      gap: 0.5rem;\n    }\n    .xl\\:gap-3 {\n      gap: 0.75rem;\n    }\n    .xl\\:gap-4 {\n      gap: 1rem;\n    }\n    .xl\\:gap-5 {\n      gap: 1.25rem;\n    }\n    .xl\\:gap-6 {\n      gap: 1.5rem;\n    }\n    .xl\\:gap-7 {\n      gap: 2rem;\n    }\n    .xl\\:gap-8 {\n      gap: 2.5rem;\n    }\n    .xl\\:gap-9 {\n      gap: 3rem;\n    }\n    .xl\\:row-gap-0 {\n      row-gap: 0;\n    }\n    .xl\\:row-gap-1 {\n      row-gap: 0.25rem;\n    }\n    .xl\\:row-gap-2 {\n      row-gap: 0.5rem;\n    }\n    .xl\\:row-gap-3 {\n      row-gap: 0.75rem;\n    }\n    .xl\\:row-gap-4 {\n      row-gap: 1rem;\n    }\n    .xl\\:row-gap-5 {\n      row-gap: 1.25rem;\n    }\n    .xl\\:row-gap-6 {\n      row-gap: 1.5rem;\n    }\n    .xl\\:row-gap-7 {\n      row-gap: 2rem;\n    }\n    .xl\\:row-gap-8 {\n      row-gap: 2.5rem;\n    }\n    .xl\\:row-gap-9 {\n      row-gap: 3rem;\n    }\n    .xl\\:column-gap-0 {\n      column-gap: 0;\n    }\n    .xl\\:column-gap-1 {\n      column-gap: 0.25rem;\n    }\n    .xl\\:column-gap-2 {\n      column-gap: 0.5rem;\n    }\n    .xl\\:column-gap-3 {\n      column-gap: 0.75rem;\n    }\n    .xl\\:column-gap-4 {\n      column-gap: 1rem;\n    }\n    .xl\\:column-gap-5 {\n      column-gap: 1.25rem;\n    }\n    .xl\\:column-gap-6 {\n      column-gap: 1.5rem;\n    }\n    .xl\\:column-gap-7 {\n      column-gap: 2rem;\n    }\n    .xl\\:column-gap-8 {\n      column-gap: 2.5rem;\n    }\n    .xl\\:column-gap-9 {\n      column-gap: 3rem;\n    }\n    :where(.xl\\:space-x-0 > :not(:last-child)) {\n      margin-inline-end: 0;\n    }\n    :where(.xl\\:space-x-1 > :not(:last-child)) {\n      margin-inline-end: 0.25rem;\n    }\n    :where(.xl\\:space-x-2 > :not(:last-child)) {\n      margin-inline-end: 0.5rem;\n    }\n    :where(.xl\\:space-x-3 > :not(:last-child)) {\n      margin-inline-end: 0.75rem;\n    }\n    :where(.xl\\:space-x-4 > :not(:last-child)) {\n      margin-inline-end: 1rem;\n    }\n    :where(.xl\\:space-x-5 > :not(:last-child)) {\n      margin-inline-end: 1.25rem;\n    }\n    :where(.xl\\:space-x-6 > :not(:last-child)) {\n      margin-inline-end: 1.5rem;\n    }\n    :where(.xl\\:space-x-7 > :not(:last-child)) {\n      margin-inline-end: 2rem;\n    }\n    :where(.xl\\:space-x-8 > :not(:last-child)) {\n      margin-inline-end: 2.5rem;\n    }\n    :where(.xl\\:space-x-9 > :not(:last-child)) {\n      margin-inline-end: 3rem;\n    }\n    :where(.xl\\:space-y-0 > :not(:last-child)) {\n      margin-block-end: 0;\n    }\n    :where(.xl\\:space-y-1 > :not(:last-child)) {\n      margin-block-end: 0.25rem;\n    }\n    :where(.xl\\:space-y-2 > :not(:last-child)) {\n      margin-block-end: 0.5rem;\n    }\n    :where(.xl\\:space-y-3 > :not(:last-child)) {\n      margin-block-end: 0.75rem;\n    }\n    :where(.xl\\:space-y-4 > :not(:last-child)) {\n      margin-block-end: 1rem;\n    }\n    :where(.xl\\:space-y-5 > :not(:last-child)) {\n      margin-block-end: 1.25rem;\n    }\n    :where(.xl\\:space-y-6 > :not(:last-child)) {\n      margin-block-end: 1.5rem;\n    }\n    :where(.xl\\:space-y-7 > :not(:last-child)) {\n      margin-block-end: 2rem;\n    }\n    :where(.xl\\:space-y-8 > :not(:last-child)) {\n      margin-block-end: 2.5rem;\n    }\n    :where(.xl\\:space-y-9 > :not(:last-child)) {\n      margin-block-end: 3rem;\n    }\n    :where(.xl\\:divide-x > :not(:first-child)) {\n      border-inline-start: var(--border-width) var(--border-style) var(--border-color);\n    }\n    :where(.xl\\:divide-x-0 > :not(:first-child)) {\n      border-inline-start: 0;\n    }\n    :where(.xl\\:divide-y > :not(:first-child)) {\n      border-block-start: var(--border-width) var(--border-style) var(--border-color);\n    }\n    :where(.xl\\:divide-y-0 > :not(:first-child)) {\n      border-block-start: 0;\n    }\n    .xl\\:text-start {\n      text-align: start;\n    }\n    .xl\\:text-end {\n      text-align: end;\n    }\n    .xl\\:text-center {\n      text-align: center;\n    }\n  }\n  @media (width >= 1536px) {\n    .\\32 xl\\:float-start {\n      float: inline-start;\n    }\n    .\\32 xl\\:float-end {\n      float: inline-end;\n    }\n    .\\32 xl\\:float-none {\n      float: none;\n    }\n    .\\32 xl\\:object-fit-contain {\n      object-fit: contain;\n    }\n    .\\32 xl\\:object-fit-cover {\n      object-fit: cover;\n    }\n    .\\32 xl\\:object-fit-fill {\n      object-fit: fill;\n    }\n    .\\32 xl\\:object-fit-scale {\n      object-fit: scale-down;\n    }\n    .\\32 xl\\:object-fit-none {\n      object-fit: none;\n    }\n    .\\32 xl\\:d-inline {\n      display: inline;\n    }\n    .\\32 xl\\:d-inline-block {\n      display: inline-block;\n    }\n    .\\32 xl\\:d-block {\n      display: block;\n    }\n    .\\32 xl\\:d-grid {\n      display: grid;\n    }\n    .\\32 xl\\:d-inline-grid {\n      display: inline-grid;\n    }\n    .\\32 xl\\:d-table {\n      display: table;\n    }\n    .\\32 xl\\:d-table-row {\n      display: table-row;\n    }\n    .\\32 xl\\:d-table-cell {\n      display: table-cell;\n    }\n    .\\32 xl\\:d-flex {\n      display: flex;\n    }\n    .\\32 xl\\:d-inline-flex {\n      display: inline-flex;\n    }\n    .\\32 xl\\:d-contents {\n      display: contents;\n    }\n    .\\32 xl\\:d-flow-root {\n      display: flow-root;\n    }\n    .\\32 xl\\:d-none {\n      display: none;\n    }\n    .\\32 xl\\:flex-fill {\n      flex: 1 1 auto;\n    }\n    .\\32 xl\\:flex-row {\n      flex-direction: row;\n    }\n    .\\32 xl\\:flex-column {\n      flex-direction: column;\n    }\n    .\\32 xl\\:flex-row-reverse {\n      flex-direction: row-reverse;\n    }\n    .\\32 xl\\:flex-column-reverse {\n      flex-direction: column-reverse;\n    }\n    .\\32 xl\\:flex-grow-0 {\n      flex-grow: 0;\n    }\n    .\\32 xl\\:flex-grow-1 {\n      flex-grow: 1;\n    }\n    .\\32 xl\\:flex-shrink-0 {\n      flex-shrink: 0;\n    }\n    .\\32 xl\\:flex-shrink-1 {\n      flex-shrink: 1;\n    }\n    .\\32 xl\\:flex-wrap {\n      flex-wrap: wrap;\n    }\n    .\\32 xl\\:flex-nowrap {\n      flex-wrap: nowrap;\n    }\n    .\\32 xl\\:flex-wrap-reverse {\n      flex-wrap: wrap-reverse;\n    }\n    .\\32 xl\\:justify-content-start {\n      justify-content: flex-start;\n    }\n    .\\32 xl\\:justify-content-end {\n      justify-content: flex-end;\n    }\n    .\\32 xl\\:justify-content-center {\n      justify-content: center;\n    }\n    .\\32 xl\\:justify-content-between {\n      justify-content: space-between;\n    }\n    .\\32 xl\\:justify-content-around {\n      justify-content: space-around;\n    }\n    .\\32 xl\\:justify-content-evenly {\n      justify-content: space-evenly;\n    }\n    .\\32 xl\\:justify-items-start {\n      justify-items: start;\n    }\n    .\\32 xl\\:justify-items-end {\n      justify-items: end;\n    }\n    .\\32 xl\\:justify-items-center {\n      justify-items: center;\n    }\n    .\\32 xl\\:justify-items-stretch {\n      justify-items: stretch;\n    }\n    .\\32 xl\\:justify-self-start {\n      justify-self: flex-start;\n    }\n    .\\32 xl\\:justify-self-end {\n      justify-self: flex-end;\n    }\n    .\\32 xl\\:justify-self-center {\n      justify-self: center;\n    }\n    .\\32 xl\\:align-items-start {\n      align-items: flex-start;\n    }\n    .\\32 xl\\:align-items-end {\n      align-items: flex-end;\n    }\n    .\\32 xl\\:align-items-center {\n      align-items: center;\n    }\n    .\\32 xl\\:align-items-baseline {\n      align-items: baseline;\n    }\n    .\\32 xl\\:align-items-stretch {\n      align-items: stretch;\n    }\n    .\\32 xl\\:align-content-start {\n      align-content: flex-start;\n    }\n    .\\32 xl\\:align-content-end {\n      align-content: flex-end;\n    }\n    .\\32 xl\\:align-content-center {\n      align-content: center;\n    }\n    .\\32 xl\\:align-content-between {\n      align-content: space-between;\n    }\n    .\\32 xl\\:align-content-around {\n      align-content: space-around;\n    }\n    .\\32 xl\\:align-content-stretch {\n      align-content: stretch;\n    }\n    .\\32 xl\\:align-self-auto {\n      align-self: auto;\n    }\n    .\\32 xl\\:align-self-start {\n      align-self: flex-start;\n    }\n    .\\32 xl\\:align-self-end {\n      align-self: flex-end;\n    }\n    .\\32 xl\\:align-self-center {\n      align-self: center;\n    }\n    .\\32 xl\\:align-self-baseline {\n      align-self: baseline;\n    }\n    .\\32 xl\\:align-self-stretch {\n      align-self: stretch;\n    }\n    .\\32 xl\\:place-items-start {\n      place-items: start;\n    }\n    .\\32 xl\\:place-items-end {\n      place-items: end;\n    }\n    .\\32 xl\\:place-items-center {\n      place-items: center;\n    }\n    .\\32 xl\\:place-items-stretch {\n      place-items: stretch;\n    }\n    .\\32 xl\\:grid-cols-1 {\n      grid-template-columns: 1fr;\n    }\n    .\\32 xl\\:grid-cols-2 {\n      grid-template-columns: repeat(2, 1fr);\n    }\n    .\\32 xl\\:grid-cols-3 {\n      grid-template-columns: repeat(3, 1fr);\n    }\n    .\\32 xl\\:grid-cols-4 {\n      grid-template-columns: repeat(4, 1fr);\n    }\n    .\\32 xl\\:grid-cols-6 {\n      grid-template-columns: repeat(6, 1fr);\n    }\n    .\\32 xl\\:grid-cols-fill {\n      grid-column: 1 / -1;\n    }\n    .\\32 xl\\:grid-auto-flow-row {\n      grid-auto-flow: row;\n    }\n    .\\32 xl\\:grid-auto-flow-column {\n      grid-auto-flow: column;\n    }\n    .\\32 xl\\:grid-auto-flow-dense {\n      grid-auto-flow: dense;\n    }\n    .\\32 xl\\:order-first {\n      order: -1;\n    }\n    .\\32 xl\\:order-0 {\n      order: 0;\n    }\n    .\\32 xl\\:order-1 {\n      order: 1;\n    }\n    .\\32 xl\\:order-2 {\n      order: 2;\n    }\n    .\\32 xl\\:order-3 {\n      order: 3;\n    }\n    .\\32 xl\\:order-4 {\n      order: 4;\n    }\n    .\\32 xl\\:order-5 {\n      order: 5;\n    }\n    .\\32 xl\\:order-last {\n      order: 6;\n    }\n    .\\32 xl\\:m-0 {\n      margin: 0;\n    }\n    .\\32 xl\\:m-1 {\n      margin: 0.25rem;\n    }\n    .\\32 xl\\:m-2 {\n      margin: 0.5rem;\n    }\n    .\\32 xl\\:m-3 {\n      margin: 0.75rem;\n    }\n    .\\32 xl\\:m-4 {\n      margin: 1rem;\n    }\n    .\\32 xl\\:m-5 {\n      margin: 1.25rem;\n    }\n    .\\32 xl\\:m-6 {\n      margin: 1.5rem;\n    }\n    .\\32 xl\\:m-7 {\n      margin: 2rem;\n    }\n    .\\32 xl\\:m-8 {\n      margin: 2.5rem;\n    }\n    .\\32 xl\\:m-9 {\n      margin: 3rem;\n    }\n    .\\32 xl\\:m-auto {\n      margin: auto;\n    }\n    .\\32 xl\\:mx-0 {\n      margin-inline: 0;\n    }\n    .\\32 xl\\:mx-1 {\n      margin-inline: 0.25rem;\n    }\n    .\\32 xl\\:mx-2 {\n      margin-inline: 0.5rem;\n    }\n    .\\32 xl\\:mx-3 {\n      margin-inline: 0.75rem;\n    }\n    .\\32 xl\\:mx-4 {\n      margin-inline: 1rem;\n    }\n    .\\32 xl\\:mx-5 {\n      margin-inline: 1.25rem;\n    }\n    .\\32 xl\\:mx-6 {\n      margin-inline: 1.5rem;\n    }\n    .\\32 xl\\:mx-7 {\n      margin-inline: 2rem;\n    }\n    .\\32 xl\\:mx-8 {\n      margin-inline: 2.5rem;\n    }\n    .\\32 xl\\:mx-9 {\n      margin-inline: 3rem;\n    }\n    .\\32 xl\\:mx-auto {\n      margin-inline: auto;\n    }\n    .\\32 xl\\:my-0 {\n      margin-block: 0;\n    }\n    .\\32 xl\\:my-1 {\n      margin-block: 0.25rem;\n    }\n    .\\32 xl\\:my-2 {\n      margin-block: 0.5rem;\n    }\n    .\\32 xl\\:my-3 {\n      margin-block: 0.75rem;\n    }\n    .\\32 xl\\:my-4 {\n      margin-block: 1rem;\n    }\n    .\\32 xl\\:my-5 {\n      margin-block: 1.25rem;\n    }\n    .\\32 xl\\:my-6 {\n      margin-block: 1.5rem;\n    }\n    .\\32 xl\\:my-7 {\n      margin-block: 2rem;\n    }\n    .\\32 xl\\:my-8 {\n      margin-block: 2.5rem;\n    }\n    .\\32 xl\\:my-9 {\n      margin-block: 3rem;\n    }\n    .\\32 xl\\:my-auto {\n      margin-block: auto;\n    }\n    .\\32 xl\\:mt-0 {\n      margin-block-start: 0;\n    }\n    .\\32 xl\\:mt-1 {\n      margin-block-start: 0.25rem;\n    }\n    .\\32 xl\\:mt-2 {\n      margin-block-start: 0.5rem;\n    }\n    .\\32 xl\\:mt-3 {\n      margin-block-start: 0.75rem;\n    }\n    .\\32 xl\\:mt-4 {\n      margin-block-start: 1rem;\n    }\n    .\\32 xl\\:mt-5 {\n      margin-block-start: 1.25rem;\n    }\n    .\\32 xl\\:mt-6 {\n      margin-block-start: 1.5rem;\n    }\n    .\\32 xl\\:mt-7 {\n      margin-block-start: 2rem;\n    }\n    .\\32 xl\\:mt-8 {\n      margin-block-start: 2.5rem;\n    }\n    .\\32 xl\\:mt-9 {\n      margin-block-start: 3rem;\n    }\n    .\\32 xl\\:mt-auto {\n      margin-block-start: auto;\n    }\n    .\\32 xl\\:me-0 {\n      margin-inline-end: 0;\n    }\n    .\\32 xl\\:me-1 {\n      margin-inline-end: 0.25rem;\n    }\n    .\\32 xl\\:me-2 {\n      margin-inline-end: 0.5rem;\n    }\n    .\\32 xl\\:me-3 {\n      margin-inline-end: 0.75rem;\n    }\n    .\\32 xl\\:me-4 {\n      margin-inline-end: 1rem;\n    }\n    .\\32 xl\\:me-5 {\n      margin-inline-end: 1.25rem;\n    }\n    .\\32 xl\\:me-6 {\n      margin-inline-end: 1.5rem;\n    }\n    .\\32 xl\\:me-7 {\n      margin-inline-end: 2rem;\n    }\n    .\\32 xl\\:me-8 {\n      margin-inline-end: 2.5rem;\n    }\n    .\\32 xl\\:me-9 {\n      margin-inline-end: 3rem;\n    }\n    .\\32 xl\\:me-auto {\n      margin-inline-end: auto;\n    }\n    .\\32 xl\\:mb-0 {\n      margin-block-end: 0;\n    }\n    .\\32 xl\\:mb-1 {\n      margin-block-end: 0.25rem;\n    }\n    .\\32 xl\\:mb-2 {\n      margin-block-end: 0.5rem;\n    }\n    .\\32 xl\\:mb-3 {\n      margin-block-end: 0.75rem;\n    }\n    .\\32 xl\\:mb-4 {\n      margin-block-end: 1rem;\n    }\n    .\\32 xl\\:mb-5 {\n      margin-block-end: 1.25rem;\n    }\n    .\\32 xl\\:mb-6 {\n      margin-block-end: 1.5rem;\n    }\n    .\\32 xl\\:mb-7 {\n      margin-block-end: 2rem;\n    }\n    .\\32 xl\\:mb-8 {\n      margin-block-end: 2.5rem;\n    }\n    .\\32 xl\\:mb-9 {\n      margin-block-end: 3rem;\n    }\n    .\\32 xl\\:mb-auto {\n      margin-block-end: auto;\n    }\n    .\\32 xl\\:ms-0 {\n      margin-inline-start: 0;\n    }\n    .\\32 xl\\:ms-1 {\n      margin-inline-start: 0.25rem;\n    }\n    .\\32 xl\\:ms-2 {\n      margin-inline-start: 0.5rem;\n    }\n    .\\32 xl\\:ms-3 {\n      margin-inline-start: 0.75rem;\n    }\n    .\\32 xl\\:ms-4 {\n      margin-inline-start: 1rem;\n    }\n    .\\32 xl\\:ms-5 {\n      margin-inline-start: 1.25rem;\n    }\n    .\\32 xl\\:ms-6 {\n      margin-inline-start: 1.5rem;\n    }\n    .\\32 xl\\:ms-7 {\n      margin-inline-start: 2rem;\n    }\n    .\\32 xl\\:ms-8 {\n      margin-inline-start: 2.5rem;\n    }\n    .\\32 xl\\:ms-9 {\n      margin-inline-start: 3rem;\n    }\n    .\\32 xl\\:ms--1 {\n      margin-inline-start: -0.25rem;\n    }\n    .\\32 xl\\:ms--2 {\n      margin-inline-start: -0.5rem;\n    }\n    .\\32 xl\\:ms-auto {\n      margin-inline-start: auto;\n    }\n    .\\32 xl\\:p-0 {\n      padding: 0;\n    }\n    .\\32 xl\\:p-1 {\n      padding: 0.25rem;\n    }\n    .\\32 xl\\:p-2 {\n      padding: 0.5rem;\n    }\n    .\\32 xl\\:p-3 {\n      padding: 0.75rem;\n    }\n    .\\32 xl\\:p-4 {\n      padding: 1rem;\n    }\n    .\\32 xl\\:p-5 {\n      padding: 1.25rem;\n    }\n    .\\32 xl\\:p-6 {\n      padding: 1.5rem;\n    }\n    .\\32 xl\\:p-7 {\n      padding: 2rem;\n    }\n    .\\32 xl\\:p-8 {\n      padding: 2.5rem;\n    }\n    .\\32 xl\\:p-9 {\n      padding: 3rem;\n    }\n    .\\32 xl\\:px-0 {\n      padding-inline: 0;\n    }\n    .\\32 xl\\:px-1 {\n      padding-inline: 0.25rem;\n    }\n    .\\32 xl\\:px-2 {\n      padding-inline: 0.5rem;\n    }\n    .\\32 xl\\:px-3 {\n      padding-inline: 0.75rem;\n    }\n    .\\32 xl\\:px-4 {\n      padding-inline: 1rem;\n    }\n    .\\32 xl\\:px-5 {\n      padding-inline: 1.25rem;\n    }\n    .\\32 xl\\:px-6 {\n      padding-inline: 1.5rem;\n    }\n    .\\32 xl\\:px-7 {\n      padding-inline: 2rem;\n    }\n    .\\32 xl\\:px-8 {\n      padding-inline: 2.5rem;\n    }\n    .\\32 xl\\:px-9 {\n      padding-inline: 3rem;\n    }\n    .\\32 xl\\:py-0 {\n      padding-block: 0;\n    }\n    .\\32 xl\\:py-1 {\n      padding-block: 0.25rem;\n    }\n    .\\32 xl\\:py-2 {\n      padding-block: 0.5rem;\n    }\n    .\\32 xl\\:py-3 {\n      padding-block: 0.75rem;\n    }\n    .\\32 xl\\:py-4 {\n      padding-block: 1rem;\n    }\n    .\\32 xl\\:py-5 {\n      padding-block: 1.25rem;\n    }\n    .\\32 xl\\:py-6 {\n      padding-block: 1.5rem;\n    }\n    .\\32 xl\\:py-7 {\n      padding-block: 2rem;\n    }\n    .\\32 xl\\:py-8 {\n      padding-block: 2.5rem;\n    }\n    .\\32 xl\\:py-9 {\n      padding-block: 3rem;\n    }\n    .\\32 xl\\:pt-0 {\n      padding-block-start: 0;\n    }\n    .\\32 xl\\:pt-1 {\n      padding-block-start: 0.25rem;\n    }\n    .\\32 xl\\:pt-2 {\n      padding-block-start: 0.5rem;\n    }\n    .\\32 xl\\:pt-3 {\n      padding-block-start: 0.75rem;\n    }\n    .\\32 xl\\:pt-4 {\n      padding-block-start: 1rem;\n    }\n    .\\32 xl\\:pt-5 {\n      padding-block-start: 1.25rem;\n    }\n    .\\32 xl\\:pt-6 {\n      padding-block-start: 1.5rem;\n    }\n    .\\32 xl\\:pt-7 {\n      padding-block-start: 2rem;\n    }\n    .\\32 xl\\:pt-8 {\n      padding-block-start: 2.5rem;\n    }\n    .\\32 xl\\:pt-9 {\n      padding-block-start: 3rem;\n    }\n    .\\32 xl\\:pe-0 {\n      padding-inline-end: 0;\n    }\n    .\\32 xl\\:pe-1 {\n      padding-inline-end: 0.25rem;\n    }\n    .\\32 xl\\:pe-2 {\n      padding-inline-end: 0.5rem;\n    }\n    .\\32 xl\\:pe-3 {\n      padding-inline-end: 0.75rem;\n    }\n    .\\32 xl\\:pe-4 {\n      padding-inline-end: 1rem;\n    }\n    .\\32 xl\\:pe-5 {\n      padding-inline-end: 1.25rem;\n    }\n    .\\32 xl\\:pe-6 {\n      padding-inline-end: 1.5rem;\n    }\n    .\\32 xl\\:pe-7 {\n      padding-inline-end: 2rem;\n    }\n    .\\32 xl\\:pe-8 {\n      padding-inline-end: 2.5rem;\n    }\n    .\\32 xl\\:pe-9 {\n      padding-inline-end: 3rem;\n    }\n    .\\32 xl\\:pb-0 {\n      padding-block-end: 0;\n    }\n    .\\32 xl\\:pb-1 {\n      padding-block-end: 0.25rem;\n    }\n    .\\32 xl\\:pb-2 {\n      padding-block-end: 0.5rem;\n    }\n    .\\32 xl\\:pb-3 {\n      padding-block-end: 0.75rem;\n    }\n    .\\32 xl\\:pb-4 {\n      padding-block-end: 1rem;\n    }\n    .\\32 xl\\:pb-5 {\n      padding-block-end: 1.25rem;\n    }\n    .\\32 xl\\:pb-6 {\n      padding-block-end: 1.5rem;\n    }\n    .\\32 xl\\:pb-7 {\n      padding-block-end: 2rem;\n    }\n    .\\32 xl\\:pb-8 {\n      padding-block-end: 2.5rem;\n    }\n    .\\32 xl\\:pb-9 {\n      padding-block-end: 3rem;\n    }\n    .\\32 xl\\:ps-0 {\n      padding-inline-start: 0;\n    }\n    .\\32 xl\\:ps-1 {\n      padding-inline-start: 0.25rem;\n    }\n    .\\32 xl\\:ps-2 {\n      padding-inline-start: 0.5rem;\n    }\n    .\\32 xl\\:ps-3 {\n      padding-inline-start: 0.75rem;\n    }\n    .\\32 xl\\:ps-4 {\n      padding-inline-start: 1rem;\n    }\n    .\\32 xl\\:ps-5 {\n      padding-inline-start: 1.25rem;\n    }\n    .\\32 xl\\:ps-6 {\n      padding-inline-start: 1.5rem;\n    }\n    .\\32 xl\\:ps-7 {\n      padding-inline-start: 2rem;\n    }\n    .\\32 xl\\:ps-8 {\n      padding-inline-start: 2.5rem;\n    }\n    .\\32 xl\\:ps-9 {\n      padding-inline-start: 3rem;\n    }\n    .\\32 xl\\:gap-0 {\n      gap: 0;\n    }\n    .\\32 xl\\:gap-1 {\n      gap: 0.25rem;\n    }\n    .\\32 xl\\:gap-2 {\n      gap: 0.5rem;\n    }\n    .\\32 xl\\:gap-3 {\n      gap: 0.75rem;\n    }\n    .\\32 xl\\:gap-4 {\n      gap: 1rem;\n    }\n    .\\32 xl\\:gap-5 {\n      gap: 1.25rem;\n    }\n    .\\32 xl\\:gap-6 {\n      gap: 1.5rem;\n    }\n    .\\32 xl\\:gap-7 {\n      gap: 2rem;\n    }\n    .\\32 xl\\:gap-8 {\n      gap: 2.5rem;\n    }\n    .\\32 xl\\:gap-9 {\n      gap: 3rem;\n    }\n    .\\32 xl\\:row-gap-0 {\n      row-gap: 0;\n    }\n    .\\32 xl\\:row-gap-1 {\n      row-gap: 0.25rem;\n    }\n    .\\32 xl\\:row-gap-2 {\n      row-gap: 0.5rem;\n    }\n    .\\32 xl\\:row-gap-3 {\n      row-gap: 0.75rem;\n    }\n    .\\32 xl\\:row-gap-4 {\n      row-gap: 1rem;\n    }\n    .\\32 xl\\:row-gap-5 {\n      row-gap: 1.25rem;\n    }\n    .\\32 xl\\:row-gap-6 {\n      row-gap: 1.5rem;\n    }\n    .\\32 xl\\:row-gap-7 {\n      row-gap: 2rem;\n    }\n    .\\32 xl\\:row-gap-8 {\n      row-gap: 2.5rem;\n    }\n    .\\32 xl\\:row-gap-9 {\n      row-gap: 3rem;\n    }\n    .\\32 xl\\:column-gap-0 {\n      column-gap: 0;\n    }\n    .\\32 xl\\:column-gap-1 {\n      column-gap: 0.25rem;\n    }\n    .\\32 xl\\:column-gap-2 {\n      column-gap: 0.5rem;\n    }\n    .\\32 xl\\:column-gap-3 {\n      column-gap: 0.75rem;\n    }\n    .\\32 xl\\:column-gap-4 {\n      column-gap: 1rem;\n    }\n    .\\32 xl\\:column-gap-5 {\n      column-gap: 1.25rem;\n    }\n    .\\32 xl\\:column-gap-6 {\n      column-gap: 1.5rem;\n    }\n    .\\32 xl\\:column-gap-7 {\n      column-gap: 2rem;\n    }\n    .\\32 xl\\:column-gap-8 {\n      column-gap: 2.5rem;\n    }\n    .\\32 xl\\:column-gap-9 {\n      column-gap: 3rem;\n    }\n    :where(.\\32 xl\\:space-x-0 > :not(:last-child)) {\n      margin-inline-end: 0;\n    }\n    :where(.\\32 xl\\:space-x-1 > :not(:last-child)) {\n      margin-inline-end: 0.25rem;\n    }\n    :where(.\\32 xl\\:space-x-2 > :not(:last-child)) {\n      margin-inline-end: 0.5rem;\n    }\n    :where(.\\32 xl\\:space-x-3 > :not(:last-child)) {\n      margin-inline-end: 0.75rem;\n    }\n    :where(.\\32 xl\\:space-x-4 > :not(:last-child)) {\n      margin-inline-end: 1rem;\n    }\n    :where(.\\32 xl\\:space-x-5 > :not(:last-child)) {\n      margin-inline-end: 1.25rem;\n    }\n    :where(.\\32 xl\\:space-x-6 > :not(:last-child)) {\n      margin-inline-end: 1.5rem;\n    }\n    :where(.\\32 xl\\:space-x-7 > :not(:last-child)) {\n      margin-inline-end: 2rem;\n    }\n    :where(.\\32 xl\\:space-x-8 > :not(:last-child)) {\n      margin-inline-end: 2.5rem;\n    }\n    :where(.\\32 xl\\:space-x-9 > :not(:last-child)) {\n      margin-inline-end: 3rem;\n    }\n    :where(.\\32 xl\\:space-y-0 > :not(:last-child)) {\n      margin-block-end: 0;\n    }\n    :where(.\\32 xl\\:space-y-1 > :not(:last-child)) {\n      margin-block-end: 0.25rem;\n    }\n    :where(.\\32 xl\\:space-y-2 > :not(:last-child)) {\n      margin-block-end: 0.5rem;\n    }\n    :where(.\\32 xl\\:space-y-3 > :not(:last-child)) {\n      margin-block-end: 0.75rem;\n    }\n    :where(.\\32 xl\\:space-y-4 > :not(:last-child)) {\n      margin-block-end: 1rem;\n    }\n    :where(.\\32 xl\\:space-y-5 > :not(:last-child)) {\n      margin-block-end: 1.25rem;\n    }\n    :where(.\\32 xl\\:space-y-6 > :not(:last-child)) {\n      margin-block-end: 1.5rem;\n    }\n    :where(.\\32 xl\\:space-y-7 > :not(:last-child)) {\n      margin-block-end: 2rem;\n    }\n    :where(.\\32 xl\\:space-y-8 > :not(:last-child)) {\n      margin-block-end: 2.5rem;\n    }\n    :where(.\\32 xl\\:space-y-9 > :not(:last-child)) {\n      margin-block-end: 3rem;\n    }\n    :where(.\\32 xl\\:divide-x > :not(:first-child)) {\n      border-inline-start: var(--border-width) var(--border-style) var(--border-color);\n    }\n    :where(.\\32 xl\\:divide-x-0 > :not(:first-child)) {\n      border-inline-start: 0;\n    }\n    :where(.\\32 xl\\:divide-y > :not(:first-child)) {\n      border-block-start: var(--border-width) var(--border-style) var(--border-color);\n    }\n    :where(.\\32 xl\\:divide-y-0 > :not(:first-child)) {\n      border-block-start: 0;\n    }\n    .\\32 xl\\:text-start {\n      text-align: start;\n    }\n    .\\32 xl\\:text-end {\n      text-align: end;\n    }\n    .\\32 xl\\:text-center {\n      text-align: center;\n    }\n  }\n}\n\n/*# sourceMappingURL=bootstrap.css.map */\n","$file: \"\" !default;\n\n/*!\n  * Bootstrap #{$file} v6.0.0-dev (https://getbootstrap.com/)\n  * Copyright 2011-2026 The Bootstrap Authors\n  * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)\n  */\n","// stylelint-disable hue-degree-notation, @stylistic/number-leading-zero\n\n@use \"sass:map\";\n@use \"functions\" as *;\n@use \"mixins/tokens\" as *;\n\n// Easily convert colors to oklch() with https://oklch.com/\n\n$white: #fff !default;\n$black: #000 !default;\n\n// scss-docs-start colors-list\n$blue: oklch(60% 0.24 240) !default;\n$indigo: oklch(56% 0.26 288) !default;\n$violet: oklch(56% 0.24 300) !default;\n$purple: oklch(56% 0.24 320) !default;\n$pink: oklch(60% 0.22 4) !default;\n$red: oklch(60% 0.22 20) !default;\n$orange: oklch(70% 0.22 52) !default;\n$amber: oklch(79% 0.2 78) !default;\n$yellow: oklch(88% 0.24 88) !default;\n$lime: oklch(65% 0.24 135) !default;\n$green: oklch(64% 0.22 160) !default;\n$teal: oklch(68% 0.22 190) !default;\n$cyan: oklch(69% 0.22 220) !default;\n$brown: oklch(60% 0.12 54) !default;\n$gray: oklch(60% 0.02 245) !default;\n$pewter: oklch(65% 0.01 290) !default;\n// scss-docs-end colors-list\n\n// scss-docs-start colors-map\n$colors: () !default;\n\n// stylelint-disable-next-line scss/dollar-variable-default\n$colors: defaults(\n  (\n    \"blue\": $blue,\n    \"indigo\": $indigo,\n    \"violet\": $violet,\n    \"purple\": $purple,\n    \"pink\": $pink,\n    \"red\": $red,\n    \"orange\": $orange,\n    \"amber\": $amber,\n    \"yellow\": $yellow,\n    \"lime\": $lime,\n    \"green\": $green,\n    \"teal\": $teal,\n    \"cyan\": $cyan,\n    \"brown\": $brown,\n    \"gray\": $gray,\n    \"pewter\": $pewter,\n  ),\n  $colors\n);\n// scss-docs-end colors-map\n\n// scss-docs-start color-mix-options\n$color-mix-space: lab !default;\n$tint-color: var(--white) !default;\n$shade-color: var(--black) !default;\n\n$color-tints: (\n  \"025\": 94%,\n  \"050\": 90%,\n  \"100\": 80%,\n  \"200\": 60%,\n  \"300\": 40%,\n  \"400\": 20%,\n) !default;\n\n$color-shades: (\n  \"600\": 16%,\n  \"700\": 32%,\n  \"800\": 48%,\n  \"900\": 64%,\n  \"950\": 76%,\n  \"975\": 88%,\n) !default;\n// scss-docs-end color-mix-options\n\n// scss-docs-start color-tokens\n$color-tokens: () !default;\n\n$-color-defaults: () !default;\n@each $color, $value in $colors {\n  @each $stop, $percent in $color-tints {\n    $-color-defaults: map.set($-color-defaults, --#{$color}-#{$stop}, color-mix(in #{$color-mix-space}, #{$tint-color} #{$percent}, #{$value}));\n  }\n  $-color-defaults: map.set($-color-defaults, --#{$color}-500, #{$value});\n  @each $stop, $percent in $color-shades {\n    $-color-defaults: map.set($-color-defaults, --#{$color}-#{$stop}, color-mix(in #{$color-mix-space}, #{$shade-color} #{$percent}, #{$value}));\n  }\n}\n\n// stylelint-disable-next-line scss/dollar-variable-default\n$color-tokens: defaults($-color-defaults, $color-tokens);\n// scss-docs-end color-tokens\n\n:root {\n  @include tokens($color-tokens);\n}\n","// Mixin to output tokens as CSS custom properties\n\n// scss-docs-start mixin-tokens\n@mixin tokens($map) {\n  @each $prop, $value in $map {\n    #{$prop}: #{$value};\n  }\n}\n// scss-docs-end mixin-tokens\n","@use \"sass:map\";\n@use \"colors\" as *;\n@use \"config\" as *;\n@use \"functions\" as *;\n@use \"theme\" as *;\n@use \"mixins/tokens\" as *;\n@use \"forms/form-variables\" as *;\n\n// mdo-do: do we need theme?\n@layer colors, theme, config, root, reboot, layout, content, forms, components, custom, helpers, utilities;\n\n$root-tokens: () !default;\n\n// scss-docs-start root-tokens\n// stylelint-disable @stylistic/value-list-max-empty-lines, @stylistic/function-max-empty-lines\n// stylelint-disable-next-line scss/dollar-variable-default\n$root-tokens: defaults(\n  (\n    --black: #{$black},\n    --white: #{$white},\n\n    --gradient: #{$gradient},\n\n    // scss-docs-start root-font-weight-variables\n    --font-weight-lighter: lighter,\n    --font-weight-light: 300,\n    --font-weight-normal: 400,\n    --font-weight-medium: 500,\n    --font-weight-semibold: 600,\n    --font-weight-bold: 700,\n    --font-weight-bolder: bolder,\n    // scss-docs-end root-font-weight-variables\n\n    // scss-docs-start root-body-variables\n    --body-font-family: system-ui,\n    --body-font-size: var(--font-size-base),\n    --body-font-weight: #{$font-weight-base},\n    --body-line-height: #{$line-height-base},\n\n    --heading-color: #{$headings-color},\n\n    --hr-border-color: var(--border-color),\n\n    --link-color: light-dark(var(--primary-base), var(--primary-fg)),\n    --link-decoration: #{$link-decoration},\n    --link-hover-color: color-mix(in oklch, var(--link-color) 90%, #000),\n\n    --font-mono: \"SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace\",\n    --code-font-size: 95%,\n    --code-color: var(--fg-2),\n\n    // scss-docs-start root-border-var\n    --border-width: #{$border-width},\n    --border-style: #{$border-style},\n    --border-color: light-dark(color-mix(in oklch, var(--gray-100), var(--gray-200)), var(--gray-700)),\n    --border-color-translucent: color-mix(in oklch, var(--fg-body) 15%, transparent),\n    // scss-docs-end root-border-var\n\n    // scss-docs-start root-border-radius-var\n    --border-radius: .5rem,\n    --border-radius-xs: .375rem,\n    --border-radius-sm: .5rem,\n    --border-radius-lg: .75rem,\n    --border-radius-xl: 1rem,\n    --border-radius-2xl: 2rem,\n    --border-radius-pill: 50rem,\n    // scss-docs-end root-border-radius-var\n\n    // scss-docs-start root-box-shadow-variables\n    --box-shadow: 0 .5rem 1rem rgb(0 0 0 / 15%),\n    --box-shadow-sm: 0 .125rem .25rem rgb(0 0 0 / 7.5%),\n    --box-shadow-lg: 0 1rem 3rem rgb(0 0 0 / 17.5%),\n    --box-shadow-inset: inset 0 1px 2px rgb(0 0 0 / 7.5%),\n    // scss-docs-end root-box-shadow-variables\n\n    --spacer: 1rem,\n\n    // scss-docs-start root-focus-variables\n    --focus-ring-width: 3px,\n    --focus-ring-offset: 1px,\n    --focus-ring-color: var(--primary-focus-ring),\n    --focus-ring: var(--focus-ring-width) solid var(--focus-ring-color),\n    // scss-docs-end root-focus-variables\n\n    // scss-docs-start root-form-variables\n    --control-checked-bg: var(--primary-base),\n    --control-checked-border-color: var(--control-checked-bg),\n    --control-active-bg: var(--primary-base),\n    --control-active-border-color: var(--control-active-bg),\n    --control-disabled-bg: var(--bg-3),\n    --control-disabled-opacity: .65,\n\n    --btn-input-fg: var(--fg-body),\n    --btn-input-bg: var(--bg-body),\n\n    --btn-input-min-height: 2.375rem,\n    --btn-input-padding-y: .375rem,\n    --btn-input-padding-x: .75rem,\n    --btn-input-font-size: var(--font-size-base),\n    --btn-input-line-height: var(--line-height-base),\n    --btn-input-border-radius: var(--border-radius),\n\n    --btn-input-xs-min-height: 1.5rem,\n    --btn-input-xs-padding-y: .125rem,\n    --btn-input-xs-padding-x: .5rem,\n    --btn-input-xs-font-size: var(--font-size-xs),\n    --btn-input-xs-line-height: 1.125,\n    --btn-input-xs-border-radius: var(--border-radius-xs),\n\n    --btn-input-sm-min-height: 2rem,\n    --btn-input-sm-padding-y: .25rem,\n    --btn-input-sm-padding-x: .625rem,\n    --btn-input-sm-font-size: var(--font-size-sm),\n    --btn-input-sm-line-height: var(--line-height-sm),\n    --btn-input-sm-border-radius: var(--border-radius-sm),\n\n    --btn-input-lg-min-height: 2.75rem,\n    --btn-input-lg-padding-y: .5rem,\n    --btn-input-lg-padding-x: 1rem,\n    --btn-input-lg-font-size: var(--font-size-md),\n    --btn-input-lg-line-height: var(--line-height-md),\n    --btn-input-lg-border-radius: var(--border-radius-lg),\n    // scss-docs-end root-form-variables\n\n    // scss-docs-start root-form-validation-variables\n    --form-valid-color: #{$form-valid-color},\n    --form-valid-border-color: #{$form-valid-border-color},\n    --form-invalid-color: #{$form-invalid-color},\n    --form-invalid-border-color: #{$form-invalid-border-color},\n    // scss-docs-end root-form-validation-variables\n  ),\n  $root-tokens\n);\n// stylelint-enable @stylistic/value-list-max-empty-lines, @stylistic/function-max-empty-lines\n// scss-docs-end root-tokens\n\n// scss-docs-start root-font-size-loop\n// Generate font-size and line-height tokens\n@each $name, $props in $font-sizes {\n  $root-tokens: map.set($root-tokens, --font-size-#{$name}, map.get($props, \"font-size\"));\n  $root-tokens: map.set($root-tokens, --line-height-#{$name}, map.get($props, \"line-height\"));\n}\n// scss-docs-end root-font-size-loop\n\n// scss-docs-start root-theme-tokens\n// Generate semantic theme colors\n@each $color-name, $color-map in $theme-colors {\n  @each $key, $value in $color-map {\n    $root-tokens: map.set($root-tokens, --#{$color-name}-#{$key}, $value);\n  }\n}\n\n// Generate background tokens\n@each $key, $value in $theme-bgs {\n  $root-tokens: map.set($root-tokens, --bg-#{$key}, $value);\n}\n\n// Generate foreground tokens\n@each $key, $value in $theme-fgs {\n  $root-tokens: map.set($root-tokens, --fg-#{$key}, $value);\n}\n\n// Generate border tokens\n@each $key, $value in $theme-borders {\n  $root-tokens: map.set($root-tokens, --border-#{$key}, $value);\n}\n// scss-docs-end root-theme-tokens\n\n// Generate breakpoint tokens\n@each $name, $value in $breakpoints {\n  $root-tokens: map.set($root-tokens, --breakpoint-#{$name}, $value);\n}\n\n:root {\n  @include tokens($root-tokens);\n\n  color-scheme: light dark;\n}\n\n[data-bs-theme=\"dark\"] {\n  color-scheme: dark;\n}\n\n[data-bs-theme=\"light\"] {\n  color-scheme: light;\n}\n","@use \"../config\" as *;\n@use \"../functions\" as *;\n@use \"../mixins/border-radius\" as *;\n@use \"../mixins/tokens\" as *;\n\n// stylelint-disable declaration-no-important, selector-no-qualifying-type, property-no-vendor-prefix\n\n$reboot-kbd-tokens: () !default;\n$reboot-mark-tokens: () !default;\n\n// scss-docs-start reboot-kbd-tokens\n// stylelint-disable-next-line scss/dollar-variable-default\n$reboot-kbd-tokens: defaults(\n  (\n    --kbd-padding-y: .125rem,\n    --kbd-padding-x: .25rem,\n    --kbd-font-size: var(--font-size-xs),\n    --kbd-color: var(--bg-body),\n    --kbd-bg: var(--fg-2),\n    --kbd-border-radius: var(--border-radius-sm),\n  ),\n  $reboot-kbd-tokens\n);\n// scss-docs-end reboot-kbd-tokens\n\n// scss-docs-start reboot-mark-tokens\n// stylelint-disable-next-line scss/dollar-variable-default\n$reboot-mark-tokens: defaults(\n  (\n    --mark-padding: .1875em,\n    --mark-color: var(--fg-body),\n    --mark-bg: light-dark(var(--yellow-100), var(--yellow-900)),\n  ),\n  $reboot-mark-tokens\n);\n// scss-docs-end reboot-mark-tokens\n\n@layer reboot {\n  // Reboot\n  //\n  // Normalization of HTML elements, manually forked from Normalize.css to remove\n  // styles targeting irrelevant browsers while applying new styles.\n  //\n  // Normalize is licensed MIT. https://github.com/necolas/normalize.css\n\n  // Document\n  //\n  // Change from `box-sizing: content-box` so that `width` is not affected by `padding` or `border`.\n\n  *,\n  *::before,\n  *::after {\n    box-sizing: border-box;\n  }\n\n  // Root\n  //\n  // Ability to the value of the root font sizes, affecting the value of `rem`.\n  // null by default, thus nothing is generated.\n\n  :root {\n    // Assume browser default font-size of 16px, or a user's preference\n    accent-color: var(--primary-base);\n\n    @if $enable-smooth-scroll {\n      @media (prefers-reduced-motion: no-preference) {\n        scroll-behavior: smooth;\n      }\n    }\n  }\n\n  // Body\n  //\n  // 1. Remove the margin in all browsers.\n  // 2. As a best practice, apply a default `background-color`.\n  // 3. Prevent adjustments of font size after orientation changes in iOS.\n  // 4. Change the default tap highlight to be completely transparent in iOS.\n\n  // scss-docs-start reboot-body-rules\n  body {\n    margin: 0; // 1\n    font-family: var(--body-font-family);\n    font-size: var(--body-font-size);\n    font-weight: var(--body-font-weight);\n    line-height: var(--body-line-height);\n    color: var(--fg-body);\n    text-align: var(--body-text-align);\n    background-color: var(--bg-body); // 2\n    -webkit-text-size-adjust: 100%; // 3\n    -webkit-tap-highlight-color: transparent; // 4\n  }\n  // scss-docs-end reboot-body-rules\n\n  hr {\n    margin: var(--hr-margin-y, var(--spacer)) 0;\n    border: 0;\n    border-block-start: var(--border-width) solid var(--hr-border-color);\n  }\n\n  // Typography\n  //\n  // 1. Remove top margins from headings\n  //    By default, `<h1>`-`<h6>` all receive top and bottom margins. We nuke the top\n  //    margin for easier control within type scales as it avoids margin collapsing.\n\n  %heading {\n    margin-top: 0; // 1\n    margin-bottom: $headings-margin-bottom;\n    font-family: $headings-font-family;\n    font-style: $headings-font-style;\n    font-weight: $headings-font-weight;\n    line-height: $headings-line-height;\n    color: var(--heading-color);\n  }\n\n  h1,\n  .h1 {\n    @extend %heading;\n    font-size: var(--font-size-3xl);\n  }\n\n  h2,\n  .h2 {\n    @extend %heading;\n    font-size: var(--font-size-2xl);\n  }\n\n  h3,\n  .h3 {\n    @extend %heading;\n    font-size: var(--font-size-xl);\n  }\n\n  h4,\n  .h4 {\n    @extend %heading;\n    font-size: var(--font-size-lg);\n  }\n\n  h5,\n  .h5 {\n    @extend %heading;\n    font-size: var(--font-size-md);\n  }\n\n  h6,\n  .h6 {\n    @extend %heading;\n    font-size: var(--font-size-sm);\n  }\n\n  // Reset margins on paragraphs\n  //\n  // Similarly, the top margin on `<p>`s get reset. However, we also reset the\n  // bottom margin to use `rem` units instead of `em`.\n\n  p {\n    margin-top: 0;\n    margin-bottom: $paragraph-margin-bottom;\n  }\n\n  // Abbreviations\n  //\n  // 1. Add the correct text decoration in Chrome, Edge, Opera, and Safari.\n  // 2. Add explicit cursor to indicate changed behavior.\n  // 3. Prevent the text-decoration to be skipped.\n\n  abbr[title] {\n    text-decoration: underline dotted; // 1\n    cursor: help; // 2\n    text-decoration-skip-ink: none; // 3\n  }\n\n  // Address\n\n  address {\n    margin-bottom: 1rem;\n    font-style: normal;\n    line-height: inherit;\n  }\n\n  // Lists\n\n  ol,\n  ul {\n    padding-inline-start: 2rem;\n  }\n\n  ol,\n  ul,\n  dl {\n    margin-top: 0;\n    margin-bottom: 1rem;\n  }\n\n  ol ol,\n  ul ul,\n  ol ul,\n  ul ol {\n    margin-bottom: 0;\n  }\n\n  dt {\n    font-weight: $dt-font-weight;\n  }\n\n  // 1. Undo browser default\n\n  dd {\n    margin-inline-start: 0; // 1\n    margin-bottom: .5rem;\n  }\n\n  // Blockquote\n\n  blockquote {\n    margin: 0 0 1rem;\n    > * {\n      margin-block: 0;\n    }\n  }\n\n  // Strong\n  //\n  // Add the correct font weight in Chrome, Edge, and Safari\n\n  b,\n  strong {\n    font-weight: $font-weight-bolder;\n  }\n\n  // Small\n  //\n  // Add the correct font size in all browsers\n\n  small,\n  .small {\n    font-size: var(--small-font-size, 87.5%);\n  }\n\n  // Mark\n\n  mark,\n  .mark {\n    @include tokens($reboot-mark-tokens);\n    padding: var(--mark-padding);\n    color: var(--mark-color);\n    background-color: var(--mark-bg);\n  }\n\n  // Sub and Sup\n  //\n  // Prevent `sub` and `sup` elements from affecting the line height in\n  // all browsers.\n\n  sub,\n  sup {\n    position: relative;\n    font-size: var(--sub-sup-font-size, .75em);\n    line-height: 0;\n    vertical-align: baseline;\n  }\n\n  sub { bottom: -.25em; }\n  sup { top: -.5em; }\n\n  // Links\n\n  a {\n    color: var(--theme-fg, var(--link-color));\n    text-decoration: var(--link-decoration);\n    text-underline-offset: $link-underline-offset;\n\n    &:hover {\n      // --link-color: var(--link-hover-color);\n      // --link-decoration: var(--link-hover-decoration, var(--link-decoration));\n      color: var(--theme-fg-emphasis, var(--link-hover-color));\n      text-decoration: var(--link-hover-decoration, var(--link-decoration));\n    }\n  }\n\n  // And undo these styles for placeholder links/named anchors (without href).\n  // It would be more straightforward to just use a[href] in previous block, but that\n  // causes specificity issues in many other styles that are too complex to fix.\n  // See https://github.com/twbs/bootstrap/issues/19402\n\n  a:not([href], [class]) {\n    &,\n    &:hover {\n      color: inherit;\n      text-decoration: none;\n    }\n  }\n\n  // Code\n\n  pre,\n  code,\n  kbd,\n  samp {\n    font-family: var(--font-mono);\n    font-size: 1em; // Correct the odd `em` font sizing in all browsers.\n  }\n\n  // 1. Remove browser default top margin\n  // 2. Reset browser default of `1em` to use `rem`s\n  // 3. Don't allow content to break outside\n\n  pre {\n    display: block;\n    margin-top: 0; // 1\n    margin-bottom: 1rem; // 2\n    overflow: auto; // 3\n    font-size: var(--code-font-size);\n    color: var(--code-color, inherit);\n\n    // Account for some code outputs that place code tags in pre tags\n    code {\n      font-size: inherit;\n      color: inherit;\n      word-break: normal;\n    }\n  }\n\n  code {\n    font-size: var(--code-font-size);\n    color: var(--code-color);\n    word-wrap: break-word;\n\n    // Streamline the style when inside anchors to avoid broken underline and more\n    a > & {\n      color: inherit;\n    }\n  }\n\n  kbd {\n    @include tokens($reboot-kbd-tokens);\n    padding: var(--kbd-padding-y) var(--kbd-padding-x);\n    font-size: var(--kbd-font-size);\n    color: var(--kbd-color);\n    background-color: var(--kbd-bg);\n    @include border-radius(var(--kbd-border-radius));\n\n    kbd {\n      padding: 0;\n      font-size: 1em;\n      font-weight: inherit; // mdo-do: check if this is needed\n    }\n  }\n\n  // Figures\n  //\n  // Apply a consistent margin strategy (matches our type styles).\n\n  figure {\n    margin: 0 0 1rem;\n  }\n\n  // Images and content\n\n  img,\n  svg {\n    vertical-align: middle;\n  }\n\n  // Tables\n  //\n  // Prevent double borders\n\n  table {\n    caption-side: bottom;\n    border-collapse: collapse;\n  }\n\n  caption {\n    // padding-top: $table-cell-padding-y;\n    // padding-bottom: $table-cell-padding-y;\n    // color: $table-caption-color;\n    padding-block: .5rem;\n    color: var(--fg-3);\n    text-align: start;\n  }\n\n  // 1. Removes font-weight bold by inheriting\n  // 2. Matches default `<td>` alignment by inheriting `text-align`.\n  // 3. Fix alignment for Safari\n\n  th {\n    // font-weight: $table-th-font-weight; // 1 // mdo-do: it's null by default. maybe we remove?\n    text-align: inherit; // 2\n    text-align: -webkit-match-parent; // 3\n  }\n\n  thead,\n  tbody,\n  tfoot,\n  tr,\n  td,\n  th {\n    border-color: inherit;\n    border-style: solid;\n    border-width: 0;\n  }\n\n  // Forms\n  //\n  // 1. Allow labels to use `margin` for spacing.\n\n  label {\n    display: inline-block; // 1\n  }\n\n  // Remove the default `border-radius` that macOS Chrome adds.\n  // See https://github.com/twbs/bootstrap/issues/24093\n\n  button {\n    // stylelint-disable-next-line property-disallowed-list\n    border-radius: 0;\n  }\n\n  // Explicitly remove focus outline in Chromium when it shouldn't be\n  // visible (e.g. as result of mouse click or touch tap). It already\n  // should be doing this automatically, but seems to currently be\n  // confused and applies its very visible two-tone outline anyway.\n\n  button:focus:not(:focus-visible) {\n    outline: 0;\n  }\n\n  // 1. Remove the margin in Firefox and Safari\n\n  input,\n  button,\n  select,\n  optgroup,\n  textarea {\n    margin: 0; // 1\n    font-family: inherit;\n    font-size: inherit;\n    line-height: inherit;\n  }\n\n  // Set the cursor for non-`<button>` buttons\n  //\n  // Details at https://github.com/twbs/bootstrap/pull/30562\n  [role=\"button\"] {\n    cursor: pointer;\n  }\n\n  select {\n    // Remove the inheritance of word-wrap in Safari.\n    // See https://github.com/twbs/bootstrap/issues/24990\n    word-wrap: normal;\n\n    // Undo the opacity change from Chrome\n    &:disabled {\n      opacity: 1;\n    }\n  }\n\n  // Remove the dropdown arrow only from text type inputs built with datalists in Chrome.\n  // See https://stackoverflow.com/a/54997118\n\n  [list]:not([type=\"date\"], [type=\"datetime-local\"], [type=\"month\"], [type=\"week\"], [type=\"time\"])::-webkit-calendar-picker-indicator {\n    display: none !important;\n  }\n\n  // 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`\n  //    controls in Android 4.\n  // 2. Correct the inability to style clickable types in iOS and Safari.\n  // 3. Opinionated: add \"hand\" cursor to non-disabled button elements.\n\n  button,\n  [type=\"button\"], // 1\n  [type=\"reset\"],\n  [type=\"submit\"] {\n    -webkit-appearance: button; // 2\n\n    @if $enable-button-pointers {\n      &:not(:disabled) {\n        cursor: pointer; // 3\n      }\n    }\n  }\n\n  // 1. Textareas should really only resize vertically so they don't break their (horizontal) containers.\n\n  textarea {\n    resize: vertical; // 1\n  }\n\n  // 1. Browsers set a default `min-width: min-content;` on fieldsets,\n  //    unlike e.g. `<div>`s, which have `min-width: 0;` by default.\n  //    So we reset that to ensure fieldsets behave more like a standard block element.\n  //    See https://github.com/twbs/bootstrap/issues/12359\n  //    and https://html.spec.whatwg.org/multipage/#the-fieldset-and-legend-elements\n  // 2. Reset the default outline behavior of fieldsets so they don't affect page layout.\n\n  fieldset {\n    min-width: 0; // 1\n    padding: 0; // 2\n    margin: 0; // 2\n    border: 0; // 2\n  }\n\n  // 1. By using `float: inline-start`, the legend will behave like a block element.\n  //    This way the border of a fieldset wraps around the legend if present.\n  // 2. Fix wrapping bug.\n  //    See https://github.com/twbs/bootstrap/issues/29712\n\n  legend {\n    float: inline-start; // 1\n    width: 100%;\n    padding: 0;\n    margin-bottom: $legend-margin-bottom;\n    font-size: $legend-font-size;\n    font-weight: $legend-font-weight;\n    line-height: inherit;\n\n    + * {\n      clear: inline-start; // 2\n    }\n  }\n\n  // Fix height of inputs with a type of datetime-local, date, month, week, or time\n  // See https://github.com/twbs/bootstrap/issues/18842\n\n  ::-webkit-datetime-edit-fields-wrapper,\n  ::-webkit-datetime-edit-text,\n  ::-webkit-datetime-edit-millisecond-field,\n  ::-webkit-datetime-edit-second-field,\n  ::-webkit-datetime-edit-minute-field,\n  ::-webkit-datetime-edit-hour-field,\n  ::-webkit-datetime-edit-ampm-field,\n  ::-webkit-datetime-edit-day-field,\n  ::-webkit-datetime-edit-week-field,\n  ::-webkit-datetime-edit-month-field,\n  ::-webkit-datetime-edit-year-field {\n    padding: 0;\n  }\n\n  ::-webkit-inner-spin-button,\n  ::-webkit-outer-spin-button {\n    height: auto;\n  }\n\n  // 1. This overrides the extra rounded corners on search inputs in iOS so that our\n  //    `.form-control` class can properly style them. Note that this cannot simply\n  //    be added to `.form-control` as it's not specific enough. For details, see\n  //    https://github.com/twbs/bootstrap/issues/11586.\n  // 2. Correct the outline style in Safari.\n\n  [type=\"search\"] {\n    -webkit-appearance: textfield; // 1\n    outline-offset: -2px; // 2\n\n    // 3. Better affordance and consistent appearance for search cancel button\n    &::-webkit-search-cancel-button {\n      cursor: pointer;\n      filter: grayscale(1);\n    }\n  }\n\n  // A few input types should stay LTR regardless of document direction\n  // See https://rtlstyling.com/posts/rtl-styling#form-inputs\n\n  [type=\"tel\"],\n  [type=\"url\"],\n  [type=\"email\"],\n  [type=\"number\"] {\n    direction: ltr;\n  }\n\n  // Remove the inner padding in Chrome and Safari on macOS.\n\n  ::-webkit-search-decoration {\n    -webkit-appearance: none;\n  }\n\n  // Remove padding around color pickers in webkit browsers\n\n  ::-webkit-color-swatch-wrapper {\n    padding: 0;\n  }\n\n  // 1. Inherit font family and line height for file input buttons\n  // 2. Correct the inability to style clickable types in iOS and Safari.\n\n  ::file-selector-button {\n    font: inherit; // 1\n    -webkit-appearance: button; // 2\n  }\n\n  // Correct element displays\n\n  output {\n    display: inline-block;\n  }\n\n  // Remove border from iframe\n\n  iframe {\n    border: 0;\n  }\n\n  // Summary\n  //\n  // 1. Add the correct display in all browsers\n\n  summary {\n    display: list-item; // 1\n    cursor: pointer;\n  }\n\n  // Progress\n  //\n  // Add the correct vertical alignment in Chrome, Firefox, and Opera.\n\n  progress {\n    vertical-align: baseline;\n  }\n\n  // Hidden attribute\n  //\n  // Always hide an element with the `hidden` HTML attribute.\n\n  [hidden] {\n    display: none !important;\n  }\n}\n","@use \"sass:map\";\n@use \"sass:meta\";\n\n// Configuration\n//\n// Variables and settings not related to theme, components, and more go here. It does include layout.\n\n// Merge overrides on top of defaults, stripping null entries.\n// Null values let users remove map keys via @use ... with().\n// Accepts a list as $defaults (converted to a map with `true` values).\n@function defaults($defaults, $overrides) {\n  @if meta.type-of($defaults) == \"list\" {\n    $map: ();\n    @each $key in $defaults {\n      $map: map.merge($map, ($key: true));\n    }\n    $defaults: $map;\n  }\n  $merged: map.merge($defaults, $overrides);\n  @each $key, $value in $merged {\n    @if $value == null {\n      $merged: map.remove($merged, $key);\n    }\n  }\n  @return $merged;\n}\n\n$enable-caret:                true !default;\n$enable-rounded:              true !default;\n$enable-shadows:              true !default;\n$enable-gradients:            true !default;\n$enable-transitions:          true !default;\n$enable-reduced-motion:       true !default;\n$enable-smooth-scroll:        true !default;\n$enable-grid-classes:         true !default;\n$enable-container-classes:    true !default;\n$enable-cssgrid:              true !default;\n$enable-button-pointers:      true !default;\n$enable-validation-icons:     true !default;\n// $enable-negative-margins:     false !default;\n$enable-deprecation-messages: true !default;\n\n$enable-dark-mode:            true !default;\n\n$color-mode-type:          \"media-query\" !default;\n$color-contrast-dark:      #000 !default;\n$color-contrast-light:     #fff !default;\n$min-contrast-ratio:         4.5 !default;\n\n// scss-docs-start spacer-variables-maps\n$spacer: 1rem !default;\n$spacers: (\n  0: 0,\n  1: $spacer * .25,\n  2: $spacer * .5,\n  3: $spacer * .75,\n  4: $spacer,\n  5: $spacer * 1.25,\n  6: $spacer * 1.5,\n  7: $spacer * 2,\n  8: $spacer * 2.5,\n  9: $spacer * 3,\n) !default;\n\n$negative-spacers: (\n  \"-1\": $spacer * -.25,\n  \"-2\": $spacer * -.5,\n) !default;\n// scss-docs-end spacer-variables-maps\n\n$sizes: (\n  1: $spacer,\n  2: calc($spacer * 2),\n  3: calc($spacer * 3),\n  4: calc($spacer * 4),\n  5: calc($spacer * 5),\n  6: calc($spacer * 6),\n  7: calc($spacer * 7),\n  8: calc($spacer * 8),\n  9: calc($spacer * 9),\n  10: calc($spacer * 10),\n  11: calc($spacer * 11),\n  12: calc($spacer * 12),\n) !default;\n\n// Breakpoints\n//\n// Define the minimum dimensions at which your layout will change,\n// adapting to different screen sizes, for use in media queries.\n\n// scss-docs-start breakpoints\n$breakpoints: (\n  xs: 0,\n  sm: 576px,\n  md: 768px,\n  lg: 1024px,\n  xl: 1280px,\n  2xl: 1536px\n) !default;\n// scss-docs-end breakpoints\n\n// @include _assert-ascending($breakpoints, \"$breakpoints\");\n// @include _assert-starts-at-zero($breakpoints, \"$breakpoints\");\n\n// Grid columns\n//\n// Set the number of columns and specify the width of the gutters.\n\n$grid-columns: 12 !default;\n$grid-gutter-x: 1.5rem !default;\n$grid-gutter-y: 0 !default;\n$grid-row-columns: 6 !default;\n\n$gutters: $spacers !default;\n\n// Grid containers\n//\n// Define the maximum width of `.container` for different screen sizes.\n\n// scss-docs-start container-max-widths\n$container-max-widths: (\n  sm: 540px,\n  md: 720px,\n  lg: 960px,\n  xl: 1200px,\n  2xl: 1440px\n) !default;\n// scss-docs-end container-max-widths\n\n$container-padding-x: $grid-gutter-x !default;\n\n$utilities: () !default;\n\n// Characters which are escaped by the escape-svg function\n$escaped-characters: (\n  (\"<\", \"%3c\"),\n  (\">\", \"%3e\"),\n  (\"#\", \"%23\"),\n  (\"(\", \"%28\"),\n  (\")\", \"%29\"),\n) !default;\n\n// Gradient\n//\n// The gradient which is added to components if `$enable-gradients` is `true`\n// This gradient is also added to elements with `.bg-gradient`\n// scss-docs-start variable-gradient\n$gradient: linear-gradient(180deg, color-mix(var(--white) 15%, transparent), color-mix(var(--white) 0%, transparent)) !default;\n// scss-docs-end variable-gradient\n\n// Position\n//\n// Define the edge positioning anchors of the position utilities.\n\n// scss-docs-start position-map\n$position-values: (\n  0: 0,\n  50: 50%,\n  100: 100%\n) !default;\n// scss-docs-end position-map\n\n// Links\n//\n// Style anchor elements.\n\n$link-decoration:                         underline !default;\n$link-underline-offset:                   .2em !default;\n\n$stretched-link-pseudo-element:           after !default;\n$stretched-link-z-index:                  1 !default;\n\n// Icon links\n// scss-docs-start icon-link-variables\n$icon-link-gap:               .375rem !default;\n$icon-link-underline-offset:  .25em !default;\n$icon-link-icon-size:         1em !default;\n$icon-link-icon-transition:   .2s ease-in-out transform !default;\n$icon-link-icon-transform:    translate3d(.25em, 0, 0) !default;\n// scss-docs-end icon-link-variables\n\n// Paragraphs\n//\n// Style p element.\n\n$paragraph-margin-bottom:   1rem !default;\n\n// Components\n//\n// Define common padding and border radius sizes and more.\n\n// scss-docs-start border-variables\n$border-width:                1px !default;\n$border-widths: (\n  1: 1px,\n  2: 2px,\n  3: 3px,\n  4: 4px,\n  5: 5px\n) !default;\n$border-style:                solid !default;\n$border-color:                color-mix(in oklch, var(--gray-100), var(--gray-200)) !default;\n// scss-docs-end border-variables\n\n$transition-base:             all .2s ease-in-out !default;\n$transition-fade:             opacity .15s linear !default;\n\n// scss-docs-start collapse-transition\n$transition-collapse:         height .35s ease !default;\n$transition-collapse-width:   width .35s ease !default;\n// scss-docs-end collapse-transition\n\n// scss-docs-start aspect-ratios\n$aspect-ratios: (\n  \"auto\": auto,\n  \"1x1\": #{\"1 / 1\"},\n  \"4x3\": #{\"4 / 3\"},\n  \"16x9\": #{\"16 / 9\"},\n  \"21x9\": #{\"21 / 9\"}\n) !default;\n// scss-docs-end aspect-ratios\n\n// Typography\n//\n// Font, line-height, and color for body text, headings, and more.\n\n// scss-docs-start font-variables\n$font-weight-lighter:         lighter !default;\n$font-weight-light:           300 !default;\n$font-weight-normal:          400 !default;\n$font-weight-medium:          500 !default;\n$font-weight-semibold:        600 !default;\n$font-weight-bold:            700 !default;\n$font-weight-bolder:          bolder !default;\n\n$font-weight-base:            $font-weight-normal !default;\n\n$line-height-base:            1.5 !default;\n$line-height-sm:              1.25 !default;\n$line-height-lg:              2 !default;\n// scss-docs-end font-variables\n\n// scss-docs-start font-sizes\n$font-sizes: () !default;\n// stylelint-disable-next-line scss/dollar-variable-default\n$font-sizes: defaults(\n  (\n    \"xs\": (\n      \"font-size\": .75rem,\n      \"line-height\": 1.25\n    ),\n    \"sm\": (\n      \"font-size\": .875rem,\n      \"line-height\": 1.5\n    ),\n    \"md\": (\n      \"font-size\": 1rem,\n      \"line-height\": 1.5\n    ),\n    \"lg\": (\n      \"font-size\": clamp(1.25rem, 1rem + .625vw, 1.5rem),\n      \"line-height\": 1.5\n    ),\n    \"xl\": (\n      \"font-size\": clamp(1.5rem, 1.1rem + .75vw, 1.75rem),\n      \"line-height\": calc(2.5 / 1.75)\n    ),\n    \"2xl\": (\n      \"font-size\": clamp(1.75rem, 1.3rem + 1vw, 2rem),\n      \"line-height\": calc(3 / 2.25)\n    ),\n    \"3xl\": (\n      \"font-size\": clamp(2rem, 1.5rem + 1.875vw, 2.5rem),\n      \"line-height\": 1.2\n    ),\n    \"4xl\": (\n      \"font-size\": clamp(2.25rem, 1.75rem + 2.5vw, 3rem),\n      \"line-height\": 1.1\n    ),\n    \"5xl\": (\n      \"font-size\": clamp(3rem, 2rem + 5vw, 4rem),\n      \"line-height\": 1.1\n    ),\n    \"6xl\": (\n      \"font-size\": clamp(3.75rem, 2.5rem + 6.25vw, 5rem),\n      \"line-height\": 1\n    ),\n  ),\n  $font-sizes\n);\n// scss-docs-end font-sizes\n\n// scss-docs-start headings-variables\n$headings-margin-bottom:      $spacer * .5 !default;\n$headings-font-family:        null !default;\n$headings-font-style:         null !default;\n$headings-font-weight:        500 !default;\n$headings-line-height:        1.2 !default;\n$headings-color:              inherit !default;\n// scss-docs-end headings-variables\n\n// scss-docs-start type-variables\n\n$legend-margin-bottom:        .5rem !default;\n$legend-font-size:            1.5rem !default;\n$legend-font-weight:          null !default;\n\n$dt-font-weight:              $font-weight-bold !default;\n\n// scss-docs-end type-variables\n\n// Z-index master list\n//\n// Warning: Avoid customizing these values. They're used for a bird's eye view\n// of components dependent on the z-axis and are designed to all work together.\n\n// scss-docs-start zindex-stack\n$zindex-menu:                       1000 !default;\n$zindex-sticky:                     1020 !default;\n$zindex-fixed:                      1030 !default;\n// $zindex-drawer-backdrop:         1040 !default;\n$zindex-drawer:                  1045 !default;\n$zindex-dialog:                     1055 !default;\n$zindex-popover:                    1070 !default;\n$zindex-tooltip:                    1080 !default;\n$zindex-toast:                      1090 !default;\n// scss-docs-end zindex-stack\n\n// scss-docs-start zindex-levels-map\n$zindex-levels: (\n  n1: -1,\n  0: 0,\n  1: 1,\n  2: 2,\n  3: 3\n) !default;\n// scss-docs-end zindex-levels-map\n","@use \"sass:list\";\n@use \"sass:math\";\n@use \"sass:meta\";\n@use \"../config\" as *;\n\n// stylelint-disable property-disallowed-list\n// Single side border-radius\n\n// Helper function to replace negative values with 0\n@function valid-radius($radius) {\n  $return: ();\n  @each $value in $radius {\n    @if meta.type-of($value) == number {\n      $return: list.append($return, math.max($value, 0));\n    } @else {\n      $return: list.append($return, $value);\n    }\n  }\n  @return $return;\n}\n\n// scss-docs-start border-radius-mixins\n@mixin border-radius($radius: var(--border-radius), $fallback-border-radius: false) {\n  @if $enable-rounded {\n    border-radius: valid-radius($radius);\n  }\n  @else if $fallback-border-radius != false {\n    border-radius: $fallback-border-radius;\n  }\n}\n\n@mixin border-top-radius($radius: var(--border-radius)) {\n  @if $enable-rounded {\n    border-start-start-radius: valid-radius($radius);\n    border-start-end-radius: valid-radius($radius);\n  }\n}\n\n@mixin border-end-radius($radius: var(--border-radius)) {\n  @if $enable-rounded {\n    border-start-end-radius: valid-radius($radius);\n    border-end-end-radius: valid-radius($radius);\n  }\n}\n\n@mixin border-bottom-radius($radius: var(--border-radius)) {\n  @if $enable-rounded {\n    border-end-start-radius: valid-radius($radius);\n    border-end-end-radius: valid-radius($radius);\n  }\n}\n\n@mixin border-start-radius($radius: var(--border-radius)) {\n  @if $enable-rounded {\n    border-start-start-radius: valid-radius($radius);\n    border-end-start-radius: valid-radius($radius);\n  }\n}\n\n@mixin border-top-start-radius($radius: var(--border-radius)) {\n  @if $enable-rounded {\n    border-start-start-radius: valid-radius($radius);\n  }\n}\n\n@mixin border-top-end-radius($radius: var(--border-radius)) {\n  @if $enable-rounded {\n    border-start-end-radius: valid-radius($radius);\n  }\n}\n\n@mixin border-bottom-end-radius($radius: var(--border-radius)) {\n  @if $enable-rounded {\n    border-end-end-radius: valid-radius($radius);\n  }\n}\n\n@mixin border-bottom-start-radius($radius: var(--border-radius)) {\n  @if $enable-rounded {\n    border-end-start-radius: valid-radius($radius);\n  }\n}\n// scss-docs-end border-radius-mixins\n","@use \"../functions\" as *;\n@use \"../mixins/lists\" as *;\n@use \"../mixins/tokens\" as *;\n\n$blockquote-tokens: () !default;\n\n// scss-docs-start blockquote-tokens\n// stylelint-disable-next-line scss/dollar-variable-default\n$blockquote-tokens: defaults(\n  (\n    --blockquote-gap: calc(var(--spacer) / 2),\n    --blockquote-padding-x: var(--spacer),\n    --blockquote-margin-y: 1rem,\n    --blockquote-font-size: var(--font-size-md),\n    --blockquote-border-width: .25rem,\n    --blockquote-border-color: var(--border-color),\n    --blockquote-footer-font-size: var(--font-size-sm),\n    --blockquote-footer-color: var(--fg-3),\n  ),\n  $blockquote-tokens\n);\n// scss-docs-end blockquote-tokens\n\n@layer content {\n  //\n  // Lists\n  //\n\n  .list-unstyled {\n    @include list-unstyled();\n  }\n\n  // Inline turns list items into inline-block\n  .list-inline {\n    @include list-unstyled();\n  }\n  .list-inline-item {\n    display: inline-block;\n\n    &:not(:last-child) {\n      margin-inline-end: var(--list-inline-padding, var(--spacer) / 2);\n    }\n  }\n\n  //\n  // Misc\n  //\n\n  // Builds on `abbr`\n  .initialism {\n    font-size: var(--initialism-font-size, var(--font-size-xs));\n    text-transform: uppercase;\n  }\n\n  // Blockquotes\n  .blockquote {\n    @include tokens($blockquote-tokens);\n    display: flex;\n    flex-direction: column;\n    gap: var(--blockquote-gap);\n    padding-inline-start: var(--blockquote-padding-x);\n    margin-bottom: var(--blockquote-margin-y);\n    font-size: var(--blockquote-font-size);\n    border-inline-start: var(--blockquote-border-width) solid var(--blockquote-border-color);\n\n    > * {\n      margin-bottom: 0;\n    }\n  }\n\n  // stylelint-disable-next-line selector-no-qualifying-type\n  figure.blockquote {\n    blockquote {\n      margin-bottom: 0;\n    }\n  }\n\n  .blockquote-footer {\n    font-size: var(--blockquote-footer-font-size);\n    color: var(--blockquote-footer-color);\n\n    &::before {\n      content: \"\\2014\\00A0\"; // em dash, nbsp\n    }\n  }\n}\n","// Lists\n\n// Unstyled keeps list items block level, just removes default browser padding and list-style\n@mixin list-unstyled {\n  padding-inline-start: 0;\n  list-style: none;\n}\n","@use \"sass:map\";\n@use \"../config\" as *;\n@use \"../functions\" as *;\n@use \"../layout/breakpoints\" as *;\n@use \"../mixins/tokens\" as *;\n\n// stylelint-disable custom-property-no-missing-var-function\n$table-tokens: () !default;\n\n// scss-docs-start table-tokens\n// stylelint-disable-next-line scss/dollar-variable-default\n$table-tokens: defaults(\n  (\n    --table-cell-padding-y: .5rem,\n    --table-cell-padding-x: .5rem,\n    --table-cell-vertical-align: top,\n    --table-color: var(--fg-body),\n    --table-bg: var(--bg-body),\n    --table-accent-bg: transparent,\n    --table-border-width: var(--border-width),\n    --table-border-color: var(--border-color),\n    --table-group-separator-color: currentcolor,\n    --table-striped-color: var(--table-color),\n    --table-striped-bg-factor: 5%,\n    --table-striped-bg: color-mix(in srgb, var(--table-color) var(--table-striped-bg-factor), transparent),\n    --table-active-color: var(--table-color),\n    --table-active-bg-factor: 10%,\n    --table-active-bg: color-mix(in srgb, var(--table-color) var(--table-active-bg-factor), transparent),\n    --table-hover-color: var(--table-color),\n    --table-hover-bg-factor: 7.5%,\n    --table-hover-bg: color-mix(in srgb, var(--table-color) var(--table-hover-bg-factor), transparent),\n  ),\n  $table-tokens\n);\n// scss-docs-end table-tokens\n// stylelint-enable custom-property-no-missing-var-function\n\n$table-striped-order: odd !default;\n$table-striped-columns-order: even !default;\n\n//\n// Basic Bootstrap table\n//\n\n@layer content {\n  .table {\n    @include tokens($table-tokens);\n\n    // Reset needed for nesting tables\n    --table-color-type: initial;\n    --table-bg-type: initial;\n    --table-color-state: initial;\n    --table-bg-state: initial;\n    // End of reset\n\n    width: 100%;\n    margin-bottom: $spacer;\n    vertical-align: var(--table-cell-vertical-align);\n    border-color: var(--theme-border, var(--table-border-color));\n\n    // Target th & td\n    // We need the child combinator to prevent styles leaking to nested tables which doesn't have a `.table` class.\n    // We use the universal selectors here to simplify the selector (else we would need 6 different selectors).\n    // Another advantage is that this generates less code and makes the selector less specific making it easier to override.\n    // stylelint-disable-next-line selector-max-universal\n    > :not(caption) > * > * {\n      padding: var(--table-cell-padding-y) var(--table-cell-padding-x);\n      // Following the precept of cascades: https://codepen.io/miriamsuzanne/full/vYNgodb\n      color: var(--table-color-state, var(--table-color-type, var(--theme-fg, var(--table-color))));\n      background-color: var(--theme-bg-subtle, var(--table-bg));\n      border-block-end-width: var(--table-border-width);\n      box-shadow: inset 0 0 0 9999px var(--table-bg-state, var(--table-bg-type, var(--theme-bg-subtle, var(--table-accent-bg))));\n    }\n\n    > tbody {\n      vertical-align: inherit;\n    }\n\n    > thead {\n      vertical-align: bottom;\n    }\n  }\n\n  .table-group-divider {\n    border-block-start: calc(var(--table-border-width) * 2) solid var(--table-group-separator-color);\n  }\n\n  //\n  // Change placement of captions with a class\n  //\n\n  .caption-top {\n    caption-side: top;\n  }\n\n  //\n  // Condensed table w/ half padding\n  //\n\n  .table-sm {\n    // stylelint-disable-next-line selector-max-universal\n    > :not(caption) > * > * {\n      --table-cell-padding-y: .25rem;\n      --table-cell-padding-x: .25rem;\n    }\n  }\n\n  // Border versions\n  //\n  // Add or remove borders all around the table and between all the columns.\n  //\n  // When borders are added on all sides of the cells, the corners can render odd when\n  // these borders do not have the same color or if they are semi-transparent.\n  // Therefore we add top and border bottoms to the `tr`s and left and right borders\n  // to the `td`s or `th`s\n\n  .table-bordered {\n    > :not(caption) > * {\n      border-width: var(--table-border-width) 0;\n\n      // stylelint-disable-next-line selector-max-universal\n      > * {\n        border-width: 0 var(--table-border-width);\n      }\n    }\n  }\n\n  .table-borderless {\n    // stylelint-disable-next-line selector-max-universal\n    > :not(caption) > * > * {\n      border-block-end-width: 0;\n    }\n\n    > :not(:first-child) {\n      border-block-start-width: 0;\n    }\n  }\n\n  // Zebra-striping\n  //\n  // Default zebra-stripe styles (alternating gray and transparent backgrounds)\n\n  // For rows\n  .table-striped {\n    > tbody > tr:nth-of-type(#{$table-striped-order}) > * {\n      --table-color-type: var(--theme-fg, var(--table-striped-color));\n      --table-bg-type: color-mix(in srgb, var(--theme-fg, var(--table-color)) var(--table-striped-bg-factor), transparent);\n    }\n  }\n\n  // For columns\n  .table-striped-columns {\n    > :not(caption) > tr > :nth-child(#{$table-striped-columns-order}) {\n      --table-color-type: var(--theme-fg, var(--table-striped-color));\n      --table-bg-type: color-mix(in srgb, var(--theme-fg, var(--table-color)) var(--table-striped-bg-factor), transparent);\n    }\n  }\n\n  // Active table\n  //\n  // The `.table-active` class can be added to highlight rows or cells\n\n  .table-active {\n    --table-color-state: var(--theme-fg, var(--table-active-color));\n    --table-bg-state: color-mix(in srgb, var(--theme-fg, var(--table-color)) var(--table-active-bg-factor), transparent);\n  }\n\n  // Hover effect\n  //\n  // Placed here since it has to come after the potential zebra striping\n\n  .table-hover {\n    > tbody > tr:hover > * {\n      --table-color-state: var(--theme-fg, var(--table-hover-color));\n      --table-bg-state: color-mix(in srgb, var(--theme-fg, var(--table-color)) var(--table-hover-bg-factor), transparent);\n    }\n  }\n\n  // Responsive tables\n  //\n  // Generate `.table-responsive` classes that act as container query contexts\n  // and enable horizontal scrolling when table content overflows.\n\n  @each $breakpoint in map.keys($breakpoints) {\n    $prefix: breakpoint-prefix($breakpoint, $breakpoints);\n\n    .#{$prefix}table-responsive {\n      container-type: inline-size;\n\n      @include media-breakpoint-down($breakpoint) {\n        overflow-x: auto;\n        -webkit-overflow-scrolling: touch;\n      }\n    }\n  }\n\n  // Stacked tables\n  //\n  // Generate `.table-stacked` classes that convert table rows into stacked\n  // blocks using container queries. Requires a `.table-responsive` ancestor\n  // and `data-cell` attributes on `<td>` elements for column labels.\n\n  @each $breakpoint in map.keys($breakpoints) {\n    $prefix: breakpoint-prefix($breakpoint, $breakpoints);\n\n    @include container-breakpoint-down($breakpoint) {\n      .#{$prefix}table-stacked {\n        > thead {\n          position: absolute;\n          width: 1px;\n          height: 1px;\n          padding: 0;\n          margin: -1px;\n          overflow: hidden;\n          clip: rect(0, 0, 0, 0);\n          white-space: nowrap;\n          border: 0;\n        }\n\n        > tbody > tr {\n          display: block;\n          padding-block: var(--table-cell-padding-y);\n\n          + tr {\n            border-block-start: var(--table-border-width) solid var(--table-border-color);\n          }\n\n          > td {\n            display: block;\n            padding: calc(var(--table-cell-padding-y) * .25) calc(var(--table-cell-padding-x) * 2);\n            border: 0;\n\n            &:first-child {\n              font-weight: var(--font-weight-bold);\n            }\n\n            // + td::before {\n            //   margin-block-start: .25rem;\n            // }\n\n            &[data-cell]:not(:first-child)::before {\n              display: block;\n              font-weight: var(--font-weight-semibold);\n              content: attr(data-cell);\n            }\n          }\n\n          > td:not(:first-child) + td::before {\n            margin-block-start: .25rem;\n          }\n        }\n      }\n    }\n  }\n}\n","@use \"sass:list\";\n@use \"sass:map\";\n@use \"sass:string\";\n@use \"../config\" as *;\n\n// Breakpoint viewport sizes and media queries.\n//\n// Breakpoints are defined as a map of (name: minimum width), order from small to large:\n//\n//    (xs: 0, sm: 576px, md: 768px, lg: 1024px, xl: 1280px, 2xl: 1536px)\n//\n// The map defined in the `$breakpoints` global variable is used as the `$breakpoints` argument by default.\n\n// Name of the next breakpoint, or null for the last breakpoint.\n//\n//    >> breakpoint-next(sm)\n//    md\n//    >> breakpoint-next(sm, (xs: 0, sm: 576px, md: 768px, lg: 1024px, xl: 1280px, 2xl: 1536px))\n//    md\n//    >> breakpoint-next(sm, $breakpoint-names: (xs sm md lg xl 2xl))\n//    md\n@function breakpoint-next($name, $breakpoints: $breakpoints, $breakpoint-names: map.keys($breakpoints)) {\n  $n: list.index($breakpoint-names, $name);\n  @if not $n {\n    @error \"breakpoint `#{$name}` not found in `#{$breakpoint-names}`\";\n  }\n  // Use @if/@else because list.nth would error if evaluated when $n equals list length\n  @if $n < list.length($breakpoint-names) {\n    @return list.nth($breakpoint-names, $n + 1);\n  } @else {\n    @return null;\n  }\n}\n\n// Minimum breakpoint width. Null for the smallest (first) breakpoint.\n//\n//    >> breakpoint-min(sm, (xs: 0, sm: 576px, md: 768px, lg: 1024px, xl: 1280px, 2xl: 1536px))\n//    576px\n@function breakpoint-min($name, $breakpoints: $breakpoints) {\n  $min: map.get($breakpoints, $name);\n  @return if(sass($min != 0): $min; else: null);\n}\n\n// Maximum breakpoint width for range media queries.\n// Returns the breakpoint value to use as an upper bound in range queries.\n//\n//    >> breakpoint-max(sm, (xs: 0, sm: 576px, md: 768px, lg: 1024px, xl: 1280px, 2xl: 1536px))\n//    576px\n//    >> breakpoint-max(xxl, (xs: 0, sm: 576px, md: 768px, lg: 1024px, xl: 1280px, 2xl: 1536px))\n//    null\n@function breakpoint-max($name, $breakpoints: $breakpoints) {\n  @if $name == null {\n    @return null;\n  }\n  $max: map.get($breakpoints, $name);\n  @return if(sass($max and $max > 0): $max; else: null);\n}\n\n// Escape a name for use at the start of a CSS identifier.\n// Leading digits are hex-escaped (e.g., 2xl becomes \\32 xl).\n@function css-escape-ident($name) {\n  $name-str: \"#{$name}\";\n  $digits: \"0\", \"1\", \"2\", \"3\", \"4\", \"5\", \"6\", \"7\", \"8\", \"9\";\n  $first: string.slice($name-str, 1, 1);\n\n  @if list.index($digits, $first) {\n    @return \"\\\\3#{$first} #{string.slice($name-str, 2)}\";\n  }\n\n  @return $name-str;\n}\n\n// Returns a blank string if smallest breakpoint, otherwise returns the name\n// with an escaped colon as a Tailwind-style prefix for responsive class names.\n// Leading digits are CSS-escaped (e.g., 2xl becomes \\32 xl) for valid identifiers.\n//\n//    >> breakpoint-prefix(xs, (xs: 0, sm: 576px, md: 768px, lg: 1024px, xl: 1280px, 2xl: 1536px))\n//    \"\"  (Returns a blank string)\n//    >> breakpoint-prefix(sm, (xs: 0, sm: 576px, md: 768px, lg: 1024px, xl: 1280px, 2xl: 1536px))\n//    \"sm\\:\"\n//    >> breakpoint-prefix(2xl, (xs: 0, sm: 576px, md: 768px, lg: 1024px, xl: 1280px, 2xl: 1536px))\n//    \"\\32 xl\\:\"\n@function breakpoint-prefix($name, $breakpoints: $breakpoints) {\n  @if breakpoint-min($name, $breakpoints) == null {\n    @return \"\";\n  }\n\n  @return \"#{css-escape-ident($name)}\\\\:\";\n}\n\n// Iterate all breakpoints and provide the current name and prefix.\n//\n//    @include loop-breakpoints-up() using ($breakpoint, $prefix) {\n//      // ...\n//    }\n@mixin loop-breakpoints-up($breakpoints: $breakpoints) {\n  @each $breakpoint in map.keys($breakpoints) {\n    $prefix: breakpoint-prefix($breakpoint, $breakpoints);\n    @content($breakpoint, $prefix);\n  }\n}\n\n// Iterate all breakpoints and provide the current name, next name, and next prefix.\n//\n//    @include loop-breakpoints-down() using ($breakpoint, $next, $prefix) {\n//      // ...\n//    }\n@mixin loop-breakpoints-down($breakpoints: $breakpoints) {\n  @each $breakpoint in map.keys($breakpoints) {\n    $next: breakpoint-next($breakpoint, $breakpoints);\n    $prefix: breakpoint-prefix($next, $breakpoints);\n    @content($breakpoint, $next, $prefix);\n  }\n}\n\n// Backwards-compatible alias for next/down breakpoint loops.\n@mixin loop-breakpoints($breakpoints: $breakpoints) {\n  @include loop-breakpoints-down($breakpoints) using ($breakpoint, $next, $prefix) {\n    @content($breakpoint, $next, $prefix);\n  }\n}\n\n// Media of at least the minimum breakpoint width. No query for the smallest breakpoint.\n// Makes the @content apply to the given breakpoint and wider.\n@mixin media-breakpoint-up($name, $breakpoints: $breakpoints) {\n  $min: breakpoint-min($name, $breakpoints);\n  @if $min {\n    @media (width >= $min) {\n      @content;\n    }\n  } @else {\n    @content;\n  }\n}\n\n// Media of at most the maximum breakpoint width. No query for the largest breakpoint.\n// Makes the @content apply to the given breakpoint and narrower.\n@mixin media-breakpoint-down($name, $breakpoints: $breakpoints) {\n  $max: breakpoint-max($name, $breakpoints);\n  @if $max {\n    @media (width < $max) {\n      @content;\n    }\n  } @else {\n    @content;\n  }\n}\n\n// Media that spans multiple breakpoint widths.\n// Makes the @content apply between the min and max breakpoints\n@mixin media-breakpoint-between($lower, $upper, $breakpoints: $breakpoints) {\n  $min: breakpoint-min($lower, $breakpoints);\n  $max: breakpoint-max($upper, $breakpoints);\n\n  @if $min != null and $max != null {\n    @media (width >= $min) and (width < $max) {\n      @content;\n    }\n  } @else if $max == null {\n    @include media-breakpoint-up($lower, $breakpoints) {\n      @content;\n    }\n  } @else if $min == null {\n    @include media-breakpoint-down($upper, $breakpoints) {\n      @content;\n    }\n  }\n}\n\n// Media between the breakpoint's minimum and maximum widths.\n// No minimum for the smallest breakpoint, and no maximum for the largest one.\n// Makes the @content apply only to the given breakpoint, not viewports any wider or narrower.\n@mixin media-breakpoint-only($name, $breakpoints: $breakpoints) {\n  $min:  breakpoint-min($name, $breakpoints);\n  $next: breakpoint-next($name, $breakpoints);\n  $max:  breakpoint-max($next, $breakpoints);\n\n  @if $min != null and $max != null {\n    @media (width >= $min) and (width < $max) {\n      @content;\n    }\n  } @else if $max == null {\n    @include media-breakpoint-up($name, $breakpoints) {\n      @content;\n    }\n  } @else if $min == null {\n    @include media-breakpoint-down($next, $breakpoints) {\n      @content;\n    }\n  }\n}\n\n\n// Container queries\n//\n// Container queries allow elements to respond to the size of a containing element\n// rather than the viewport. These mixins mirror the media-breakpoint-* mixins above.\n//\n// scss-docs-start container-query-mixins\n\n// Set an element as a query container.\n//\n//    @include set-container();                    // container-type: inline-size\n//    @include set-container(size);                // container-type: size\n//    @include set-container(inline-size, sidebar); // container: sidebar / inline-size\n//\n@mixin set-container($type: inline-size, $name: null) {\n  @if $name {\n    container: #{$name} / #{$type};\n  } @else {\n    container-type: #{$type};\n  }\n}\n\n// Container query of at least the minimum breakpoint width. No query for the smallest breakpoint.\n// Makes the @content apply to the given breakpoint and wider within the container.\n//\n//    @include container-breakpoint-up(md) { ... }\n//    @include container-breakpoint-up(lg, sidebar) { ... }  // Query named container\n//\n@mixin container-breakpoint-up($name, $container-name: null, $breakpoints: $breakpoints) {\n  $min: breakpoint-min($name, $breakpoints);\n  @if $min {\n    @if $container-name {\n      @container #{$container-name} (width >= #{$min}) {\n        @content;\n      }\n    } @else {\n      @container (width >= #{$min}) {\n        @content;\n      }\n    }\n  } @else {\n    @content;\n  }\n}\n\n// Container query of at most the maximum breakpoint width. No query for the largest breakpoint.\n// Makes the @content apply to the given breakpoint and narrower within the container.\n//\n//    @include container-breakpoint-down(lg) { ... }\n//    @include container-breakpoint-down(lg, sidebar) { ... }  // Query named container\n//\n@mixin container-breakpoint-down($name, $container-name: null, $breakpoints: $breakpoints) {\n  $max: breakpoint-max($name, $breakpoints);\n  @if $max {\n    @if $container-name {\n      @container #{$container-name} (width < #{$max}) {\n        @content;\n      }\n    } @else {\n      @container (width < #{$max}) {\n        @content;\n      }\n    }\n  } @else {\n    @content;\n  }\n}\n\n// Container query that spans multiple breakpoint widths.\n// Makes the @content apply between the min and max breakpoints within the container.\n//\n//    @include container-breakpoint-between(md, xl) { ... }\n//    @include container-breakpoint-between(md, xl, sidebar) { ... }  // Query named container\n//\n@mixin container-breakpoint-between($lower, $upper, $container-name: null, $breakpoints: $breakpoints) {\n  $min: breakpoint-min($lower, $breakpoints);\n  $max: breakpoint-max($upper, $breakpoints);\n\n  @if $min != null and $max != null {\n    @if $container-name {\n      @container #{$container-name} (width >= #{$min}) and (width < #{$max}) {\n        @content;\n      }\n    } @else {\n      @container (width >= #{$min}) and (width < #{$max}) {\n        @content;\n      }\n    }\n  } @else if $max == null {\n    @include container-breakpoint-up($lower, $container-name, $breakpoints) {\n      @content;\n    }\n  } @else if $min == null {\n    @include container-breakpoint-down($upper, $container-name, $breakpoints) {\n      @content;\n    }\n  }\n}\n\n// Container query between the breakpoint's minimum and maximum widths.\n// No minimum for the smallest breakpoint, and no maximum for the largest one.\n// Makes the @content apply only to the given breakpoint within the container.\n//\n//    @include container-breakpoint-only(md) { ... }\n//    @include container-breakpoint-only(md, sidebar) { ... }  // Query named container\n//\n@mixin container-breakpoint-only($name, $container-name: null, $breakpoints: $breakpoints) {\n  $min:  breakpoint-min($name, $breakpoints);\n  $next: breakpoint-next($name, $breakpoints);\n  $max:  breakpoint-max($next, $breakpoints);\n\n  @if $min != null and $max != null {\n    @if $container-name {\n      @container #{$container-name} (width >= #{$min}) and (width < #{$max}) {\n        @content;\n      }\n    } @else {\n      @container (width >= #{$min}) and (width < #{$max}) {\n        @content;\n      }\n    }\n  } @else if $max == null {\n    @include container-breakpoint-up($name, $container-name, $breakpoints) {\n      @content;\n    }\n  } @else if $min == null {\n    @include container-breakpoint-down($next, $container-name, $breakpoints) {\n      @content;\n    }\n  }\n}\n// scss-docs-end container-query-mixins\n","@use \"../functions\" as *;\n@use \"../mixins/image\" as *;\n@use \"../mixins/border-radius\" as *;\n@use \"../mixins/box-shadow\" as *;\n@use \"../mixins/tokens\" as *;\n\n$thumbnail-tokens: () !default;\n\n// scss-docs-start thumbnail-tokens\n// stylelint-disable-next-line scss/dollar-variable-default\n$thumbnail-tokens: defaults(\n  (\n    --thumbnail-padding: .25rem,\n    --thumbnail-bg: var(--bg-body),\n    --thumbnail-border-width: var(--border-width),\n    --thumbnail-border-color: var(--border-color),\n    --thumbnail-border-radius: var(--border-radius),\n    --thumbnail-box-shadow: var(--box-shadow-sm),\n  ),\n  $thumbnail-tokens\n);\n// scss-docs-end thumbnail-tokens\n\n$figure-tokens: () !default;\n\n// scss-docs-start figure-tokens\n// stylelint-disable-next-line scss/dollar-variable-default\n$figure-tokens: defaults(\n  (\n    --figure-gap: calc(var(--spacer) * .5),\n    --figure-caption-font-size: var(--font-size-sm),\n    --figure-caption-color: var(--fg-3),\n  ),\n  $figure-tokens\n);\n// scss-docs-end figure-tokens\n\n@layer content {\n  // Responsive images (ensure images don't scale beyond their parents)\n  //\n  // This is purposefully opt-in via an explicit class rather than being the default for all `<img>`s.\n  // We previously tried the \"images are responsive by default\" approach in Bootstrap v2,\n  // and abandoned it in Bootstrap v3 because it breaks lots of third-party widgets (including Google Maps)\n  // which weren't expecting the images within themselves to be involuntarily resized.\n  // See also https://github.com/twbs/bootstrap/issues/18178\n  .img-fluid {\n    @include img-fluid();\n  }\n\n  .img-thumbnail {\n    @include tokens($thumbnail-tokens);\n    padding: var(--thumbnail-padding);\n    background-color: var(--thumbnail-bg);\n    border: var(--thumbnail-border-width) solid var(--thumbnail-border-color);\n    @include border-radius(var(--thumbnail-border-radius));\n    @include box-shadow(var(--thumbnail-box-shadow));\n\n    // Keep them at most 100% wide\n    @include img-fluid();\n  }\n\n  .figure {\n    @include tokens($figure-tokens);\n    // Ensures the caption's text aligns with the image.\n    display: flex;\n    flex-direction: column;\n    gap: var(--figure-gap);\n  }\n\n  .figure-caption {\n    font-size: var(--figure-caption-font-size);\n    color: var(--figure-caption-color);\n  }\n}\n","// Image Mixins\n// - Responsive image\n// - Retina image\n\n\n// Responsive image\n//\n// Keep images from scaling beyond the width of their parents.\n\n@mixin img-fluid {\n  // Part 1: Set a maximum relative to the parent\n  max-width: 100%;\n  // Part 2: Override the height to auto, otherwise images will be stretched\n  // when setting a width and height attribute on the img element.\n  height: auto;\n}\n","@use \"sass:list\";\n@use \"../config\" as *;\n\n@mixin box-shadow($shadow...) {\n  @if $enable-shadows {\n    $result: ();\n    $has-single-value: false;\n    $single-value: null;\n\n    @each $value in $shadow {\n      @if $value != null {\n        @if $value == none or $value == initial or $value == inherit or $value == unset {\n          $has-single-value: true;\n          $single-value: $value;\n        } @else {\n          $result: list.append($result, $value, \"comma\");\n        }\n      }\n    }\n\n    @if $has-single-value {\n      box-shadow: $single-value;\n    } @else if (list.length($result) > 0) {\n      box-shadow: $result;\n    }\n  }\n}\n","@use \"../functions\" as *;\n@use \"../mixins/tokens\" as *;\n@use \"../mixins/transition\" as *;\n\n// stylelint-disable custom-property-no-missing-var-function\n$prose-tokens: () !default;\n\n// scss-docs-start prose-tokens\n// stylelint-disable-next-line scss/dollar-variable-default\n$prose-tokens: defaults(\n  (\n    --content-font-size: 1rem,\n    --content-line-height: 1.5,\n    --content-gap: calc(var(--content-font-size) * var(--content-line-height)),\n    --heading-color: light-dark(var(--gray-900), var(--white)),\n  ),\n  $prose-tokens\n);\n// scss-docs-end prose-tokens\n// stylelint-enable custom-property-no-missing-var-function\n\n@layer content {\n  .prose {\n    @include tokens($prose-tokens);\n    position: relative;\n    display: flex;\n    flex-direction: column;\n    gap: var(--content-gap);\n    max-width: 1000px;\n    margin-inline: auto;\n    font-size: var(--content-font-size);\n    line-height: var(--content-line-height);\n\n    @media (width >= 1024px) {\n      --content-font-size: var(--font-size-md);\n      --content-line-height: 1.625;\n      // --content-gap: calc(var(--content-font-size) * var(--content-line-height));\n    }\n\n    :where(p, ul, ol, dl, pre, table, blockquote):not(:where(.not-prose, .not-prose *)) {\n      margin-block: 0;\n    }\n\n    :where(ul, ol):not([class], :where(.not-prose, .not-prose *)) li:not(:last-child) {\n      margin-bottom: calc(var(--content-gap) / 4);\n    }\n\n    :where(li ul, li ol):not(:where(.not-prose, .not-prose *)) {\n      margin-top: calc(var(--content-gap) / 4);\n    }\n\n    :where(hr):not(:where(.not-prose, .not-prose *)) {\n      margin: calc(var(--content-gap) * 1.5) 0;\n      border: 0;\n      border-block-start: var(--border-width) solid var(--hr-border-color);\n    }\n\n    :where(h1, h2, h3, h4, h5, h6):not([class], :where(.not-prose, .not-prose *)) {\n      margin-top: 0;\n      margin-bottom: calc(var(--content-gap) / -2);\n      font-weight: 500;\n      line-height: 1.25;\n\n      code {\n        font-weight: 600;\n        color: inherit;\n      }\n    }\n\n    :where(h1, h2):not(:first-child, :where(.not-prose, .not-prose *)) {\n      margin-top: calc(var(--content-gap) * .75);\n    }\n\n    :where(h3, h4, h5, h6):not(:first-child, :where(.not-prose, .not-prose *)) {\n      margin-top: calc(var(--content-gap) * .5);\n    }\n\n    :where(h1):not(:where(.not-prose, .not-prose *)) {\n      font-size: 2.25em;\n      line-height: 1.1;\n    }\n    :where(h2):not(:where(.not-prose, .not-prose *)) {\n      font-size: 1.75em;\n    }\n    :where(h3):not(:where(.not-prose, .not-prose *)) {\n      font-size: 1.5em;\n    }\n    :where(h4):not(:where(.not-prose, .not-prose *)) {\n      font-size: 1.25em;\n    }\n    :where(h5):not(:where(.not-prose, .not-prose *)) {\n      font-size: 1.125em;\n    }\n    :where(h6):not(:where(.not-prose, .not-prose *)) {\n      font-size: 1em;\n    }\n\n    :where(a:not([class])):not(:where(.not-prose, .not-prose *)) {\n      color: var(--link-color);\n      text-decoration: underline;\n      text-decoration-color: color-mix(in srgb, var(--link-color) 25%, transparent);\n      text-underline-offset: 4px;\n      @include transition(.1s text-decoration-color ease-in-out);\n\n      &:hover {\n        text-decoration-color: var(--link-hover-color);\n      }\n    }\n\n    :where(img):not(:where(.not-prose, .not-prose *)) {\n      max-width: 100%;\n    }\n\n    :where(blockquote):not(:where(.not-prose, .not-prose *)) {\n      padding-inline-start: calc(var(--content-gap) / 2);\n      margin: 0;\n      border-inline-start: 4px solid var(--border-color);\n    }\n\n    :where(table):not(:where(.not-prose, .not-prose *)) {\n      width: 100%;\n      border-spacing: 0;\n      border-collapse: collapse;\n    }\n\n    :where(table:not([class])):not(:where(.not-prose, .not-prose *)) {\n      td,\n      th {\n        padding: 6px 12px;\n        text-align: inherit;\n        border: 1px solid var(--border-color);\n      }\n    }\n\n    :where(dt):not(:where(.not-prose, .not-prose *)) {\n      font-weight: 500;\n    }\n\n    :where(video, img):not(:where(.not-prose, .not-prose *)) {\n      max-width: 100%;\n    }\n  }\n}\n","@use \"sass:list\";\n@use \"../config\" as *;\n\n// stylelint-disable property-disallowed-list\n@mixin transition($transition...) {\n  @if list.length($transition) == 0 {\n    $transition: $transition-base;\n  }\n\n  @if list.length($transition) > 1 {\n    @each $value in $transition {\n      @if $value == null or $value == none {\n        @warn \"The keyword 'none' or 'null' must be used as a single argument.\";\n      }\n    }\n  }\n\n  @if $enable-transitions {\n    @if list.nth($transition, 1) != null {\n      transition: $transition;\n    }\n\n    @if $enable-reduced-motion and list.nth($transition, 1) != null and list.nth($transition, 1) != none {\n      @media (prefers-reduced-motion: reduce) {\n        transition: none;\n      }\n    }\n  }\n}\n","@use \"../config\" as *;\n@use \"breakpoints\" as *;\n\n// Container widths\n//\n// Set the container width, and override it for fixed navbars in media queries.\n// Container mixins\n\n@mixin make-container($gutter: $container-padding-x) {\n  --gutter-x: #{$gutter};\n  --gutter-y: 0;\n  width: 100%;\n  padding-inline: calc(var(--gutter-x) * .5);\n  margin-inline: auto;\n}\n\n@layer layout {\n  @if $enable-container-classes {\n    // Single container class with breakpoint max-widths\n    .container,\n    // 100% wide container at all breakpoints\n    .container-fluid {\n      @include make-container();\n    }\n\n    // Responsive containers that are 100% wide until a breakpoint\n    @each $breakpoint, $container-max-width in $container-max-widths {\n      .#{breakpoint-prefix($breakpoint, $breakpoints)}container {\n        @extend .container-fluid;\n      }\n\n      @include media-breakpoint-up($breakpoint, $breakpoints) {\n        // Extend each breakpoint which is smaller or equal to the current breakpoint\n        $extend-breakpoint: true;\n\n        %responsive-container-#{$breakpoint} {\n          max-width: $container-max-width;\n        }\n\n        @each $name, $width in $breakpoints {\n          @if ($extend-breakpoint) {\n            .#{breakpoint-prefix($name, $breakpoints)}container {\n              @extend %responsive-container-#{$breakpoint};\n            }\n\n            // Once the current breakpoint is reached, stop extending\n            @if ($breakpoint == $name) {\n              $extend-breakpoint: false;\n            }\n          }\n        }\n      }\n    }\n  }\n}\n","@use \"../config\" as *;\n@use \"../mixins/grid\" as *;\n\n// mdo-do\n// - check gap utilities as replacement for gutter classes from v5\n\n@layer layout {\n  @if $enable-grid-classes {\n    .row {\n      @include make-row();\n\n      > * {\n        @include make-col-ready();\n      }\n    }\n\n    @include make-grid-columns();\n  }\n\n  @if $enable-cssgrid {\n    .grid {\n      --columns: #{$grid-columns};\n      --rows: 1;\n      --gap: #{$grid-gutter-x};\n\n      display: grid;\n      grid-template-rows: repeat(var(--rows), 1fr);\n      grid-template-columns: repeat(var(--columns), 1fr);\n      gap: var(--gap);\n\n    }\n\n    @include make-cssgrid();\n  }\n\n  // mdo-do: add to utilities?\n  .grid-cols-subgrid {\n    grid-template-columns: subgrid;\n  }\n\n  .grid-fill {\n    --gap: #{$grid-gutter-x};\n\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(0, 1fr));\n    grid-auto-flow: row;\n    gap: var(--gap);\n  }\n\n  // .g-col-auto {\n  //   grid-column: auto;\n  // }\n\n  // mdo-do: add to utilities?\n  // .grid-cols-3 {\n  //   --columns: 3;\n  // }\n  // .grid-cols-4 {\n  //   --columns: 4;\n  // }\n  // .grid-cols-6 {\n  //   --columns: 6;\n  // }\n\n  // .grid-full {\n  //   grid-column: 1 / -1;\n  // }\n}\n","@use \"sass:map\";\n@use \"sass:math\";\n@use \"sass:meta\";\n@use \"../config\" as *;\n@use \"../layout/breakpoints\" as *;\n\n// Grid system\n//\n// Generate semantic grid columns with these mixins.\n\n@mixin make-row($gutter-x: $grid-gutter-x, $gutter-y: $grid-gutter-y) {\n  --gutter-x: #{$gutter-x};\n  --gutter-y: #{$gutter-y};\n  display: flex;\n  flex-wrap: wrap;\n  // TODO: Revisit calc order after https://github.com/react-bootstrap/react-bootstrap/issues/6039 is fixed\n  margin-inline: calc(-.5 * var(--gutter-x));\n  margin-top: calc(-1 * var(--gutter-y));\n}\n\n@mixin make-col-ready() {\n  // Add box sizing if only the grid is loaded\n  // stylelint-disable-next-line scss/at-function-named-arguments\n  box-sizing: if(sass(meta.variable-exists(include-column-box-sizing) and $include-column-box-sizing): border-box; else: null);\n  // Prevent columns from becoming too narrow when at smaller grid tiers by\n  // always setting `width: 100%;`. This works because we set the width\n  // later on to override this initial width.\n  flex-shrink: 0;\n  width: 100%;\n  max-width: 100%; // Prevent `.col-auto`, `.col` (& responsive variants) from breaking out the grid\n  padding-inline: calc(var(--gutter-x) * .5);\n  margin-top: var(--gutter-y);\n}\n\n@mixin make-col($size: false, $columns: $grid-columns) {\n  @if $size {\n    flex: 0 0 auto;\n    width: math.percentage(math.div($size, $columns));\n\n  } @else {\n    flex: 1 1 0;\n    max-width: 100%;\n  }\n}\n\n@mixin make-col-auto() {\n  flex: 0 0 auto;\n  width: auto;\n}\n\n@mixin make-col-offset($size, $columns: $grid-columns) {\n  $num: math.div($size, $columns);\n  // stylelint-disable-next-line scss/at-function-named-arguments\n  margin-inline-start: if(sass($num == 0): 0; else: math.percentage($num));\n}\n\n// Row columns\n//\n// Specify on a parent element(e.g., .row) to force immediate children into NN\n// number of columns. Supports wrapping to new lines, but does not do a Masonry\n// style grid.\n@mixin row-cols($count) {\n  > * {\n    flex: 0 0 auto;\n    width: math.percentage(math.div(1, $count));\n  }\n}\n\n// Framework grid generation\n//\n// Used only by Bootstrap to generate the correct number of grid classes given\n// any value of `$grid-columns`.\n\n@mixin make-grid-columns($columns: $grid-columns, $gutter: $grid-gutter-x, $breakpoints: $breakpoints) {\n  @each $breakpoint in map.keys($breakpoints) {\n    $prefix: breakpoint-prefix($breakpoint, $breakpoints);\n\n    @include media-breakpoint-up($breakpoint, $breakpoints) {\n      .#{$prefix}col {\n        flex: 1 0 0;\n      }\n\n      .#{$prefix}row-cols-auto > * {\n        @include make-col-auto();\n      }\n\n      @if $grid-row-columns > 0 {\n        @for $i from 1 through $grid-row-columns {\n          .#{$prefix}row-cols-#{$i} {\n            @include row-cols($i);\n          }\n        }\n      }\n\n      .#{$prefix}col-auto {\n        @include make-col-auto();\n      }\n\n      @if $columns > 0 {\n        @for $i from 1 through $columns {\n          .#{$prefix}col-#{$i} {\n            @include make-col($i, $columns);\n          }\n        }\n\n        // `$columns - 1` because offsetting by the width of an entire row isn't possible\n        @for $i from 0 through ($columns - 1) {\n          @if not ($prefix == \"\" and $i == 0) { // Avoid emitting useless .offset-0\n            .#{$prefix}offset-#{$i} {\n              @include make-col-offset($i, $columns);\n            }\n          }\n        }\n      }\n\n      // Gutters\n      //\n      // Make use of `.g-*`, `.gx-*` or `.gy-*` utilities to change spacing between the columns.\n      @each $key, $value in $gutters {\n        .#{$prefix}g-#{$key},\n        .#{$prefix}gx-#{$key} {\n          --gutter-x: #{$value};\n        }\n\n        .#{$prefix}g-#{$key},\n        .#{$prefix}gy-#{$key} {\n          --gutter-y: #{$value};\n        }\n      }\n    }\n  }\n}\n\n@mixin make-cssgrid($columns: $grid-columns, $breakpoints: $breakpoints) {\n  @each $breakpoint in map.keys($breakpoints) {\n    $prefix: breakpoint-prefix($breakpoint, $breakpoints);\n\n    @include media-breakpoint-up($breakpoint, $breakpoints) {\n      @if $columns > 0 {\n        @for $i from 1 through $columns {\n          .#{$prefix}g-col-#{$i} {\n            grid-column: auto / span $i;\n          }\n        }\n\n        // Start with `1` because `0` is an invalid value.\n        // Ends with `$columns - 1` because offsetting by the width of an entire row isn't possible.\n        @for $i from 1 through ($columns - 1) {\n          .#{$prefix}g-start-#{$i} {\n            grid-column-start: $i;\n          }\n        }\n      }\n    }\n  }\n}\n","@use \"../functions\" as *;\n\n$form-label-tokens: () !default;\n\n// scss-docs-start form-label-tokens\n// stylelint-disable-next-line scss/dollar-variable-default\n$form-label-tokens: defaults(\n  (\n    --label-margin-bottom: calc(var(--spacer) / 2),\n    --label-font-size: null,\n    --label-font-style: null,\n    --label-font-weight: null,\n    --label-color: null,\n  ),\n  $form-label-tokens\n);\n// scss-docs-end form-label-tokens\n\n@layer forms {\n  .form-label,\n  .col-form-label {\n    font-size: var(--label-font-size, var(--font-size-sm));\n    font-style: var(--label-font-style, inherit);\n    font-weight: var(--label-font-weight, inherit);\n    color: var(--label-color, var(--fg-body));\n  }\n\n  .form-label {\n    margin-bottom: var(--label-margin-bottom, calc(var(--spacer) / 2));\n  }\n\n  // For use with horizontal and inline forms, when you need the label (or legend)\n  // text to align with the form controls.\n  .col-form-label {\n    --label-padding-y: calc(var(--btn-input-padding-y) + var(--border-width));\n    padding-block: var(--label-padding-y);\n    margin-bottom: 0; // Override the `<legend>` default\n  }\n\n  .col-form-label-lg {\n    --label-padding-y: calc(var(--btn-input-lg-padding-y) + var(--border-width));\n    font-size: var(--btn-input-lg-font-size);\n  }\n\n  .col-form-label-sm {\n    --label-padding-y: calc(var(--btn-input-sm-padding-y) + var(--border-width));\n    font-size: var(--btn-input-sm-font-size);\n  }\n}\n","@use \"../functions\" as *;\n@use \"../mixins/tokens\" as *;\n\n$form-text-tokens: () !default;\n\n// scss-docs-start form-text-tokens\n// stylelint-disable-next-line scss/dollar-variable-default\n$form-text-tokens: defaults(\n  (\n    --form-text-margin-top: .25rem,\n    --form-text-font-size: var(--font-size-sm),\n    --form-text-font-style: null,\n    --form-text-font-weight: null,\n    --form-text-color: var(--fg-3),\n  ),\n  $form-text-tokens\n);\n// scss-docs-end form-text-tokens\n\n@layer forms {\n  .form-text {\n    @include tokens($form-text-tokens);\n\n    margin-top: var(--form-text-margin-top);\n    font-size: var(--form-text-font-size);\n    font-style: var(--form-text-font-style);\n    font-weight: var(--form-text-font-weight);\n    color: var(--form-text-color);\n  }\n}\n","@use \"../functions\" as *;\n@use \"../mixins/border-radius\" as *;\n@use \"../mixins/box-shadow\" as *;\n@use \"../mixins/focus-ring\" as *;\n@use \"../mixins/gradients\" as *;\n@use \"../mixins/tokens\" as *;\n@use \"../mixins/transition\" as *;\n\n$form-control-tokens: () !default;\n\n// scss-docs-start form-control-tokens\n// stylelint-disable custom-property-no-missing-var-function\n// stylelint-disable-next-line scss/dollar-variable-default\n$form-control-tokens: defaults(\n  (\n    --control-min-height: var(--btn-input-min-height),\n    --control-padding-y: var(--btn-input-padding-y),\n    --control-padding-x: var(--btn-input-padding-x),\n    --control-font-size: var(--btn-input-font-size),\n    --control-line-height: var(--btn-input-line-height),\n    --control-fg: var(--btn-input-fg),\n    --control-bg: var(--btn-input-bg),\n    --control-border-width: var(--border-width),\n    --control-border-color: var(--border-color),\n    --control-border-radius: var(--border-radius),\n    --control-box-shadow: var(--box-shadow-inset),\n    --control-action-bg: var(--bg-1),\n    --control-action-hover-bg: var(--bg-2),\n    --control-transition-property: \"border-color, box-shadow\",\n    --control-transition-timing: .15s ease-in-out,\n    --control-transition: var(--control-transition-property) var(--control-transition-timing),\n    --control-placeholder-color: var(--fg-3),\n    --control-disabled-color: var(--control-fg),\n    --control-disabled-bg: var(--bg-2),\n    --control-disabled-border-color: var(--control-border-color),\n    --control-select-bg: #{escape-svg(url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path fill='none' stroke='#00000080' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/></svg>\"))},\n    --control-select-bg-position: right .75rem center,\n    --control-select-bg-size: 16px 12px,\n    --control-select-bg-dark: #{escape-svg(url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path fill='none' stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/></svg>\"))},\n  ),\n  $form-control-tokens\n);\n// scss-docs-end form-control-tokens\n\n// scss-docs-start form-control-sizes\n$form-control-sizes: () !default;\n// stylelint-disable-next-line scss/dollar-variable-default\n$form-control-sizes: defaults(\n  (\"sm\", \"lg\"),\n  $form-control-sizes\n);\n// scss-docs-end form-control-sizes\n// stylelint-enable custom-property-no-missing-var-function\n\n@layer forms {\n  .form-control {\n    @include tokens($form-control-tokens);\n\n    display: flex;\n    width: 100%;\n    min-height: var(--control-min-height);\n    padding: var(--control-padding-y) var(--control-padding-x);\n    font-size: var(--control-font-size);\n    line-height: var(--control-line-height);\n    color: var(--control-fg);\n    appearance: none;\n    background-color: var(--control-bg);\n    background-clip: padding-box;\n    border: var(--control-border-width) solid var(--control-border-color);\n    @include border-radius(var(--control-border-radius), 0);\n    @include box-shadow(var(--control-box-shadow));\n    @include transition(var(--control-transition));\n\n    // Customize the `:focus` state to imitate native WebKit styles.\n    &:focus-visible {\n      --focus-ring-offset: -1px;\n      @include focus-ring(true);\n    }\n\n    // Placeholder\n    &::placeholder {\n      color: var(--control-placeholder-color);\n      // Override Firefox's unusual default opacity; see https://github.com/twbs/bootstrap/pull/11526.\n      opacity: 1;\n    }\n\n    // Disabled inputs\n    //\n    // HTML5 says that controls under a fieldset > legend:first-child won't be\n    // disabled if the fieldset is disabled. Due to implementation difficulty, we\n    // don't honor that edge case; we style them as disabled anyway.\n    &:disabled {\n      color: var(--control-disabled-color);\n      background-color: var(--control-disabled-bg);\n      border-color: var(--control-disabled-border-color);\n      // iOS fix for unreadable disabled content; see https://github.com/twbs/bootstrap/issues/11655.\n      opacity: 1;\n    }\n\n    // Date and time inputs\n    // &::-webkit-date-and-time-value {\n    //   // On Android Chrome, form-control's \"width: 100%\" makes the input width too small\n    //   // Tested under Android 11 / Chrome 89, Android 12 / Chrome 100, Android 13 / Chrome 109\n    //   //\n    //   // On iOS Safari, form-control's \"appearance: none\" + \"width: 100%\" makes the input width too small\n    //   // Tested under iOS 16.2 / Safari 16.2\n    //   min-width: 85px; // Seems to be a good minimum safe width\n\n    //   // Add some height to date inputs on iOS\n    //   // https://github.com/twbs/bootstrap/issues/23307\n    //   // TODO: we can remove this workaround once https://bugs.webkit.org/show_bug.cgi?id=198959 is resolved\n    //   // Multiply line-height by 1em if it has no unit\n    //   height: 1.5em;\n\n    //   // Android Chrome type=\"date\" is taller than the other inputs\n    //   // because of \"margin: 1px 24px 1px 4px\" inside the shadow DOM\n    //   // Tested under Android 11 / Chrome 89, Android 12 / Chrome 100, Android 13 / Chrome 109\n    //   margin: 0;\n    //   background-color: var(--red-500);\n    // }\n\n    // Prevent excessive date input height in Webkit\n    // https://github.com/twbs/bootstrap/issues/34433\n\n    // mdo-do: need to check this stuff out across browsers\n    &::-webkit-datetime-edit {\n      display: block;\n      height: 1.5rem;\n      padding: 0;\n      margin-bottom: -.125rem;\n    }\n    &::-webkit-datetime-edit-fields-wrapper {\n      height: 1.5rem;\n    }\n\n    // File inputs\n    &[type=\"file\"] {\n      overflow: hidden; // prevent pseudo element button overlap\n\n      &:not(:disabled, [readonly]) {\n        cursor: pointer;\n      }\n    }\n    &::file-selector-button {\n      min-height: var(--control-min-height);\n      padding: var(--control-padding-y) var(--control-padding-x);\n      margin: calc(var(--control-padding-y) * -1) calc(var(--control-padding-x) * -1);\n      margin-inline-end: var(--control-padding-x);\n      color: var(--control-fg);\n      @include gradient-bg(var(--control-action-bg));\n      pointer-events: none;\n      border-color: inherit;\n      border-style: solid;\n      border-width: 0;\n      border-inline-end-width: var(--control-border-width);\n      border-radius: 0; // stylelint-disable-line property-disallowed-list\n      @include transition(var(--control-transition));\n    }\n\n    &:hover:not(:disabled, [readonly])::file-selector-button {\n      background-color: var(--control-action-hover-bg);\n    }\n  }\n\n  // Readonly controls as plain text\n  //\n  // Apply class to a readonly input to make it appear like regular plain\n  // text (without any border, background color, focus indicator)\n\n  .form-control-plaintext {\n    display: block;\n    width: 100%;\n    padding: var(--control-padding-y) 0;\n    margin-bottom: 0; // match inputs if this class comes on inputs with default margins\n    line-height: var(--control-line-height);\n    color: var(--control-fg);\n    background-color: transparent;\n    border: solid transparent;\n    border-width: var(--control-border-width) 0;\n\n    &:focus {\n      outline: 0;\n    }\n\n    &.form-control-sm,\n    &.form-control-lg {\n      padding-inline: 0;\n    }\n  }\n\n  // stylelint-disable selector-no-qualifying-type\n  select.form-control {\n    padding-inline-end: calc(var(--control-padding-x) * 3);\n    background-image: var(--control-select-bg);\n    background-repeat: no-repeat;\n    background-position: var(--control-select-bg-position);\n    background-size: var(--control-select-bg-size);\n\n    &[multiple],\n    &[size]:not([size=\"1\"]) {\n      padding-inline-end: var(--control-padding-x);\n      background-image: none;\n    }\n  }\n\n  @media (prefers-color-scheme: dark) {\n    select.form-control {\n      background-image: var(--control-select-bg-dark);\n    }\n  }\n  // stylelint-enable selector-no-qualifying-type\n\n  // Form control sizing\n  //\n  // Build on `.form-control` with modifier classes to decrease or increase the\n  // height and font-size of form controls.\n  //\n  // Repeated in `_input_group.scss` to avoid Sass extend issues.\n  @each $size, $_ in $form-control-sizes {\n    .form-control-#{$size} {\n      --control-min-height: var(--btn-input-#{$size}-min-height);\n      --control-padding-y: var(--btn-input-#{$size}-padding-y);\n      --control-padding-x: var(--btn-input-#{$size}-padding-x);\n      --control-font-size: var(--btn-input-#{$size}-font-size);\n      --control-line-height: var(--btn-input-#{$size}-line-height);\n      --control-border-radius: var(--btn-input-#{$size}-border-radius);\n    }\n  }\n\n  .form-control-color {\n    width: var(--control-min-height);\n    padding: var(--control-padding-y);\n\n    &:not(:disabled, [readonly]) {\n      cursor: pointer;\n    }\n\n    &::-moz-color-swatch {\n      border: 0 !important; // stylelint-disable-line declaration-no-important\n      @include border-radius(var(--border-radius-sm));\n    }\n\n    &::-webkit-color-swatch {\n      border: 0 !important; // stylelint-disable-line declaration-no-important\n      @include border-radius(var(--border-radius-sm));\n    }\n  }\n\n  // Ghost input - removes all visual styling\n  // Used inside custom wrappers that handle their own styling\n  .form-ghost {\n    display: block;\n    width: 100%;\n    padding: 0;\n    font: inherit;\n    color: inherit;\n    appearance: none;\n    background: transparent;\n    border: 0;\n\n    &:focus {\n      outline: 0;\n    }\n\n    &::placeholder {\n      color: var(--fg-3);\n      opacity: 1;\n    }\n\n    &:disabled {\n      color: var(--fg-4);\n      cursor: not-allowed;\n    }\n  }\n}\n","@mixin focus-ring($offset: false, $color: null) {\n  @if $color != null {\n    outline: var(--focus-ring-width) solid #{$color};\n  } @else {\n    outline: var(--focus-ring);\n  }\n  @if $offset {\n    outline-offset: var(--focus-ring-offset);\n  }\n}\n","@use \"../colors\" as *;\n@use \"../config\" as *;\n\n// Gradients\n\n// scss-docs-start gradient-bg-mixin\n@mixin gradient-bg($color: null) {\n  background-color: $color;\n\n  @if $enable-gradients {\n    background-image: var(--gradient);\n  }\n}\n// scss-docs-end gradient-bg-mixin\n\n// scss-docs-start gradient-mixins\n// Horizontal gradient, from left to right\n//\n// Creates two color stops, start and end, by specifying a color and position for each color stop.\n@mixin gradient-x($start-color: var(--gray-700), $end-color: var(--gray-800), $start-percent: 0%, $end-percent: 100%) {\n  background-image: linear-gradient(to right, $start-color $start-percent, $end-color $end-percent);\n}\n\n// Vertical gradient, from top to bottom\n//\n// Creates two color stops, start and end, by specifying a color and position for each color stop.\n@mixin gradient-y($start-color: var(--gray-700), $end-color: var(--gray-800), $start-percent: null, $end-percent: null) {\n  background-image: linear-gradient(to bottom, $start-color $start-percent, $end-color $end-percent);\n}\n\n@mixin gradient-directional($start-color: var(--gray-700), $end-color: var(--gray-800), $deg: 45deg) {\n  background-image: linear-gradient($deg, $start-color, $end-color);\n}\n\n@mixin gradient-x-three-colors($start-color: $blue, $mid-color: $purple, $color-stop: 50%, $end-color: $red) {\n  background-image: linear-gradient(to right, $start-color, $mid-color $color-stop, $end-color);\n}\n\n@mixin gradient-y-three-colors($start-color: $blue, $mid-color: $purple, $color-stop: 50%, $end-color: $red) {\n  background-image: linear-gradient($start-color, $mid-color $color-stop, $end-color);\n}\n\n@mixin gradient-radial($inner-color: var(--gray-700), $outer-color: var(--gray-800)) {\n  background-image: radial-gradient(circle, $inner-color, $outer-color);\n}\n\n@mixin gradient-striped($color: rgb(255 255 255 / .15), $angle: 45deg) {\n  background-image: linear-gradient($angle, $color 25%, transparent 25%, transparent 50%, $color 50%, $color 75%, transparent 75%, transparent);\n}\n// scss-docs-end gradient-mixins\n","@use \"../functions\" as *;\n@use \"../mixins/focus-ring\" as *;\n@use \"../mixins/tokens\" as *;\n\n// stylelint-disable custom-property-no-missing-var-function\n$check-tokens: () !default;\n\n// scss-docs-start check-tokens\n// stylelint-disable-next-line scss/dollar-variable-default\n$check-tokens: defaults(\n  (\n    --check-size: 1.25rem,\n    --check-margin-block: .125rem,\n    --check-bg: transparent,\n    --check-border-color: var(--border-color),\n    --check-border-radius: .375rem,\n    --check-checked-bg: var(--control-checked-bg),\n    --check-checked-border-color: var(--control-checked-border-color),\n    --check-indeterminate-bg: var(--control-checked-bg),\n    --check-indeterminate-border-color: var(--control-checked-border-color),\n    --check-active-bg: var(--control-active-bg),\n    --check-active-border-color: var(--control-active-border-color),\n    --check-disabled-bg: var(--control-disabled-bg),\n    --check-disabled-opacity: var(--control-disabled-opacity),\n  ),\n  $check-tokens\n);\n// scss-docs-end check-tokens\n// stylelint-enable custom-property-no-missing-var-function\n\n@layer forms {\n  .checkgroup {\n    display: flex;\n    gap: var(--gap, .5rem);\n    align-items: var(--align-items, start);\n\n    .description {\n      color: var(--fg-3);\n    }\n  }\n\n  .check {\n    @include tokens($check-tokens);\n\n    display: grid;\n    grid-template-columns: repeat(1, minmax(0, 1fr));\n    margin-block: var(--check-margin-block);\n\n    :where(svg, input) {\n      flex-shrink: 0;\n      grid-row-start: 1;\n      grid-column-start: 1;\n      width: var(--check-size);\n      height: var(--check-size);\n    }\n\n    :where(input) {\n      appearance: none;\n      // later: maybe set a tertiary bg color?\n      background-color: var(--theme-bg, var(--check-bg));\n      border: 1px solid var(--theme-bg, var(--check-border-color));\n      // stylelint-disable-next-line property-disallowed-list\n      border-radius: .3em;\n    }\n\n    :where(input:checked, input:indeterminate) {\n      background-color: var(--theme-bg, var(--check-checked-bg));\n      border-color: var(--theme-bg, var(--check-checked-border-color));\n    }\n\n    :where(input:focus-visible) {\n      @include focus-ring(true);\n    }\n\n    &:has(input:checked) .checked,\n    &:has(input:indeterminate) .indeterminate {\n      display: block;\n      color: var(--theme-contrast, var(--primary-contrast));\n      stroke: currentcolor;\n    }\n\n    &:has(input:disabled) {\n      --check-bg: var(--check-disabled-bg);\n\n      ~ label {\n        color: var(--fg-3);\n        cursor: default;\n      }\n    }\n    &:has(input:disabled:checked) {\n      opacity: var(--check-disabled-opacity);\n    }\n\n    :where(svg) {\n      pointer-events: none;\n    }\n\n    :where(svg path) {\n      display: none;\n    }\n  }\n\n  .check-sm {\n    --check-size: 1rem;\n  }\n  .check-lg {\n    --check-size: 1.5rem;\n    --check-margin-block: 0;\n  }\n}\n","@use \"../functions\" as *;\n@use \"../mixins/focus-ring\" as *;\n@use \"../mixins/tokens\" as *;\n\n// stylelint-disable custom-property-no-missing-var-function\n$radio-tokens: () !default;\n\n// scss-docs-start radio-tokens\n// stylelint-disable-next-line scss/dollar-variable-default\n$radio-tokens: defaults(\n  (\n    --radio-size: 1.25rem,\n    --radio-margin-block: .125rem,\n    --radio-bg: transparent,\n    --radio-border-color: var(--border-color),\n    --radio-checked-bg: var(--control-checked-bg),\n    --radio-checked-border-color: var(--control-checked-border-color),\n    --radio-disabled-bg: var(--control-disabled-bg),\n    --radio-disabled-opacity: var(--control-disabled-opacity),\n  ),\n  $radio-tokens\n);\n// scss-docs-end radio-tokens\n// stylelint-enable custom-property-no-missing-var-function\n\n@layer forms {\n  .radiogroup {\n    display: flex;\n    gap: var(--gap, .5rem);\n    align-items: var(--align-items, start);\n\n    .description {\n      color: var(--fg-3);\n    }\n  }\n\n  .radio {\n    @include tokens($radio-tokens);\n\n    position: relative;\n    flex-shrink: 0;\n    width: var(--radio-size);\n    height: var(--radio-size);\n    margin-block: var(--radio-margin-block);\n    appearance: none;\n    background-color: var(--theme-bg, var(--radio-bg));\n    border: 1px solid var(--theme-bg, var(--radio-border-color));\n    // stylelint-disable-next-line property-disallowed-list\n    border-radius: 50%;\n\n    &:checked {\n      color: var(--theme-contrast, var(--primary-contrast));\n      background-color: var(--theme-bg, var(--radio-checked-bg));\n      border-color: var(--theme-bg, var(--radio-checked-border-color));\n\n      &::before {\n        position: absolute;\n        inset: .25rem;\n        content: \"\";\n        background-color: currentcolor;\n        // stylelint-disable-next-line property-disallowed-list\n        border-radius: 50%;\n      }\n    }\n\n    &:disabled {\n      --radio-bg: var(--radio-disabled-bg);\n\n      ~ label {\n        color: var(--secondary-fg);\n        cursor: default;\n      }\n    }\n\n    &:focus-visible {\n      @include focus-ring(true);\n    }\n  }\n\n  .radio-sm {\n    --radio-size: 1rem;\n  }\n  .radio-lg {\n    --radio-size: 1.5rem;\n    --radio-margin-block: 0;\n  }\n}\n","@use \"../functions\" as *;\n@use \"../mixins/focus-ring\" as *;\n@use \"../mixins/tokens\" as *;\n\n// stylelint-disable custom-property-no-missing-var-function\n$switch-tokens: () !default;\n\n// scss-docs-start switch-tokens\n// stylelint-disable-next-line scss/dollar-variable-default\n$switch-tokens: defaults(\n  (\n    --switch-height: 1.25rem,\n    --switch-width: calc(var(--switch-height) * 1.5),\n    --switch-padding: .0625rem,\n    --switch-margin-block: .125rem,\n    --switch-bg: var(--bg-3),\n    --switch-border-width: var(--border-width),\n    --switch-border-color: var(--border-color),\n    --switch-indicator-bg: var(--white),\n    --switch-checked-bg: var(--control-checked-bg),\n    --switch-checked-border-color: var(--switch-checked-bg),\n    --switch-checked-indicator-bg: var(--white),\n    --switch-disabled-bg: var(--control-disabled-bg),\n    --switch-disabled-indicator-bg: var(--fg-3),\n  ),\n  $switch-tokens\n);\n// scss-docs-end switch-tokens\n// stylelint-enable custom-property-no-missing-var-function\n\n@layer forms {\n  .switch {\n    @include tokens($switch-tokens);\n\n    position: relative;\n    display: flex;\n    flex-shrink: 0;\n    align-items: stretch;\n    justify-content: flex-start;\n    width: var(--switch-width);\n    height: var(--switch-height);\n    padding: var(--switch-padding);\n    margin-block: var(--switch-margin-block);\n    background-color: var(--switch-bg);\n    border: var(--switch-border-width) solid var(--switch-border-color);\n    // stylelint-disable-next-line property-disallowed-list\n    border-radius: 10rem;\n    box-shadow: inset 0 1px 2px rgb(0 0 0 / .05);\n    // stylelint-disable-next-line property-disallowed-list\n    transition: .15s ease-in-out;\n    transition-property: padding-inline-start, background-color;\n\n    &::before {\n      flex-shrink: 0;\n      width: calc(var(--switch-height) - calc(var(--switch-padding) * 2) - var(--switch-border-width) * 2);\n      height: calc(var(--switch-height) - calc(var(--switch-padding) * 2) - var(--switch-border-width) * 2);\n      content: \"\";\n      background-color: var(--theme-contrast, var(--switch-indicator-bg));\n      // stylelint-disable-next-line property-disallowed-list\n      border-radius: 50%;\n      box-shadow: 0 1px 2px rgb(0 0 0 / .1);\n    }\n\n    input {\n      position: absolute;\n      inset: 0;\n      appearance: none;\n      background-color: transparent;\n      outline: 0;\n    }\n\n    &:focus-within {\n      @include focus-ring(true);\n    }\n\n    &:has(input:checked) {\n      padding-inline-start: calc(var(--switch-height) / 2 + var(--switch-padding));\n      background-color: var(--theme-bg, var(--switch-checked-bg));\n      border-color: var(--theme-bg, var(--switch-checked-border-color));\n    }\n\n    &:has(input:disabled) {\n      --switch-bg: var(--switch-disabled-bg);\n      --switch-indicator-bg: var(--switch-disabled-indicator-bg);\n\n      &::before { opacity: .4; }\n\n      ~ label {\n        color: var(--secondary-fg);\n        cursor: default;\n      }\n    }\n  }\n  .switch-sm {\n    --switch-height: 1rem;\n  }\n  .switch-lg {\n    --switch-height: 1.5rem;\n    --switch-margin-block: 0;\n  }\n}\n","@use \"../functions\" as *;\n@use \"../mixins/border-radius\" as *;\n@use \"../mixins/box-shadow\" as *;\n@use \"../mixins/focus-ring\" as *;\n@use \"../mixins/transition\" as *;\n@use \"../mixins/gradients\" as *;\n@use \"../mixins/tokens\" as *;\n\n$range-tokens: () !default;\n\n// scss-docs-start range-tokens\n// stylelint-disable-next-line scss/dollar-variable-default\n$range-tokens: defaults(\n  (\n    --range-track-width: 100%,\n    --range-track-height: .5rem,\n    --range-track-cursor: pointer,\n    --range-track-bg: var(--bg-3),\n    --range-track-border-radius: 1rem,\n    --range-track-box-shadow: var(--box-shadow-inset),\n    --range-thumb-width: 1rem,\n    --range-thumb-height: var(--range-thumb-width),\n    --range-thumb-bg: var(--primary-base),\n    --range-thumb-border: var(--range-thumb-bg) solid var(--border-color),\n    --range-thumb-border-radius: 1rem,\n    --range-thumb-box-shadow: \"0 1px 2px rgb(0 0 0 / 7.5%), 0 2px 4px rgb(0 0 0 / 7.5%)\",\n    --range-thumb-active-bg: color-mix(in oklch, var(--primary-base) 70%, var(--bg-body)),\n    --range-thumb-disabled-bg: var(--fg-3),\n    --range-thumb-transition-property: \"background-color, border-color, box-shadow\",\n    --range-thumb-transition-timing: .15s ease-in-out,\n    --range-thumb-transition: var(--range-thumb-transition-property) var(--range-thumb-transition-timing),\n  ),\n  $range-tokens\n);\n// scss-docs-end range-tokens\n\n// scss-docs-start range-mixins\n@mixin range-thumb() {\n  width: var(--range-thumb-width);\n  height: var(--range-thumb-height);\n  appearance: none;\n  @include gradient-bg(var(--range-thumb-bg));\n  border: var(--range-thumb-border);\n  @include border-radius(var(--range-thumb-border-radius));\n  @include box-shadow(var(--range-thumb-box-shadow));\n  @include transition(var(--range-thumb-transition));\n\n  &:active {\n    @include gradient-bg(var(--range-thumb-active-bg));\n  }\n}\n\n@mixin range-track() {\n  width: var(--range-track-width);\n  height: var(--range-track-height);\n  color: transparent; // Why?\n  cursor: var(--range-track-cursor);\n  background-color: var(--range-track-bg);\n  border-color: transparent; // Firefox specific?\n  @include border-radius(var(--range-track-border-radius));\n  @include box-shadow(var(--range-track-box-shadow));\n}\n// scss-docs-end range-mixins\n\n@layer forms {\n  .form-range {\n    @include tokens($range-tokens);\n\n    width: 100%;\n    height: calc(var(--range-thumb-height) + (var(--focus-ring-width) * 2));\n    padding: 0; // Need to reset padding\n    appearance: none;\n    background-color: transparent;\n\n    &:hover {\n      &::-webkit-slider-thumb {\n        @include focus-ring(false, color-mix(in oklch, var(--primary-focus-ring), transparent));\n      }\n      &::-moz-range-thumb     {\n        @include focus-ring(false, color-mix(in oklch, var(--primary-focus-ring), transparent));\n      }\n    }\n\n    &:focus-visible {\n      outline: 0;\n\n      // Pseudo-elements must be split across multiple rulesets to have an effect.\n      &::-webkit-slider-thumb {\n        @include focus-ring(true);\n        --focus-ring-offset: 0;\n      }\n      &::-moz-range-thumb     {\n        @include focus-ring(true);\n        --focus-ring-offset: 0;\n      }\n    }\n\n    &::-moz-focus-outer {\n      border: 0;\n    }\n\n    &::-webkit-slider-thumb {\n      @include range-thumb();\n      margin-top: calc((var(--range-track-height) - var(--range-thumb-height)) * .5); // Webkit specific\n    }\n\n    &::-moz-range-thumb {\n      @include range-thumb();\n    }\n\n    &::-webkit-slider-runnable-track {\n      @include range-track();\n    }\n\n    &::-moz-range-track {\n      @include range-track();\n    }\n\n    &:disabled {\n      pointer-events: none;\n\n      &::-webkit-slider-thumb {\n        background-color: var(--range-thumb-disabled-bg);\n      }\n\n      &::-moz-range-thumb {\n        background-color: var(--range-thumb-disabled-bg);\n      }\n    }\n  }\n}\n","@use \"../functions\" as *;\n@use \"../mixins/border-radius\" as *;\n@use \"../mixins/tokens\" as *;\n@use \"../mixins/transition\" as *;\n\n$form-floating-tokens: () !default;\n\n// scss-docs-start form-floating-tokens\n// stylelint-disable-next-line scss/dollar-variable-default\n$form-floating-tokens: defaults(\n  (\n    --form-floating-height: calc(3.5rem + (var(--border-width) * 2)),\n    --form-floating-line-height: 1.25,\n    --form-floating-padding-x: var(--btn-input-padding-x),\n    --form-floating-padding-y: 1rem,\n    --form-floating-input-padding-t: 1.625rem,\n    --form-floating-input-padding-b: .625rem,\n    --form-floating-label-height: 1.5em,\n    --form-floating-label-opacity: .65,\n    --form-floating-label-transform: scale(.85) translateY(-.5rem) translateX(.15rem),\n    --form-floating-label-disabled-color: var(--fg-3),\n    --form-floating-transition-property: \"opacity, transform\",\n    --form-floating-transition-timing: .1s ease-in-out,\n    --form-floating-transition: var(--form-floating-transition-property) var(--form-floating-transition-timing),\n  ),\n  $form-floating-tokens\n);\n// scss-docs-end form-floating-tokens\n\n@layer forms {\n  .form-floating {\n    @include tokens($form-floating-tokens);\n\n    position: relative;\n\n    > label {\n      position: absolute;\n      inset-block-start: 0;\n      inset-inline-start: 0;\n      z-index: 2;\n      display: flex;\n      align-items: center;\n      max-width: 100%;\n      height: 100%; // allow textareas\n      padding: var(--form-floating-padding-y) var(--form-floating-padding-x);\n      overflow: hidden;\n      color: color-mix(in oklch, var(--fg-body) var(--form-floating-label-opacity), transparent);\n      text-align: start;\n      text-overflow: ellipsis;\n      white-space: nowrap;\n      pointer-events: none;\n      border: var(--input-btn-border-width) solid transparent; // Required for aligning label's text with the input as it affects inner box model\n      transform-origin: 0 0;\n      @include transition(var(--form-floating-transition));\n    }\n\n    > .form-control,\n    > .form-control-plaintext {\n      height: var(--form-floating-height);\n      min-height: var(--form-floating-height);\n      padding: var(--form-floating-padding-y) var(--form-floating-padding-x);\n      line-height: var(--form-floating-line-height);\n\n      &::placeholder {\n        color: transparent;\n      }\n\n      &:focus,\n      &:not(:placeholder-shown) {\n        padding-top: var(--form-floating-input-padding-t);\n        padding-bottom: var(--form-floating-input-padding-b);\n      }\n      // Duplicated because `:-webkit-autofill` invalidates other selectors when grouped\n      &:-webkit-autofill {\n        padding-top: var(--form-floating-input-padding-t);\n        padding-bottom: var(--form-floating-input-padding-b);\n      }\n    }\n\n    > .form-control:focus,\n    > .form-control:not(:placeholder-shown),\n    > .form-control-plaintext {\n      ~ label {\n        transform: var(--form-floating-label-transform);\n      }\n    }\n\n    // Duplicated because `:-webkit-autofill` invalidates other selectors when grouped\n    > .form-control:-webkit-autofill {\n      ~ label {\n        transform: var(--form-floating-label-transform);\n      }\n    }\n    > textarea:focus,\n    > textarea:not(:placeholder-shown) {\n      ~ label::after {\n        position: absolute;\n        inset: var(--form-floating-padding-y) calc(var(--form-floating-padding-x) * .5);\n        z-index: -1;\n        height: var(--form-floating-label-height);\n        content: \"\";\n        background-color: var(--control-bg);\n        @include border-radius(var(--btn-input-border-radius));\n      }\n    }\n    > textarea:disabled ~ label::after {\n      background-color: var(--control-disabled-bg);\n    }\n\n    > .form-control-plaintext {\n      ~ label {\n        border-width: var(--control-border-width) 0; // Required to properly position label text - as explained above\n      }\n    }\n\n    > :disabled ~ label,\n    > .form-control:disabled ~ label { // Required for `.form-control`s because of specificity\n      color: var(--form-floating-label-disabled-color);\n    }\n  }\n}\n","@use \"sass:map\";\n@use \"sass:string\";\n@use \"../functions\" as *;\n@use \"../mixins/border-radius\" as *;\n@use \"../mixins/tokens\" as *;\n@use \"form-variables\" as *;\n\n$input-group-addon-tokens: () !default;\n\n// scss-docs-start input-group-addon-tokens\n// stylelint-disable-next-line scss/dollar-variable-default\n$input-group-addon-tokens: defaults(\n  (\n    --input-group-addon-padding-y: var(--btn-input-padding-y),\n    --input-group-addon-padding-x: var(--btn-input-padding-x),\n    --input-group-addon-font-size: var(--btn-input-font-size),\n    --input-group-addon-line-height: var(--btn-input-line-height),\n    --input-group-addon-color: var(--fg-body),\n    --input-group-addon-bg: var(--bg-2),\n    --input-group-addon-border-color: var(--border-color),\n  ),\n  $input-group-addon-tokens\n);\n// scss-docs-end input-group-addon-tokens\n\n// scss-docs-start input-group-sizes\n$input-group-sizes: () !default;\n// stylelint-disable-next-line scss/dollar-variable-default\n$input-group-sizes: defaults(\n  (\"sm\", \"lg\"),\n  $input-group-sizes\n);\n// scss-docs-end input-group-sizes\n\n@layer components {\n  .input-group {\n    @include tokens($input-group-addon-tokens);\n\n    position: relative;\n    display: flex;\n    flex-wrap: wrap; // For form validation feedback\n    align-items: stretch;\n    width: 100%;\n\n    > .form-control,\n    > .form-floating {\n      position: relative; // For focus state's z-index\n      flex: 1 1 auto;\n      width: 1%;\n      min-width: 0; // https://stackoverflow.com/questions/36247140/why-dont-flex-items-shrink-past-content-size\n    }\n\n    // Bring the \"active\" form control to the top of surrounding elements\n    > .form-control:focus,\n    > .form-floating:focus-within {\n      z-index: 5;\n    }\n\n    // Ensure buttons are always above inputs for more visually pleasing borders.\n    // This isn't needed for `.input-group-text` since it shares the same border-color\n    // as our inputs.\n    > .input-group-btn {\n      position: relative;\n      z-index: 2;\n\n      &:focus {\n        z-index: 5;\n      }\n    }\n  }\n\n  // Textual addons\n  //\n  // Serves as a catch-all element for any text or radio/checkbox input you wish\n  // to prepend or append to an input.\n\n  .input-group-text {\n    display: flex;\n    align-items: center;\n    padding: var(--input-group-addon-padding-y) var(--input-group-addon-padding-x);\n    font-size: var(--input-group-addon-font-size); // Match inputs\n    // font-weight: $input-group-addon-font-weight;\n    line-height: var(--input-group-addon-line-height);\n    color: var(--input-group-addon-color);\n    text-align: center;\n    white-space: nowrap;\n    background-color: var(--input-group-addon-bg);\n    border: var(--border-width) solid var(--input-group-addon-border-color);\n    @include border-radius(var(--btn-input-border-radius));\n  }\n\n  // Sizing\n  //\n  // Remix the default form control sizing classes into new ones for easier\n  // manipulation.\n\n  @each $size, $_ in $input-group-sizes {\n    .input-group-#{$size} {\n      > .form-control,\n      > .input-group-text,\n      > .btn {\n        min-height: var(--btn-input-#{$size}-min-height);\n        padding: var(--btn-input-#{$size}-padding-y) var(--btn-input-#{$size}-padding-x);\n        font-size: var(--btn-input-#{$size}-font-size);\n        @include border-radius(var(--btn-input-#{$size}-border-radius));\n      }\n    }\n  }\n\n  // Rounded corners\n  //\n  // These rulesets must come after the sizing ones to properly override sm and lg\n  // border-radius values when extending. They're more specific than we'd like\n  // with the `.input-group >` part, but without it, we cannot override the sizing.\n\n  // stylelint-disable-next-line no-duplicate-selectors\n  .input-group {\n\n    $validation-messages: \"\";\n    &:not(.has-validation) {\n      > :not(:last-child, .menu-toggle-split, .menu, .form-floating),\n      > .menu-toggle-split:nth-last-child(n + 3),\n      > .form-floating:not(:last-child) > .form-control,\n      > .form-floating:not(:last-child) > .form-select {\n        @include border-end-radius(0);\n      }\n    }\n\n    &.has-validation {\n      > :nth-last-child(n + 3):not(.menu-toggle-split, .menu, .form-floating),\n      > .menu-toggle-split:nth-last-child(n + 4),\n      > .form-floating:nth-last-child(n + 3) > .form-control,\n      > .form-floating:nth-last-child(n + 3) > .form-select {\n        @include border-end-radius(0);\n      }\n    }\n\n    > :not(:first-child, .menu)#{$validation-messages} {\n      margin-inline-start: calc(-1 * var(--border-width));\n      @include border-start-radius(0);\n    }\n\n    > .form-floating:not(:first-child) > .form-control,\n    > .form-floating:not(:first-child) > .form-select {\n      @include border-start-radius(0);\n    }\n    @each $state in map.keys($form-validation-states) {\n      $validation-messages: $validation-messages + \":not(.\" + string.unquote($state) + \"-tooltip)\" + \":not(.\" + string.unquote($state) + \"-feedback)\";\n    }\n  }\n}\n","@use \"sass:list\";\n@use \"../functions\" as *;\n@use \"../mixins/border-radius\" as *;\n@use \"../mixins/tokens\" as *;\n@use \"../mixins/transition\" as *;\n\n// stylelint-disable custom-property-no-missing-var-function\n$strength-tokens: () !default;\n\n// scss-docs-start strength-tokens\n// stylelint-disable-next-line scss/dollar-variable-default\n$strength-tokens: defaults(\n  (\n    --strength-height: .375rem,\n    --strength-gap: .25rem,\n    --strength-margin-top: .25rem,\n    --strength-border-radius: var(--border-radius-pill),\n    --strength-bg: var(--bg-2),\n    --strength-color: var(--bg-2),\n    --strength-weak-color: var(--danger-bg),\n    --strength-fair-color: var(--warning-bg),\n    --strength-good-color: var(--info-bg),\n    --strength-strong-color: var(--success-bg),\n  ),\n  $strength-tokens\n);\n// scss-docs-end strength-tokens\n// stylelint-enable custom-property-no-missing-var-function\n\n// scss-docs-start strength-levels\n$strength-levels: weak, fair, good, strong !default;\n// scss-docs-end strength-levels\n\n$strength-transition: background-color .2s ease-in-out, width .3s ease-in-out !default;\n\n@layer forms {\n  // Strength meter container\n  .strength {\n    @include tokens($strength-tokens);\n\n    display: flex;\n    gap: var(--strength-gap);\n    width: 100%;\n    margin-top: var(--strength-margin-top);\n  }\n\n  // Individual strength segments\n  .strength-segment {\n    flex: 1;\n    height: var(--strength-height);\n    background-color: var(--strength-bg);\n    @include border-radius(var(--strength-border-radius));\n    @include transition($strength-transition);\n\n    // Filled state\n    &.active {\n      background-color: var(--strength-color);\n    }\n  }\n\n  @each $level in $strength-levels {\n    .strength[data-bs-strength=\"#{$level}\"] {\n      --strength-color: var(--strength-#{$level}-color);\n    }\n  }\n  // Optional text feedback\n  .strength-text {\n    display: block;\n    margin-top: var(--strength-margin-top);\n    font-size: var(--font-size-xs);\n    color: var(--strength-color, var(--fg-3));\n    @include transition(color .2s ease-in-out);\n\n    // Hide when empty\n    &:empty {\n      display: none;\n    }\n  }\n\n  // Alternative: Single bar variant (like a progress bar)\n  .strength-bar {\n    @include tokens($strength-tokens);\n\n    --strength-color: transparent;\n    --strength-width: 0%;\n\n    width: 100%;\n    height: var(--strength-height);\n    margin-top: var(--strength-margin-top);\n    overflow: hidden;\n    background-color: var(--strength-bg);\n    @include border-radius(var(--strength-border-radius));\n\n    &::after {\n      display: block;\n      width: var(--strength-width);\n      height: 100%;\n      content: \"\";\n      background-color: var(--strength-color);\n      @include border-radius(var(--strength-border-radius));\n      @include transition($strength-transition);\n    }\n\n    @each $level in $strength-levels {\n      &[data-bs-strength=\"#{$level}\"] {\n        --strength-color: var(--strength-#{$level}-color);\n        --strength-width: #{list.index($strength-levels, $level) * 25%};\n      }\n    }\n  }\n}\n","@use \"../functions\" as *;\n@use \"../mixins/border-radius\" as *;\n@use \"../mixins/tokens\" as *;\n\n// stylelint-disable custom-property-no-missing-var-function\n$otp-tokens: () !default;\n\n// scss-docs-start otp-tokens\n// stylelint-disable-next-line scss/dollar-variable-default\n$otp-tokens: defaults(\n  (\n    --otp-size: var(--btn-input-lg-min-height),\n    --otp-font-size: var(--btn-input-font-size),\n    --otp-gap: .5rem,\n  ),\n  $otp-tokens\n);\n// scss-docs-end otp-tokens\n// stylelint-enable custom-property-no-missing-var-function\n\n// scss-docs-start otp-sizes\n$otp-sizes: () !default;\n// stylelint-disable-next-line scss/dollar-variable-default\n$otp-sizes: defaults(\n  (\"sm\", \"lg\"),\n  $otp-sizes\n);\n// scss-docs-end otp-sizes\n\n@layer components {\n  .otp {\n    @include tokens($otp-tokens);\n\n    display: inline-flex;\n    gap: var(--otp-gap);\n\n    .form-control {\n      width: var(--otp-size);\n      min-height: var(--otp-size);\n      padding: 0;\n      font-size: var(--otp-font-size);\n      font-weight: 500;\n      line-height: 1;\n      text-align: center;\n      @include border-radius(var(--otp-border-radius, var(--btn-input-border-radius)));\n\n      // Remove default number spinners\n      &::-webkit-outer-spin-button,\n      &::-webkit-inner-spin-button {\n        margin: 0;\n        appearance: none;\n      }\n\n      &[type=\"number\"] {\n        appearance: textfield;\n      }\n\n      &:focus,\n      &:focus-visible {\n        z-index: 1;\n      }\n    }\n\n    &.is-valid .form-control,\n    .was-validated &:valid .form-control {\n      border-color: var(--form-valid-border-color);\n\n      &:focus {\n        --focus-ring-color: rgba(var(--success-rgb), .25);\n        border-color: var(--form-valid-border-color);\n      }\n    }\n\n    &.is-invalid .form-control,\n    .was-validated &:invalid .form-control {\n      border-color: var(--form-invalid-border-color);\n\n      &:focus {\n        --focus-ring-color: rgba(var(--danger-rgb), .25);\n        border-color: var(--form-invalid-border-color);\n      }\n    }\n  }\n\n  // When used with .input-group, disable the gap and prevent inputs from stretching\n  .otp.input-group {\n    gap: 0;\n    width: auto; // Override input-group's width: 100%\n\n    .form-control {\n      flex: 0 0 auto; // Don't grow or shrink, use fixed width\n    }\n  }\n\n  .otp-separator {\n    display: flex;\n    align-items: center;\n    padding-inline: var(--otp-gap);\n    font-size: var(--otp-font-size);\n    color: var(--fg-4);\n    user-select: none;\n  }\n\n  @each $size, $_ in $otp-sizes {\n    .otp-#{$size} {\n      --otp-size: var(--btn-input-#{$size}-min-height);\n      --otp-font-size: var(--btn-input-#{$size}-font-size);\n      --otp-border-radius: var(--btn-input-#{$size}-border-radius);\n    }\n  }\n}\n","@use \"../functions\" as *;\n@use \"../mixins/focus-ring\" as *;\n@use \"../mixins/tokens\" as *;\n\n$form-adorn-tokens: () !default;\n\n// scss-docs-start form-adorn-tokens\n// stylelint-disable-next-line scss/dollar-variable-default\n$form-adorn-tokens: defaults(\n  (\n    --form-adorn-gap: .375rem,\n    --form-adorn-icon-size: 1rem,\n    --form-adorn-icon-color: var(--fg-2),\n  ),\n  $form-adorn-tokens\n);\n// scss-docs-end form-adorn-tokens\n\n@layer forms {\n  .form-adorn {\n    @include tokens($form-adorn-tokens);\n\n    gap: var(--form-adorn-gap);\n    align-items: center;\n\n    // Prevent default `.form-control` focus\n    &:focus-visible {\n      outline: 0;\n    }\n\n    &:focus-within {\n      --focus-ring-offset: -1px;\n      border-color: var(--focus-ring-color);\n      @include focus-ring(true);\n    }\n\n    // Ghost input fills remaining space\n    > .form-ghost {\n      flex: 1;\n      min-width: 0; // Prevent text overflow\n    }\n\n    &.form-adorn-end > .form-ghost {\n      order: -1;\n    }\n  }\n\n  .form-adorn-icon {\n    display: flex;\n    flex-shrink: 0;\n    align-items: center;\n    justify-content: center;\n    color: var(--form-adorn-icon-color);\n    pointer-events: none;\n\n    > svg {\n      width: var(--form-adorn-icon-size);\n      height: var(--form-adorn-icon-size);\n    }\n  }\n\n  .form-adorn-text {\n    flex-shrink: 0;\n    color: var(--form-adorn-icon-color);\n    pointer-events: none;\n    user-select: none;\n  }\n}\n","@use \"../functions\" as *;\n@use \"../mixins/border-radius\" as *;\n@use \"../mixins/focus-ring\" as *;\n@use \"../mixins/tokens\" as *;\n\n$chip-input-tokens: () !default;\n\n// scss-docs-start chip-input-tokens\n// stylelint-disable-next-line scss/dollar-variable-default\n$chip-input-tokens: defaults(\n  (\n    --chip-input-padding-y: .75rem,\n    --chip-input-padding-x: .75rem,\n    --chip-input-gap: .375rem,\n    --chip-input-ghost-min-width: 5rem,\n    --control-fg: var(--btn-input-fg),\n    --control-bg: var(--btn-input-bg),\n    --control-border-width: var(--border-width),\n    --control-border-color: var(--border-color),\n    --control-border-radius: var(--border-radius),\n  ),\n  $chip-input-tokens\n);\n// scss-docs-end chip-input-tokens\n\n@layer forms {\n  .chip-input {\n    @include tokens($chip-input-tokens);\n\n    // Flexbox wrapping layout\n    display: flex;\n    flex-wrap: wrap;\n    gap: var(--chip-input-gap);\n    align-items: center;\n    padding: var(--chip-input-padding-y) var(--chip-input-padding-x);\n\n    color: var(--control-fg);\n    background-color: var(--control-bg);\n    border: var(--control-border-width) solid var(--control-border-color);\n    @include border-radius(var(--control-border-radius), 0);\n\n    // Focus state when ghost input is focused\n    &:focus-within {\n      --focus-ring-offset: -1px;\n      border-color: var(--focus-ring-color);\n      @include focus-ring(true);\n    }\n\n    // Ghost input fills remaining space\n    > .form-ghost {\n      flex: 1 1 0;\n      min-width: var(--chip-input-ghost-min-width);\n      min-height: 1.75rem;\n    }\n\n    // Disabled state\n    &.disabled,\n    &:has(.form-ghost:disabled) {\n      background-color: var(--bg-2);\n      opacity: 1;\n\n      > .chip {\n        opacity: var(--control-disabled-opacity);\n\n        .chip-dismiss {\n          pointer-events: none;\n        }\n      }\n\n      > .form-ghost {\n        cursor: not-allowed;\n      }\n    }\n  }\n\n  // Theme cascade: .chip-input.theme-* passes theme to child chips\n  // Chips inherit theme variables from parent\n  // @each $color-name, $theme-props in $theme-map {\n  //   .chip-input.theme-#{$color-name} > .chip {\n  //     // Subtle default state\n  //     --chip-color: var(--theme-fg);\n  //     --chip-bg: var(--theme-bg-subtle);\n\n  //     // Selected/active solid state\n  //     --chip-selected-color: var(--theme-contrast);\n  //     --chip-selected-bg: var(--theme-bg);\n  //     --chip-selected-border-color: var(--theme-bg);\n  //   }\n  // }\n\n  // // Sizing variants\n  // .chip-input-sm {\n  //   --control-min-height: #{$control-min-height-sm};\n  //   --control-padding-y: #{$control-padding-y-sm};\n  //   --control-padding-x: #{$control-padding-x-sm};\n  //   --control-font-size: #{$control-font-size-sm};\n  //   --control-line-height: #{$control-line-height-sm};\n  //   --control-border-radius: #{$control-border-radius-sm};\n  //   --chip-input-gap: .25rem;\n  //   --chip-input-chip-font-size: .8125em;\n  // }\n\n  // .chip-input-lg {\n  //   --control-min-height: #{$control-min-height-lg};\n  //   --control-padding-y: #{$control-padding-y-lg};\n  //   --control-padding-x: #{$control-padding-x-lg};\n  //   --control-font-size: #{$control-font-size-lg};\n  //   --control-line-height: #{$control-line-height-lg};\n  //   --control-border-radius: #{$control-border-radius-lg};\n  //   --chip-input-gap: .5rem;\n  //   --chip-input-chip-font-size: .9375em;\n  // }\n}\n","@use \"../mixins/transition\" as *;\n\n@layer components {\n  .combobox-toggle {\n    display: inline-flex;\n    gap: .5rem;\n    align-items: center;\n    justify-content: space-between;\n    width: 100%;\n    padding-inline-end: var(--control-padding-x);\n    text-align: start;\n    cursor: pointer;\n\n    &.show {\n      background-color: var(--bg-1);\n    }\n\n    &:disabled,\n    &.disabled {\n      cursor: not-allowed;\n      opacity: .65;\n    }\n  }\n\n  .combobox-value {\n    display: flex;\n    flex: 1;\n    gap: .5rem;\n    align-items: center;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n  }\n\n  .combobox-placeholder {\n    color: color-mix(in oklch, currentcolor 65%, transparent);\n  }\n\n  .combobox-caret {\n    flex-shrink: 0;\n    @include transition(transform .2s ease-in-out);\n\n    .show > & {\n      transform: rotate(180deg);\n    }\n  }\n\n  .combobox-toggle + .menu {\n    --menu-max-height: 300px;\n    --menu-overflow-y: auto;\n  }\n\n  .combobox-search {\n    position: sticky;\n    top: 0;\n    z-index: 1;\n    padding: var(--menu-padding-x, .25rem);\n    background-color: var(--menu-bg, var(--bg-body));\n  }\n\n  .combobox-search-input {\n    width: 100%;\n  }\n\n  .combobox-no-results {\n    padding: 1rem;\n    font-size: var(--font-size-sm);\n    color: var(--fg-3);\n    text-align: center;\n  }\n}\n","@use \"config\" as *;\n@use \"functions\" as *;\n@use \"mixins/border-radius\" as *;\n@use \"mixins/reset-text\" as *;\n@use \"mixins/tokens\" as *;\n\n$tooltip-tokens: () !default;\n\n// scss-docs-start tooltip-tokens\n// stylelint-disable-next-line scss/dollar-variable-default\n$tooltip-tokens: defaults(\n  (\n    --tooltip-zindex: #{$zindex-tooltip},\n    --tooltip-max-width: 200px,\n    --tooltip-padding-x: #{$spacer * .75},\n    --tooltip-padding-y: #{$spacer * .375},\n    --tooltip-font-size: var(--font-size-sm),\n    --tooltip-color: var(--bg-body),\n    --tooltip-bg: var(--fg-body),\n    --tooltip-border-radius: var(--border-radius),\n    --tooltip-opacity: .95,\n    --tooltip-arrow-width: .8rem,\n    --tooltip-arrow-height: .4rem,\n  ),\n  $tooltip-tokens\n);\n// scss-docs-end tooltip-tokens\n\n// Form tooltips must come after regular tooltips\n// scss-docs-start tooltip-feedback-variables\n$form-feedback-tooltip-padding-y:     var(--tooltip-padding-y) !default;\n$form-feedback-tooltip-padding-x:     var(--tooltip-padding-x) !default;\n$form-feedback-tooltip-font-size:     var(--tooltip-font-size) !default;\n$form-feedback-tooltip-line-height:   null !default;\n$form-feedback-tooltip-opacity:       var(--tooltip-opacity) !default;\n$form-feedback-tooltip-border-radius: var(--tooltip-border-radius) !default;\n// scss-docs-end tooltip-feedback-variables\n\n@layer components {\n  .tooltip {\n    @include tokens($tooltip-tokens);\n\n    z-index: var(--tooltip-zindex);\n    display: block;\n    // Our parent element can be arbitrary since tooltips are by default inserted as a sibling of their target element.\n    // So reset our font and text properties to avoid inheriting weird values.\n    @include reset-text();\n    font-size: var(--tooltip-font-size);\n    // Allow breaking very long words so they don't overflow the tooltip's bounds\n    word-wrap: break-word;\n    opacity: 0;\n\n    &.show { opacity: var(--tooltip-opacity); }\n\n    .tooltip-arrow {\n      display: block;\n      width: var(--tooltip-arrow-width);\n      height: var(--tooltip-arrow-height);\n\n      &::before {\n        position: absolute;\n        content: \"\";\n        border-color: transparent;\n        border-style: solid;\n      }\n    }\n  }\n\n  .bs-tooltip-top .tooltip-arrow {\n    bottom: calc(-1 * var(--tooltip-arrow-height));\n\n    &::before {\n      top: -1px;\n      border-width: var(--tooltip-arrow-height) calc(var(--tooltip-arrow-width) * .5) 0;\n      border-block-start-color: var(--tooltip-bg);\n    }\n  }\n\n  .bs-tooltip-end .tooltip-arrow {\n    left: calc(-1 * var(--tooltip-arrow-height));\n    width: var(--tooltip-arrow-height);\n    height: var(--tooltip-arrow-width);\n\n    &::before {\n      right: -1px;\n      border-width: calc(var(--tooltip-arrow-width) * .5) var(--tooltip-arrow-height) calc(var(--tooltip-arrow-width) * .5) 0;\n      border-inline-end-color: var(--tooltip-bg);\n    }\n  }\n\n  .bs-tooltip-bottom .tooltip-arrow {\n    top: calc(-1 * var(--tooltip-arrow-height));\n\n    &::before {\n      bottom: -1px;\n      border-width: 0 calc(var(--tooltip-arrow-width) * .5) var(--tooltip-arrow-height);\n      border-block-end-color: var(--tooltip-bg);\n    }\n  }\n\n  .bs-tooltip-start .tooltip-arrow {\n    right: calc(-1 * var(--tooltip-arrow-height));\n    width: var(--tooltip-arrow-height);\n    height: var(--tooltip-arrow-width);\n\n    &::before {\n      left: -1px;\n      border-width: calc(var(--tooltip-arrow-width) * .5) 0 calc(var(--tooltip-arrow-width) * .5) var(--tooltip-arrow-height);\n      border-inline-start-color: var(--tooltip-bg);\n    }\n  }\n\n  .bs-tooltip-auto {\n    &[data-bs-placement^=\"top\"] {\n      @extend .bs-tooltip-top;\n    }\n    &[data-bs-placement^=\"right\"] {\n      @extend .bs-tooltip-end;\n    }\n    &[data-bs-placement^=\"bottom\"] {\n      @extend .bs-tooltip-bottom;\n    }\n    &[data-bs-placement^=\"left\"] {\n      @extend .bs-tooltip-start;\n    }\n  }\n\n  // Wrapper for the tooltip content\n  .tooltip-inner {\n    max-width: var(--tooltip-max-width);\n    padding: var(--tooltip-padding-y) var(--tooltip-padding-x);\n    color: var(--tooltip-color);\n    text-align: center;\n    background-color: var(--tooltip-bg);\n    @include border-radius(var(--tooltip-border-radius));\n  }\n}\n","@mixin reset-text {\n  font-family: var(--body-font-family);\n  // We deliberately do NOT reset font-size or overflow-wrap / word-wrap.\n  font-style: normal;\n  font-weight: var(--body-font-weight);\n  line-height: var(--body-line-height);\n  text-align: start;\n  text-decoration: none;\n  text-shadow: none;\n  text-transform: none;\n  letter-spacing: normal;\n  word-break: normal;\n  white-space: normal;\n  word-spacing: normal;\n  line-break: auto;\n}\n","@use \"../config\" as *;\n@use \"../functions\" as *;\n@use \"../mixins/border-radius\" as *;\n@use \"../mixins/focus-ring\" as *;\n@use \"form-variables\" as *;\n@use \"../tooltip\" as *; // bring in tooltip variables\n\n// Form validation\n//\n// Provide feedback to users when form field values are valid or invalid. Works\n// primarily for client-side validation via scoped `:invalid` and `:valid`\n// pseudo-classes but also includes `.is-invalid` and `.is-valid` classes for\n// server-side validation.\n\n// This mixin uses an `if()` technique to be compatible with Dart Sass\n// See https://github.com/sass/sass/issues/1873#issuecomment-152293725 for more details\n\n// scss-docs-start form-validation-mixins\n@mixin form-validation-state-selector($state) {\n  @if ($state == \"valid\" or $state == \"invalid\") {\n    .was-validated #{if(sass(&): \"&\"; else: \"\")}:#{$state},\n    #{if(sass(&): \"&\"; else: \"\")}.is-#{$state} {\n      @content;\n    }\n  } @else {\n    #{if(sass(&): \"&\"; else: \"\")}.is-#{$state} {\n      @content;\n    }\n  }\n}\n\n@mixin form-validation-state(\n  $state,\n  $color,\n  $icon,\n  $tooltip-color: color-contrast($color),\n  $tooltip-bg-color: color-mix(in oklch, #{$color #form-feedback-tooltip-opacity}, transparent),\n  $focus-ring-color: null, // mdo-do: fix\n  $border-color: $color\n) {\n  .#{$state}-feedback {\n    display: none;\n    width: 100%;\n    margin-top: $form-feedback-margin-top;\n    font-size: $form-feedback-font-size;\n    font-style: $form-feedback-font-style;\n    color: $color;\n  }\n\n  .#{$state}-tooltip {\n    position: absolute;\n    top: 100%;\n    z-index: 5;\n    display: none;\n    max-width: 100%; // Contain to parent when possible\n    padding: $form-feedback-tooltip-padding-y $form-feedback-tooltip-padding-x;\n    margin-top: .1rem;\n    font-size: $form-feedback-tooltip-font-size;\n    line-height: $form-feedback-tooltip-line-height;\n    color: $tooltip-color;\n    background-color: $tooltip-bg-color;\n    @include border-radius($form-feedback-tooltip-border-radius);\n  }\n\n  @include form-validation-state-selector($state) {\n    ~ .#{$state}-feedback,\n    ~ .#{$state}-tooltip {\n      display: block;\n    }\n  }\n\n  .form-control {\n    @include form-validation-state-selector($state) {\n      border-color: $border-color;\n\n      @if $enable-validation-icons {\n        padding-inline-end: calc(var(--control-padding-x) * 3.5);\n        background-image: escape-svg($icon);\n        background-repeat: no-repeat;\n        background-position: right var(--control-padding-x) center;\n        background-size: 1rem;\n      }\n\n      &:focus-visible {\n        @include focus-ring(true, $color: $focus-ring-color);\n        border-color: $border-color;\n      }\n    }\n\n    &::-webkit-contacts-auto-fill-button {\n      @if $enable-validation-icons {\n        // margin-inline-end: calc(var(--control-padding-x) * 3);\n      }\n    }\n  }\n\n  // stylelint-disable-next-line selector-no-qualifying-type\n  textarea.form-control {\n    @include form-validation-state-selector($state) {\n      @if $enable-validation-icons {\n        // padding-inline-end: $input-height-inner;\n        background-position: right var(--control-padding-x) top var(--control-padding-x);\n        // background-position: top $input-height-inner-quarter right $input-height-inner-quarter;\n      }\n    }\n  }\n\n  .form-control-color {\n    @include form-validation-state-selector($state) {\n      @if $enable-validation-icons {\n        // width: calc($form-color-width + $input-height-inner);\n      }\n    }\n  }\n\n  .form-check-input {\n    @include form-validation-state-selector($state) {\n      border-color: $border-color;\n\n      &:checked {\n        background-color: $color;\n      }\n\n      &:focus {\n        // box-shadow: $focus-box-shadow;\n      }\n\n      ~ .form-check-label {\n        color: $color;\n      }\n    }\n  }\n  .form-check-inline .form-check-input {\n    ~ .#{$state}-feedback {\n      margin-inline-start: .5em;\n    }\n  }\n\n  .input-group {\n    > .form-control:not(:focus),\n    > .form-select:not(:focus),\n    > .form-floating:not(:focus-within) {\n      @include form-validation-state-selector($state) {\n        @if $state == \"valid\" {\n          z-index: 3;\n        } @else if $state == \"invalid\" {\n          z-index: 4;\n        }\n      }\n    }\n  }\n}\n// scss-docs-end form-validation-mixins\n\n@layer components {\n  // scss-docs-start form-validation-states-loop\n  @each $state, $data in $form-validation-states {\n    @include form-validation-state($state, $data...);\n  }\n  // scss-docs-end form-validation-states-loop\n}\n","// scss-docs-start form-feedback-variables\n$form-feedback-margin-top:          .5rem !default;\n$form-feedback-font-size:           var(--font-size-xs) !default;\n$form-feedback-font-style:          null !default;\n$form-feedback-valid-color:         var(--success-fg) !default;\n$form-feedback-invalid-color:       var(--danger-fg) !default;\n\n$form-feedback-icon-valid-color:    #00a748 !default;\n$form-feedback-icon-valid:          url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'><path fill='#{$form-feedback-icon-valid-color}' d='M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1'/></svg>\") !default;\n$form-feedback-icon-invalid-color:  #dd0d37 !default;\n$form-feedback-icon-invalid:        url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='#{$form-feedback-icon-invalid-color}'><circle cx='6' cy='6' r='4.5'/><path stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/><circle cx='6' cy='8.2' r='.6' fill='#{$form-feedback-icon-invalid-color}' stroke='none'/></svg>\") !default;\n// scss-docs-end form-feedback-variables\n\n// scss-docs-start form-validation-colors\n$form-valid-color:                  $form-feedback-valid-color !default;\n$form-valid-border-color:           $form-feedback-valid-color !default;\n$form-invalid-color:                $form-feedback-invalid-color !default;\n$form-invalid-border-color:         $form-feedback-invalid-color !default;\n// scss-docs-end form-validation-colors\n\n// scss-docs-start form-validation-states\n$form-validation-states: (\n  \"valid\": (\n    \"color\": var(--form-valid-color),\n    \"icon\": $form-feedback-icon-valid,\n    \"tooltip-color\": var(--success-contrast),\n    \"tooltip-bg-color\": var(--success-bg),\n    \"focus-ring-color\": var(--success-focus-ring),\n    \"border-color\": var(--success-border),\n  ),\n  \"invalid\": (\n    \"color\": var(--form-invalid-color),\n    \"icon\": $form-feedback-icon-invalid,\n    \"tooltip-color\": var(--danger-contrast),\n    \"tooltip-bg-color\": var(--danger-bg),\n    \"focus-ring-color\": var(--danger-focus-ring),\n    \"border-color\": var(--danger-border),\n  )\n) !default;\n// scss-docs-end form-validation-states\n","@use \"sass:list\";\n@use \"sass:map\";\n@use \"sass:meta\";\n@use \"sass:string\";\n@use \"../config\" as *;\n@use \"../functions\" as *;\n@use \"../mixins/border-radius\" as *;\n@use \"../mixins/box-shadow\" as *;\n@use \"../mixins/focus-ring\" as *;\n@use \"../mixins/tokens\" as *;\n@use \"../mixins/transition\" as *;\n\n// stylelint-disable custom-property-no-missing-var-function, scss/dollar-variable-default\n\n$button-tokens: () !default;\n\n// scss-docs-start btn-tokens\n$button-tokens: defaults(\n  (\n    --btn-min-height: var(--btn-input-min-height),\n    --btn-padding-x: var(--btn-input-padding-x),\n    --btn-padding-y: var(--btn-input-padding-y),\n    --btn-font-size: var(--btn-input-font-size),\n    --btn-font-weight: var(--btn-input-font-weight),\n    --btn-line-height: var(--btn-input-line-height),\n    --btn-color: var(--fg-body),\n    --btn-white-space: nowrap,\n    --btn-border-width: var(--border-width),\n    --btn-border-color: transparent,\n    --btn-border-radius: var(--border-radius),\n    --btn-hover-border-color: transparent,\n    --btn-disabled-opacity: .65,\n    --btn-transition-timing: .15s ease-in-out,\n    --btn-transition-property: \"color, background-color, border-color, box-shadow\",\n    --btn-transition: var(--btn-transition-property) var(--btn-transition-timing),\n  ),\n  $button-tokens\n);\n// scss-docs-end btn-tokens\n\n$button-link-tokens: () !default;\n\n// scss-docs-start button-link-tokens\n$button-link-tokens: defaults(\n  (\n    --btn-font-weight: var(--font-weight-normal),\n    --btn-color: var(--link-color),\n    --btn-bg: transparent,\n    --btn-border-color: transparent,\n    --btn-hover-color: var(--link-hover-color),\n    --btn-hover-bg: transparent,\n    --btn-hover-border-color: transparent,\n    --btn-active-color: var(--link-hover-color),\n    --btn-active-bg: transparent,\n    --btn-active-border-color: transparent,\n    --btn-disabled-color: var(--fg-3),\n    --btn-disabled-border-color: transparent,\n  ),\n  $button-link-tokens\n);\n// scss-docs-end button-link-tokens\n\n$button-styled-tokens: () !default;\n\n// scss-docs-start button-styled-tokens\n$button-styled-tokens: defaults(\n  (\n    --btn-gradient-start: rgb(255 255 255 / 12.5%),\n    --btn-gradient-end: rgb(0 0 0 / 7.5%) ,\n    --btn-border-mix-color: #000,\n    --btn-border-mix-amount: 10%,\n    --btn-border-hover-mix-amount: 12.5%,\n    --btn-border-active-mix-amount: 20%,\n    --btn-shadow: \"0 1px 2px rgb(0 0 0 / 15%), inset 0 1px 0 rgb(255 255 255 / 10%)\",\n    --btn-active-shadow: inset 0 2px 4px rgb(0 0 0 / .15) ,\n  ),\n  $button-styled-tokens\n);\n// scss-docs-end button-styled-tokens\n\n// scss-docs-start button-sizes\n$button-sizes: () !default;\n$button-sizes: defaults(\n  (\"xs\", \"sm\", \"lg\"),\n  $button-sizes\n);\n// scss-docs-end button-sizes\n\n$button-variants: () !default;\n\n// scss-docs-start btn-variants\n$button-variants: defaults(\n  (\n    \"solid\": (\n      \"base\": (\n        \"bg\": \"bg\",\n        \"color\": \"contrast\",\n        \"border-color\": \"bg\"\n      ),\n      \"hover\": (\n        \"bg\": \"bg\",\n        \"border-color\": \"bg\",\n        \"color\": \"contrast\"\n      ),\n      \"active\": (\n        \"bg\": \"bg\",\n        \"border-color\": \"bg\",\n        \"color\": \"contrast\"\n      )\n    ),\n    \"outline\": (\n      \"base\": (\n        \"bg\": \"transparent\",\n        \"color\": \"text\",\n        \"border-color\": \"border\"\n      ),\n      \"hover\": (\n        \"bg\": \"bg\",\n        \"color\": \"contrast\",\n        \"border-color\": \"bg\"\n      ),\n      \"active\": (\n        \"bg\": \"bg\",\n        \"color\": \"contrast\",\n        \"border-color\": \"bg\"\n      )\n    ),\n    \"subtle\": (\n      \"base\": (\n        \"bg\": \"bg-subtle\",\n        \"color\": \"text\",\n        \"border-color\": \"transparent\"\n      ),\n      \"hover\": (\n        \"bg\": (\"bg-muted\", \"bg-subtle\"),\n        \"color\": \"text-emphasis\"\n      ),\n      \"active\": (\n        \"bg\": \"bg-subtle\",\n        \"color\": \"text-emphasis\"\n      )\n    ),\n    \"text\": (\n      \"base\": (\n        \"color\": \"text\",\n        \"bg\": \"transparent\",\n        \"border-color\": \"transparent\"\n      ),\n      \"hover\": (\n        \"color\": \"text\",\n        \"bg\": \"bg-subtle\"\n      ),\n      \"active\": (\n        \"color\": \"text\",\n        \"bg\": \"bg-subtle\"\n      )\n    )\n  ),\n  $button-variants\n);\n// scss-docs-end btn-variants\n// stylelint-enable custom-property-no-missing-var-function, scss/dollar-variable-default\n\n//\n// Base styles\n//\n\n// scss-docs-start btn-variant-selectors\n$btn-variant-selectors: (string.unquote(\".btn\"), string.unquote(\".btn-link\"), string.unquote(\".btn-icon\")) !default;\n@each $variant, $config in $button-variants {\n  $btn-variant-selectors: list.append($btn-variant-selectors, string.unquote(\".btn-#{$variant}\"), comma);\n}\n// scss-docs-end btn-variant-selectors\n\n@layer components {\n  #{$btn-variant-selectors} {\n    @include tokens($button-tokens);\n\n    display: inline-flex;\n    gap: var(--btn-gap, .25rem);\n    align-items: center;\n    justify-content: center;\n    min-height: var(--btn-min-height);\n    padding: var(--btn-padding-y) var(--btn-padding-x);\n    // font-family: var(--btn-font-family);\n    font-size: var(--btn-font-size);\n    font-weight: var(--btn-font-weight);\n    line-height: var(--btn-line-height);\n    color: var(--btn-color);\n    text-decoration: none;\n    white-space: var(--btn-white-space);\n    vertical-align: middle;\n    // stylelint-disable-next-line scss/at-function-named-arguments\n    cursor: if(sass($enable-button-pointers): pointer; else: null);\n    user-select: none;\n    background-color: var(--btn-bg, var(--bg-2));\n    border: var(--btn-border-width) solid var(--btn-border-color);\n    @include border-radius(var(--btn-border-radius));\n    @include transition(var(--btn-transition));\n\n    &:hover {\n      color: var(--btn-hover-color);\n      background-color: var(--btn-hover-bg, var(--bg-3));\n      border-color: var(--btn-hover-border-color);\n    }\n\n    &:focus-visible {\n      @include focus-ring(true);\n      --focus-ring-offset: 1px;\n    }\n\n    &.active,\n    &.show {\n      color: var(--btn-active-color);\n      background-color: var(--btn-active-bg, var(--bg-3));\n      border-color: var(--btn-active-border-color);\n\n      &:focus-visible {\n        @include focus-ring(true);\n      }\n    }\n\n    &:disabled,\n    &.disabled,\n    fieldset:disabled & {\n      color: var(--btn-disabled-color);\n      pointer-events: none;\n      background-color: var(--btn-disabled-bg, var(--bg-1));\n      // stylelint-disable-next-line scss/at-function-named-arguments\n      background-image: if(sass($enable-gradients): none; else: null);\n      border-color: var(--btn-disabled-border-color);\n      opacity: var(--btn-disabled-opacity);\n    }\n  }\n\n  // Main button style generator mixin\n  // Generate button variant classes (e.g., .btn-solid, .btn-outline, etc.)\n  // scss-docs-start btn-variant-mixin\n  @each $variant, $config in $button-variants {\n    .btn-#{$variant} {\n      @each $property, $value in map.get($button-variants, $variant, \"base\") {\n        @if $value == \"transparent\" {\n          --btn-#{$property}: transparent;\n        } @else {\n          --btn-#{$property}: var(--theme-#{$value});\n        }\n      }\n\n      @each $property, $value in map.get($button-variants, $variant, \"active\") {\n        @if $value == \"transparent\" {\n          --btn-active-#{$property}: transparent;\n        } @else if $value == \"bg-subtle\" {\n          --btn-active-#{$property}: var(--theme-#{$value});\n        } @else {\n          --btn-active-#{$property}: oklch(from var(--theme-#{$value}) calc(l * .9) calc(c * 1.15) h);\n        }\n      }\n      @each $property, $value in map.get($button-variants, $variant, \"base\") {\n        @if $value == \"transparent\" {\n          --btn-disabled-#{$property}: transparent;\n        } @else {\n          --btn-disabled-#{$property}: var(--theme-#{$value});\n        }\n      }\n\n      &:hover {\n        @each $property, $value in map.get($button-variants, $variant, \"hover\") {\n          @if $value == \"transparent\" {\n            --btn-hover-#{$property}: transparent;\n          } @else if meta.type-of($value) == \"list\" {\n            $first-value: list.nth($value, 1);\n            $second-value: list.nth($value, 2);\n            --btn-hover-#{$property}: color-mix(in oklch, var(--theme-#{$first-value}) 50%, var(--theme-#{$second-value}));\n          } @else if $value == \"bg-subtle\" {\n            --btn-hover-#{$property}: var(--theme-#{$value});\n          } @else {\n            --btn-hover-#{$property}: oklch(from var(--theme-#{$value}) calc(l * .95) calc(c * 1.1) h);\n          }\n        }\n      }\n\n      &:focus-visible {\n        outline-color: var(--theme-focus-ring);\n      }\n\n      &:active,\n      &.active,\n      &.btn-check:has(input:checked) {\n        @each $property, $value in map.get($button-variants, $variant, \"active\") {\n          @if $value == \"transparent\" {\n            --btn-active-#{$property}: transparent;\n          } @else if $value == \"bg-subtle\" {\n            --btn-active-#{$property}: var(--theme-#{$value});\n          } @else {\n            --btn-active-#{$property}: oklch(from var(--theme-#{$value}) calc(l * .9) calc(c * 1.15) h);\n          }\n        }\n      }\n\n      // Disabled state for toggle buttons\n      &:disabled,\n      &.disabled,\n      &.btn-check:has(input:disabled) {\n        @each $property, $value in map.get($button-variants, $variant, \"base\") {\n          @if $value == \"transparent\" {\n            --btn-disabled-#{$property}: transparent;\n          } @else {\n            --btn-disabled-#{$property}: var(--theme-#{$value});\n          }\n        }\n      }\n    }\n  }\n  // scss-docs-end btn-variant-mixin\n\n  //\n  // Link buttons\n  //\n\n  // Make a button look and behave like a link\n  .btn-link {\n    @include tokens($button-link-tokens);\n\n    color: var(--theme-fg, var(--btn-color));\n    text-decoration: var(--link-decoration);\n\n    @if $enable-gradients {\n      background-image: none;\n    }\n\n    &:focus-visible {\n      color: var(--theme-fg, var(--btn-color));\n    }\n\n    &:hover {\n      color: var(--theme-fg-emphasis, var(--btn-hover-color));\n    }\n\n    // No need for an active state here\n  }\n\n  //\n  // Button Sizes\n  //\n\n  // Generate button size classes from the $button-sizes map\n  // Skip \"md\" as it's the default size for .btn\n\n  // scss-docs-start btn-sizes-loop\n  @each $size, $_ in $button-sizes {\n    .btn-#{$size},\n    .btn-group-#{$size} > [class*=\"btn-\"] {\n      --btn-min-height: var(--btn-input-#{$size}-min-height);\n      --btn-padding-y: var(--btn-input-#{$size}-padding-y);\n      --btn-padding-x: var(--btn-input-#{$size}-padding-x);\n      --btn-font-size: var(--btn-input-#{$size}-font-size);\n      --btn-line-height: var(--btn-input-#{$size}-line-height);\n      --btn-border-radius: var(--btn-input-#{$size}-border-radius);\n    }\n  }\n  // scss-docs-end btn-sizes-loop\n\n  .btn-icon {\n    align-items: center;\n    justify-content: center;\n    aspect-ratio: 1;\n    padding: 0;\n  }\n\n  //\n  // Toggle buttons (.btn-check)\n  //\n  // Checkbox and radio inputs that look like buttons. Add .btn-check to a\n  // label with button classes, with the input nested inside.\n  //\n  // Example: <label class=\"btn-check btn-solid theme-primary\"><input type=\"checkbox\">Toggle</label>\n\n  .btn-check {\n    > input {\n      position: absolute;\n      clip: rect(0, 0, 0, 0);\n      pointer-events: none;\n    }\n\n    &:has(input:checked) {\n      color: var(--btn-active-color);\n      background-color: var(--btn-active-bg, var(--bg-3));\n      // stylelint-disable-next-line scss/at-function-named-arguments\n      background-image: if(sass($enable-gradients): none; else: null);\n      border-color: var(--btn-active-border-color);\n      @include box-shadow(var(--btn-active-shadow));\n    }\n\n    &:has(input:focus-visible) {\n      @include focus-ring(true);\n      --focus-ring-offset: 1px;\n    }\n\n    &:has(input:disabled) {\n      color: var(--btn-disabled-color);\n      pointer-events: none;\n      background-color: var(--btn-disabled-bg, var(--bg-1));\n      // stylelint-disable-next-line scss/at-function-named-arguments\n      background-image: if(sass($enable-gradients): none; else: null);\n      border-color: var(--btn-disabled-border-color);\n      opacity: var(--btn-disabled-opacity);\n      @include box-shadow(none);\n    }\n  }\n\n  //\n  // Styled buttons\n  //\n  // Add visual depth with gradients and shadows. Customize via CSS variables.\n\n  .btn-styled {\n    @include tokens($button-styled-tokens);\n\n    background-image:\n      linear-gradient(\n        to bottom,\n        var(--btn-gradient-start),\n        var(--btn-gradient-end)\n      );\n    border-color: color-mix(in lab, var(--theme-bg), var(--btn-border-mix-color) var(--btn-border-mix-amount));\n    box-shadow: var(--btn-shadow);\n\n    &:hover {\n      background-image:\n        linear-gradient(\n          to bottom,\n          var(--btn-gradient-start),\n          var(--btn-gradient-end)\n        );\n      border-color: color-mix(in lab, var(--theme-bg), var(--btn-border-mix-color) var(--btn-border-hover-mix-amount));\n    }\n\n    &:active,\n    &.active {\n      background-image: none;\n      border-color: color-mix(in lab, var(--theme-bg), var(--btn-border-mix-color) var(--btn-border-active-mix-amount));\n      box-shadow: var(--btn-active-shadow);\n    }\n\n    &:disabled,\n    &.disabled {\n      background-image: none;\n      box-shadow: none;\n    }\n  }\n}\n","@use \"../mixins/border-radius\" as *;\n\n@layer components {\n  // Make the div behave like a button\n  .btn-group,\n  .btn-group-vertical {\n    position: relative;\n    display: inline-flex;\n    vertical-align: middle; // match .btn alignment given font-size hack above\n\n    > [class*=\"btn-\"] {\n      position: relative;\n      flex: 1 1 auto;\n\n      &:hover {\n        z-index: 1;\n      }\n    }\n\n    > .btn-check:has(input:checked),\n    > [class*=\"btn-\"]:active,\n    > [class*=\"btn-\"].active {\n      z-index: 2;\n    }\n\n    > .btn-check:has(input:focus),\n    > [class*=\"btn-\"]:focus {\n      z-index: 3;\n    }\n  }\n\n  .btn-group-divider {\n    > [class*=\"btn-\"] + [class*=\"btn-\"] {\n      &::before {\n        position: absolute;\n        // top: 25%;\n        // bottom: 25%;\n        // left: calc(var(--btn-border-width) * -1);\n        z-index: 3;\n        // width: var(--btn-border-width);\n        content: \"\";\n        background-color: var(--btn-color);\n        opacity: .25;\n      }\n    }\n  }\n\n  .btn-group:where(.btn-group-divider) {\n    > [class*=\"btn-\"] + [class*=\"btn-\"] {\n      &::before {\n        top: 25%;\n        bottom: 25%;\n        left: calc(var(--btn-border-width) * -1);\n        width: var(--btn-border-width);\n      }\n    }\n  }\n\n  .btn-group-vertical:where(.btn-group-divider) {\n    > [class*=\"btn-\"] + [class*=\"btn-\"] {\n      &::before {\n        top: calc(var(--btn-border-width) * -1);\n        right: var(--btn-padding-x);\n        left: var(--btn-padding-x);\n        height: var(--btn-border-width);\n      }\n    }\n  }\n\n  // Optional: Group multiple button groups together for a toolbar\n  .btn-toolbar {\n    display: flex;\n    flex-wrap: wrap;\n    gap: .5rem;\n    justify-content: flex-start;\n\n    .input-group {\n      width: auto;\n    }\n  }\n\n  .btn-group {\n    @include border-radius(var(--btn-border-radius));\n\n    // Prevent double borders when buttons are next to each other\n    > [class*=\"btn-\"]:not(:first-child),\n    > .btn-group:not(:first-child) {\n      margin-inline-start: calc(-1 * var(--btn-border-width));\n    }\n\n    // Reset rounded corners\n    > [class*=\"btn-\"]:not(:last-child, :has(+ .menu)),\n    > .btn-group:not(:last-child) > [class*=\"btn-\"] {\n      @include border-end-radius(0);\n    }\n\n    // The left radius should be 0 if the button is not the first child\n    > [class*=\"btn-\"]:not(:first-child),\n    > .btn-group:not(:first-child) > [class*=\"btn-\"] {\n      @include border-start-radius(0);\n    }\n  }\n\n  //\n  // Vertical button groups\n  //\n\n  .btn-group-vertical {\n    flex-direction: column;\n    align-items: flex-start;\n    justify-content: center;\n\n    > [class*=\"btn-\"],\n    > .btn-group {\n      width: 100%;\n    }\n\n    > [class*=\"btn-\"]:not(:first-child),\n    > .btn-group:not(:first-child) {\n      margin-top: calc(-1 * var(--btn-border-width));\n    }\n\n    // Reset rounded corners\n    > [class*=\"btn-\"]:not(:last-child, :has(+ .menu)),\n    > .btn-group:not(:last-child) > [class*=\"btn-\"] {\n      @include border-bottom-radius(0);\n    }\n\n    // The top radius should be 0 if the button is not the first child\n    > [class*=\"btn-\"]:not(:first-child),\n    > .btn-group:not(:first-child) > [class*=\"btn-\"] {\n      @include border-top-radius(0);\n    }\n  }\n}\n","@use \"../functions\" as *;\n@use \"../mixins/border-radius\" as *;\n@use \"../mixins/focus-ring\" as *;\n@use \"../mixins/tokens\" as *;\n\n$btn-close-tokens: () !default;\n\n// scss-docs-start btn-close-tokens\n// stylelint-disable-next-line scss/dollar-variable-default\n$btn-close-tokens: defaults(\n  (\n    --btn-close-size: 1.25rem,\n    --btn-close-color: inherit,\n    --btn-close-opacity: .5,\n    --btn-close-hover-opacity: .75,\n    --btn-close-focus-opacity: .85,\n    --btn-close-disabled-opacity: .25,\n  ),\n  $btn-close-tokens\n);\n// scss-docs-end btn-close-tokens\n\n// iOS requires the button element instead of an anchor tag.\n// If you want the anchor version, it requires `href=\"#\"`.\n// See https://developer.mozilla.org/en-US/docs/Web/Events/click#Safari_Mobile\n\n@layer components {\n  .btn-close {\n    @include tokens($btn-close-tokens);\n\n    box-sizing: content-box;\n    width: var(--btn-close-size);\n    height: var(--btn-close-size);\n    padding: 0;\n    color: var(--btn-close-color);\n    background: transparent; // for button elements\n    border: 0; // for button elements\n    @include border-radius(var(--border-radius-sm));\n    opacity: var(--btn-close-opacity);\n\n    > svg {\n      display: block;\n      width: 100%;\n      height: 100%;\n      fill: currentcolor;\n    }\n\n    // Override <a>'s hover style\n    &:hover {\n      color: var(--btn-close-color);\n      text-decoration: none;\n      opacity: var(--btn-close-hover-opacity);\n    }\n\n    &:focus-visible {\n      opacity: var(--btn-close-focus-opacity);\n      @include focus-ring();\n    }\n\n    &:disabled,\n    &.disabled {\n      pointer-events: none;\n      user-select: none;\n      opacity: var(--btn-close-disabled-opacity);\n    }\n  }\n}\n","@use \"functions\" as *;\n@use \"mixins/border-radius\" as *;\n@use \"mixins/transition\" as *;\n@use \"mixins/focus-ring\" as *;\n@use \"mixins/tokens\" as *;\n\n$accordion-tokens: () !default;\n\n// scss-docs-start accordion-tokens\n// stylelint-disable-next-line scss/dollar-variable-default\n$accordion-tokens: defaults(\n  (\n    --accordion-padding-x: 1.25rem,\n    --accordion-padding-y: 1rem,\n    --accordion-color: var(--fg-body),\n    --accordion-bg: var(--bg-body),\n    --accordion-transition-property: \"color, background-color, border-radius\",\n    --accordion-transition-timing: \".15s ease-in-out\",\n    --accordion-transition: var(--accordion-transition-property) var(--accordion-timing),\n    --accordion-border-color: var(--border-color),\n    --accordion-border-width: var(--border-width),\n    --accordion-border-radius: var(--accordion-radius, var(--border-radius-lg)),\n    --accordion-btn-color: var(--fg-2),\n    --accordion-btn-bg: var(--bg-body),\n    --accordion-btn-icon-width: 1rem,\n    --accordion-btn-icon-transform: rotate(-180deg),\n    --accordion-btn-icon-transition: transform .2s ease-in-out,\n    --accordion-active-color: var(--fg),\n    --accordion-active-bg: var(--bg-2),\n  ),\n  $accordion-tokens\n);\n// scss-docs-end accordion-tokens\n\n@layer components {\n  .accordion {\n    @include tokens($accordion-tokens);\n  }\n\n  .accordion-header {\n    display: flex;\n    align-items: center;\n    width: 100%;\n    padding: var(--accordion-btn-padding-y, var(--accordion-padding-y)) var(--accordion-btn-padding-x, var(--accordion-padding-x));\n    font-size: var(--accordion-font-size, var(--font-size-base));\n    color: var(--accordion-btn-color);\n    text-align: start;\n    list-style: none; // Remove default marker\n    cursor: pointer;\n    background-color: var(--accordion-btn-bg);\n    @include transition(var(--accordion-transition));\n\n    .accordion-icon {\n      flex-shrink: 0;\n      width: var(--accordion-btn-icon-width);\n      height: var(--accordion-btn-icon-width);\n      margin-inline-start: auto;\n      color: currentcolor;\n      @include transition(var(--accordion-btn-icon-transition));\n    }\n\n    &:hover {\n      z-index: 2;\n    }\n\n    &:focus-visible {\n      position: relative;\n      z-index: 3;\n      @include focus-ring(true);\n      outline-offset: -1px;\n    }\n  }\n\n  .accordion-item {\n    color: var(--accordion-color);\n    background-color: var(--accordion-bg);\n    border: var(--accordion-border-width) solid var(--accordion-border-color);\n\n    &:first-of-type {\n      @include border-top-radius(var(--accordion-border-radius));\n\n      > .accordion-header {\n        @include border-top-radius(calc(var(--accordion-border-radius) - var(--accordion-border-width)));\n      }\n    }\n\n    &:not(:first-of-type) {\n      border-block-start: 0;\n    }\n\n    // Only set a border-radius on the last item if the accordion is collapsed\n    &:last-of-type {\n      @include border-bottom-radius(var(--accordion-border-radius));\n\n      > .accordion-header {\n        @include border-bottom-radius(calc(var(--accordion-border-radius) - var(--accordion-border-width)));\n      }\n\n      > .accordion-body {\n        @include border-bottom-radius(var(--accordion-border-radius));\n      }\n    }\n\n    // Open state - details[open] applies these styles\n    &[open] {\n      border-color: var(--theme-border, var(--accordion-border-color));\n\n      > .accordion-header {\n        color: var(--theme-fg, var(--accordion-active-color));\n        background-color: var(--theme-bg-subtle, var(--accordion-active-bg));\n        box-shadow: inset 0 calc(-1 * var(--accordion-border-width)) 0 var(--theme-border, var(--accordion-border-color));\n\n        .accordion-icon {\n          transform: var(--accordion-btn-icon-transform);\n        }\n      }\n\n      // Remove bottom radius from header when open (even on last item)\n      &:last-of-type > .accordion-header {\n        @include border-bottom-radius(0);\n      }\n    }\n  }\n\n  .accordion-body {\n    padding: var(--accordion-body-padding-y, var(--accordion-padding-y)) var(--accordion-body-padding-x, var(--accordion-padding-x));\n  }\n\n\n  // Flush accordion items\n  //\n  // Remove borders and border-radius to keep accordion items edge-to-edge.\n\n  .accordion-flush {\n    > .accordion-item {\n      border-inline: 0;\n      @include border-radius(0);\n\n      &:first-child {\n        border-block-start: 0;\n      }\n\n      &:last-child {\n        border-block-end: 0;\n      }\n\n      > .accordion-header,\n      > .accordion-body {\n        @include border-radius(0);\n      }\n    }\n  }\n}\n","@use \"config\" as *;\n@use \"functions\" as *;\n@use \"mixins/border-radius\" as *;\n@use \"mixins/tokens\" as *;\n\n$alert-tokens: () !default;\n\n// scss-docs-start alert-tokens\n// stylelint-disable-next-line scss/dollar-variable-default\n$alert-tokens: defaults(\n  (\n    --alert-gap: #{$spacer * .75},\n    --alert-bg: var(--theme-bg-subtle, var(--bg-1)),\n    --alert-padding-x: #{$spacer},\n    --alert-padding-y: #{$spacer},\n    --alert-color: var(--theme-fg, inherit),\n    --alert-border-color: var(--theme-border, var(--border-color)),\n    --alert-border: var(--border-width) solid var(--alert-border-color),\n    --alert-border-radius: var(--border-radius),\n    --alert-link-color: inherit,\n    --hr-border-color: var(--theme-border, var(--border-color)),\n  ),\n  $alert-tokens\n);\n// scss-docs-end alert-tokens\n\n@layer components {\n  .alert {\n    @include tokens($alert-tokens);\n\n    display: flex;\n    gap: var(--alert-gap);\n    align-items: start;\n    padding: var(--alert-padding-y) var(--alert-padding-x);\n    color: var(--alert-color);\n    background-color: var(--alert-bg);\n    border: var(--alert-border);\n    @include border-radius(var(--alert-border-radius));\n  }\n\n  .alert > p {\n    margin-bottom: 0;\n  }\n\n  .alert-heading {\n    // Specified to prevent conflicts of changing $headings-color\n    color: inherit;\n  }\n\n  // Provide class for links that match alerts\n  .alert-link {\n    font-weight: var(--font-weight-semibold);\n    color: var(--alert-link-color);\n  }\n}\n","@use \"sass:map\";\n@use \"functions\" as *;\n@use \"mixins/border-radius\" as *;\n@use \"mixins/transition\" as *;\n@use \"mixins/tokens\" as *;\n\n$avatar-tokens: () !default;\n\n// stylelint-disable custom-property-no-missing-var-function\n// scss-docs-start avatar-tokens\n// stylelint-disable-next-line scss/dollar-variable-default\n$avatar-tokens: defaults(\n  (\n    --avatar-size: 2.5rem,\n    --avatar-border-radius: 50%,\n    --avatar-border-width: 2px,\n    --avatar-border-color: var(--bg-body),\n    --avatar-bg: var(--bg-2),\n    --avatar-color: var(--fg-body),\n    // --avatar-font-weight: var(--font-weight-medium), // Defaults to fallback\n    --avatar-status-size: .75rem,\n    --avatar-status-border-width: 2px,\n    --avatar-status-border-color: var(--bg-body),\n    --avatar-stack-spacing: -.3,\n    --avatar-stack-transition: \"transform .2s ease-in-out\",\n  ),\n  $avatar-tokens\n);\n// scss-docs-end avatar-tokens\n// stylelint-enable custom-property-no-missing-var-function\n\n// scss-docs-start avatar-sizes\n$avatar-sizes: () !default;\n// stylelint-disable-next-line scss/dollar-variable-default\n$avatar-sizes: defaults(\n  (\n    \"xs\": (\n      size: 1.5rem,\n      status-size: .625rem,\n    ),\n    \"sm\": (\n      size: 2rem,\n    ),\n    \"lg\": (\n      size: 3rem,\n      status-size: 1rem,\n    ),\n    \"xl\": (\n      size: 4rem,\n      status-size: 1.25rem,\n    ),\n  ),\n  $avatar-sizes\n);\n// scss-docs-end avatar-sizes\n\n@layer components {\n  .avatar {\n    @include tokens($avatar-tokens);\n\n    position: relative;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    width: var(--avatar-size);\n    height: var(--avatar-size);\n    font-size: calc(var(--avatar-size) * .4);\n    font-weight: var(--avatar-font-weight, var(--font-weight-medium));\n    line-height: 1;\n    color: var(--theme-contrast, var(--avatar-color));\n    text-transform: uppercase;\n    vertical-align: middle;\n    background-color: var(--theme-bg, var(--avatar-bg));\n    @include border-radius(var(--avatar-border-radius));\n  }\n\n  .avatar-subtle {\n    color: var(--theme-fg, var(--avatar-color));\n    background-color: var(--theme-bg-subtle, var(--avatar-bg));\n  }\n\n  .avatar-img {\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n    @include border-radius(inherit);\n  }\n\n  .avatar-status {\n    position: absolute;\n    right: calc(var(--avatar-status-border-width) * -1);\n    bottom: calc(var(--avatar-status-border-width) * -1);\n    width: var(--avatar-status-size);\n    height: var(--avatar-status-size);\n    background-color: var(--gray-400);\n    border: var(--avatar-status-border-width) solid var(--avatar-status-border-color);\n    @include border-radius(50%);\n\n    &.status-online {\n      background-color: var(--green-500);\n    }\n\n    &.status-offline {\n      background-color: var(--gray-400);\n      @include border-radius(20%);\n    }\n\n    &.status-busy {\n      background-color: var(--red-500);\n      @include border-radius(20%);\n    }\n\n    &.status-away {\n      background-color: var(--yellow-500);\n    }\n  }\n\n  .avatar-stack {\n    display: inline-flex;\n    flex-direction: row-reverse;\n\n    .avatar {\n      // Stack spacing is calculated as a percentage of avatar size\n      margin-left: calc(var(--avatar-size) * var(--avatar-stack-spacing));\n      border: var(--avatar-border-width) solid var(--avatar-border-color);\n      mask-image: none;\n      @include transition(var(--avatar-stack-transition));\n\n      &:last-child {\n        margin-left: 0;\n      }\n\n      &:hover {\n        z-index: 1;\n        transform: translateY(-2px);\n      }\n    }\n  }\n\n  @each $size, $tokens in $avatar-sizes {\n    .avatar-#{$size},\n    .avatar-stack-#{$size} {\n      --avatar-size: #{map.get($tokens, size)};\n\n      @if map.has-key($tokens, status-size) {\n        --avatar-status-size: #{map.get($tokens, status-size)};\n      }\n    }\n  }\n}\n","@use \"functions\" as *;\n@use \"mixins/border-radius\" as *;\n@use \"mixins/gradients\" as *;\n@use \"mixins/tokens\" as *;\n\n$badge-tokens: () !default;\n\n// scss-docs-start badge-tokens\n// stylelint-disable-next-line scss/dollar-variable-default\n$badge-tokens: defaults(\n  (\n    --badge-padding-x: .625em,\n    --badge-padding-y: .25em,\n    --badge-font-size: clamp(12px, .75em, .75em),\n    --badge-font-weight: var(--font-weight-semibold),\n    --badge-color: inherit,\n    --badge-bg: var(--bg-2),\n    --badge-border-width: var(--border-width),\n    --badge-border-color: transparent,\n    --badge-border-radius: var(--border-radius-lg),\n  ),\n  $badge-tokens\n);\n// scss-docs-end badge-tokens\n\n// scss-docs-start badge-variants\n$badge-variants: (\n  \"subtle\": (\n    \"color\": \"text\",\n    \"bg\": \"bg-subtle\",\n    \"border-color\": \"transparent\"\n  ),\n  \"outline\": (\n    \"color\": \"text\",\n    \"bg\": \"transparent\",\n    \"border-color\": \"border\"\n  )\n) !default;\n// scss-docs-end badge-variants\n\n@layer components {\n  .badge {\n    @include tokens($badge-tokens);\n\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    min-height: 1.375rem;\n    padding: var(--badge-padding-y) var(--badge-padding-x);\n    font-size: var(--badge-font-size);\n    font-weight: var(--badge-font-weight);\n    line-height: 1;\n    color: var(--theme-contrast, var(--badge-color));\n    text-align: center;\n    white-space: nowrap;\n    vertical-align: baseline;\n    background-color: var(--theme-bg, var(--badge-bg));\n    border: var(--badge-border-width) solid var(--badge-border-color);\n    @include border-radius(var(--badge-border-radius));\n    @include gradient-bg();\n\n    // Empty badges collapse automatically\n    &:empty {\n      display: none;\n    }\n  }\n\n  // Quick fix for badges in buttons\n  .btn .badge {\n    position: relative;\n    top: -1px;\n  }\n\n  // scss-docs-start badge-variant-loop\n  @each $variant, $properties in $badge-variants {\n    .badge-#{$variant} {\n      @each $property, $value in $properties {\n        @if $value == \"transparent\" {\n          --badge-#{$property}: transparent;\n        } @else {\n          --badge-#{$property}: var(--theme-#{$value});\n        }\n      }\n\n      color: var(--badge-color);\n      background-color: var(--badge-bg);\n      border-color: var(--badge-border-color);\n    }\n  }\n  // scss-docs-end badge-variant-loop\n}\n","@use \"functions\" as *;\n@use \"mixins/border-radius\" as *;\n@use \"mixins/transition\" as *;\n@use \"mixins/tokens\" as *;\n\n$breadcrumb-tokens: () !default;\n\n// scss-docs-start breadcrumb-tokens\n// stylelint-disable-next-line scss/dollar-variable-default\n$breadcrumb-tokens: defaults(\n  (\n    --breadcrumb-margin-bottom: 1rem,\n    --breadcrumb-font-size: inherit,\n    --breadcrumb-bg: transparent,\n    --breadcrumb-border-radius: var(--border-radius),\n    --breadcrumb-divider-color: var(--fg-4),\n    --breadcrumb-link-padding-x: .75rem,\n    --breadcrumb-link-padding-y: .25rem,\n    --breadcrumb-link-color: var(--fg-3),\n    --breadcrumb-link-hover-color: var(--fg-2),\n    --breadcrumb-link-hover-bg: var(--bg-1),\n    --breadcrumb-link-active-color: var(--fg-1),\n    --breadcrumb-link-border-radius: var(--border-radius-lg),\n  ),\n  $breadcrumb-tokens\n);\n// scss-docs-end breadcrumb-tokens\n\n@layer components {\n  .breadcrumb {\n    @include tokens($breadcrumb-tokens);\n\n    display: flex;\n    flex-wrap: wrap;\n    align-items: center;\n    padding: var(--breadcrumb-padding-y, 0) var(--breadcrumb-padding-x, 0);\n    font-size: var(--breadcrumb-font-size);\n    list-style: none;\n    background-color: var(--breadcrumb-bg);\n    @include border-radius(var(--breadcrumb-border-radius));\n  }\n\n  .breadcrumb-item {\n    display: flex;\n  }\n\n  .breadcrumb-divider {\n    margin-inline: calc(var(--breadcrumb-link-padding-x) / 4);\n    color: var(--breadcrumb-divider-color);\n  }\n\n  .breadcrumb-link {\n    position: relative;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    min-height: 2.25rem;\n    padding: var(--breadcrumb-link-padding-y) var(--breadcrumb-link-padding-x);\n    color: var(--breadcrumb-link-color);\n    text-decoration: none;\n    @include border-radius(var(--breadcrumb-link-border-radius));\n    @include transition(.1s text-decoration-color ease-in-out);\n\n    &:hover {\n      z-index: 2;\n      color: var(--breadcrumb-link-hover-color);\n      background-color: var(--breadcrumb-link-hover-bg);\n    }\n\n    &.active {\n      color: var(--breadcrumb-link-active-color);\n    }\n  }\n}\n","@use \"functions\" as *;\n@use \"mixins/border-radius\" as *;\n@use \"mixins/focus-ring\" as *;\n@use \"mixins/tokens\" as *;\n\n$chip-tokens: () !default;\n\n// stylelint-disable custom-property-no-missing-var-function\n// scss-docs-start chip-tokens\n// stylelint-disable-next-line scss/dollar-variable-default\n$chip-tokens: defaults(\n  (\n    --chip-height: 1.75rem,\n    --chip-padding-x: .625rem,\n    --chip-gap: .3125rem,\n    --chip-border-radius: var(--border-radius-pill),\n    --chip-img-size: 1.25rem,\n    --chip-icon-size: 1rem,\n    --chip-dismiss-size: 1rem,\n    --chip-dismiss-opacity: .65,\n    --chip-dismiss-hover-opacity: 1,\n    --chip-color: var(--theme-fg, var(--fg-body)),\n    --chip-bg: var(--theme-bg-subtle, var(--bg-2)),\n    --chip-border-color: transparent,\n    --chip-selected-color: var(--theme-contrast, var(--primary-contrast)),\n    --chip-selected-bg: var(--theme-bg, var(--primary-bg)),\n    --chip-selected-border-color: var(--theme-bg, var(--primary-bg)),\n  ),\n  $chip-tokens\n);\n// scss-docs-end chip-tokens\n// stylelint-enable custom-property-no-missing-var-function\n\n@layer components {\n  .chip {\n    @include tokens($chip-tokens);\n\n    display: inline-flex;\n    gap: var(--chip-gap);\n    align-items: center;\n    height: var(--chip-height);\n    padding-inline: var(--chip-padding-x);\n    font-size: var(--chip-font-size, var(--font-size-sm));\n    font-weight: var(--chip-font-weight, var(--font-weight-base));\n    line-height: var(--chip-line-height, 1.25rem);\n    color: var(--chip-color);\n    text-decoration: none;\n    white-space: nowrap;\n    vertical-align: middle;\n    cursor: pointer;\n    background-color: var(--chip-bg);\n    border: var(--border-width) solid var(--chip-border-color);\n    @include border-radius(var(--chip-border-radius));\n\n    &:hover {\n      --chip-bg: var(--theme-bg-muted, var(--bg-3));\n    }\n\n    &:focus-visible {\n      outline: 0;\n      // @include focus-ring();\n    }\n\n    &.active {\n      --chip-color: var(--chip-selected-color);\n      --chip-bg: var(--chip-selected-bg);\n      --chip-border-color: var(--chip-selected-border-color);\n\n      &:hover {\n        --chip-bg: var(--chip-selected-bg);\n        opacity: .9;\n      }\n    }\n\n    &.disabled,\n    &:disabled {\n      pointer-events: none;\n      opacity: .65;\n    }\n  }\n\n  .chip-img {\n    width: var(--chip-img-size);\n    height: var(--chip-img-size);\n    @include border-radius(50%);\n\n    &:first-child {\n      margin-inline-start: -.375rem;\n    }\n  }\n\n  // Chip icon (left side)\n  .chip-icon {\n    display: flex;\n    flex-shrink: 0;\n    align-items: center;\n    justify-content: center;\n    margin-inline-start: calc(var(--chip-gap) * -.25);\n\n    > svg {\n      display: block; // Prevents baseline alignment issues\n      width: var(--chip-icon-size);\n      height: var(--chip-icon-size);\n    }\n\n    > img {\n      width: var(--chip-icon-size);\n      height: var(--chip-icon-size);\n      object-fit: cover;\n      @include border-radius(50%);\n    }\n  }\n\n  // Dismiss button (right side)\n  .chip-dismiss {\n    display: flex;\n    flex-shrink: 0;\n    align-items: center;\n    justify-content: center;\n    width: var(--chip-min-height);\n    height: var(--chip-min-height);\n    padding: 0;\n    // margin-inline-start: calc(var(--chip-padding-x) * -.5);\n    margin-inline-end: calc(var(--chip-padding-x) * -.25);\n    color: inherit;\n    cursor: pointer;\n    background: transparent;\n    border: 0;\n    opacity: var(--chip-dismiss-opacity);\n    // @include transition(opacity .15s ease-in-out);\n\n    &:hover {\n      opacity: var(--chip-dismiss-hover-opacity);\n    }\n\n    &:focus-visible {\n      outline: 0;\n      opacity: 1;\n      @include focus-ring();\n    }\n\n    > svg {\n      display: block; // Prevents baseline alignment issues\n      width: var(--chip-dismiss-size);\n      height: var(--chip-dismiss-size);\n    }\n  }\n}\n","@use \"config\" as *;\n@use \"functions\" as *;\n@use \"mixins/border-radius\" as *;\n@use \"mixins/box-shadow\" as *;\n@use \"mixins/tokens\" as *;\n@use \"layout/breakpoints\" as *;\n\n$card-tokens: () !default;\n\n// scss-docs-start card-tokens\n// stylelint-disable-next-line scss/dollar-variable-default\n$card-tokens: defaults(\n  (\n    --card-spacer-y: #{$spacer},\n    --card-spacer-x: #{$spacer},\n    --card-subtitle-color: inherit,\n    --card-border-width: var(--border-width),\n    --card-border-color: var(--border-color-translucent),\n    --card-border-radius: var(--border-radius-lg),\n    --card-box-shadow: none,\n    --card-inner-border-radius: calc(var(--border-radius-lg) - var(--border-width)),\n    --card-cap-padding-y: #{$spacer * .75},\n    --card-cap-padding-x: #{$spacer},\n    --card-cap-bg: var(--bg-1),\n    --card-cap-color: inherit,\n    --card-height: auto,\n    --card-color: inherit,\n    --card-bg: var(--bg-body),\n    --card-img-overlay-padding: #{$spacer},\n    --card-group-margin: #{$grid-gutter-x * .5},\n    --card-body-gap: #{$spacer * .5},\n  ),\n  $card-tokens\n);\n// scss-docs-end card-tokens\n\n@layer components {\n  .card {\n    @include tokens($card-tokens);\n\n    position: relative;\n    display: flex;\n    flex-direction: column;\n    min-width: 0; // See https://github.com/twbs/bootstrap/pull/22740#issuecomment-305868106\n    height: var(--card-height);\n    color: var(--fg-body);\n    word-wrap: break-word;\n    background-color: var(--card-bg);\n    // border: var(--card-border-width) solid var(--card-border-color);\n    // @include border-radius(var(--card-border-radius));\n    @include box-shadow(var(--card-box-shadow));\n\n    > hr {\n      margin-inline: 0;\n    }\n  }\n\n  .card-body {\n    display: flex;\n    // Enable `flex-grow: 1` for decks and groups so that card blocks take up\n    // as much space as possible, ensuring footers are aligned to the bottom.\n    flex: 1 1 auto;\n    flex-direction: column;\n    gap: var(--card-body-gap);\n    align-items: flex-start;\n    padding: var(--card-spacer-y) var(--card-spacer-x);\n    color: var(--card-color);\n    border: solid var(--theme-bg, var(--card-border-color));\n    border-width: 0 var(--card-border-width);\n\n    > * {\n      margin-block: 0;\n    }\n  }\n\n  .card-body,\n  .card-list {\n    border: solid var(--theme-bg, var(--card-border-color));\n    border-width: 0 var(--card-border-width);\n\n    &:first-child {\n      @include border-top-radius(var(--card-border-radius));\n      border-top-width: var(--card-border-width);\n    }\n\n    &:last-child {\n      @include border-bottom-radius(var(--card-border-radius));\n      border-bottom-width: var(--card-border-width);\n    }\n\n    &:not(:first-child, :last-child) {\n      border-block-end-width: var(--card-border-width);\n    }\n  }\n\n  .card-title,\n  .card-subtitle,\n  .card-text {\n    align-self: stretch;\n  }\n\n  .card-subtitle {\n    margin-top: calc(var(--card-body-gap) * -.5);\n  }\n\n  .card-header {\n    padding: var(--card-cap-padding-y) var(--card-cap-padding-x);\n    margin-bottom: 0; // Removes the default margin-bottom of <hN>\n    color: var(--theme-contrast, var(--card-cap-color));\n    background-color: var(--theme-bg, var(--card-cap-bg));\n    border: var(--card-border-width) solid var(--theme-bg, var(--card-border-color));\n\n    &:first-child {\n      @include border-radius(var(--card-inner-border-radius) var(--card-inner-border-radius) 0 0);\n    }\n  }\n\n  .card-footer {\n    padding: var(--card-cap-padding-y) var(--card-cap-padding-x);\n    color: var(--card-cap-color);\n    background-color: var(--theme-bg, var(--card-cap-bg));\n    border: var(--card-border-width) solid var(--theme-bg, var(--card-border-color));\n\n    &:last-child {\n      @include border-radius(0 0 var(--card-inner-border-radius) var(--card-inner-border-radius));\n    }\n  }\n\n  .card-translucent {\n    background-color: color-mix(in oklch, var(--card-bg) 80%, transparent);\n    backdrop-filter: blur(5px) saturate(180%);\n\n    .card-header,\n    .card-footer {\n      background-color: color-mix(in oklch, var(--card-cap-bg) 60%, transparent);\n    }\n  }\n\n  .card-subtle {\n    border-color: var(--theme-border, var(--card-border-color));\n\n    .card-header {\n      color: var(--theme-fg-emphasis, currentcolor);\n      background-color: var(--theme-bg-subtle, var(--card-cap-bg));\n      border-color: var(--theme-border, var(--card-border-color));\n    }\n\n    .card-footer {\n      color: var(--theme-fg-emphasis, currentcolor);\n      background-color: var(--theme-bg-subtle, var(--card-cap-bg));\n      border-color: var(--theme-border, var(--card-border-color));\n    }\n\n    .card-body,\n    .card-list {\n      border-color: var(--theme-border, var(--card-border-color));\n    }\n  }\n\n  //\n  // Header navs\n  //\n\n  // Combined selector because of specificity match with `.nav` base class\n  .nav.card-header-tabs {\n    margin-inline: calc(-.5 * var(--card-cap-padding-x));\n    margin-bottom: calc(-1 * var(--card-cap-padding-y));\n    border-block-end: 0;\n\n    .nav-link.active {\n      background-color: var(--card-bg);\n      border-block-end-color: var(--card-bg);\n    }\n  }\n\n  // Card image\n  .card-img-overlay {\n    position: absolute;\n    inset: 0;\n    padding: var(--card-img-overlay-padding);\n    @include border-radius(var(--card-inner-border-radius));\n  }\n\n  .card-img,\n  .card-img-top,\n  .card-img-bottom {\n    width: 100%; // Required because we use flexbox and this inherently applies align-self: stretch\n    outline: var(--card-border-width) solid var(--card-border-color);\n    outline-offset: calc(var(--card-border-width) * -1);\n  }\n\n  .card-img,\n  .card-img-top {\n    @include border-top-radius(var(--card-inner-border-radius));\n  }\n\n  .card-img,\n  .card-img-bottom {\n    @include border-bottom-radius(var(--card-inner-border-radius));\n  }\n\n  .card-row {\n    flex-direction: row;\n\n    .card-body,\n    .card-list {\n      border-width: var(--card-border-width) 0;\n      @include border-radius(0);\n\n      &:first-child {\n        @include border-start-radius(var(--card-inner-border-radius));\n        border-inline-start-width: var(--card-border-width);\n      }\n\n      &:last-child {\n        @include border-end-radius(var(--card-inner-border-radius));\n        border-inline-end-width: var(--card-border-width);\n      }\n\n      &:not(:first-child, :last-child) {\n        border-inline-end-width: var(--card-border-width);\n      }\n    }\n  }\n\n  .card-img-start {\n    @include border-start-radius(var(--card-inner-border-radius));\n  }\n\n  .card-img-end {\n    @include border-end-radius(var(--card-inner-border-radius));\n  }\n\n  //\n  // Card groups\n  //\n\n  .card-group {\n    // The child selector allows nested `.card` within `.card-group`\n    // to display properly.\n    > .card {\n      margin-bottom: var(--card-group-margin);\n    }\n\n    @include media-breakpoint-up(sm) {\n      display: flex;\n      flex-flow: row wrap;\n      // The child selector allows nested `.card` within `.card-group`\n      // to display properly.\n      > .card {\n        flex: 1 0 0;\n        margin-bottom: 0;\n\n        + .card {\n          margin-inline-start: 0;\n          border-inline-start: 0;\n        }\n\n        // Handle rounded corners\n        @if $enable-rounded {\n          &:not(:last-child) {\n            @include border-end-radius(0);\n\n            > .card-img-top,\n            > .card-header {\n              border-start-end-radius: 0;\n            }\n            > .card-img-bottom,\n            > .card-footer {\n              border-end-end-radius: 0;\n            }\n          }\n\n          &:not(:first-child) {\n            @include border-start-radius(0);\n\n            > .card-img-top,\n            > .card-header {\n              border-start-start-radius: 0;\n            }\n            > .card-img-bottom,\n            > .card-footer {\n              border-end-start-radius: 0;\n            }\n          }\n        }\n      }\n    }\n  }\n}\n","@use \"config\" as *;\n@use \"colors\" as *;\n@use \"functions\" as *;\n@use \"mixins/transition\" as *;\n@use \"mixins/color-mode\" as *;\n@use \"mixins/tokens\" as *;\n\n$carousel-tokens: () !default;\n\n// scss-docs-start carousel-tokens\n// stylelint-disable-next-line scss/dollar-variable-default\n$carousel-tokens: defaults(\n  (\n    --carousel-control-color: #{$white},\n    --carousel-control-width: 15%,\n    --carousel-control-opacity: .5,\n    --carousel-control-hover-opacity: .9,\n    --carousel-control-transition: opacity .15s ease,\n    --carousel-control-icon-filter: none,\n    --carousel-indicator-width: 30px,\n    --carousel-indicator-height: 3px,\n    --carousel-indicator-hit-area-height: 10px,\n    --carousel-indicator-spacer: 3px,\n    --carousel-indicator-opacity: .5,\n    --carousel-indicator-active-bg: var(--white),\n    --carousel-indicator-active-opacity: 1,\n    --carousel-indicator-transition: opacity .6s ease,\n    --carousel-caption-width: 70%,\n    --carousel-caption-color: var(--white),\n    --carousel-caption-padding-y: 1.25rem,\n    --carousel-caption-spacer: 1.25rem,\n    --carousel-control-icon-width: 2rem,\n    --carousel-control-prev-icon-bg: url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='white'><path d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0'/></svg>\"),\n    --carousel-control-next-icon-bg: url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='white'><path d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708'/></svg>\"),\n    --carousel-transition-duration: .6s,\n    --carousel-transition: transform .6s ease-in-out,\n  ),\n  $carousel-tokens\n);\n// scss-docs-end carousel-tokens\n\n$carousel-dark-tokens: () !default;\n\n// scss-docs-start carousel-dark-tokens\n// stylelint-disable-next-line scss/dollar-variable-default\n$carousel-dark-tokens: defaults(\n  (\n    --carousel-indicator-active-bg: #{$black},\n    --carousel-caption-color: #{$black},\n    --carousel-control-icon-filter: invert(1) grayscale(100),\n  ),\n  $carousel-dark-tokens\n);\n// scss-docs-end carousel-dark-tokens\n\n// Notes on the classes:\n//\n// 1. .carousel.pointer-event should ideally be pan-y (to allow for users to scroll vertically)\n//    even when their scroll action started on a carousel, but for compatibility (with Firefox)\n//    we're preventing all actions instead\n// 2. The .carousel-item-start and .carousel-item-end is used to indicate where\n//    the active slide is heading.\n// 3. .active.carousel-item is the current slide.\n// 4. .active.carousel-item-start and .active.carousel-item-end is the current\n//    slide in its in-transition state. Only one of these occurs at a time.\n// 5. .carousel-item-next.carousel-item-start and .carousel-item-prev.carousel-item-end\n//    is the upcoming slide in transition.\n\n@layer components {\n  .carousel {\n    position: relative;\n    @include tokens($carousel-tokens);\n  }\n\n  .carousel.pointer-event {\n    touch-action: pan-y;\n  }\n\n  .carousel-inner {\n    position: relative;\n    display: flow-root;\n    width: 100%;\n    overflow: hidden;\n  }\n\n  .carousel-item {\n    position: relative;\n    display: none;\n    float: inline-start;\n    width: 100%;\n    margin-inline-end: -100%;\n    backface-visibility: hidden;\n    @include transition(var(--carousel-transition));\n  }\n\n  .carousel-item.active,\n  .carousel-item-next,\n  .carousel-item-prev {\n    display: block;\n  }\n\n  .carousel-item-next:not(.carousel-item-start),\n  .active.carousel-item-end {\n    transform: translateX(100%);\n  }\n\n  .carousel-item-prev:not(.carousel-item-end),\n  .active.carousel-item-start {\n    transform: translateX(-100%);\n  }\n\n  //\n  // Alternate transitions\n  //\n\n  .carousel-fade {\n    .carousel-item {\n      opacity: 0;\n      transition-property: opacity;\n      transform: none;\n    }\n\n    .carousel-item.active,\n    .carousel-item-next.carousel-item-start,\n    .carousel-item-prev.carousel-item-end {\n      z-index: 1;\n      opacity: 1;\n    }\n\n    .active.carousel-item-start,\n    .active.carousel-item-end {\n      z-index: 0;\n      opacity: 0;\n      @include transition(opacity 0s var(--carousel-transition-duration));\n    }\n  }\n\n  //\n  // Left/right controls for nav\n  //\n\n  .carousel-control-prev,\n  .carousel-control-next {\n    position: absolute;\n    inset-block: 0;\n    z-index: 1;\n    // Use flex for alignment (1-3)\n    display: flex; // 1. allow flex styles\n    align-items: center; // 2. vertically center contents\n    justify-content: center; // 3. horizontally center contents\n    width: var(--carousel-control-width);\n    padding: 0;\n    color: var(--carousel-control-color);\n    text-align: center;\n    background: none;\n    filter: var(--carousel-control-icon-filter);\n    border: 0;\n    opacity: var(--carousel-control-opacity);\n    @include transition(var(--carousel-control-transition));\n\n    // Hover/focus state\n    &:hover,\n    &:focus {\n      color: var(--carousel-control-color);\n      text-decoration: none;\n      outline: 0;\n      opacity: var(--carousel-control-hover-opacity);\n    }\n  }\n  .carousel-control-prev {\n    inset-inline-start: 0;\n    // stylelint-disable-next-line scss/at-function-named-arguments, @stylistic/function-whitespace-after\n    background-image: if(sass($enable-gradients): linear-gradient(90deg, rgb(0 0 0 / .25), rgb(0 0 0 / .001)); else: null);\n  }\n  .carousel-control-next {\n    inset-inline-end: 0;\n    // stylelint-disable-next-line scss/at-function-named-arguments, @stylistic/function-whitespace-after\n    background-image: if(sass($enable-gradients): linear-gradient(270deg, rgb(0 0 0 / .25), rgb(0 0 0 / .001)); else: null);\n  }\n\n  // Icons for within\n  .carousel-control-prev-icon,\n  .carousel-control-next-icon {\n    display: inline-block;\n    width: var(--carousel-control-icon-width);\n    height: var(--carousel-control-icon-width);\n    background-repeat: no-repeat;\n    background-position: 50%;\n    background-size: 100% 100%;\n  }\n\n  .carousel-control-prev-icon {\n    background-image: var(--carousel-control-prev-icon-bg);\n  }\n\n  [dir=\"rtl\"] .carousel-control-prev-icon {\n    background-image: var(--carousel-control-next-icon-bg);\n  }\n\n  .carousel-control-next-icon {\n    background-image: var(--carousel-control-next-icon-bg);\n  }\n\n  [dir=\"rtl\"] .carousel-control-next-icon {\n    background-image: var(--carousel-control-prev-icon-bg);\n  }\n\n  // Optional indicator pips/controls\n  //\n  // Add a container (such as a list) with the following class and add an item (ideally a focusable control,\n  // like a button) with data-bs-target for each slide your carousel holds.\n\n  .carousel-indicators {\n    position: absolute;\n    inset: auto 0 0;\n    z-index: 2;\n    display: flex;\n    justify-content: center;\n    padding: 0;\n    // Use the .carousel-control's width as margin so we don't overlay those\n    margin-inline: var(--carousel-control-width);\n    margin-bottom: 1rem;\n\n    [data-bs-target] {\n      box-sizing: content-box;\n      flex: 0 1 auto;\n      width: var(--carousel-indicator-width);\n      height: var(--carousel-indicator-height);\n      padding: 0;\n      margin-inline: var(--carousel-indicator-spacer);\n      text-indent: -999px;\n      cursor: pointer;\n      background-color: var(--carousel-indicator-active-bg);\n      background-clip: padding-box;\n      border: 0;\n      // Use transparent borders to increase the hit area by 10px on top and bottom.\n      border-block: var(--carousel-indicator-hit-area-height) solid transparent;\n      opacity: var(--carousel-indicator-opacity);\n      @include transition(var(--carousel-indicator-transition));\n    }\n\n    .active {\n      opacity: var(--carousel-indicator-active-opacity);\n    }\n  }\n\n  // Optional captions\n  //\n  //\n\n  .carousel-caption {\n    position: absolute;\n    right: calc((100% - var(--carousel-caption-width)) * .5);\n    bottom: var(--carousel-caption-spacer);\n    left: calc((100% - var(--carousel-caption-width)) * .5);\n    padding-top: var(--carousel-caption-padding-y);\n    padding-bottom: var(--carousel-caption-padding-y);\n    color: var(--carousel-caption-color);\n    text-align: center;\n  }\n\n  // Dark mode carousel\n\n  @mixin carousel-dark() {\n    @include tokens($carousel-dark-tokens);\n  }\n\n  .carousel-dark {\n    @include carousel-dark();\n  }\n\n  @if $enable-dark-mode {\n    @include color-mode(dark, true) {\n      @include carousel-dark();\n    }\n  }\n}\n","@use \"../config\" as *;\n\n// scss-docs-start color-mode-mixin\n@mixin color-mode($mode: light, $root: false) {\n  @if $color-mode-type == \"media-query\" {\n    @if $root == true {\n      @media (prefers-color-scheme: $mode) {\n        :root {\n          @content;\n        }\n      }\n    } @else {\n      @media (prefers-color-scheme: $mode) {\n        @content;\n      }\n    }\n  } @else {\n    [data-bs-theme=\"#{$mode}\"] {\n      @content;\n    }\n  }\n}\n// scss-docs-end color-mode-mixin\n","// stylelint-disable selector-max-attribute, property-disallowed-list, selector-no-qualifying-type -- VCP uses extensive data attributes and requires direct border-radius properties for range selection\n\n@use \"functions\" as *;\n@use \"config\" as *;\n@use \"mixins/border-radius\" as *;\n@use \"mixins/focus-ring\" as *;\n@use \"mixins/tokens\" as *;\n\n$datepicker-tokens: () !default;\n\n// scss-docs-start datepicker-tokens\n// stylelint-disable-next-line scss/dollar-variable-default\n$datepicker-tokens: defaults(\n  (\n    --datepicker-padding: 1rem,\n    --datepicker-bg: var(--bg-body),\n    --datepicker-color: var(--fg-body),\n    --datepicker-border-color: var(--border-color-translucent),\n    --datepicker-border-width: var(--border-width),\n    --datepicker-border-radius: var(--border-radius-lg),\n    --datepicker-box-shadow: var(--box-shadow),\n    --datepicker-font-size: var(--font-size-sm),\n    --datepicker-min-width: 280px,\n    --datepicker-zindex: #{$zindex-menu},\n    --datepicker-header-font-weight: 600,\n    --datepicker-weekday-color: var(--fg-3),\n    --datepicker-day-hover-bg: var(--bg-1),\n    --datepicker-day-selected-bg: var(--primary-bg),\n    --datepicker-day-selected-color: var(--primary-contrast),\n    --datepicker-day-today-bg: var(--bg-2),\n    --datepicker-day-today-color: var(--fg-1),\n    --datepicker-day-disabled-color: var(--fg-4),\n  ),\n  $datepicker-tokens\n);\n// scss-docs-end datepicker-tokens\n\n@layer components {\n  [data-vc=\"calendar\"] {\n    @include tokens($datepicker-tokens);\n\n    position: absolute;\n    z-index: var(--datepicker-zindex);\n    box-sizing: border-box;\n    display: flex;\n    flex-direction: column;\n    min-width: var(--datepicker-min-width);\n    padding: var(--datepicker-padding);\n    font-family: var(--font-sans-serif);\n    font-size: var(--datepicker-font-size);\n    color: var(--datepicker-color);\n    color-scheme: light dark;\n    background-color: var(--datepicker-bg);\n    border: var(--datepicker-border-width) solid var(--datepicker-border-color);\n    box-shadow: var(--datepicker-box-shadow);\n    opacity: 1;\n    @include border-radius(var(--datepicker-border-radius));\n\n    // Respond to Bootstrap's color mode system\n    &[data-bs-theme=\"light\"] {\n      color-scheme: light;\n    }\n\n    &[data-bs-theme=\"dark\"] {\n      color-scheme: dark;\n    }\n\n    // Catch-all for focus styles\n    button:focus-visible {\n      position: relative;\n      z-index: 1;\n      @include focus-ring();\n    }\n  }\n\n  [data-vc-calendar-hidden] {\n    pointer-events: none;\n    opacity: 0;\n  }\n\n  // Inline calendars\n  //\n  // Remove popover styling for more neutral styling\n  [data-vc=\"calendar\"]:not([data-vc-input]) {\n    position: relative;\n    width: fit-content;\n    padding: 0;\n    border: 0;\n    box-shadow: none;\n  }\n\n  [data-vc-position=\"bottom\"] {\n    margin-block-start: .25rem;\n  }\n\n  [data-vc-position=\"top\"] {\n    margin-block-end: -.25rem;\n  }\n\n  [data-vc-arrow] {\n    position: relative;\n    display: block;\n    width: 2rem;\n    height: 2rem;\n    color: var(--datepicker-color);\n    pointer-events: auto;\n    cursor: pointer;\n    background-color: transparent;\n    border: 0;\n    @include border-radius(var(--border-radius));\n\n    &::before {\n      position: absolute;\n      inset: .25rem;\n      content: \"\";\n      background-image: url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='%236b7280' d='M12 16c-.3 0-.5-.1-.7-.3l-6-6c-.4-.4-.4-1 0-1.4s1-.4 1.4 0l5.3 5.3 5.3-5.3c.4-.4 1-.4 1.4 0s.4 1 0 1.4l-6 6c-.2.2-.4.3-.7.3'/></svg>\");\n      background-repeat: no-repeat;\n      background-position: center;\n    }\n\n    &:hover {\n      background-color: var(--datepicker-day-hover-bg);\n    }\n  }\n\n  [data-vc-arrow=\"prev\"]::before {\n    transform: rotate(90deg);\n  }\n\n  [data-vc-arrow=\"next\"]::before {\n    transform: rotate(-90deg);\n  }\n\n  // Grid layout\n  [data-vc=\"controls\"] {\n    position: absolute;\n    top: 0;\n    right: 0;\n    left: 0;\n    z-index: 20;\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding-top: 1rem;\n    padding-right: 1rem;\n    padding-left: 1rem;\n    pointer-events: none;\n  }\n\n  [data-vc=\"grid\"] {\n    display: flex;\n    flex-grow: 1;\n    flex-wrap: wrap;\n    gap: 1.75rem;\n  }\n\n  [data-vc=\"column\"] {\n    display: flex;\n    flex-grow: 1;\n    flex-direction: column;\n    min-width: 240px;\n  }\n\n  //\n  // Header\n  //\n\n  [data-vc=\"header\"] {\n    position: relative;\n    display: flex;\n    align-items: center;\n    margin-bottom: .75rem;\n  }\n\n  // Month and year\n  [data-vc-header=\"content\"] {\n    display: inline-flex;\n    flex-grow: 1;\n    align-items: center;\n    justify-content: center;\n    white-space: pre-wrap;\n  }\n\n  [data-vc=\"month\"],\n  [data-vc=\"year\"] {\n    padding: .25rem .5rem;\n    margin-inline: -.125rem;\n    font-size: 1rem;\n    font-weight: var(--datepicker-header-font-weight);\n    color: var(--datepicker-color);\n    // cursor: pointer;\n    background-color: transparent;\n    border: 0;\n    @include border-radius(var(--border-radius));\n\n    &:disabled {\n      color: var(--datepicker-day-disabled-color);\n      pointer-events: none;\n    }\n\n    &:hover:not(:disabled) {\n      background-color: var(--datepicker-day-hover-bg);\n    }\n  }\n\n  [data-vc=\"content\"] {\n    display: flex;\n    flex-grow: 1;\n    flex-direction: column;\n  }\n\n  // Month/Year grids\n  [data-vc=\"months\"],\n  [data-vc=\"years\"] {\n    display: grid;\n    flex-grow: 1;\n    grid-template-columns: repeat(var(--vc-columns, 4), minmax(0, 1fr));\n    row-gap: 1rem;\n    column-gap: .25rem;\n    align-items: center;\n  }\n\n  [data-vc=\"years\"] {\n    --vc-columns: 5;\n  }\n\n  [data-vc-months-month],\n  [data-vc-years-year] {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    height: 2.5rem;\n    padding: .25rem;\n    font-size: .75rem;\n    font-weight: 600;\n    line-height: 1rem;\n    color: var(--datepicker-weekday-color);\n    text-align: center;\n    word-break: break-all;\n    cursor: pointer;\n    background-color: transparent;\n    border: 0;\n    @include border-radius(var(--border-radius));\n\n    &:disabled {\n      color: var(--datepicker-day-disabled-color);\n      pointer-events: none;\n    }\n\n    &:hover:not(:disabled) {\n      background-color: var(--datepicker-day-hover-bg);\n    }\n\n    &[data-vc-months-month-selected],\n    &[data-vc-years-year-selected] {\n      color: var(--datepicker-day-selected-color);\n      background-color: var(--datepicker-day-selected-bg);\n\n      &:hover {\n        color: var(--datepicker-day-selected-color);\n        background-color: var(--datepicker-day-selected-bg);\n      }\n    }\n  }\n\n  // Week days header\n  [data-vc=\"week\"] {\n    display: grid;\n    grid-template-columns: repeat(7, 1fr);\n    justify-items: center;\n    margin-bottom: .5rem;\n  }\n\n  [data-vc-week-day] {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: 100%;\n    min-width: 1.875rem;\n    padding: 0;\n    margin: 0;\n    font-size: .75rem;\n    font-weight: 600;\n    line-height: 1rem;\n    color: var(--datepicker-weekday-color);\n    background-color: transparent;\n    border: 0;\n  }\n\n  button[data-vc-week-day] {\n    cursor: pointer;\n  }\n\n  // Dates grid\n  [data-vc=\"dates\"] {\n    pointer-events: none;\n  }\n\n  [data-vc-dates=\"row\"] {\n    display: grid;\n    grid-template-columns: repeat(7, 1fr);\n    align-items: center;\n    justify-items: center;\n    width: 100%;\n  }\n\n  [data-vc-date] {\n    position: relative;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: 100%;\n    padding-top: .125rem;\n    padding-bottom: .125rem;\n    pointer-events: auto;\n\n    &:not(:has([data-vc-date-btn])),\n    &[data-vc-date-disabled],\n    &[data-vc-date-disabled] [data-vc-date-btn] {\n      pointer-events: none;\n    }\n  }\n\n  // Date button\n  [data-vc-date-btn] {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: 100%;\n    min-width: 1.875rem;\n    height: 100%;\n    min-height: 1.875rem;\n    padding: 0;\n    font-size: .75rem;\n    font-weight: 400;\n    line-height: 1rem;\n    color: var(--datepicker-color);\n    cursor: pointer;\n    background-color: transparent;\n    border: 0;\n    border-radius: var(--border-radius);\n\n    &:hover {\n      background-color: var(--datepicker-day-hover-bg);\n    }\n  }\n\n  // Today\n  [data-vc-date-today] [data-vc-date-btn] {\n    font-weight: 600;\n    color: var(--datepicker-day-today-color);\n    background-color: var(--datepicker-day-today-bg);\n  }\n\n  // Outside month\n  [data-vc-date-month=\"next\"] [data-vc-date-btn],\n  [data-vc-date-month=\"prev\"] [data-vc-date-btn] {\n    opacity: .5;\n  }\n\n  // Disabled\n  [data-vc-date-disabled] [data-vc-date-btn] {\n    color: var(--datepicker-day-disabled-color);\n  }\n\n  // Range selection styles\n  [data-vc-date-hover] [data-vc-date-btn] {\n    background-color: var(--datepicker-day-hover-bg);\n    border-radius: 0;\n  }\n\n  [data-vc-date-hover=\"first\"] [data-vc-date-btn] {\n    border-start-start-radius: var(--border-radius);\n    border-end-start-radius: var(--border-radius);\n  }\n\n  [data-vc-date-hover=\"last\"] [data-vc-date-btn] {\n    border-start-end-radius: var(--border-radius);\n    border-end-end-radius: var(--border-radius);\n  }\n\n  [data-vc-date-hover=\"first-and-last\"] [data-vc-date-btn] {\n    border-radius: var(--border-radius);\n  }\n\n  [data-vc-date-selected=\"middle\"] [data-vc-date-btn] {\n    border-radius: 0;\n    opacity: .8;\n  }\n\n  // Selected\n  [data-vc-date-selected] [data-vc-date-btn] {\n    color: var(--datepicker-day-selected-color);\n    background-color: var(--datepicker-day-selected-bg);\n\n  }\n\n  [data-vc-date-selected=\"first\"] [data-vc-date-btn] {\n    border-top-left-radius: var(--border-radius);\n    border-top-right-radius: 0;\n    border-bottom-right-radius: 0;\n    border-bottom-left-radius: var(--border-radius);\n  }\n\n  [data-vc-date-selected=\"last\"] [data-vc-date-btn] {\n    border-top-left-radius: 0;\n    border-top-right-radius: var(--border-radius);\n    border-bottom-right-radius: var(--border-radius);\n    border-bottom-left-radius: 0;\n  }\n\n  [data-vc-date-selected=\"first-and-last\"] [data-vc-date-btn] {\n    border-radius: var(--border-radius);\n  }\n}\n","@use \"sass:map\";\n@use \"config\" as *;\n@use \"functions\" as *;\n@use \"layout/breakpoints\" as *;\n@use \"mixins/border-radius\" as *;\n@use \"mixins/box-shadow\" as *;\n@use \"mixins/dialog-shared\" as *;\n@use \"mixins/transition\" as *;\n@use \"mixins/tokens\" as *;\n\n// Native <dialog> component\n// Uses the browser's native dialog element with showModal()/show()/close() APIs\n// Leverages native [open] attribute and ::backdrop pseudo-element\n\n// stylelint-disable custom-property-no-missing-var-function\n$dialog-tokens: () !default;\n\n// scss-docs-start dialog-tokens\n// stylelint-disable-next-line scss/dollar-variable-default\n$dialog-tokens: defaults(\n  (\n    --dialog-padding: 1rem,\n    --dialog-width: 500px,\n    --dialog-margin: 1.75rem,\n    --dialog-color: var(--fg-body),\n    --dialog-bg: var(--bg-body),\n    --dialog-border-color: var(--border-color-translucent),\n    --dialog-border-width: var(--border-width),\n    --dialog-border-radius: var(--border-radius-lg),\n    --dialog-box-shadow: var(--box-shadow-lg),\n    --dialog-transition-duration: .3s,\n    --dialog-transition-timing: cubic-bezier(.22, 1, .36, 1),\n    --dialog-backdrop-bg: rgb(0 0 0 / 50%),\n    --dialog-backdrop-blur: 8px,\n    --dialog-header-padding: 1rem,\n    --dialog-header-border-color: var(--border-color),\n    --dialog-header-border-width: var(--border-width),\n    --dialog-footer-padding: 1rem,\n    --dialog-footer-border-color: var(--border-color),\n    --dialog-footer-border-width: var(--border-width),\n    --dialog-footer-gap: .5rem,\n  ),\n  $dialog-tokens\n);\n// scss-docs-end dialog-tokens\n// stylelint-enable custom-property-no-missing-var-function\n\n// scss-docs-start dialog-sizes\n$dialog-sizes: () !default;\n// stylelint-disable-next-line scss/dollar-variable-default\n$dialog-sizes: defaults(\n  (\n    sm: 280px,\n    lg: 800px,\n    xl: 1140px,\n  ),\n  $dialog-sizes\n);\n// scss-docs-end dialog-sizes\n\n@layer components {\n  // Prevent body scroll when dialog is open\n  .dialog-open {\n    overflow: hidden;\n    scrollbar-gutter: stable;\n  }\n\n  .dialog {\n    @include tokens($dialog-tokens);\n\n    // Override UA display:none so visibility controls the hidden state,\n    // enabling reliable cross-browser exit animations after close().\n    display: flex;\n    flex-direction: column;\n    width: var(--dialog-width);\n    max-width: 100%;\n    max-height: calc(100% - var(--dialog-margin) * 2);\n    padding: 0;\n    margin: auto;\n    overflow: visible;\n    color: var(--dialog-color);\n    visibility: hidden;\n    background-color: var(--dialog-bg);\n    background-clip: padding-box;\n    border: var(--dialog-border-width) solid var(--dialog-border-color);\n    @include border-radius(var(--dialog-border-radius));\n    @include box-shadow(var(--dialog-box-shadow));\n\n    // Animated variant (default) — transitions, opacity fade, slide transforms.\n    // Adding .dialog-instant skips all animations (instant show/hide).\n    &:not(.dialog-instant) {\n      // Exit state: faded out\n      opacity: 0;\n\n      // Exit transition: opacity and transform animate out, then visibility\n      // flips hidden after the animation completes (via the delay).\n      @include transition(\n        opacity var(--dialog-transition-duration) var(--dialog-transition-timing),\n        transform var(--dialog-transition-duration) var(--dialog-transition-timing),\n        visibility 0s var(--dialog-transition-duration)\n      );\n\n      // Slide-down variant: enters from above, exits below.\n      &.dialog-slide-down {\n        transform: translateY(3rem);\n      }\n\n      // Slide-up variant: enters from below, exits above.\n      &.dialog-slide-up {\n        transform: translateY(-3rem);\n      }\n\n      // Open state: visible and faded in.\n      // Entry transition: visibility flips visible immediately (0s, no delay),\n      // then opacity and transform animate in.\n      &[open] {\n        overflow: visible;\n        visibility: visible;\n        opacity: 1;\n        @include transition(\n          opacity var(--dialog-transition-duration) var(--dialog-transition-timing),\n          transform var(--dialog-transition-duration) var(--dialog-transition-timing),\n          visibility 0s\n        );\n        transform: none;\n      }\n\n      // Static backdrop \"bounce\" animation (modal dialogs only)\n      &.dialog-static {\n        transform: scale(1.02);\n      }\n\n      // Native backdrop styling with transitions\n      &::backdrop {\n        background-color: var(--dialog-backdrop-bg);\n        backdrop-filter: blur(var(--dialog-backdrop-blur));\n        @include backdrop-transitions(var(--dialog-transition-duration), var(--dialog-transition-timing));\n      }\n    }\n\n    // Instant variant — no transitions, just snap visibility\n    &.dialog-instant {\n      &::backdrop {\n        background-color: var(--dialog-backdrop-bg);\n        backdrop-filter: blur(var(--dialog-backdrop-blur));\n      }\n    }\n\n    // Open state base (always applies, regardless of animation mode)\n    &[open] {\n      overflow: visible;\n      visibility: visible;\n      opacity: 1;\n      transform: none;\n    }\n\n    // Non-modal dialog positioning\n    // show() doesn't use the top layer, so we need explicit positioning and z-index\n    &.dialog-nonmodal {\n      position: fixed;\n      inset-block-start: 50%;\n      inset-inline-start: 50%;\n      z-index: $zindex-dialog;\n      margin-inline: 0;\n      transform: translate(-50%, -50%);\n    }\n\n    // Overflow dialog - scrollable viewport container with dialog box inside\n    &.dialog-overflow {\n      // Make dialog element the full-viewport scrollable container\n      position: fixed;\n      inset: 0;\n      width: 100%;\n      max-width: 100%;\n      height: 100%;\n      max-height: 100%;\n      padding: var(--dialog-margin);\n      margin: 0;\n      overflow-y: auto;\n      overscroll-behavior: contain;\n      background: transparent;\n      border: 0;\n      box-shadow: none;\n\n      // The visual dialog box is a child wrapper\n      > .dialog-box {\n        max-width: var(--dialog-width);\n        margin-block-end: var(--dialog-margin);\n        margin-inline: auto;\n        color: var(--dialog-color);\n        background-color: var(--dialog-bg);\n        background-clip: padding-box;\n        border: var(--dialog-border-width) solid var(--dialog-border-color);\n        @include border-radius(var(--dialog-border-radius));\n        @include box-shadow(var(--dialog-box-shadow));\n      }\n    }\n\n    // Scrollable dialog body (header/footer stay fixed)\n    &.dialog-scrollable[open] {\n      max-height: calc(100% - var(--dialog-margin) * 2);\n\n      .dialog-body {\n        overflow-y: auto;\n      }\n    }\n  }\n\n  // Entry animations via @starting-style.\n  // Slide variants need this because the base transform is the EXIT position,\n  // but entry must start from the opposite direction.\n  // ::backdrop needs it since it only exists in the top layer.\n  // Default dialog (fade only) does NOT need @starting-style — the base\n  // opacity: 0 state serves as the entry-from state with visibility trick.\n  @starting-style {\n    // Slide-down: enters from above (negative Y), slides down into view\n    .dialog:not(.dialog-instant).dialog-slide-down[open] {\n      opacity: 0;\n      transform: translateY(-3rem);\n    }\n\n    // Slide-up: enters from below (positive Y), slides up into view\n    .dialog:not(.dialog-instant).dialog-slide-up[open] {\n      opacity: 0;\n      transform: translateY(3rem);\n    }\n\n    .dialog:not(.dialog-instant)::backdrop {\n      background-color: transparent;\n      backdrop-filter: blur(0);\n    }\n  }\n\n  // Dialog sizes\n  @each $size, $value in $dialog-sizes {\n    .dialog-#{$size} { --dialog-width: #{$value}; }\n  }\n\n  // Fullscreen dialog\n  .dialog-fullscreen {\n    --dialog-width: 100vw;\n    --dialog-margin: 0;\n    --dialog-border-radius: 0;\n\n    width: 100%;\n    max-width: none;\n    height: 100%;\n    max-height: none;\n  }\n\n  // Responsive fullscreen dialogs\n  @each $breakpoint in map.keys($breakpoints) {\n    $prefix: breakpoint-prefix($breakpoint, $breakpoints);\n\n    @if $prefix != \"\" {\n      @include media-breakpoint-down($breakpoint) {\n        .#{css-escape-ident($breakpoint)}-down\\:dialog-fullscreen {\n          --dialog-width: 100vw;\n          --dialog-margin: 0;\n          --dialog-border-radius: 0;\n\n          width: 100%;\n          max-width: none;\n          height: 100%;\n          max-height: none;\n        }\n      }\n    }\n  }\n\n  // Dialog header\n  .dialog-header {\n    @include dialog-header(var(--dialog-header-padding));\n    border-block-end: var(--dialog-header-border-width) solid var(--dialog-header-border-color);\n\n    .btn-close {\n      margin-inline-start: auto;\n    }\n  }\n\n  // Dialog title\n  .dialog-title {\n    @include dialog-title();\n    font-size: var(--font-size-md);\n  }\n\n  // Dialog body\n  .dialog-body {\n    position: relative;\n    @include dialog-body(var(--dialog-padding));\n  }\n\n  // Dialog footer\n  .dialog-footer {\n    @include dialog-footer(var(--dialog-footer-padding), var(--dialog-footer-gap), var(--dialog-footer-border-width), var(--dialog-footer-border-color));\n  }\n}\n","// Shared mixins for Dialog and Drawer sub-components.\n// Both components use identical header/footer/body/title patterns\n// with different token namespaces.\n\n@use \"transition\" as *;\n\n// Header: flex row with close button alignment\n@mixin dialog-header($padding) {\n  display: flex;\n  flex-shrink: 0;\n  align-items: center;\n  padding: $padding;\n}\n\n// Footer: flex row with end-aligned actions\n@mixin dialog-footer($padding, $gap, $border-width, $border-color) {\n  display: flex;\n  flex-shrink: 0;\n  flex-wrap: wrap;\n  gap: $gap;\n  align-items: center;\n  justify-content: flex-end;\n  padding: $padding;\n  border-block-start: $border-width solid $border-color;\n}\n\n// Body: flexible scrollable content area\n@mixin dialog-body($padding) {\n  flex: 1 1 auto;\n  padding: $padding;\n}\n\n// Title: reset margin, set line-height\n@mixin dialog-title($line-height: 1.5) {\n  margin-bottom: 0;\n  line-height: $line-height;\n}\n\n// Backdrop transitions for ::backdrop pseudo-element.\n// Both Dialog and Drawer use identical allow-discrete transitions\n// on display and overlay to keep ::backdrop in the top layer.\n@mixin backdrop-transitions($duration, $timing) {\n  @include transition(\n    background-color $duration $timing,\n    backdrop-filter $duration $timing,\n    display $duration allow-discrete,\n    overlay $duration allow-discrete\n  );\n}\n","@use \"config\" as *;\n@use \"functions\" as *;\n@use \"mixins/border-radius\" as *;\n@use \"mixins/box-shadow\" as *;\n@use \"mixins/tokens\" as *;\n@use \"mixins/transition\" as *;\n\n// stylelint-disable scss/dollar-variable-default, custom-property-no-missing-var-function\n$menu-tokens: () !default;\n\n// scss-docs-start menu-tokens\n$menu-tokens: defaults(\n  (\n    --menu-zindex: #{$zindex-menu},\n    --menu-gap: .125rem,\n    --menu-min-width: 10rem,\n    --menu-padding-x: .25rem,\n    --menu-padding-y: .25rem,\n    --menu-spacer: .125rem,\n    --menu-font-size: var(--font-size-sm),\n    --menu-color: var(--fg-body),\n    --menu-bg: var(--bg-body),\n    // --menu-border-color: var(--border-color-translucent),\n    // --menu-border-radius: var(--border-radius-lg),\n    // --menu-border-width: var(--border-width),\n    --menu-box-shadow: var(--box-shadow),\n    // --menu-max-height: none,\n    --menu-divider-bg: var(--border-color-translucent),\n    --menu-divider-margin-y: .125rem,\n    --menu-divider-margin-x: .25rem,\n    --menu-item-color: var(--menu-color, var(--fg-body)),\n    --menu-item-hover-color: var(--menu-color, var(--fg-body)),\n    --menu-item-hover-bg: var(--bg-1),\n    --menu-item-active-color: var(--primary-contrast),\n    --menu-item-active-bg: var(--primary-bg),\n    --menu-item-disabled-color: var(--fg-3),\n    --menu-item-gap: .5rem,\n    --menu-item-padding-x: .75rem,\n    --menu-item-padding-y: .25rem,\n    --menu-item-border-radius: var(--border-radius),\n    --menu-icon-size: 1rem,\n    --menu-image-size: 1.5rem,\n    --menu-description-font-size: var(--font-size-xs),\n    --menu-check-color: currentcolor,\n    --menu-header-color: var(--fg-3),\n    --menu-header-padding-x: .75rem,\n    --menu-header-padding-y: .25rem,\n    --menu-transition-duration: .15s,\n    --menu-transition-timing: cubic-bezier(.22, 1, .36, 1),\n  ),\n  $menu-tokens\n);\n// scss-docs-end menu-tokens\n\n// stylelint-enable custom-property-no-missing-var-function, scss/dollar-variable-default\n\n@layer components {\n  .menu {\n    @include tokens($menu-tokens);\n\n    position: absolute;\n    z-index: var(--menu-zindex);\n    display: none;\n    flex-direction: column;\n    gap: var(--menu-gap);\n    min-width: var(--menu-min-width);\n    max-height: var(--menu-max-height, none);\n    padding: var(--menu-padding-y) var(--menu-padding-x);\n    margin: 0;\n    overflow-y: var(--menu-overflow-y, initial);\n    overscroll-behavior: contain;\n    font-size: var(--menu-font-size);\n    color: var(--menu-color);\n    text-align: start;\n    list-style: none;\n    background-color: var(--menu-bg);\n    background-clip: padding-box;\n    border: var(--menu-border-width, var(--border-width)) solid var(--menu-border-color, var(--border-color-translucent));\n    @include border-radius(var(--menu-border-radius, var(--border-radius-lg)));\n    @include box-shadow(var(--menu-box-shadow));\n    opacity: 0;\n    transform: scale(.95);\n    transform-origin: top start;\n\n    &[data-bs-placement^=\"top\"] {\n      transform-origin: bottom start;\n    }\n\n    &[data-bs-placement=\"bottom-end\"] {\n      transform-origin: top end;\n    }\n\n    &[data-bs-placement=\"top-end\"] {\n      transform-origin: bottom end;\n    }\n\n    &[data-bs-placement^=\"left\"] {\n      transform-origin: top end;\n    }\n\n    @include transition(\n      opacity var(--menu-transition-duration) var(--menu-transition-timing),\n      transform var(--menu-transition-duration) var(--menu-transition-timing),\n      display var(--menu-transition-duration) allow-discrete\n    );\n\n    &.show {\n      display: flex;\n      opacity: 1;\n      transform: none;\n    }\n  }\n\n  @starting-style {\n    .menu.show {\n      opacity: 0;\n      transform: scale(.95);\n    }\n  }\n\n  .menu-scrollable {\n    --menu-max-height: 80dvh;\n    --menu-overflow-y: auto;\n  }\n\n  .menu-translucent {\n    --menu-item-hover-bg-light: color-mix(in oklch, var(--bg-1) 90%, transparent);\n    --menu-item-hover-bg-dark: color-mix(in oklch, var(--bg-1) 80%, transparent);\n\n    --menu-item-active-bg-light: color-mix(in oklch, var(--primary-bg) 80%, transparent);\n    --menu-item-active-bg-dark: color-mix(in oklch, var(--primary-bg) 70%, transparent);\n\n    --menu-item-active-bg: light-dark(var(--menu-item-active-bg-light), var(--menu-item-active-bg-dark));\n    --menu-item-hover-bg: light-dark(var(--menu-item-hover-bg-light), var(--menu-item-hover-bg-dark));\n\n    background-color: color-mix(in oklch, var(--menu-bg) 80%, transparent);\n    backdrop-filter: blur(5px) saturate(180%);\n  }\n\n  .menu-divider {\n    height: 0;\n    margin: var(--menu-divider-margin-y) var(--menu-divider-margin-x);\n    overflow: hidden;\n    border-block-start: 1px solid var(--menu-divider-bg);\n    opacity: 1;\n  }\n\n  .menu-item {\n    display: flex;\n    gap: var(--menu-item-gap);\n    align-items: center;\n    width: 100%;\n    padding: var(--menu-item-padding-y) var(--menu-item-padding-x);\n    font-weight: var(--menu-item-font-weight, var(--font-weight-normal));\n    color: var(--theme-fg, var(--menu-item-color));\n    text-align: inherit;\n    text-decoration: none;\n    white-space: nowrap;\n    cursor: pointer;\n    background-color: transparent;\n    border: 0;\n    outline: 0;\n    @include border-radius(var(--menu-item-border-radius, 0));\n\n    &:hover,\n    &:focus {\n      color: var(--theme-fg-emphasis, var(--menu-item-hover-color));\n      background-color: var(--theme-bg-subtle, var(--menu-item-hover-bg));\n      // @include gradient-bg(var(--theme-bg-subtle, var(--menu-item-hover-bg)));\n    }\n\n    &.active,\n    &:active {\n      color: var(--theme-contrast, var(--menu-item-active-color));\n      background-color: var(--theme-bg, var(--menu-item-active-bg));\n      // @include gradient-bg(var(--theme-bg, var(--menu-item-active-bg)));\n\n      .menu-item-icon {\n        color: inherit !important; // stylelint-disable-line declaration-no-important\n      }\n    }\n\n    &.selected {\n      font-weight: $font-weight-semibold;\n    }\n\n    &.disabled,\n    &:disabled {\n      color: var(--menu-item-disabled-color);\n      pointer-events: none;\n      background-color: transparent;\n      // stylelint-disable-next-line scss/at-function-named-arguments\n      background-image: if(sass($enable-gradients): none; else: null);\n    }\n  }\n\n  .menu-item-icon {\n    flex-shrink: 0;\n    align-self: flex-start;\n    width: var(--menu-icon-size);\n    height: auto;\n    margin-top: .125rem;\n  }\n\n  .menu-image {\n    width: var(--menu-image-size);\n    height: var(--menu-image-size);\n    object-fit: cover;\n    @include border-radius(var(--border-radius-sm));\n  }\n\n  .menu-item-content {\n    display: flex;\n    flex: 1;\n    flex-direction: column;\n    min-width: fit-content;\n  }\n\n  .menu-item-description {\n    font-size: var(--menu-description-font-size);\n    font-weight: var(--font-weight-normal);\n    color: color-mix(in oklch, currentcolor 65%, transparent);\n  }\n\n  .menu-item-check {\n    flex-shrink: 0;\n    align-self: flex-start;\n    margin-block-start: .125rem;\n    margin-inline-start: auto;\n    color: var(--menu-check-color);\n    visibility: hidden;\n\n    .selected > & {\n      visibility: visible;\n    }\n  }\n\n  .menu-header {\n    display: block;\n    padding: var(--menu-header-padding-y) var(--menu-header-padding-x);\n    margin-bottom: 0;\n    font-size: var(--font-size-sm);\n    color: var(--menu-header-color);\n    white-space: nowrap;\n  }\n\n  .menu-text {\n    display: block;\n    padding: var(--menu-item-padding-y) var(--menu-item-padding-x);\n    color: var(--fg-2);\n  }\n\n  // scss-docs-start submenu\n  .submenu {\n    position: relative;\n\n    > .menu-item {\n      display: flex;\n      align-items: center;\n      justify-content: space-between;\n    }\n\n    > .menu-item::after {\n      display: inline-block;\n      flex-shrink: 0;\n      width: .375em;\n      height: .375em;\n      margin-inline-start: auto;\n      content: \"\";\n      border-color: currentcolor;\n      border-style: solid;\n      border-width: 0 .125em .125em 0;\n      transform: rotate(-45deg);\n\n      [dir=\"rtl\"] & {\n        transform: rotate(135deg);\n      }\n    }\n\n    > .menu {\n      top: 0;\n      margin-top: calc(-1 * var(--menu-padding-y));\n    }\n\n    &:hover > .menu-item,\n    &:focus-within > .menu-item {\n      color: var(--menu-item-hover-color);\n      background-color: var(--menu-item-hover-bg);\n    }\n\n    &.show > .menu-item {\n      color: var(--menu-item-hover-color);\n      background-color: var(--menu-item-hover-bg);\n    }\n  }\n\n  // Mobile stacking: submenu covers the parent menu in-place\n  @media (max-width: 575.98px) {\n    .submenu:has(.submenu-stacked) {\n      position: static;\n    }\n\n    .submenu-stacked {\n      position: absolute;\n      inset: 0;\n      z-index: 1;\n      display: flex;\n      flex-direction: column;\n      gap: var(--menu-gap);\n      min-width: 0;\n      padding: var(--menu-padding-y) var(--menu-padding-x);\n      background-color: var(--menu-bg);\n      border: 0;\n      @include border-radius(0);\n      box-shadow: none;\n    }\n\n    .submenu-back {\n      display: flex;\n      gap: var(--menu-item-gap);\n      align-items: center;\n      padding: var(--menu-item-padding-y) var(--menu-item-padding-x);\n      font-weight: var(--font-weight-semibold, 600);\n      color: var(--menu-item-color);\n\n      &::before {\n        display: inline-block;\n        flex-shrink: 0;\n        width: .375em;\n        height: .375em;\n        content: \"\";\n        border-color: currentcolor;\n        border-style: solid;\n        border-width: .125em 0 0 .125em;\n        transform: rotate(-45deg);\n\n        [dir=\"rtl\"] & {\n          border-width: 0 .125em .125em 0;\n        }\n      }\n    }\n\n    .submenu-dimmed {\n      pointer-events: none;\n      filter: blur(2px);\n      opacity: .3;\n    }\n  }\n  // scss-docs-end submenu\n}\n","@use \"sass:map\";\n@use \"config\" as *;\n@use \"functions\" as *;\n@use \"mixins/border-radius\" as *;\n@use \"layout/breakpoints\" as *;\n@use \"mixins/tokens\" as *;\n\n$list-group-tokens: () !default;\n\n// scss-docs-start list-group-tokens\n// stylelint-disable-next-line scss/dollar-variable-default\n$list-group-tokens: defaults(\n  (\n    --list-group-color: var(--fg-body),\n    --list-group-bg: var(--bg-body),\n    --list-group-border-color: var(--border-color),\n    --list-group-border-width: var(--border-width),\n    --list-group-border-radius: var(--border-radius),\n    --list-group-item-padding-x: #{$spacer},\n    --list-group-item-padding-y: #{$spacer * .5},\n    --list-group-action-color: var(--fg-2),\n    --list-group-action-hover-color: var(--fg-1),\n    --list-group-action-hover-bg: var(--bg-1),\n    --list-group-action-active-color: var(--fg-body),\n    --list-group-action-active-bg: var(--bg-2),\n    --list-group-disabled-color: var(--fg-3),\n    --list-group-disabled-bg: var(--bg-body),\n    --list-group-active-color: var(--primary-contrast),\n    --list-group-active-bg: var(--primary-bg),\n    --list-group-active-border-color: var(--primary-bg),\n  ),\n  $list-group-tokens\n);\n// scss-docs-end list-group-tokens\n\n@layer components {\n  .list-group {\n    @include tokens($list-group-tokens);\n\n    display: flex;\n    flex-direction: column;\n\n    // No need to set list-style: none; since .list-group-item is block level\n    padding-inline-start: 0; // reset padding because ul and ol\n    margin-bottom: 0;\n    @include border-radius(var(--list-group-border-radius));\n  }\n\n  .list-group-numbered {\n    list-style-type: none;\n    counter-reset: section;\n\n    > .list-group-item::before {\n      // Increments only this instance of the section counter\n      content: counters(section, \".\") \". \";\n      counter-increment: section;\n    }\n  }\n\n  // Individual list items\n  //\n  // Use on `li`s or `div`s within the `.list-group` parent.\n\n  .list-group-item {\n    position: relative;\n    display: block;\n    padding: var(--list-group-item-padding-y) var(--list-group-item-padding-x);\n    color: var(--theme-fg, var(--list-group-color));\n    // stylelint-disable-next-line scss/at-function-named-arguments\n    text-decoration: if(sass($link-decoration == none): null);\n    background-color: var(--theme-bg-subtle, var(--list-group-bg));\n    border: var(--list-group-border-width) solid var(--theme-border, var(--list-group-border-color));\n\n    &:first-child {\n      @include border-top-radius(inherit);\n    }\n\n    &:last-child {\n      @include border-bottom-radius(inherit);\n    }\n\n    &.disabled,\n    &:disabled {\n      color: var(--list-group-disabled-color);\n      pointer-events: none;\n      background-color: var(--list-group-disabled-bg);\n    }\n\n    // Include both here for `<a>`s and `<button>`s\n    &.active {\n      z-index: 2; // Place active items above their siblings for proper border styling\n      color: var(--list-group-active-color);\n      background-color: var(--list-group-active-bg);\n      border-color: var(--list-group-active-border-color);\n    }\n\n    // stylelint-disable-next-line scss/selector-no-redundant-nesting-selector\n    & + .list-group-item {\n      border-block-start-width: 0;\n\n      &.active {\n        margin-top: calc(-1 * var(--list-group-border-width));\n        border-block-start-width: var(--list-group-border-width);\n      }\n    }\n  }\n\n  // Interactive list items\n  //\n  // Use anchor or button elements instead of `li`s or `div`s to create interactive\n  // list items. Includes an extra `.active` modifier class for selected items.\n\n  .list-group-item-action {\n    width: 100%; // For `<button>`s (anchors become 100% by default though)\n    color: var(--theme-fg, var(--list-group-action-color));\n    text-align: inherit; // For `<button>`s (anchors inherit)\n    text-decoration: none;\n\n    &:not(.active) {\n      // Hover state\n      &:hover,\n      &:focus {\n        z-index: 1; // Place hover/focus items above their siblings for proper border styling\n        color: var(--theme-fg-emphasis, var(--list-group-action-hover-color));\n        text-decoration: none;\n        background-color: var(--theme-bg-muted, var(--list-group-action-hover-bg));\n      }\n\n      &:active {\n        color: var(--theme-fg-emphasis, var(--list-group-action-active-color));\n        background-color: var(--theme-bg-muted, var(--list-group-action-active-bg));\n      }\n    }\n  }\n\n  // Horizontal\n  //\n  // Change the layout of list group items from vertical (default) to horizontal.\n\n  @each $breakpoint in map.keys($breakpoints) {\n    @include media-breakpoint-up($breakpoint) {\n      $prefix: breakpoint-prefix($breakpoint, $breakpoints);\n\n      .#{$prefix}list-group-horizontal {\n        flex-direction: row;\n\n        > .list-group-item {\n          &:first-child:not(:last-child) {\n            @include border-bottom-start-radius(var(--list-group-border-radius));\n            @include border-top-end-radius(0);\n          }\n\n          &:last-child:not(:first-child) {\n            @include border-top-end-radius(var(--list-group-border-radius));\n            @include border-bottom-start-radius(0);\n          }\n\n          &.active {\n            margin-top: 0;\n          }\n\n          + .list-group-item {\n            border-block-start-width: var(--list-group-border-width);\n            border-inline-start-width: 0;\n\n            &.active {\n              margin-inline-start: calc(-1 * var(--list-group-border-width));\n              border-inline-start-width: var(--list-group-border-width);\n            }\n          }\n        }\n      }\n    }\n  }\n\n  // Flush list items\n  //\n  // Remove borders and border-radius to keep list group items edge-to-edge. Most\n  // useful within other components (e.g., cards).\n\n  .list-group-flush {\n    @include border-radius(0);\n\n    > .list-group-item {\n      border-width: 0 0 var(--list-group-border-width);\n\n      &:last-child {\n        border-block-end-width: 0;\n      }\n    }\n  }\n}\n","@use \"functions\" as *;\n@use \"config\" as *;\n@use \"mixins/border-radius\" as *;\n@use \"mixins/focus-ring\" as *;\n@use \"mixins/gradients\" as *;\n@use \"mixins/tokens\" as *;\n@use \"mixins/transition\" as *;\n\n$nav-tokens: () !default;\n\n// scss-docs-start nav-tokens\n// stylelint-disable-next-line scss/dollar-variable-default\n$nav-tokens: defaults(\n  (\n    --nav-gap: .125rem,\n    --nav-link-gap: .5rem,\n    --nav-link-align: center,\n    --nav-link-justify: center,\n    --nav-link-padding-x: .75rem,\n    --nav-link-padding-y: .375rem,\n    --nav-link-color: var(--fg-2),\n    --nav-link-hover-color: var(--fg-1),\n    --nav-link-hover-bg: var(--bg-1),\n    --nav-link-active-color: var(--fg-body),\n    --nav-link-active-bg: var(--bg-2),\n    --nav-link-disabled-color: var(--fg-4),\n    --nav-link-border-width: var(--border-width),\n    --nav-link-transition-property: \"color, background-color, border-color\",\n    --nav-link-transition-timing: .15s ease-in-out,\n    --nav-link-transition: var(--nav-link-transition-property) var(--nav-link-transition-timing),\n  ),\n  $nav-tokens\n);\n// scss-docs-end nav-tokens\n\n$nav-tabs-tokens: () !default;\n\n// scss-docs-start nav-tabs-tokens\n// stylelint-disable-next-line scss/dollar-variable-default\n$nav-tabs-tokens: defaults(\n  (\n    --nav-tabs-border-width: var(--border-width),\n    --nav-tabs-border-color: var(--border-color),\n    --nav-tabs-border-radius: var(--border-radius),\n    --nav-tabs-link-hover-border-color: var(--border-subtle),\n    --nav-tabs-link-active-color: var(--fg-color),\n    --nav-tabs-link-active-bg: var(--bg-body),\n    --nav-tabs-link-active-border-color: var(--border-color) var(--border-color) var(--bg-body),\n  ),\n  $nav-tabs-tokens\n);\n// scss-docs-end nav-tabs-tokens\n\n$nav-pills-tokens: () !default;\n\n// scss-docs-start nav-pills-tokens\n// stylelint-disable-next-line scss/dollar-variable-default\n$nav-pills-tokens: defaults(\n  (\n    --nav-pills-bg: var(--bg-1),\n    --nav-pills-padding: .25rem,\n    --nav-pills-link-active-color: var(--primary-contrast),\n    --nav-pills-link-active-bg: var(--primary-bg),\n  ),\n  $nav-pills-tokens\n);\n// scss-docs-end nav-pills-tokens\n\n$nav-underline-tokens: () !default;\n\n// scss-docs-start nav-underline-tokens\n// stylelint-disable-next-line scss/dollar-variable-default\n$nav-underline-tokens: defaults(\n  (\n    --nav-gap: 1rem,\n    --nav-link-active-bg: transparent,\n    --nav-underline-border-width: .125rem,\n    --nav-underline-link-active-color: var(--fg-color),\n  ),\n  $nav-underline-tokens\n);\n// scss-docs-end nav-underline-tokens\n\n// Base class\n//\n// Kickstart any navigation component with a set of style resets. Works with\n// `<nav>`s, `<ul>`s or `<ol>`s.\n\n@layer components {\n  .nav {\n    @include tokens($nav-tokens);\n\n    display: flex;\n    flex-wrap: wrap;\n    gap: var(--nav-gap);\n    padding-inline-start: 0;\n    margin-bottom: 0;\n    list-style: none;\n  }\n\n  .nav-item {\n    display: flex;\n  }\n\n  .nav-link {\n    display: flex;\n    gap: var(--nav-link-gap);\n    align-items: var(--nav-link-align);\n    justify-content: var(--nav-link-justify);\n    padding: var(--nav-link-padding-y) var(--nav-link-padding-x);\n    font-weight: var(--nav-link-font-weight);\n    color: var(--nav-link-color);\n    text-decoration: none;\n    white-space: nowrap;\n    background: none;\n    border: var(--nav-link-border-width) solid transparent;\n    @include border-radius(var(--border-radius));\n    @include transition(var(--nav-link-transition));\n\n    &:hover,\n    &:focus {\n      color: var(--nav-link-hover-color);\n      background-color: var(--nav-link-hover-bg);\n    }\n\n    &:focus-visible {\n      --focus-ring-offset: 1px;\n      color: var(--nav-link-hover-color);\n      @include focus-ring(true);\n    }\n\n    &.active,\n    &:active {\n      color: var(--nav-link-active-color);\n      background-color: var(--nav-link-active-bg);\n    }\n\n    // Disabled state lightens text\n    &.disabled,\n    &:disabled {\n      color: var(--nav-link-disabled-color);\n      pointer-events: none;\n      cursor: default;\n    }\n  }\n\n  //\n  // Tabs\n  //\n\n  .nav-tabs {\n    // scss-docs-start nav-tabs-css-vars\n    @include tokens($nav-tabs-tokens);\n    // scss-docs-end nav-tabs-css-vars\n\n    box-shadow: inset 0 calc(-1 * var(--nav-tabs-border-width)) 0 var(--nav-tabs-border-color);\n\n    .nav-link {\n      border: var(--nav-tabs-border-width) solid transparent;\n      border-bottom-color: var(--nav-tabs-border-color);\n      @include border-bottom-radius(0);\n\n      &:hover {\n        // Prevents active .nav-link tab overlapping focus outline of previous/next .nav-link\n        isolation: isolate;\n        border-color: var(--nav-tabs-link-hover-border-color);\n        border-bottom-color: var(--nav-tabs-border-color);\n      }\n    }\n\n    .nav-link.active,\n    .nav-item.show .nav-link {\n      color: var(--nav-tabs-link-active-color);\n      background-color: var(--nav-tabs-link-active-bg);\n      border-color: var(--nav-tabs-link-active-border-color);\n      border-bottom-color: var(--nav-tabs-link-active-bg);\n    }\n\n    .menu {\n      margin-top: calc(-1 * var(--nav-tabs-border-width));\n      @include border-top-radius(0);\n    }\n  }\n\n  //\n  // Pills\n  //\n\n  .nav-pills {\n    @include tokens($nav-pills-tokens);\n\n    display: inline-flex;\n    padding: var(--nav-pills-padding);\n    background-color: var(--nav-pills-bg);\n    @include border-radius(var(--border-radius-pill));\n\n    .nav-link {\n      @include border-radius(var(--border-radius-pill));\n    }\n\n    .nav-link.active,\n    .show > .nav-link {\n      color: var(--nav-pills-link-active-color);\n      @include gradient-bg(var(--nav-pills-link-active-bg));\n    }\n  }\n\n  //\n  // Underline\n  //\n\n  .nav-underline {\n    // scss-docs-start nav-underline-css-vars\n    @include tokens($nav-underline-tokens);\n    // scss-docs-end nav-underline-css-vars\n\n    .nav-link {\n      padding-inline: 0;\n      border: 0;\n      border-block-end: var(--nav-underline-border-width) solid transparent;\n      @include border-radius(0);\n\n      &:hover,\n      &:focus {\n        border-block-end-color: currentcolor;\n      }\n    }\n\n    .nav-link.active,\n    .show > .nav-link {\n      font-weight: $font-weight-bold;\n      color: var(--nav-underline-link-active-color);\n      border-block-end-color: currentcolor;\n    }\n  }\n\n  //\n  // Justified variants\n  //\n\n  .nav-fill {\n    > .nav-link,\n    .nav-item {\n      flex: 1 1 auto;\n      text-align: center;\n    }\n  }\n\n  .nav-justified {\n    > .nav-link,\n    .nav-item {\n      flex-grow: 1;\n      flex-basis: 0;\n      text-align: center;\n    }\n  }\n\n  .nav-fill,\n  .nav-justified {\n    .nav-item .nav-link {\n      width: 100%; // Make sure button will grow\n    }\n  }\n\n  // Tabbable tabs\n  //\n  // Hide tabbable panes to start, show them when `.active`\n\n  .tab-content {\n    > .tab-pane {\n      display: none;\n    }\n    > .active {\n      display: block;\n    }\n  }\n}\n","// Nav Overflow (Priority+ Pattern)\n//\n// A responsive navigation pattern that automatically moves items\n// to an overflow menu when space is limited.\n\n@layer components {\n  .nav-overflow {\n    flex-wrap: nowrap;\n    min-width: 0; // Allow flex child to shrink below content width\n  }\n\n  // Container item for overflow\n  .nav-overflow-item {\n    flex-shrink: 0;\n    margin-inline-start: auto;\n  }\n\n  // Hide items that have been moved to overflow\n  .nav-overflow [data-bs-nav-overflow=\"true\"] {\n    display: none;\n  }\n\n  // Preserve items that should never overflow\n  .nav-overflow-keep {\n    flex-shrink: 0;\n  }\n}\n","@use \"config\" as *;\n@use \"functions\" as *;\n@use \"layout/breakpoints\" as *;\n@use \"mixins/box-shadow\" as *;\n@use \"mixins/tokens\" as *;\n@use \"mixins/transition\" as *;\n\n// mdo-do: fix nav-link-height and navbar-brand-height, which we previously calculated with font-size, line-height, and block padding\n\n// stylelint-disable custom-property-no-missing-var-function\n// scss-docs-start navbar-breakpoints\n$navbar-breakpoints: $breakpoints !default;\n// scss-docs-end navbar-breakpoints\n\n$navbar-tokens: () !default;\n$navbar-dark-tokens: () !default;\n$navbar-nav-tokens: () !default;\n\n// scss-docs-start navbar-tokens\n// stylelint-disable-next-line scss/dollar-variable-default\n$navbar-tokens: defaults(\n  (\n    --navbar-padding-x: 0,\n    --navbar-padding-y: .5rem,\n    --navbar-color: var(--fg-2),\n    --navbar-hover-color: var(--fg-1),\n    --navbar-disabled-color: var(--fg-3),\n    --navbar-active-color: var(--fg-body),\n    --navbar-brand-padding-y: .75rem,\n    --navbar-brand-margin-end: 1rem,\n    --navbar-brand-font-size: var(--font-size-md),\n    --navbar-brand-font-weight: var(--font-weight-medium),\n    --navbar-brand-color: var(--fg-body),\n    --navbar-brand-hover-color: var(--fg-body),\n    --navbar-nav-link-padding-x: .75rem,\n    --navbar-toggler-width: 2rem,\n    --navbar-toggler-padding-y: .25rem,\n    --navbar-toggler-padding-x: .75rem,\n    --navbar-toggler-font-size: var(--font-size-lg),\n    --navbar-toggler-border-color: color-mix(in oklch, var(--fg-body) 15%, transparent),\n    --navbar-toggler-border-radius: var(--border-radius),\n    --navbar-toggler-transition: box-shadow .15s ease-in-out,\n  ),\n  $navbar-tokens\n);\n// scss-docs-end navbar-tokens\n\n// scss-docs-start navbar-dark-tokens\n// stylelint-disable-next-line scss/dollar-variable-default\n$navbar-dark-tokens: defaults(\n  (\n    --navbar-color: color-mix(in oklch, var(--white) .55, transparent),\n    --navbar-hover-color: color-mix(in oklch, var(--white) .75, transparent),\n    --navbar-disabled-color: color-mix(in oklch, var(--white) .25, transparent),\n    --navbar-active-color: var(--white),\n    --navbar-brand-color: var(--white),\n    --navbar-brand-hover-color: var(--white),\n    --navbar-toggler-border-color: color-mix(in oklch, var(--white) .1, transparent),\n  ),\n  $navbar-dark-tokens\n);\n// scss-docs-end navbar-dark-tokens\n\n// scss-docs-start navbar-nav-tokens\n// stylelint-disable-next-line scss/dollar-variable-default\n$navbar-nav-tokens: defaults(\n  (\n    --nav-gap: .25rem,\n    --nav-link-gap: .5rem,\n    --nav-link-padding-x: .5rem,\n    --nav-link-padding-y: .375rem,\n    --nav-link-color: var(--navbar-color),\n    --nav-link-border-width: var(--border-width),\n    //--nav-link-border-color: var(--border-color),\n    --nav-link-hover-color: var(--navbar-hover-color),\n    --nav-link-hover-bg: transparent,\n    --nav-link-active-color: var(--navbar-active-color),\n    --nav-link-active-bg: transparent,\n    --nav-link-disabled-color: var(--navbar-disabled-color),\n  ),\n  $navbar-nav-tokens\n);\n// scss-docs-end navbar-nav-tokens\n// stylelint-enable custom-property-no-missing-var-function\n\n@layer components {\n  // Base navbar\n  .navbar {\n    @include tokens($navbar-tokens);\n\n    position: relative;\n    display: flex;\n    flex-wrap: wrap;\n    align-items: center;\n    justify-content: space-between;\n    padding: var(--navbar-padding-y) var(--navbar-padding-x);\n    @include set-container();\n    color: var(--navbar-color, var(--fg-body));\n    background-color: var(--navbar-bg, var(--bg-body));\n    // @include gradient-bg(var(--navbar-bg, var(--bg-body)));\n\n    // Container properties for nested containers\n    %container-flex-properties {\n      display: flex;\n      flex-wrap: inherit;\n      align-items: center;\n      justify-content: space-between;\n    }\n\n    > .container,\n    > .container-fluid {\n      @extend %container-flex-properties;\n    }\n\n    @each $breakpoint, $container-max-width in $container-max-widths {\n      > .#{breakpoint-prefix($breakpoint, $container-max-widths)}container {\n        @extend %container-flex-properties;\n      }\n    }\n  }\n\n  // Navbar brand\n  //\n  // Used for brand, project, or site names.\n  .navbar-brand {\n    padding-top: var(--navbar-brand-padding-y);\n    padding-bottom: var(--navbar-brand-padding-y);\n    margin-inline-end: var(--navbar-brand-margin-end);\n    font-size: var(--navbar-brand-font-size);\n    font-weight: var(--navbar-brand-font-weight);\n    color: var(--navbar-brand-color);\n    text-decoration: none;\n    white-space: nowrap;\n\n    &:hover,\n    &:focus {\n      color: var(--navbar-brand-hover-color);\n    }\n  }\n\n  // Navigation within navbars. Sets all nav-link CSS variables needed for\n  // proper styling.\n  //\n  // Relies on `.nav` base class.\n  .navbar-nav {\n    @include tokens($navbar-nav-tokens);\n\n    display: flex;\n    flex-direction: column;\n    gap: var(--nav-gap);\n    padding-inline-start: 0;\n    margin-bottom: 0;\n    list-style: none;\n\n    .nav-link {\n      &.active,\n      &.show {\n        color: var(--navbar-active-color);\n        border: var(--nav-link-border-width) solid var(--nav-link-border-color, transparent);\n      }\n    }\n  }\n\n  // Navbar text\n  //\n  // For adding text or inline elements to the navbar\n  .navbar-text {\n    padding-top: var(--navbar-brand-padding-y);\n    padding-bottom: var(--navbar-brand-padding-y);\n    color: var(--navbar-color);\n\n    a,\n    a:hover,\n    a:focus {\n      color: var(--navbar-active-color);\n    }\n  }\n\n  // Button for toggling the navbar when in its collapsed state\n  .navbar-toggler {\n    --btn-bg: transparent;\n    --btn-hover-bg: var(--bg-2);\n  }\n\n  // scss-docs-start navbar-expand-loop\n  // Generate series of responsive `.navbar-expand` classes for configuring\n  // where your navbar collapses and expands. Uses container queries so the\n  // navbar responds to its own width, not the viewport width.\n\n  // Mixin for expanded state styles (applied to descendants)\n  @mixin navbar-expanded {\n    // Style the inner container since we can't style .navbar itself with container queries\n    > .container,\n    > .container-fluid,\n    %navbar-expand-container {\n      flex-wrap: nowrap;\n      justify-content: flex-start;\n    }\n\n    .navbar-nav {\n      --nav-link-padding-x: var(--navbar-nav-link-padding-x);\n      flex-direction: row;\n    }\n\n    .navbar-toggler {\n      display: none !important; // stylelint-disable-line declaration-no-important\n    }\n\n    [class*=\"drawer\"] {\n      // stylelint-disable declaration-no-important\n      // Reset native <dialog> UA styles and below-breakpoint drawer styles.\n      // Must use !important to override both UA <dialog> defaults and the\n      // responsive drawer styles from media-breakpoint-down().\n      position: static !important;\n      inset: auto !important;\n      z-index: auto;\n      display: flex !important;\n      flex-grow: 1;\n      width: auto !important;\n      max-width: none !important;\n      height: auto !important;\n      max-height: none !important;\n      padding: 0;\n      margin: 0;\n      visibility: visible !important;\n      background-color: transparent !important;\n      border: 0 !important;\n      transform: none !important;\n      @include box-shadow(none);\n      @include transition(none);\n      // stylelint-enable declaration-no-important\n\n      .drawer-header {\n        display: none !important; // stylelint-disable-line declaration-no-important\n      }\n\n      .drawer-body {\n        display: flex;\n        flex-grow: 1;\n        flex-direction: row;\n        align-items: center;\n        padding: 0;\n        overflow-y: visible;\n      }\n    }\n  }\n\n  // Always expanded (no responsive behavior)\n  .navbar-expand {\n    @include navbar-expanded();\n\n    // Also set on navbar itself for non-responsive case\n    flex-wrap: nowrap;\n    justify-content: flex-start;\n  }\n\n  // Responsive navbar expand classes using container queries\n  @include loop-breakpoints-down($navbar-breakpoints) using ($breakpoint, $next, $prefix) {\n    @if $next {\n      .#{$prefix}navbar-expand {\n        @include container-breakpoint-up($next) {\n          @include navbar-expanded();\n        }\n      }\n    }\n  }\n  // scss-docs-end navbar-expand-loop\n\n  // Prevent drawer flash on breakpoint crossing.\n  // When the navbar crosses from expanded (inline) to collapsed (drawer),\n  // the drawer transitions from visibility:visible to visibility:hidden.\n  // Without this override, the slide transition plays — briefly showing the\n  // panel sliding away. Disabling transitions when not [open] ensures only\n  // intentional show/hide actions animate.\n  // stylelint-disable-next-line no-duplicate-selectors\n  .navbar {\n    [class*=\"drawer\"]:not([open], .hiding) {\n      @include transition(none !important);\n    }\n  }\n\n  .navbar-translucent {\n    position: relative;\n    background-color: transparent;\n\n    &::before {\n      position: absolute;\n      inset: 0;\n      z-index: -1;\n      content: \"\";\n      background-color: color-mix(in oklch, var(--navbar-bg, var(--bg-body)) 80%, transparent);\n      background-image: none;\n      backdrop-filter: blur(5px) saturate(180%);\n    }\n  }\n\n  .navbar[data-bs-theme=\"dark\"] {\n    @include tokens($navbar-dark-tokens);\n  }\n}\n","@use \"functions\" as *;\n@use \"config\" as *;\n@use \"mixins/border-radius\" as *;\n@use \"mixins/box-shadow\" as *;\n@use \"mixins/dialog-shared\" as *;\n@use \"mixins/transition\" as *;\n@use \"layout/breakpoints\" as *;\n@use \"mixins/tokens\" as *;\n\n// stylelint-disable custom-property-no-missing-var-function\n$drawer-tokens: () !default;\n\n// scss-docs-start drawer-tokens\n// stylelint-disable-next-line scss/dollar-variable-default\n$drawer-tokens: defaults(\n  (\n    --drawer-inset: var(--spacer),\n    --drawer-zindex: #{$zindex-drawer},\n    --drawer-width: 400px,\n    --drawer-height: 30vh,\n    --drawer-padding-x: var(--spacer),\n    --drawer-padding-y: var(--spacer),\n    --drawer-color: var(--fg-body),\n    --drawer-bg: var(--bg-body),\n    --drawer-border-width: var(--border-width),\n    --drawer-border-color: var(--border-color-translucent),\n    --drawer-border-radius: var(--border-radius-lg),\n    --drawer-box-shadow: var(--box-shadow-lg),\n    --drawer-transition-duration: .3s,\n    --drawer-transition-timing: cubic-bezier(.22, 1, .36, 1),\n    --drawer-title-line-height: 1.5,\n  ),\n  $drawer-tokens\n);\n// scss-docs-end drawer-tokens\n// stylelint-enable custom-property-no-missing-var-function\n\n$drawer-backdrop-tokens: () !default;\n\n// scss-docs-start drawer-backdrop-tokens\n// stylelint-disable-next-line scss/dollar-variable-default\n$drawer-backdrop-tokens: defaults(\n  (\n    --drawer-backdrop-bg: var(--bg-body),\n    --drawer-backdrop-opacity: 25%,\n    --drawer-backdrop-blur: 8px,\n  ),\n  $drawer-backdrop-tokens\n);\n// scss-docs-end drawer-backdrop-tokens\n\n%drawer-css-vars {\n  @include tokens($drawer-tokens);\n}\n\n@layer components {\n  // Apply CSS vars to all drawer responsive variants\n  @include loop-breakpoints-down() using ($breakpoint, $next, $prefix) {\n    .#{$prefix}drawer {\n      @extend %drawer-css-vars;\n    }\n  }\n\n  // Responsive drawer styles\n  @include loop-breakpoints-down() using ($breakpoint, $next, $prefix) {\n    .#{$prefix}drawer {\n      @include media-breakpoint-down($next) {\n        // Reset native <dialog> UA defaults (fit-content sizing, inset, margins)\n        // and override display:none so visibility controls the hidden state.\n        position: fixed;\n        inset: auto;\n        z-index: var(--drawer-zindex);\n        display: flex;\n        flex-direction: column;\n        width: auto;\n        max-width: calc(100% - var(--drawer-inset) * 2);\n        height: auto;\n        max-height: calc(100% - var(--drawer-inset) * 2);\n        padding: 0;\n        margin: 0;\n        color: var(--drawer-color);\n        visibility: hidden;\n        background-color: var(--drawer-bg);\n        background-clip: padding-box;\n        border: var(--drawer-border-width) solid var(--drawer-border-color);\n        outline: 0;\n\n        @include border-radius(var(--drawer-border-radius));\n        @include box-shadow(var(--drawer-box-shadow));\n\n        // Placement positioning and sizing — always applied regardless of animation mode.\n        &:where(.drawer-start) {\n          inset-block: var(--drawer-inset);\n          inset-inline-start: var(--drawer-inset);\n          width: var(--drawer-width);\n        }\n\n        &:where(.drawer-end) {\n          inset-block: var(--drawer-inset);\n          inset-inline-end: var(--drawer-inset);\n          width: var(--drawer-width);\n        }\n\n        &:where(.drawer-top) {\n          inset: var(--drawer-inset) var(--drawer-inset) auto;\n          height: var(--drawer-height);\n        }\n\n        &:where(.drawer-bottom) {\n          inset: auto var(--drawer-inset) var(--drawer-inset);\n          height: var(--drawer-height);\n        }\n\n        &:where(.drawer-fullscreen) {\n          inset: var(--drawer-inset);\n          width: auto;\n          max-width: none;\n          height: auto;\n          max-height: none;\n        }\n\n        // Animated variant (default) — transitions + off-screen transforms.\n        // Adding .drawer-instant skips all animations.\n        &:not(.drawer-instant) {\n          @include transition(transform var(--drawer-transition-duration) var(--drawer-transition-timing), visibility 0s var(--drawer-transition-duration));\n\n          // Off-screen transforms per placement\n          &:where(.drawer-start) {\n            transform: translateX(calc(-100% - var(--drawer-inset)));\n\n            :root:dir(rtl) & {\n              transform: translateX(calc(100% + var(--drawer-inset)));\n            }\n          }\n\n          &:where(.drawer-end) {\n            transform: translateX(calc(100% + var(--drawer-inset)));\n\n            :root:dir(rtl) & {\n              transform: translateX(calc(-100% - var(--drawer-inset)));\n            }\n          }\n\n          &:where(.drawer-top) {\n            transform: translateY(calc(-100% - var(--drawer-inset)));\n          }\n\n          &:where(.drawer-bottom) {\n            transform: translateY(calc(100% + var(--drawer-inset)));\n          }\n\n          &:where(.drawer-fullscreen) {\n            transform: translateY(calc(100% + var(--drawer-inset)));\n          }\n\n          // Open state: slide in with transition\n          &[open] {\n            visibility: visible;\n            @include transition(transform var(--drawer-transition-duration) var(--drawer-transition-timing), visibility 0s);\n            transform: none;\n          }\n        }\n\n        // Open state base (always applies, regardless of animation mode)\n        &[open] {\n          visibility: visible;\n          transform: none;\n        }\n      }\n\n      // Above breakpoint - show content inline (for responsive drawer)\n      // Above breakpoint - show content inline (for responsive drawer).\n      // Must fully reset all drawer styles so the element behaves as an\n      // inline flex container within its parent (e.g., a navbar).\n      @if not ($prefix == \"\") {\n        @include media-breakpoint-up($next) {\n          // stylelint-disable declaration-no-important\n          --drawer-height: auto;\n          --drawer-border-width: 0;\n          // Reset native <dialog> UA styles\n          position: static !important;\n          inset: auto;\n          z-index: auto;\n          display: flex !important;\n          flex-grow: 1;\n          width: auto !important;\n          max-width: none;\n          height: auto !important;\n          max-height: none;\n          padding: 0;\n          margin: 0;\n          visibility: visible !important;\n          background-color: transparent !important;\n          border: 0 !important;\n          transform: none !important;\n          @include transition(none !important);\n          // stylelint-enable declaration-no-important\n\n          .drawer-header {\n            display: none;\n          }\n\n          .drawer-body {\n            display: flex;\n            flex-grow: 0;\n            flex-direction: row;\n            width: 100%;\n            padding: 0;\n            overflow-y: visible;\n            // stylelint-disable-next-line declaration-no-important\n            background-color: transparent !important;\n          }\n          @include border-radius(0);\n          @include box-shadow(none);\n        }\n      }\n    }\n  }\n\n  // Native ::backdrop for modal drawer.\n  // ::backdrop lives in the top layer outside the DOM tree, so it does NOT\n  // inherit custom properties from the element. Tokens must be applied directly.\n  @include loop-breakpoints-down() using ($breakpoint, $next, $prefix) {\n    .#{$prefix}drawer::backdrop {\n      @include tokens($drawer-backdrop-tokens);\n      @include tokens($drawer-tokens);\n      background-color: color-mix(in oklch, var(--drawer-backdrop-bg) var(--drawer-backdrop-opacity), transparent);\n      backdrop-filter: blur(var(--drawer-backdrop-blur));\n      @include backdrop-transitions(var(--drawer-transition-duration), var(--drawer-transition-timing));\n    }\n  }\n\n  // Backdrop entry animation — ::backdrop can safely use @starting-style\n  // since it only exists when the dialog is in the top layer (no responsive issue).\n  @starting-style {\n    @include loop-breakpoints-down() using ($breakpoint, $next, $prefix) {\n      .#{$prefix}drawer::backdrop {\n        background-color: transparent;\n        backdrop-filter: blur(0);\n      }\n    }\n  }\n\n  // Static backdrop transition (\"bounce\")\n  .drawer-static {\n    transform: scale(1.02);\n  }\n\n  .drawer-translucent {\n    background-color: color-mix(in oklch, var(--drawer-bg) 80%, transparent);\n    backdrop-filter: blur(5px) saturate(180%);\n  }\n\n  // Sheet variant: flush-to-edge panel with no inset, border-radius, or shadow.\n  // Overrides tokens so placement transforms (which use calc() with --drawer-inset)\n  // automatically position the drawer at the viewport edge.\n  .drawer-sheet {\n    --drawer-inset: 0;\n    --drawer-border-radius: 0;\n    --drawer-border-width: 0;\n    --drawer-box-shadow: none;\n  }\n\n  // Header with close button\n  .drawer-header {\n    @include dialog-header(var(--drawer-padding-y) var(--drawer-padding-x));\n\n    .btn-close {\n      padding: calc(var(--drawer-padding-y) * .5) calc(var(--drawer-padding-x) * .5);\n      margin-inline-start: auto;\n      margin-inline-end: calc(-.5 * var(--drawer-padding-x));\n      margin-top: calc(-.5 * var(--drawer-padding-y));\n      margin-bottom: calc(-.5 * var(--drawer-padding-y));\n    }\n  }\n\n  // Title\n  .drawer-title {\n    @include dialog-title(var(--drawer-title-line-height));\n  }\n\n  // Scrollable body\n  .drawer-body {\n    display: flex;\n    flex-direction: column;\n    gap: var(--drawer-padding-y);\n    @include dialog-body(var(--drawer-padding-y) var(--drawer-padding-x));\n    overflow-y: auto;\n  }\n\n  // Optional footer\n  .drawer-footer {\n    @include dialog-footer(var(--drawer-padding-y) var(--drawer-padding-x), .5rem, var(--drawer-border-width), var(--drawer-border-color));\n  }\n\n  .drawer-fit-content {\n    inset-block-end: auto;\n  }\n}\n","@use \"functions\" as *;\n@use \"mixins/lists\" as *;\n@use \"mixins/border-radius\" as *;\n@use \"mixins/focus-ring\" as *;\n@use \"mixins/gradients\" as *;\n@use \"mixins/transition\" as *;\n@use \"mixins/tokens\" as *;\n\n// mdo-do: Update pagination to support variant themes\n\n// stylelint-disable custom-property-no-missing-var-function\n$pagination-tokens: () !default;\n\n// scss-docs-start pagination-tokens\n// stylelint-disable-next-line scss/dollar-variable-default\n$pagination-tokens: defaults(\n  (\n    --pagination-min-height: var(--btn-input-min-height),\n    --pagination-padding-x: var(--btn-input-padding-x),\n    --pagination-padding-y: var(--btn-input-padding-y),\n    --pagination-font-size: var(--btn-input-font-size),\n    --pagination-color: var(--link-color),\n    --pagination-bg: var(--bg-body),\n    --pagination-border-width: var(--border-width),\n    --pagination-border-color: var(--border-color),\n    --pagination-border-radius: var(--btn-input-border-radius),\n    --pagination-hover-color: var(--link-hover-color),\n    --pagination-hover-bg: var(--bg-1),\n    --pagination-hover-border-color: var(--border-color),\n    --pagination-focus-color: var(--link-hover-color),\n    --pagination-focus-bg: var(--bg-2),\n    --pagination-active-color: var(--primary-contrast),\n    --pagination-active-bg: var(--primary-bg),\n    --pagination-active-border-color: var(--primary-bg),\n    --pagination-disabled-color: var(--fg-3),\n    --pagination-disabled-bg: var(--bg-2),\n    --pagination-disabled-border-color: var(--border-color),\n  ),\n  $pagination-tokens\n);\n// scss-docs-end pagination-tokens\n\n// scss-docs-start pagination-sizes\n$pagination-sizes: () !default;\n// stylelint-disable-next-line scss/dollar-variable-default\n$pagination-sizes: defaults(\n  (\"sm\", \"lg\"),\n  $pagination-sizes\n);\n// scss-docs-end pagination-sizes\n// stylelint-enable custom-property-no-missing-var-function\n\n@layer components {\n  .pagination {\n    @include tokens($pagination-tokens);\n\n    display: flex;\n    @include list-unstyled();\n  }\n\n  .page-link {\n    position: relative;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    min-height: var(--pagination-min-height);\n    padding: var(--pagination-padding-y) var(--pagination-padding-x);\n    font-size: var(--pagination-font-size);\n    color: var(--pagination-color);\n    text-decoration: none;\n    background-color: var(--pagination-bg);\n    border: var(--pagination-border-width) solid var(--pagination-border-color);\n    @include transition(color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out);\n\n    &:hover {\n      z-index: 2;\n      color: var(--pagination-hover-color);\n      background-color: var(--pagination-hover-bg);\n      border-color: var(--pagination-hover-border-color);\n    }\n\n    &:focus-visible {\n      z-index: 3;\n      color: var(--pagination-focus-color);\n      background-color: var(--pagination-focus-bg);\n      @include focus-ring(true);\n    }\n\n    &.active,\n    .active > & {\n      z-index: 3;\n      color: var(--pagination-active-color);\n      @include gradient-bg(var(--pagination-active-bg));\n      border-color: var(--pagination-active-border-color);\n    }\n\n    &.disabled,\n    .disabled > & {\n      color: var(--pagination-disabled-color);\n      pointer-events: none;\n      background-color: var(--pagination-disabled-bg);\n      border-color: var(--pagination-disabled-border-color);\n    }\n  }\n\n  .page-item {\n    &:not(:first-child) .page-link {\n      margin-inline-start: calc(-1 * var(--pagination-border-width));\n    }\n\n    &:first-child {\n      .page-link {\n        @include border-start-radius(var(--pagination-border-radius));\n      }\n    }\n\n    &:last-child {\n      .page-link {\n        @include border-end-radius(var(--pagination-border-radius));\n      }\n    }\n  }\n\n  //\n  // Sizing\n  //\n\n  // scss-docs-start pagination-sizes-loop\n  @each $size, $_ in $pagination-sizes {\n    .pagination-#{$size} {\n      --pagination-min-height: var(--bs-btn-input-#{$size}-min-height);\n      --pagination-padding-y: var(--btn-input-#{$size}-padding-y);\n      --pagination-padding-x: var(--btn-input-#{$size}-padding-x);\n      --pagination-font-size: var(--btn-input-#{$size}-font-size);\n      --pagination-border-radius: var(--btn-input-#{$size}-border-radius);\n    }\n  }\n  // scss-docs-end pagination-sizes-loop\n}\n","@use \"colors\" as *;\n@use \"functions\" as *;\n@use \"mixins/tokens\" as *;\n\n$placeholder-tokens: () !default;\n\n// scss-docs-start placeholder-tokens\n// stylelint-disable-next-line scss/dollar-variable-default\n$placeholder-tokens: defaults(\n  (\n    --placeholder-opacity-max: .5,\n    --placeholder-opacity-min: .2,\n  ),\n  $placeholder-tokens\n);\n// scss-docs-end placeholder-tokens\n\n@layer components {\n  .placeholder {\n    @include tokens($placeholder-tokens);\n\n    display: inline-block;\n    min-height: 1em;\n    vertical-align: middle;\n    cursor: wait;\n    background-color: currentcolor;\n    opacity: var(--placeholder-opacity-max);\n\n    &.btn::before {\n      display: inline-block;\n      content: \"\";\n    }\n  }\n\n  // Sizing\n  .placeholder-xs {\n    min-height: .6em;\n  }\n\n  .placeholder-sm {\n    min-height: .8em;\n  }\n\n  .placeholder-lg {\n    min-height: 1.2em;\n  }\n\n  // Animation\n  .placeholder-glow {\n    .placeholder {\n      animation: placeholder-glow 2s ease-in-out infinite;\n    }\n  }\n\n  @keyframes placeholder-glow {\n    50% {\n      opacity: var(--placeholder-opacity-min);\n    }\n  }\n\n  .placeholder-wave {\n    mask-image: linear-gradient(130deg, $black 55%, rgb(0 0 0 / calc(1 - var(--placeholder-opacity-min))) 75%, $black 95%);\n    mask-size: 200% 100%;\n    animation: placeholder-wave 2s linear infinite;\n  }\n\n  @keyframes placeholder-wave {\n    100% {\n      mask-position: -200% 0%;\n    }\n  }\n}\n","@use \"config\" as *;\n@use \"functions\" as *;\n@use \"mixins/border-radius\" as *;\n@use \"mixins/box-shadow\" as *;\n@use \"mixins/reset-text\" as *;\n@use \"mixins/tokens\" as *;\n\n$popover-tokens: () !default;\n\n// scss-docs-start popover-tokens\n// stylelint-disable-next-line scss/dollar-variable-default\n$popover-tokens: defaults(\n  (\n    --popover-zindex: #{$zindex-popover},\n    --popover-max-width: 280px,\n    --popover-font-size: var(--font-size-sm),\n    --popover-bg: var(--bg-body),\n    --popover-border-width: var(--border-width),\n    --popover-border-color: var(--border-color-translucent),\n    --popover-border-radius: var(--border-radius-lg),\n    --popover-inner-border-radius: calc(var(--border-radius-lg) - var(--border-width)),\n    --popover-box-shadow: var(--box-shadow),\n    --popover-header-padding-x: #{$spacer},\n    --popover-header-padding-y: #{$spacer * .75},\n    --popover-header-font-size: var(--font-size-sm),\n    --popover-header-color: #{$headings-color},\n    --popover-header-bg: var(--bg-1),\n    --popover-body-padding-x: #{$spacer},\n    --popover-body-padding-y: #{$spacer * .75},\n    --popover-body-color: var(--fg-body),\n    --popover-arrow-width: 1rem,\n    --popover-arrow-height: .5rem,\n    --popover-arrow-border: var(--popover-border-color),\n  ),\n  $popover-tokens\n);\n// scss-docs-end popover-tokens\n\n@layer components {\n  .popover {\n    // scss-docs-start popover-css-vars\n    @include tokens($popover-tokens);\n    // scss-docs-end popover-css-vars\n\n    z-index: var(--popover-zindex);\n    display: block;\n    max-width: var(--popover-max-width);\n    // Our parent element can be arbitrary since tooltips are by default inserted as a sibling of their target element.\n    // So reset our font and text properties to avoid inheriting weird values.\n    @include reset-text();\n    font-size: var(--popover-font-size);\n    // Allow breaking very long words so they don't overflow the popover's bounds\n    word-wrap: break-word;\n    background-color: var(--popover-bg);\n    background-clip: padding-box;\n    border: var(--popover-border-width) solid var(--popover-border-color);\n    @include border-radius(var(--popover-border-radius));\n    @include box-shadow(var(--popover-box-shadow));\n\n    .popover-arrow {\n      display: block;\n      width: var(--popover-arrow-width);\n      height: var(--popover-arrow-height);\n\n      &::before,\n      &::after {\n        position: absolute;\n        display: block;\n        content: \"\";\n        border-color: transparent;\n        border-style: solid;\n        border-width: 0;\n      }\n    }\n  }\n\n  .bs-popover-top {\n    > .popover-arrow {\n      bottom: calc(-1 * (var(--popover-arrow-height)) - var(--popover-border-width));\n\n      &::before,\n      &::after {\n        border-width: var(--popover-arrow-height) calc(var(--popover-arrow-width) * .5) 0;\n      }\n\n      &::before {\n        bottom: 0;\n        border-block-start-color: var(--popover-arrow-border);\n      }\n\n      &::after {\n        bottom: var(--popover-border-width);\n        border-block-start-color: var(--popover-bg);\n      }\n    }\n  }\n\n  .bs-popover-end {\n    > .popover-arrow {\n      left: calc(-1 * (var(--popover-arrow-height)) - var(--popover-border-width));\n      width: var(--popover-arrow-height);\n      height: var(--popover-arrow-width);\n\n      &::before,\n      &::after {\n        border-width: calc(var(--popover-arrow-width) * .5) var(--popover-arrow-height) calc(var(--popover-arrow-width) * .5) 0;\n      }\n\n      &::before {\n        left: 0;\n        border-inline-end-color: var(--popover-arrow-border);\n      }\n\n      &::after {\n        left: var(--popover-border-width);\n        border-inline-end-color: var(--popover-bg);\n      }\n    }\n  }\n\n  .bs-popover-bottom {\n    > .popover-arrow {\n      top: calc(-1 * (var(--popover-arrow-height)) - var(--popover-border-width));\n\n      &::before,\n      &::after {\n        border-width: 0 calc(var(--popover-arrow-width) * .5) var(--popover-arrow-height);\n      }\n\n      &::before {\n        top: 0;\n        border-block-end-color: var(--popover-arrow-border);\n      }\n\n      &::after {\n        top: var(--popover-border-width);\n        border-block-end-color: var(--popover-bg);\n      }\n    }\n\n    // This will remove the popover-header's border just below the arrow\n    .popover-header::before {\n      position: absolute;\n      top: 0;\n      left: 50%;\n      display: block;\n      width: var(--popover-arrow-width);\n      margin-inline-start: calc(-.5 * var(--popover-arrow-width));\n      content: \"\";\n      border-block-end: var(--popover-border-width) solid var(--popover-header-bg);\n    }\n  }\n\n  .bs-popover-start {\n    > .popover-arrow {\n      right: calc(-1 * (var(--popover-arrow-height)) - var(--popover-border-width));\n      width: var(--popover-arrow-height);\n      height: var(--popover-arrow-width);\n\n      &::before,\n      &::after {\n        border-width: calc(var(--popover-arrow-width) * .5) 0 calc(var(--popover-arrow-width) * .5) var(--popover-arrow-height);\n      }\n\n      &::before {\n        right: 0;\n        border-inline-start-color: var(--popover-arrow-border);\n      }\n\n      &::after {\n        right: var(--popover-border-width);\n        border-inline-start-color: var(--popover-bg);\n      }\n    }\n  }\n\n  .bs-popover-auto {\n    &[data-bs-placement^=\"top\"] {\n      @extend .bs-popover-top;\n    }\n    &[data-bs-placement^=\"right\"] {\n      @extend .bs-popover-end;\n    }\n    &[data-bs-placement^=\"bottom\"] {\n      @extend .bs-popover-bottom;\n    }\n    &[data-bs-placement^=\"left\"] {\n      @extend .bs-popover-start;\n    }\n  }\n\n  // Offset the popover to account for the popover arrow\n  .popover-header {\n    padding: var(--popover-header-padding-y) var(--popover-header-padding-x);\n    margin-bottom: 0; // Reset the default from Reboot\n    font-size: var(--popover-header-font-size);\n    color: var(--popover-header-color);\n    background-color: var(--popover-header-bg);\n    border-block-end: var(--popover-border-width) solid var(--popover-border-color);\n    @include border-top-radius(var(--popover-inner-border-radius));\n\n    &:empty {\n      display: none;\n    }\n  }\n\n  .popover-body {\n    padding: var(--popover-body-padding-y) var(--popover-body-padding-x);\n    color: var(--popover-body-color);\n  }\n}\n","@use \"config\" as *;\n@use \"functions\" as *;\n@use \"mixins/transition\" as *;\n@use \"mixins/gradients\" as *;\n@use \"mixins/border-radius\" as *;\n@use \"mixins/box-shadow\" as *;\n@use \"mixins/tokens\" as *;\n\n$progress-tokens: () !default;\n\n// scss-docs-start progress-tokens\n// stylelint-disable-next-line scss/dollar-variable-default\n$progress-tokens: defaults(\n  (\n    --progress-height: 1rem,\n    --progress-font-size: var(--font-size-sm),\n    --progress-bg: var(--bg-2),\n    --progress-border-radius: var(--border-radius),\n    --progress-box-shadow: var(--box-shadow-inset),\n    --progress-bar-color: var(--white),\n    --progress-bar-bg: var(--primary-bg),\n    --progress-bar-transition: width .6s ease,\n    --progress-bar-animation: progress-bar-stripes 1s linear infinite,\n  ),\n  $progress-tokens\n);\n// scss-docs-end progress-tokens\n\n// Disable animation if transitions are disabled\n\n@layer components {\n  // scss-docs-start progress-keyframes\n  @if $enable-transitions {\n    @keyframes progress-bar-stripes {\n      0% { background-position-x: var(--progress-height); }\n    }\n  }\n  // scss-docs-end progress-keyframes\n\n  .progress,\n  .progress-stacked {\n    @include tokens($progress-tokens);\n\n    display: flex;\n    height: var(--progress-height);\n    overflow: hidden;\n    font-size: var(--progress-font-size);\n    background-color: var(--progress-bg);\n    @include border-radius(var(--progress-border-radius));\n    @include box-shadow(var(--progress-box-shadow));\n  }\n\n  .progress-bar {\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n    overflow: hidden;\n    color: var(--theme-contrast, var(--progress-bar-color));\n    text-align: center;\n    white-space: nowrap;\n    background-color: var(--theme-bg, var(--progress-bar-bg));\n    @include transition(var(--progress-bar-transition));\n  }\n\n  .progress-bar-striped {\n    @include gradient-striped();\n    background-size: var(--progress-height) var(--progress-height);\n  }\n\n  .progress-stacked > .progress {\n    overflow: visible;\n  }\n\n  .progress-stacked > .progress > .progress-bar {\n    width: 100%;\n  }\n\n  @if $enable-transitions {\n    .progress-bar-animated {\n      animation: var(--progress-bar-animation);\n\n      @if $enable-reduced-motion {\n        @media (prefers-reduced-motion: reduce) {\n          animation: none;\n        }\n      }\n    }\n  }\n}\n","@use \"config\" as *;\n@use \"functions\" as *;\n@use \"mixins/tokens\" as *;\n\n// stylelint-disable custom-property-no-missing-var-function\n$spinner-border-tokens: () !default;\n\n// scss-docs-start spinner-border-tokens\n// stylelint-disable-next-line scss/dollar-variable-default\n$spinner-border-tokens: defaults(\n  (\n    --spinner-width: 2rem,\n    --spinner-height: 2rem,\n    --spinner-vertical-align: -.125em,\n    --spinner-border-width: .25em,\n    --spinner-animation-speed: .75s,\n    --spinner-animation-name: spinner-border,\n  ),\n  $spinner-border-tokens\n);\n// scss-docs-end spinner-border-tokens\n\n$spinner-grow-tokens: () !default;\n\n// scss-docs-start spinner-grow-tokens\n// stylelint-disable-next-line scss/dollar-variable-default\n$spinner-grow-tokens: defaults(\n  (\n    --spinner-width: 2rem,\n    --spinner-height: 2rem,\n    --spinner-vertical-align: -.125em,\n    --spinner-animation-speed: .75s,\n    --spinner-animation-name: spinner-grow,\n  ),\n  $spinner-grow-tokens\n);\n// scss-docs-end spinner-grow-tokens\n\n// stylelint-enable custom-property-no-missing-var-function\n\n//\n// Rotating border\n//\n\n@layer components {\n  // mdo-do: Refactor this to assume flex parent and remove `vertical-align`\n  .spinner-grow,\n  .spinner-border {\n    display: inline-block;\n    flex-shrink: 0;\n    width: var(--spinner-width);\n    height: var(--spinner-height);\n    vertical-align: var(--spinner-vertical-align);\n    // stylelint-disable-next-line property-disallowed-list\n    border-radius: 50%;\n    animation: var(--spinner-animation-speed) linear infinite var(--spinner-animation-name);\n  }\n\n  // scss-docs-start spinner-border-keyframes\n  @keyframes spinner-border {\n    to { transform: rotate(360deg); }\n  }\n  // scss-docs-end spinner-border-keyframes\n\n  .spinner-border {\n    @include tokens($spinner-border-tokens);\n\n    border: var(--spinner-border-width) solid currentcolor;\n    border-inline-end-color: transparent;\n  }\n\n  .spinner-border-sm {\n    // scss-docs-start spinner-border-sm-css-vars\n    --spinner-width: 1rem;\n    --spinner-height: 1rem;\n    --spinner-border-width: .2em;\n    // scss-docs-end spinner-border-sm-css-vars\n  }\n\n  //\n  // Growing circle\n  //\n\n  // scss-docs-start spinner-grow-keyframes\n  @keyframes spinner-grow {\n    0% {\n      transform: scale(0);\n    }\n    50% {\n      opacity: 1;\n      transform: none;\n    }\n  }\n  // scss-docs-end spinner-grow-keyframes\n\n  .spinner-grow {\n    @include tokens($spinner-grow-tokens);\n\n    background-color: currentcolor;\n    opacity: 0;\n  }\n\n  .spinner-grow-sm {\n    // scss-docs-start spinner-grow-sm-css-vars\n    --spinner-width: 1rem;\n    --spinner-height: 1rem;\n    // scss-docs-end spinner-grow-sm-css-vars\n  }\n\n  @if $enable-reduced-motion {\n    @media (prefers-reduced-motion: reduce) {\n      .spinner-border,\n      .spinner-grow {\n        --spinner-animation-speed: 1.5s;\n      }\n    }\n  }\n}\n","@use \"config\" as *;\n@use \"functions\" as *;\n@use \"layout/breakpoints\" as *;\n@use \"mixins/border-radius\" as *;\n@use \"mixins/tokens\" as *;\n\n$stepper-tokens: () !default;\n\n// scss-docs-start stepper-tokens\n// stylelint-disable-next-line scss/dollar-variable-default\n$stepper-tokens: defaults(\n  (\n    --stepper-size: 2rem,\n    --stepper-gap: 1rem,\n    --stepper-font-size: var(--font-size-sm),\n    --stepper-text-gap: .5rem,\n    --stepper-track-size: .125rem,\n    --stepper-bg: var(--bg-2),\n    --stepper-active-color: var(--primary-contrast),\n    --stepper-active-bg: var(--primary-bg),\n  ),\n  $stepper-tokens\n);\n// scss-docs-end stepper-tokens\n\n// scss-docs-start stepper-horizontal-mixin\n@mixin stepper-horizontal() {\n  display: inline-grid;\n  grid-auto-columns: 1fr;\n  grid-auto-flow: column;\n\n  .stepper-item {\n    grid-template-rows: var(--stepper-size) auto;\n    grid-template-columns: auto;\n    align-items: start;\n    justify-items: center;\n    text-align: center;\n\n    &::after {\n      inset-block-start: calc((var(--stepper-size) * .5) - (var(--stepper-track-size) * .5));\n      inset-block-end: auto;\n      inset-inline-start: 50%;\n      inset-inline-end: 100%;\n      width: calc(100% + var(--stepper-gap));\n      height: var(--stepper-track-size);\n    }\n\n    &:last-child::after {\n      right: 100%;\n    }\n  }\n}\n// scss-docs-end stepper-horizontal-mixin\n\n@layer components {\n  .stepper {\n    @include tokens($stepper-tokens);\n\n    display: grid;\n    grid-auto-rows: 1fr;\n    grid-auto-flow: row;\n    gap: var(--stepper-gap);\n    padding-inline-start: 0;\n    list-style: none;\n    counter-reset: stepper;\n  }\n\n  .stepper-item {\n    position: relative;\n    display: grid;\n    grid-template-rows: auto;\n    grid-template-columns: var(--stepper-size) auto;\n    gap: var(--stepper-text-gap);\n    align-items: var(--stepper-align-items, center);\n    text-decoration: none;\n\n    // The counter\n    &::before {\n      position: relative;\n      z-index: 1;\n      display: flex;\n      flex-shrink: 0;\n      align-items: center;\n      justify-content: center;\n      width: var(--stepper-size);\n      height: var(--stepper-size);\n      padding: .5rem;\n      font-size: var(--stepper-font-size);\n      font-weight: 600;\n      line-height: 1;\n      text-align: center;\n      content: counter(stepper);\n      counter-increment: stepper;\n      background-color: var(--stepper-bg);\n      @include border-radius(50%);\n    }\n\n    // Connecting lines\n    &::after {\n      position: absolute;\n      inset-block-start: 50%;\n      inset-block-end: 100%;\n      inset-inline-start: calc((var(--stepper-size) * .5) - (var(--stepper-track-size) * .5));\n      width: var(--stepper-track-size);\n      height: calc(100% + var(--stepper-gap));\n      content: \"\";\n      background-color: var(--stepper-bg);\n    }\n\n    // Avoid sibling selector for easier CSS overrides\n    &:last-child::after {\n      display: none;\n    }\n\n    &.active {\n      &::before,\n      &::after {\n        color: var(--theme-contrast, var(--stepper-active-color));\n        background-color: var(--theme-bg, var(--stepper-active-bg));\n      }\n    }\n  }\n\n  // Targets the last .active element from a sequence of active elements\n  .stepper-item.active:not(:has(+ .stepper-item.active))::after {\n    background-color: var(--stepper-bg);\n  }\n\n  .stepper-horizontal {\n    @include stepper-horizontal();\n  }\n\n  @include loop-breakpoints-down() using ($breakpoint, $next, $prefix) {\n    @if $next {\n      .#{$prefix}stepper-horizontal {\n        @include container-breakpoint-up($next) {\n          @include stepper-horizontal();\n        }\n      }\n    }\n  }\n\n  // scss-docs-start stepper-overflow\n  .stepper-overflow {\n    container-type: inline-size;\n    overflow-x: auto;\n    overscroll-behavior-x: contain;\n    -webkit-overflow-scrolling: touch;\n\n    > .stepper {\n      width: max-content;\n      min-width: 100%;\n    }\n  }\n  // scss-docs-end stepper-overflow\n}\n","@use \"config\" as *;\n@use \"functions\" as *;\n@use \"mixins/border-radius\" as *;\n@use \"mixins/tokens\" as *;\n\n$toast-tokens: () !default;\n\n// scss-docs-start toast-tokens\n// stylelint-disable custom-property-no-missing-var-function\n// stylelint-disable-next-line scss/dollar-variable-default\n$toast-tokens: defaults(\n  (\n    --toast-zindex: #{$zindex-toast},\n    --toast-padding-x: 1rem,\n    --toast-padding-y: .75rem,\n    --toast-spacing: #{$container-padding-x},\n    --toast-max-width: 350px,\n    --toast-font-size: var(--font-size-sm),\n    --toast-color: null,\n    --toast-bg: var(--bg-body),\n    --toast-border-width: var(--border-width),\n    --toast-border-color: var(--border-color-translucent),\n    --toast-border-radius: null,\n    --toast-box-shadow: var(--box-shadow),\n    --toast-header-color: var(--fg-3),\n    --toast-header-bg: var(--bg-1),\n    --toast-header-border-color: var(--border-color-translucent),\n  ),\n  $toast-tokens\n);\n// stylelint-enable custom-property-no-missing-var-function\n// scss-docs-end toast-tokens\n\n@layer components {\n  .toast {\n    @include tokens($toast-tokens);\n\n    display: flex;\n    flex-direction: column;\n    width: var(--toast-max-width);\n    max-width: 100%;\n    overflow: hidden;\n    font-size: var(--toast-font-size);\n    color: var(--toast-color, var(--fg-body));\n    pointer-events: auto;\n    background-color: var(--toast-bg);\n    background-clip: padding-box;\n    border: var(--toast-border-width) solid var(--theme-border, var(--toast-border-color));\n    box-shadow: var(--toast-box-shadow);\n    @include border-radius(var(--toast-border-radius, var(--border-radius-lg)));\n\n    &.showing {\n      opacity: 0;\n    }\n\n    &:not(.show) {\n      display: none;\n    }\n  }\n\n  .toast-container {\n    --toast-zindex: #{$zindex-toast};\n\n    position: absolute;\n    z-index: var(--toast-zindex);\n    width: max-content;\n    max-width: 100%;\n    pointer-events: none;\n\n    > :not(:last-child) {\n      margin-bottom: var(--toast-spacing);\n    }\n  }\n\n  .toast-header {\n    display: flex;\n    align-items: center;\n    padding: var(--toast-padding-y) var(--toast-padding-x);\n    color: var(--theme-fg-emphasis, var(--toast-header-color));\n    background-color: var(--theme-bg-subtle, var(--toast-header-bg));\n    // background-clip: padding-box;\n    border-block-end: var(--toast-border-width, var(--border-width)) solid var(--theme-border, var(--toast-header-border-color, var(--border-color-translucent)));\n\n    .btn-close {\n      margin-inline-start: calc(.5 * var(--toast-padding-x));\n      margin-inline-end: calc(-.25 * var(--toast-padding-x));\n      color: inherit;\n    }\n  }\n\n  .toast-translucent {\n    backdrop-filter: blur(5px) saturate(180%);\n  }\n\n  .toast-body {\n    padding: var(--toast-padding-x);\n    word-wrap: break-word;\n  }\n}\n","@use \"config\" as *;\n@use \"mixins/transition\" as *;\n\n.fade {\n  @include transition($transition-fade);\n\n  &:not(.show) {\n    opacity: 0;\n  }\n}\n\n// scss-docs-start collapse-classes\n.collapse {\n  &:not(.show) {\n    display: none;\n  }\n}\n\n.collapsing {\n  height: 0;\n  overflow: hidden;\n  @include transition($transition-collapse);\n\n  &.collapse-horizontal {\n    width: 0;\n    height: auto;\n    @include transition($transition-collapse-width);\n  }\n}\n// scss-docs-end collapse-classes\n","@layer helpers {\n  .focus-ring:focus-visible {\n    outline: var(--focus-ring);\n  }\n}\n","@use \"../config\" as *;\n@use \"../mixins/transition\" as *;\n\n@layer helpers {\n  .icon-link {\n    display: inline-flex;\n    gap: $icon-link-gap;\n    align-items: center;\n    text-decoration-color: rgba(var(--link-color-rgb), var(--link-opacity, .5));\n    text-underline-offset: $icon-link-underline-offset;\n    backface-visibility: hidden;\n\n    > .bi {\n      flex-shrink: 0;\n      width: $icon-link-icon-size;\n      height: $icon-link-icon-size;\n      fill: currentcolor;\n      @include transition($icon-link-icon-transition);\n    }\n  }\n\n  .icon-link-hover {\n    &:hover,\n    &:focus-visible {\n      > .bi {\n        transform: var(--icon-link-transform, $icon-link-icon-transform);\n      }\n    }\n  }\n}\n","@use \"sass:map\";\n@use \"../config\" as *;\n@use \"../layout/breakpoints\" as *;\n\n@layer helpers {\n  .fixed-top {\n    position: fixed;\n    inset: 0 0 auto;\n    z-index: $zindex-fixed;\n  }\n\n  .fixed-bottom {\n    position: fixed;\n    inset: auto 0 0;\n    z-index: $zindex-fixed;\n  }\n\n  // Responsive sticky top and bottom\n  @each $breakpoint in map.keys($breakpoints) {\n    @include media-breakpoint-up($breakpoint) {\n      $prefix: breakpoint-prefix($breakpoint, $breakpoints);\n\n      .#{$prefix}sticky-top {\n        position: sticky;\n        top: 0;\n        z-index: $zindex-sticky;\n      }\n\n      .#{$prefix}sticky-bottom {\n        position: sticky;\n        bottom: 0;\n        z-index: $zindex-sticky;\n      }\n    }\n  }\n}\n","@use \"../layout/breakpoints\" as *;\n\n@layer helpers {\n  // scss-docs-start stacks\n  .stack-container {\n    @include set-container();\n  }\n\n  [class*=\"hstack\"],\n  [class*=\"vstack\"] {\n    display: flex;\n    flex: var(--stack-flex, 1 1 auto);\n    flex-direction: var(--stack-direction, row);\n    align-items: var(--stack-align-items, center);\n    align-self: var(--stack-align-self, stretch);\n  }\n\n  @include loop-breakpoints-up() using ($breakpoint, $prefix) {\n    .#{$prefix}vstack {\n      @include container-breakpoint-up($breakpoint) {\n        --stack-direction: column;\n        --stack-align-items: stretch;\n      }\n    }\n    .#{$prefix}hstack {\n      @include container-breakpoint-up($breakpoint) {\n        --stack-direction: row;\n        --stack-align-items: flex-start;\n      }\n    }\n  }\n  // scss-docs-end stacks\n}\n","@use \"../theme\" as *;\n\n// Generate theme modifier classes (e.g., .theme-primary, .theme-accent, etc.)\n@layer helpers {\n  @include generate-theme-classes();\n}\n","@use \"sass:map\";\n\n@function theme-color-values($key) {\n  $result: ();\n\n  @each $color-name, $color-map in $theme-colors {\n    @if map.has-key($color-map, $key) {\n      $result: map.merge($result, ($color-name: map.get($color-map, $key)));\n    }\n  }\n\n  @return $result;\n}\n\n// Themes map sub-keys\n//\n// Return var() references to root tokens instead of raw values.\n// Ex: theme-color-refs(\"bg\") => (primary: var(--primary-bg), accent: var(--accent-bg), ...)\n@function theme-color-refs($key) {\n  $result: ();\n\n  @each $color-name, $color-map in $theme-colors {\n    @if map.has-key($color-map, $key) {\n      $result: map.merge($result, ($color-name: var(--#{$color-name}-#{$key})));\n    }\n  }\n\n  @return $result;\n}\n\n// Theme token to root tokens\n//\n// Returns the global :root token reference for a given a given token map, prefix, and key.\n// Ex: theme-token-refs($theme-bgs, \"bg\") => (body: var(--bg-body), 1: var(--bg-1), ...)\n// Skips `inherit` since it's a CSS-wide keyword that can't be stored in a custom property.\n@function theme-token-refs($map, $prefix) {\n  $result: ();\n\n  @each $key, $value in $map {\n    @if $value != inherit {\n      $result: map.merge($result, ($key: var(--#{$prefix}-#{$key})));\n    }\n  }\n\n  @return $result;\n}\n\n// Generate opacity values using color-mix()\n@function theme-opacity-values($color-var, $opacities: $util-opacity) {\n  $result: ();\n\n  @each $key, $value in $opacities {\n    @if $key == 100 {\n      // For 100%, use direct variable reference (more efficient)\n      $result: map.merge($result, ($key: var($color-var)));\n    } @else {\n      // For other values, use color-mix()\n      $percentage: $key * 1%;\n      $result: map.merge($result, ($key: color-mix(in oklch, var($color-var) $percentage, transparent)));\n    }\n  }\n\n  @return $result;\n}\n\n// Generate theme classes dynamically based on the keys in each theme color map\n@mixin generate-theme-classes() {\n  @each $color-name, $color-map in $theme-colors {\n    .theme-#{$color-name} {\n      @each $key, $value in $color-map {\n        --theme-#{$key}: var(--#{$color-name}-#{$key});\n      }\n    }\n  }\n}\n\n// scss-docs-start theme-colors\n$theme-colors: (\n  \"primary\": (\n    \"base\": var(--blue-500),\n    \"fg\": light-dark(var(--blue-600), var(--blue-400)),\n    \"fg-emphasis\": light-dark(var(--blue-800), var(--blue-200)),\n    \"bg\": var(--blue-500),\n    \"bg-subtle\": light-dark(var(--blue-100), var(--blue-900)),\n    \"bg-muted\": light-dark(var(--blue-200), var(--blue-800)),\n    \"border\": light-dark(var(--blue-300), var(--blue-600)),\n    \"focus-ring\": light-dark(color-mix(in oklch, var(--blue-500) 50%, var(--bg-body)), color-mix(in oklch, var(--blue-500) 75%, var(--bg-body))),\n    \"contrast\": var(--white)\n  ),\n  \"accent\": (\n    \"base\": var(--indigo-500),\n    \"fg\": light-dark(var(--indigo-600), color-mix(in oklch, var(--indigo-400), var(--indigo-300))),\n    \"fg-emphasis\": light-dark(var(--indigo-800), var(--indigo-300)),\n    \"bg\": var(--indigo-500),\n    \"bg-subtle\": light-dark(var(--indigo-100), var(--indigo-900)),\n    \"bg-muted\": light-dark(var(--indigo-200), var(--indigo-800)),\n    \"border\": light-dark(var(--indigo-300), var(--indigo-600)),\n    \"focus-ring\": light-dark(color-mix(in oklch, var(--indigo-500) 50%, var(--bg-body)), color-mix(in oklch, var(--indigo-500) 75%, var(--bg-body))),\n    \"contrast\": var(--white)\n  ),\n  \"success\": (\n    \"base\": var(--green-500),\n    \"fg\": light-dark(var(--green-600), var(--green-400)),\n    \"fg-emphasis\": light-dark(var(--green-800), var(--green-300)),\n    \"bg\": var(--green-500),\n    \"bg-subtle\": light-dark(var(--green-100), var(--green-900)),\n    \"bg-muted\": light-dark(var(--green-200), var(--green-800)),\n    \"border\": light-dark(var(--green-300), var(--green-600)),\n    \"focus-ring\": light-dark(color-mix(in oklch, var(--green-500) 50%, var(--bg-body)), color-mix(in oklch, var(--green-500) 75%, var(--bg-body))),\n    \"contrast\": var(--white)\n  ),\n  \"danger\": (\n    \"base\": var(--red-500),\n    \"fg\": light-dark(var(--red-600), var(--red-400)),\n    \"fg-emphasis\": light-dark(var(--red-800), var(--red-300)),\n    \"bg\": var(--red-500),\n    \"bg-subtle\": light-dark(var(--red-100), var(--red-900)),\n    \"bg-muted\": light-dark(var(--red-200), var(--red-800)),\n    \"border\": light-dark(var(--red-300), var(--red-600)),\n    \"focus-ring\": light-dark(color-mix(in oklch, var(--red-500) 50%, var(--bg-body)), color-mix(in oklch, var(--red-500) 75%, var(--bg-body))),\n    \"contrast\": var(--white)\n  ),\n  \"warning\": (\n    \"base\": var(--yellow-500),\n    \"fg\": light-dark(var(--yellow-700), var(--yellow-400)),\n    \"fg-emphasis\": light-dark(var(--yellow-800), var(--yellow-300)),\n    \"bg\": var(--yellow-500),\n    \"bg-subtle\": light-dark(var(--yellow-100), var(--yellow-900)),\n    \"bg-muted\": light-dark(var(--yellow-200), var(--yellow-800)),\n    \"border\": light-dark(var(--yellow-300), var(--yellow-600)),\n    \"focus-ring\": light-dark(color-mix(in oklch, var(--yellow-500) 50%, var(--bg-body)), color-mix(in oklch, var(--yellow-400) 85%, var(--bg-body))),\n    \"contrast\": var(--gray-900)\n  ),\n  \"info\": (\n    \"base\": var(--cyan-500),\n    \"fg\": light-dark(var(--cyan-600), var(--cyan-400)),\n    \"fg-emphasis\": light-dark(var(--cyan-800), var(--cyan-300)),\n    \"bg\": var(--cyan-500),\n    \"bg-subtle\": light-dark(var(--cyan-100), var(--cyan-900)),\n    \"bg-muted\": light-dark(var(--cyan-200), var(--cyan-800)),\n    \"border\": light-dark(var(--cyan-300), var(--cyan-600)),\n    \"focus-ring\": light-dark(color-mix(in oklch, var(--cyan-500) 50%, var(--bg-body)), color-mix(in oklch, var(--cyan-500) 75%, var(--bg-body))),\n    \"contrast\": var(--gray-900)\n  ),\n  \"inverse\": (\n    \"base\": var(--gray-900),\n    \"fg\": light-dark(var(--gray-900), var(--gray-200)),\n    \"fg-emphasis\": light-dark(var(--gray-975), var(--white)),\n    \"bg\": light-dark(var(--gray-900), var(--gray-025)),\n    \"bg-subtle\": light-dark(var(--gray-100), var(--gray-900)),\n    \"bg-muted\": light-dark(var(--gray-200), var(--gray-300)),\n    \"border\": light-dark(var(--gray-400), var(--gray-100)),\n    \"focus-ring\": color-mix(in oklch, light-dark(var(--gray-900), var(--gray-100)) 50%, var(--bg-body)),\n    \"contrast\": light-dark(var(--white), var(--gray-900))\n  ),\n  \"secondary\": (\n    \"base\": var(--gray-200),\n    \"fg\": light-dark(var(--gray-600), var(--gray-400)),\n    \"fg-emphasis\": light-dark(var(--gray-800), var(--gray-200)),\n    \"bg\": light-dark(var(--gray-100), var(--gray-600)),\n    \"bg-subtle\": light-dark(var(--gray-050), var(--gray-800)),\n    \"bg-muted\": light-dark(var(--gray-100), var(--gray-700)),\n    \"border\": light-dark(var(--gray-300), var(--gray-600)),\n    \"focus-ring\": color-mix(in oklch, light-dark(var(--gray-500), var(--gray-300)) 50%, var(--bg-body)),\n    \"contrast\": light-dark(var(--gray-900), var(--white))\n  )\n) !default;\n// scss-docs-end theme-colors\n\n// mdo-do: consider using muted, subtle, ghost or something instead of linear scale?\n$theme-bgs: (\n  \"body\": light-dark(var(--white), var(--gray-975)),\n  \"1\": light-dark(var(--gray-025), var(--gray-950)),\n  \"2\": light-dark(var(--gray-050), var(--gray-900)),\n  \"3\": light-dark(var(--gray-100), var(--gray-800)),\n  \"4\": light-dark(var(--gray-200), var(--gray-700)),\n  \"white\": var(--white),\n  \"black\": var(--black),\n  \"transparent\": transparent,\n  \"inherit\": inherit,\n) !default;\n\n$theme-fgs: (\n  \"body\": light-dark(var(--gray-900), var(--gray-050)),\n  \"1\": light-dark(var(--gray-800), var(--gray-200)),\n  \"2\": light-dark(var(--gray-700), var(--gray-300)),\n  \"3\": light-dark(var(--gray-600), var(--gray-500)),\n  \"4\": light-dark(var(--gray-500), var(--gray-600)),\n  \"white\": var(--white),\n  \"black\": var(--black),\n  \"inherit\": inherit,\n) !default;\n\n$theme-borders: (\n  \"bg\": var(--bg-body),\n  \"body\": light-dark(var(--gray-300), var(--gray-800)),\n  \"muted\": light-dark(var(--gray-200), var(--gray-800)),\n  \"subtle\": light-dark(var(--gray-100), var(--gray-900)),\n  \"emphasized\": light-dark(var(--gray-400), var(--gray-600)),\n  \"white\": var(--white),\n  \"black\": var(--black),\n) !default;\n\n$util-opacity: (\n  10: .1,\n  20: .2,\n  30: .3,\n  40: .4,\n  50: .5,\n  60: .6,\n  70: .7,\n  80: .8,\n  90: .9,\n  100: 1\n) !default;\n","@use \"../mixins/visually-hidden\" as *;\n\n@layer helpers {\n  .visually-hidden,\n  .visually-hidden-focusable:not(:focus, :focus-within) {\n    @include visually-hidden();\n  }\n}\n","// stylelint-disable declaration-no-important\n\n// Hide content visually while keeping it accessible to assistive technologies\n//\n// See: https://www.a11yproject.com/posts/2013-01-11-how-to-hide-content/\n// See: https://kittygiraudel.com/2016/10/13/css-hide-and-seek/\n\n@mixin visually-hidden() {\n  width: 1px !important;\n  height: 1px !important;\n  padding: 0 !important;\n  margin: -1px !important; // Fix for https://github.com/twbs/bootstrap/issues/25686\n  overflow: hidden !important;\n  clip: rect(0, 0, 0, 0) !important;\n  white-space: nowrap !important;\n  border: 0 !important;\n\n  // Fix for positioned table caption that could become anonymous cells\n  &:not(caption) {\n    position: absolute !important;\n  }\n\n  // Fix to prevent overflowing children to become focusable\n  * {\n    overflow: hidden !important;\n  }\n}\n\n// Use to only display content when it's focused, or one of its child elements is focused\n// (i.e. when focus is within the element/container that the class was applied to)\n//\n// Useful for \"Skip to main content\" links; see https://www.w3.org/WAI/WCAG22/Techniques/general/G1.html\n\n@mixin visually-hidden-focusable() {\n  &:not(:focus, :focus-within) {\n    @include visually-hidden();\n  }\n}\n","@use \"../config\" as *;\n\n@layer helpers {\n  .stretched-link {\n    &::#{$stretched-link-pseudo-element} {\n      position: absolute;\n      inset: 0;\n      z-index: $stretched-link-z-index;\n      content: \"\";\n    }\n  }\n}\n","@use \"../mixins/text-truncate\" as *;\n\n@layer helpers {\n  .text-truncate {\n    @include text-truncate();\n  }\n}\n","// Text truncate\n// Requires inline-block or block for proper styling\n\n@mixin text-truncate() {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n","@layer helpers {\n  .vr {\n    display: inline-block;\n    align-self: stretch;\n    width: var(--vr-border-width, var(--border-width));\n    min-height: 1em;\n    background-color: var(--border-color);\n  }\n}\n","@use \"sass:map\";\n@use \"sass:meta\";\n@use \"../config\" as *;\n@use \"../layout/breakpoints\" as *;\n@use \"../mixins/utilities\" as *;\n@use \"../utilities\" as *;\n\n@layer utilities {\n  // Loop over each breakpoint\n  @each $breakpoint in map.keys($breakpoints) {\n\n    // Generate media query if needed\n    @include media-breakpoint-up($breakpoint) {\n      $prefix: breakpoint-prefix($breakpoint, $breakpoints);\n\n      // Loop over each utility property\n      @each $key, $utility in $utilities {\n        // The utility can be disabled with `false`, thus check if the utility is a map first\n        // Only proceed if responsive media queries are enabled or if it's the base media query\n        @if meta.type-of($utility) == \"map\" and (map.get($utility, responsive) or $prefix == \"\") {\n          @include generate-utility($utility, $prefix);\n        }\n      }\n    }\n  }\n\n  // Print utilities\n  @media print {\n    @each $key, $utility in $utilities {\n      // The utility can be disabled with `false`, thus check if the utility is a map first\n      // Then check if the utility needs print styles\n      @if meta.type-of($utility) == \"map\" and map.get($utility, print) == true {\n        @include generate-utility($utility, \"print\\\\:\");\n      }\n    }\n  }\n}\n","@use \"sass:list\";\n@use \"sass:map\";\n@use \"sass:meta\";\n\n// stylelint-disable scss/dollar-variable-pattern\n\n// Utility generator\n\n// - Utilities can use three different types of selectors:\n//   - class: .class\n//   - attr-starts: [class^=\"class\"]\n//   - attr-includes: [class*=\"class\"]\n// - Utilities can target children via `child-selector`, wrapped in :where() for zero specificity\n// - Utilities can generate regular CSS properties and CSS custom properties\n// - Utilities can be responsive or not\n// - Utilities can have state variants (e.g., hover, focus, active)\n// - Utilities can define local CSS variables\n//\n// CSS custom properties can be generated in two ways:\n//\n// 1. Property map with null values (CSS var receives the utility value):\n// \"bg-color\": (\n//   property: (\n//     \"--bg\": null,\n//     \"background-color\": var(--bg)\n//   ),\n//   class: bg,\n//   values: (\n//     primary: var(--blue-500),\n//   )\n// )\n// Generates:\n// .bg-primary {\n//   --bs-bg: var(--bs-blue-500);\n//   background-color: var(--bs-bg);\n// }\n//\n// 2. Variables map (static CSS custom properties on every class):\n// \"link-underline\": (\n//   property: text-decoration-color,\n//   class: link-underline,\n//   variables: (\n//     \"link-underline-opacity\": 1\n//   ),\n//   values: (...)\n// )\n// Generates:\n// .link-underline {\n//   --bs-link-underline-opacity: 1;\n//   text-decoration-color: ...;\n// }\n\n// Helper mixin to generate CSS properties for both legacy and property map approaches\n@mixin generate-properties($utility, $propertyMap, $properties, $value) {\n  @if $propertyMap != null {\n    // New Property-Value Mapping approach\n    @each $property, $defaultValue in $propertyMap {\n      // If value is a map, check if it has a key for this property\n      // Otherwise, use defaultValue (or $value if defaultValue is null)\n      $actualValue: $defaultValue;\n      @if meta.type-of($value) == \"map\" and map.has-key($value, $property) {\n        $actualValue: map.get($value, $property);\n      } @else if $defaultValue == null {\n        $actualValue: $value;\n      }\n      @if map.get($utility, important) {\n        #{$property}: $actualValue !important; // stylelint-disable-line declaration-no-important\n      } @else {\n        #{$property}: $actualValue;\n      }\n    }\n  } @else {\n    // Legacy approach\n    @each $property in $properties {\n      @if map.get($utility, important) {\n        #{$property}: $value !important; // stylelint-disable-line declaration-no-important\n      } @else {\n        #{$property}: $value;\n      }\n    }\n  }\n}\n\n@mixin generate-utility($utility, $prefix: \"\") {\n  // Validate required keys\n  @if not map.has-key($utility, property) {\n    @error \"Utility is missing required `property` key: #{$utility}\";\n  }\n  @if not map.has-key($utility, values) {\n    @error \"Utility is missing required `values` key: #{$utility}\";\n  }\n\n  // Warn on unknown keys (likely typos)\n  $valid-keys: property, values, class, selector, responsive, print, important, state, variables, child-selector;\n  @each $key in map.keys($utility) {\n    @if not list.index($valid-keys, $key) {\n      @warn \"Unknown utility key `#{$key}` found. Valid keys are: #{$valid-keys}\";\n    }\n  }\n\n  // Determine if we're generating a class, or an attribute selector\n  $selectorType: \"class\";\n  @if map.has-key($utility, selector) {\n    $selectorType: map.get($utility, selector);\n    // Validate selector type\n    $valid-selectors: \"class\", \"attr-starts\", \"attr-includes\";\n    @if not list.index($valid-selectors, $selectorType) {\n      @error \"Invalid `selector` value `#{$selectorType}`. Must be one of: #{$valid-selectors}\";\n    }\n  }\n  // Then get the class name to use in a class (e.g., .class) or in a attribute selector (e.g., [class^=\"class\"])\n  $selectorClass: map.get($utility, class);\n\n  // Attribute selectors require a `class` key\n  @if $selectorType != \"class\" and not map.has-key($utility, class) {\n    @error \"Utility with `selector: #{$selectorType}` requires a `class` key.\";\n  }\n\n  // Get the list or map of values and ensure it's a map\n  $values: map.get($utility, values);\n  @if meta.type-of($values) != \"map\" {\n    @if meta.type-of($values) == \"list\" {\n      $list: ();\n      @each $value in $values {\n        $list: map.merge($list, ($value: $value));\n      }\n      $values: $list;\n    } @else {\n      $values: (null: $values);\n    }\n  }\n\n  @each $key, $value in $values {\n    $properties: map.get($utility, property);\n    $propertyMap: null;\n    $customClass: \"\";\n\n    // Check if property is a map (new Property-Value Mapping approach)\n    @if meta.type-of($properties) == \"map\" {\n      $propertyMap: $properties;\n      $customClass: \"\";\n      @if map.has-key($utility, class) {\n        $customClass: map.get($utility, class);\n      }\n    } @else {\n      // Legacy approach: Multiple properties are possible, for example with vertical or horizontal margins or paddings\n      @if meta.type-of($properties) == \"string\" {\n        $properties: list.append((), $properties);\n      }\n      // Use custom class if present, otherwise use the first value from the list of properties\n      @if map.has-key($utility, class) {\n        $customClass: map.get($utility, class);\n      } @else {\n        $customClass: list.nth($properties, 1);\n      }\n      @if $customClass == null {\n        $customClass: \"\";\n      }\n    }\n\n    // State params to generate state variants\n    $state: ();\n    @if map.has-key($utility, state) {\n      $state: map.get($utility, state);\n    }\n\n    // Don't add a dash before value key if value key is null (e.g. with shadow class)\n    $customClassModifier: \"\";\n    @if $key {\n      @if $customClass == \"\" {\n        $customClassModifier: $key;\n      } @else {\n        $customClassModifier: \"-\" + $key;\n      }\n    }\n\n    // Build the class name fragment (without prefix or dot) for reuse in state variants\n    $className: \"\";\n    @if $selectorType == \"class\" {\n      @if $customClass != \"\" {\n        $className: $customClass + $customClassModifier;\n      } @else if $selectorClass != null and $selectorClass != \"\" {\n        $className: $selectorClass + $customClassModifier;\n      } @else {\n        $className: $customClassModifier;\n      }\n    }\n\n    $selector: \"\";\n    @if $selectorType == \"class\" {\n      $selector: \".#{$prefix + $className}\";\n    } @else if $selectorType == \"attr-starts\" {\n      $selector: \"[class^=\\\"#{$selectorClass}\\\"]\";\n    } @else if $selectorType == \"attr-includes\" {\n      $selector: \"[class*=\\\"#{$selectorClass}\\\"]\";\n    }\n\n    // @debug $utility;\n    // @debug $selectorType;\n    // @debug $selector;\n    // @debug $properties;\n    // @debug $values;\n\n    // Apply child-selector wrapping if present (wraps in :where() for zero specificity)\n    $child-sel: null;\n    @if map.has-key($utility, child-selector) {\n      $child-sel: map.get($utility, child-selector);\n    }\n\n    $final-selector: $selector;\n    @if $child-sel {\n      $final-selector: \":where(#{$selector} #{$child-sel})\";\n    }\n\n    #{$final-selector} {\n      // Generate CSS custom properties (variables) if provided\n      // Variables receive the current utility value, then properties reference them\n      @if map.has-key($utility, variables) {\n        $variables: map.get($utility, variables);\n        @if meta.type-of($variables) == \"list\" {\n          // If variables is a list, each variable gets the utility value\n          @each $var-name in $variables {\n            --#{$var-name}: #{$value};\n          }\n        } @else if meta.type-of($variables) == \"map\" {\n          // If variables is a map, use the provided values (for static variables)\n          @each $var-key, $var-value in $variables {\n            --#{$var-key}: #{$var-value};\n          }\n        }\n      }\n      @include generate-properties($utility, $propertyMap, $properties, $value);\n    }\n\n    // Generate state variants (e.g., hover:link-10 instead of link-10-hover)\n    @if $state != () {\n      @each $state-variant in $state {\n        $state-selector: \".#{$prefix}#{$state-variant}\\\\:#{$className}:#{$state-variant}\";\n        @if $child-sel {\n          $state-selector: \":where(#{$state-selector} #{$child-sel})\";\n        }\n\n        #{$state-selector} {\n          // Generate CSS custom properties (variables) if provided\n          @if map.has-key($utility, variables) {\n            $variables: map.get($utility, variables);\n            @if meta.type-of($variables) == \"list\" {\n              // If variables is a list, each variable gets the utility value\n              @each $var-name in $variables {\n                --#{$var-name}: #{$value};\n              }\n            } @else if meta.type-of($variables) == \"map\" {\n              // If variables is a map, use the provided values (for static variables)\n              @each $var-key, $var-value in $variables {\n                --#{$var-key}: #{$var-value};\n              }\n            }\n          }\n          @include generate-properties($utility, $propertyMap, $properties, $value);\n        }\n      }\n    }\n  }\n}\n"],"names":[]}