mirror of https://github.com/twbs/bootstrap.git
1 line
657 KiB
Plaintext
1 line
657 KiB
Plaintext
{"version":3,"sourceRoot":null,"mappings":"AEyCA,qjSCHI,saAAA,4ZAAA,saAAA,4ZAAA,saAAA,wYAAA,saAAA,0bC5BJ,gCAAA,cEUE,uCAYA,yCAOI,8CAPJ,8BAAA,0CAwBA,sUAcA,mGAaA,yIAUA,yCAMA,yCAMA,wCAMA,wCAMA,wCAMA,wCAYA,kCAYA,uFASA,iEASA,gCAKA,yCAOA,wCAOA,mBAMA,6CAQA,2BASA,4BAUA,8BAQA,mGAaA,gFAQA,kBACA,cAKA,yKAKE,mOAcA,+FAUF,qEAYA,8EASE,2DAOF,mEAME,qBAKF,4HAOE,oDAYF,uBAOA,8BAUA,mDAKA,6EAaA,sDAMA,kFAgBA,2BAOA,uBAUA,2CAMA,yGAYA,kCAOA,6BAIA,wBAME,0BAQF,iKASA,0EAOI,2HAQJ,+CAOA,yBAWA,iDAYA,wGASE,4BAQF,iDAAA,uCAAA,yCAAA,6CAAA,4CAAA,8CAAA,6CAUA,wCAUA,+DAKE,8EASF,+DASA,oDAMA,yCAQA,8DAOA,4BAMA,gBAQA,yCAUA,iCASA,iCFtmBF,ceSI,iNNsDA,sBMtCI,0CNsCJ,sBMtCI,wDNsCJ,uBMtCI,sENsCJ,uBMtCI,qFNsCJ,uBMtCI,oGCnBJ,wJAGE,wHC4DA,gBAIA,sCArBJ,mCAAA,kCAAA,uCAAA,kCAAA,kCAAA,uCAiCI,+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,8BAKA,8BALA,gCAKA,gCALA,8BAKA,8BRpDJ,sBQME,mBAIA,yCArBJ,sCAAA,qCAAA,0CAAA,qCAAA,qCAAA,0CAiCI,kCAMI,mCAAA,mCAAA,8BAAA,mCAAA,mCAAA,8BAAA,mCAAA,mCAAA,8BAAA,oCAAA,oCAAA,gCAQE,mCAAA,0CAAA,0CAAA,qCAAA,0CAAA,0CAAA,qCAAA,0CAAA,0CAAA,qCAAA,2CAAA,2CAWJ,iCAKA,iCALA,sCAKA,sCALA,qCAKA,qCALA,oCAKA,oCALA,sCAKA,sCALA,oCAKA,qCRpDJ,sBQME,mBAIA,yCArBJ,sCAAA,qCAAA,0CAAA,qCAAA,qCAAA,0CAiCI,kCAMI,mCAAA,mCAAA,8BAAA,mCAAA,mCAAA,8BAAA,mCAAA,mCAAA,8BAAA,oCAAA,oCAAA,gCAQE,mCAAA,0CAAA,0CAAA,qCAAA,0CAAA,0CAAA,qCAAA,0CAAA,0CAAA,qCAAA,2CAAA,2CAWJ,iCAKA,iCALA,sCAKA,sCALA,qCAKA,qCALA,oCAKA,oCALA,sCAKA,sCALA,oCAKA,qCRpDJ,uBQME,mBAIA,yCArBJ,sCAAA,qCAAA,0CAAA,qCAAA,qCAAA,0CAiCI,kCAMI,mCAAA,mCAAA,8BAAA,mCAAA,mCAAA,8BAAA,mCAAA,mCAAA,8BAAA,oCAAA,oCAAA,gCAQE,mCAAA,0CAAA,0CAAA,qCAAA,0CAAA,0CAAA,qCAAA,0CAAA,0CAAA,qCAAA,2CAAA,2CAWJ,iCAKA,iCALA,sCAKA,sCALA,qCAKA,qCALA,oCAKA,oCALA,sCAKA,sCALA,oCAKA,qCRpDJ,uBQME,mBAIA,yCArBJ,sCAAA,qCAAA,0CAAA,qCAAA,qCAAA,0CAiCI,kCAMI,mCAAA,mCAAA,8BAAA,mCAAA,mCAAA,8BAAA,mCAAA,mCAAA,8BAAA,oCAAA,oCAAA,gCAQE,mCAAA,0CAAA,0CAAA,qCAAA,0CAAA,0CAAA,qCAAA,0CAAA,0CAAA,qCAAA,2CAAA,2CAWJ,iCAKA,iCALA,sCAKA,sCALA,qCAKA,qCALA,oCAKA,oCALA,sCAKA,sCALA,oCAKA,qCRpDJ,uBQME,oBAIA,0CArBJ,uCAAA,sCAAA,2CAAA,sCAAA,sCAAA,2CAiCI,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,sCAKA,sCALA,wCAKA,wCALA,sCAKA,uCDjGJ,mLCiHM,iCAAA,iCAAA,iCAAA,iCAAA,iCAAA,iCAAA,iCAAA,iCAAA,iCAAA,mCAAA,mCAAA,mCAQA,+BAAA,+BAAA,+BAAA,+BAAA,+BAAA,+BAAA,+BAAA,+BAAA,+BAAA,iCAAA,iCR5EN,sBQoEM,oCAAA,oCAAA,oCAAA,oCAAA,oCAAA,oCAAA,oCAAA,oCAAA,oCAAA,sCAAA,sCAAA,sCAQA,kCAAA,kCAAA,kCAAA,kCAAA,kCAAA,kCAAA,kCAAA,kCAAA,kCAAA,oCAAA,qCR5EN,sBQoEM,oCAAA,oCAAA,oCAAA,oCAAA,oCAAA,oCAAA,oCAAA,oCAAA,oCAAA,sCAAA,sCAAA,sCAQA,kCAAA,kCAAA,kCAAA,kCAAA,kCAAA,kCAAA,kCAAA,kCAAA,kCAAA,oCAAA,qCR5EN,uBQoEM,oCAAA,oCAAA,oCAAA,oCAAA,oCAAA,oCAAA,oCAAA,oCAAA,oCAAA,sCAAA,sCAAA,sCAQA,kCAAA,kCAAA,kCAAA,kCAAA,kCAAA,kCAAA,kCAAA,kCAAA,kCAAA,oCAAA,qCR5EN,uBQoEM,oCAAA,oCAAA,oCAAA,oCAAA,oCAAA,oCAAA,oCAAA,oCAAA,oCAAA,sCAAA,sCAAA,sCAQA,kCAAA,kCAAA,kCAAA,kCAAA,kCAAA,kCAAA,kCAAA,kCAAA,kCAAA,oCAAA,qCR5EN,uBQoEM,qCAAA,qCAAA,qCAAA,qCAAA,qCAAA,qCAAA,qCAAA,qCAAA,qCAAA,uCAAA,uCAAA,uCAQA,mCAAA,mCAAA,mCAAA,mCAAA,mCAAA,mCAAA,mCAAA,mCAAA,mCAAA,qCAAA,sCDzGR,iDAIA,mIhBtCF,eKDE,mEAQA,uCAGE,2DAWF,sDAMA,gDAIE,wCAKF,iGAME,0CGEF,quBA+BE,8XASA,oCAIA,mCAKF,yFAQA,8BAWE,2CAgBA,qEAIE,wEAQF,6DAIA,gEAWA,0QAkBF,wLAUE,wMAeE,mEC1HF,qBD0HE,uEC1HF,qBD0HE,uEC1HF,sBD0HE,uEC1HF,sBD0HE,uEC1HF,sBD0HE,wEEpLJ,sCAMA,+NAeA,6BAKA,8CAKA,iEGvDA,sTAcE,uBAdF,4EAmBE,gGAUA,kGAIA,mEAKA,oIAYE,qOAME,sMASF,mGASA,4JAKF,2CAIA,2BAGA,0BAGA,2BAGA,4BAGA,wBAIA,mOChFE,uCDgFF,uCAQA,6EAIA,0BAIA,mIAMA,kEAOE,sJAQF,0BAIA,wCbtIJ,akBGE,gCAUA,qKAWA,mIAMA,sIC3BA,8ECCA,6yCNSI,uCMTJ,+BA+BE,yCAGE,uEAMF,iOAQA,gFAuBA,6DAMA,qEAWA,yEASA,wlBNxFE,uCMwFF,qDAgBA,iHAUF,0MAWE,wCAIA,iGAOF,8PAOE,6InBrJA,oSmB0KF,4NASA,sNA2BA,6DAKE,kEAIA,gGAKA,mGAKA,gDACA,gDAKF,kHAUE,4BAIA,wDAKA,6DItPF,0FAKE,yDAKF,0bAgBE,mGAQA,iLASA,qLAKA,2GAIA,qJAOA,qEAGE,+EAKF,4EAIA,uCAIA,qCC7EF,0FAKE,yDAKF,geAqBE,6MAKE,gHAUF,0DAGE,oEAMF,6FC9DF,29BAiCE,+UAWA,yFAQA,6FAIA,iPAMA,wIAIE,8CAEA,gFAMJ,kCAGA,kCC3DA,yHAOE,4BAKE,2IAIA,uIAMF,uCAIA,ySbjCE,uCaiCF,mDAWE,+FAKF,kNAWA,kRb5DE,uCa4DF,+CAUE,2FAKF,qMAWA,yCAGE,sFAIA,kFC7FJ,iCAGE,+NAQA,uadXE,uCcWF,sCAmBA,wFAIE,0GAIA,oWAAA,2UAYF,oGAUE,2OAMA,4GAMA,uPAUF,qFAKE,kFAKF,oGCjGF,0FAOE,kIAUA,oHASA,8CAIE,kCAYJ,4SAqBA,+LASA,kMA2BI,mtBAiBF,8JAKA,6KCrHF,iQAcA,kNhBbI,uCgBaJ,mCAQE,mEAMF,yEAIA,0EAIA,uEAIA,4EAKA,0JhB5CI,uCgB4CJ,gCAQE,kCAMF,+VAcE,mPhBxEE,uCgBwEF,qCAUA,qGAKA,sGAKA,mGAKA,yGCzGF,+GAQE,sKAUE,uEAAA,uEAMA,qDAIA,oEAMF,mHAIE,qLAMF,yHAIE,0LAQJ,kCAIE,yCAKF,wJASA,sDAKA,yDC/EA,yhClBQI,uCkBRJ,6BAqCE,mKAOA,2CAOA,gDAKF,gJAQE,gGAMF,0GAQA,0NASA,oNCnFA,stBAgCE,mKAOA,qGAOA,6GAKE,mFAGE,uHAKF,sGGrCJ,4GASA,6OAgBE,4IA7CA,uhBA+DE,2JA/DF,sLAAA,wGAAA,iHA2HE,8HAQA,uIAMF,8EAzIA,4VAoBF,gHASA,8OAgBE,4JA7CA,snBA+DE,iKA/DF,0LAAA,4GAAA,uHA2HE,oIAQA,6IAMF,gFAzIA,yWpCXJ,kBkCsBE,kvBAyBE,gDAEA,gHAKE,kGASJ,sIAGE,+OAOF,gNAKE,wRAOF,yIAGE,uPAOF,kNAKE,2RAuBF,wPGCA,2pCvB/GI,uCuB+GJ,oEAwCE,sNAMA,4NAKA,0SAME,sXAKF,shBAkBA,ofA2BE,4PAgBA,kEAIA,0TAeA,4NA9DF,weA2BE,8PAgBA,oEAIA,gUAeA,2NA9DF,mYA2BE,oMAgBA,mEAIA,mNAeA,2NA9DF,4VA2BE,yIAgBA,iEAIA,oMAeA,uMAoBJ,6kBAqBE,uEAIA,8EAeA,+OAAA,0OAAA,0OAWF,6EAgBE,0EAMA,6MASA,uIAKA,wPAiBF,0jBAmBE,4OAUA,0NAOA,gFC5aF,2FAME,uFAIE,iFAKF,uPAMA,wKAOF,8EAME,qCAKF,iDAIE,uIAMA,uKAMA,uJAkBF,+CAGE,8HAMA,6DAKF,sDAIA,qDAQA,wFAKE,4EAKA,gJAMA,yLAMA,yKC3GF,mbAoBE,sEAQA,gHAMA,wFAKA,0HC3BF,k0BAwBA,iU1BnCI,uC0BmCJ,mCAoBE,kO1BvDE,uC0BuDF,mDASA,kCAIA,wJAQF,sKAKE,oJAGE,wPAKF,yDAKA,+IAGE,mPAIA,+JAMF,2FAGE,mSAKE,yGAMF,uGAMJ,6FAUE,iEAIE,kEAIA,+DAIA,oHC5JJ,qtBAwBA,6BAMA,6DCtBA,6sBA4BA,gIAKA,8FAOA,6VAUE,kEAIA,oFAKA,gFAKA,iEAKF,6DAIE,iKAME,+CAIA,iEAOJ,oFAMA,kDAKA,+EAMA,kFCnGA,kzBA+BE,0BAMF,uCAOE,0OAAA,wOClDF,o0BA4BA,8BAIA,uHAKA,8V9BxCI,uC8BwCJ,kCAYE,iIAMA,qEC1DF,k/BA2CE,iEAIA,8BAMA,+JAKE,sEAOF,8DAOF,yFAKE,mDAMF,kIAOE,4FAMA,qIASF,gTAiBE,iEAIA,6EAMA,qGC9HF,8zBAkCE,yBAKF,oSAaE,4BAKF,6HAKE,uMAKA,oMAKA,+IAKF,4DAIA,uSAOE,+GAKF,8PAME,+GAKF,6EAGE,sOAYA,gHAWF,kJAKE,mHAOF,wIAOA,6KAQA,gJAKA,+IAMA,6BAGE,oGAKE,gPAKA,wOAKA,oKAMJ,wIAIA,kIAWE,4DrCnKA,sBqCgKF,wCAYI,6CAIE,oEAOE,qFAGE,2HAIA,4HAMF,0FAGE,+HAIA,iIC1NV,4BAIA,2CAIA,+EAOA,oKjClDI,uCiCkDJ,gCAUA,4EAMA,kGAKA,mGAWE,mFAMA,qKAOA,kIjC/FE,uCiC+FF,qGAaF,ySjC5GI,uCiC4GJ,+DAoBE,yKAQF,4CAKA,0CAOA,kLAUA,kSAIA,yUAQA,4SASA,mJAWE,0TjC9LE,uCiC8LF,uDAkBA,uCAUF,0KAmBA,iJAIA,wI9CvPE,uJ+CaF,22CAyCE,2DAIA,yDAKA,iGAOF,wDAQA,+GAQA,oDAIA,gDAIA,+LAYE,2XASA,yEAKF,oDAIA,qDAKA,6MAeA,mEAOA,gFAWA,wFAQA,wHAQA,mOAYE,mHAKA,4HAMF,iEAOA,uLAUA,kCAIA,qUAkBE,gIAKA,yIAIA,4hBAaF,yGAOA,sPAgBA,wCAKA,oHASA,kKAUE,gKAQF,wSAkBE,4EAMF,sJAQA,qGAMA,yFAKA,2GAKA,4GAKA,uGAKA,2EAIA,6EAMA,+IAMA,+EAOA,8EAOA,8ECjYA,qDAKA,uiCAgCE,gEAKA,sDnCxDE,uCmCwDF,8BAIE,gEnC5DA,uCmC4DA,wCAKA,0DAUF,4CAMA,gJAUA,kOAiBE,2XAcF,qHAKE,6DAOJ,mCACA,mCACA,oCAGA,kJxC5EE,qBwC+FI,2JxC/FJ,qBwC+FI,2JxC/FJ,sBwC+FI,2JxC/FJ,sBwC+FI,2JxC/FJ,sBwC+FI,4JAeN,qMAOE,mDAMF,+EAOA,0FAQA,+QChKA,4BAKA,00DAgEA,iCAKA,8LAWA,0WAeE,sIAMA,0IAMA,wIAYF,yMAUA,kIAOA,0jBAsBA,oCAIE,+FAOA,qNAaE,0EAMF,wFAOA,uNCtOF,m9BA8BA,gEAIE,yGAWF,gWAUE,+FAIA,0FAIA,oKAQA,gLAQA,6DAGE,0JAYJ,mHAOI,gRAQA,yMAeA,0CAII,0JAKA,0JAKA,4DAIA,gJAIE,2L1C3GR,sB0CqFE,6CAII,6JAKA,6JAKA,+DAIA,mJAIE,+L1C3GR,sB0CqFE,6CAII,6JAKA,6JAKA,+DAIA,mJAIE,+L1C3GR,uB0CqFE,6CAII,6JAKA,6JAKA,+DAIA,mJAIE,+L1C3GR,uB0CqFE,6CAII,6JAKA,6JAKA,+DAIA,mJAIE,+L1C3GR,uB0CqFE,8CAII,8JAKA,8JAKA,gEAIA,oJAIE,gMAgBV,kCAGE,sFAGE,uEC9JJ,ggBAwBA,uBAKA,kctClDI,uCsCkDJ,2BAeE,kHAMA,gKAMA,sHAOA,iHAYF,6fAaE,qLAKE,wJAQF,2QAQA,mIAaF,0HAME,uJAYF,qKASE,iIAKE,kGAMF,mKAcA,oEAQA,6FAUA,4EAWA,oCAGA,mCChMF,grCAmCE,2OAwBF,qRASE,iFAWF,qQAmBI,4FAgBJ,0CAME,6FAgBF,gEASA,yXvCpLI,uCuCoLJ,iCAUE,2CAIA,2HAQF,oNAWA,2E5CnKE,sB4CiLE,8DAKI,6GAaA,sDAIA,0EAKA,yDAIA,2PAeE,4DAIA,oG5CnOR,sB4CiLE,8DAKI,6GAaA,sDAIA,0EAKA,yDAIA,2PAeE,4DAIA,oG5CnOR,uB4CiLE,8DAKI,6GAaA,sDAIA,0EAKA,yDAIA,2PAeE,4DAIA,oG5CnOR,uB4CiLE,8DAKI,6GAaA,sDAIA,0EAKA,yDAIA,2PAeE,4DAIA,oG5CnOR,uB4CiLE,+DAKI,8GAaA,uDAIA,2EAKA,0DAIA,4PAeE,6DAIA,qGAlDN,2DAKI,0GAaA,mDAIA,uEAKA,sDAIA,wPAeE,yDAIA,gGAiBV,+hBAgBI,oT5CvPF,qB6C/CA,gVxChBE,yDwCgBF,+B7C+CA,qB6C/BI,qNAOE,uEAKF,kNAOE,sEAKF,iNAQA,qNAQA,qEAKA,kF7C3BJ,sB6ClCA,wGA0EM,6CAIA,sH7C/BN,qB6C/CA,gVxChBE,yDwCgBF,+B7C+CA,qB6C/BI,qNAOE,uEAKF,kNAOE,sEAKF,iNAQA,qNAQA,qEAKA,kF7C3BJ,sB6ClCA,wGA0EM,6CAIA,sH7C/BN,sB6C/CA,gVxChBE,0DwCgBF,+B7C+CA,sB6C/BI,qNAOE,uEAKF,kNAOE,sEAKF,iNAQA,qNAQA,qEAKA,kF7C3BJ,uB6ClCA,wGA0EM,6CAIA,sH7C/BN,sB6C/CA,gVxChBE,0DwCgBF,+B7C+CA,sB6C/BI,qNAOE,uEAKF,kNAOE,sEAKF,iNAQA,qNAQA,qEAKA,kF7C3BJ,uB6ClCA,wGA0EM,6CAIA,sH7C/BN,sB6C/CA,iVxChBE,0DwCgBF,gC7C+CA,sB6C/BI,sNAOE,wEAKF,mNAOE,uEAKF,kNAQA,sNAQA,uEAKA,qF7C3BJ,uB6ClCA,yGA0EM,8CAIA,uHA9EN,4UxChBE,uCwCgBF,4BAgBI,kNAOE,oEAKF,+MAOE,mEAKF,8MAQA,kNAQA,+DAKA,wEA8BN,8EC1HA,mCACA,oCD6HA,qHAKE,8SAUF,mFAKA,+GEjGA,g+BA2BA,sc1C7DI,uC0C6DJ,4BAWE,sKAOA,iMAOA,6LAQA,iNAUA,4FAMI,0JAMA,qJAiBN,2KAIA,2KCrJA,4HAQE,wDAOF,gCAIA,gCAIA,iCAME,kFAKF,4CAMA,mJAMA,sDC1BA,u8CAuCE,gHAKE,6HAaF,yKAGE,2RAKA,sKAKA,uLAQF,mPAKE,qUAKA,qKAKA,sLAQF,4KAGE,wSAKA,uKAKA,wLAOF,wVAaA,qPAKE,wUAKA,yKAKA,0LAuBJ,8bASE,mCAKF,0HC/LE,oFAMF,4jBAsBA,oS7C/BI,uC6C+BJ,+BAYA,+LAKA,6CAIA,qDAKE,yEAII,uCAJJ,uCC5DF,6RAaA,uDAKA,wSAcA,mGAaA,4EAWA,sNAaA,kEAME,uCACE,iEEzEJ,k7BA8BE,yBAIA,+BAKF,8IASE,yEAKF,keAUE,6HAMF,oE9DlFF,cAAA,egEPE,uDCEA,oMAQE,yGnDUE,uCmDVF,gCAYE,6HCnBJ,sDAMA,yDAWI,+CAMA,qDzD4CF,sByDlDE,kDAMA,yDzD4CF,sByDlDE,kDAMA,yDzD4CF,uByDlDE,kDAMA,yDzD4CF,uByDlDE,kDAMA,yDzD4CF,uByDlDE,mDAMA,0DCzBJ,uFAOA,8GAQA,iFChBA,qQCeA,iIAKA,yGCnBE,qECDF,yEEAA,iIzEOF,iB2E8KI,wCAAA,8BAAA,oCAAA,oCAAA,8CAAA,wCAAA,6CAAA,4BAAA,0BAAA,0BAAA,4BAAA,4BAAA,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,yBAAA,qCAAA,uBAAA,qBAAA,mCAAA,uBAAA,+BAAA,iCAAA,qBAAA,mCAAA,6BAAA,+BAAA,qBAAA,wCAAA,8CAAA,8CAAA,6BAAA,qIAAA,wIAAA,uIAAA,kIAAA,yIAAA,kIAAA,qIAAA,uIAAA,iCAAA,qCAAA,qCAAA,+BAAA,iCAAA,aAAA,gBAAA,kBAAA,mBAAA,sBAAA,wBAAA,gBAAA,mBAAA,qBAAA,eAAA,kBAAA,oBAAA,iDAAA,8CAAA,+CAAA,kFAAA,mBAAA,kGAAA,mCAAA,iGAAA,kCAAA,mGAAA,oCAAA,qGAAA,sCAAA,8FAAA,+BAAA,gGAAA,iCAAA,yFAAA,0FAAA,0FAAA,uFAAA,2FAAA,sFAAA,wHAAA,0HAAA,mFAAA,qHAAA,sHAAA,uHAAA,2HAAA,oFAAA,oFAAA,+HAAA,kIAAA,iIAAA,4HAAA,mIAAA,4HAAA,+HAAA,iIAAA,2BAAA,2BAAA,2BAAA,2BAAA,2BAAA,kFAAA,kFAAA,kFAAA,kFAAA,kFAAA,kFAAA,kFAAA,kFAAA,kFAAA,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,4BAAA,4BAAA,4BAAA,iCAAA,uCAAA,6CAAA,2CAAA,sBAAA,iBAAA,iBAAA,iBAAA,iBAAA,iBAAA,iBAAA,oBAAA,cAAA,mBAAA,kBAAA,iBAAA,mBAAA,iBAAA,oBAAA,sBAAA,2BAAA,0BAAA,yBAAA,2BAAA,yBAAA,4BAAA,qBAAA,0BAAA,yBAAA,wBAAA,0BAAA,wBAAA,2BAAA,2BAAA,gCAAA,+BAAA,8BAAA,gCAAA,8BAAA,iCAAA,0BAAA,+BAAA,8BAAA,6BAAA,+BAAA,6BAAA,gCAAA,yBAAA,8BAAA,6BAAA,4BAAA,8BAAA,4BAAA,+BAAA,4BAAA,iCAAA,gCAAA,+BAAA,iCAAA,+BAAA,kCAAA,eAAA,oBAAA,mBAAA,kBAAA,oBAAA,kBAAA,uBAAA,4BAAA,2BAAA,0BAAA,4BAAA,0BAAA,sBAAA,2BAAA,0BAAA,yBAAA,2BAAA,yBAAA,4BAAA,iCAAA,gCAAA,+BAAA,iCAAA,+BAAA,2BAAA,gCAAA,+BAAA,8BAAA,gCAAA,8BAAA,0BAAA,+BAAA,8BAAA,6BAAA,+BAAA,6BAAA,6BAAA,kCAAA,iCAAA,gCAAA,kCAAA,gCAAA,aAAA,kBAAA,iBAAA,gBAAA,kBAAA,gBAAA,qBAAA,0BAAA,yBAAA,wBAAA,0BAAA,wBAAA,6CAAA,uDAAA,qDAAA,mDAAA,uDAAA,mDAAA,qDAAA,iDAAA,wCAAA,wCAAA,wCAAA,wCAAA,wCAAA,0CAAA,0CAAA,0CAAA,0CAAA,0CAAA,+EAAA,+EAAA,+EAAA,+EAAA,+EAAA,kFAAA,kFAAA,kFAAA,kFAAA,kFAAA,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,yFAAA,qIAAA,2FAAA,sFAAA,6FAAA,sFAAA,yFAAA,2FAAA,sFAAA,mFAAA,mFAAA,mFAAA,mFAAA,qDAAA,qDAAA,+CAAA,kGAAA,qGAAA,oGAAA,+FAAA,sGAAA,+FAAA,+FAAA,oGAAA,6HAAA,qFAAA,+FAAA,iGAAA,6DAAA,6DAAA,6DAAA,6DAAA,6DAAA,6DAAA,6DAAA,6DAAA,6DAAA,2BAAA,4FAAA,4FAAA,4FAAA,4FAAA,4FAAA,4FAAA,4FAAA,4FAAA,4FAAA,2DAAA,iFAAA,gFAAA,iFAAA,2FAAA,uIAAA,6FAAA,wFAAA,+FAAA,wFAAA,2FAAA,6FAAA,sHAAA,sHAAA,sHAAA,sHAAA,sHAAA,sHAAA,sHAAA,sHAAA,sHAAA,qFAAA,wFAAA,wFAAA,wFAAA,wFAAA,wFAAA,qEAAA,sEAAA,sEAAA,mEAAA,uEAAA,kEAAA,oGAAA,sGAAA,8FAAA,8FAAA,8FAAA,8FAAA,8FAAA,gEAAA,gEAAA,kEAAA,0DAAA,2GAAA,8GAAA,6GAAA,wGAAA,+GAAA,wGAAA,2GAAA,6GAAA,0GAAA,6GAAA,4GAAA,uGAAA,8GAAA,uGAAA,0GAAA,4GAAA,wEAAA,wEAAA,wEAAA,wEAAA,wEAAA,wEAAA,wEAAA,wEAAA,wEAAA,sCAAA,mFAAA,oFAAA,2FAAA,wEAAA,iDAAA,iCAAA,mCAAA,mCAAA,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,elE/GA,sBkE+GA,mCAAA,+BAAA,0BAAA,gEAAA,0DAAA,uDAAA,oEAAA,uDAAA,4BAAA,wCAAA,0BAAA,wBAAA,sCAAA,0BAAA,kCAAA,oCAAA,wBAAA,sCAAA,gCAAA,kCAAA,wBAAA,wBAAA,gCAAA,sCAAA,gDAAA,sDAAA,4BAAA,4BAAA,gCAAA,gCAAA,6BAAA,iCAAA,6CAAA,qDAAA,iDAAA,kDAAA,0DAAA,wDAAA,wDAAA,4CAAA,wCAAA,8CAAA,gDAAA,+CAAA,2CAAA,4CAAA,6CAAA,yCAAA,0CAAA,8CAAA,4CAAA,iDAAA,6CAAA,8CAAA,sDAAA,oDAAA,gDAAA,oCAAA,2CAAA,uCAAA,wCAAA,4CAAA,0CAAA,wCAAA,oCAAA,0CAAA,oDAAA,+BAAA,+BAAA,+BAAA,oCAAA,0CAAA,gDAAA,8CAAA,yBAAA,oBAAA,oBAAA,oBAAA,oBAAA,oBAAA,oBAAA,uBAAA,iBAAA,sBAAA,qBAAA,oBAAA,sBAAA,oBAAA,uBAAA,yBAAA,8BAAA,6BAAA,4BAAA,8BAAA,4BAAA,+BAAA,wBAAA,6BAAA,4BAAA,2BAAA,6BAAA,2BAAA,8BAAA,8BAAA,mCAAA,kCAAA,iCAAA,mCAAA,iCAAA,oCAAA,6BAAA,kCAAA,iCAAA,gCAAA,kCAAA,gCAAA,mCAAA,4BAAA,iCAAA,gCAAA,+BAAA,iCAAA,+BAAA,kCAAA,+BAAA,oCAAA,mCAAA,kCAAA,oCAAA,kCAAA,qCAAA,kBAAA,uBAAA,sBAAA,qBAAA,uBAAA,qBAAA,0BAAA,+BAAA,8BAAA,6BAAA,+BAAA,6BAAA,yBAAA,8BAAA,6BAAA,4BAAA,8BAAA,4BAAA,+BAAA,oCAAA,mCAAA,kCAAA,oCAAA,kCAAA,8BAAA,mCAAA,kCAAA,iCAAA,mCAAA,iCAAA,6BAAA,kCAAA,iCAAA,gCAAA,kCAAA,gCAAA,gCAAA,qCAAA,oCAAA,mCAAA,qCAAA,mCAAA,gBAAA,qBAAA,oBAAA,mBAAA,qBAAA,mBAAA,wBAAA,6BAAA,4BAAA,2BAAA,6BAAA,2BAAA,gDAAA,0DAAA,wDAAA,sDAAA,0DAAA,sDAAA,gCAAA,4BAAA,mClE/GA,sBkE+GA,mCAAA,+BAAA,0BAAA,gEAAA,0DAAA,uDAAA,oEAAA,uDAAA,4BAAA,wCAAA,0BAAA,wBAAA,sCAAA,0BAAA,kCAAA,oCAAA,wBAAA,sCAAA,gCAAA,kCAAA,wBAAA,wBAAA,gCAAA,sCAAA,gDAAA,sDAAA,4BAAA,4BAAA,gCAAA,gCAAA,6BAAA,iCAAA,6CAAA,qDAAA,iDAAA,kDAAA,0DAAA,wDAAA,wDAAA,4CAAA,wCAAA,8CAAA,gDAAA,+CAAA,2CAAA,4CAAA,6CAAA,yCAAA,0CAAA,8CAAA,4CAAA,iDAAA,6CAAA,8CAAA,sDAAA,oDAAA,gDAAA,oCAAA,2CAAA,uCAAA,wCAAA,4CAAA,0CAAA,wCAAA,oCAAA,0CAAA,oDAAA,+BAAA,+BAAA,+BAAA,oCAAA,0CAAA,gDAAA,8CAAA,yBAAA,oBAAA,oBAAA,oBAAA,oBAAA,oBAAA,oBAAA,uBAAA,iBAAA,sBAAA,qBAAA,oBAAA,sBAAA,oBAAA,uBAAA,yBAAA,8BAAA,6BAAA,4BAAA,8BAAA,4BAAA,+BAAA,wBAAA,6BAAA,4BAAA,2BAAA,6BAAA,2BAAA,8BAAA,8BAAA,mCAAA,kCAAA,iCAAA,mCAAA,iCAAA,oCAAA,6BAAA,kCAAA,iCAAA,gCAAA,kCAAA,gCAAA,mCAAA,4BAAA,iCAAA,gCAAA,+BAAA,iCAAA,+BAAA,kCAAA,+BAAA,oCAAA,mCAAA,kCAAA,oCAAA,kCAAA,qCAAA,kBAAA,uBAAA,sBAAA,qBAAA,uBAAA,qBAAA,0BAAA,+BAAA,8BAAA,6BAAA,+BAAA,6BAAA,yBAAA,8BAAA,6BAAA,4BAAA,8BAAA,4BAAA,+BAAA,oCAAA,mCAAA,kCAAA,oCAAA,kCAAA,8BAAA,mCAAA,kCAAA,iCAAA,mCAAA,iCAAA,6BAAA,kCAAA,iCAAA,gCAAA,kCAAA,gCAAA,gCAAA,qCAAA,oCAAA,mCAAA,qCAAA,mCAAA,gBAAA,qBAAA,oBAAA,mBAAA,qBAAA,mBAAA,wBAAA,6BAAA,4BAAA,2BAAA,6BAAA,2BAAA,gDAAA,0DAAA,wDAAA,sDAAA,0DAAA,sDAAA,gCAAA,4BAAA,mClE/GA,uBkE+GA,mCAAA,+BAAA,0BAAA,gEAAA,0DAAA,uDAAA,oEAAA,uDAAA,4BAAA,wCAAA,0BAAA,wBAAA,sCAAA,0BAAA,kCAAA,oCAAA,wBAAA,sCAAA,gCAAA,kCAAA,wBAAA,wBAAA,gCAAA,sCAAA,gDAAA,sDAAA,4BAAA,4BAAA,gCAAA,gCAAA,6BAAA,iCAAA,6CAAA,qDAAA,iDAAA,kDAAA,0DAAA,wDAAA,wDAAA,4CAAA,wCAAA,8CAAA,gDAAA,+CAAA,2CAAA,4CAAA,6CAAA,yCAAA,0CAAA,8CAAA,4CAAA,iDAAA,6CAAA,8CAAA,sDAAA,oDAAA,gDAAA,oCAAA,2CAAA,uCAAA,wCAAA,4CAAA,0CAAA,wCAAA,oCAAA,0CAAA,oDAAA,+BAAA,+BAAA,+BAAA,oCAAA,0CAAA,gDAAA,8CAAA,yBAAA,oBAAA,oBAAA,oBAAA,oBAAA,oBAAA,oBAAA,uBAAA,iBAAA,sBAAA,qBAAA,oBAAA,sBAAA,oBAAA,uBAAA,yBAAA,8BAAA,6BAAA,4BAAA,8BAAA,4BAAA,+BAAA,wBAAA,6BAAA,4BAAA,2BAAA,6BAAA,2BAAA,8BAAA,8BAAA,mCAAA,kCAAA,iCAAA,mCAAA,iCAAA,oCAAA,6BAAA,kCAAA,iCAAA,gCAAA,kCAAA,gCAAA,mCAAA,4BAAA,iCAAA,gCAAA,+BAAA,iCAAA,+BAAA,kCAAA,+BAAA,oCAAA,mCAAA,kCAAA,oCAAA,kCAAA,qCAAA,kBAAA,uBAAA,sBAAA,qBAAA,uBAAA,qBAAA,0BAAA,+BAAA,8BAAA,6BAAA,+BAAA,6BAAA,yBAAA,8BAAA,6BAAA,4BAAA,8BAAA,4BAAA,+BAAA,oCAAA,mCAAA,kCAAA,oCAAA,kCAAA,8BAAA,mCAAA,kCAAA,iCAAA,mCAAA,iCAAA,6BAAA,kCAAA,iCAAA,gCAAA,kCAAA,gCAAA,gCAAA,qCAAA,oCAAA,mCAAA,qCAAA,mCAAA,gBAAA,qBAAA,oBAAA,mBAAA,qBAAA,mBAAA,wBAAA,6BAAA,4BAAA,2BAAA,6BAAA,2BAAA,gDAAA,0DAAA,wDAAA,sDAAA,0DAAA,sDAAA,gCAAA,4BAAA,mClE/GA,uBkE+GA,mCAAA,+BAAA,0BAAA,gEAAA,0DAAA,uDAAA,oEAAA,uDAAA,4BAAA,wCAAA,0BAAA,wBAAA,sCAAA,0BAAA,kCAAA,oCAAA,wBAAA,sCAAA,gCAAA,kCAAA,wBAAA,wBAAA,gCAAA,sCAAA,gDAAA,sDAAA,4BAAA,4BAAA,gCAAA,gCAAA,6BAAA,iCAAA,6CAAA,qDAAA,iDAAA,kDAAA,0DAAA,wDAAA,wDAAA,4CAAA,wCAAA,8CAAA,gDAAA,+CAAA,2CAAA,4CAAA,6CAAA,yCAAA,0CAAA,8CAAA,4CAAA,iDAAA,6CAAA,8CAAA,sDAAA,oDAAA,gDAAA,oCAAA,2CAAA,uCAAA,wCAAA,4CAAA,0CAAA,wCAAA,oCAAA,0CAAA,oDAAA,+BAAA,+BAAA,+BAAA,oCAAA,0CAAA,gDAAA,8CAAA,yBAAA,oBAAA,oBAAA,oBAAA,oBAAA,oBAAA,oBAAA,uBAAA,iBAAA,sBAAA,qBAAA,oBAAA,sBAAA,oBAAA,uBAAA,yBAAA,8BAAA,6BAAA,4BAAA,8BAAA,4BAAA,+BAAA,wBAAA,6BAAA,4BAAA,2BAAA,6BAAA,2BAAA,8BAAA,8BAAA,mCAAA,kCAAA,iCAAA,mCAAA,iCAAA,oCAAA,6BAAA,kCAAA,iCAAA,gCAAA,kCAAA,gCAAA,mCAAA,4BAAA,iCAAA,gCAAA,+BAAA,iCAAA,+BAAA,kCAAA,+BAAA,oCAAA,mCAAA,kCAAA,oCAAA,kCAAA,qCAAA,kBAAA,uBAAA,sBAAA,qBAAA,uBAAA,qBAAA,0BAAA,+BAAA,8BAAA,6BAAA,+BAAA,6BAAA,yBAAA,8BAAA,6BAAA,4BAAA,8BAAA,4BAAA,+BAAA,oCAAA,mCAAA,kCAAA,oCAAA,kCAAA,8BAAA,mCAAA,kCAAA,iCAAA,mCAAA,iCAAA,6BAAA,kCAAA,iCAAA,gCAAA,kCAAA,gCAAA,gCAAA,qCAAA,oCAAA,mCAAA,qCAAA,mCAAA,gBAAA,qBAAA,oBAAA,mBAAA,qBAAA,mBAAA,wBAAA,6BAAA,4BAAA,2BAAA,6BAAA,2BAAA,gDAAA,0DAAA,wDAAA,sDAAA,0DAAA,sDAAA,gCAAA,4BAAA,mClE/GA,uBkE+GA,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,gCAAA,gCAAA,gCAAA,qCAAA,2CAAA,iDAAA,+CAAA,0BAAA,qBAAA,qBAAA,qBAAA,qBAAA,qBAAA,qBAAA,wBAAA,kBAAA,uBAAA,sBAAA,qBAAA,uBAAA,qBAAA,wBAAA,0BAAA,+BAAA,8BAAA,6BAAA,+BAAA,6BAAA,gCAAA,yBAAA,8BAAA,6BAAA,4BAAA,8BAAA,4BAAA,+BAAA,+BAAA,oCAAA,mCAAA,kCAAA,oCAAA,kCAAA,qCAAA,8BAAA,mCAAA,kCAAA,iCAAA,mCAAA,iCAAA,oCAAA,6BAAA,kCAAA,iCAAA,gCAAA,kCAAA,gCAAA,mCAAA,gCAAA,qCAAA,oCAAA,mCAAA,qCAAA,mCAAA,sCAAA,mBAAA,wBAAA,uBAAA,sBAAA,wBAAA,sBAAA,2BAAA,gCAAA,+BAAA,8BAAA,gCAAA,8BAAA,0BAAA,+BAAA,8BAAA,6BAAA,+BAAA,6BAAA,gCAAA,qCAAA,oCAAA,mCAAA,qCAAA,mCAAA,+BAAA,oCAAA,mCAAA,kCAAA,oCAAA,kCAAA,8BAAA,mCAAA,kCAAA,iCAAA,mCAAA,iCAAA,iCAAA,sCAAA,qCAAA,oCAAA,sCAAA,oCAAA,iBAAA,sBAAA,qBAAA,oBAAA,sBAAA,oBAAA,yBAAA,8BAAA,6BAAA,4BAAA,8BAAA,4BAAA,iDAAA,2DAAA,yDAAA,uDAAA,2DAAA,uDAAA,iCAAA,6BAAA,qC3E5KJ,w+LA4BA,4hFCvBI,6ReTJ,4JsCAA,uiBOuCA,uVAmBA,gMAaE,0VAoBA,gPAWA,6CAKE,qLAYA,oFAtGF,sIAKE,yNASA,6DpDkCA,sBoDsDA,uFAtGF,yIAKE,4NASA,iEpDkCA,sBoDsDA,uFAtGF,yIAKE,4NASA,iEpDkCA,uBoDsDA,uFAtGF,yIAKE,4NASA,iEpDkCA,uBoDsDA,uFAtGF,yIAKE,4NASA,iEpDkCA,uBoDsDA,wFAtGF,0IAKE,6NASA,kEA+FJ,4HAME,4DExIF,qCjDmBM,uCiDnBN,uBAGE,2BAOA,kCAKF,4DjDIM,uCiDJN,6BAKE,0EjDDI,uCiDCJ","sources":["bootstrap.css","../../scss/_banner.scss","../../scss/_colors.scss","../../scss/_theme.scss","../../scss/_root.scss","../../scss/mixins/_color-mode.scss","../../scss/content/_reboot.scss","../../scss/_variables.scss","../../scss/mixins/_border-radius.scss","../../scss/content/_type.scss","../../scss/mixins/_lists.scss","../../scss/_config.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/forms/_form-variables.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/_tooltip.scss","../../scss/mixins/_reset-text.scss","../../scss/forms/_validation.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/_datepicker.scss","../../scss/_dialog.scss","../../scss/_dropdown.scss","../../scss/_list-group.scss","../../scss/_nav.scss","../../scss/_navbar.scss","../../scss/_offcanvas.scss","../../scss/mixins/_backdrop.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/_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-2025 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, #fff 94%, oklch(60% 0.24 240deg));\n --blue-050: color-mix(in lab, #fff 90%, oklch(60% 0.24 240deg));\n --blue-100: color-mix(in lab, #fff 80%, oklch(60% 0.24 240deg));\n --blue-200: color-mix(in lab, #fff 60%, oklch(60% 0.24 240deg));\n --blue-300: color-mix(in lab, #fff 40%, oklch(60% 0.24 240deg));\n --blue-400: color-mix(in lab, #fff 20%, oklch(60% 0.24 240deg));\n --blue-500: oklch(60% 0.24 240deg);\n --blue-600: color-mix(in lab, #000 16%, oklch(60% 0.24 240deg));\n --blue-700: color-mix(in lab, #000 32%, oklch(60% 0.24 240deg));\n --blue-800: color-mix(in lab, #000 48%, oklch(60% 0.24 240deg));\n --blue-900: color-mix(in lab, #000 64%, oklch(60% 0.24 240deg));\n --blue-950: color-mix(in lab, #000 76%, oklch(60% 0.24 240deg));\n --blue-975: color-mix(in lab, #000 88%, oklch(60% 0.24 240deg));\n --indigo-025: color-mix(in lab, #fff 94%, oklch(56% 0.26 288deg));\n --indigo-050: color-mix(in lab, #fff 90%, oklch(56% 0.26 288deg));\n --indigo-100: color-mix(in lab, #fff 80%, oklch(56% 0.26 288deg));\n --indigo-200: color-mix(in lab, #fff 60%, oklch(56% 0.26 288deg));\n --indigo-300: color-mix(in lab, #fff 40%, oklch(56% 0.26 288deg));\n --indigo-400: color-mix(in lab, #fff 20%, oklch(56% 0.26 288deg));\n --indigo-500: oklch(56% 0.26 288deg);\n --indigo-600: color-mix(in lab, #000 16%, oklch(56% 0.26 288deg));\n --indigo-700: color-mix(in lab, #000 32%, oklch(56% 0.26 288deg));\n --indigo-800: color-mix(in lab, #000 48%, oklch(56% 0.26 288deg));\n --indigo-900: color-mix(in lab, #000 64%, oklch(56% 0.26 288deg));\n --indigo-950: color-mix(in lab, #000 76%, oklch(56% 0.26 288deg));\n --indigo-975: color-mix(in lab, #000 88%, oklch(56% 0.26 288deg));\n --violet-025: color-mix(in lab, #fff 94%, oklch(56% 0.24 300deg));\n --violet-050: color-mix(in lab, #fff 90%, oklch(56% 0.24 300deg));\n --violet-100: color-mix(in lab, #fff 80%, oklch(56% 0.24 300deg));\n --violet-200: color-mix(in lab, #fff 60%, oklch(56% 0.24 300deg));\n --violet-300: color-mix(in lab, #fff 40%, oklch(56% 0.24 300deg));\n --violet-400: color-mix(in lab, #fff 20%, oklch(56% 0.24 300deg));\n --violet-500: oklch(56% 0.24 300deg);\n --violet-600: color-mix(in lab, #000 16%, oklch(56% 0.24 300deg));\n --violet-700: color-mix(in lab, #000 32%, oklch(56% 0.24 300deg));\n --violet-800: color-mix(in lab, #000 48%, oklch(56% 0.24 300deg));\n --violet-900: color-mix(in lab, #000 64%, oklch(56% 0.24 300deg));\n --violet-950: color-mix(in lab, #000 76%, oklch(56% 0.24 300deg));\n --violet-975: color-mix(in lab, #000 88%, oklch(56% 0.24 300deg));\n --purple-025: color-mix(in lab, #fff 94%, oklch(56% 0.24 320deg));\n --purple-050: color-mix(in lab, #fff 90%, oklch(56% 0.24 320deg));\n --purple-100: color-mix(in lab, #fff 80%, oklch(56% 0.24 320deg));\n --purple-200: color-mix(in lab, #fff 60%, oklch(56% 0.24 320deg));\n --purple-300: color-mix(in lab, #fff 40%, oklch(56% 0.24 320deg));\n --purple-400: color-mix(in lab, #fff 20%, oklch(56% 0.24 320deg));\n --purple-500: oklch(56% 0.24 320deg);\n --purple-600: color-mix(in lab, #000 16%, oklch(56% 0.24 320deg));\n --purple-700: color-mix(in lab, #000 32%, oklch(56% 0.24 320deg));\n --purple-800: color-mix(in lab, #000 48%, oklch(56% 0.24 320deg));\n --purple-900: color-mix(in lab, #000 64%, oklch(56% 0.24 320deg));\n --purple-950: color-mix(in lab, #000 76%, oklch(56% 0.24 320deg));\n --purple-975: color-mix(in lab, #000 88%, oklch(56% 0.24 320deg));\n --pink-025: color-mix(in lab, #fff 94%, oklch(60% 0.22 4deg));\n --pink-050: color-mix(in lab, #fff 90%, oklch(60% 0.22 4deg));\n --pink-100: color-mix(in lab, #fff 80%, oklch(60% 0.22 4deg));\n --pink-200: color-mix(in lab, #fff 60%, oklch(60% 0.22 4deg));\n --pink-300: color-mix(in lab, #fff 40%, oklch(60% 0.22 4deg));\n --pink-400: color-mix(in lab, #fff 20%, oklch(60% 0.22 4deg));\n --pink-500: oklch(60% 0.22 4deg);\n --pink-600: color-mix(in lab, #000 16%, oklch(60% 0.22 4deg));\n --pink-700: color-mix(in lab, #000 32%, oklch(60% 0.22 4deg));\n --pink-800: color-mix(in lab, #000 48%, oklch(60% 0.22 4deg));\n --pink-900: color-mix(in lab, #000 64%, oklch(60% 0.22 4deg));\n --pink-950: color-mix(in lab, #000 76%, oklch(60% 0.22 4deg));\n --pink-975: color-mix(in lab, #000 88%, oklch(60% 0.22 4deg));\n --red-025: color-mix(in lab, #fff 94%, oklch(60% 0.22 20deg));\n --red-050: color-mix(in lab, #fff 90%, oklch(60% 0.22 20deg));\n --red-100: color-mix(in lab, #fff 80%, oklch(60% 0.22 20deg));\n --red-200: color-mix(in lab, #fff 60%, oklch(60% 0.22 20deg));\n --red-300: color-mix(in lab, #fff 40%, oklch(60% 0.22 20deg));\n --red-400: color-mix(in lab, #fff 20%, oklch(60% 0.22 20deg));\n --red-500: oklch(60% 0.22 20deg);\n --red-600: color-mix(in lab, #000 16%, oklch(60% 0.22 20deg));\n --red-700: color-mix(in lab, #000 32%, oklch(60% 0.22 20deg));\n --red-800: color-mix(in lab, #000 48%, oklch(60% 0.22 20deg));\n --red-900: color-mix(in lab, #000 64%, oklch(60% 0.22 20deg));\n --red-950: color-mix(in lab, #000 76%, oklch(60% 0.22 20deg));\n --red-975: color-mix(in lab, #000 88%, oklch(60% 0.22 20deg));\n --orange-025: color-mix(in lab, #fff 94%, oklch(70% 0.22 52deg));\n --orange-050: color-mix(in lab, #fff 90%, oklch(70% 0.22 52deg));\n --orange-100: color-mix(in lab, #fff 80%, oklch(70% 0.22 52deg));\n --orange-200: color-mix(in lab, #fff 60%, oklch(70% 0.22 52deg));\n --orange-300: color-mix(in lab, #fff 40%, oklch(70% 0.22 52deg));\n --orange-400: color-mix(in lab, #fff 20%, oklch(70% 0.22 52deg));\n --orange-500: oklch(70% 0.22 52deg);\n --orange-600: color-mix(in lab, #000 16%, oklch(70% 0.22 52deg));\n --orange-700: color-mix(in lab, #000 32%, oklch(70% 0.22 52deg));\n --orange-800: color-mix(in lab, #000 48%, oklch(70% 0.22 52deg));\n --orange-900: color-mix(in lab, #000 64%, oklch(70% 0.22 52deg));\n --orange-950: color-mix(in lab, #000 76%, oklch(70% 0.22 52deg));\n --orange-975: color-mix(in lab, #000 88%, oklch(70% 0.22 52deg));\n --amber-025: color-mix(in lab, #fff 94%, oklch(79% 0.2 78deg));\n --amber-050: color-mix(in lab, #fff 90%, oklch(79% 0.2 78deg));\n --amber-100: color-mix(in lab, #fff 80%, oklch(79% 0.2 78deg));\n --amber-200: color-mix(in lab, #fff 60%, oklch(79% 0.2 78deg));\n --amber-300: color-mix(in lab, #fff 40%, oklch(79% 0.2 78deg));\n --amber-400: color-mix(in lab, #fff 20%, oklch(79% 0.2 78deg));\n --amber-500: oklch(79% 0.2 78deg);\n --amber-600: color-mix(in lab, #000 16%, oklch(79% 0.2 78deg));\n --amber-700: color-mix(in lab, #000 32%, oklch(79% 0.2 78deg));\n --amber-800: color-mix(in lab, #000 48%, oklch(79% 0.2 78deg));\n --amber-900: color-mix(in lab, #000 64%, oklch(79% 0.2 78deg));\n --amber-950: color-mix(in lab, #000 76%, oklch(79% 0.2 78deg));\n --amber-975: color-mix(in lab, #000 88%, oklch(79% 0.2 78deg));\n --yellow-025: color-mix(in lab, #fff 94%, oklch(88% 0.24 88deg));\n --yellow-050: color-mix(in lab, #fff 90%, oklch(88% 0.24 88deg));\n --yellow-100: color-mix(in lab, #fff 80%, oklch(88% 0.24 88deg));\n --yellow-200: color-mix(in lab, #fff 60%, oklch(88% 0.24 88deg));\n --yellow-300: color-mix(in lab, #fff 40%, oklch(88% 0.24 88deg));\n --yellow-400: color-mix(in lab, #fff 20%, oklch(88% 0.24 88deg));\n --yellow-500: oklch(88% 0.24 88deg);\n --yellow-600: color-mix(in lab, #000 16%, oklch(88% 0.24 88deg));\n --yellow-700: color-mix(in lab, #000 32%, oklch(88% 0.24 88deg));\n --yellow-800: color-mix(in lab, #000 48%, oklch(88% 0.24 88deg));\n --yellow-900: color-mix(in lab, #000 64%, oklch(88% 0.24 88deg));\n --yellow-950: color-mix(in lab, #000 76%, oklch(88% 0.24 88deg));\n --yellow-975: color-mix(in lab, #000 88%, oklch(88% 0.24 88deg));\n --lime-025: color-mix(in lab, #fff 94%, oklch(65% 0.24 135deg));\n --lime-050: color-mix(in lab, #fff 90%, oklch(65% 0.24 135deg));\n --lime-100: color-mix(in lab, #fff 80%, oklch(65% 0.24 135deg));\n --lime-200: color-mix(in lab, #fff 60%, oklch(65% 0.24 135deg));\n --lime-300: color-mix(in lab, #fff 40%, oklch(65% 0.24 135deg));\n --lime-400: color-mix(in lab, #fff 20%, oklch(65% 0.24 135deg));\n --lime-500: oklch(65% 0.24 135deg);\n --lime-600: color-mix(in lab, #000 16%, oklch(65% 0.24 135deg));\n --lime-700: color-mix(in lab, #000 32%, oklch(65% 0.24 135deg));\n --lime-800: color-mix(in lab, #000 48%, oklch(65% 0.24 135deg));\n --lime-900: color-mix(in lab, #000 64%, oklch(65% 0.24 135deg));\n --lime-950: color-mix(in lab, #000 76%, oklch(65% 0.24 135deg));\n --lime-975: color-mix(in lab, #000 88%, oklch(65% 0.24 135deg));\n --green-025: color-mix(in lab, #fff 94%, oklch(64% 0.22 160deg));\n --green-050: color-mix(in lab, #fff 90%, oklch(64% 0.22 160deg));\n --green-100: color-mix(in lab, #fff 80%, oklch(64% 0.22 160deg));\n --green-200: color-mix(in lab, #fff 60%, oklch(64% 0.22 160deg));\n --green-300: color-mix(in lab, #fff 40%, oklch(64% 0.22 160deg));\n --green-400: color-mix(in lab, #fff 20%, oklch(64% 0.22 160deg));\n --green-500: oklch(64% 0.22 160deg);\n --green-600: color-mix(in lab, #000 16%, oklch(64% 0.22 160deg));\n --green-700: color-mix(in lab, #000 32%, oklch(64% 0.22 160deg));\n --green-800: color-mix(in lab, #000 48%, oklch(64% 0.22 160deg));\n --green-900: color-mix(in lab, #000 64%, oklch(64% 0.22 160deg));\n --green-950: color-mix(in lab, #000 76%, oklch(64% 0.22 160deg));\n --green-975: color-mix(in lab, #000 88%, oklch(64% 0.22 160deg));\n --teal-025: color-mix(in lab, #fff 94%, oklch(68% 0.22 190deg));\n --teal-050: color-mix(in lab, #fff 90%, oklch(68% 0.22 190deg));\n --teal-100: color-mix(in lab, #fff 80%, oklch(68% 0.22 190deg));\n --teal-200: color-mix(in lab, #fff 60%, oklch(68% 0.22 190deg));\n --teal-300: color-mix(in lab, #fff 40%, oklch(68% 0.22 190deg));\n --teal-400: color-mix(in lab, #fff 20%, oklch(68% 0.22 190deg));\n --teal-500: oklch(68% 0.22 190deg);\n --teal-600: color-mix(in lab, #000 16%, oklch(68% 0.22 190deg));\n --teal-700: color-mix(in lab, #000 32%, oklch(68% 0.22 190deg));\n --teal-800: color-mix(in lab, #000 48%, oklch(68% 0.22 190deg));\n --teal-900: color-mix(in lab, #000 64%, oklch(68% 0.22 190deg));\n --teal-950: color-mix(in lab, #000 76%, oklch(68% 0.22 190deg));\n --teal-975: color-mix(in lab, #000 88%, oklch(68% 0.22 190deg));\n --cyan-025: color-mix(in lab, #fff 94%, oklch(69% 0.22 220deg));\n --cyan-050: color-mix(in lab, #fff 90%, oklch(69% 0.22 220deg));\n --cyan-100: color-mix(in lab, #fff 80%, oklch(69% 0.22 220deg));\n --cyan-200: color-mix(in lab, #fff 60%, oklch(69% 0.22 220deg));\n --cyan-300: color-mix(in lab, #fff 40%, oklch(69% 0.22 220deg));\n --cyan-400: color-mix(in lab, #fff 20%, oklch(69% 0.22 220deg));\n --cyan-500: oklch(69% 0.22 220deg);\n --cyan-600: color-mix(in lab, #000 16%, oklch(69% 0.22 220deg));\n --cyan-700: color-mix(in lab, #000 32%, oklch(69% 0.22 220deg));\n --cyan-800: color-mix(in lab, #000 48%, oklch(69% 0.22 220deg));\n --cyan-900: color-mix(in lab, #000 64%, oklch(69% 0.22 220deg));\n --cyan-950: color-mix(in lab, #000 76%, oklch(69% 0.22 220deg));\n --cyan-975: color-mix(in lab, #000 88%, oklch(69% 0.22 220deg));\n --brown-025: color-mix(in lab, #fff 94%, oklch(60% 0.12 54deg));\n --brown-050: color-mix(in lab, #fff 90%, oklch(60% 0.12 54deg));\n --brown-100: color-mix(in lab, #fff 80%, oklch(60% 0.12 54deg));\n --brown-200: color-mix(in lab, #fff 60%, oklch(60% 0.12 54deg));\n --brown-300: color-mix(in lab, #fff 40%, oklch(60% 0.12 54deg));\n --brown-400: color-mix(in lab, #fff 20%, oklch(60% 0.12 54deg));\n --brown-500: oklch(60% 0.12 54deg);\n --brown-600: color-mix(in lab, #000 16%, oklch(60% 0.12 54deg));\n --brown-700: color-mix(in lab, #000 32%, oklch(60% 0.12 54deg));\n --brown-800: color-mix(in lab, #000 48%, oklch(60% 0.12 54deg));\n --brown-900: color-mix(in lab, #000 64%, oklch(60% 0.12 54deg));\n --brown-950: color-mix(in lab, #000 76%, oklch(60% 0.12 54deg));\n --brown-975: color-mix(in lab, #000 88%, oklch(60% 0.12 54deg));\n --gray-025: color-mix(in lab, #fff 94%, oklch(60% 0.02 245deg));\n --gray-050: color-mix(in lab, #fff 90%, oklch(60% 0.02 245deg));\n --gray-100: color-mix(in lab, #fff 80%, oklch(60% 0.02 245deg));\n --gray-200: color-mix(in lab, #fff 60%, oklch(60% 0.02 245deg));\n --gray-300: color-mix(in lab, #fff 40%, oklch(60% 0.02 245deg));\n --gray-400: color-mix(in lab, #fff 20%, oklch(60% 0.02 245deg));\n --gray-500: oklch(60% 0.02 245deg);\n --gray-600: color-mix(in lab, #000 16%, oklch(60% 0.02 245deg));\n --gray-700: color-mix(in lab, #000 32%, oklch(60% 0.02 245deg));\n --gray-800: color-mix(in lab, #000 48%, oklch(60% 0.02 245deg));\n --gray-900: color-mix(in lab, #000 64%, oklch(60% 0.02 245deg));\n --gray-950: color-mix(in lab, #000 76%, oklch(60% 0.02 245deg));\n --gray-975: color-mix(in lab, #000 88%, oklch(60% 0.02 245deg));\n --pewter-025: color-mix(in lab, #fff 94%, oklch(65% 0.01 290deg));\n --pewter-050: color-mix(in lab, #fff 90%, oklch(65% 0.01 290deg));\n --pewter-100: color-mix(in lab, #fff 80%, oklch(65% 0.01 290deg));\n --pewter-200: color-mix(in lab, #fff 60%, oklch(65% 0.01 290deg));\n --pewter-300: color-mix(in lab, #fff 40%, oklch(65% 0.01 290deg));\n --pewter-400: color-mix(in lab, #fff 20%, oklch(65% 0.01 290deg));\n --pewter-500: oklch(65% 0.01 290deg);\n --pewter-600: color-mix(in lab, #000 16%, oklch(65% 0.01 290deg));\n --pewter-700: color-mix(in lab, #000 32%, oklch(65% 0.01 290deg));\n --pewter-800: color-mix(in lab, #000 48%, oklch(65% 0.01 290deg));\n --pewter-900: color-mix(in lab, #000 64%, oklch(65% 0.01 290deg));\n --pewter-950: color-mix(in lab, #000 76%, oklch(65% 0.01 290deg));\n --pewter-975: color-mix(in lab, #000 88%, oklch(65% 0.01 290deg));\n}\n\n.theme-primary {\n --theme-base: var(--primary-base);\n --theme-text: var(--primary-text);\n --theme-text-emphasis: var(--primary-text-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\n.theme-accent {\n --theme-base: var(--accent-base);\n --theme-text: var(--accent-text);\n --theme-text-emphasis: var(--accent-text-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\n.theme-success {\n --theme-base: var(--success-base);\n --theme-text: var(--success-text);\n --theme-text-emphasis: var(--success-text-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\n.theme-danger {\n --theme-base: var(--danger-base);\n --theme-text: var(--danger-text);\n --theme-text-emphasis: var(--danger-text-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\n.theme-warning {\n --theme-base: var(--warning-base);\n --theme-text: var(--warning-text);\n --theme-text-emphasis: var(--warning-text-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\n.theme-info {\n --theme-base: var(--info-base);\n --theme-text: var(--info-text);\n --theme-text-emphasis: var(--info-text-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\n.theme-inverse {\n --theme-base: var(--inverse-base);\n --theme-text: var(--inverse-text);\n --theme-text-emphasis: var(--inverse-text-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\n.theme-secondary {\n --theme-base: var(--secondary-base);\n --theme-text: var(--secondary-text);\n --theme-text-emphasis: var(--secondary-text-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 colors, theme, config, root, reboot, layout, content, forms, components, custom, helpers, utilities;\n:root {\n --black: #000;\n --white: #fff;\n --primary-base: var(--blue-500);\n --primary-text: light-dark(var(--blue-600), var(--blue-400));\n --primary-text-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: color-mix(in oklch, light-dark(var(--blue-500), var(--blue-400)) 50%, var(--bg-body));\n --primary-contrast: var(--white);\n --accent-base: var(--indigo-500);\n --accent-text: light-dark(var(--indigo-600), color-mix(in oklch, var(--indigo-400), var(--indigo-300)));\n --accent-text-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: color-mix(in oklch, light-dark(var(--indigo-500), var(--indigo-400)) 50%, var(--bg-body));\n --accent-contrast: var(--white);\n --success-base: var(--green-500);\n --success-text: light-dark(var(--green-600), var(--green-400));\n --success-text-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: color-mix(in oklch, light-dark(var(--green-500), var(--green-400)) 50%, var(--bg-body));\n --success-contrast: var(--white);\n --danger-base: var(--red-500);\n --danger-text: light-dark(var(--red-600), var(--red-400));\n --danger-text-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: color-mix(in oklch, light-dark(var(--red-500), var(--red-400)) 50%, var(--bg-body));\n --danger-contrast: var(--white);\n --warning-base: var(--yellow-500);\n --warning-text: light-dark(var(--yellow-700), var(--yellow-400));\n --warning-text-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: color-mix(in oklch, light-dark(var(--yellow-500), var(--yellow-400)) 50%, var(--bg-body));\n --warning-contrast: var(--gray-900);\n --info-base: var(--cyan-500);\n --info-text: light-dark(var(--cyan-600), var(--cyan-400));\n --info-text-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: color-mix(in oklch, light-dark(var(--cyan-500), var(--cyan-400)) 50%, var(--bg-body));\n --info-contrast: var(--gray-900);\n --inverse-base: var(--gray-900);\n --inverse-text: light-dark(var(--gray-900), var(--gray-200));\n --inverse-text-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-text: light-dark(var(--gray-600), var(--gray-400));\n --secondary-text-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 color-scheme: light dark;\n}\n\n:root,\n[data-bs-theme=light] {\n --font-sans-serif: system-ui, -apple-system, \"Segoe UI\", Roboto, \"Helvetica Neue\", \"Noto Sans\", \"Liberation Sans\", Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\";\n --font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace;\n --gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));\n --body-font-family: var(--font-sans-serif);\n --font-size-base: 14px;\n --font-size-xs: .75rem;\n --font-size-sm: .875rem;\n --font-size-md: 1rem;\n --font-size-lg: clamp(1.25rem, 1rem + .625vw, 1.5rem);\n --font-size-xl: clamp(1.5rem, 1.1rem + .75vw, 1.75rem);\n --font-size-2xl: clamp(1.75rem, 1.3rem + 1vw, 2rem);\n --font-size-3xl: clamp(2rem, 1.5rem + 1.875vw, 2.5rem);\n --font-size-4xl: clamp(2.25rem, 1.75rem + 2.5vw, 3rem);\n --font-size-5xl: clamp(3rem, 2rem + 5vw, 4rem);\n --font-size-6xl: clamp(3.75rem, 2.5rem + 6.25vw, 5rem);\n --line-height-xs: 1.5;\n --line-height-sm: 1.5;\n --line-height-md: 1.5;\n --line-height-lg: 1.5;\n --line-height-xl: calc(2.5 / 1.75);\n --line-height-2xl: calc(3 / 2.25);\n --line-height-3xl: 1.2;\n --line-height-4xl: 1.1;\n --line-height-5xl: 1.1;\n --line-height-6xl: 1;\n --body-font-size: 14px;\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-text));\n --link-decoration: underline;\n --link-hover-color: color-mix(in oklch, var(--link-color) 90%, #000);\n --code-color: var(--secondary-text);\n --highlight-color: var(--fg-body);\n --highlight-bg: light-dark(var(--yellow-100), var(--yellow-900));\n --border-width: 1px;\n --border-style: solid;\n --border-color: color-mix(in oklch, var(--gray-100), var(--gray-200));\n --border-color-translucent: color-mix(in oklch, var(--fg-body) 15%, transparent);\n --border-radius: 0.5rem;\n --border-radius-sm: 0.375rem;\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 --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 --form-valid-color: var(--success);\n --form-valid-border-color: var(--success);\n --form-invalid-color: var(--danger);\n --form-invalid-border-color: var(--danger);\n color-scheme: light;\n --root-font-size: 16px;\n}\n\n[data-bs-theme=dark] {\n --heading-color: inherit;\n --border-color: var(--gray-700);\n --form-valid-color: var(--green-300);\n --form-valid-border-color: var(--green-300);\n --form-invalid-color: var(--red-300);\n --form-invalid-border-color: var(--red-300);\n color-scheme: dark;\n}\n\n@layer reboot {\n *,\n *::before,\n *::after {\n box-sizing: border-box;\n }\n :root {\n font-size: var(--root-font-size);\n }\n @media (prefers-reduced-motion: no-preference) {\n :root {\n scroll-behavior: smooth;\n }\n }\n :root {\n accent-color: var(--primary-base);\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: rgba(0, 0, 0, 0);\n }\n hr {\n margin: 1rem 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 b,\n strong {\n font-weight: bolder;\n }\n small,\n .small {\n font-size: 0.875em;\n }\n mark,\n .mark {\n padding: 0.1875em;\n color: var(--highlight-color);\n background-color: var(--highlight-bg);\n }\n sub,\n sup {\n position: relative;\n 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-text, var(--link-color));\n text-decoration: var(--link-decoration);\n text-underline-offset: 0.2em;\n }\n a:hover {\n color: var(--theme-text-emphasis, var(--link-hover-color));\n text-decoration: var(--link-hover-decoration, var(--link-decoration));\n }\n a:not([href]):not([class]), a:not([href]):not([class]):hover {\n color: inherit;\n text-decoration: none;\n }\n pre,\n code,\n kbd,\n samp {\n font-family: var(--font-monospace);\n font-size: 1em;\n }\n pre {\n display: block;\n margin-top: 0;\n margin-bottom: 1rem;\n overflow: auto;\n font-size: 95%;\n }\n pre code {\n font-size: inherit;\n color: inherit;\n word-break: normal;\n }\n code {\n font-size: 95%;\n color: var(--code-color);\n word-wrap: break-word;\n }\n a > code {\n color: inherit;\n }\n kbd {\n padding: 0.1875rem 0.375rem;\n font-size: 95%;\n color: var(--bg-body);\n background-color: var(--fg-body);\n border-radius: 0.375rem;\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(--secondary-color);\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 button,\n select {\n text-transform: none;\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]):not([type=datetime-local]):not([type=month]):not([type=week]):not([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 ::-moz-focus-inner {\n padding: 0;\n border-style: none;\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-minute,\n ::-webkit-datetime-edit-hour-field,\n ::-webkit-datetime-edit-day-field,\n ::-webkit-datetime-edit-month-field,\n ::-webkit-datetime-edit-year-field {\n padding: 0;\n }\n ::-webkit-inner-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: 0.5rem;\n }\n .initialism {\n font-size: 0.875em;\n text-transform: uppercase;\n }\n .blockquote {\n margin-bottom: 1rem;\n font-size: 17.5px;\n }\n .blockquote > :last-child {\n margin-bottom: 0;\n }\n .blockquote-footer {\n margin-top: -1rem;\n margin-bottom: 1rem;\n font-size: 0.875em;\n color: var(--gray-600);\n }\n .blockquote-footer::before {\n content: \"— \";\n }\n}\n@layer content {\n .table {\n --table-color-type: initial;\n --table-bg-type: initial;\n --table-color-state: initial;\n --table-bg-state: initial;\n --table-color: var(--fg-body);\n --table-bg: var(--bg-body);\n --table-border-color: var(--border-color);\n --table-accent-bg: transparent;\n --table-striped-color: var(--fg-body);\n --table-striped-bg: color-mix(in srgb, var(--table-color) 5%, transparent);\n --table-active-color: var(--fg-body);\n --table-active-bg: color-mix(in srgb, var(--table-color) 10%, transparent);\n --table-hover-color: var(--fg-body);\n --table-hover-bg: color-mix(in srgb, var(--table-color) 7.5%, transparent);\n width: 100%;\n margin-bottom: 1rem;\n vertical-align: top;\n border-color: var(--theme-border, var(--table-border-color));\n }\n .table > :not(caption) > * > * {\n padding: 0.5rem 0.5rem;\n color: var(--table-color-state, var(--table-color-type, var(--theme-text, var(--table-color))));\n background-color: var(--theme-bg-subtle, var(--table-bg));\n border-block-end-width: var(--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(--border-width) * 2) solid currentcolor;\n }\n .caption-top {\n caption-side: top;\n }\n .table-sm > :not(caption) > * > * {\n padding: 0.25rem 0.25rem;\n }\n .table-bordered > :not(caption) > * {\n border-width: var(--border-width) 0;\n }\n .table-bordered > :not(caption) > * > * {\n border-width: 0 var(--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-text, var(--table-striped-color));\n --table-bg-type: color-mix(in srgb, var(--theme-text, var(--table-color)) 5%, transparent);\n }\n .table-striped-columns > :not(caption) > tr > :nth-child(even) {\n --table-color-type: var(--theme-text, var(--table-striped-color));\n --table-bg-type: color-mix(in srgb, var(--theme-text, var(--table-color)) 5%, transparent);\n }\n .table-active {\n --table-color-state: var(--theme-text, var(--table-active-color));\n --table-bg-state: color-mix(in srgb, var(--theme-text, var(--table-color)) 10%, transparent);\n }\n .table-hover > tbody > tr:hover > * {\n --table-color-state: var(--theme-text, var(--table-hover-color));\n --table-bg-state: color-mix(in srgb, var(--theme-text, var(--table-color)) 7.5%, transparent);\n }\n .table-responsive {\n overflow-x: auto;\n -webkit-overflow-scrolling: touch;\n }\n @media (width < 576px) {\n .table-responsive-sm {\n overflow-x: auto;\n -webkit-overflow-scrolling: touch;\n }\n }\n @media (width < 768px) {\n .table-responsive-md {\n overflow-x: auto;\n -webkit-overflow-scrolling: touch;\n }\n }\n @media (width < 1024px) {\n .table-responsive-lg {\n overflow-x: auto;\n -webkit-overflow-scrolling: touch;\n }\n }\n @media (width < 1280px) {\n .table-responsive-xl {\n overflow-x: auto;\n -webkit-overflow-scrolling: touch;\n }\n }\n @media (width < 1536px) {\n .table-responsive-2xl {\n overflow-x: auto;\n -webkit-overflow-scrolling: touch;\n }\n }\n}\n@layer content {\n .img-fluid {\n max-width: 100%;\n height: auto;\n }\n .img-thumbnail {\n padding: 0.25rem;\n background-color: var(--bg-body);\n border: var(--border-width) solid var(--border-color);\n border-radius: var(--border-radius);\n box-shadow: var(--box-shadow-sm);\n max-width: 100%;\n height: auto;\n }\n .figure {\n display: inline-block;\n }\n .figure-img {\n margin-bottom: 0.5rem;\n line-height: 1;\n }\n .figure-caption {\n font-size: 0.875em;\n color: var(--secondary-color);\n }\n}\n@layer content {\n .prose {\n --content-font-size: var(--font-size-sm);\n --content-gap: 20px;\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: 1.5;\n }\n @media (width >= 1024px) {\n .prose {\n --content-font-size: var(--font-size-md);\n --content-gap: 24px;\n }\n }\n .prose p,\n .prose ul,\n .prose ol,\n .prose dl,\n .prose pre,\n .prose table,\n .prose blockquote {\n margin-block: 0;\n }\n .prose :where(ul, ol):not([class]) li:not(:last-child) {\n margin-bottom: calc(var(--content-gap) / 4);\n }\n .prose li ul,\n .prose li ol {\n margin-top: calc(var(--content-gap) / 4);\n }\n .prose hr {\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 h1:not([class]),\n .prose h2:not([class]),\n .prose h3:not([class]),\n .prose h4:not([class]),\n .prose h5:not([class]),\n .prose h6:not([class]) {\n margin-top: 0;\n margin-bottom: calc(var(--content-gap) / -2);\n font-weight: 500;\n line-height: 1.25;\n }\n .prose h1:not([class]) code,\n .prose h2:not([class]) code,\n .prose h3:not([class]) code,\n .prose h4:not([class]) code,\n .prose h5:not([class]) code,\n .prose h6:not([class]) code {\n font-weight: 600;\n color: inherit;\n }\n .prose h1:not(:first-child),\n .prose h2:not(:first-child) {\n margin-top: calc(var(--content-gap) * 1.5);\n }\n .prose h3:not(:first-child),\n .prose h4:not(:first-child),\n .prose h5:not(:first-child),\n .prose h6:not(:first-child) {\n margin-top: calc(var(--content-gap) * 1.25);\n }\n .prose h1 {\n font-size: 2.25em;\n line-height: 1.1;\n }\n .prose h2 {\n font-size: 1.75em;\n }\n .prose h3 {\n font-size: 1.5em;\n }\n .prose h4 {\n font-size: 1.25em;\n }\n .prose h5 {\n font-size: 1.125em;\n }\n .prose h6 {\n font-size: 1em;\n }\n .prose a:not([class]) {\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 a:not([class]) {\n transition: none;\n }\n }\n .prose a:not([class]):hover {\n text-decoration-color: var(--link-hover-color);\n }\n .prose img {\n max-width: 100%;\n }\n .prose blockquote {\n padding-inline-start: calc(var(--content-gap) / 2);\n margin: 0;\n border-inline-start: 4px solid var(--border-color);\n }\n .prose table {\n width: 100%;\n border-spacing: 0;\n border-collapse: collapse;\n }\n .prose :where(table:not([class])) td,\n .prose :where(table:not([class])) th {\n padding: 6px 12px;\n text-align: inherit;\n border: 1px solid var(--border-color);\n }\n .prose dt {\n font-weight: 500;\n }\n .prose video,\n .prose img {\n max-width: 100%;\n }\n}\n@layer layout {\n .container,\n .container-fluid,\n .container-2xl,\n .container-xl,\n .container-lg,\n .container-md,\n .container-sm {\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 .container-sm, .container {\n max-width: 540px;\n }\n }\n @media (width >= 768px) {\n .container-md, .container-sm, .container {\n max-width: 720px;\n }\n }\n @media (width >= 1024px) {\n .container-lg, .container-md, .container-sm, .container {\n max-width: 960px;\n }\n }\n @media (width >= 1280px) {\n .container-xl, .container-lg, .container-md, .container-sm, .container {\n max-width: 1200px;\n }\n }\n @media (width >= 1536px) {\n .container-2xl, .container-xl, .container-lg, .container-md, .container-sm, .container {\n max-width: 1440px;\n }\n }\n}\n:root {\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}\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: 1rem;\n }\n .g-3,\n .gy-3 {\n --gutter-y: 1rem;\n }\n .g-4,\n .gx-4 {\n --gutter-x: 1.5rem;\n }\n .g-4,\n .gy-4 {\n --gutter-y: 1.5rem;\n }\n .g-5,\n .gx-5 {\n --gutter-x: 3rem;\n }\n .g-5,\n .gy-5 {\n --gutter-y: 3rem;\n }\n @media (width >= 576px) {\n .col-sm {\n flex: 1 0 0;\n }\n .row-cols-sm-auto > * {\n flex: 0 0 auto;\n width: auto;\n }\n .row-cols-sm-1 > * {\n flex: 0 0 auto;\n width: 100%;\n }\n .row-cols-sm-2 > * {\n flex: 0 0 auto;\n width: 50%;\n }\n .row-cols-sm-3 > * {\n flex: 0 0 auto;\n width: 33.3333333333%;\n }\n .row-cols-sm-4 > * {\n flex: 0 0 auto;\n width: 25%;\n }\n .row-cols-sm-5 > * {\n flex: 0 0 auto;\n width: 20%;\n }\n .row-cols-sm-6 > * {\n flex: 0 0 auto;\n width: 16.6666666667%;\n }\n .col-sm-auto {\n flex: 0 0 auto;\n width: auto;\n }\n .col-sm-1 {\n flex: 0 0 auto;\n width: 8.3333333333%;\n }\n .col-sm-2 {\n flex: 0 0 auto;\n width: 16.6666666667%;\n }\n .col-sm-3 {\n flex: 0 0 auto;\n width: 25%;\n }\n .col-sm-4 {\n flex: 0 0 auto;\n width: 33.3333333333%;\n }\n .col-sm-5 {\n flex: 0 0 auto;\n width: 41.6666666667%;\n }\n .col-sm-6 {\n flex: 0 0 auto;\n width: 50%;\n }\n .col-sm-7 {\n flex: 0 0 auto;\n width: 58.3333333333%;\n }\n .col-sm-8 {\n flex: 0 0 auto;\n width: 66.6666666667%;\n }\n .col-sm-9 {\n flex: 0 0 auto;\n width: 75%;\n }\n .col-sm-10 {\n flex: 0 0 auto;\n width: 83.3333333333%;\n }\n .col-sm-11 {\n flex: 0 0 auto;\n width: 91.6666666667%;\n }\n .col-sm-12 {\n flex: 0 0 auto;\n width: 100%;\n }\n .offset-sm-0 {\n margin-inline-start: 0;\n }\n .offset-sm-1 {\n margin-inline-start: 8.3333333333%;\n }\n .offset-sm-2 {\n margin-inline-start: 16.6666666667%;\n }\n .offset-sm-3 {\n margin-inline-start: 25%;\n }\n .offset-sm-4 {\n margin-inline-start: 33.3333333333%;\n }\n .offset-sm-5 {\n margin-inline-start: 41.6666666667%;\n }\n .offset-sm-6 {\n margin-inline-start: 50%;\n }\n .offset-sm-7 {\n margin-inline-start: 58.3333333333%;\n }\n .offset-sm-8 {\n margin-inline-start: 66.6666666667%;\n }\n .offset-sm-9 {\n margin-inline-start: 75%;\n }\n .offset-sm-10 {\n margin-inline-start: 83.3333333333%;\n }\n .offset-sm-11 {\n margin-inline-start: 91.6666666667%;\n }\n .g-sm-0,\n .gx-sm-0 {\n --gutter-x: 0;\n }\n .g-sm-0,\n .gy-sm-0 {\n --gutter-y: 0;\n }\n .g-sm-1,\n .gx-sm-1 {\n --gutter-x: 0.25rem;\n }\n .g-sm-1,\n .gy-sm-1 {\n --gutter-y: 0.25rem;\n }\n .g-sm-2,\n .gx-sm-2 {\n --gutter-x: 0.5rem;\n }\n .g-sm-2,\n .gy-sm-2 {\n --gutter-y: 0.5rem;\n }\n .g-sm-3,\n .gx-sm-3 {\n --gutter-x: 1rem;\n }\n .g-sm-3,\n .gy-sm-3 {\n --gutter-y: 1rem;\n }\n .g-sm-4,\n .gx-sm-4 {\n --gutter-x: 1.5rem;\n }\n .g-sm-4,\n .gy-sm-4 {\n --gutter-y: 1.5rem;\n }\n .g-sm-5,\n .gx-sm-5 {\n --gutter-x: 3rem;\n }\n .g-sm-5,\n .gy-sm-5 {\n --gutter-y: 3rem;\n }\n }\n @media (width >= 768px) {\n .col-md {\n flex: 1 0 0;\n }\n .row-cols-md-auto > * {\n flex: 0 0 auto;\n width: auto;\n }\n .row-cols-md-1 > * {\n flex: 0 0 auto;\n width: 100%;\n }\n .row-cols-md-2 > * {\n flex: 0 0 auto;\n width: 50%;\n }\n .row-cols-md-3 > * {\n flex: 0 0 auto;\n width: 33.3333333333%;\n }\n .row-cols-md-4 > * {\n flex: 0 0 auto;\n width: 25%;\n }\n .row-cols-md-5 > * {\n flex: 0 0 auto;\n width: 20%;\n }\n .row-cols-md-6 > * {\n flex: 0 0 auto;\n width: 16.6666666667%;\n }\n .col-md-auto {\n flex: 0 0 auto;\n width: auto;\n }\n .col-md-1 {\n flex: 0 0 auto;\n width: 8.3333333333%;\n }\n .col-md-2 {\n flex: 0 0 auto;\n width: 16.6666666667%;\n }\n .col-md-3 {\n flex: 0 0 auto;\n width: 25%;\n }\n .col-md-4 {\n flex: 0 0 auto;\n width: 33.3333333333%;\n }\n .col-md-5 {\n flex: 0 0 auto;\n width: 41.6666666667%;\n }\n .col-md-6 {\n flex: 0 0 auto;\n width: 50%;\n }\n .col-md-7 {\n flex: 0 0 auto;\n width: 58.3333333333%;\n }\n .col-md-8 {\n flex: 0 0 auto;\n width: 66.6666666667%;\n }\n .col-md-9 {\n flex: 0 0 auto;\n width: 75%;\n }\n .col-md-10 {\n flex: 0 0 auto;\n width: 83.3333333333%;\n }\n .col-md-11 {\n flex: 0 0 auto;\n width: 91.6666666667%;\n }\n .col-md-12 {\n flex: 0 0 auto;\n width: 100%;\n }\n .offset-md-0 {\n margin-inline-start: 0;\n }\n .offset-md-1 {\n margin-inline-start: 8.3333333333%;\n }\n .offset-md-2 {\n margin-inline-start: 16.6666666667%;\n }\n .offset-md-3 {\n margin-inline-start: 25%;\n }\n .offset-md-4 {\n margin-inline-start: 33.3333333333%;\n }\n .offset-md-5 {\n margin-inline-start: 41.6666666667%;\n }\n .offset-md-6 {\n margin-inline-start: 50%;\n }\n .offset-md-7 {\n margin-inline-start: 58.3333333333%;\n }\n .offset-md-8 {\n margin-inline-start: 66.6666666667%;\n }\n .offset-md-9 {\n margin-inline-start: 75%;\n }\n .offset-md-10 {\n margin-inline-start: 83.3333333333%;\n }\n .offset-md-11 {\n margin-inline-start: 91.6666666667%;\n }\n .g-md-0,\n .gx-md-0 {\n --gutter-x: 0;\n }\n .g-md-0,\n .gy-md-0 {\n --gutter-y: 0;\n }\n .g-md-1,\n .gx-md-1 {\n --gutter-x: 0.25rem;\n }\n .g-md-1,\n .gy-md-1 {\n --gutter-y: 0.25rem;\n }\n .g-md-2,\n .gx-md-2 {\n --gutter-x: 0.5rem;\n }\n .g-md-2,\n .gy-md-2 {\n --gutter-y: 0.5rem;\n }\n .g-md-3,\n .gx-md-3 {\n --gutter-x: 1rem;\n }\n .g-md-3,\n .gy-md-3 {\n --gutter-y: 1rem;\n }\n .g-md-4,\n .gx-md-4 {\n --gutter-x: 1.5rem;\n }\n .g-md-4,\n .gy-md-4 {\n --gutter-y: 1.5rem;\n }\n .g-md-5,\n .gx-md-5 {\n --gutter-x: 3rem;\n }\n .g-md-5,\n .gy-md-5 {\n --gutter-y: 3rem;\n }\n }\n @media (width >= 1024px) {\n .col-lg {\n flex: 1 0 0;\n }\n .row-cols-lg-auto > * {\n flex: 0 0 auto;\n width: auto;\n }\n .row-cols-lg-1 > * {\n flex: 0 0 auto;\n width: 100%;\n }\n .row-cols-lg-2 > * {\n flex: 0 0 auto;\n width: 50%;\n }\n .row-cols-lg-3 > * {\n flex: 0 0 auto;\n width: 33.3333333333%;\n }\n .row-cols-lg-4 > * {\n flex: 0 0 auto;\n width: 25%;\n }\n .row-cols-lg-5 > * {\n flex: 0 0 auto;\n width: 20%;\n }\n .row-cols-lg-6 > * {\n flex: 0 0 auto;\n width: 16.6666666667%;\n }\n .col-lg-auto {\n flex: 0 0 auto;\n width: auto;\n }\n .col-lg-1 {\n flex: 0 0 auto;\n width: 8.3333333333%;\n }\n .col-lg-2 {\n flex: 0 0 auto;\n width: 16.6666666667%;\n }\n .col-lg-3 {\n flex: 0 0 auto;\n width: 25%;\n }\n .col-lg-4 {\n flex: 0 0 auto;\n width: 33.3333333333%;\n }\n .col-lg-5 {\n flex: 0 0 auto;\n width: 41.6666666667%;\n }\n .col-lg-6 {\n flex: 0 0 auto;\n width: 50%;\n }\n .col-lg-7 {\n flex: 0 0 auto;\n width: 58.3333333333%;\n }\n .col-lg-8 {\n flex: 0 0 auto;\n width: 66.6666666667%;\n }\n .col-lg-9 {\n flex: 0 0 auto;\n width: 75%;\n }\n .col-lg-10 {\n flex: 0 0 auto;\n width: 83.3333333333%;\n }\n .col-lg-11 {\n flex: 0 0 auto;\n width: 91.6666666667%;\n }\n .col-lg-12 {\n flex: 0 0 auto;\n width: 100%;\n }\n .offset-lg-0 {\n margin-inline-start: 0;\n }\n .offset-lg-1 {\n margin-inline-start: 8.3333333333%;\n }\n .offset-lg-2 {\n margin-inline-start: 16.6666666667%;\n }\n .offset-lg-3 {\n margin-inline-start: 25%;\n }\n .offset-lg-4 {\n margin-inline-start: 33.3333333333%;\n }\n .offset-lg-5 {\n margin-inline-start: 41.6666666667%;\n }\n .offset-lg-6 {\n margin-inline-start: 50%;\n }\n .offset-lg-7 {\n margin-inline-start: 58.3333333333%;\n }\n .offset-lg-8 {\n margin-inline-start: 66.6666666667%;\n }\n .offset-lg-9 {\n margin-inline-start: 75%;\n }\n .offset-lg-10 {\n margin-inline-start: 83.3333333333%;\n }\n .offset-lg-11 {\n margin-inline-start: 91.6666666667%;\n }\n .g-lg-0,\n .gx-lg-0 {\n --gutter-x: 0;\n }\n .g-lg-0,\n .gy-lg-0 {\n --gutter-y: 0;\n }\n .g-lg-1,\n .gx-lg-1 {\n --gutter-x: 0.25rem;\n }\n .g-lg-1,\n .gy-lg-1 {\n --gutter-y: 0.25rem;\n }\n .g-lg-2,\n .gx-lg-2 {\n --gutter-x: 0.5rem;\n }\n .g-lg-2,\n .gy-lg-2 {\n --gutter-y: 0.5rem;\n }\n .g-lg-3,\n .gx-lg-3 {\n --gutter-x: 1rem;\n }\n .g-lg-3,\n .gy-lg-3 {\n --gutter-y: 1rem;\n }\n .g-lg-4,\n .gx-lg-4 {\n --gutter-x: 1.5rem;\n }\n .g-lg-4,\n .gy-lg-4 {\n --gutter-y: 1.5rem;\n }\n .g-lg-5,\n .gx-lg-5 {\n --gutter-x: 3rem;\n }\n .g-lg-5,\n .gy-lg-5 {\n --gutter-y: 3rem;\n }\n }\n @media (width >= 1280px) {\n .col-xl {\n flex: 1 0 0;\n }\n .row-cols-xl-auto > * {\n flex: 0 0 auto;\n width: auto;\n }\n .row-cols-xl-1 > * {\n flex: 0 0 auto;\n width: 100%;\n }\n .row-cols-xl-2 > * {\n flex: 0 0 auto;\n width: 50%;\n }\n .row-cols-xl-3 > * {\n flex: 0 0 auto;\n width: 33.3333333333%;\n }\n .row-cols-xl-4 > * {\n flex: 0 0 auto;\n width: 25%;\n }\n .row-cols-xl-5 > * {\n flex: 0 0 auto;\n width: 20%;\n }\n .row-cols-xl-6 > * {\n flex: 0 0 auto;\n width: 16.6666666667%;\n }\n .col-xl-auto {\n flex: 0 0 auto;\n width: auto;\n }\n .col-xl-1 {\n flex: 0 0 auto;\n width: 8.3333333333%;\n }\n .col-xl-2 {\n flex: 0 0 auto;\n width: 16.6666666667%;\n }\n .col-xl-3 {\n flex: 0 0 auto;\n width: 25%;\n }\n .col-xl-4 {\n flex: 0 0 auto;\n width: 33.3333333333%;\n }\n .col-xl-5 {\n flex: 0 0 auto;\n width: 41.6666666667%;\n }\n .col-xl-6 {\n flex: 0 0 auto;\n width: 50%;\n }\n .col-xl-7 {\n flex: 0 0 auto;\n width: 58.3333333333%;\n }\n .col-xl-8 {\n flex: 0 0 auto;\n width: 66.6666666667%;\n }\n .col-xl-9 {\n flex: 0 0 auto;\n width: 75%;\n }\n .col-xl-10 {\n flex: 0 0 auto;\n width: 83.3333333333%;\n }\n .col-xl-11 {\n flex: 0 0 auto;\n width: 91.6666666667%;\n }\n .col-xl-12 {\n flex: 0 0 auto;\n width: 100%;\n }\n .offset-xl-0 {\n margin-inline-start: 0;\n }\n .offset-xl-1 {\n margin-inline-start: 8.3333333333%;\n }\n .offset-xl-2 {\n margin-inline-start: 16.6666666667%;\n }\n .offset-xl-3 {\n margin-inline-start: 25%;\n }\n .offset-xl-4 {\n margin-inline-start: 33.3333333333%;\n }\n .offset-xl-5 {\n margin-inline-start: 41.6666666667%;\n }\n .offset-xl-6 {\n margin-inline-start: 50%;\n }\n .offset-xl-7 {\n margin-inline-start: 58.3333333333%;\n }\n .offset-xl-8 {\n margin-inline-start: 66.6666666667%;\n }\n .offset-xl-9 {\n margin-inline-start: 75%;\n }\n .offset-xl-10 {\n margin-inline-start: 83.3333333333%;\n }\n .offset-xl-11 {\n margin-inline-start: 91.6666666667%;\n }\n .g-xl-0,\n .gx-xl-0 {\n --gutter-x: 0;\n }\n .g-xl-0,\n .gy-xl-0 {\n --gutter-y: 0;\n }\n .g-xl-1,\n .gx-xl-1 {\n --gutter-x: 0.25rem;\n }\n .g-xl-1,\n .gy-xl-1 {\n --gutter-y: 0.25rem;\n }\n .g-xl-2,\n .gx-xl-2 {\n --gutter-x: 0.5rem;\n }\n .g-xl-2,\n .gy-xl-2 {\n --gutter-y: 0.5rem;\n }\n .g-xl-3,\n .gx-xl-3 {\n --gutter-x: 1rem;\n }\n .g-xl-3,\n .gy-xl-3 {\n --gutter-y: 1rem;\n }\n .g-xl-4,\n .gx-xl-4 {\n --gutter-x: 1.5rem;\n }\n .g-xl-4,\n .gy-xl-4 {\n --gutter-y: 1.5rem;\n }\n .g-xl-5,\n .gx-xl-5 {\n --gutter-x: 3rem;\n }\n .g-xl-5,\n .gy-xl-5 {\n --gutter-y: 3rem;\n }\n }\n @media (width >= 1536px) {\n .col-2xl {\n flex: 1 0 0;\n }\n .row-cols-2xl-auto > * {\n flex: 0 0 auto;\n width: auto;\n }\n .row-cols-2xl-1 > * {\n flex: 0 0 auto;\n width: 100%;\n }\n .row-cols-2xl-2 > * {\n flex: 0 0 auto;\n width: 50%;\n }\n .row-cols-2xl-3 > * {\n flex: 0 0 auto;\n width: 33.3333333333%;\n }\n .row-cols-2xl-4 > * {\n flex: 0 0 auto;\n width: 25%;\n }\n .row-cols-2xl-5 > * {\n flex: 0 0 auto;\n width: 20%;\n }\n .row-cols-2xl-6 > * {\n flex: 0 0 auto;\n width: 16.6666666667%;\n }\n .col-2xl-auto {\n flex: 0 0 auto;\n width: auto;\n }\n .col-2xl-1 {\n flex: 0 0 auto;\n width: 8.3333333333%;\n }\n .col-2xl-2 {\n flex: 0 0 auto;\n width: 16.6666666667%;\n }\n .col-2xl-3 {\n flex: 0 0 auto;\n width: 25%;\n }\n .col-2xl-4 {\n flex: 0 0 auto;\n width: 33.3333333333%;\n }\n .col-2xl-5 {\n flex: 0 0 auto;\n width: 41.6666666667%;\n }\n .col-2xl-6 {\n flex: 0 0 auto;\n width: 50%;\n }\n .col-2xl-7 {\n flex: 0 0 auto;\n width: 58.3333333333%;\n }\n .col-2xl-8 {\n flex: 0 0 auto;\n width: 66.6666666667%;\n }\n .col-2xl-9 {\n flex: 0 0 auto;\n width: 75%;\n }\n .col-2xl-10 {\n flex: 0 0 auto;\n width: 83.3333333333%;\n }\n .col-2xl-11 {\n flex: 0 0 auto;\n width: 91.6666666667%;\n }\n .col-2xl-12 {\n flex: 0 0 auto;\n width: 100%;\n }\n .offset-2xl-0 {\n margin-inline-start: 0;\n }\n .offset-2xl-1 {\n margin-inline-start: 8.3333333333%;\n }\n .offset-2xl-2 {\n margin-inline-start: 16.6666666667%;\n }\n .offset-2xl-3 {\n margin-inline-start: 25%;\n }\n .offset-2xl-4 {\n margin-inline-start: 33.3333333333%;\n }\n .offset-2xl-5 {\n margin-inline-start: 41.6666666667%;\n }\n .offset-2xl-6 {\n margin-inline-start: 50%;\n }\n .offset-2xl-7 {\n margin-inline-start: 58.3333333333%;\n }\n .offset-2xl-8 {\n margin-inline-start: 66.6666666667%;\n }\n .offset-2xl-9 {\n margin-inline-start: 75%;\n }\n .offset-2xl-10 {\n margin-inline-start: 83.3333333333%;\n }\n .offset-2xl-11 {\n margin-inline-start: 91.6666666667%;\n }\n .g-2xl-0,\n .gx-2xl-0 {\n --gutter-x: 0;\n }\n .g-2xl-0,\n .gy-2xl-0 {\n --gutter-y: 0;\n }\n .g-2xl-1,\n .gx-2xl-1 {\n --gutter-x: 0.25rem;\n }\n .g-2xl-1,\n .gy-2xl-1 {\n --gutter-y: 0.25rem;\n }\n .g-2xl-2,\n .gx-2xl-2 {\n --gutter-x: 0.5rem;\n }\n .g-2xl-2,\n .gy-2xl-2 {\n --gutter-y: 0.5rem;\n }\n .g-2xl-3,\n .gx-2xl-3 {\n --gutter-x: 1rem;\n }\n .g-2xl-3,\n .gy-2xl-3 {\n --gutter-y: 1rem;\n }\n .g-2xl-4,\n .gx-2xl-4 {\n --gutter-x: 1.5rem;\n }\n .g-2xl-4,\n .gy-2xl-4 {\n --gutter-y: 1.5rem;\n }\n .g-2xl-5,\n .gx-2xl-5 {\n --gutter-x: 3rem;\n }\n .g-2xl-5,\n .gy-2xl-5 {\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 .g-col-sm-1 {\n grid-column: auto/span 1;\n }\n .g-col-sm-2 {\n grid-column: auto/span 2;\n }\n .g-col-sm-3 {\n grid-column: auto/span 3;\n }\n .g-col-sm-4 {\n grid-column: auto/span 4;\n }\n .g-col-sm-5 {\n grid-column: auto/span 5;\n }\n .g-col-sm-6 {\n grid-column: auto/span 6;\n }\n .g-col-sm-7 {\n grid-column: auto/span 7;\n }\n .g-col-sm-8 {\n grid-column: auto/span 8;\n }\n .g-col-sm-9 {\n grid-column: auto/span 9;\n }\n .g-col-sm-10 {\n grid-column: auto/span 10;\n }\n .g-col-sm-11 {\n grid-column: auto/span 11;\n }\n .g-col-sm-12 {\n grid-column: auto/span 12;\n }\n .g-start-sm-1 {\n grid-column-start: 1;\n }\n .g-start-sm-2 {\n grid-column-start: 2;\n }\n .g-start-sm-3 {\n grid-column-start: 3;\n }\n .g-start-sm-4 {\n grid-column-start: 4;\n }\n .g-start-sm-5 {\n grid-column-start: 5;\n }\n .g-start-sm-6 {\n grid-column-start: 6;\n }\n .g-start-sm-7 {\n grid-column-start: 7;\n }\n .g-start-sm-8 {\n grid-column-start: 8;\n }\n .g-start-sm-9 {\n grid-column-start: 9;\n }\n .g-start-sm-10 {\n grid-column-start: 10;\n }\n .g-start-sm-11 {\n grid-column-start: 11;\n }\n }\n @media (width >= 768px) {\n .g-col-md-1 {\n grid-column: auto/span 1;\n }\n .g-col-md-2 {\n grid-column: auto/span 2;\n }\n .g-col-md-3 {\n grid-column: auto/span 3;\n }\n .g-col-md-4 {\n grid-column: auto/span 4;\n }\n .g-col-md-5 {\n grid-column: auto/span 5;\n }\n .g-col-md-6 {\n grid-column: auto/span 6;\n }\n .g-col-md-7 {\n grid-column: auto/span 7;\n }\n .g-col-md-8 {\n grid-column: auto/span 8;\n }\n .g-col-md-9 {\n grid-column: auto/span 9;\n }\n .g-col-md-10 {\n grid-column: auto/span 10;\n }\n .g-col-md-11 {\n grid-column: auto/span 11;\n }\n .g-col-md-12 {\n grid-column: auto/span 12;\n }\n .g-start-md-1 {\n grid-column-start: 1;\n }\n .g-start-md-2 {\n grid-column-start: 2;\n }\n .g-start-md-3 {\n grid-column-start: 3;\n }\n .g-start-md-4 {\n grid-column-start: 4;\n }\n .g-start-md-5 {\n grid-column-start: 5;\n }\n .g-start-md-6 {\n grid-column-start: 6;\n }\n .g-start-md-7 {\n grid-column-start: 7;\n }\n .g-start-md-8 {\n grid-column-start: 8;\n }\n .g-start-md-9 {\n grid-column-start: 9;\n }\n .g-start-md-10 {\n grid-column-start: 10;\n }\n .g-start-md-11 {\n grid-column-start: 11;\n }\n }\n @media (width >= 1024px) {\n .g-col-lg-1 {\n grid-column: auto/span 1;\n }\n .g-col-lg-2 {\n grid-column: auto/span 2;\n }\n .g-col-lg-3 {\n grid-column: auto/span 3;\n }\n .g-col-lg-4 {\n grid-column: auto/span 4;\n }\n .g-col-lg-5 {\n grid-column: auto/span 5;\n }\n .g-col-lg-6 {\n grid-column: auto/span 6;\n }\n .g-col-lg-7 {\n grid-column: auto/span 7;\n }\n .g-col-lg-8 {\n grid-column: auto/span 8;\n }\n .g-col-lg-9 {\n grid-column: auto/span 9;\n }\n .g-col-lg-10 {\n grid-column: auto/span 10;\n }\n .g-col-lg-11 {\n grid-column: auto/span 11;\n }\n .g-col-lg-12 {\n grid-column: auto/span 12;\n }\n .g-start-lg-1 {\n grid-column-start: 1;\n }\n .g-start-lg-2 {\n grid-column-start: 2;\n }\n .g-start-lg-3 {\n grid-column-start: 3;\n }\n .g-start-lg-4 {\n grid-column-start: 4;\n }\n .g-start-lg-5 {\n grid-column-start: 5;\n }\n .g-start-lg-6 {\n grid-column-start: 6;\n }\n .g-start-lg-7 {\n grid-column-start: 7;\n }\n .g-start-lg-8 {\n grid-column-start: 8;\n }\n .g-start-lg-9 {\n grid-column-start: 9;\n }\n .g-start-lg-10 {\n grid-column-start: 10;\n }\n .g-start-lg-11 {\n grid-column-start: 11;\n }\n }\n @media (width >= 1280px) {\n .g-col-xl-1 {\n grid-column: auto/span 1;\n }\n .g-col-xl-2 {\n grid-column: auto/span 2;\n }\n .g-col-xl-3 {\n grid-column: auto/span 3;\n }\n .g-col-xl-4 {\n grid-column: auto/span 4;\n }\n .g-col-xl-5 {\n grid-column: auto/span 5;\n }\n .g-col-xl-6 {\n grid-column: auto/span 6;\n }\n .g-col-xl-7 {\n grid-column: auto/span 7;\n }\n .g-col-xl-8 {\n grid-column: auto/span 8;\n }\n .g-col-xl-9 {\n grid-column: auto/span 9;\n }\n .g-col-xl-10 {\n grid-column: auto/span 10;\n }\n .g-col-xl-11 {\n grid-column: auto/span 11;\n }\n .g-col-xl-12 {\n grid-column: auto/span 12;\n }\n .g-start-xl-1 {\n grid-column-start: 1;\n }\n .g-start-xl-2 {\n grid-column-start: 2;\n }\n .g-start-xl-3 {\n grid-column-start: 3;\n }\n .g-start-xl-4 {\n grid-column-start: 4;\n }\n .g-start-xl-5 {\n grid-column-start: 5;\n }\n .g-start-xl-6 {\n grid-column-start: 6;\n }\n .g-start-xl-7 {\n grid-column-start: 7;\n }\n .g-start-xl-8 {\n grid-column-start: 8;\n }\n .g-start-xl-9 {\n grid-column-start: 9;\n }\n .g-start-xl-10 {\n grid-column-start: 10;\n }\n .g-start-xl-11 {\n grid-column-start: 11;\n }\n }\n @media (width >= 1536px) {\n .g-col-2xl-1 {\n grid-column: auto/span 1;\n }\n .g-col-2xl-2 {\n grid-column: auto/span 2;\n }\n .g-col-2xl-3 {\n grid-column: auto/span 3;\n }\n .g-col-2xl-4 {\n grid-column: auto/span 4;\n }\n .g-col-2xl-5 {\n grid-column: auto/span 5;\n }\n .g-col-2xl-6 {\n grid-column: auto/span 6;\n }\n .g-col-2xl-7 {\n grid-column: auto/span 7;\n }\n .g-col-2xl-8 {\n grid-column: auto/span 8;\n }\n .g-col-2xl-9 {\n grid-column: auto/span 9;\n }\n .g-col-2xl-10 {\n grid-column: auto/span 10;\n }\n .g-col-2xl-11 {\n grid-column: auto/span 11;\n }\n .g-col-2xl-12 {\n grid-column: auto/span 12;\n }\n .g-start-2xl-1 {\n grid-column-start: 1;\n }\n .g-start-2xl-2 {\n grid-column-start: 2;\n }\n .g-start-2xl-3 {\n grid-column-start: 3;\n }\n .g-start-2xl-4 {\n grid-column-start: 4;\n }\n .g-start-2xl-5 {\n grid-column-start: 5;\n }\n .g-start-2xl-6 {\n grid-column-start: 6;\n }\n .g-start-2xl-7 {\n grid-column-start: 7;\n }\n .g-start-2xl-8 {\n grid-column-start: 8;\n }\n .g-start-2xl-9 {\n grid-column-start: 9;\n }\n .g-start-2xl-10 {\n grid-column-start: 10;\n }\n .g-start-2xl-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 margin-bottom: 0.5rem;\n }\n .col-form-label {\n padding-top: add(0.375rem, var(--border-width));\n padding-bottom: add(0.375rem, var(--border-width));\n margin-bottom: 0;\n font-size: inherit;\n line-height: 1.5;\n }\n .col-form-label-lg {\n padding-top: add(0.5rem, var(--border-width));\n padding-bottom: add(0.5rem, var(--border-width));\n font-size: 17.5px;\n }\n .col-form-label-sm {\n padding-top: add(0.25rem, var(--border-width));\n padding-bottom: add(0.25rem, var(--border-width));\n font-size: 12.25px;\n }\n}\n@layer forms {\n .form-text {\n margin-top: 0.25rem;\n font-size: 0.875em;\n color: var(--secondary-color);\n }\n}\n@layer forms {\n .form-control {\n --control-min-height: 2.5rem;\n --control-padding-y: 0.375rem;\n --control-padding-x: 0.75rem;\n --control-font-size: 14px;\n --control-line-height: 1.5;\n --control-color: var(--fg-body);\n --control-bg: var(--bg-body);\n --control-border-width: var(--border-width);\n --control-border-color: var(--border-color);\n --control-border-radius: var(--border-radius);\n --control-select-bg-color: var(--gray-600);\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='var%28--gray-600%29' 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 display: block;\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-color);\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(--box-shadow-inset);\n transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;\n }\n @media (prefers-reduced-motion: reduce) {\n .form-control {\n transition: none;\n }\n }\n .form-control[type=file] {\n overflow: hidden;\n }\n .form-control[type=file]:not(:disabled):not([readonly]) {\n cursor: pointer;\n }\n .form-control:focus-visible {\n --focus-ring-offset: -1px;\n color: var(--fg-body);\n background-color: var(--bg-body);\n border-color: var(--primary-border);\n outline: var(--focus-ring);\n outline-offset: var(--focus-ring-offset);\n }\n .form-control::-webkit-date-and-time-value {\n min-width: 85px;\n height: 1.5em;\n margin: 0;\n }\n .form-control::-webkit-datetime-edit {\n display: block;\n padding: 0;\n }\n .form-control::placeholder {\n color: var(--secondary-color);\n opacity: 1;\n }\n .form-control:disabled {\n background-color: var(--secondary-bg);\n opacity: 1;\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(--fg-body);\n background-color: var(--tertiary-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;\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 .form-control::file-selector-button {\n transition: none;\n }\n }\n .form-control:hover:not(:disabled):not([readonly])::file-selector-button {\n background-color: var(--secondary-bg);\n }\n .form-control-plaintext {\n display: block;\n width: 100%;\n padding: 0.375rem 0;\n margin-bottom: 0;\n line-height: 1.5;\n color: var(--fg-body);\n background-color: transparent;\n border: solid transparent;\n border-width: var(--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 select.form-control [data-bs-theme=dark] {\n --control-select-indicator: url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e\");\n }\n .form-control-sm {\n --control-min-height: 2rem;\n --control-padding-y: 0.25rem;\n --control-padding-x: 0.5rem;\n --control-font-size: 12.25px;\n --control-line-height: 1.25;\n --control-border-radius: var(--border-radius-sm);\n }\n .form-control-lg {\n --control-min-height: 3rem;\n --control-padding-y: 0.5rem;\n --control-padding-x: 1rem;\n --control-font-size: 17.5px;\n --control-line-height: 2;\n --control-border-radius: var(--border-radius-lg);\n }\n .form-control-color {\n width: 3rem;\n height: 2.5rem;\n padding: 0.375rem;\n }\n .form-control-color:not(:disabled):not([readonly]) {\n cursor: pointer;\n }\n .form-control-color::-moz-color-swatch {\n border: 0 !important;\n border-radius: var(--border-radius);\n }\n .form-control-color::-webkit-color-swatch {\n border: 0 !important;\n border-radius: var(--border-radius);\n }\n .form-control-color.form-control-sm {\n height: 2rem;\n }\n .form-control-color.form-control-lg {\n height: 3rem;\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 b-checkgroup {\n display: flex;\n gap: var(--gap, 0.5rem);\n align-items: var(--align-items, start);\n }\n b-checkgroup .description {\n color: var(--secondary-text);\n }\n .check {\n --check-bg: transparent;\n --check-border-color: var(--border-color);\n --check-checked-bg: var(--primary-base);\n --check-checked-border-color: var(--primary-base);\n --check-indeterminate-bg: var(--primary-base);\n --check-indeterminate-border-color: var(--primary-base);\n --check-disabled-bg: var(--bg-3);\n --check-disabled-opacity: 0.65;\n display: grid;\n grid-template-columns: repeat(1, minmax(0, 1fr));\n margin-block: 0.125rem;\n }\n .check :where(svg, input) {\n flex-shrink: 0;\n grid-row-start: 1;\n grid-column-start: 1;\n width: 1rem;\n height: 1rem;\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.25em;\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(--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(--secondary-text);\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}\n@layer forms {\n b-radiogroup {\n display: flex;\n gap: var(--gap, 0.5rem);\n align-items: var(--align-items, start);\n }\n b-radiogroup .description {\n color: var(--secondary-text);\n }\n .radio {\n --radio-bg: transparent;\n --radio-border-color: var(--border-color);\n --radio-checked-bg: var(--primary-base);\n --radio-checked-border-color: var(--primary-base);\n --radio-disabled-bg: var(--bg-3);\n --radio-disabled-opacity: 0.65;\n position: relative;\n flex-shrink: 0;\n width: 1rem;\n height: 1rem;\n margin-block: 0.125rem;\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-text);\n cursor: default;\n }\n .radio:focus-visible {\n outline: var(--focus-ring);\n outline-offset: var(--focus-ring-offset);\n }\n}\n@layer forms {\n .switch {\n --switch-height: 1.25rem;\n --switch-width: calc(var(--switch-height) * 1.5);\n --switch-padding: .0625rem;\n --switch-bg: var(--secondary-bg);\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(--primary-base);\n --switch-checked-border-color: var(--switch-checked-bg);\n --switch-checked-indicator-bg: var(--white);\n --switch-disabled-bg: var(--secondary-bg);\n --switch-disabled-indicator-bg: var(--secondary-text);\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 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(--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-text);\n cursor: default;\n }\n .switch-sm {\n --switch-height: 1em;\n }\n .switch-lg {\n --switch-height: 2em;\n }\n}\n@layer forms {\n .form-range {\n width: 100%;\n height: calc(1rem + var(--focus-ring-width) * 2);\n padding: 0;\n appearance: none;\n background-color: transparent;\n }\n .form-range:focus {\n outline: 0;\n }\n .form-range:focus::-webkit-slider-thumb {\n outline: var(--focus-ring);\n outline-offset: var(--focus-ring-offset);\n --focus-ring-offset: 1px;\n }\n .form-range:focus::-moz-range-thumb {\n outline: var(--focus-ring);\n outline-offset: var(--focus-ring-offset);\n --focus-ring-offset: 1px;\n }\n .form-range::-moz-focus-outer {\n border: 0;\n }\n .form-range::-webkit-slider-thumb {\n width: 1rem;\n height: 1rem;\n margin-top: -0.25rem;\n appearance: none;\n background-color: var(--primary-bg);\n border: 0;\n border-radius: 1rem;\n box-shadow: 0 0.1rem 0.25rem rgba(0, 0, 0, 0.1);\n transition: 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 .form-range::-webkit-slider-thumb {\n transition: none;\n }\n }\n .form-range::-webkit-slider-thumb:active {\n background-color: tint-color(var(--primary-bg), 70%);\n }\n .form-range::-webkit-slider-runnable-track {\n width: 100%;\n height: 0.5rem;\n color: transparent;\n cursor: pointer;\n background-color: var(--secondary-bg);\n border-color: transparent;\n border-radius: 1rem;\n box-shadow: var(--box-shadow-inset);\n }\n .form-range::-moz-range-thumb {\n width: 1rem;\n height: 1rem;\n appearance: none;\n background-color: var(--primary-bg);\n border: 0;\n border-radius: 1rem;\n box-shadow: 0 0.1rem 0.25rem rgba(0, 0, 0, 0.1);\n transition: 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 .form-range::-moz-range-thumb {\n transition: none;\n }\n }\n .form-range::-moz-range-thumb:active {\n background-color: tint-color(var(--primary-bg), 70%);\n }\n .form-range::-moz-range-track {\n width: 100%;\n height: 0.5rem;\n color: transparent;\n cursor: pointer;\n background-color: var(--secondary-bg);\n border-color: transparent;\n border-radius: 1rem;\n box-shadow: var(--box-shadow-inset);\n }\n .form-range:disabled {\n pointer-events: none;\n }\n .form-range:disabled::-webkit-slider-thumb {\n background-color: var(--secondary-color);\n }\n .form-range:disabled::-moz-range-thumb {\n background-color: var(--secondary-color);\n }\n}\n@layer forms {\n .form-floating {\n position: relative;\n }\n .form-floating > .form-control,\n .form-floating > .form-control-plaintext,\n .form-floating > .form-select {\n height: calc(3.5rem + calc(var(--border-width) * 2));\n min-height: calc(3.5rem + calc(var(--border-width) * 2));\n line-height: 1.25;\n }\n .form-floating > label {\n position: absolute;\n inset-block-start: 0;\n inset-inline-start: 0;\n z-index: 2;\n max-width: 100%;\n height: 100%;\n padding: 1rem 0.75rem;\n overflow: hidden;\n color: color-mix(in oklch, var(--body-color) 65%, transparent);\n text-align: start;\n text-overflow: ellipsis;\n white-space: nowrap;\n pointer-events: none;\n border: var(--border-width) solid transparent;\n transform-origin: 0 0;\n transition: opacity 0.1s ease-in-out, transform 0.1s ease-in-out;\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 padding: 1rem 0.75rem;\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: 1.625rem;\n padding-bottom: 0.625rem;\n }\n .form-floating > .form-control:-webkit-autofill,\n .form-floating > .form-control-plaintext:-webkit-autofill {\n padding-top: 1.625rem;\n padding-bottom: 0.625rem;\n }\n .form-floating > .form-select {\n padding-inline-start: 0.75rem;\n padding-top: 1.625rem;\n padding-bottom: 0.625rem;\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 .form-floating > .form-select ~ label {\n transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);\n }\n .form-floating > .form-control:-webkit-autofill ~ label {\n transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);\n }\n .form-floating > textarea:focus ~ label::after,\n .form-floating > textarea:not(:placeholder-shown) ~ label::after {\n position: absolute;\n inset: 1rem 0.375rem;\n z-index: -1;\n height: 1.5em;\n content: \"\";\n background-color: var(--bg-body);\n border-radius: var(--border-radius);\n }\n .form-floating > textarea:disabled ~ label::after {\n background-color: var(--secondary-bg);\n }\n .form-floating > .form-control-plaintext ~ label {\n border-width: var(--border-width) 0;\n }\n .form-floating > :disabled ~ label,\n .form-floating > .form-control:disabled ~ label {\n color: var(--gray-600);\n }\n}\n@layer forms {\n .input-group {\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-select,\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-select:focus,\n .input-group > .form-floating:focus-within {\n z-index: 5;\n }\n .input-group .btn {\n position: relative;\n z-index: 2;\n }\n .input-group .btn:focus {\n z-index: 5;\n }\n .input-group-text {\n display: flex;\n align-items: center;\n padding: 0.375rem 0.75rem;\n font-size: 14px;\n line-height: 1.5;\n color: var(--fg-body);\n text-align: center;\n white-space: nowrap;\n background-color: var(--tertiary-bg);\n border: var(--border-width) solid var(--border-color);\n border-radius: var(--border-radius);\n }\n .input-group-lg > .form-control,\n .input-group-lg > .form-select,\n .input-group-lg > .input-group-text,\n .input-group-lg > .btn {\n padding: 0.5rem 1rem;\n font-size: 17.5px;\n border-radius: var(--border-radius-lg);\n }\n .input-group-sm > .form-control,\n .input-group-sm > .form-select,\n .input-group-sm > .input-group-text,\n .input-group-sm > .btn {\n padding: 0.25rem 0.5rem;\n font-size: 12.25px;\n border-radius: var(--border-radius-sm);\n }\n .input-group:not(.has-validation) > :not(:last-child):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating),\n .input-group:not(.has-validation) > .dropdown-toggle: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(.dropdown-toggle):not(.dropdown-menu):not(.form-floating),\n .input-group.has-validation > .dropdown-toggle: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):not(.dropdown-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-bg: var(--bg-2);\n --strength-border-radius: var(--border-radius-pill);\n --strength-color: var(--bg-2);\n display: flex;\n gap: var(--strength-gap);\n width: 100%;\n margin-top: 0.25rem;\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(--danger-bg);\n }\n .strength[data-bs-strength=fair] {\n --strength-color: var(--warning-bg);\n }\n .strength[data-bs-strength=good] {\n --strength-color: var(--info-bg);\n }\n .strength[data-bs-strength=strong] {\n --strength-color: var(--success-bg);\n }\n .strength-text {\n display: block;\n margin-top: 0.25rem;\n font-size: 0.875em;\n color: var(--strength-color, var(--secondary-color));\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-bg: var(--bg-2);\n --strength-border-radius: var(--border-radius-pill);\n --strength-color: transparent;\n --strength-width: 0%;\n width: 100%;\n height: var(--strength-height);\n margin-top: 0.25rem;\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(--danger-bg);\n --strength-width: 25%;\n }\n .strength-bar[data-bs-strength=fair] {\n --strength-color: var(--warning-bg);\n --strength-width: 50%;\n }\n .strength-bar[data-bs-strength=good] {\n --strength-color: var(--info-bg);\n --strength-width: 75%;\n }\n .strength-bar[data-bs-strength=strong] {\n --strength-color: var(--success-bg);\n --strength-width: 100%;\n }\n}\n@layer forms {\n .otp {\n --otp-size: 3rem;\n --otp-font-size: 17.5px;\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 }\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: 2.25rem;\n --otp-font-size: 14px;\n }\n .otp-lg {\n --otp-size: 3.5rem;\n --otp-font-size: 21.875px;\n }\n}\n@layer forms {\n .form-adorn {\n --control-min-height: 2.5rem;\n --control-padding-y: 0.375rem;\n --control-padding-x: 0.75rem;\n --control-font-size: 14px;\n --control-line-height: 1.5;\n --control-color: var(--fg-body);\n --control-bg: var(--bg-body);\n --control-border-width: var(--border-width);\n --control-border-color: var(--border-color);\n --control-border-radius: var(--border-radius);\n --form-adorn-gap: 0.375rem;\n --form-adorn-icon-size: 1rem;\n --form-adorn-icon-color: var(--fg-2);\n display: flex;\n gap: var(--form-adorn-gap);\n align-items: center;\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-color);\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(--box-shadow-inset);\n transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;\n }\n @media (prefers-reduced-motion: reduce) {\n .form-adorn {\n transition: none;\n }\n }\n .form-adorn:focus-within {\n --focus-ring-offset: -1px;\n border-color: var(--primary-border);\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 .form-adorn-sm {\n --control-min-height: 2rem;\n --control-padding-y: 0.25rem;\n --control-padding-x: 0.5rem;\n --control-font-size: 12.25px;\n --control-line-height: 1.25;\n --control-border-radius: var(--border-radius-sm);\n }\n .form-adorn-lg {\n --control-min-height: 3rem;\n --control-padding-y: 0.5rem;\n --control-padding-x: 1rem;\n --control-font-size: 17.5px;\n --control-line-height: 2;\n --control-border-radius: var(--border-radius-lg);\n }\n}\n@layer forms {\n .chip-input {\n --chip-input-padding-y: 0.75rem;\n --chip-input-padding-x: 0.75rem;\n --control-padding-x: 0.75rem;\n --control-color: var(--fg-body);\n --control-bg: var(--bg-body);\n --control-border-width: var(--border-width);\n --control-border-color: var(--border-color);\n --control-border-radius: var(--border-radius);\n --chip-input-gap: 0.375rem;\n --chip-input-ghost-min-width: 5rem;\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-color);\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(--primary-border);\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(--secondary-bg);\n opacity: 1;\n }\n .chip-input.disabled > .chip, .chip-input:has(.form-ghost:disabled) > .chip {\n opacity: 0.65;\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 .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(--font-sans-serif);\n font-style: normal;\n font-weight: 400;\n line-height: 1.5;\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 forms {\n .valid-feedback {\n display: none;\n width: 100%;\n margin-top: 0.5rem;\n font-size: 12.25px;\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: 0.375rem 0.75rem;\n margin-top: 0.1rem;\n font-size: var(--font-size-sm);\n color: #fff;\n background-color: var(--success);\n border-radius: var(--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(--form-valid-border-color);\n padding-inline-end: add(1.5em, 0.75rem);\n background-image: url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='var%28--success%29' 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 add(0.375em, 0.1875rem) center;\n background-size: add(0.75em, 0.375rem) add(0.75em, 0.375rem);\n }\n .was-validated .form-control:valid:focus, .form-control.is-valid:focus {\n border-color: var(--form-valid-border-color);\n box-shadow: var(--box-shadow-inset);\n }\n .was-validated textarea.form-control:valid, textarea.form-control.is-valid {\n padding-inline-end: add(1.5em, 0.75rem);\n background-position: top add(0.375em, 0.1875rem) right add(0.375em, 0.1875rem);\n }\n .was-validated .form-control-color:valid, .form-control-color.is-valid {\n width: add(3rem, add(1.5em, 0.75rem));\n }\n .was-validated .form-check-input:valid, .form-check-input.is-valid {\n border-color: var(--form-valid-border-color);\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: 12.25px;\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: 0.375rem 0.75rem;\n margin-top: 0.1rem;\n font-size: var(--font-size-sm);\n color: #fff;\n background-color: var(--danger);\n border-radius: var(--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(--form-invalid-border-color);\n padding-inline-end: add(1.5em, 0.75rem);\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='var%28--danger%29'%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='var%28--danger%29' stroke='none'/%3e%3c/svg%3e\");\n background-repeat: no-repeat;\n background-position: right add(0.375em, 0.1875rem) center;\n background-size: add(0.75em, 0.375rem) add(0.75em, 0.375rem);\n }\n .was-validated .form-control:invalid:focus, .form-control.is-invalid:focus {\n border-color: var(--form-invalid-border-color);\n box-shadow: var(--box-shadow-inset);\n }\n .was-validated textarea.form-control:invalid, textarea.form-control.is-invalid {\n padding-inline-end: add(1.5em, 0.75rem);\n background-position: top add(0.375em, 0.1875rem) right add(0.375em, 0.1875rem);\n }\n .was-validated .form-control-color:invalid, .form-control-color.is-invalid {\n width: add(3rem, add(1.5em, 0.75rem));\n }\n .was-validated .form-check-input:invalid, .form-check-input.is-invalid {\n border-color: var(--form-invalid-border-color);\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,\n .btn-solid, .btn-outline, .btn-subtle, .btn-text {\n --btn-min-height: 2.25rem;\n --btn-padding-x: 0.75rem;\n --btn-padding-y: 0.375rem;\n --btn-font-size: var(--font-size-base);\n --btn-font-weight: var(--font-weight-normal);\n --btn-line-height: var(--line-height-base);\n --btn-color: var(--fg-body);\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 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 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: 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 .btn,\n .btn-solid, .btn-outline, .btn-subtle, .btn-text {\n transition: none;\n }\n }\n .btn:hover,\n .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,\n .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,\n .btn-solid.active,\n .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,\n .btn-solid.active:focus-visible,\n .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,\n .btn-solid:disabled,\n .btn-solid.disabled,\n 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 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: 400;\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-text, var(--btn-color));\n text-decoration: var(--link-decoration);\n }\n .btn-link:focus-visible {\n color: var(--theme-text, var(--btn-color));\n }\n .btn-link:hover {\n color: var(--theme-text-emphasis, var(--btn-hover-color));\n }\n .btn-xs,\n .btn-group-xs > [class*=btn-] {\n --btn-min-height: 1.5rem;\n --btn-padding-y: 0.125rem;\n --btn-padding-x: 0.375rem;\n --btn-font-size: var(--font-size-xs);\n --btn-line-height: 1.125rem;\n --btn-border-radius: var(--border-radius-sm);\n }\n .btn-sm,\n .btn-group-sm > [class*=btn-] {\n --btn-min-height: 2rem;\n --btn-padding-y: 0.25rem;\n --btn-padding-x: 0.5rem;\n --btn-font-size: var(--font-size-sm);\n --btn-line-height: 1.125rem;\n --btn-border-radius: var(--border-radius-sm);\n }\n .btn-lg,\n .btn-group-lg > [class*=btn-] {\n --btn-min-height: 2.75rem;\n --btn-padding-y: 0.5rem;\n --btn-padding-x: 1rem;\n --btn-font-size: var(--font-size-md);\n --btn-line-height: 1.25rem;\n --btn-border-radius: var(--border-radius-lg);\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 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 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: 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 rgba(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-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(--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(--border-width));\n }\n .btn-group > [class*=btn-]:not(:last-child):not(.dropdown-toggle),\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 .dropdown-toggle-split {\n padding-inline: 0.5625rem;\n }\n .dropdown-toggle-split::after, .dropup .dropdown-toggle-split::after, .dropend .dropdown-toggle-split::after {\n margin-inline-start: 0;\n }\n .dropstart .dropdown-toggle-split::before {\n margin-inline-end: 0;\n }\n .btn-sm + .dropdown-toggle-split {\n padding-inline: 0.375rem;\n }\n .btn-lg + .dropdown-toggle-split {\n padding-inline: 0.75rem;\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(--border-width));\n }\n .btn-group-vertical > [class*=btn-]:not(:last-child):not(.dropdown-toggle),\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: var(--fg-body);\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 {\n outline: var(--focus-ring);\n opacity: var(--btn-close-focus-opacity);\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-color: var(--fg-body);\n --accordion-bg: var(--bg-body);\n --accordion-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-radius 0.15s ease;\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-padding-x: 1.25rem;\n --accordion-btn-padding-y: 1rem;\n --accordion-btn-color: var(--fg-2);\n --accordion-btn-bg: var(--accordion-bg);\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-body-padding-x: 1.25rem;\n --accordion-body-padding-y: 1rem;\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-btn-padding-x);\n font-size: 14px;\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-text, 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-body-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-text, 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-heading {\n color: inherit;\n }\n .alert-link {\n font-weight: 600;\n color: var(--alert-link-color);\n }\n}\n@layer components {\n .avatar {\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 position: relative;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n width: var(--avatar-size, 2.5rem);\n height: var(--avatar-size, 2.5rem);\n font-size: calc(var(--avatar-size) * 0.4);\n font-weight: 500;\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-text, 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, 2.5rem) * -0.3);\n border: var(--avatar-border-width) solid var(--avatar-border-color);\n mask-image: none;\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: .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: 600;\n --badge-color: inherit;\n --badge-bg: var(--bg-2);\n --badge-border-width: 1px;\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 }\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-padding-x: 0;\n --breadcrumb-padding-y: 0;\n --breadcrumb-margin-bottom: 1rem;\n --breadcrumb-font-size: ;\n --breadcrumb-bg: ;\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) var(--breadcrumb-padding-x);\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-text, 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 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: ;\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: ;\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: ;\n --card-height: ;\n --card-color: ;\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):not(:last-child),\n .card-list:not(:first-child):not(:last-child) {\n border-block-end-width: var(--card-border-width);\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-subtle {\n border-color: var(--theme-border, var(--card-border-color));\n }\n .card-subtle .card-header {\n color: var(--theme-text-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-text-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):not(:last-child),\n .card-row .card-list:not(:first-child):not(: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 }\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: transform 0.6s ease-in-out;\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 0.6s;\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: 15%;\n padding: 0;\n color: #fff;\n text-align: center;\n background: none;\n filter: var(--carousel-control-icon-filter);\n border: 0;\n opacity: 0.5;\n transition: opacity 0.15s ease;\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: #fff;\n text-decoration: none;\n outline: 0;\n opacity: 0.9;\n }\n .carousel-control-prev {\n inset-inline-start: 0;\n }\n .carousel-control-next {\n inset-inline-end: 0;\n }\n .carousel-control-prev-icon,\n .carousel-control-next-icon {\n display: inline-block;\n width: 2rem;\n height: 2rem;\n background-repeat: no-repeat;\n background-position: 50%;\n background-size: 100% 100%;\n }\n .carousel-control-prev-icon {\n background-image: escape-svg(url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='#fff'><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 }\n [dir=rtl] .carousel-control-prev-icon {\n background-image: escape-svg(url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='#fff'><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 }\n .carousel-control-next-icon {\n background-image: escape-svg(url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='#fff'><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 }\n [dir=rtl] .carousel-control-next-icon {\n background-image: escape-svg(url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='#fff'><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 }\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: 15%;\n margin-bottom: 1rem;\n }\n .carousel-indicators [data-bs-target] {\n box-sizing: content-box;\n flex: 0 1 auto;\n width: 30px;\n height: 3px;\n padding: 0;\n margin-inline: 3px;\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: 10px solid transparent;\n opacity: 0.5;\n transition: opacity 0.6s ease;\n }\n @media (prefers-reduced-motion: reduce) {\n .carousel-indicators [data-bs-target] {\n transition: none;\n }\n }\n .carousel-indicators .active {\n opacity: 1;\n }\n .carousel-caption {\n position: absolute;\n right: 15%;\n bottom: 1.25rem;\n left: 15%;\n padding-top: 1.25rem;\n padding-bottom: 1.25rem;\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 :root,\n [data-bs-theme=light] {\n --carousel-indicator-active-bg: #fff;\n --carousel-caption-color: #fff;\n --carousel-control-icon-filter: ;\n }\n [data-bs-theme=dark] {\n --carousel-indicator-active-bg: #000;\n --carousel-caption-color: #000;\n --carousel-control-icon-filter: invert(1) grayscale(100);\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 border-radius: var(--datepicker-border-radius);\n box-shadow: var(--datepicker-box-shadow);\n opacity: 1;\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: 0.5rem;\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: 0.5rem;\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: 0.5rem;\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 display: grid;\n flex-grow: 1;\n grid-template-columns: repeat(7, 1fr);\n align-items: center;\n justify-items: center;\n pointer-events: none;\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: 0.5rem;\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: 0.5rem;\n border-end-start-radius: 0.5rem;\n }\n [data-vc-date-hover=last] [data-vc-date-btn] {\n border-start-end-radius: 0.5rem;\n border-end-end-radius: 0.5rem;\n }\n [data-vc-date-hover=first-and-last] [data-vc-date-btn] {\n border-radius: 0.5rem;\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: 0.5rem;\n border-top-right-radius: 0;\n border-bottom-right-radius: 0;\n border-bottom-left-radius: 0.5rem;\n }\n [data-vc-date-selected=last] [data-vc-date-btn] {\n border-top-left-radius: 0;\n border-top-right-radius: 0.5rem;\n border-bottom-right-radius: 0.5rem;\n border-bottom-left-radius: 0;\n }\n [data-vc-date-selected=first-and-last] [data-vc-date-btn] {\n border-radius: 0.5rem;\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-backdrop-bg: rgba(0, 0, 0, 0.5);\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 max-width: var(--dialog-width);\n max-height: calc(100% - var(--dialog-margin) * 2);\n padding: 0;\n margin: 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::backdrop {\n background-color: var(--dialog-backdrop-bg);\n }\n .dialog.fade {\n opacity: 0;\n transition: opacity 0.15s linear;\n }\n @media (prefers-reduced-motion: reduce) {\n .dialog.fade {\n transition: none;\n }\n }\n .dialog.fade::backdrop {\n opacity: 0;\n transition: opacity 0.15s linear;\n }\n @media (prefers-reduced-motion: reduce) {\n .dialog.fade::backdrop {\n transition: none;\n }\n }\n .dialog.fade[open] {\n opacity: 1;\n }\n .dialog.fade[open]::backdrop {\n opacity: 1;\n }\n .dialog.dialog-static {\n transform: scale(1.02);\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 display: flex;\n flex-direction: column;\n max-height: calc(100% - var(--dialog-margin) * 2);\n }\n .dialog.dialog-scrollable[open] .dialog-body {\n overflow-y: auto;\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 .dialog-fullscreen-sm-down {\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 .dialog-fullscreen-md-down {\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 .dialog-fullscreen-lg-down {\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 .dialog-fullscreen-xl-down {\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 .dialog-fullscreen-2xl-down {\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 font-size: var(--font-size-md);\n line-height: 1.5;\n }\n .dialog-body {\n position: relative;\n flex: 1 1 auto;\n padding: var(--dialog-padding);\n overflow-y: auto;\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 .dropdown {\n position: relative;\n }\n .dropdown-menu {\n --dropdown-zindex: 1000;\n --dropdown-gap: 0.125rem;\n --dropdown-min-width: 10rem;\n --dropdown-padding-x: 0.25rem;\n --dropdown-padding-y: 0.25rem;\n --dropdown-spacer: 0.125rem;\n --dropdown-font-size: 14px;\n --dropdown-color: var(--fg-body);\n --dropdown-bg: var(--bg-body);\n --dropdown-border-color: var(--border-color-translucent);\n --dropdown-border-radius: var(--border-radius-lg);\n --dropdown-border-width: var(--border-width);\n --dropdown-inner-border-radius: calc(var(--border-radius-lg) - var(--border-width));\n --dropdown-divider-bg: var(--border-color-translucent);\n --dropdown-divider-margin-y: 0.125rem;\n --dropdown-divider-margin-x: 0.25rem;\n --dropdown-box-shadow: var(--box-shadow);\n --dropdown-link-color: var(--fg-body);\n --dropdown-link-hover-color: var(--fg-body);\n --dropdown-link-hover-bg: var(--bg-1);\n --dropdown-link-active-color: var(--primary-contrast);\n --dropdown-link-active-bg: var(--primary-bg);\n --dropdown-link-disabled-color: var(--fg-3);\n --dropdown-item-gap: 0.5rem;\n --dropdown-item-padding-x: 0.75rem;\n --dropdown-item-padding-y: 0.25rem;\n --dropdown-item-border-radius: var(--border-radius);\n --dropdown-header-color: var(--gray-600);\n --dropdown-header-padding-x: 0.75rem;\n --dropdown-header-padding-y: 0.25rem;\n position: absolute;\n z-index: var(--dropdown-zindex);\n display: none;\n flex-direction: column;\n gap: var(--dropdown-gap);\n min-width: var(--dropdown-min-width);\n padding: var(--dropdown-padding-y) var(--dropdown-padding-x);\n margin: 0;\n font-size: var(--dropdown-font-size);\n color: var(--dropdown-color);\n text-align: start;\n list-style: none;\n background-color: var(--dropdown-bg);\n background-clip: padding-box;\n border: var(--dropdown-border-width) solid var(--dropdown-border-color);\n border-radius: var(--dropdown-border-radius);\n box-shadow: var(--dropdown-box-shadow);\n }\n .dropdown-menu.show {\n display: flex;\n }\n .dropdown-divider {\n height: 0;\n margin: var(--dropdown-divider-margin-y) var(--dropdown-divider-margin-x);\n overflow: hidden;\n border-block-start: 1px solid var(--dropdown-divider-bg);\n opacity: 1;\n }\n .dropdown-item {\n display: flex;\n gap: var(--dropdown-item-gap);\n align-items: center;\n width: 100%;\n padding: var(--dropdown-item-padding-y) var(--dropdown-item-padding-x);\n font-weight: 400;\n color: var(--dropdown-link-color);\n text-align: inherit;\n text-decoration: none;\n white-space: nowrap;\n background-color: transparent;\n border: 0;\n border-radius: var(--dropdown-item-border-radius, 0);\n }\n .dropdown-item:hover, .dropdown-item:focus {\n color: var(--dropdown-link-hover-color);\n background-color: var(--dropdown-link-hover-bg);\n }\n .dropdown-item.active, .dropdown-item:active {\n color: var(--dropdown-link-active-color);\n background-color: var(--dropdown-link-active-bg);\n }\n .dropdown-item.disabled, .dropdown-item:disabled {\n color: var(--dropdown-link-disabled-color);\n pointer-events: none;\n background-color: transparent;\n }\n .dropdown-header {\n display: block;\n padding: var(--dropdown-header-padding-y) var(--dropdown-header-padding-x);\n margin-bottom: 0;\n font-size: 12.25px;\n color: var(--dropdown-header-color);\n white-space: nowrap;\n }\n .dropdown-item-text {\n display: block;\n padding: var(--dropdown-item-padding-y) var(--dropdown-item-padding-x);\n color: var(--fg-2);\n }\n .dropdown-menu-dark {\n --dropdown-color: var(--gray-300);\n --dropdown-bg: var(--gray-900);\n --dropdown-border-color: var(--border-color-translucent);\n --dropdown-box-shadow: ;\n --dropdown-link-color: var(--gray-300);\n --dropdown-link-hover-color: #fff;\n --dropdown-divider-bg: var(--border-color-translucent);\n --dropdown-link-hover-bg: rgba(255, 255, 255, 0.15);\n --dropdown-link-active-color: var(--primary-contrast);\n --dropdown-link-active-bg: var(--primary-bg);\n --dropdown-link-disabled-color: var(--gray-500);\n --dropdown-header-color: var(--gray-500);\n }\n .dropdown-submenu {\n position: relative;\n }\n .dropdown-submenu > .dropdown-item {\n display: flex;\n align-items: center;\n justify-content: space-between;\n }\n .dropdown-submenu > .dropdown-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] .dropdown-submenu > .dropdown-item::after {\n transform: rotate(135deg);\n }\n .dropdown-submenu > .dropdown-menu {\n top: 0;\n margin-top: calc(-1 * var(--dropdown-padding-y));\n }\n .dropdown-submenu:hover > .dropdown-item, .dropdown-submenu:focus-within > .dropdown-item {\n color: var(--dropdown-link-hover-color);\n background-color: var(--dropdown-link-hover-bg);\n }\n .dropdown-submenu.show > .dropdown-item {\n color: var(--dropdown-link-hover-color);\n background-color: var(--dropdown-link-hover-bg);\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(--secondary-color);\n --list-group-action-hover-color: var(--fg-color);\n --list-group-action-hover-bg: var(--tertiary-bg);\n --list-group-action-active-color: var(--fg-body);\n --list-group-action-active-bg: var(--secondary-bg);\n --list-group-disabled-color: var(--secondary-color);\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-text, 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-text, var(--list-group-action-color));\n text-align: inherit;\n }\n .list-group-item-action:not(.active):hover, .list-group-item-action:not(.active):focus {\n z-index: 1;\n color: var(--theme-text-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-text-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 .list-group-horizontal-sm {\n flex-direction: row;\n }\n .list-group-horizontal-sm > .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-sm > .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-sm > .list-group-item.active {\n margin-top: 0;\n }\n .list-group-horizontal-sm > .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-sm > .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 .list-group-horizontal-md {\n flex-direction: row;\n }\n .list-group-horizontal-md > .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-md > .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-md > .list-group-item.active {\n margin-top: 0;\n }\n .list-group-horizontal-md > .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-md > .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 .list-group-horizontal-lg {\n flex-direction: row;\n }\n .list-group-horizontal-lg > .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-lg > .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-lg > .list-group-item.active {\n margin-top: 0;\n }\n .list-group-horizontal-lg > .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-lg > .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 .list-group-horizontal-xl {\n flex-direction: row;\n }\n .list-group-horizontal-xl > .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-xl > .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-xl > .list-group-item.active {\n margin-top: 0;\n }\n .list-group-horizontal-xl > .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-xl > .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 .list-group-horizontal-2xl {\n flex-direction: row;\n }\n .list-group-horizontal-2xl > .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-2xl > .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-2xl > .list-group-item.active {\n margin-top: 0;\n }\n .list-group-horizontal-2xl > .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-2xl > .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: 1rem;\n --nav-link-padding-y: 0.5rem;\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 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 background: none;\n border: 0;\n border-radius: var(--border-radius);\n transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out;\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 border-block-end: var(--nav-tabs-border-width) solid var(--nav-tabs-border-color);\n }\n .nav-tabs .nav-link {\n margin-bottom: calc(-1 * var(--nav-tabs-border-width));\n border: var(--nav-tabs-border-width) solid transparent;\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 .dropdown-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-link-active-color: var(--primary-contrast);\n --nav-pills-link-active-bg: var(--primary-bg);\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 }\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-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 .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);\n --navbar-brand-padding-y: 0.75rem;\n --navbar-brand-margin-end: 1rem;\n --navbar-brand-font-size: 17.5px;\n --navbar-brand-color: var(--fg);\n --navbar-brand-hover-color: var(--fg);\n --navbar-nav-link-padding-x: 0.75rem;\n --navbar-toggler-padding-y: 0.25rem;\n --navbar-toggler-padding-x: 0.75rem;\n --navbar-toggler-font-size: 17.5px;\n --navbar-toggler-icon-bg: escape-svg(url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'><path stroke='color-mix(in oklch, var(--body-color) 75%, transparent)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/></svg>\"));\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 }\n .navbar > .container-2xl, .navbar > .container-xl, .navbar > .container-lg, .navbar > .container-md, .navbar > .container-sm, .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 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-link-color: var(--navbar-color);\n --nav-link-hover-color: var(--navbar-hover-color);\n --nav-link-disabled-color: var(--navbar-disabled-color);\n display: flex;\n flex-direction: column;\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 }\n .navbar-text {\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-collapse {\n flex-grow: 1;\n flex-basis: 100%;\n align-items: center;\n }\n .navbar-toggler {\n padding: var(--navbar-toggler-padding-y) var(--navbar-toggler-padding-x);\n font-size: var(--navbar-toggler-font-size);\n line-height: 1;\n color: var(--navbar-color);\n background-color: transparent;\n border: var(--border-width) solid var(--navbar-toggler-border-color);\n border-radius: var(--navbar-toggler-border-radius);\n transition: var(--navbar-toggler-transition);\n }\n @media (prefers-reduced-motion: reduce) {\n .navbar-toggler {\n transition: none;\n }\n }\n .navbar-toggler:hover {\n text-decoration: none;\n }\n .navbar-toggler:focus-visible {\n text-decoration: none;\n outline: var(--focus-ring);\n outline-offset: var(--focus-ring-offset);\n }\n .navbar-toggler-icon {\n display: inline-block;\n width: 1.5em;\n height: 1.5em;\n vertical-align: middle;\n background-image: var(--navbar-toggler-icon-bg);\n background-repeat: no-repeat;\n background-position: center;\n background-size: 100%;\n }\n .navbar-nav-scroll {\n max-height: var(--scroll-height, 75vh);\n overflow-y: auto;\n }\n @media (width >= 576px) {\n .navbar-expand-sm {\n flex-wrap: nowrap;\n justify-content: flex-start;\n }\n .navbar-expand-sm .navbar-nav {\n --nav-link-padding-x: var(--navbar-nav-link-padding-x);\n flex-direction: row;\n }\n .navbar-expand-sm .navbar-nav-scroll {\n overflow: visible;\n }\n .navbar-expand-sm .navbar-collapse {\n display: flex !important;\n flex-basis: auto;\n }\n .navbar-expand-sm .navbar-toggler {\n display: none !important;\n }\n .navbar-expand-sm .offcanvas {\n position: static;\n z-index: auto;\n flex-grow: 1;\n width: auto !important;\n height: auto !important;\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-sm .offcanvas .offcanvas-header {\n display: none;\n }\n .navbar-expand-sm .offcanvas .offcanvas-body {\n display: flex;\n flex-grow: 0;\n padding: 0;\n overflow-y: visible;\n }\n }\n @media (width >= 768px) {\n .navbar-expand-md {\n flex-wrap: nowrap;\n justify-content: flex-start;\n }\n .navbar-expand-md .navbar-nav {\n --nav-link-padding-x: var(--navbar-nav-link-padding-x);\n flex-direction: row;\n }\n .navbar-expand-md .navbar-nav-scroll {\n overflow: visible;\n }\n .navbar-expand-md .navbar-collapse {\n display: flex !important;\n flex-basis: auto;\n }\n .navbar-expand-md .navbar-toggler {\n display: none !important;\n }\n .navbar-expand-md .offcanvas {\n position: static;\n z-index: auto;\n flex-grow: 1;\n width: auto !important;\n height: auto !important;\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-md .offcanvas .offcanvas-header {\n display: none;\n }\n .navbar-expand-md .offcanvas .offcanvas-body {\n display: flex;\n flex-grow: 0;\n padding: 0;\n overflow-y: visible;\n }\n }\n @media (width >= 1024px) {\n .navbar-expand-lg {\n flex-wrap: nowrap;\n justify-content: flex-start;\n }\n .navbar-expand-lg .navbar-nav {\n --nav-link-padding-x: var(--navbar-nav-link-padding-x);\n flex-direction: row;\n }\n .navbar-expand-lg .navbar-nav-scroll {\n overflow: visible;\n }\n .navbar-expand-lg .navbar-collapse {\n display: flex !important;\n flex-basis: auto;\n }\n .navbar-expand-lg .navbar-toggler {\n display: none !important;\n }\n .navbar-expand-lg .offcanvas {\n position: static;\n z-index: auto;\n flex-grow: 1;\n width: auto !important;\n height: auto !important;\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-lg .offcanvas .offcanvas-header {\n display: none;\n }\n .navbar-expand-lg .offcanvas .offcanvas-body {\n display: flex;\n flex-grow: 0;\n padding: 0;\n overflow-y: visible;\n }\n }\n @media (width >= 1280px) {\n .navbar-expand-xl {\n flex-wrap: nowrap;\n justify-content: flex-start;\n }\n .navbar-expand-xl .navbar-nav {\n --nav-link-padding-x: var(--navbar-nav-link-padding-x);\n flex-direction: row;\n }\n .navbar-expand-xl .navbar-nav-scroll {\n overflow: visible;\n }\n .navbar-expand-xl .navbar-collapse {\n display: flex !important;\n flex-basis: auto;\n }\n .navbar-expand-xl .navbar-toggler {\n display: none !important;\n }\n .navbar-expand-xl .offcanvas {\n position: static;\n z-index: auto;\n flex-grow: 1;\n width: auto !important;\n height: auto !important;\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-xl .offcanvas .offcanvas-header {\n display: none;\n }\n .navbar-expand-xl .offcanvas .offcanvas-body {\n display: flex;\n flex-grow: 0;\n padding: 0;\n overflow-y: visible;\n }\n }\n @media (width >= 1536px) {\n .navbar-expand-2xl {\n flex-wrap: nowrap;\n justify-content: flex-start;\n }\n .navbar-expand-2xl .navbar-nav {\n --nav-link-padding-x: var(--navbar-nav-link-padding-x);\n flex-direction: row;\n }\n .navbar-expand-2xl .navbar-nav-scroll {\n overflow: visible;\n }\n .navbar-expand-2xl .navbar-collapse {\n display: flex !important;\n flex-basis: auto;\n }\n .navbar-expand-2xl .navbar-toggler {\n display: none !important;\n }\n .navbar-expand-2xl .offcanvas {\n position: static;\n z-index: auto;\n flex-grow: 1;\n width: auto !important;\n height: auto !important;\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-2xl .offcanvas .offcanvas-header {\n display: none;\n }\n .navbar-expand-2xl .offcanvas .offcanvas-body {\n display: flex;\n flex-grow: 0;\n padding: 0;\n overflow-y: visible;\n }\n }\n .navbar-expand {\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-nav-scroll {\n overflow: visible;\n }\n .navbar-expand .navbar-collapse {\n display: flex !important;\n flex-basis: auto;\n }\n .navbar-expand .navbar-toggler {\n display: none !important;\n }\n .navbar-expand .offcanvas {\n position: static;\n z-index: auto;\n flex-grow: 1;\n width: auto !important;\n height: auto !important;\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 .offcanvas .offcanvas-header {\n display: none;\n }\n .navbar-expand .offcanvas .offcanvas-body {\n display: flex;\n flex-grow: 0;\n padding: 0;\n overflow-y: visible;\n }\n .navbar-dark,\n .navbar[data-bs-theme=dark] {\n --navbar-color: rgba(255, 255, 255, 0.55);\n --navbar-hover-color: rgba(255, 255, 255, 0.75);\n --navbar-disabled-color: rgba(255, 255, 255, 0.25);\n --navbar-active-color: #fff;\n --navbar-brand-color: #fff;\n --navbar-brand-hover-color: #fff;\n --navbar-toggler-border-color: rgba(255, 255, 255, 0.1);\n --navbar-toggler-icon-bg: escape-svg(url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'><path stroke='rgba(255, 255, 255, 0.55)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/></svg>\"));\n }\n [data-bs-theme=dark] .navbar-toggler-icon {\n --navbar-toggler-icon-bg: escape-svg(url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'><path stroke='rgba(255, 255, 255, 0.55)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/></svg>\"));\n }\n}\n.offcanvas, .offcanvas-2xl, .offcanvas-xl, .offcanvas-lg, .offcanvas-md, .offcanvas-sm {\n --offcanvas-zindex: 1045;\n --offcanvas-width: 400px;\n --offcanvas-height: 30vh;\n --offcanvas-padding-x: 1rem;\n --offcanvas-padding-y: 1rem;\n --offcanvas-color: var(--fg-body);\n --offcanvas-bg: var(--bg-body);\n --offcanvas-border-width: var(--border-width);\n --offcanvas-border-color: var(--border-color-translucent);\n --offcanvas-box-shadow: var(--box-shadow-sm);\n --offcanvas-transition: transform 0.3s ease-in-out;\n --offcanvas-title-line-height: 1.5;\n}\n\n@layer components {\n @media (width < 576px) {\n .offcanvas-sm {\n position: fixed;\n bottom: 0;\n z-index: var(--offcanvas-zindex);\n display: flex;\n flex-direction: column;\n max-width: 100%;\n color: var(--offcanvas-color);\n visibility: hidden;\n background-color: var(--offcanvas-bg);\n background-clip: padding-box;\n outline: 0;\n box-shadow: var(--offcanvas-box-shadow);\n transition: var(--offcanvas-transition);\n }\n }\n @media (width < 576px) and (prefers-reduced-motion: reduce) {\n .offcanvas-sm {\n transition: none;\n }\n }\n @media (width < 576px) {\n .offcanvas-sm.offcanvas-start {\n inset-block: 0;\n inset-inline-start: 0;\n width: var(--offcanvas-width);\n border-inline-end: var(--offcanvas-border-width) solid var(--offcanvas-border-color);\n transform: translateX(-100%);\n }\n :root:dir(rtl) .offcanvas-sm.offcanvas-start {\n transform: translateX(100%);\n }\n .offcanvas-sm.offcanvas-end {\n inset-block: 0;\n inset-inline-end: 0;\n width: var(--offcanvas-width);\n border-inline-start: var(--offcanvas-border-width) solid var(--offcanvas-border-color);\n transform: translateX(100%);\n }\n :root:dir(rtl) .offcanvas-sm.offcanvas-end {\n transform: translateX(-100%);\n }\n .offcanvas-sm.offcanvas-top {\n inset: 0 0 auto;\n height: var(--offcanvas-height);\n max-height: 100%;\n border-block-end: var(--offcanvas-border-width) solid var(--offcanvas-border-color);\n transform: translateY(-100%);\n }\n .offcanvas-sm.offcanvas-bottom {\n inset: auto 0 0;\n height: var(--offcanvas-height);\n max-height: 100%;\n border-block-start: var(--offcanvas-border-width) solid var(--offcanvas-border-color);\n transform: translateY(100%);\n }\n .offcanvas-sm.showing, .offcanvas-sm.show:not(.hiding) {\n transform: none;\n }\n .offcanvas-sm.showing, .offcanvas-sm.hiding, .offcanvas-sm.show {\n visibility: visible;\n }\n }\n @media (width >= 576px) {\n .offcanvas-sm {\n --offcanvas-height: auto;\n --offcanvas-border-width: 0;\n background-color: transparent !important;\n }\n .offcanvas-sm .offcanvas-header {\n display: none;\n }\n .offcanvas-sm .offcanvas-body {\n display: flex;\n flex-grow: 0;\n padding: 0;\n overflow-y: visible;\n background-color: transparent !important;\n }\n }\n @media (width < 768px) {\n .offcanvas-md {\n position: fixed;\n bottom: 0;\n z-index: var(--offcanvas-zindex);\n display: flex;\n flex-direction: column;\n max-width: 100%;\n color: var(--offcanvas-color);\n visibility: hidden;\n background-color: var(--offcanvas-bg);\n background-clip: padding-box;\n outline: 0;\n box-shadow: var(--offcanvas-box-shadow);\n transition: var(--offcanvas-transition);\n }\n }\n @media (width < 768px) and (prefers-reduced-motion: reduce) {\n .offcanvas-md {\n transition: none;\n }\n }\n @media (width < 768px) {\n .offcanvas-md.offcanvas-start {\n inset-block: 0;\n inset-inline-start: 0;\n width: var(--offcanvas-width);\n border-inline-end: var(--offcanvas-border-width) solid var(--offcanvas-border-color);\n transform: translateX(-100%);\n }\n :root:dir(rtl) .offcanvas-md.offcanvas-start {\n transform: translateX(100%);\n }\n .offcanvas-md.offcanvas-end {\n inset-block: 0;\n inset-inline-end: 0;\n width: var(--offcanvas-width);\n border-inline-start: var(--offcanvas-border-width) solid var(--offcanvas-border-color);\n transform: translateX(100%);\n }\n :root:dir(rtl) .offcanvas-md.offcanvas-end {\n transform: translateX(-100%);\n }\n .offcanvas-md.offcanvas-top {\n inset: 0 0 auto;\n height: var(--offcanvas-height);\n max-height: 100%;\n border-block-end: var(--offcanvas-border-width) solid var(--offcanvas-border-color);\n transform: translateY(-100%);\n }\n .offcanvas-md.offcanvas-bottom {\n inset: auto 0 0;\n height: var(--offcanvas-height);\n max-height: 100%;\n border-block-start: var(--offcanvas-border-width) solid var(--offcanvas-border-color);\n transform: translateY(100%);\n }\n .offcanvas-md.showing, .offcanvas-md.show:not(.hiding) {\n transform: none;\n }\n .offcanvas-md.showing, .offcanvas-md.hiding, .offcanvas-md.show {\n visibility: visible;\n }\n }\n @media (width >= 768px) {\n .offcanvas-md {\n --offcanvas-height: auto;\n --offcanvas-border-width: 0;\n background-color: transparent !important;\n }\n .offcanvas-md .offcanvas-header {\n display: none;\n }\n .offcanvas-md .offcanvas-body {\n display: flex;\n flex-grow: 0;\n padding: 0;\n overflow-y: visible;\n background-color: transparent !important;\n }\n }\n @media (width < 1024px) {\n .offcanvas-lg {\n position: fixed;\n bottom: 0;\n z-index: var(--offcanvas-zindex);\n display: flex;\n flex-direction: column;\n max-width: 100%;\n color: var(--offcanvas-color);\n visibility: hidden;\n background-color: var(--offcanvas-bg);\n background-clip: padding-box;\n outline: 0;\n box-shadow: var(--offcanvas-box-shadow);\n transition: var(--offcanvas-transition);\n }\n }\n @media (width < 1024px) and (prefers-reduced-motion: reduce) {\n .offcanvas-lg {\n transition: none;\n }\n }\n @media (width < 1024px) {\n .offcanvas-lg.offcanvas-start {\n inset-block: 0;\n inset-inline-start: 0;\n width: var(--offcanvas-width);\n border-inline-end: var(--offcanvas-border-width) solid var(--offcanvas-border-color);\n transform: translateX(-100%);\n }\n :root:dir(rtl) .offcanvas-lg.offcanvas-start {\n transform: translateX(100%);\n }\n .offcanvas-lg.offcanvas-end {\n inset-block: 0;\n inset-inline-end: 0;\n width: var(--offcanvas-width);\n border-inline-start: var(--offcanvas-border-width) solid var(--offcanvas-border-color);\n transform: translateX(100%);\n }\n :root:dir(rtl) .offcanvas-lg.offcanvas-end {\n transform: translateX(-100%);\n }\n .offcanvas-lg.offcanvas-top {\n inset: 0 0 auto;\n height: var(--offcanvas-height);\n max-height: 100%;\n border-block-end: var(--offcanvas-border-width) solid var(--offcanvas-border-color);\n transform: translateY(-100%);\n }\n .offcanvas-lg.offcanvas-bottom {\n inset: auto 0 0;\n height: var(--offcanvas-height);\n max-height: 100%;\n border-block-start: var(--offcanvas-border-width) solid var(--offcanvas-border-color);\n transform: translateY(100%);\n }\n .offcanvas-lg.showing, .offcanvas-lg.show:not(.hiding) {\n transform: none;\n }\n .offcanvas-lg.showing, .offcanvas-lg.hiding, .offcanvas-lg.show {\n visibility: visible;\n }\n }\n @media (width >= 1024px) {\n .offcanvas-lg {\n --offcanvas-height: auto;\n --offcanvas-border-width: 0;\n background-color: transparent !important;\n }\n .offcanvas-lg .offcanvas-header {\n display: none;\n }\n .offcanvas-lg .offcanvas-body {\n display: flex;\n flex-grow: 0;\n padding: 0;\n overflow-y: visible;\n background-color: transparent !important;\n }\n }\n @media (width < 1280px) {\n .offcanvas-xl {\n position: fixed;\n bottom: 0;\n z-index: var(--offcanvas-zindex);\n display: flex;\n flex-direction: column;\n max-width: 100%;\n color: var(--offcanvas-color);\n visibility: hidden;\n background-color: var(--offcanvas-bg);\n background-clip: padding-box;\n outline: 0;\n box-shadow: var(--offcanvas-box-shadow);\n transition: var(--offcanvas-transition);\n }\n }\n @media (width < 1280px) and (prefers-reduced-motion: reduce) {\n .offcanvas-xl {\n transition: none;\n }\n }\n @media (width < 1280px) {\n .offcanvas-xl.offcanvas-start {\n inset-block: 0;\n inset-inline-start: 0;\n width: var(--offcanvas-width);\n border-inline-end: var(--offcanvas-border-width) solid var(--offcanvas-border-color);\n transform: translateX(-100%);\n }\n :root:dir(rtl) .offcanvas-xl.offcanvas-start {\n transform: translateX(100%);\n }\n .offcanvas-xl.offcanvas-end {\n inset-block: 0;\n inset-inline-end: 0;\n width: var(--offcanvas-width);\n border-inline-start: var(--offcanvas-border-width) solid var(--offcanvas-border-color);\n transform: translateX(100%);\n }\n :root:dir(rtl) .offcanvas-xl.offcanvas-end {\n transform: translateX(-100%);\n }\n .offcanvas-xl.offcanvas-top {\n inset: 0 0 auto;\n height: var(--offcanvas-height);\n max-height: 100%;\n border-block-end: var(--offcanvas-border-width) solid var(--offcanvas-border-color);\n transform: translateY(-100%);\n }\n .offcanvas-xl.offcanvas-bottom {\n inset: auto 0 0;\n height: var(--offcanvas-height);\n max-height: 100%;\n border-block-start: var(--offcanvas-border-width) solid var(--offcanvas-border-color);\n transform: translateY(100%);\n }\n .offcanvas-xl.showing, .offcanvas-xl.show:not(.hiding) {\n transform: none;\n }\n .offcanvas-xl.showing, .offcanvas-xl.hiding, .offcanvas-xl.show {\n visibility: visible;\n }\n }\n @media (width >= 1280px) {\n .offcanvas-xl {\n --offcanvas-height: auto;\n --offcanvas-border-width: 0;\n background-color: transparent !important;\n }\n .offcanvas-xl .offcanvas-header {\n display: none;\n }\n .offcanvas-xl .offcanvas-body {\n display: flex;\n flex-grow: 0;\n padding: 0;\n overflow-y: visible;\n background-color: transparent !important;\n }\n }\n @media (width < 1536px) {\n .offcanvas-2xl {\n position: fixed;\n bottom: 0;\n z-index: var(--offcanvas-zindex);\n display: flex;\n flex-direction: column;\n max-width: 100%;\n color: var(--offcanvas-color);\n visibility: hidden;\n background-color: var(--offcanvas-bg);\n background-clip: padding-box;\n outline: 0;\n box-shadow: var(--offcanvas-box-shadow);\n transition: var(--offcanvas-transition);\n }\n }\n @media (width < 1536px) and (prefers-reduced-motion: reduce) {\n .offcanvas-2xl {\n transition: none;\n }\n }\n @media (width < 1536px) {\n .offcanvas-2xl.offcanvas-start {\n inset-block: 0;\n inset-inline-start: 0;\n width: var(--offcanvas-width);\n border-inline-end: var(--offcanvas-border-width) solid var(--offcanvas-border-color);\n transform: translateX(-100%);\n }\n :root:dir(rtl) .offcanvas-2xl.offcanvas-start {\n transform: translateX(100%);\n }\n .offcanvas-2xl.offcanvas-end {\n inset-block: 0;\n inset-inline-end: 0;\n width: var(--offcanvas-width);\n border-inline-start: var(--offcanvas-border-width) solid var(--offcanvas-border-color);\n transform: translateX(100%);\n }\n :root:dir(rtl) .offcanvas-2xl.offcanvas-end {\n transform: translateX(-100%);\n }\n .offcanvas-2xl.offcanvas-top {\n inset: 0 0 auto;\n height: var(--offcanvas-height);\n max-height: 100%;\n border-block-end: var(--offcanvas-border-width) solid var(--offcanvas-border-color);\n transform: translateY(-100%);\n }\n .offcanvas-2xl.offcanvas-bottom {\n inset: auto 0 0;\n height: var(--offcanvas-height);\n max-height: 100%;\n border-block-start: var(--offcanvas-border-width) solid var(--offcanvas-border-color);\n transform: translateY(100%);\n }\n .offcanvas-2xl.showing, .offcanvas-2xl.show:not(.hiding) {\n transform: none;\n }\n .offcanvas-2xl.showing, .offcanvas-2xl.hiding, .offcanvas-2xl.show {\n visibility: visible;\n }\n }\n @media (width >= 1536px) {\n .offcanvas-2xl {\n --offcanvas-height: auto;\n --offcanvas-border-width: 0;\n background-color: transparent !important;\n }\n .offcanvas-2xl .offcanvas-header {\n display: none;\n }\n .offcanvas-2xl .offcanvas-body {\n display: flex;\n flex-grow: 0;\n padding: 0;\n overflow-y: visible;\n background-color: transparent !important;\n }\n }\n .offcanvas {\n position: fixed;\n bottom: 0;\n z-index: var(--offcanvas-zindex);\n display: flex;\n flex-direction: column;\n max-width: 100%;\n color: var(--offcanvas-color);\n visibility: hidden;\n background-color: var(--offcanvas-bg);\n background-clip: padding-box;\n outline: 0;\n box-shadow: var(--offcanvas-box-shadow);\n transition: var(--offcanvas-transition);\n }\n @media (prefers-reduced-motion: reduce) {\n .offcanvas {\n transition: none;\n }\n }\n .offcanvas.offcanvas-start {\n inset-block: 0;\n inset-inline-start: 0;\n width: var(--offcanvas-width);\n border-inline-end: var(--offcanvas-border-width) solid var(--offcanvas-border-color);\n transform: translateX(-100%);\n }\n :root:dir(rtl) .offcanvas.offcanvas-start {\n transform: translateX(100%);\n }\n .offcanvas.offcanvas-end {\n inset-block: 0;\n inset-inline-end: 0;\n width: var(--offcanvas-width);\n border-inline-start: var(--offcanvas-border-width) solid var(--offcanvas-border-color);\n transform: translateX(100%);\n }\n :root:dir(rtl) .offcanvas.offcanvas-end {\n transform: translateX(-100%);\n }\n .offcanvas.offcanvas-top {\n inset: 0 0 auto;\n height: var(--offcanvas-height);\n max-height: 100%;\n border-block-end: var(--offcanvas-border-width) solid var(--offcanvas-border-color);\n transform: translateY(-100%);\n }\n .offcanvas.offcanvas-bottom {\n inset: auto 0 0;\n height: var(--offcanvas-height);\n max-height: 100%;\n border-block-start: var(--offcanvas-border-width) solid var(--offcanvas-border-color);\n transform: translateY(100%);\n }\n .offcanvas.showing, .offcanvas.show:not(.hiding) {\n transform: none;\n }\n .offcanvas.showing, .offcanvas.hiding, .offcanvas.show {\n visibility: visible;\n }\n .offcanvas-backdrop {\n position: fixed;\n inset: 0;\n z-index: 1040;\n background-color: #000;\n }\n .offcanvas-backdrop.fade {\n opacity: 0;\n }\n .offcanvas-backdrop.show {\n opacity: 0.5;\n }\n .offcanvas-header {\n display: flex;\n align-items: center;\n padding: var(--offcanvas-padding-y) var(--offcanvas-padding-x);\n }\n .offcanvas-header .btn-close {\n padding: calc(var(--offcanvas-padding-y) * 0.5) calc(var(--offcanvas-padding-x) * 0.5);\n margin-inline-start: auto;\n margin-inline-end: calc(-0.5 * var(--offcanvas-padding-x));\n margin-top: calc(-0.5 * var(--offcanvas-padding-y));\n margin-bottom: calc(-0.5 * var(--offcanvas-padding-y));\n }\n .offcanvas-title {\n margin-bottom: 0;\n line-height: var(--offcanvas-title-line-height);\n }\n .offcanvas-body {\n flex-grow: 1;\n padding: var(--offcanvas-padding-y) var(--offcanvas-padding-x);\n overflow-y: auto;\n }\n}\n@layer components {\n .pagination {\n --pagination-padding-x: 0.75rem;\n --pagination-padding-y: 0.375rem;\n --pagination-font-size: 14px;\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(--border-radius);\n --pagination-hover-color: var(--link-hover-color);\n --pagination-hover-bg: var(--tertiary-bg);\n --pagination-hover-border-color: var(--border-color);\n --pagination-focus-color: var(--link-hover-color);\n --pagination-focus-bg: var(--secondary-bg);\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(--secondary-color);\n --pagination-disabled-bg: var(--secondary-bg);\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: block;\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 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(--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-lg {\n --pagination-padding-x: 1.5rem;\n --pagination-padding-y: 0.75rem;\n --pagination-font-size: 17.5px;\n --pagination-border-radius: var(--border-radius-lg);\n }\n .pagination-sm {\n --pagination-padding-x: 0.5rem;\n --pagination-padding-y: 0.25rem;\n --pagination-font-size: 12.25px;\n --pagination-border-radius: var(--border-radius-sm);\n }\n}\n@layer components {\n .placeholder {\n display: inline-block;\n min-height: 1em;\n vertical-align: middle;\n cursor: wait;\n background-color: currentcolor;\n opacity: 0.5;\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: 0.2;\n }\n }\n .placeholder-wave {\n mask-image: linear-gradient(130deg, #000 55%, rgba(0, 0, 0, 0.8) 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: 14px;\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(--font-sans-serif);\n font-style: normal;\n font-weight: 400;\n line-height: 1.5;\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: 10.5px;\n --progress-bg: var(--secondary-bg);\n --progress-border-radius: var(--border-radius);\n --progress-box-shadow: var(--box-shadow-inset);\n --progress-bar-color: #fff;\n --progress-bar-bg: var(--primary-bg);\n --progress-bar-transition: width 0.6s ease;\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: 1s linear infinite progress-bar-stripes;\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: 0.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.stepper {\n --stepper-size: 2rem;\n --stepper-gap: 1rem;\n --stepper-bg: var(--bg-2);\n --stepper-track-size: 0.25rem;\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-left: 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: 0.5rem;\n place-items: center;\n justify-items: start;\n text-align: 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-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 top: calc(var(--stepper-gap) * -1);\n bottom: 100%;\n left: calc(var(--stepper-size) * 0.5 - var(--stepper-track-size) * 0.5);\n width: var(--stepper-track-size);\n content: \"\";\n background-color: var(--stepper-bg);\n}\n.stepper-item:first-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\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: repeat(2, var(--stepper-size));\n grid-template-columns: auto;\n justify-items: center;\n}\n.stepper-horizontal .stepper-item::after {\n top: calc(var(--stepper-size) * 0.5 - var(--stepper-track-size) * 0.5);\n right: 0;\n bottom: auto;\n left: calc(-50% - var(--stepper-gap));\n width: auto;\n height: var(--stepper-track-size);\n}\n.stepper-horizontal .stepper-item:last-child::after {\n right: 50%;\n}\n\n@media (width >= 576px) {\n .stepper-horizontal-sm {\n display: inline-grid;\n grid-auto-columns: 1fr;\n grid-auto-flow: column;\n }\n .stepper-horizontal-sm .stepper-item {\n grid-template-rows: repeat(2, var(--stepper-size));\n grid-template-columns: auto;\n justify-items: center;\n }\n .stepper-horizontal-sm .stepper-item::after {\n top: calc(var(--stepper-size) * 0.5 - var(--stepper-track-size) * 0.5);\n right: 0;\n bottom: auto;\n left: calc(-50% - var(--stepper-gap));\n width: auto;\n height: var(--stepper-track-size);\n }\n .stepper-horizontal-sm .stepper-item:last-child::after {\n right: 50%;\n }\n}\n@media (width >= 768px) {\n .stepper-horizontal-md {\n display: inline-grid;\n grid-auto-columns: 1fr;\n grid-auto-flow: column;\n }\n .stepper-horizontal-md .stepper-item {\n grid-template-rows: repeat(2, var(--stepper-size));\n grid-template-columns: auto;\n justify-items: center;\n }\n .stepper-horizontal-md .stepper-item::after {\n top: calc(var(--stepper-size) * 0.5 - var(--stepper-track-size) * 0.5);\n right: 0;\n bottom: auto;\n left: calc(-50% - var(--stepper-gap));\n width: auto;\n height: var(--stepper-track-size);\n }\n .stepper-horizontal-md .stepper-item:last-child::after {\n right: 50%;\n }\n}\n@media (width >= 1024px) {\n .stepper-horizontal-lg {\n display: inline-grid;\n grid-auto-columns: 1fr;\n grid-auto-flow: column;\n }\n .stepper-horizontal-lg .stepper-item {\n grid-template-rows: repeat(2, var(--stepper-size));\n grid-template-columns: auto;\n justify-items: center;\n }\n .stepper-horizontal-lg .stepper-item::after {\n top: calc(var(--stepper-size) * 0.5 - var(--stepper-track-size) * 0.5);\n right: 0;\n bottom: auto;\n left: calc(-50% - var(--stepper-gap));\n width: auto;\n height: var(--stepper-track-size);\n }\n .stepper-horizontal-lg .stepper-item:last-child::after {\n right: 50%;\n }\n}\n@media (width >= 1280px) {\n .stepper-horizontal-xl {\n display: inline-grid;\n grid-auto-columns: 1fr;\n grid-auto-flow: column;\n }\n .stepper-horizontal-xl .stepper-item {\n grid-template-rows: repeat(2, var(--stepper-size));\n grid-template-columns: auto;\n justify-items: center;\n }\n .stepper-horizontal-xl .stepper-item::after {\n top: calc(var(--stepper-size) * 0.5 - var(--stepper-track-size) * 0.5);\n right: 0;\n bottom: auto;\n left: calc(-50% - var(--stepper-gap));\n width: auto;\n height: var(--stepper-track-size);\n }\n .stepper-horizontal-xl .stepper-item:last-child::after {\n right: 50%;\n }\n}\n@media (width >= 1536px) {\n .stepper-horizontal-2xl {\n display: inline-grid;\n grid-auto-columns: 1fr;\n grid-auto-flow: column;\n }\n .stepper-horizontal-2xl .stepper-item {\n grid-template-rows: repeat(2, var(--stepper-size));\n grid-template-columns: auto;\n justify-items: center;\n }\n .stepper-horizontal-2xl .stepper-item::after {\n top: calc(var(--stepper-size) * 0.5 - var(--stepper-track-size) * 0.5);\n right: 0;\n bottom: auto;\n left: calc(-50% - var(--stepper-gap));\n width: auto;\n height: var(--stepper-track-size);\n }\n .stepper-horizontal-2xl .stepper-item:last-child::after {\n right: 50%;\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: 0.75rem;\n --toast-padding-y: 0.5rem;\n --toast-spacing: 1.5rem;\n --toast-max-width: 350px;\n --toast-font-size: 0.875rem;\n --toast-color: ;\n --toast-bg: rgba(var(--body-bg-rgb), 0.85);\n --toast-border-width: var(--border-width);\n --toast-border-color: var(--border-color-translucent);\n --toast-border-radius: var(--border-radius);\n --toast-box-shadow: var(--box-shadow);\n --toast-header-color: var(--secondary-color);\n --toast-header-bg: rgba(var(--body-bg-rgb), 0.85);\n --toast-header-border-color: var(--border-color-translucent);\n width: var(--toast-max-width);\n max-width: 100%;\n font-size: var(--toast-font-size);\n color: var(--toast-color);\n pointer-events: auto;\n background-color: var(--toast-bg);\n background-clip: padding-box;\n border: var(--toast-border-width) solid var(--toast-border-color);\n box-shadow: var(--toast-box-shadow);\n border-radius: var(--toast-border-radius);\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(--toast-header-color);\n background-color: var(--toast-header-bg);\n background-clip: padding-box;\n border-block-end: var(--toast-border-width) solid var(--toast-header-border-color);\n border-start-start-radius: calc(var(--toast-border-radius) - var(--toast-border-width));\n border-start-end-radius: calc(var(--toast-border-radius) - var(--toast-border-width));\n }\n .toast-header .btn-close {\n margin-inline-start: var(--toast-padding-x);\n margin-inline-end: calc(-0.5 * var(--toast-padding-x));\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 .sticky-sm-top {\n position: sticky;\n top: 0;\n z-index: 1020;\n }\n .sticky-sm-bottom {\n position: sticky;\n bottom: 0;\n z-index: 1020;\n }\n }\n @media (width >= 768px) {\n .sticky-md-top {\n position: sticky;\n top: 0;\n z-index: 1020;\n }\n .sticky-md-bottom {\n position: sticky;\n bottom: 0;\n z-index: 1020;\n }\n }\n @media (width >= 1024px) {\n .sticky-lg-top {\n position: sticky;\n top: 0;\n z-index: 1020;\n }\n .sticky-lg-bottom {\n position: sticky;\n bottom: 0;\n z-index: 1020;\n }\n }\n @media (width >= 1280px) {\n .sticky-xl-top {\n position: sticky;\n top: 0;\n z-index: 1020;\n }\n .sticky-xl-bottom {\n position: sticky;\n bottom: 0;\n z-index: 1020;\n }\n }\n @media (width >= 1536px) {\n .sticky-2xl-top {\n position: sticky;\n top: 0;\n z-index: 1020;\n }\n .sticky-2xl-bottom {\n position: sticky;\n bottom: 0;\n z-index: 1020;\n }\n }\n}\n@layer helpers {\n .hstack,\n b-hstack {\n display: flex;\n flex-direction: row;\n align-items: center;\n align-self: stretch;\n }\n .hstack-start,\n b-hstack[align=start] {\n display: flex;\n flex-direction: row;\n align-items: flex-start;\n align-self: stretch;\n }\n .vstack,\n b-vstack {\n display: flex;\n flex: 1 1 auto;\n flex-direction: column;\n align-self: stretch;\n }\n}\n@layer helpers {\n .visually-hidden,\n .visually-hidden-focusable:not(:focus):not(: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):not(:focus-within):not(caption) {\n position: absolute !important;\n }\n .visually-hidden *,\n .visually-hidden-focusable:not(:focus):not(: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(--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 .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: color-mix(in oklch, light-dark(var(--blue-500), var(--blue-400)) 50%, var(--bg-body));\n }\n .focus-ring-accent {\n --focus-ring-color: color-mix(in oklch, light-dark(var(--indigo-500), var(--indigo-400)) 50%, var(--bg-body));\n }\n .focus-ring-success {\n --focus-ring-color: color-mix(in oklch, light-dark(var(--green-500), var(--green-400)) 50%, var(--bg-body));\n }\n .focus-ring-danger {\n --focus-ring-color: color-mix(in oklch, light-dark(var(--red-500), var(--red-400)) 50%, var(--bg-body));\n }\n .focus-ring-warning {\n --focus-ring-color: color-mix(in oklch, light-dark(var(--yellow-500), var(--yellow-400)) 50%, var(--bg-body));\n }\n .focus-ring-info {\n --focus-ring-color: color-mix(in oklch, light-dark(var(--cyan-500), var(--cyan-400)) 50%, 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(--blue-500);\n border-color: var(--border-color);\n }\n .border-accent {\n --border-color: var(--indigo-500);\n border-color: var(--border-color);\n }\n .border-success {\n --border-color: var(--green-500);\n border-color: var(--border-color);\n }\n .border-danger {\n --border-color: var(--red-500);\n border-color: var(--border-color);\n }\n .border-warning {\n --border-color: var(--yellow-500);\n border-color: var(--border-color);\n }\n .border-info {\n --border-color: var(--cyan-500);\n border-color: var(--border-color);\n }\n .border-inverse {\n --border-color: light-dark(var(--gray-900), var(--gray-025));\n border-color: var(--border-color);\n }\n .border-secondary {\n --border-color: light-dark(var(--gray-100), var(--gray-600));\n border-color: var(--border-color);\n }\n .border-bg {\n --border-color: var(--bg-body);\n border-color: var(--border-color);\n }\n .border-body {\n --border-color: light-dark(var(--gray-300), var(--gray-800));\n border-color: var(--border-color);\n }\n .border-muted {\n --border-color: light-dark(var(--gray-200), var(--gray-800));\n border-color: var(--border-color);\n }\n .border-subtle {\n --border-color: light-dark(var(--gray-100), var(--gray-900));\n border-color: var(--border-color);\n }\n .border-emphasized {\n --border-color: light-dark(var(--gray-400), var(--gray-600));\n border-color: var(--border-color);\n }\n .border-white {\n --border-color: var(--white);\n border-color: var(--border-color);\n }\n .border-black {\n --border-color: var(--black);\n border-color: var(--border-color);\n }\n .border-subtle-primary {\n --border-color: light-dark(var(--blue-300), var(--blue-600));\n border-color: var(--border-color);\n }\n .border-subtle-accent {\n --border-color: light-dark(var(--indigo-300), var(--indigo-600));\n border-color: var(--border-color);\n }\n .border-subtle-success {\n --border-color: light-dark(var(--green-300), var(--green-600));\n border-color: var(--border-color);\n }\n .border-subtle-danger {\n --border-color: light-dark(var(--red-300), var(--red-600));\n border-color: var(--border-color);\n }\n .border-subtle-warning {\n --border-color: light-dark(var(--yellow-300), var(--yellow-600));\n border-color: var(--border-color);\n }\n .border-subtle-info {\n --border-color: light-dark(var(--cyan-300), var(--cyan-600));\n border-color: var(--border-color);\n }\n .border-subtle-inverse {\n --border-color: light-dark(var(--gray-400), var(--gray-100));\n border-color: var(--border-color);\n }\n .border-subtle-secondary {\n --border-color: light-dark(var(--gray-300), var(--gray-600));\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-3 {\n --columns: 3;\n }\n .grid-cols-4 {\n --columns: 4;\n }\n .grid-cols-6 {\n --columns: 6;\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: 1rem;\n }\n .m-4 {\n margin: 1.5rem;\n }\n .m-5 {\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: 1rem;\n }\n .mx-4 {\n margin-inline: 1.5rem;\n }\n .mx-5 {\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: 1rem;\n }\n .my-4 {\n margin-block: 1.5rem;\n }\n .my-5 {\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: 1rem;\n }\n .mt-4 {\n margin-block-start: 1.5rem;\n }\n .mt-5 {\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: 1rem;\n }\n .me-4 {\n margin-inline-end: 1.5rem;\n }\n .me-5 {\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: 1rem;\n }\n .mb-4 {\n margin-block-end: 1.5rem;\n }\n .mb-5 {\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: 1rem;\n }\n .ms-4 {\n margin-inline-start: 1.5rem;\n }\n .ms-5 {\n margin-inline-start: 3rem;\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: 1rem;\n }\n .p-4 {\n padding: 1.5rem;\n }\n .p-5 {\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: 1rem;\n }\n .px-4 {\n padding-inline: 1.5rem;\n }\n .px-5 {\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: 1rem;\n }\n .py-4 {\n padding-block: 1.5rem;\n }\n .py-5 {\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: 1rem;\n }\n .pt-4 {\n padding-block-start: 1.5rem;\n }\n .pt-5 {\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: 1rem;\n }\n .pe-4 {\n padding-inline-end: 1.5rem;\n }\n .pe-5 {\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: 1rem;\n }\n .pb-4 {\n padding-block-end: 1.5rem;\n }\n .pb-5 {\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: 1rem;\n }\n .ps-4 {\n padding-inline-start: 1.5rem;\n }\n .ps-5 {\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: 1rem;\n }\n .gap-4 {\n gap: 1.5rem;\n }\n .gap-5 {\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: 1rem;\n }\n .row-gap-4 {\n row-gap: 1.5rem;\n }\n .row-gap-5 {\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: 1rem;\n }\n .column-gap-4 {\n column-gap: 1.5rem;\n }\n .column-gap-5 {\n column-gap: 3rem;\n }\n .font-monospace {\n font-family: var(--font-monospace);\n }\n .font-body {\n font-family: var(--font-sans-serif);\n }\n .fs-xs {\n font-size: var(--font-size-xs);\n }\n .fs-sm {\n font-size: var(--font-size-sm);\n }\n .fs-md {\n font-size: var(--font-size-md);\n }\n .fs-lg {\n font-size: var(--font-size-lg);\n }\n .fs-xl {\n font-size: var(--font-size-xl);\n }\n .fs-2xl {\n font-size: var(--font-size-2xl);\n }\n .fs-3xl {\n font-size: var(--font-size-3xl);\n }\n .fs-4xl {\n font-size: var(--font-size-4xl);\n }\n .fs-5xl {\n font-size: var(--font-size-5xl);\n }\n .fs-6xl {\n font-size: var(--font-size-6xl);\n }\n .text-xs {\n font-size: var(--font-size-xs);\n line-height: var(--line-height-xs);\n }\n .text-sm {\n font-size: var(--font-size-sm);\n line-height: var(--line-height-sm);\n }\n .text-md {\n font-size: var(--font-size-md);\n line-height: var(--line-height-md);\n }\n .text-lg {\n font-size: var(--font-size-lg);\n line-height: var(--line-height-lg);\n }\n .text-xl {\n font-size: var(--font-size-xl);\n line-height: var(--line-height-xl);\n }\n .text-2xl {\n font-size: var(--font-size-2xl);\n line-height: var(--line-height-2xl);\n }\n .text-3xl {\n font-size: var(--font-size-3xl);\n line-height: var(--line-height-3xl);\n }\n .text-4xl {\n font-size: var(--font-size-4xl);\n line-height: var(--line-height-4xl);\n }\n .text-5xl {\n font-size: var(--font-size-5xl);\n line-height: var(--line-height-5xl);\n }\n .text-6xl {\n font-size: var(--font-size-6xl);\n line-height: var(--line-height-6xl);\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: light-dark(var(--blue-600), var(--blue-400));\n color: var(--fg);\n }\n .fg-accent {\n --fg: light-dark(var(--indigo-600), color-mix(in oklch, var(--indigo-400), var(--indigo-300)));\n color: var(--fg);\n }\n .fg-success {\n --fg: light-dark(var(--green-600), var(--green-400));\n color: var(--fg);\n }\n .fg-danger {\n --fg: light-dark(var(--red-600), var(--red-400));\n color: var(--fg);\n }\n .fg-warning {\n --fg: light-dark(var(--yellow-700), var(--yellow-400));\n color: var(--fg);\n }\n .fg-info {\n --fg: light-dark(var(--cyan-600), var(--cyan-400));\n color: var(--fg);\n }\n .fg-inverse {\n --fg: light-dark(var(--gray-900), var(--gray-200));\n color: var(--fg);\n }\n .fg-secondary {\n --fg: light-dark(var(--gray-600), var(--gray-400));\n color: var(--fg);\n }\n .fg-body {\n --fg: light-dark(var(--gray-900), var(--gray-050));\n color: var(--fg);\n }\n .fg-1 {\n --fg: light-dark(var(--gray-800), var(--gray-200));\n color: var(--fg);\n }\n .fg-2 {\n --fg: light-dark(var(--gray-700), var(--gray-300));\n color: var(--fg);\n }\n .fg-3 {\n --fg: light-dark(var(--gray-600), var(--gray-500));\n color: var(--fg);\n }\n .fg-4 {\n --fg: light-dark(var(--gray-500), var(--gray-600));\n color: var(--fg);\n }\n .fg-white {\n --fg: var(--white);\n color: var(--fg);\n }\n .fg-black {\n --fg: var(--black);\n color: var(--fg);\n }\n .fg-inherit {\n --fg: inherit;\n color: var(--fg);\n }\n .fg-emphasis-primary {\n --fg: light-dark(var(--blue-800), var(--blue-200));\n color: var(--fg);\n }\n .fg-emphasis-accent {\n --fg: light-dark(var(--indigo-800), var(--indigo-300));\n color: var(--fg);\n }\n .fg-emphasis-success {\n --fg: light-dark(var(--green-800), var(--green-300));\n color: var(--fg);\n }\n .fg-emphasis-danger {\n --fg: light-dark(var(--red-800), var(--red-300));\n color: var(--fg);\n }\n .fg-emphasis-warning {\n --fg: light-dark(var(--yellow-800), var(--yellow-300));\n color: var(--fg);\n }\n .fg-emphasis-info {\n --fg: light-dark(var(--cyan-800), var(--cyan-300));\n color: var(--fg);\n }\n .fg-emphasis-inverse {\n --fg: light-dark(var(--gray-975), var(--white));\n color: var(--fg);\n }\n .fg-emphasis-secondary {\n --fg: light-dark(var(--gray-800), var(--gray-200));\n color: var(--fg);\n }\n .fg-contrast-primary {\n --fg: var(--white);\n color: var(--fg);\n }\n .fg-contrast-accent {\n --fg: var(--white);\n color: var(--fg);\n }\n .fg-contrast-success {\n --fg: var(--white);\n color: var(--fg);\n }\n .fg-contrast-danger {\n --fg: var(--white);\n color: var(--fg);\n }\n .fg-contrast-warning {\n --fg: var(--gray-900);\n color: var(--fg);\n }\n .fg-contrast-info {\n --fg: var(--gray-900);\n color: var(--fg);\n }\n .fg-contrast-inverse {\n --fg: light-dark(var(--white), var(--gray-900));\n color: var(--fg);\n }\n .fg-contrast-secondary {\n --fg: light-dark(var(--gray-900), var(--white));\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 .link-10-hover: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 .link-20-hover: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 .link-30-hover: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 .link-40-hover: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 .link-50-hover: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 .link-60-hover: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 .link-70-hover: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 .link-80-hover: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 .link-90-hover:hover {\n color: color-mix(in oklch, var(--link-color) 90%, transparent);\n }\n .link-100 {\n color: var(--link-color);\n }\n .link-100-hover:hover {\n color: var(--link-color);\n }\n .underline-offset-1 {\n text-underline-offset: 0.125em;\n }\n .underline-offset-1-hover:hover {\n text-underline-offset: 0.125em;\n }\n .underline-offset-2 {\n text-underline-offset: 0.25em;\n }\n .underline-offset-2-hover:hover {\n text-underline-offset: 0.25em;\n }\n .underline-offset-3 {\n text-underline-offset: 0.375em;\n }\n .underline-offset-3-hover: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 .underline-10-hover: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 .underline-20-hover: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 .underline-30-hover: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 .underline-40-hover: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 .underline-50-hover: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 .underline-60-hover: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 .underline-70-hover: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 .underline-80-hover: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 .underline-90-hover: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 .underline-100-hover:hover {\n text-decoration-color: var(--link-color);\n }\n .underline-thickness-1 {\n text-decoration-thickness: 1px;\n }\n .underline-thickness-1-hover:hover {\n text-decoration-thickness: 1px;\n }\n .underline-thickness-2 {\n text-decoration-thickness: 2px;\n }\n .underline-thickness-2-hover:hover {\n text-decoration-thickness: 2px;\n }\n .underline-thickness-3 {\n text-decoration-thickness: 3px;\n }\n .underline-thickness-3-hover:hover {\n text-decoration-thickness: 3px;\n }\n .underline-thickness-4 {\n text-decoration-thickness: 4px;\n }\n .underline-thickness-4-hover:hover {\n text-decoration-thickness: 4px;\n }\n .underline-thickness-5 {\n text-decoration-thickness: 5px;\n }\n .underline-thickness-5-hover:hover {\n text-decoration-thickness: 5px;\n }\n .bg-primary {\n --bg: var(--blue-500);\n background-color: var(--bg);\n }\n .bg-accent {\n --bg: var(--indigo-500);\n background-color: var(--bg);\n }\n .bg-success {\n --bg: var(--green-500);\n background-color: var(--bg);\n }\n .bg-danger {\n --bg: var(--red-500);\n background-color: var(--bg);\n }\n .bg-warning {\n --bg: var(--yellow-500);\n background-color: var(--bg);\n }\n .bg-info {\n --bg: var(--cyan-500);\n background-color: var(--bg);\n }\n .bg-inverse {\n --bg: light-dark(var(--gray-900), var(--gray-025));\n background-color: var(--bg);\n }\n .bg-secondary {\n --bg: light-dark(var(--gray-100), var(--gray-600));\n background-color: var(--bg);\n }\n .bg-body {\n --bg: light-dark(var(--white), var(--gray-975));\n background-color: var(--bg);\n }\n .bg-1 {\n --bg: light-dark(var(--gray-025), var(--gray-950));\n background-color: var(--bg);\n }\n .bg-2 {\n --bg: light-dark(var(--gray-050), var(--gray-900));\n background-color: var(--bg);\n }\n .bg-3 {\n --bg: light-dark(var(--gray-100), var(--gray-800));\n background-color: var(--bg);\n }\n .bg-4 {\n --bg: light-dark(var(--gray-200), var(--gray-700));\n background-color: var(--bg);\n }\n .bg-white {\n --bg: var(--white);\n background-color: var(--bg);\n }\n .bg-black {\n --bg: var(--black);\n background-color: var(--bg);\n }\n .bg-transparent {\n --bg: transparent;\n background-color: var(--bg);\n }\n .bg-inherit {\n --bg: inherit;\n background-color: var(--bg);\n }\n .bg-subtle-primary {\n --bg: light-dark(var(--blue-100), var(--blue-900));\n background-color: var(--bg);\n }\n .bg-subtle-accent {\n --bg: light-dark(var(--indigo-100), var(--indigo-900));\n background-color: var(--bg);\n }\n .bg-subtle-success {\n --bg: light-dark(var(--green-100), var(--green-900));\n background-color: var(--bg);\n }\n .bg-subtle-danger {\n --bg: light-dark(var(--red-100), var(--red-900));\n background-color: var(--bg);\n }\n .bg-subtle-warning {\n --bg: light-dark(var(--yellow-100), var(--yellow-900));\n background-color: var(--bg);\n }\n .bg-subtle-info {\n --bg: light-dark(var(--cyan-100), var(--cyan-900));\n background-color: var(--bg);\n }\n .bg-subtle-inverse {\n --bg: light-dark(var(--gray-100), var(--gray-900));\n background-color: var(--bg);\n }\n .bg-subtle-secondary {\n --bg: light-dark(var(--gray-050), var(--gray-800));\n background-color: var(--bg);\n }\n .bg-muted-primary {\n --bg: light-dark(var(--blue-200), var(--blue-800));\n background-color: var(--bg);\n }\n .bg-muted-accent {\n --bg: light-dark(var(--indigo-200), var(--indigo-800));\n background-color: var(--bg);\n }\n .bg-muted-success {\n --bg: light-dark(var(--green-200), var(--green-800));\n background-color: var(--bg);\n }\n .bg-muted-danger {\n --bg: light-dark(var(--red-200), var(--red-800));\n background-color: var(--bg);\n }\n .bg-muted-warning {\n --bg: light-dark(var(--yellow-200), var(--yellow-800));\n background-color: var(--bg);\n }\n .bg-muted-info {\n --bg: light-dark(var(--cyan-200), var(--cyan-800));\n background-color: var(--bg);\n }\n .bg-muted-inverse {\n --bg: light-dark(var(--gray-200), var(--gray-300));\n background-color: var(--bg);\n }\n .bg-muted-secondary {\n --bg: light-dark(var(--gray-100), var(--gray-700));\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-text);\n }\n .theme-muted {\n background-color: var(--theme-bg-muted);\n color: var(--theme-text-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-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 .float-sm-start {\n float: inline-start;\n }\n .float-sm-end {\n float: inline-end;\n }\n .float-sm-none {\n float: none;\n }\n .object-fit-sm-contain {\n object-fit: contain;\n }\n .object-fit-sm-cover {\n object-fit: cover;\n }\n .object-fit-sm-fill {\n object-fit: fill;\n }\n .object-fit-sm-scale {\n object-fit: scale-down;\n }\n .object-fit-sm-none {\n object-fit: none;\n }\n .d-sm-inline {\n display: inline;\n }\n .d-sm-inline-block {\n display: inline-block;\n }\n .d-sm-block {\n display: block;\n }\n .d-sm-grid {\n display: grid;\n }\n .d-sm-inline-grid {\n display: inline-grid;\n }\n .d-sm-table {\n display: table;\n }\n .d-sm-table-row {\n display: table-row;\n }\n .d-sm-table-cell {\n display: table-cell;\n }\n .d-sm-flex {\n display: flex;\n }\n .d-sm-inline-flex {\n display: inline-flex;\n }\n .d-sm-contents {\n display: contents;\n }\n .d-sm-flow-root {\n display: flow-root;\n }\n .d-sm-none {\n display: none;\n }\n .flex-sm-fill {\n flex: 1 1 auto;\n }\n .flex-sm-row {\n flex-direction: row;\n }\n .flex-sm-column {\n flex-direction: column;\n }\n .flex-sm-row-reverse {\n flex-direction: row-reverse;\n }\n .flex-sm-column-reverse {\n flex-direction: column-reverse;\n }\n .flex-sm-grow-0 {\n flex-grow: 0;\n }\n .flex-sm-grow-1 {\n flex-grow: 1;\n }\n .flex-sm-shrink-0 {\n flex-shrink: 0;\n }\n .flex-sm-shrink-1 {\n flex-shrink: 1;\n }\n .flex-sm-wrap {\n flex-wrap: wrap;\n }\n .flex-sm-nowrap {\n flex-wrap: nowrap;\n }\n .flex-sm-wrap-reverse {\n flex-wrap: wrap-reverse;\n }\n .justify-content-sm-start {\n justify-content: flex-start;\n }\n .justify-content-sm-end {\n justify-content: flex-end;\n }\n .justify-content-sm-center {\n justify-content: center;\n }\n .justify-content-sm-between {\n justify-content: space-between;\n }\n .justify-content-sm-around {\n justify-content: space-around;\n }\n .justify-content-sm-evenly {\n justify-content: space-evenly;\n }\n .justify-items-sm-start {\n justify-items: start;\n }\n .justify-items-sm-end {\n justify-items: end;\n }\n .justify-items-sm-center {\n justify-items: center;\n }\n .justify-items-sm-stretch {\n justify-items: stretch;\n }\n .justify-self-sm-start {\n justify-self: flex-start;\n }\n .justify-self-sm-end {\n justify-self: flex-end;\n }\n .justify-self-sm-center {\n justify-self: center;\n }\n .align-items-sm-start {\n align-items: flex-start;\n }\n .align-items-sm-end {\n align-items: flex-end;\n }\n .align-items-sm-center {\n align-items: center;\n }\n .align-items-sm-baseline {\n align-items: baseline;\n }\n .align-items-sm-stretch {\n align-items: stretch;\n }\n .align-content-sm-start {\n align-content: flex-start;\n }\n .align-content-sm-end {\n align-content: flex-end;\n }\n .align-content-sm-center {\n align-content: center;\n }\n .align-content-sm-between {\n align-content: space-between;\n }\n .align-content-sm-around {\n align-content: space-around;\n }\n .align-content-sm-stretch {\n align-content: stretch;\n }\n .align-self-sm-auto {\n align-self: auto;\n }\n .align-self-sm-start {\n align-self: flex-start;\n }\n .align-self-sm-end {\n align-self: flex-end;\n }\n .align-self-sm-center {\n align-self: center;\n }\n .align-self-sm-baseline {\n align-self: baseline;\n }\n .align-self-sm-stretch {\n align-self: stretch;\n }\n .place-items-sm-start {\n place-items: start;\n }\n .place-items-sm-end {\n place-items: end;\n }\n .place-items-sm-center {\n place-items: center;\n }\n .place-items-sm-stretch {\n place-items: stretch;\n }\n .grid-cols-sm-3 {\n --columns: 3;\n }\n .grid-cols-sm-4 {\n --columns: 4;\n }\n .grid-cols-sm-6 {\n --columns: 6;\n }\n .grid-cols-sm-fill {\n grid-column: 1 / -1;\n }\n .grid-auto-flow-sm-row {\n grid-auto-flow: row;\n }\n .grid-auto-flow-sm-column {\n grid-auto-flow: column;\n }\n .grid-auto-flow-sm-dense {\n grid-auto-flow: dense;\n }\n .order-sm-first {\n order: -1;\n }\n .order-sm-0 {\n order: 0;\n }\n .order-sm-1 {\n order: 1;\n }\n .order-sm-2 {\n order: 2;\n }\n .order-sm-3 {\n order: 3;\n }\n .order-sm-4 {\n order: 4;\n }\n .order-sm-5 {\n order: 5;\n }\n .order-sm-last {\n order: 6;\n }\n .m-sm-0 {\n margin: 0;\n }\n .m-sm-1 {\n margin: 0.25rem;\n }\n .m-sm-2 {\n margin: 0.5rem;\n }\n .m-sm-3 {\n margin: 1rem;\n }\n .m-sm-4 {\n margin: 1.5rem;\n }\n .m-sm-5 {\n margin: 3rem;\n }\n .m-sm-auto {\n margin: auto;\n }\n .mx-sm-0 {\n margin-inline: 0;\n }\n .mx-sm-1 {\n margin-inline: 0.25rem;\n }\n .mx-sm-2 {\n margin-inline: 0.5rem;\n }\n .mx-sm-3 {\n margin-inline: 1rem;\n }\n .mx-sm-4 {\n margin-inline: 1.5rem;\n }\n .mx-sm-5 {\n margin-inline: 3rem;\n }\n .mx-sm-auto {\n margin-inline: auto;\n }\n .my-sm-0 {\n margin-block: 0;\n }\n .my-sm-1 {\n margin-block: 0.25rem;\n }\n .my-sm-2 {\n margin-block: 0.5rem;\n }\n .my-sm-3 {\n margin-block: 1rem;\n }\n .my-sm-4 {\n margin-block: 1.5rem;\n }\n .my-sm-5 {\n margin-block: 3rem;\n }\n .my-sm-auto {\n margin-block: auto;\n }\n .mt-sm-0 {\n margin-block-start: 0;\n }\n .mt-sm-1 {\n margin-block-start: 0.25rem;\n }\n .mt-sm-2 {\n margin-block-start: 0.5rem;\n }\n .mt-sm-3 {\n margin-block-start: 1rem;\n }\n .mt-sm-4 {\n margin-block-start: 1.5rem;\n }\n .mt-sm-5 {\n margin-block-start: 3rem;\n }\n .mt-sm-auto {\n margin-block-start: auto;\n }\n .me-sm-0 {\n margin-inline-end: 0;\n }\n .me-sm-1 {\n margin-inline-end: 0.25rem;\n }\n .me-sm-2 {\n margin-inline-end: 0.5rem;\n }\n .me-sm-3 {\n margin-inline-end: 1rem;\n }\n .me-sm-4 {\n margin-inline-end: 1.5rem;\n }\n .me-sm-5 {\n margin-inline-end: 3rem;\n }\n .me-sm-auto {\n margin-inline-end: auto;\n }\n .mb-sm-0 {\n margin-block-end: 0;\n }\n .mb-sm-1 {\n margin-block-end: 0.25rem;\n }\n .mb-sm-2 {\n margin-block-end: 0.5rem;\n }\n .mb-sm-3 {\n margin-block-end: 1rem;\n }\n .mb-sm-4 {\n margin-block-end: 1.5rem;\n }\n .mb-sm-5 {\n margin-block-end: 3rem;\n }\n .mb-sm-auto {\n margin-block-end: auto;\n }\n .ms-sm-0 {\n margin-inline-start: 0;\n }\n .ms-sm-1 {\n margin-inline-start: 0.25rem;\n }\n .ms-sm-2 {\n margin-inline-start: 0.5rem;\n }\n .ms-sm-3 {\n margin-inline-start: 1rem;\n }\n .ms-sm-4 {\n margin-inline-start: 1.5rem;\n }\n .ms-sm-5 {\n margin-inline-start: 3rem;\n }\n .ms-sm-auto {\n margin-inline-start: auto;\n }\n .p-sm-0 {\n padding: 0;\n }\n .p-sm-1 {\n padding: 0.25rem;\n }\n .p-sm-2 {\n padding: 0.5rem;\n }\n .p-sm-3 {\n padding: 1rem;\n }\n .p-sm-4 {\n padding: 1.5rem;\n }\n .p-sm-5 {\n padding: 3rem;\n }\n .px-sm-0 {\n padding-inline: 0;\n }\n .px-sm-1 {\n padding-inline: 0.25rem;\n }\n .px-sm-2 {\n padding-inline: 0.5rem;\n }\n .px-sm-3 {\n padding-inline: 1rem;\n }\n .px-sm-4 {\n padding-inline: 1.5rem;\n }\n .px-sm-5 {\n padding-inline: 3rem;\n }\n .py-sm-0 {\n padding-block: 0;\n }\n .py-sm-1 {\n padding-block: 0.25rem;\n }\n .py-sm-2 {\n padding-block: 0.5rem;\n }\n .py-sm-3 {\n padding-block: 1rem;\n }\n .py-sm-4 {\n padding-block: 1.5rem;\n }\n .py-sm-5 {\n padding-block: 3rem;\n }\n .pt-sm-0 {\n padding-block-start: 0;\n }\n .pt-sm-1 {\n padding-block-start: 0.25rem;\n }\n .pt-sm-2 {\n padding-block-start: 0.5rem;\n }\n .pt-sm-3 {\n padding-block-start: 1rem;\n }\n .pt-sm-4 {\n padding-block-start: 1.5rem;\n }\n .pt-sm-5 {\n padding-block-start: 3rem;\n }\n .pe-sm-0 {\n padding-inline-end: 0;\n }\n .pe-sm-1 {\n padding-inline-end: 0.25rem;\n }\n .pe-sm-2 {\n padding-inline-end: 0.5rem;\n }\n .pe-sm-3 {\n padding-inline-end: 1rem;\n }\n .pe-sm-4 {\n padding-inline-end: 1.5rem;\n }\n .pe-sm-5 {\n padding-inline-end: 3rem;\n }\n .pb-sm-0 {\n padding-block-end: 0;\n }\n .pb-sm-1 {\n padding-block-end: 0.25rem;\n }\n .pb-sm-2 {\n padding-block-end: 0.5rem;\n }\n .pb-sm-3 {\n padding-block-end: 1rem;\n }\n .pb-sm-4 {\n padding-block-end: 1.5rem;\n }\n .pb-sm-5 {\n padding-block-end: 3rem;\n }\n .ps-sm-0 {\n padding-inline-start: 0;\n }\n .ps-sm-1 {\n padding-inline-start: 0.25rem;\n }\n .ps-sm-2 {\n padding-inline-start: 0.5rem;\n }\n .ps-sm-3 {\n padding-inline-start: 1rem;\n }\n .ps-sm-4 {\n padding-inline-start: 1.5rem;\n }\n .ps-sm-5 {\n padding-inline-start: 3rem;\n }\n .gap-sm-0 {\n gap: 0;\n }\n .gap-sm-1 {\n gap: 0.25rem;\n }\n .gap-sm-2 {\n gap: 0.5rem;\n }\n .gap-sm-3 {\n gap: 1rem;\n }\n .gap-sm-4 {\n gap: 1.5rem;\n }\n .gap-sm-5 {\n gap: 3rem;\n }\n .row-gap-sm-0 {\n row-gap: 0;\n }\n .row-gap-sm-1 {\n row-gap: 0.25rem;\n }\n .row-gap-sm-2 {\n row-gap: 0.5rem;\n }\n .row-gap-sm-3 {\n row-gap: 1rem;\n }\n .row-gap-sm-4 {\n row-gap: 1.5rem;\n }\n .row-gap-sm-5 {\n row-gap: 3rem;\n }\n .column-gap-sm-0 {\n column-gap: 0;\n }\n .column-gap-sm-1 {\n column-gap: 0.25rem;\n }\n .column-gap-sm-2 {\n column-gap: 0.5rem;\n }\n .column-gap-sm-3 {\n column-gap: 1rem;\n }\n .column-gap-sm-4 {\n column-gap: 1.5rem;\n }\n .column-gap-sm-5 {\n column-gap: 3rem;\n }\n .text-sm-start {\n text-align: start;\n }\n .text-sm-end {\n text-align: end;\n }\n .text-sm-center {\n text-align: center;\n }\n }\n @media (width >= 768px) {\n .float-md-start {\n float: inline-start;\n }\n .float-md-end {\n float: inline-end;\n }\n .float-md-none {\n float: none;\n }\n .object-fit-md-contain {\n object-fit: contain;\n }\n .object-fit-md-cover {\n object-fit: cover;\n }\n .object-fit-md-fill {\n object-fit: fill;\n }\n .object-fit-md-scale {\n object-fit: scale-down;\n }\n .object-fit-md-none {\n object-fit: none;\n }\n .d-md-inline {\n display: inline;\n }\n .d-md-inline-block {\n display: inline-block;\n }\n .d-md-block {\n display: block;\n }\n .d-md-grid {\n display: grid;\n }\n .d-md-inline-grid {\n display: inline-grid;\n }\n .d-md-table {\n display: table;\n }\n .d-md-table-row {\n display: table-row;\n }\n .d-md-table-cell {\n display: table-cell;\n }\n .d-md-flex {\n display: flex;\n }\n .d-md-inline-flex {\n display: inline-flex;\n }\n .d-md-contents {\n display: contents;\n }\n .d-md-flow-root {\n display: flow-root;\n }\n .d-md-none {\n display: none;\n }\n .flex-md-fill {\n flex: 1 1 auto;\n }\n .flex-md-row {\n flex-direction: row;\n }\n .flex-md-column {\n flex-direction: column;\n }\n .flex-md-row-reverse {\n flex-direction: row-reverse;\n }\n .flex-md-column-reverse {\n flex-direction: column-reverse;\n }\n .flex-md-grow-0 {\n flex-grow: 0;\n }\n .flex-md-grow-1 {\n flex-grow: 1;\n }\n .flex-md-shrink-0 {\n flex-shrink: 0;\n }\n .flex-md-shrink-1 {\n flex-shrink: 1;\n }\n .flex-md-wrap {\n flex-wrap: wrap;\n }\n .flex-md-nowrap {\n flex-wrap: nowrap;\n }\n .flex-md-wrap-reverse {\n flex-wrap: wrap-reverse;\n }\n .justify-content-md-start {\n justify-content: flex-start;\n }\n .justify-content-md-end {\n justify-content: flex-end;\n }\n .justify-content-md-center {\n justify-content: center;\n }\n .justify-content-md-between {\n justify-content: space-between;\n }\n .justify-content-md-around {\n justify-content: space-around;\n }\n .justify-content-md-evenly {\n justify-content: space-evenly;\n }\n .justify-items-md-start {\n justify-items: start;\n }\n .justify-items-md-end {\n justify-items: end;\n }\n .justify-items-md-center {\n justify-items: center;\n }\n .justify-items-md-stretch {\n justify-items: stretch;\n }\n .justify-self-md-start {\n justify-self: flex-start;\n }\n .justify-self-md-end {\n justify-self: flex-end;\n }\n .justify-self-md-center {\n justify-self: center;\n }\n .align-items-md-start {\n align-items: flex-start;\n }\n .align-items-md-end {\n align-items: flex-end;\n }\n .align-items-md-center {\n align-items: center;\n }\n .align-items-md-baseline {\n align-items: baseline;\n }\n .align-items-md-stretch {\n align-items: stretch;\n }\n .align-content-md-start {\n align-content: flex-start;\n }\n .align-content-md-end {\n align-content: flex-end;\n }\n .align-content-md-center {\n align-content: center;\n }\n .align-content-md-between {\n align-content: space-between;\n }\n .align-content-md-around {\n align-content: space-around;\n }\n .align-content-md-stretch {\n align-content: stretch;\n }\n .align-self-md-auto {\n align-self: auto;\n }\n .align-self-md-start {\n align-self: flex-start;\n }\n .align-self-md-end {\n align-self: flex-end;\n }\n .align-self-md-center {\n align-self: center;\n }\n .align-self-md-baseline {\n align-self: baseline;\n }\n .align-self-md-stretch {\n align-self: stretch;\n }\n .place-items-md-start {\n place-items: start;\n }\n .place-items-md-end {\n place-items: end;\n }\n .place-items-md-center {\n place-items: center;\n }\n .place-items-md-stretch {\n place-items: stretch;\n }\n .grid-cols-md-3 {\n --columns: 3;\n }\n .grid-cols-md-4 {\n --columns: 4;\n }\n .grid-cols-md-6 {\n --columns: 6;\n }\n .grid-cols-md-fill {\n grid-column: 1 / -1;\n }\n .grid-auto-flow-md-row {\n grid-auto-flow: row;\n }\n .grid-auto-flow-md-column {\n grid-auto-flow: column;\n }\n .grid-auto-flow-md-dense {\n grid-auto-flow: dense;\n }\n .order-md-first {\n order: -1;\n }\n .order-md-0 {\n order: 0;\n }\n .order-md-1 {\n order: 1;\n }\n .order-md-2 {\n order: 2;\n }\n .order-md-3 {\n order: 3;\n }\n .order-md-4 {\n order: 4;\n }\n .order-md-5 {\n order: 5;\n }\n .order-md-last {\n order: 6;\n }\n .m-md-0 {\n margin: 0;\n }\n .m-md-1 {\n margin: 0.25rem;\n }\n .m-md-2 {\n margin: 0.5rem;\n }\n .m-md-3 {\n margin: 1rem;\n }\n .m-md-4 {\n margin: 1.5rem;\n }\n .m-md-5 {\n margin: 3rem;\n }\n .m-md-auto {\n margin: auto;\n }\n .mx-md-0 {\n margin-inline: 0;\n }\n .mx-md-1 {\n margin-inline: 0.25rem;\n }\n .mx-md-2 {\n margin-inline: 0.5rem;\n }\n .mx-md-3 {\n margin-inline: 1rem;\n }\n .mx-md-4 {\n margin-inline: 1.5rem;\n }\n .mx-md-5 {\n margin-inline: 3rem;\n }\n .mx-md-auto {\n margin-inline: auto;\n }\n .my-md-0 {\n margin-block: 0;\n }\n .my-md-1 {\n margin-block: 0.25rem;\n }\n .my-md-2 {\n margin-block: 0.5rem;\n }\n .my-md-3 {\n margin-block: 1rem;\n }\n .my-md-4 {\n margin-block: 1.5rem;\n }\n .my-md-5 {\n margin-block: 3rem;\n }\n .my-md-auto {\n margin-block: auto;\n }\n .mt-md-0 {\n margin-block-start: 0;\n }\n .mt-md-1 {\n margin-block-start: 0.25rem;\n }\n .mt-md-2 {\n margin-block-start: 0.5rem;\n }\n .mt-md-3 {\n margin-block-start: 1rem;\n }\n .mt-md-4 {\n margin-block-start: 1.5rem;\n }\n .mt-md-5 {\n margin-block-start: 3rem;\n }\n .mt-md-auto {\n margin-block-start: auto;\n }\n .me-md-0 {\n margin-inline-end: 0;\n }\n .me-md-1 {\n margin-inline-end: 0.25rem;\n }\n .me-md-2 {\n margin-inline-end: 0.5rem;\n }\n .me-md-3 {\n margin-inline-end: 1rem;\n }\n .me-md-4 {\n margin-inline-end: 1.5rem;\n }\n .me-md-5 {\n margin-inline-end: 3rem;\n }\n .me-md-auto {\n margin-inline-end: auto;\n }\n .mb-md-0 {\n margin-block-end: 0;\n }\n .mb-md-1 {\n margin-block-end: 0.25rem;\n }\n .mb-md-2 {\n margin-block-end: 0.5rem;\n }\n .mb-md-3 {\n margin-block-end: 1rem;\n }\n .mb-md-4 {\n margin-block-end: 1.5rem;\n }\n .mb-md-5 {\n margin-block-end: 3rem;\n }\n .mb-md-auto {\n margin-block-end: auto;\n }\n .ms-md-0 {\n margin-inline-start: 0;\n }\n .ms-md-1 {\n margin-inline-start: 0.25rem;\n }\n .ms-md-2 {\n margin-inline-start: 0.5rem;\n }\n .ms-md-3 {\n margin-inline-start: 1rem;\n }\n .ms-md-4 {\n margin-inline-start: 1.5rem;\n }\n .ms-md-5 {\n margin-inline-start: 3rem;\n }\n .ms-md-auto {\n margin-inline-start: auto;\n }\n .p-md-0 {\n padding: 0;\n }\n .p-md-1 {\n padding: 0.25rem;\n }\n .p-md-2 {\n padding: 0.5rem;\n }\n .p-md-3 {\n padding: 1rem;\n }\n .p-md-4 {\n padding: 1.5rem;\n }\n .p-md-5 {\n padding: 3rem;\n }\n .px-md-0 {\n padding-inline: 0;\n }\n .px-md-1 {\n padding-inline: 0.25rem;\n }\n .px-md-2 {\n padding-inline: 0.5rem;\n }\n .px-md-3 {\n padding-inline: 1rem;\n }\n .px-md-4 {\n padding-inline: 1.5rem;\n }\n .px-md-5 {\n padding-inline: 3rem;\n }\n .py-md-0 {\n padding-block: 0;\n }\n .py-md-1 {\n padding-block: 0.25rem;\n }\n .py-md-2 {\n padding-block: 0.5rem;\n }\n .py-md-3 {\n padding-block: 1rem;\n }\n .py-md-4 {\n padding-block: 1.5rem;\n }\n .py-md-5 {\n padding-block: 3rem;\n }\n .pt-md-0 {\n padding-block-start: 0;\n }\n .pt-md-1 {\n padding-block-start: 0.25rem;\n }\n .pt-md-2 {\n padding-block-start: 0.5rem;\n }\n .pt-md-3 {\n padding-block-start: 1rem;\n }\n .pt-md-4 {\n padding-block-start: 1.5rem;\n }\n .pt-md-5 {\n padding-block-start: 3rem;\n }\n .pe-md-0 {\n padding-inline-end: 0;\n }\n .pe-md-1 {\n padding-inline-end: 0.25rem;\n }\n .pe-md-2 {\n padding-inline-end: 0.5rem;\n }\n .pe-md-3 {\n padding-inline-end: 1rem;\n }\n .pe-md-4 {\n padding-inline-end: 1.5rem;\n }\n .pe-md-5 {\n padding-inline-end: 3rem;\n }\n .pb-md-0 {\n padding-block-end: 0;\n }\n .pb-md-1 {\n padding-block-end: 0.25rem;\n }\n .pb-md-2 {\n padding-block-end: 0.5rem;\n }\n .pb-md-3 {\n padding-block-end: 1rem;\n }\n .pb-md-4 {\n padding-block-end: 1.5rem;\n }\n .pb-md-5 {\n padding-block-end: 3rem;\n }\n .ps-md-0 {\n padding-inline-start: 0;\n }\n .ps-md-1 {\n padding-inline-start: 0.25rem;\n }\n .ps-md-2 {\n padding-inline-start: 0.5rem;\n }\n .ps-md-3 {\n padding-inline-start: 1rem;\n }\n .ps-md-4 {\n padding-inline-start: 1.5rem;\n }\n .ps-md-5 {\n padding-inline-start: 3rem;\n }\n .gap-md-0 {\n gap: 0;\n }\n .gap-md-1 {\n gap: 0.25rem;\n }\n .gap-md-2 {\n gap: 0.5rem;\n }\n .gap-md-3 {\n gap: 1rem;\n }\n .gap-md-4 {\n gap: 1.5rem;\n }\n .gap-md-5 {\n gap: 3rem;\n }\n .row-gap-md-0 {\n row-gap: 0;\n }\n .row-gap-md-1 {\n row-gap: 0.25rem;\n }\n .row-gap-md-2 {\n row-gap: 0.5rem;\n }\n .row-gap-md-3 {\n row-gap: 1rem;\n }\n .row-gap-md-4 {\n row-gap: 1.5rem;\n }\n .row-gap-md-5 {\n row-gap: 3rem;\n }\n .column-gap-md-0 {\n column-gap: 0;\n }\n .column-gap-md-1 {\n column-gap: 0.25rem;\n }\n .column-gap-md-2 {\n column-gap: 0.5rem;\n }\n .column-gap-md-3 {\n column-gap: 1rem;\n }\n .column-gap-md-4 {\n column-gap: 1.5rem;\n }\n .column-gap-md-5 {\n column-gap: 3rem;\n }\n .text-md-start {\n text-align: start;\n }\n .text-md-end {\n text-align: end;\n }\n .text-md-center {\n text-align: center;\n }\n }\n @media (width >= 1024px) {\n .float-lg-start {\n float: inline-start;\n }\n .float-lg-end {\n float: inline-end;\n }\n .float-lg-none {\n float: none;\n }\n .object-fit-lg-contain {\n object-fit: contain;\n }\n .object-fit-lg-cover {\n object-fit: cover;\n }\n .object-fit-lg-fill {\n object-fit: fill;\n }\n .object-fit-lg-scale {\n object-fit: scale-down;\n }\n .object-fit-lg-none {\n object-fit: none;\n }\n .d-lg-inline {\n display: inline;\n }\n .d-lg-inline-block {\n display: inline-block;\n }\n .d-lg-block {\n display: block;\n }\n .d-lg-grid {\n display: grid;\n }\n .d-lg-inline-grid {\n display: inline-grid;\n }\n .d-lg-table {\n display: table;\n }\n .d-lg-table-row {\n display: table-row;\n }\n .d-lg-table-cell {\n display: table-cell;\n }\n .d-lg-flex {\n display: flex;\n }\n .d-lg-inline-flex {\n display: inline-flex;\n }\n .d-lg-contents {\n display: contents;\n }\n .d-lg-flow-root {\n display: flow-root;\n }\n .d-lg-none {\n display: none;\n }\n .flex-lg-fill {\n flex: 1 1 auto;\n }\n .flex-lg-row {\n flex-direction: row;\n }\n .flex-lg-column {\n flex-direction: column;\n }\n .flex-lg-row-reverse {\n flex-direction: row-reverse;\n }\n .flex-lg-column-reverse {\n flex-direction: column-reverse;\n }\n .flex-lg-grow-0 {\n flex-grow: 0;\n }\n .flex-lg-grow-1 {\n flex-grow: 1;\n }\n .flex-lg-shrink-0 {\n flex-shrink: 0;\n }\n .flex-lg-shrink-1 {\n flex-shrink: 1;\n }\n .flex-lg-wrap {\n flex-wrap: wrap;\n }\n .flex-lg-nowrap {\n flex-wrap: nowrap;\n }\n .flex-lg-wrap-reverse {\n flex-wrap: wrap-reverse;\n }\n .justify-content-lg-start {\n justify-content: flex-start;\n }\n .justify-content-lg-end {\n justify-content: flex-end;\n }\n .justify-content-lg-center {\n justify-content: center;\n }\n .justify-content-lg-between {\n justify-content: space-between;\n }\n .justify-content-lg-around {\n justify-content: space-around;\n }\n .justify-content-lg-evenly {\n justify-content: space-evenly;\n }\n .justify-items-lg-start {\n justify-items: start;\n }\n .justify-items-lg-end {\n justify-items: end;\n }\n .justify-items-lg-center {\n justify-items: center;\n }\n .justify-items-lg-stretch {\n justify-items: stretch;\n }\n .justify-self-lg-start {\n justify-self: flex-start;\n }\n .justify-self-lg-end {\n justify-self: flex-end;\n }\n .justify-self-lg-center {\n justify-self: center;\n }\n .align-items-lg-start {\n align-items: flex-start;\n }\n .align-items-lg-end {\n align-items: flex-end;\n }\n .align-items-lg-center {\n align-items: center;\n }\n .align-items-lg-baseline {\n align-items: baseline;\n }\n .align-items-lg-stretch {\n align-items: stretch;\n }\n .align-content-lg-start {\n align-content: flex-start;\n }\n .align-content-lg-end {\n align-content: flex-end;\n }\n .align-content-lg-center {\n align-content: center;\n }\n .align-content-lg-between {\n align-content: space-between;\n }\n .align-content-lg-around {\n align-content: space-around;\n }\n .align-content-lg-stretch {\n align-content: stretch;\n }\n .align-self-lg-auto {\n align-self: auto;\n }\n .align-self-lg-start {\n align-self: flex-start;\n }\n .align-self-lg-end {\n align-self: flex-end;\n }\n .align-self-lg-center {\n align-self: center;\n }\n .align-self-lg-baseline {\n align-self: baseline;\n }\n .align-self-lg-stretch {\n align-self: stretch;\n }\n .place-items-lg-start {\n place-items: start;\n }\n .place-items-lg-end {\n place-items: end;\n }\n .place-items-lg-center {\n place-items: center;\n }\n .place-items-lg-stretch {\n place-items: stretch;\n }\n .grid-cols-lg-3 {\n --columns: 3;\n }\n .grid-cols-lg-4 {\n --columns: 4;\n }\n .grid-cols-lg-6 {\n --columns: 6;\n }\n .grid-cols-lg-fill {\n grid-column: 1 / -1;\n }\n .grid-auto-flow-lg-row {\n grid-auto-flow: row;\n }\n .grid-auto-flow-lg-column {\n grid-auto-flow: column;\n }\n .grid-auto-flow-lg-dense {\n grid-auto-flow: dense;\n }\n .order-lg-first {\n order: -1;\n }\n .order-lg-0 {\n order: 0;\n }\n .order-lg-1 {\n order: 1;\n }\n .order-lg-2 {\n order: 2;\n }\n .order-lg-3 {\n order: 3;\n }\n .order-lg-4 {\n order: 4;\n }\n .order-lg-5 {\n order: 5;\n }\n .order-lg-last {\n order: 6;\n }\n .m-lg-0 {\n margin: 0;\n }\n .m-lg-1 {\n margin: 0.25rem;\n }\n .m-lg-2 {\n margin: 0.5rem;\n }\n .m-lg-3 {\n margin: 1rem;\n }\n .m-lg-4 {\n margin: 1.5rem;\n }\n .m-lg-5 {\n margin: 3rem;\n }\n .m-lg-auto {\n margin: auto;\n }\n .mx-lg-0 {\n margin-inline: 0;\n }\n .mx-lg-1 {\n margin-inline: 0.25rem;\n }\n .mx-lg-2 {\n margin-inline: 0.5rem;\n }\n .mx-lg-3 {\n margin-inline: 1rem;\n }\n .mx-lg-4 {\n margin-inline: 1.5rem;\n }\n .mx-lg-5 {\n margin-inline: 3rem;\n }\n .mx-lg-auto {\n margin-inline: auto;\n }\n .my-lg-0 {\n margin-block: 0;\n }\n .my-lg-1 {\n margin-block: 0.25rem;\n }\n .my-lg-2 {\n margin-block: 0.5rem;\n }\n .my-lg-3 {\n margin-block: 1rem;\n }\n .my-lg-4 {\n margin-block: 1.5rem;\n }\n .my-lg-5 {\n margin-block: 3rem;\n }\n .my-lg-auto {\n margin-block: auto;\n }\n .mt-lg-0 {\n margin-block-start: 0;\n }\n .mt-lg-1 {\n margin-block-start: 0.25rem;\n }\n .mt-lg-2 {\n margin-block-start: 0.5rem;\n }\n .mt-lg-3 {\n margin-block-start: 1rem;\n }\n .mt-lg-4 {\n margin-block-start: 1.5rem;\n }\n .mt-lg-5 {\n margin-block-start: 3rem;\n }\n .mt-lg-auto {\n margin-block-start: auto;\n }\n .me-lg-0 {\n margin-inline-end: 0;\n }\n .me-lg-1 {\n margin-inline-end: 0.25rem;\n }\n .me-lg-2 {\n margin-inline-end: 0.5rem;\n }\n .me-lg-3 {\n margin-inline-end: 1rem;\n }\n .me-lg-4 {\n margin-inline-end: 1.5rem;\n }\n .me-lg-5 {\n margin-inline-end: 3rem;\n }\n .me-lg-auto {\n margin-inline-end: auto;\n }\n .mb-lg-0 {\n margin-block-end: 0;\n }\n .mb-lg-1 {\n margin-block-end: 0.25rem;\n }\n .mb-lg-2 {\n margin-block-end: 0.5rem;\n }\n .mb-lg-3 {\n margin-block-end: 1rem;\n }\n .mb-lg-4 {\n margin-block-end: 1.5rem;\n }\n .mb-lg-5 {\n margin-block-end: 3rem;\n }\n .mb-lg-auto {\n margin-block-end: auto;\n }\n .ms-lg-0 {\n margin-inline-start: 0;\n }\n .ms-lg-1 {\n margin-inline-start: 0.25rem;\n }\n .ms-lg-2 {\n margin-inline-start: 0.5rem;\n }\n .ms-lg-3 {\n margin-inline-start: 1rem;\n }\n .ms-lg-4 {\n margin-inline-start: 1.5rem;\n }\n .ms-lg-5 {\n margin-inline-start: 3rem;\n }\n .ms-lg-auto {\n margin-inline-start: auto;\n }\n .p-lg-0 {\n padding: 0;\n }\n .p-lg-1 {\n padding: 0.25rem;\n }\n .p-lg-2 {\n padding: 0.5rem;\n }\n .p-lg-3 {\n padding: 1rem;\n }\n .p-lg-4 {\n padding: 1.5rem;\n }\n .p-lg-5 {\n padding: 3rem;\n }\n .px-lg-0 {\n padding-inline: 0;\n }\n .px-lg-1 {\n padding-inline: 0.25rem;\n }\n .px-lg-2 {\n padding-inline: 0.5rem;\n }\n .px-lg-3 {\n padding-inline: 1rem;\n }\n .px-lg-4 {\n padding-inline: 1.5rem;\n }\n .px-lg-5 {\n padding-inline: 3rem;\n }\n .py-lg-0 {\n padding-block: 0;\n }\n .py-lg-1 {\n padding-block: 0.25rem;\n }\n .py-lg-2 {\n padding-block: 0.5rem;\n }\n .py-lg-3 {\n padding-block: 1rem;\n }\n .py-lg-4 {\n padding-block: 1.5rem;\n }\n .py-lg-5 {\n padding-block: 3rem;\n }\n .pt-lg-0 {\n padding-block-start: 0;\n }\n .pt-lg-1 {\n padding-block-start: 0.25rem;\n }\n .pt-lg-2 {\n padding-block-start: 0.5rem;\n }\n .pt-lg-3 {\n padding-block-start: 1rem;\n }\n .pt-lg-4 {\n padding-block-start: 1.5rem;\n }\n .pt-lg-5 {\n padding-block-start: 3rem;\n }\n .pe-lg-0 {\n padding-inline-end: 0;\n }\n .pe-lg-1 {\n padding-inline-end: 0.25rem;\n }\n .pe-lg-2 {\n padding-inline-end: 0.5rem;\n }\n .pe-lg-3 {\n padding-inline-end: 1rem;\n }\n .pe-lg-4 {\n padding-inline-end: 1.5rem;\n }\n .pe-lg-5 {\n padding-inline-end: 3rem;\n }\n .pb-lg-0 {\n padding-block-end: 0;\n }\n .pb-lg-1 {\n padding-block-end: 0.25rem;\n }\n .pb-lg-2 {\n padding-block-end: 0.5rem;\n }\n .pb-lg-3 {\n padding-block-end: 1rem;\n }\n .pb-lg-4 {\n padding-block-end: 1.5rem;\n }\n .pb-lg-5 {\n padding-block-end: 3rem;\n }\n .ps-lg-0 {\n padding-inline-start: 0;\n }\n .ps-lg-1 {\n padding-inline-start: 0.25rem;\n }\n .ps-lg-2 {\n padding-inline-start: 0.5rem;\n }\n .ps-lg-3 {\n padding-inline-start: 1rem;\n }\n .ps-lg-4 {\n padding-inline-start: 1.5rem;\n }\n .ps-lg-5 {\n padding-inline-start: 3rem;\n }\n .gap-lg-0 {\n gap: 0;\n }\n .gap-lg-1 {\n gap: 0.25rem;\n }\n .gap-lg-2 {\n gap: 0.5rem;\n }\n .gap-lg-3 {\n gap: 1rem;\n }\n .gap-lg-4 {\n gap: 1.5rem;\n }\n .gap-lg-5 {\n gap: 3rem;\n }\n .row-gap-lg-0 {\n row-gap: 0;\n }\n .row-gap-lg-1 {\n row-gap: 0.25rem;\n }\n .row-gap-lg-2 {\n row-gap: 0.5rem;\n }\n .row-gap-lg-3 {\n row-gap: 1rem;\n }\n .row-gap-lg-4 {\n row-gap: 1.5rem;\n }\n .row-gap-lg-5 {\n row-gap: 3rem;\n }\n .column-gap-lg-0 {\n column-gap: 0;\n }\n .column-gap-lg-1 {\n column-gap: 0.25rem;\n }\n .column-gap-lg-2 {\n column-gap: 0.5rem;\n }\n .column-gap-lg-3 {\n column-gap: 1rem;\n }\n .column-gap-lg-4 {\n column-gap: 1.5rem;\n }\n .column-gap-lg-5 {\n column-gap: 3rem;\n }\n .text-lg-start {\n text-align: start;\n }\n .text-lg-end {\n text-align: end;\n }\n .text-lg-center {\n text-align: center;\n }\n }\n @media (width >= 1280px) {\n .float-xl-start {\n float: inline-start;\n }\n .float-xl-end {\n float: inline-end;\n }\n .float-xl-none {\n float: none;\n }\n .object-fit-xl-contain {\n object-fit: contain;\n }\n .object-fit-xl-cover {\n object-fit: cover;\n }\n .object-fit-xl-fill {\n object-fit: fill;\n }\n .object-fit-xl-scale {\n object-fit: scale-down;\n }\n .object-fit-xl-none {\n object-fit: none;\n }\n .d-xl-inline {\n display: inline;\n }\n .d-xl-inline-block {\n display: inline-block;\n }\n .d-xl-block {\n display: block;\n }\n .d-xl-grid {\n display: grid;\n }\n .d-xl-inline-grid {\n display: inline-grid;\n }\n .d-xl-table {\n display: table;\n }\n .d-xl-table-row {\n display: table-row;\n }\n .d-xl-table-cell {\n display: table-cell;\n }\n .d-xl-flex {\n display: flex;\n }\n .d-xl-inline-flex {\n display: inline-flex;\n }\n .d-xl-contents {\n display: contents;\n }\n .d-xl-flow-root {\n display: flow-root;\n }\n .d-xl-none {\n display: none;\n }\n .flex-xl-fill {\n flex: 1 1 auto;\n }\n .flex-xl-row {\n flex-direction: row;\n }\n .flex-xl-column {\n flex-direction: column;\n }\n .flex-xl-row-reverse {\n flex-direction: row-reverse;\n }\n .flex-xl-column-reverse {\n flex-direction: column-reverse;\n }\n .flex-xl-grow-0 {\n flex-grow: 0;\n }\n .flex-xl-grow-1 {\n flex-grow: 1;\n }\n .flex-xl-shrink-0 {\n flex-shrink: 0;\n }\n .flex-xl-shrink-1 {\n flex-shrink: 1;\n }\n .flex-xl-wrap {\n flex-wrap: wrap;\n }\n .flex-xl-nowrap {\n flex-wrap: nowrap;\n }\n .flex-xl-wrap-reverse {\n flex-wrap: wrap-reverse;\n }\n .justify-content-xl-start {\n justify-content: flex-start;\n }\n .justify-content-xl-end {\n justify-content: flex-end;\n }\n .justify-content-xl-center {\n justify-content: center;\n }\n .justify-content-xl-between {\n justify-content: space-between;\n }\n .justify-content-xl-around {\n justify-content: space-around;\n }\n .justify-content-xl-evenly {\n justify-content: space-evenly;\n }\n .justify-items-xl-start {\n justify-items: start;\n }\n .justify-items-xl-end {\n justify-items: end;\n }\n .justify-items-xl-center {\n justify-items: center;\n }\n .justify-items-xl-stretch {\n justify-items: stretch;\n }\n .justify-self-xl-start {\n justify-self: flex-start;\n }\n .justify-self-xl-end {\n justify-self: flex-end;\n }\n .justify-self-xl-center {\n justify-self: center;\n }\n .align-items-xl-start {\n align-items: flex-start;\n }\n .align-items-xl-end {\n align-items: flex-end;\n }\n .align-items-xl-center {\n align-items: center;\n }\n .align-items-xl-baseline {\n align-items: baseline;\n }\n .align-items-xl-stretch {\n align-items: stretch;\n }\n .align-content-xl-start {\n align-content: flex-start;\n }\n .align-content-xl-end {\n align-content: flex-end;\n }\n .align-content-xl-center {\n align-content: center;\n }\n .align-content-xl-between {\n align-content: space-between;\n }\n .align-content-xl-around {\n align-content: space-around;\n }\n .align-content-xl-stretch {\n align-content: stretch;\n }\n .align-self-xl-auto {\n align-self: auto;\n }\n .align-self-xl-start {\n align-self: flex-start;\n }\n .align-self-xl-end {\n align-self: flex-end;\n }\n .align-self-xl-center {\n align-self: center;\n }\n .align-self-xl-baseline {\n align-self: baseline;\n }\n .align-self-xl-stretch {\n align-self: stretch;\n }\n .place-items-xl-start {\n place-items: start;\n }\n .place-items-xl-end {\n place-items: end;\n }\n .place-items-xl-center {\n place-items: center;\n }\n .place-items-xl-stretch {\n place-items: stretch;\n }\n .grid-cols-xl-3 {\n --columns: 3;\n }\n .grid-cols-xl-4 {\n --columns: 4;\n }\n .grid-cols-xl-6 {\n --columns: 6;\n }\n .grid-cols-xl-fill {\n grid-column: 1 / -1;\n }\n .grid-auto-flow-xl-row {\n grid-auto-flow: row;\n }\n .grid-auto-flow-xl-column {\n grid-auto-flow: column;\n }\n .grid-auto-flow-xl-dense {\n grid-auto-flow: dense;\n }\n .order-xl-first {\n order: -1;\n }\n .order-xl-0 {\n order: 0;\n }\n .order-xl-1 {\n order: 1;\n }\n .order-xl-2 {\n order: 2;\n }\n .order-xl-3 {\n order: 3;\n }\n .order-xl-4 {\n order: 4;\n }\n .order-xl-5 {\n order: 5;\n }\n .order-xl-last {\n order: 6;\n }\n .m-xl-0 {\n margin: 0;\n }\n .m-xl-1 {\n margin: 0.25rem;\n }\n .m-xl-2 {\n margin: 0.5rem;\n }\n .m-xl-3 {\n margin: 1rem;\n }\n .m-xl-4 {\n margin: 1.5rem;\n }\n .m-xl-5 {\n margin: 3rem;\n }\n .m-xl-auto {\n margin: auto;\n }\n .mx-xl-0 {\n margin-inline: 0;\n }\n .mx-xl-1 {\n margin-inline: 0.25rem;\n }\n .mx-xl-2 {\n margin-inline: 0.5rem;\n }\n .mx-xl-3 {\n margin-inline: 1rem;\n }\n .mx-xl-4 {\n margin-inline: 1.5rem;\n }\n .mx-xl-5 {\n margin-inline: 3rem;\n }\n .mx-xl-auto {\n margin-inline: auto;\n }\n .my-xl-0 {\n margin-block: 0;\n }\n .my-xl-1 {\n margin-block: 0.25rem;\n }\n .my-xl-2 {\n margin-block: 0.5rem;\n }\n .my-xl-3 {\n margin-block: 1rem;\n }\n .my-xl-4 {\n margin-block: 1.5rem;\n }\n .my-xl-5 {\n margin-block: 3rem;\n }\n .my-xl-auto {\n margin-block: auto;\n }\n .mt-xl-0 {\n margin-block-start: 0;\n }\n .mt-xl-1 {\n margin-block-start: 0.25rem;\n }\n .mt-xl-2 {\n margin-block-start: 0.5rem;\n }\n .mt-xl-3 {\n margin-block-start: 1rem;\n }\n .mt-xl-4 {\n margin-block-start: 1.5rem;\n }\n .mt-xl-5 {\n margin-block-start: 3rem;\n }\n .mt-xl-auto {\n margin-block-start: auto;\n }\n .me-xl-0 {\n margin-inline-end: 0;\n }\n .me-xl-1 {\n margin-inline-end: 0.25rem;\n }\n .me-xl-2 {\n margin-inline-end: 0.5rem;\n }\n .me-xl-3 {\n margin-inline-end: 1rem;\n }\n .me-xl-4 {\n margin-inline-end: 1.5rem;\n }\n .me-xl-5 {\n margin-inline-end: 3rem;\n }\n .me-xl-auto {\n margin-inline-end: auto;\n }\n .mb-xl-0 {\n margin-block-end: 0;\n }\n .mb-xl-1 {\n margin-block-end: 0.25rem;\n }\n .mb-xl-2 {\n margin-block-end: 0.5rem;\n }\n .mb-xl-3 {\n margin-block-end: 1rem;\n }\n .mb-xl-4 {\n margin-block-end: 1.5rem;\n }\n .mb-xl-5 {\n margin-block-end: 3rem;\n }\n .mb-xl-auto {\n margin-block-end: auto;\n }\n .ms-xl-0 {\n margin-inline-start: 0;\n }\n .ms-xl-1 {\n margin-inline-start: 0.25rem;\n }\n .ms-xl-2 {\n margin-inline-start: 0.5rem;\n }\n .ms-xl-3 {\n margin-inline-start: 1rem;\n }\n .ms-xl-4 {\n margin-inline-start: 1.5rem;\n }\n .ms-xl-5 {\n margin-inline-start: 3rem;\n }\n .ms-xl-auto {\n margin-inline-start: auto;\n }\n .p-xl-0 {\n padding: 0;\n }\n .p-xl-1 {\n padding: 0.25rem;\n }\n .p-xl-2 {\n padding: 0.5rem;\n }\n .p-xl-3 {\n padding: 1rem;\n }\n .p-xl-4 {\n padding: 1.5rem;\n }\n .p-xl-5 {\n padding: 3rem;\n }\n .px-xl-0 {\n padding-inline: 0;\n }\n .px-xl-1 {\n padding-inline: 0.25rem;\n }\n .px-xl-2 {\n padding-inline: 0.5rem;\n }\n .px-xl-3 {\n padding-inline: 1rem;\n }\n .px-xl-4 {\n padding-inline: 1.5rem;\n }\n .px-xl-5 {\n padding-inline: 3rem;\n }\n .py-xl-0 {\n padding-block: 0;\n }\n .py-xl-1 {\n padding-block: 0.25rem;\n }\n .py-xl-2 {\n padding-block: 0.5rem;\n }\n .py-xl-3 {\n padding-block: 1rem;\n }\n .py-xl-4 {\n padding-block: 1.5rem;\n }\n .py-xl-5 {\n padding-block: 3rem;\n }\n .pt-xl-0 {\n padding-block-start: 0;\n }\n .pt-xl-1 {\n padding-block-start: 0.25rem;\n }\n .pt-xl-2 {\n padding-block-start: 0.5rem;\n }\n .pt-xl-3 {\n padding-block-start: 1rem;\n }\n .pt-xl-4 {\n padding-block-start: 1.5rem;\n }\n .pt-xl-5 {\n padding-block-start: 3rem;\n }\n .pe-xl-0 {\n padding-inline-end: 0;\n }\n .pe-xl-1 {\n padding-inline-end: 0.25rem;\n }\n .pe-xl-2 {\n padding-inline-end: 0.5rem;\n }\n .pe-xl-3 {\n padding-inline-end: 1rem;\n }\n .pe-xl-4 {\n padding-inline-end: 1.5rem;\n }\n .pe-xl-5 {\n padding-inline-end: 3rem;\n }\n .pb-xl-0 {\n padding-block-end: 0;\n }\n .pb-xl-1 {\n padding-block-end: 0.25rem;\n }\n .pb-xl-2 {\n padding-block-end: 0.5rem;\n }\n .pb-xl-3 {\n padding-block-end: 1rem;\n }\n .pb-xl-4 {\n padding-block-end: 1.5rem;\n }\n .pb-xl-5 {\n padding-block-end: 3rem;\n }\n .ps-xl-0 {\n padding-inline-start: 0;\n }\n .ps-xl-1 {\n padding-inline-start: 0.25rem;\n }\n .ps-xl-2 {\n padding-inline-start: 0.5rem;\n }\n .ps-xl-3 {\n padding-inline-start: 1rem;\n }\n .ps-xl-4 {\n padding-inline-start: 1.5rem;\n }\n .ps-xl-5 {\n padding-inline-start: 3rem;\n }\n .gap-xl-0 {\n gap: 0;\n }\n .gap-xl-1 {\n gap: 0.25rem;\n }\n .gap-xl-2 {\n gap: 0.5rem;\n }\n .gap-xl-3 {\n gap: 1rem;\n }\n .gap-xl-4 {\n gap: 1.5rem;\n }\n .gap-xl-5 {\n gap: 3rem;\n }\n .row-gap-xl-0 {\n row-gap: 0;\n }\n .row-gap-xl-1 {\n row-gap: 0.25rem;\n }\n .row-gap-xl-2 {\n row-gap: 0.5rem;\n }\n .row-gap-xl-3 {\n row-gap: 1rem;\n }\n .row-gap-xl-4 {\n row-gap: 1.5rem;\n }\n .row-gap-xl-5 {\n row-gap: 3rem;\n }\n .column-gap-xl-0 {\n column-gap: 0;\n }\n .column-gap-xl-1 {\n column-gap: 0.25rem;\n }\n .column-gap-xl-2 {\n column-gap: 0.5rem;\n }\n .column-gap-xl-3 {\n column-gap: 1rem;\n }\n .column-gap-xl-4 {\n column-gap: 1.5rem;\n }\n .column-gap-xl-5 {\n column-gap: 3rem;\n }\n .text-xl-start {\n text-align: start;\n }\n .text-xl-end {\n text-align: end;\n }\n .text-xl-center {\n text-align: center;\n }\n }\n @media (width >= 1536px) {\n .float-2xl-start {\n float: inline-start;\n }\n .float-2xl-end {\n float: inline-end;\n }\n .float-2xl-none {\n float: none;\n }\n .object-fit-2xl-contain {\n object-fit: contain;\n }\n .object-fit-2xl-cover {\n object-fit: cover;\n }\n .object-fit-2xl-fill {\n object-fit: fill;\n }\n .object-fit-2xl-scale {\n object-fit: scale-down;\n }\n .object-fit-2xl-none {\n object-fit: none;\n }\n .d-2xl-inline {\n display: inline;\n }\n .d-2xl-inline-block {\n display: inline-block;\n }\n .d-2xl-block {\n display: block;\n }\n .d-2xl-grid {\n display: grid;\n }\n .d-2xl-inline-grid {\n display: inline-grid;\n }\n .d-2xl-table {\n display: table;\n }\n .d-2xl-table-row {\n display: table-row;\n }\n .d-2xl-table-cell {\n display: table-cell;\n }\n .d-2xl-flex {\n display: flex;\n }\n .d-2xl-inline-flex {\n display: inline-flex;\n }\n .d-2xl-contents {\n display: contents;\n }\n .d-2xl-flow-root {\n display: flow-root;\n }\n .d-2xl-none {\n display: none;\n }\n .flex-2xl-fill {\n flex: 1 1 auto;\n }\n .flex-2xl-row {\n flex-direction: row;\n }\n .flex-2xl-column {\n flex-direction: column;\n }\n .flex-2xl-row-reverse {\n flex-direction: row-reverse;\n }\n .flex-2xl-column-reverse {\n flex-direction: column-reverse;\n }\n .flex-2xl-grow-0 {\n flex-grow: 0;\n }\n .flex-2xl-grow-1 {\n flex-grow: 1;\n }\n .flex-2xl-shrink-0 {\n flex-shrink: 0;\n }\n .flex-2xl-shrink-1 {\n flex-shrink: 1;\n }\n .flex-2xl-wrap {\n flex-wrap: wrap;\n }\n .flex-2xl-nowrap {\n flex-wrap: nowrap;\n }\n .flex-2xl-wrap-reverse {\n flex-wrap: wrap-reverse;\n }\n .justify-content-2xl-start {\n justify-content: flex-start;\n }\n .justify-content-2xl-end {\n justify-content: flex-end;\n }\n .justify-content-2xl-center {\n justify-content: center;\n }\n .justify-content-2xl-between {\n justify-content: space-between;\n }\n .justify-content-2xl-around {\n justify-content: space-around;\n }\n .justify-content-2xl-evenly {\n justify-content: space-evenly;\n }\n .justify-items-2xl-start {\n justify-items: start;\n }\n .justify-items-2xl-end {\n justify-items: end;\n }\n .justify-items-2xl-center {\n justify-items: center;\n }\n .justify-items-2xl-stretch {\n justify-items: stretch;\n }\n .justify-self-2xl-start {\n justify-self: flex-start;\n }\n .justify-self-2xl-end {\n justify-self: flex-end;\n }\n .justify-self-2xl-center {\n justify-self: center;\n }\n .align-items-2xl-start {\n align-items: flex-start;\n }\n .align-items-2xl-end {\n align-items: flex-end;\n }\n .align-items-2xl-center {\n align-items: center;\n }\n .align-items-2xl-baseline {\n align-items: baseline;\n }\n .align-items-2xl-stretch {\n align-items: stretch;\n }\n .align-content-2xl-start {\n align-content: flex-start;\n }\n .align-content-2xl-end {\n align-content: flex-end;\n }\n .align-content-2xl-center {\n align-content: center;\n }\n .align-content-2xl-between {\n align-content: space-between;\n }\n .align-content-2xl-around {\n align-content: space-around;\n }\n .align-content-2xl-stretch {\n align-content: stretch;\n }\n .align-self-2xl-auto {\n align-self: auto;\n }\n .align-self-2xl-start {\n align-self: flex-start;\n }\n .align-self-2xl-end {\n align-self: flex-end;\n }\n .align-self-2xl-center {\n align-self: center;\n }\n .align-self-2xl-baseline {\n align-self: baseline;\n }\n .align-self-2xl-stretch {\n align-self: stretch;\n }\n .place-items-2xl-start {\n place-items: start;\n }\n .place-items-2xl-end {\n place-items: end;\n }\n .place-items-2xl-center {\n place-items: center;\n }\n .place-items-2xl-stretch {\n place-items: stretch;\n }\n .grid-cols-2xl-3 {\n --columns: 3;\n }\n .grid-cols-2xl-4 {\n --columns: 4;\n }\n .grid-cols-2xl-6 {\n --columns: 6;\n }\n .grid-cols-2xl-fill {\n grid-column: 1 / -1;\n }\n .grid-auto-flow-2xl-row {\n grid-auto-flow: row;\n }\n .grid-auto-flow-2xl-column {\n grid-auto-flow: column;\n }\n .grid-auto-flow-2xl-dense {\n grid-auto-flow: dense;\n }\n .order-2xl-first {\n order: -1;\n }\n .order-2xl-0 {\n order: 0;\n }\n .order-2xl-1 {\n order: 1;\n }\n .order-2xl-2 {\n order: 2;\n }\n .order-2xl-3 {\n order: 3;\n }\n .order-2xl-4 {\n order: 4;\n }\n .order-2xl-5 {\n order: 5;\n }\n .order-2xl-last {\n order: 6;\n }\n .m-2xl-0 {\n margin: 0;\n }\n .m-2xl-1 {\n margin: 0.25rem;\n }\n .m-2xl-2 {\n margin: 0.5rem;\n }\n .m-2xl-3 {\n margin: 1rem;\n }\n .m-2xl-4 {\n margin: 1.5rem;\n }\n .m-2xl-5 {\n margin: 3rem;\n }\n .m-2xl-auto {\n margin: auto;\n }\n .mx-2xl-0 {\n margin-inline: 0;\n }\n .mx-2xl-1 {\n margin-inline: 0.25rem;\n }\n .mx-2xl-2 {\n margin-inline: 0.5rem;\n }\n .mx-2xl-3 {\n margin-inline: 1rem;\n }\n .mx-2xl-4 {\n margin-inline: 1.5rem;\n }\n .mx-2xl-5 {\n margin-inline: 3rem;\n }\n .mx-2xl-auto {\n margin-inline: auto;\n }\n .my-2xl-0 {\n margin-block: 0;\n }\n .my-2xl-1 {\n margin-block: 0.25rem;\n }\n .my-2xl-2 {\n margin-block: 0.5rem;\n }\n .my-2xl-3 {\n margin-block: 1rem;\n }\n .my-2xl-4 {\n margin-block: 1.5rem;\n }\n .my-2xl-5 {\n margin-block: 3rem;\n }\n .my-2xl-auto {\n margin-block: auto;\n }\n .mt-2xl-0 {\n margin-block-start: 0;\n }\n .mt-2xl-1 {\n margin-block-start: 0.25rem;\n }\n .mt-2xl-2 {\n margin-block-start: 0.5rem;\n }\n .mt-2xl-3 {\n margin-block-start: 1rem;\n }\n .mt-2xl-4 {\n margin-block-start: 1.5rem;\n }\n .mt-2xl-5 {\n margin-block-start: 3rem;\n }\n .mt-2xl-auto {\n margin-block-start: auto;\n }\n .me-2xl-0 {\n margin-inline-end: 0;\n }\n .me-2xl-1 {\n margin-inline-end: 0.25rem;\n }\n .me-2xl-2 {\n margin-inline-end: 0.5rem;\n }\n .me-2xl-3 {\n margin-inline-end: 1rem;\n }\n .me-2xl-4 {\n margin-inline-end: 1.5rem;\n }\n .me-2xl-5 {\n margin-inline-end: 3rem;\n }\n .me-2xl-auto {\n margin-inline-end: auto;\n }\n .mb-2xl-0 {\n margin-block-end: 0;\n }\n .mb-2xl-1 {\n margin-block-end: 0.25rem;\n }\n .mb-2xl-2 {\n margin-block-end: 0.5rem;\n }\n .mb-2xl-3 {\n margin-block-end: 1rem;\n }\n .mb-2xl-4 {\n margin-block-end: 1.5rem;\n }\n .mb-2xl-5 {\n margin-block-end: 3rem;\n }\n .mb-2xl-auto {\n margin-block-end: auto;\n }\n .ms-2xl-0 {\n margin-inline-start: 0;\n }\n .ms-2xl-1 {\n margin-inline-start: 0.25rem;\n }\n .ms-2xl-2 {\n margin-inline-start: 0.5rem;\n }\n .ms-2xl-3 {\n margin-inline-start: 1rem;\n }\n .ms-2xl-4 {\n margin-inline-start: 1.5rem;\n }\n .ms-2xl-5 {\n margin-inline-start: 3rem;\n }\n .ms-2xl-auto {\n margin-inline-start: auto;\n }\n .p-2xl-0 {\n padding: 0;\n }\n .p-2xl-1 {\n padding: 0.25rem;\n }\n .p-2xl-2 {\n padding: 0.5rem;\n }\n .p-2xl-3 {\n padding: 1rem;\n }\n .p-2xl-4 {\n padding: 1.5rem;\n }\n .p-2xl-5 {\n padding: 3rem;\n }\n .px-2xl-0 {\n padding-inline: 0;\n }\n .px-2xl-1 {\n padding-inline: 0.25rem;\n }\n .px-2xl-2 {\n padding-inline: 0.5rem;\n }\n .px-2xl-3 {\n padding-inline: 1rem;\n }\n .px-2xl-4 {\n padding-inline: 1.5rem;\n }\n .px-2xl-5 {\n padding-inline: 3rem;\n }\n .py-2xl-0 {\n padding-block: 0;\n }\n .py-2xl-1 {\n padding-block: 0.25rem;\n }\n .py-2xl-2 {\n padding-block: 0.5rem;\n }\n .py-2xl-3 {\n padding-block: 1rem;\n }\n .py-2xl-4 {\n padding-block: 1.5rem;\n }\n .py-2xl-5 {\n padding-block: 3rem;\n }\n .pt-2xl-0 {\n padding-block-start: 0;\n }\n .pt-2xl-1 {\n padding-block-start: 0.25rem;\n }\n .pt-2xl-2 {\n padding-block-start: 0.5rem;\n }\n .pt-2xl-3 {\n padding-block-start: 1rem;\n }\n .pt-2xl-4 {\n padding-block-start: 1.5rem;\n }\n .pt-2xl-5 {\n padding-block-start: 3rem;\n }\n .pe-2xl-0 {\n padding-inline-end: 0;\n }\n .pe-2xl-1 {\n padding-inline-end: 0.25rem;\n }\n .pe-2xl-2 {\n padding-inline-end: 0.5rem;\n }\n .pe-2xl-3 {\n padding-inline-end: 1rem;\n }\n .pe-2xl-4 {\n padding-inline-end: 1.5rem;\n }\n .pe-2xl-5 {\n padding-inline-end: 3rem;\n }\n .pb-2xl-0 {\n padding-block-end: 0;\n }\n .pb-2xl-1 {\n padding-block-end: 0.25rem;\n }\n .pb-2xl-2 {\n padding-block-end: 0.5rem;\n }\n .pb-2xl-3 {\n padding-block-end: 1rem;\n }\n .pb-2xl-4 {\n padding-block-end: 1.5rem;\n }\n .pb-2xl-5 {\n padding-block-end: 3rem;\n }\n .ps-2xl-0 {\n padding-inline-start: 0;\n }\n .ps-2xl-1 {\n padding-inline-start: 0.25rem;\n }\n .ps-2xl-2 {\n padding-inline-start: 0.5rem;\n }\n .ps-2xl-3 {\n padding-inline-start: 1rem;\n }\n .ps-2xl-4 {\n padding-inline-start: 1.5rem;\n }\n .ps-2xl-5 {\n padding-inline-start: 3rem;\n }\n .gap-2xl-0 {\n gap: 0;\n }\n .gap-2xl-1 {\n gap: 0.25rem;\n }\n .gap-2xl-2 {\n gap: 0.5rem;\n }\n .gap-2xl-3 {\n gap: 1rem;\n }\n .gap-2xl-4 {\n gap: 1.5rem;\n }\n .gap-2xl-5 {\n gap: 3rem;\n }\n .row-gap-2xl-0 {\n row-gap: 0;\n }\n .row-gap-2xl-1 {\n row-gap: 0.25rem;\n }\n .row-gap-2xl-2 {\n row-gap: 0.5rem;\n }\n .row-gap-2xl-3 {\n row-gap: 1rem;\n }\n .row-gap-2xl-4 {\n row-gap: 1.5rem;\n }\n .row-gap-2xl-5 {\n row-gap: 3rem;\n }\n .column-gap-2xl-0 {\n column-gap: 0;\n }\n .column-gap-2xl-1 {\n column-gap: 0.25rem;\n }\n .column-gap-2xl-2 {\n column-gap: 0.5rem;\n }\n .column-gap-2xl-3 {\n column-gap: 1rem;\n }\n .column-gap-2xl-4 {\n column-gap: 1.5rem;\n }\n .column-gap-2xl-5 {\n column-gap: 3rem;\n }\n .text-2xl-start {\n text-align: start;\n }\n .text-2xl-end {\n text-align: end;\n }\n .text-2xl-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-2025 The Bootstrap Authors\n * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)\n */\n","@use \"config\" as *;\n\n// stylelint-disable hue-degree-notation, @stylistic/number-leading-zero\n\n// Easily convert colors to oklch() with https://oklch.com/\n$new-blue: oklch(60% 0.24 240) !default;\n$new-indigo: oklch(56% 0.26 288) !default;\n$new-violet: oklch(56% 0.24 300) !default;\n$new-purple: oklch(56% 0.24 320) !default;\n$new-pink: oklch(60% 0.22 4) !default;\n$new-red: oklch(60% 0.22 20) !default;\n$new-orange: oklch(70% 0.22 52) !default;\n$new-amber: oklch(79% 0.2 78) !default;\n$new-yellow: oklch(88% 0.24 88) !default;\n$new-lime: oklch(65% 0.24 135) !default;\n$new-green: oklch(64% 0.22 160) !default;\n$new-teal: oklch(68% 0.22 190) !default;\n$new-cyan: oklch(69% 0.22 220) !default;\n$new-brown: oklch(60% 0.12 54) !default;\n$new-gray: oklch(60% 0.02 245) !default;\n$new-pewter: oklch(65% 0.01 290) !default;\n\n$hues: (\n \"blue\": $new-blue,\n \"indigo\": $new-indigo,\n \"violet\": $new-violet,\n \"purple\": $new-purple,\n \"pink\": $new-pink,\n \"red\": $new-red,\n \"orange\": $new-orange,\n \"amber\": $new-amber,\n \"yellow\": $new-yellow,\n \"lime\": $new-lime,\n \"green\": $new-green,\n \"teal\": $new-teal,\n \"cyan\": $new-cyan,\n \"brown\": $new-brown,\n \"gray\": $new-gray,\n \"pewter\": $new-pewter\n) !default;\n\n:root {\n @each $color, $hue in $hues {\n --#{$color}-025: color-mix(in lab, #fff 94%, #{$hue});\n --#{$color}-050: color-mix(in lab, #fff 90%, #{$hue});\n --#{$color}-100: color-mix(in lab, #fff 80%, #{$hue});\n --#{$color}-200: color-mix(in lab, #fff 60%, #{$hue});\n --#{$color}-300: color-mix(in lab, #fff 40%, #{$hue});\n --#{$color}-400: color-mix(in lab, #fff 20%, #{$hue});\n --#{$color}-500: #{$hue};\n --#{$color}-600: color-mix(in lab, #000 16%, #{$hue});\n --#{$color}-700: color-mix(in lab, #000 32%, #{$hue});\n --#{$color}-800: color-mix(in lab, #000 48%, #{$hue});\n --#{$color}-900: color-mix(in lab, #000 64%, #{$hue});\n --#{$color}-950: color-mix(in lab, #000 76%, #{$hue});\n --#{$color}-975: color-mix(in lab, #000 88%, #{$hue});\n }\n}\n\n$white: #fff !default;\n$black: #000 !default;\n","@use \"sass:meta\";\n@use \"sass:map\";\n@use \"config\" as *;\n@use \"colors\" as *;\n\n@function theme-color-values($key) {\n $result: ();\n\n @each $color-name, $color-map in $new-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// 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 $new-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// Recursive mixin to handle nested maps\n@mixin create-css-vars($map, $parent-key: \"\") {\n @each $key, $value in $map {\n // stylelint-disable-next-line scss/at-function-named-arguments\n $current-key: if(sass($parent-key == \"\"): $key; else: \"#{$parent-key}-#{$key}\");\n\n @if meta.type-of($value) == \"map\" {\n @include create-css-vars($value, $current-key);\n } @else {\n --#{$current-key}: #{$value};\n }\n }\n}\n\n// scss-docs-start theme-colors\n$new-theme-colors: (\n \"primary\": (\n \"base\": var(--blue-500),\n \"text\": light-dark(var(--blue-600), var(--blue-400)),\n \"text-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\": color-mix(in oklch, light-dark(var(--blue-500), var(--blue-400)) 50%, var(--bg-body)),\n \"contrast\": var(--white)\n ),\n \"accent\": (\n \"base\": var(--indigo-500),\n \"text\": light-dark(var(--indigo-600), color-mix(in oklch, var(--indigo-400), var(--indigo-300))),\n \"text-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\": color-mix(in oklch, light-dark(var(--indigo-500), var(--indigo-400)) 50%, var(--bg-body)),\n \"contrast\": var(--white)\n ),\n \"success\": (\n \"base\": var(--green-500),\n \"text\": light-dark(var(--green-600), var(--green-400)),\n \"text-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\": color-mix(in oklch, light-dark(var(--green-500), var(--green-400)) 50%, var(--bg-body)),\n \"contrast\": var(--white)\n ),\n \"danger\": (\n \"base\": var(--red-500),\n \"text\": light-dark(var(--red-600), var(--red-400)),\n \"text-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\": color-mix(in oklch, light-dark(var(--red-500), var(--red-400)) 50%, var(--bg-body)),\n \"contrast\": var(--white)\n ),\n \"warning\": (\n \"base\": var(--yellow-500),\n \"text\": light-dark(var(--yellow-700), var(--yellow-400)),\n \"text-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\": color-mix(in oklch, light-dark(var(--yellow-500), var(--yellow-400)) 50%, var(--bg-body)),\n \"contrast\": var(--gray-900)\n ),\n \"info\": (\n \"base\": var(--cyan-500),\n \"text\": light-dark(var(--cyan-600), var(--cyan-400)),\n \"text-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\": color-mix(in oklch, light-dark(var(--cyan-500), var(--cyan-400)) 50%, var(--bg-body)),\n \"contrast\": var(--gray-900)\n ),\n \"inverse\": (\n \"base\": var(--gray-900),\n \"text\": light-dark(var(--gray-900), var(--gray-200)),\n \"text-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 \"text\": light-dark(var(--gray-600), var(--gray-400)),\n \"text-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// Generate theme modifier classes (e.g., .theme-primary, .theme-accent, etc.)\n@include generate-theme-classes();\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 \"sass:meta\";\n@use \"colors\" as *;\n@use \"config\" as *;\n@use \"variables\" as *;\n@use \"theme\" as *;\n// @use \"maps\" as *;\n@use \"mixins/color-mode\" 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 {\n // scss-docs-start root-theme-variables\n --black: #{$black};\n --white: #{$white};\n\n // Generate semantic theme colors\n @each $color-name, $color-map in $new-theme-colors {\n @each $key, $value in $color-map {\n --#{$color-name}-#{$key}: #{$value};\n }\n }\n\n @each $color, $value in $theme-bgs {\n --bg-#{$color}: #{$value};\n }\n\n @each $color, $value in $theme-fgs {\n --fg-#{$color}: #{$value};\n }\n\n @each $color, $value in $theme-borders {\n --border-#{$color}: #{$value};\n }\n // scss-docs-end root-theme-variables\n\n color-scheme: light dark;\n}\n\n:root,\n[data-bs-theme=\"light\"] {\n\n // Note: Custom variable values only support SassScript inside `#{}`.\n\n // Fonts\n\n // Note: Use `inspect` for lists so that quoted items keep the quotes.\n // See https://github.com/sass/sass/issues/2383#issuecomment-336349172\n --font-sans-serif: #{meta.inspect($font-family-sans-serif)};\n --font-monospace: #{meta.inspect($font-family-monospace)};\n --gradient: #{$gradient};\n --body-font-family: #{meta.inspect($font-family-base)};\n\n // scss-docs-start root-font-size-variables\n --font-size-base: #{$font-size-base}; // 14px\n\n --font-size-xs: .75rem;\n --font-size-sm: .875rem;\n --font-size-md: 1rem;\n --font-size-lg: clamp(1.25rem, 1rem + .625vw, 1.5rem);\n --font-size-xl: clamp(1.5rem, 1.1rem + .75vw, 1.75rem);\n --font-size-2xl: clamp(1.75rem, 1.3rem + 1vw, 2rem);\n --font-size-3xl: clamp(2rem, 1.5rem + 1.875vw, 2.5rem);\n --font-size-4xl: clamp(2.25rem, 1.75rem + 2.5vw, 3rem);\n --font-size-5xl: clamp(3rem, 2rem + 5vw, 4rem);\n --font-size-6xl: clamp(3.75rem, 2.5rem + 6.25vw, 5rem);\n\n --line-height-xs: 1.5;\n --line-height-sm: 1.5;\n --line-height-md: 1.5;\n --line-height-lg: 1.5;\n --line-height-xl: calc(2.5 / 1.75);\n --line-height-2xl: calc(3 / 2.25);\n --line-height-3xl: 1.2;\n --line-height-4xl: 1.1;\n --line-height-5xl: 1.1;\n --line-height-6xl: 1;\n // scss-docs-end root-font-size-variables\n\n --body-font-size: #{$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-text));\n --link-decoration: #{$link-decoration};\n --link-hover-color: color-mix(in oklch, var(--link-color) 90%, #000);\n\n --code-color: #{$code-color};\n --highlight-color: #{$mark-color};\n --highlight-bg: #{$mark-bg};\n\n // scss-docs-start root-border-var\n --border-width: #{$border-width};\n --border-style: #{$border-style};\n --border-color: #{$border-color};\n --border-color-translucent: #{$border-color-translucent};\n // scss-docs-end root-border-var\n\n // scss-docs-start root-border-radius-var\n --border-radius: #{$border-radius};\n --border-radius-sm: #{$border-radius-sm};\n --border-radius-lg: #{$border-radius-lg};\n --border-radius-xl: #{$border-radius-xl};\n --border-radius-2xl: #{$border-radius-2xl};\n --border-radius-pill: #{$border-radius-pill};\n // scss-docs-end root-border-radius-var\n\n --box-shadow: #{$box-shadow};\n --box-shadow-sm: #{$box-shadow-sm};\n --box-shadow-lg: #{$box-shadow-lg};\n --box-shadow-inset: #{$box-shadow-inset};\n\n // Focus styles\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-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 color-scheme: light;\n // scss-docs-end root-form-validation-variables\n\n // Root and body\n @if $font-size-root != null {\n --root-font-size: #{$font-size-root};\n }\n @if $body-text-align != null {\n --body-text-align: #{$body-text-align};\n }\n}\n\n@if $enable-dark-mode {\n @include color-mode(dark, true) {\n\n // scss-docs-start root-dark-mode-vars\n --heading-color: #{$headings-color-dark};\n\n --border-color: #{$border-color-dark};\n\n --form-valid-color: #{$form-valid-color-dark};\n --form-valid-border-color: #{$form-valid-border-color-dark};\n --form-invalid-color: #{$form-invalid-color-dark};\n --form-invalid-border-color: #{$form-invalid-border-color-dark};\n color-scheme: dark;\n // scss-docs-end root-dark-mode-vars\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","@use \"../colors\" as *;\n@use \"../config\" as *;\n@use \"../variables\" as *;\n@use \"../mixins/border-radius\" as *;\n\n// stylelint-disable declaration-no-important, selector-no-qualifying-type, property-no-vendor-prefix\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\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\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 @if $font-size-root != null {\n font-size: var(--root-font-size);\n // @include font-size(var(--root-font-size));\n }\n\n @if $enable-smooth-scroll {\n @media (prefers-reduced-motion: no-preference) {\n scroll-behavior: smooth;\n }\n }\n\n accent-color: var(--primary-base);\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: rgba($black, 0); // 4\n }\n // scss-docs-end reboot-body-rules\n\n hr {\n margin: $hr-margin-y 0;\n border: 0;\n border-block-start: var(--border-width) solid var(--hr-border-color);\n }\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: $h1-font-size;\n }\n\n h2,\n .h2 {\n @extend %heading;\n font-size: $h2-font-size;\n }\n\n h3,\n .h3 {\n @extend %heading;\n font-size: $h3-font-size;\n }\n\n h4,\n .h4 {\n @extend %heading;\n font-size: $h4-font-size;\n }\n\n h5,\n .h5 {\n @extend %heading;\n font-size: $h5-font-size;\n }\n\n h6,\n .h6 {\n @extend %heading;\n font-size: $h6-font-size;\n }\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\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\n // Address\n\n address {\n margin-bottom: 1rem;\n font-style: normal;\n line-height: inherit;\n }\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\n // Blockquote\n\n blockquote {\n margin: 0 0 1rem;\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\n // Small\n //\n // Add the correct font size in all browsers\n\n small,\n .small {\n font-size: $small-font-size;\n }\n\n\n // Mark\n\n mark,\n .mark {\n padding: $mark-padding;\n color: var(--highlight-color);\n background-color: var(--highlight-bg);\n }\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: $sub-sup-font-size;\n line-height: 0;\n vertical-align: baseline;\n }\n\n sub { bottom: -.25em; }\n sup { top: -.5em; }\n\n\n // Links\n\n a {\n color: var(--theme-text, 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-text-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]):not([class]) {\n &,\n &:hover {\n color: inherit;\n text-decoration: none;\n }\n }\n\n\n // Code\n\n pre,\n code,\n kbd,\n samp {\n font-family: $font-family-code;\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: $code-font-size;\n color: $pre-color;\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: $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 padding: $kbd-padding-y $kbd-padding-x;\n font-size: $kbd-font-size;\n color: $kbd-color;\n background-color: $kbd-bg;\n @include border-radius($border-radius-sm);\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\n // Figures\n //\n // Apply a consistent margin strategy (matches our type styles).\n\n figure {\n margin: 0 0 1rem;\n }\n\n\n // Images and content\n\n img,\n svg {\n vertical-align: middle;\n }\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(--secondary-color);\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\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 // Remove the inheritance of text transform in Firefox\n button,\n select {\n text-transform: none;\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\"]):not([type=\"datetime-local\"]):not([type=\"month\"]):not([type=\"week\"]):not([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 // Remove inner border and padding from Firefox, but don't restore the outline like Normalize.\n\n ::-moz-focus-inner {\n padding: 0;\n border-style: none;\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-minute,\n ::-webkit-datetime-edit-hour-field,\n ::-webkit-datetime-edit-day-field,\n ::-webkit-datetime-edit-month-field,\n ::-webkit-datetime-edit-year-field {\n padding: 0;\n }\n\n ::-webkit-inner-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\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\n // Progress\n //\n // Add the correct vertical alignment in Chrome, Firefox, and Opera.\n\n progress {\n vertical-align: baseline;\n }\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:color\";\n@use \"sass:string\";\n@use \"colors\" as *;\n@use \"config\" as *;\n@use \"functions\" as *;\n\n// Variables\n//\n// Variables should follow the `$component-state-property-size` formula for\n// consistent naming. Ex: $nav-link-disabled-color and $btn-padding-y-lg.\n\n// scss-docs-start theme-color-variables\n// $primary: $blue-500 !default;\n// $secondary: var(--gray-600) !default;\n// $success: $green-500 !default;\n// $info: $cyan-500 !default;\n// $warning: $yellow-500 !default;\n// $danger: $red-500 !default;\n// $light: var(--gray-100) !default;\n// $dark: var(--gray-900) !default;\n// scss-docs-end theme-color-variables\n\n// scss-docs-start theme-colors-map\n// $theme-colors: (\n// \"primary\": $primary,\n// \"secondary\": $secondary,\n// \"success\": $success,\n// \"info\": $info,\n// \"warning\": $warning,\n// \"danger\": $danger,\n// \"light\": $light,\n// \"dark\": $dark\n// ) !default;\n// scss-docs-end theme-colors-map\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// // Options\n// //\n// // Quickly modify global styling by enabling or disabling optional features.\n\n// $enable-caret: true !default;\n// $enable-rounded: true !default;\n// $enable-shadows: false !default;\n// $enable-gradients: false !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: false !default;\n// $enable-button-pointers: true !default;\n// $enable-rfs: 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// $color-mode-type: data !default; // `data` or `media-query`\n\n// // Prefix for :root CSS variables\n// : bs- !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\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, rgba($white, .15), rgba($white, 0)) !default;\n// scss-docs-end variable-gradient\n\n// Spacing\n//\n// Control the default styling of most Bootstrap elements by modifying these\n// variables. Mostly focused on spacing.\n// You can add more entries to the $spacers map, should you need more variation.\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,\n 4: $spacer * 1.5,\n 5: $spacer * 3,\n) !default;\n// scss-docs-end spacer-variables-maps\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// Body\n//\n// Settings for the `<body>` element.\n\n$body-text-align: null !default;\n\n// Links\n//\n// Style anchor elements.\n\n// $link-color: var !default;\n$link-decoration: underline !default;\n$link-underline-offset: .2em !default;\n$link-shade-percentage: 20% !default;\n// $link-hover-color: shift-color($link-color, $link-shade-percentage) !default;\n// $link-hover-decoration: $link-decoration !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\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$border-color-translucent: color-mix(in oklch, var(--fg-body) 15%, transparent) !default;\n// scss-docs-end border-variables\n\n// scss-docs-start border-radius-variables\n$border-radius: .5rem !default;\n$border-radius-sm: .375rem !default;\n$border-radius-lg: .75rem !default;\n$border-radius-xl: 1rem !default;\n$border-radius-2xl: 2rem !default;\n$border-radius-pill: 50rem !default;\n// scss-docs-end border-radius-variables\n\n// scss-docs-start box-shadow-variables\n$box-shadow: 0 .5rem 1rem rgba($black, .15) !default;\n$box-shadow-sm: 0 .125rem .25rem rgba($black, .075) !default;\n$box-shadow-lg: 0 1rem 3rem rgba($black, .175) !default;\n$box-shadow-inset: inset 0 1px 2px rgba($black, .075) !default;\n// scss-docs-end box-shadow-variables\n\n// scss-docs-start focus-ring-variables\n$focus-ring-width: .25rem !default;\n$focus-ring-opacity: .25 !default;\n$focus-ring-color: var(--primary-focus-ring) !default;\n$focus-ring-blur: 0 !default;\n$focus-ring-box-shadow: 0 0 $focus-ring-blur $focus-ring-width $focus-ring-color !default;\n// scss-docs-end focus-ring-variables\n\n$component-active-color: var(--primary-contrast) !default;\n$component-active-bg: var(--primary-bg) !default;\n\n$transition-base: all .2s ease-in-out !default;\n$transition-fade: opacity .15s linear !default;\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// stylelint-disable value-keyword-case\n$font-family-sans-serif: system-ui, -apple-system, \"Segoe UI\", Roboto, \"Helvetica Neue\", \"Noto Sans\", \"Liberation Sans\", Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\" !default;\n$font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace !default;\n// stylelint-enable value-keyword-case\n$font-family-base: var(--font-sans-serif) !default;\n$font-family-code: var(--font-monospace) !default;\n\n// $font-size-root affects the value of `rem`, which is used for as well font sizes, paddings, and margins\n// $font-size-base affects the font size of the body text\n$font-size-root: 16px !default;\n$font-size-base: 14px !default; // Assumes the browser default, typically `16px`\n$font-size-sm: $font-size-base * .875 !default;\n$font-size-lg: $font-size-base * 1.25 !default;\n\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\n$h1-font-size: var(--font-size-3xl) !default;\n$h2-font-size: var(--font-size-2xl) !default;\n$h3-font-size: var(--font-size-xl) !default;\n$h4-font-size: var(--font-size-lg) !default;\n$h5-font-size: var(--font-size-md) !default;\n$h6-font-size: var(--font-size-sm) !default;\n// scss-docs-end font-variables\n\n// Font sizes with line-height for utilities\n$font-sizes: (\n \"xs\": (\n \"font-size\": var(--font-size-xs),\n \"line-height\": var(--line-height-xs)\n ),\n \"sm\": (\n \"font-size\": var(--font-size-sm),\n \"line-height\": var(--line-height-sm)\n ),\n \"md\": (\n \"font-size\": var(--font-size-md),\n \"line-height\": var(--line-height-md)\n ),\n \"lg\": (\n \"font-size\": var(--font-size-lg),\n \"line-height\": var(--line-height-lg)\n ),\n \"xl\": (\n \"font-size\": var(--font-size-xl),\n \"line-height\": var(--line-height-xl)\n ),\n \"2xl\": (\n \"font-size\": var(--font-size-2xl),\n \"line-height\": var(--line-height-2xl)\n ),\n \"3xl\": (\n \"font-size\": var(--font-size-3xl),\n \"line-height\": var(--line-height-3xl)\n ),\n \"4xl\": (\n \"font-size\": var(--font-size-4xl),\n \"line-height\": var(--line-height-4xl)\n ),\n \"5xl\": (\n \"font-size\": var(--font-size-5xl),\n \"line-height\": var(--line-height-5xl)\n ),\n \"6xl\": (\n \"font-size\": var(--font-size-6xl),\n \"line-height\": var(--line-height-6xl)\n ),\n) !default;\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$small-font-size: .875em !default;\n\n$sub-sup-font-size: .75em !default;\n\n$initialism-font-size: $small-font-size !default;\n\n$blockquote-margin-y: $spacer !default;\n$blockquote-font-size: $font-size-base * 1.25 !default;\n$blockquote-footer-color: var(--gray-600) !default;\n$blockquote-footer-font-size: $small-font-size !default;\n\n$hr-margin-y: $spacer !default;\n\n// scss-docs-start vr-variables\n$vr-border-width: var(--border-width) !default;\n// scss-docs-end vr-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$list-inline-padding: .5rem !default;\n\n$mark-padding: .1875em !default;\n$mark-color: var(--fg-body) !default;\n$mark-bg: light-dark(var(--yellow-100), var(--yellow-900)) !default;\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-dropdown: 1000 !default;\n$zindex-sticky: 1020 !default;\n$zindex-fixed: 1030 !default;\n$zindex-offcanvas-backdrop: 1040 !default;\n$zindex-offcanvas: 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\n\n// Offcanvas\n\n// scss-docs-start offcanvas-variables\n$offcanvas-padding-y: $spacer !default;\n$offcanvas-padding-x: $spacer !default;\n$offcanvas-horizontal-width: 400px !default;\n$offcanvas-vertical-height: 30vh !default;\n$offcanvas-transition-duration: .3s !default;\n$offcanvas-border-color: var(--border-color-translucent) !default;\n$offcanvas-border-width: var(--border-width) !default;\n$offcanvas-title-line-height: $line-height-base !default;\n$offcanvas-bg-color: var(--bg-body) !default;\n$offcanvas-color: var(--fg-body) !default;\n$offcanvas-box-shadow: var(--box-shadow-sm) !default;\n$offcanvas-backdrop-bg: $black !default;\n$offcanvas-backdrop-opacity: .5 !default;\n// scss-docs-end offcanvas-variables\n\n// Code\n\n$code-font-size: 95% !default;\n$code-color: var(--secondary-text) !default;\n\n$kbd-padding-y: .1875rem !default;\n$kbd-padding-x: .375rem !default;\n$kbd-font-size: $code-font-size !default;\n$kbd-color: var(--bg-body) !default;\n$kbd-bg: var(--fg-body) !default;\n\n$pre-color: null !default;\n\n// Dark color mode variables\n//\n// Custom variables for the `[data-bs-theme=\"dark\"]` theme. Use this as a starting point for your own custom color modes by creating a new theme-specific file like `_variables-dark.scss` and adding the variables you need.\n\n//\n// Global colors\n//\n\n// scss-docs-start sass-dark-mode-vars\n// $body-color-dark: var(--gray-200) !default;\n// $body-bg-dark: var(--gray-975) !default;\n// $body-secondary-color-dark: rgba($body-color-dark, .75) !default;\n// $body-secondary-bg-dark: var(--gray-800) !default;\n// $body-tertiary-color-dark: rgba($body-color-dark, .5) !default;\n// $body-tertiary-bg-dark: color-mix(in srgb, var(--gray-800), var(--gray-900)) !default;\n$border-color-dark: var(--gray-700) !default;\n$headings-color-dark: inherit !default;\n// $mark-color-dark: $body-color-dark !default;\n// $mark-bg-dark: var(--yellow-800) !default;\n\n\n//\n// Forms\n//\n\n// scss-docs-start form-validation-colors-dark\n$form-valid-color-dark: var(--green-300) !default;\n$form-valid-border-color-dark: var(--green-300) !default;\n$form-invalid-color-dark: var(--red-300) !default;\n$form-invalid-border-color-dark: var(--red-300) !default;\n// scss-docs-end form-validation-colors-dark\n// scss-docs-end sass-dark-mode-vars\n","@use \"sass:list\";\n@use \"sass:math\";\n@use \"sass:meta\";\n@use \"../config\" as *;\n@use \"../variables\" 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: $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: $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: $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: $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: $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: $border-radius) {\n @if $enable-rounded {\n border-start-start-radius: valid-radius($radius);\n }\n}\n\n@mixin border-top-end-radius($radius: $border-radius) {\n @if $enable-rounded {\n border-start-end-radius: valid-radius($radius);\n }\n}\n\n@mixin border-bottom-end-radius($radius: $border-radius) {\n @if $enable-rounded {\n border-end-end-radius: valid-radius($radius);\n }\n}\n\n@mixin border-bottom-start-radius($radius: $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 \"../config\" as *;\n@use \"../variables\" as *;\n@use \"../mixins/lists\" as *;\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: $list-inline-padding;\n }\n }\n\n\n //\n // Misc\n //\n\n // Builds on `abbr`\n .initialism {\n font-size: $initialism-font-size;\n text-transform: uppercase;\n }\n\n // Blockquotes\n .blockquote {\n margin-bottom: $blockquote-margin-y;\n font-size: $blockquote-font-size;\n\n > :last-child {\n margin-bottom: 0;\n }\n }\n\n .blockquote-footer {\n margin-top: -$blockquote-margin-y;\n margin-bottom: $blockquote-margin-y;\n font-size: $blockquote-footer-font-size;\n color: $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","// Configuration\n//\n// Variables and settings not related to theme, components, and more go here. It does include layout.\n\n$enable-caret: true !default;\n$enable-rounded: true !default;\n$enable-shadows: true !default;\n$enable-gradients: false !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$color-mode-type: data !default; // `data` or `media-query`\n\n// more to come here…\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,\n 4: $spacer * 1.5,\n 5: $spacer * 3,\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// Grid 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 grid-breakpoints\n$grid-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 grid-breakpoints\n\n// @include _assert-ascending($grid-breakpoints, \"$grid-breakpoints\");\n// @include _assert-starts-at-zero($grid-breakpoints, \"$grid-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-width: 1.5rem !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-width !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","@use \"sass:color\";\n@use \"sass:map\";\n@use \"sass:math\";\n@use \"../config\" as *;\n@use \"../colors\" as *;\n@use \"../theme\" as *;\n@use \"../variables\" as *;\n@use \"../functions\" as *;\n@use \"../layout/breakpoints\" as *;\n\n// scss-docs-start table-variables\n$table-cell-padding-y: .5rem !default;\n$table-cell-padding-x: .5rem !default;\n$table-cell-padding-y-sm: .25rem !default;\n$table-cell-padding-x-sm: .25rem !default;\n\n$table-cell-vertical-align: top !default;\n\n$table-color: var(--fg-body) !default;\n$table-bg: var(--bg-body) !default;\n$table-accent-bg: transparent !default;\n\n// $table-th-font-weight: null !default;\n\n$table-striped-color: $table-color !default;\n$table-striped-bg-factor: .05 !default;\n$table-striped-bg: color-mix(in srgb, var(--table-color) #{math.percentage($table-striped-bg-factor)}, transparent) !default;\n\n$table-active-color: $table-color !default;\n$table-active-bg-factor: .1 !default;\n$table-active-bg: color-mix(in srgb, var(--table-color) #{math.percentage($table-active-bg-factor)}, transparent) !default;\n\n$table-hover-color: $table-color !default;\n$table-hover-bg-factor: .075 !default;\n$table-hover-bg: color-mix(in srgb, var(--table-color) #{math.percentage($table-hover-bg-factor)}, transparent) !default;\n\n$table-border-width: var(--border-width) !default;\n$table-border-color: var(--border-color) !default;\n\n$table-striped-order: odd !default;\n$table-striped-columns-order: even !default;\n\n$table-group-separator-color: currentcolor !default;\n\n// $table-caption-color: var(--secondary-color) !default;\n\n// scss-docs-end table-variables\n\n\n//\n// Basic Bootstrap table\n//\n\n@layer content {\n .table {\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 // scss-docs-start table-css-variables\n --table-color: #{$table-color};\n --table-bg: #{$table-bg};\n --table-border-color: #{$table-border-color};\n --table-accent-bg: #{$table-accent-bg};\n --table-striped-color: #{$table-striped-color};\n --table-striped-bg: #{$table-striped-bg};\n --table-active-color: #{$table-active-color};\n --table-active-bg: #{$table-active-bg};\n --table-hover-color: #{$table-hover-color};\n --table-hover-bg: #{$table-hover-bg};\n // scss-docs-end table-css-variables\n\n width: 100%;\n margin-bottom: $spacer;\n vertical-align: $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: $table-cell-padding-y $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-text, var(--table-color))));\n background-color: var(--theme-bg-subtle, var(--table-bg));\n border-block-end-width: $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(#{$table-border-width} * 2) solid $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 //\n // Condensed table w/ half padding\n //\n\n .table-sm {\n // stylelint-disable-next-line selector-max-universal\n > :not(caption) > * > * {\n padding: $table-cell-padding-y-sm $table-cell-padding-x-sm;\n }\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: $table-border-width 0;\n\n // stylelint-disable-next-line selector-max-universal\n > * {\n border-width: 0 $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-text, var(--table-striped-color));\n --table-bg-type: color-mix(in srgb, var(--theme-text, var(--table-color)) #{math.percentage($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-text, var(--table-striped-color));\n --table-bg-type: color-mix(in srgb, var(--theme-text, var(--table-color)) #{math.percentage($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-text, var(--table-active-color));\n --table-bg-state: color-mix(in srgb, var(--theme-text, var(--table-color)) #{math.percentage($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-text, var(--table-hover-color));\n --table-bg-state: color-mix(in srgb, var(--theme-text, var(--table-color)) #{math.percentage($table-hover-bg-factor)}, transparent);\n }\n }\n\n // Responsive tables\n //\n // Generate series of `.table-responsive-*` classes for configuring the screen\n // size of where your table will overflow.\n\n @each $breakpoint in map.keys($grid-breakpoints) {\n $infix: breakpoint-infix($breakpoint, $grid-breakpoints);\n\n @include media-breakpoint-down($breakpoint) {\n .table-responsive#{$infix} {\n overflow-x: auto;\n -webkit-overflow-scrolling: touch;\n }\n }\n }\n}\n","@use \"sass:list\";\n@use \"sass:map\";\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 `$grid-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: $grid-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: $grid-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: $grid-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// Returns a blank string if smallest breakpoint, otherwise returns the name with a dash in front.\n// Useful for making responsive utilities.\n//\n// >> breakpoint-infix(xs, (xs: 0, sm: 576px, md: 768px, lg: 1024px, xl: 1280px, 2xl: 1536px))\n// \"\" (Returns a blank string)\n// >> breakpoint-infix(sm, (xs: 0, sm: 576px, md: 768px, lg: 1024px, xl: 1280px, 2xl: 1536px))\n// \"-sm\"\n@function breakpoint-infix($name, $breakpoints: $grid-breakpoints) {\n @return if(sass(breakpoint-min($name, $breakpoints) == null): \"\"; else: \"-#{$name}\");\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: $grid-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: $grid-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: $grid-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: $grid-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","@use \"../config\" as *;\n@use \"../variables\" as *;\n@use \"../mixins/image\" as *;\n@use \"../mixins/border-radius\" as *;\n@use \"../mixins/box-shadow\" as *;\n\n// scss-docs-start thumbnail-variables\n$thumbnail-padding: .25rem !default;\n$thumbnail-bg: var(--bg-body) !default;\n$thumbnail-border-width: var(--border-width) !default;\n$thumbnail-border-color: var(--border-color) !default;\n$thumbnail-border-radius: var(--border-radius) !default;\n$thumbnail-box-shadow: var(--box-shadow-sm) !default;\n// scss-docs-end thumbnail-variables\n\n// scss-docs-start figure-variables\n$figure-caption-font-size: $small-font-size !default;\n$figure-caption-color: var(--secondary-color) !default;\n// scss-docs-end figure-variables\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\n // Image thumbnails\n .img-thumbnail {\n padding: $thumbnail-padding;\n background-color: $thumbnail-bg;\n border: $thumbnail-border-width solid $thumbnail-border-color;\n @include border-radius($thumbnail-border-radius);\n @include box-shadow($thumbnail-box-shadow);\n\n // Keep them at most 100% wide\n @include img-fluid();\n }\n\n //\n // Figures\n //\n\n .figure {\n // Ensures the caption's text aligns with the image.\n display: inline-block;\n }\n\n .figure-img {\n margin-bottom: $spacer * .5;\n line-height: 1;\n }\n\n .figure-caption {\n font-size: $figure-caption-font-size;\n color: $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 \"../config\" as *;\n@use \"../mixins/transition\" as *;\n\n@layer content {\n .prose {\n --content-font-size: var(--font-size-sm);\n --content-gap: 20px;\n --heading-color: light-dark(var(--gray-900), var(--white));\n\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: 1.5;\n\n @media (width >= 1024px) {\n --content-font-size: var(--font-size-md);\n --content-gap: 24px;\n }\n\n p,\n ul,\n ol,\n dl,\n pre,\n table,\n blockquote {\n margin-block: 0;\n }\n\n :where(ul, ol):not([class]) li:not(:last-child) {\n margin-bottom: calc(var(--content-gap) / 4);\n }\n\n li ul,\n li ol {\n margin-top: calc(var(--content-gap) / 4);\n }\n\n hr {\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 h1,\n h2,\n h3,\n h4,\n h5,\n h6 {\n &:not([class]) {\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\n h1,\n h2 {\n &:not(:first-child) {\n margin-top: calc(var(--content-gap) * 1.5);\n }\n }\n\n h3,\n h4,\n h5,\n h6 {\n &:not(:first-child) {\n margin-top: calc(var(--content-gap) * 1.25);\n }\n }\n\n h1 {\n font-size: 2.25em;\n line-height: 1.1;\n }\n h2 {\n font-size: 1.75em;\n }\n h3 {\n font-size: 1.5em;\n }\n h4 {\n font-size: 1.25em;\n }\n h5 {\n font-size: 1.125em;\n }\n h6 {\n font-size: 1em;\n }\n\n a:not([class]) {\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\n a:not([class]):hover {\n text-decoration-color: var(--link-hover-color);\n }\n\n img {\n max-width: 100%;\n }\n\n blockquote {\n padding-inline-start: calc(var(--content-gap) / 2);\n margin: 0;\n border-inline-start: 4px solid var(--border-color);\n }\n\n table {\n width: 100%;\n border-spacing: 0;\n border-collapse: collapse;\n }\n\n :where(table:not([class])) {\n td,\n th {\n padding: 6px 12px;\n text-align: inherit;\n border: 1px solid var(--border-color);\n }\n }\n\n dt {\n font-weight: 500;\n }\n\n video,\n img {\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 .container-#{$breakpoint} {\n @extend .container-fluid;\n }\n\n @include media-breakpoint-up($breakpoint, $grid-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 $grid-breakpoints {\n @if ($extend-breakpoint) {\n .container#{breakpoint-infix($name, $grid-breakpoints)} {\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 \"sass:map\";\n@use \"../config\" as *;\n@use \"../mixins/grid\" as *;\n@use \"breakpoints\" as *;\n\n// mdo-do\n// - check gap utilities as replacement for gutter classes from v5\n\n:root {\n @each $name, $value in $grid-breakpoints {\n --breakpoint-#{$name}: #{$value};\n }\n}\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-width};\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-width};\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: $grid-gutter-width) {\n --gutter-x: #{$gutter};\n --gutter-y: 0;\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-width, $breakpoints: $grid-breakpoints) {\n @each $breakpoint in map.keys($breakpoints) {\n $infix: breakpoint-infix($breakpoint, $breakpoints);\n\n @include media-breakpoint-up($breakpoint, $breakpoints) {\n // Provide basic `.col-{bp}` classes for equal-width flexbox columns\n .col#{$infix} {\n flex: 1 0 0;\n }\n\n .row-cols#{$infix}-auto > * {\n @include make-col-auto();\n }\n\n @if $grid-row-columns > 0 {\n @for $i from 1 through $grid-row-columns {\n .row-cols#{$infix}-#{$i} {\n @include row-cols($i);\n }\n }\n }\n\n .col#{$infix}-auto {\n @include make-col-auto();\n }\n\n @if $columns > 0 {\n @for $i from 1 through $columns {\n .col#{$infix}-#{$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 ($infix == \"\" and $i == 0) { // Avoid emitting useless .offset-0\n .offset#{$infix}-#{$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 .g#{$infix}-#{$key},\n .gx#{$infix}-#{$key} {\n --gutter-x: #{$value};\n }\n\n .g#{$infix}-#{$key},\n .gy#{$infix}-#{$key} {\n --gutter-y: #{$value};\n }\n }\n }\n }\n}\n\n@mixin make-cssgrid($columns: $grid-columns, $breakpoints: $grid-breakpoints) {\n @each $breakpoint in map.keys($breakpoints) {\n $infix: breakpoint-infix($breakpoint, $breakpoints);\n\n @include media-breakpoint-up($breakpoint, $breakpoints) {\n @if $columns > 0 {\n @for $i from 1 through $columns {\n .g-col#{$infix}-#{$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 .g-start#{$infix}-#{$i} {\n grid-column-start: $i;\n }\n }\n }\n }\n }\n}\n","@use \"../variables\" as *;\n@use \"form-variables\" as *;\n\n// scss-docs-start form-label-variables\n$form-label-margin-bottom: .5rem !default;\n$form-label-font-size: null !default;\n$form-label-font-style: null !default;\n$form-label-font-weight: null !default;\n$form-label-color: null !default;\n// scss-docs-end form-label-variables\n\n\n@layer forms {\n .form-label {\n margin-bottom: $form-label-margin-bottom;\n font-size: $form-label-font-size;\n font-style: $form-label-font-style;\n font-weight: $form-label-font-weight;\n color: $form-label-color;\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 padding-top: add($input-padding-y, $input-border-width);\n padding-bottom: add($input-padding-y, $input-border-width);\n margin-bottom: 0; // Override the `<legend>` default\n font-size: inherit; // Override the `<legend>` default\n font-style: $form-label-font-style;\n font-weight: $form-label-font-weight;\n line-height: $input-line-height;\n color: $form-label-color;\n }\n\n .col-form-label-lg {\n padding-top: add($input-padding-y-lg, $input-border-width);\n padding-bottom: add($input-padding-y-lg, $input-border-width);\n font-size: $input-font-size-lg;\n }\n\n .col-form-label-sm {\n padding-top: add($input-padding-y-sm, $input-border-width);\n padding-bottom: add($input-padding-y-sm, $input-border-width);\n font-size: $input-font-size-sm;\n }\n}\n","@use \"../config\" as *;\n@use \"../variables\" as *;\n@use \"form-variables\" as *;\n\n// scss-docs-start form-text-variables\n$form-text-margin-top: .25rem !default;\n$form-text-font-size: $small-font-size !default;\n$form-text-font-style: null !default;\n$form-text-font-weight: null !default;\n$form-text-color: var(--secondary-color) !default;\n// scss-docs-end form-text-variables\n\n@layer forms {\n .form-text {\n margin-top: $form-text-margin-top;\n font-size: $form-text-font-size;\n font-style: $form-text-font-style;\n font-weight: $form-text-font-weight;\n color: $form-text-color;\n }\n}\n","@use \"sass:math\";\n@use \"../config\" as *;\n@use \"../variables\" as *;\n@use \"../functions\" as *;\n@use \"../mixins/border-radius\" as *;\n@use \"../mixins/box-shadow\" as *;\n@use \"../mixins/color-mode\" as *;\n@use \"../mixins/focus-ring\" as *;\n@use \"../mixins/gradients\" as *;\n@use \"../mixins/transition\" as *;\n@use \"form-variables\" as *;\n@use \"../buttons/button-variables\" as *; // mdo-do: remove?\n\n@layer forms {\n .form-control {\n --control-min-height: #{$control-min-height};\n --control-padding-y: #{$control-padding-y};\n --control-padding-x: #{$control-padding-x};\n --control-font-size: #{$control-font-size};\n --control-line-height: #{$control-line-height};\n --control-color: #{$control-color};\n --control-bg: #{$control-bg};\n --control-border-width: #{$control-border-width};\n --control-border-color: #{$control-border-color};\n --control-border-radius: #{$control-border-radius};\n --control-select-bg-color: #{$control-select-indicator-color};\n --control-select-bg: #{escape-svg($control-select-indicator)};\n --control-select-bg-position: #{$control-select-bg-position};\n --control-select-bg-size: #{$control-select-bg-size};\n\n display: block;\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-color);\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($input-box-shadow);\n @include transition($input-transition);\n\n &[type=\"file\"] {\n overflow: hidden; // prevent pseudo element button overlap\n\n &:not(:disabled):not([readonly]) {\n cursor: pointer;\n }\n }\n\n // Customize the `:focus` state to imitate native WebKit styles.\n &:focus-visible {\n --focus-ring-offset: -1px;\n color: $input-focus-color;\n background-color: $input-focus-bg;\n border-color: $input-focus-border-color;\n @include focus-ring(true);\n }\n\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 // stylelint-disable-next-line scss/at-function-named-arguments\n height: if(sass(math.unit($input-line-height) == \"\"): $input-line-height * 1em; else: $input-line-height);\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 }\n\n // Prevent excessive date input height in Webkit\n // https://github.com/twbs/bootstrap/issues/34433\n &::-webkit-datetime-edit {\n display: block;\n padding: 0;\n }\n\n // Placeholder\n &::placeholder {\n color: $input-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: $input-disabled-color;\n background-color: $input-disabled-bg;\n border-color: $input-disabled-border-color;\n // iOS fix for unreadable disabled content; see https://github.com/twbs/bootstrap/issues/11655.\n opacity: 1;\n }\n\n // File input buttons theming\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: $form-file-button-color;\n @include gradient-bg($form-file-button-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($btn-transition);\n }\n\n &:hover:not(:disabled):not([readonly])::file-selector-button {\n background-color: $form-file-button-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: $input-padding-y 0;\n margin-bottom: 0; // match inputs if this class comes on inputs with default margins\n line-height: $input-line-height;\n color: $input-plaintext-color;\n background-color: transparent;\n border: solid transparent;\n border-width: $input-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 @if $enable-dark-mode {\n @include color-mode(dark) {\n --control-select-indicator: #{escape-svg($control-select-indicator-dark)};\n }\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\n .form-control-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 }\n\n .form-control-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 }\n\n // // Make sure textareas don't shrink too much when resized\n // // https://github.com/twbs/bootstrap/pull/29124\n // // stylelint-disable selector-no-qualifying-type\n // textarea {\n // &.form-control {\n // min-height: $input-height;\n // }\n\n // &.form-control-sm {\n // min-height: $input-height-sm;\n // }\n\n // &.form-control-lg {\n // min-height: $input-height-lg;\n // }\n // }\n // // stylelint-enable selector-no-qualifying-type\n\n .form-control-color {\n width: $form-color-width;\n height: $input-height;\n padding: $input-padding-y;\n\n &:not(:disabled):not([readonly]) {\n cursor: pointer;\n }\n\n &::-moz-color-swatch {\n border: 0 !important; // stylelint-disable-line declaration-no-important\n @include border-radius($input-border-radius);\n }\n\n &::-webkit-color-swatch {\n border: 0 !important; // stylelint-disable-line declaration-no-important\n @include border-radius($input-border-radius);\n }\n\n &.form-control-sm { height: $input-height-sm; }\n &.form-control-lg { height: $input-height-lg; }\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","@use \"../config\" as *;\n@use \"../colors\" as *;\n@use \"../variables\" as *;\n\n$control-min-height: 2.5rem !default;\n$control-min-height-sm: 2rem !default;\n$control-min-height-lg: 3rem !default;\n$control-padding-y: .375rem !default;\n$control-padding-x: .75rem !default;\n$control-font-size: $font-size-base !default;\n$control-line-height: $line-height-base !default;\n$control-color: var(--fg-body) !default;\n$control-bg: var(--bg-body) !default;\n$control-border-width: var(--border-width) !default;\n$control-border-color: var(--border-color) !default;\n$control-border-radius: var(--border-radius) !default;\n\n$control-padding-y-sm: .25rem !default;\n$control-padding-x-sm: .5rem !default;\n$control-font-size-sm: $font-size-sm !default;\n$control-line-height-sm: $line-height-sm !default;\n$control-border-radius-sm: var(--border-radius-sm) !default;\n\n$control-padding-y-lg: .5rem !default;\n$control-padding-x-lg: 1rem !default;\n$control-font-size-lg: $font-size-lg !default;\n$control-line-height-lg: $line-height-lg !default;\n$control-border-radius-lg: var(--border-radius-lg) !default;\n\n$control-select-indicator-color: var(--gray-600) !default;\n$control-select-indicator: url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path fill='none' stroke='#{$control-select-indicator-color}' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/></svg>\") !default;\n$control-select-bg-position: right $control-padding-x center !default;\n$control-select-bg-size: 16px 12px !default;\n\n$control-select-indicator-color-dark: #fff !default;\n$control-select-indicator-dark: url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path fill='none' stroke='#{$control-select-indicator-color-dark}' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/></svg>\") !default;\n\n\n// scss-docs-start input-btn-variables\n$input-btn-padding-y: .375rem !default;\n$input-btn-padding-x: .75rem !default;\n// $input-btn-font-family: null !default;\n$input-btn-font-size: $font-size-base !default;\n$input-btn-line-height: $line-height-base !default;\n\n// $input-btn-focus-width: $focus-ring-width !default;\n// $input-btn-focus-color-opacity: $focus-ring-opacity !default;\n// $input-btn-focus-color: $focus-ring-color !default;\n// $input-btn-focus-blur: $focus-ring-blur !default;\n// $input-btn-focus-box-shadow: $focus-ring-box-shadow !default;\n\n$input-btn-padding-y-sm: .25rem !default;\n$input-btn-padding-x-sm: .5rem !default;\n$input-btn-font-size-sm: $font-size-sm !default;\n\n$input-btn-padding-y-lg: .5rem !default;\n$input-btn-padding-x-lg: 1rem !default;\n$input-btn-font-size-lg: $font-size-lg !default;\n\n// $input-btn-border-width: var(--border-width) !default;\n// scss-docs-end input-btn-variables\n\n// scss-docs-start form-input-variables\n$input-padding-y: $input-btn-padding-y !default;\n$input-padding-x: $input-btn-padding-x !default;\n// $input-font-family: $input-btn-font-family !default;\n$input-font-size: $input-btn-font-size !default;\n// $input-font-weight: $font-weight-base !default;\n$input-line-height: $input-btn-line-height !default;\n\n$input-padding-y-sm: $input-btn-padding-y-sm !default;\n$input-padding-x-sm: $input-btn-padding-x-sm !default;\n$input-font-size-sm: $input-btn-font-size-sm !default;\n\n$input-padding-y-lg: $input-btn-padding-y-lg !default;\n$input-padding-x-lg: $input-btn-padding-x-lg !default;\n$input-font-size-lg: $input-btn-font-size-lg !default;\n\n$input-bg: var(--bg-body) !default;\n$input-disabled-color: null !default;\n$input-disabled-bg: var(--secondary-bg) !default;\n$input-disabled-border-color: null !default;\n\n$input-color: var(--fg-body) !default;\n$input-border-color: var(--border-color) !default;\n$input-border-width: var(--border-width) !default;\n$input-box-shadow: var(--box-shadow-inset) !default;\n\n$input-border-radius: var(--border-radius) !default;\n$input-border-radius-sm: var(--border-radius-sm) !default;\n$input-border-radius-lg: var(--border-radius-lg) !default;\n\n$input-focus-bg: $input-bg !default;\n$input-focus-border-color: var(--primary-border) !default;\n$input-focus-color: $input-color !default;\n\n$input-placeholder-color: var(--secondary-color) !default;\n$input-plaintext-color: var(--fg-body) !default;\n\n$input-height-border: calc(#{$input-border-width} * 2) !default;\n\n$input-height-inner: add($input-line-height * 1em, $input-padding-y * 2) !default;\n$input-height-inner-half: add($input-line-height * .5em, $input-padding-y) !default;\n$input-height-inner-quarter: add($input-line-height * .25em, $input-padding-y * .5) !default;\n\n// $input-height: add($input-line-height * 1em, add($input-padding-y * 2, $input-height-border, false)) !default;\n// $input-height-sm: add($input-line-height * 1em, add($input-padding-y-sm * 2, $input-height-border, false)) !default;\n// $input-height-lg: add($input-line-height * 1em, add($input-padding-y-lg * 2, $input-height-border, false)) !default;\n$input-height: 2.5rem !default;\n$input-height-sm: 2rem !default;\n$input-height-lg: 3rem !default;\n\n$input-transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out !default;\n\n$form-color-width: 3rem !default;\n// scss-docs-end form-input-variables\n\n// scss-docs-start form-file-variables\n$form-file-button-color: $input-color !default;\n$form-file-button-bg: var(--tertiary-bg) !default;\n$form-file-button-hover-bg: var(--secondary-bg) !default;\n// scss-docs-end form-file-variables\n\n// scss-docs-start form-feedback-variables\n$form-feedback-margin-top: .5rem !default;\n$form-feedback-font-size: $font-size-sm !default;\n$form-feedback-font-style: null !default;\n$form-feedback-valid-color: var(--success) !default;\n$form-feedback-invalid-color: var(--danger) !default;\n\n$form-feedback-icon-valid-color: $form-feedback-valid-color !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: $form-feedback-invalid-color !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\": #fff,\n \"tooltip-bg-color\": var(--success),\n // \"focus-box-shadow\": 0 0 $input-btn-focus-blur $input-focus-width rgba(var(--success-rgb), $input-btn-focus-color-opacity),\n \"border-color\": var(--form-valid-border-color),\n ),\n \"invalid\": (\n \"color\": var(--form-invalid-color),\n \"icon\": $form-feedback-icon-invalid,\n \"tooltip-color\": #fff,\n \"tooltip-bg-color\": var(--danger),\n // \"focus-box-shadow\": 0 0 $input-btn-focus-blur $input-focus-width rgba(var(--danger-rgb), $input-btn-focus-color-opacity),\n \"border-color\": var(--form-invalid-border-color),\n )\n) !default;\n// scss-docs-end form-validation-states\n","@use \"../config\" as *;\n@use \"../variables\" as *;\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: rgba($white, .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 \"../config\" as *;\n@use \"../colors\" as *;\n@use \"../variables\" as *;\n@use \"../functions\" as *;\n@use \"../mixins/border-radius\" as *;\n@use \"../mixins/color-mode\" as *;\n@use \"../mixins/focus-ring\" as *;\n@use \"../mixins/transition\" as *;\n@use \"form-variables\" as *;\n\n// scss-docs-start check-variables\n$check-border-color: var(--border-color) !default;\n$check-checked-bg: var(--primary-base) !default;\n$check-checked-border-color: $check-checked-bg !default;\n$check-indeterminate-bg: var(--primary-base) !default;\n$check-indeterminate-border-color: $check-indeterminate-bg !default;\n$check-disabled-bg: var(--bg-3) !default;\n$check-disabled-opacity: .65 !default;\n// scss-docs-end check-variables\n\n@layer forms {\n b-checkgroup {\n display: flex;\n gap: var(--gap, .5rem);\n align-items: var(--align-items, start);\n\n .description {\n color: var(--secondary-text);\n }\n }\n\n .check {\n // scss-docs-start check-css-variables\n --check-bg: transparent;\n --check-border-color: #{$check-border-color};\n --check-checked-bg: #{$check-checked-bg};\n --check-checked-border-color: #{$check-checked-border-color};\n --check-indeterminate-bg: #{$check-indeterminate-bg};\n --check-indeterminate-border-color: #{$check-indeterminate-border-color};\n --check-disabled-bg: #{$check-disabled-bg};\n --check-disabled-opacity: #{$check-disabled-opacity};\n // scss-docs-end check-css-variables\n\n display: grid;\n grid-template-columns: repeat(1, minmax(0, 1fr));\n margin-block: .125rem;\n\n :where(svg, input) {\n flex-shrink: 0;\n grid-row-start: 1;\n grid-column-start: 1;\n width: 1rem;\n height: 1rem;\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: .25em;\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(--primary-contrast);\n stroke: currentcolor;\n }\n\n &:has(input:disabled) {\n --check-bg: var(--check-disabled-bg);\n\n ~ label {\n color: var(--secondary-text);\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","@use \"../config\" as *;\n@use \"../colors\" as *;\n@use \"../variables\" as *;\n@use \"../functions\" as *;\n@use \"../mixins/border-radius\" as *;\n@use \"../mixins/color-mode\" as *;\n@use \"../mixins/focus-ring\" as *;\n@use \"../mixins/transition\" as *;\n@use \"form-variables\" as *;\n\n// scss-docs-start radio-variables\n$radio-border-color: var(--border-color) !default;\n$radio-checked-bg: var(--primary-base) !default;\n$radio-checked-border-color: $radio-checked-bg !default;\n$radio-disabled-bg: var(--bg-3) !default;\n$radio-disabled-opacity: .65 !default;\n// scss-docs-end radio-variables\n\n@layer forms {\n b-radiogroup {\n display: flex;\n gap: var(--gap, .5rem);\n align-items: var(--align-items, start);\n\n .description {\n color: var(--secondary-text);\n }\n }\n\n .radio {\n // scss-docs-start radio-css-variables\n --radio-bg: transparent;\n --radio-border-color: #{$radio-border-color};\n --radio-checked-bg: #{$radio-checked-bg};\n --radio-checked-border-color: #{$radio-checked-border-color};\n --radio-disabled-bg: #{$radio-disabled-bg};\n --radio-disabled-opacity: #{$radio-disabled-opacity};\n // scss-docs-end radio-css-variables\n\n position: relative;\n flex-shrink: 0;\n width: 1rem;\n height: 1rem;\n margin-block: .125rem;\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-text);\n cursor: default;\n }\n }\n\n &:focus-visible {\n @include focus-ring(true);\n }\n\n }\n}\n","@use \"../config\" as *;\n@use \"../colors\" as *;\n@use \"../variables\" as *;\n@use \"../functions\" as *;\n@use \"../mixins/border-radius\" as *;\n@use \"../mixins/box-shadow\" as *;\n@use \"../mixins/color-mode\" as *;\n@use \"../mixins/focus-ring\" as *;\n@use \"../mixins/transition\" as *;\n@use \"form-variables\" as *;\n\n@layer forms {\n .switch {\n // scss-docs-start switch-css-variables\n --switch-height: 1.25rem;\n --switch-width: calc(var(--switch-height) * 1.5);\n --switch-padding: .0625rem;\n --switch-bg: var(--secondary-bg);\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(--primary-base);\n --switch-checked-border-color: var(--switch-checked-bg);\n --switch-checked-indicator-bg: var(--white);\n --switch-disabled-bg: var(--secondary-bg);\n --switch-disabled-indicator-bg: var(--secondary-text);\n // scss-docs-end switch-css-variables\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 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 rgba($black, .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(--switch-indicator-bg);\n // stylelint-disable-next-line property-disallowed-list\n border-radius: 50%;\n box-shadow: 0 1px 2px rgba($black, .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-text);\n cursor: default;\n }\n }\n }\n .switch-sm {\n --switch-height: 1em;\n }\n .switch-lg {\n --switch-height: 2em;\n }\n}\n","@use \"../config\" as *;\n@use \"../colors\" as *;\n@use \"../variables\" 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 \"form-variables\" as *;\n\n// scss-docs-start form-range-variables\n$form-range-track-width: 100% !default;\n$form-range-track-height: .5rem !default;\n$form-range-track-cursor: pointer !default;\n$form-range-track-bg: var(--secondary-bg) !default;\n$form-range-track-border-radius: 1rem !default;\n$form-range-track-box-shadow: var(--box-shadow-inset) !default;\n\n$form-range-thumb-width: 1rem !default;\n$form-range-thumb-height: $form-range-thumb-width !default;\n$form-range-thumb-bg: $component-active-bg !default;\n$form-range-thumb-border: 0 !default;\n$form-range-thumb-border-radius: 1rem !default;\n$form-range-thumb-box-shadow: 0 .1rem .25rem rgba($black, .1) !default;\n$form-range-thumb-active-bg: tint-color($component-active-bg, 70%) !default;\n$form-range-thumb-disabled-bg: var(--secondary-color) !default;\n$form-range-thumb-transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out !default;\n// scss-docs-end form-range-variables\n\n@layer forms {\n .form-range {\n width: 100%;\n height: calc(#{$form-range-thumb-height} + (var(--focus-ring-width) * 2));\n padding: 0; // Need to reset padding\n appearance: none;\n background-color: transparent;\n\n &:focus {\n outline: 0;\n\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: 1px;\n }\n &::-moz-range-thumb {\n @include focus-ring(true);\n --focus-ring-offset: 1px;\n }\n }\n\n &::-moz-focus-outer {\n border: 0;\n }\n\n &::-webkit-slider-thumb {\n width: $form-range-thumb-width;\n height: $form-range-thumb-height;\n margin-top: ($form-range-track-height - $form-range-thumb-height) * .5; // Webkit specific\n appearance: none;\n @include gradient-bg($form-range-thumb-bg);\n border: $form-range-thumb-border;\n @include border-radius($form-range-thumb-border-radius);\n @include box-shadow($form-range-thumb-box-shadow);\n @include transition($form-range-thumb-transition);\n\n &:active {\n @include gradient-bg($form-range-thumb-active-bg);\n }\n }\n\n &::-webkit-slider-runnable-track {\n width: $form-range-track-width;\n height: $form-range-track-height;\n color: transparent; // Why?\n cursor: $form-range-track-cursor;\n background-color: $form-range-track-bg;\n border-color: transparent;\n @include border-radius($form-range-track-border-radius);\n @include box-shadow($form-range-track-box-shadow);\n }\n\n &::-moz-range-thumb {\n width: $form-range-thumb-width;\n height: $form-range-thumb-height;\n appearance: none;\n @include gradient-bg($form-range-thumb-bg);\n border: $form-range-thumb-border;\n @include border-radius($form-range-thumb-border-radius);\n @include box-shadow($form-range-thumb-box-shadow);\n @include transition($form-range-thumb-transition);\n\n &:active {\n @include gradient-bg($form-range-thumb-active-bg);\n }\n }\n\n &::-moz-range-track {\n width: $form-range-track-width;\n height: $form-range-track-height;\n color: transparent;\n cursor: $form-range-track-cursor;\n background-color: $form-range-track-bg;\n border-color: transparent; // Firefox specific?\n @include border-radius($form-range-track-border-radius);\n @include box-shadow($form-range-track-box-shadow);\n }\n\n &:disabled {\n pointer-events: none;\n\n &::-webkit-slider-thumb {\n background-color: $form-range-thumb-disabled-bg;\n }\n\n &::-moz-range-thumb {\n background-color: $form-range-thumb-disabled-bg;\n }\n }\n }\n}\n","@use \"sass:math\";\n@use \"../config\" as *;\n@use \"../colors\" as *;\n@use \"../variables\" as *;\n@use \"../mixins/border-radius\" as *;\n@use \"../mixins/transition\" as *;\n@use \"form-variables\" as *;\n\n// scss-docs-start form-floating-variables\n$form-floating-height: calc(3.5rem + #{$input-height-border}) !default;\n$form-floating-line-height: 1.25 !default;\n$form-floating-padding-x: $input-padding-x !default;\n$form-floating-padding-y: 1rem !default;\n$form-floating-input-padding-t: 1.625rem !default;\n$form-floating-input-padding-b: .625rem !default;\n$form-floating-label-height: 1.5em !default;\n$form-floating-label-opacity: .65 !default;\n$form-floating-label-transform: scale(.85) translateY(-.5rem) translateX(.15rem) !default;\n$form-floating-label-disabled-color: var(--gray-600) !default;\n$form-floating-transition: opacity .1s ease-in-out, transform .1s ease-in-out !default;\n// scss-docs-end form-floating-variables\n\n@layer forms {\n .form-floating {\n position: relative;\n\n > .form-control,\n > .form-control-plaintext,\n > .form-select {\n height: $form-floating-height;\n min-height: $form-floating-height;\n line-height: $form-floating-line-height;\n }\n\n > label {\n position: absolute;\n inset-block-start: 0;\n inset-inline-start: 0;\n z-index: 2;\n max-width: 100%;\n height: 100%; // allow textareas\n padding: $form-floating-padding-y $form-floating-padding-x;\n overflow: hidden;\n color: color-mix(in oklch, var(--body-color) #{math.percentage($form-floating-label-opacity)}, transparent);\n text-align: start;\n text-overflow: ellipsis;\n white-space: nowrap;\n pointer-events: none;\n border: $input-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($form-floating-transition);\n }\n\n > .form-control,\n > .form-control-plaintext {\n padding: $form-floating-padding-y $form-floating-padding-x;\n\n &::placeholder {\n color: transparent;\n }\n\n &:focus,\n &:not(:placeholder-shown) {\n padding-top: $form-floating-input-padding-t;\n padding-bottom: $form-floating-input-padding-b;\n }\n // Duplicated because `:-webkit-autofill` invalidates other selectors when grouped\n &:-webkit-autofill {\n padding-top: $form-floating-input-padding-t;\n padding-bottom: $form-floating-input-padding-b;\n }\n }\n\n > .form-select {\n padding-inline-start: $form-floating-padding-x;\n padding-top: $form-floating-input-padding-t;\n padding-bottom: $form-floating-input-padding-b;\n }\n\n > .form-control:focus,\n > .form-control:not(:placeholder-shown),\n > .form-control-plaintext,\n > .form-select {\n ~ label {\n transform: $form-floating-label-transform;\n }\n }\n // Duplicated because `:-webkit-autofill` invalidates other selectors when grouped\n > .form-control:-webkit-autofill {\n ~ label {\n transform: $form-floating-label-transform;\n }\n }\n > textarea:focus,\n > textarea:not(:placeholder-shown) {\n ~ label::after {\n position: absolute;\n inset: $form-floating-padding-y ($form-floating-padding-x * .5);\n z-index: -1;\n height: $form-floating-label-height;\n content: \"\";\n background-color: $input-bg;\n @include border-radius($input-border-radius);\n }\n }\n > textarea:disabled ~ label::after {\n background-color: $input-disabled-bg;\n }\n\n > .form-control-plaintext {\n ~ label {\n border-width: $input-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: $form-floating-label-disabled-color;\n }\n }\n}\n","@use \"sass:map\";\n@use \"sass:string\";\n@use \"../config\" as *;\n@use \"../colors\" as *;\n@use \"../variables\" as *;\n@use \"../mixins/border-radius\" as *;\n@use \"form-variables\" as *;\n\n// scss-docs-start input-group-variables\n$input-group-addon-padding-y: $input-padding-y !default;\n$input-group-addon-padding-x: $input-padding-x !default;\n// $input-group-addon-font-weight: $input-font-weight !default;\n$input-group-addon-color: $input-color !default;\n$input-group-addon-bg: var(--tertiary-bg) !default;\n$input-group-addon-border-color: $input-border-color !default;\n// scss-docs-end input-group-variables\n\n@layer forms {\n .input-group {\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-select,\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-select: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 .btn {\n position: relative;\n z-index: 2;\n\n &:focus {\n z-index: 5;\n }\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: $input-group-addon-padding-y $input-group-addon-padding-x;\n font-size: $input-font-size; // Match inputs\n // font-weight: $input-group-addon-font-weight;\n line-height: $input-line-height;\n color: $input-group-addon-color;\n text-align: center;\n white-space: nowrap;\n background-color: $input-group-addon-bg;\n border: $input-border-width solid $input-group-addon-border-color;\n @include border-radius($input-border-radius);\n }\n\n\n // Sizing\n //\n // Remix the default form control sizing classes into new ones for easier\n // manipulation.\n\n .input-group-lg > .form-control,\n .input-group-lg > .form-select,\n .input-group-lg > .input-group-text,\n .input-group-lg > .btn {\n padding: $input-padding-y-lg $input-padding-x-lg;\n font-size: $input-font-size-lg;\n @include border-radius($input-border-radius-lg);\n }\n\n .input-group-sm > .form-control,\n .input-group-sm > .form-select,\n .input-group-sm > .input-group-text,\n .input-group-sm > .btn {\n padding: $input-padding-y-sm $input-padding-x-sm;\n font-size: $input-font-size-sm;\n @include border-radius($input-border-radius-sm);\n }\n\n .input-group-lg > .form-select,\n .input-group-sm > .form-select {\n // mdo-do: need to revisit this\n // padding-right: $form-select-padding-x + $form-select-indicator-padding;\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):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating),\n > .dropdown-toggle: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(.dropdown-toggle):not(.dropdown-menu):not(.form-floating),\n > .dropdown-toggle: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):not(.dropdown-menu)#{$validation-messages} {\n margin-inline-start: calc(-1 * #{$input-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 \"../config\" as *;\n@use \"../variables\" as *;\n@use \"../mixins/border-radius\" as *;\n@use \"../mixins/transition\" as *;\n@use \"form-variables\" as *;\n\n// scss-docs-start strength-variables\n$strength-height: .375rem !default;\n$strength-gap: .25rem !default;\n$strength-margin-top: .25rem !default;\n$strength-border-radius: var(--border-radius-pill) !default;\n$strength-bg: var(--bg-2) !default;\n$strength-transition: background-color .2s ease-in-out, width .3s ease-in-out !default;\n\n$strength-weak-color: var(--danger-bg) !default;\n$strength-fair-color: var(--warning-bg) !default;\n$strength-good-color: var(--info-bg) !default;\n$strength-strong-color: var(--success-bg) !default;\n// scss-docs-end strength-variables\n\n@layer forms {\n // Strength meter container\n .strength {\n --strength-height: #{$strength-height};\n --strength-gap: #{$strength-gap};\n --strength-bg: #{$strength-bg};\n --strength-border-radius: #{$strength-border-radius};\n --strength-color: #{$strength-bg};\n\n display: flex;\n gap: var(--strength-gap);\n width: 100%;\n margin-top: $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 // Strength levels - set the color variable\n .strength[data-bs-strength=\"weak\"] {\n --strength-color: #{$strength-weak-color};\n }\n\n .strength[data-bs-strength=\"fair\"] {\n --strength-color: #{$strength-fair-color};\n }\n\n .strength[data-bs-strength=\"good\"] {\n --strength-color: #{$strength-good-color};\n }\n\n .strength[data-bs-strength=\"strong\"] {\n --strength-color: #{$strength-strong-color};\n }\n\n // Optional text feedback\n .strength-text {\n display: block;\n margin-top: $strength-margin-top;\n font-size: $small-font-size;\n color: var(--strength-color, var(--secondary-color));\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 --strength-height: #{$strength-height};\n --strength-bg: #{$strength-bg};\n --strength-border-radius: #{$strength-border-radius};\n --strength-color: transparent;\n --strength-width: 0%;\n\n width: 100%;\n height: var(--strength-height);\n margin-top: $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 &[data-bs-strength=\"weak\"] {\n --strength-color: #{$strength-weak-color};\n --strength-width: 25%;\n }\n\n &[data-bs-strength=\"fair\"] {\n --strength-color: #{$strength-fair-color};\n --strength-width: 50%;\n }\n\n &[data-bs-strength=\"good\"] {\n --strength-color: #{$strength-good-color};\n --strength-width: 75%;\n }\n\n &[data-bs-strength=\"strong\"] {\n --strength-color: #{$strength-strong-color};\n --strength-width: 100%;\n }\n }\n}\n","@use \"../config\" as *;\n@use \"../variables\" as *;\n@use \"form-variables\" as *;\n\n// scss-docs-start otp-input-variables\n$otp-input-size: 3rem !default;\n$otp-input-size-sm: 2.25rem !default;\n$otp-input-size-lg: 3.5rem !default;\n$otp-input-font-size: $font-size-lg !default;\n$otp-input-font-size-sm: $font-size-base !default;\n$otp-input-font-size-lg: $font-size-lg * 1.25 !default;\n$otp-input-gap: .5rem !default;\n// scss-docs-end otp-input-variables\n\n@layer forms {\n .otp {\n --otp-size: #{$otp-input-size};\n --otp-font-size: #{$otp-input-font-size};\n --otp-gap: #{$otp-input-gap};\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\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 .otp-sm {\n --otp-size: #{$otp-input-size-sm};\n --otp-font-size: #{$otp-input-font-size-sm};\n }\n\n .otp-lg {\n --otp-size: #{$otp-input-size-lg};\n --otp-font-size: #{$otp-input-font-size-lg};\n }\n}\n","@use \"../config\" as *;\n@use \"../variables\" 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 \"form-variables\" as *;\n\n// scss-docs-start form-adorn-variables\n$form-adorn-gap: .375rem !default;\n$form-adorn-icon-size: 1rem !default;\n$form-adorn-icon-color: var(--fg-2) !default;\n// scss-docs-end form-adorn-variables\n\n@layer forms {\n .form-adorn {\n // Inherit form-control CSS variables for sizing\n --control-min-height: #{$control-min-height};\n --control-padding-y: #{$control-padding-y};\n --control-padding-x: #{$control-padding-x};\n --control-font-size: #{$control-font-size};\n --control-line-height: #{$control-line-height};\n --control-color: #{$control-color};\n --control-bg: #{$control-bg};\n --control-border-width: #{$control-border-width};\n --control-border-color: #{$control-border-color};\n --control-border-radius: #{$control-border-radius};\n\n // Adorn-specific variables\n --form-adorn-gap: #{$form-adorn-gap};\n --form-adorn-icon-size: #{$form-adorn-icon-size};\n --form-adorn-icon-color: #{$form-adorn-icon-color};\n\n // Flexbox layout\n display: flex;\n gap: var(--form-adorn-gap);\n align-items: center;\n\n // Replicate .form-control styles on the wrapper\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-color);\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($input-box-shadow);\n @include transition($input-transition);\n\n // Focus state when ghost input is focused\n &:focus-within {\n --focus-ring-offset: -1px;\n border-color: $input-focus-border-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\n // Adornment at end (right in LTR) - input comes first visually\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 // Sizing variants\n .form-adorn-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 }\n\n .form-adorn-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 }\n}\n","@use \"../config\" as *;\n@use \"../variables\" as *;\n@use \"../theme\" 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 \"form-variables\" as *;\n\n// scss-docs-start chip-input-variables\n$chip-input-gap: .375rem !default;\n$chip-input-padding-y: .75rem !default;\n$chip-input-padding-x: .75rem !default;\n$chip-input-chip-padding-y: .75rem !default;\n$chip-input-chip-padding-x: .5rem !default;\n$chip-input-ghost-min-width: 5rem !default;\n// scss-docs-end chip-input-variables\n\n@layer forms {\n .chip-input {\n // Inherit form-control CSS variables for sizing\n // --control-min-height: #{$control-min-height};\n --chip-input-padding-y: #{$chip-input-padding-y};\n --chip-input-padding-x: #{$chip-input-padding-x};\n --control-padding-x: #{$control-padding-x};\n --control-color: #{$control-color};\n --control-bg: #{$control-bg};\n --control-border-width: #{$control-border-width};\n --control-border-color: #{$control-border-color};\n --control-border-radius: #{$control-border-radius};\n\n // Chip input specific\n --chip-input-gap: #{$chip-input-gap};\n // --chip-input-chip-padding-y: #{$chip-input-chip-padding-y};\n // --chip-input-chip-padding-x: #{$chip-input-chip-padding-x};\n // --chip-input-chip-font-size: #{$chip-input-chip-font-size};\n --chip-input-ghost-min-width: #{$chip-input-ghost-min-width};\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-color);\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: $input-focus-border-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: $input-disabled-bg;\n opacity: 1;\n\n > .chip {\n opacity: .65;\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-text);\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 \"config\" as *;\n@use \"variables\" as *;\n@use \"mixins/border-radius\" as *;\n@use \"mixins/deprecate\" as *;\n@use \"mixins/reset-text\" as *;\n\n// scss-docs-start tooltip-variables\n$tooltip-font-size: var(--font-size-sm) !default;\n$tooltip-max-width: 200px !default;\n$tooltip-color: var(--bg-body) !default;\n$tooltip-bg: var(--fg-body) !default;\n$tooltip-border-radius: var(--border-radius) !default;\n$tooltip-opacity: .95 !default;\n$tooltip-padding-y: $spacer * .375 !default;\n$tooltip-padding-x: $spacer * .75 !default;\n\n$tooltip-arrow-width: .8rem !default;\n$tooltip-arrow-height: .4rem !default;\n// scss-docs-end tooltip-variables\n\n// Form tooltips must come after regular tooltips\n// scss-docs-start tooltip-feedback-variables\n$form-feedback-tooltip-padding-y: $tooltip-padding-y !default;\n$form-feedback-tooltip-padding-x: $tooltip-padding-x !default;\n$form-feedback-tooltip-font-size: $tooltip-font-size !default;\n$form-feedback-tooltip-line-height: null !default;\n$form-feedback-tooltip-opacity: $tooltip-opacity !default;\n$form-feedback-tooltip-border-radius: $tooltip-border-radius !default;\n// scss-docs-end tooltip-feedback-variables\n\n\n@layer components {\n .tooltip {\n // scss-docs-start tooltip-css-vars\n --tooltip-zindex: #{$zindex-tooltip};\n --tooltip-max-width: #{$tooltip-max-width};\n --tooltip-padding-x: #{$tooltip-padding-x};\n --tooltip-padding-y: #{$tooltip-padding-y};\n --tooltip-font-size: #{$tooltip-font-size};\n --tooltip-color: #{$tooltip-color};\n --tooltip-bg: #{$tooltip-bg};\n --tooltip-border-radius: #{$tooltip-border-radius};\n --tooltip-opacity: #{$tooltip-opacity};\n --tooltip-arrow-width: #{$tooltip-arrow-width};\n --tooltip-arrow-height: #{$tooltip-arrow-height};\n // scss-docs-end tooltip-css-vars\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","@use \"../variables\" as *;\n\n@mixin reset-text {\n font-family: $font-family-base;\n // We deliberately do NOT reset font-size or overflow-wrap / word-wrap.\n font-style: normal;\n font-weight: $font-weight-normal;\n line-height: $line-height-base;\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 \"../variables\" as *;\n@use \"../functions\" as *;\n@use \"../mixins/border-radius\" as *;\n@use \"../mixins/box-shadow\" 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: rgba($color, $form-feedback-tooltip-opacity),\n $focus-box-shadow: 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: $input-height-inner;\n background-image: escape-svg($icon);\n background-repeat: no-repeat;\n background-position: right $input-height-inner-quarter center;\n background-size: $input-height-inner-half $input-height-inner-half;\n }\n\n &:focus {\n border-color: $border-color;\n @if $enable-shadows {\n @include box-shadow($input-box-shadow, $focus-box-shadow);\n } @else {\n // Avoid using mixin so we can pass custom focus shadow properly\n box-shadow: $focus-box-shadow;\n }\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: top $input-height-inner-quarter right $input-height-inner-quarter;\n }\n }\n }\n\n // .form-select {\n // @include form-validation-state-selector($state) {\n // border-color: $border-color;\n\n // @if $enable-validation-icons {\n // &:not([multiple]):not([size]),\n // &:not([multiple])[size=\"1\"] {\n // --form-select-bg-icon: #{escape-svg($icon)};\n // padding-right: $form-select-feedback-icon-padding-end;\n // background-position: $form-select-bg-position, $form-select-feedback-icon-position;\n // background-size: $form-select-bg-size, $form-select-feedback-icon-size;\n // }\n // }\n\n // &:focus {\n // border-color: $border-color;\n // @if $enable-shadows {\n // @include box-shadow($form-select-box-shadow, $focus-box-shadow);\n // } @else {\n // // Avoid using mixin so we can pass custom focus shadow properly\n // box-shadow: $focus-box-shadow;\n // }\n // }\n // }\n // }\n\n .form-control-color {\n @include form-validation-state-selector($state) {\n @if $enable-validation-icons {\n width: add($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 forms {\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","@use \"sass:color\";\n@use \"sass:list\";\n@use \"sass:map\";\n@use \"sass:meta\";\n@use \"sass:string\";\n@use \"../colors\" as *;\n@use \"../config\" as *;\n@use \"../theme\" as *;\n@use \"../variables\" 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/gradients\" as *;\n@use \"../mixins/transition\" as *;\n@use \"button-variables\" as *;\n\n// scss-docs-start btn-variants\n$button-variants: (\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) !default;\n// scss-docs-end btn-variants\n\n// scss-docs-start btn-sizes\n$button-sizes: (\n \"xs\": (\n \"padding-y\": $btn-padding-y-xs,\n \"padding-x\": $btn-padding-x-xs,\n \"font-size\": $btn-font-size-xs,\n \"line-height\": $btn-line-height-xs,\n \"border-radius\": $btn-border-radius-xs,\n \"min-height\": 1.5rem\n ),\n \"sm\": (\n \"padding-y\": $btn-padding-y-sm,\n \"padding-x\": $btn-padding-x-sm,\n \"font-size\": $btn-font-size-sm,\n \"line-height\": $btn-line-height-sm,\n \"border-radius\": $btn-border-radius-sm,\n \"min-height\": 2rem\n ),\n \"lg\": (\n \"padding-y\": $btn-padding-y-lg,\n \"padding-x\": $btn-padding-x-lg,\n \"font-size\": $btn-font-size-lg,\n \"line-height\": $btn-line-height-lg,\n \"border-radius\": $btn-border-radius-lg,\n \"min-height\": 2.75rem\n ),\n // Commented out by default on purpose\n // \"xl\": (\n // \"padding-y\": $btn-padding-y-xl,\n // \"padding-x\": $btn-padding-x-xl,\n // \"font-size\": $btn-font-size-xl,\n // \"line-height\": $btn-line-height-xl,\n // \"border-radius\": $btn-border-radius-xl,\n // \"min-height\": 3.25rem\n // ),\n) !default;\n// scss-docs-end btn-sizes\n\n//\n// Base styles\n//\n\n$btn-variant-selectors: () !default;\n@each $variant in map.keys($button-variants) {\n $btn-variant-selectors: list.append($btn-variant-selectors, string.unquote(\".btn-#{$variant}\"), comma);\n}\n\n@layer components {\n .btn,\n #{$btn-variant-selectors} {\n // scss-docs-start btn-css-vars\n --btn-min-height: 2.25rem;\n --btn-padding-x: #{$btn-padding-x};\n --btn-padding-y: #{$btn-padding-y};\n // --btn-font-family: #{$btn-font-family};\n --btn-font-size: #{$btn-font-size};\n --btn-font-weight: #{$btn-font-weight};\n --btn-line-height: #{$btn-line-height};\n --btn-color: #{$btn-color};\n --btn-border-width: #{$btn-border-width};\n --btn-border-color: transparent;\n --btn-border-radius: #{$btn-border-radius};\n --btn-hover-border-color: transparent;\n --btn-disabled-opacity: #{$btn-disabled-opacity};\n // scss-docs-end btn-css-vars\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: $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($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\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, $_ 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\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 --btn-font-weight: #{$font-weight-normal};\n --btn-color: #{$btn-link-color};\n --btn-bg: transparent;\n --btn-border-color: transparent;\n --btn-hover-color: #{$btn-link-hover-color};\n --btn-hover-bg: transparent;\n --btn-hover-border-color: transparent;\n --btn-active-color: #{$btn-link-hover-color};\n --btn-active-bg: transparent;\n --btn-active-border-color: transparent;\n --btn-disabled-color: #{$btn-link-disabled-color};\n --btn-disabled-border-color: transparent;\n\n color: var(--theme-text, 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-text, var(--btn-color));\n }\n\n &:hover {\n color: var(--theme-text-emphasis, var(--btn-hover-color));\n }\n\n // No need for an active state here\n }\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 @each $size, $properties in $button-sizes {\n .btn-#{$size},\n .btn-group-#{$size} > [class*=\"btn-\"] {\n --btn-min-height: #{map.get($properties, \"min-height\")};\n --btn-padding-y: #{map.get($properties, \"padding-y\")};\n --btn-padding-x: #{map.get($properties, \"padding-x\")};\n --btn-font-size: #{map.get($properties, \"font-size\")};\n --btn-line-height: #{map.get($properties, \"line-height\")};\n --btn-border-radius: #{map.get($properties, \"border-radius\")};\n }\n }\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 --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 rgba(0, 0, 0, .15);\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 \"../config\" as *;\n@use \"../variables\" as *;\n@use \"../mixins/border-radius\" as *;\n@use \"../mixins/box-shadow\" as *;\n@use \"button-variables\" 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 // 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($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 * #{$btn-border-width});\n }\n\n // Reset rounded corners\n > [class*=\"btn-\"]:not(:last-child):not(.dropdown-toggle),\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 // Sizing\n //\n // Remix the default button sizing classes into new ones for easier manipulation.\n\n // .btn-group-sm > [class*=\"btn-\"] { @extend .btn-sm; }\n // .btn-group-lg > [class*=\"btn-\"] { @extend .btn-lg; }\n\n\n //\n // Split button dropdowns\n //\n\n .dropdown-toggle-split {\n padding-inline: $btn-padding-x * .75;\n\n &::after,\n .dropup &::after,\n .dropend &::after {\n margin-inline-start: 0;\n }\n\n .dropstart &::before {\n margin-inline-end: 0;\n }\n }\n\n .btn-sm + .dropdown-toggle-split {\n padding-inline: $btn-padding-x-sm * .75;\n }\n\n .btn-lg + .dropdown-toggle-split {\n padding-inline: $btn-padding-x-lg * .75;\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 * #{$btn-border-width});\n }\n\n // Reset rounded corners\n > [class*=\"btn-\"]:not(:last-child):not(.dropdown-toggle),\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 \"../config\" as *;\n@use \"../colors\" as *;\n@use \"../variables\" as *;\n@use \"../mixins/border-radius\" as *;\n@use \"../mixins/color-mode\" as *;\n@use \"../mixins/focus-ring\" as *;\n\n// scss-docs-start close-variables\n$btn-close-size: 1.25rem !default;\n$btn-close-color: var(--fg-body) !default;\n$btn-close-opacity: .5 !default;\n$btn-close-hover-opacity: .75 !default;\n$btn-close-focus-opacity: .85 !default;\n$btn-close-disabled-opacity: .25 !default;\n// scss-docs-end close-variables\n\n// Transparent background and border properties included for button version.\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 // scss-docs-start close-css-vars\n --btn-close-size: #{$btn-close-size};\n --btn-close-color: #{$btn-close-color};\n --btn-close-opacity: #{$btn-close-opacity};\n --btn-close-hover-opacity: #{$btn-close-hover-opacity};\n --btn-close-focus-opacity: #{$btn-close-focus-opacity};\n --btn-close-disabled-opacity: #{$btn-close-disabled-opacity};\n // scss-docs-end close-css-vars\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;\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 {\n @include focus-ring();\n opacity: var(--btn-close-focus-opacity);\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 \"config\" as *;\n@use \"variables\" as *;\n@use \"functions\" as *;\n@use \"mixins/border-radius\" as *;\n@use \"mixins/transition\" as *;\n@use \"mixins/focus-ring\" as *;\n\n// scss-docs-start accordion-variables\n$accordion-padding-y: 1rem !default;\n$accordion-padding-x: 1.25rem !default;\n$accordion-color: var(--fg-body) !default;\n$accordion-bg: var(--bg-body) !default;\n$accordion-border-width: var(--border-width) !default;\n$accordion-border-color: var(--border-color) !default;\n$accordion-border-radius: var(--border-radius-lg) !default;\n$accordion-inner-border-radius: calc(#{$accordion-border-radius} - #{$accordion-border-width}) !default;\n\n$accordion-body-padding-y: $accordion-padding-y !default;\n$accordion-body-padding-x: $accordion-padding-x !default;\n\n$accordion-button-padding-y: $accordion-padding-y !default;\n$accordion-button-padding-x: $accordion-padding-x !default;\n$accordion-button-color: var(--fg-2) !default;\n$accordion-button-bg: var(--accordion-bg) !default;\n$accordion-transition: color .15s ease-in-out, background-color .15s ease-in-out, border-radius .15s ease !default;\n$accordion-button-active-bg: var(--bg-2) !default;\n$accordion-button-active-color: var(--fg) !default;\n\n$accordion-icon-width: 1rem !default;\n$accordion-icon-transition: transform .2s ease-in-out !default;\n$accordion-icon-transform: rotate(-180deg) !default;\n// scss-docs-end accordion-variables\n\n@layer components {\n .accordion {\n // scss-docs-start accordion-css-vars\n --accordion-color: #{$accordion-color};\n --accordion-bg: #{$accordion-bg};\n --accordion-transition: #{$accordion-transition};\n --accordion-border-color: #{$accordion-border-color};\n --accordion-border-width: #{$accordion-border-width};\n --accordion-border-radius: var(--accordion-radius, var(--border-radius-lg));\n // --accordion-border-radius: #{$accordion-border-radius};\n // --accordion-inner-border-radius: #{$accordion-inner-border-radius};\n --accordion-btn-padding-x: #{$accordion-button-padding-x};\n --accordion-btn-padding-y: #{$accordion-button-padding-y};\n --accordion-btn-color: #{$accordion-button-color};\n --accordion-btn-bg: #{$accordion-button-bg};\n --accordion-btn-icon-width: #{$accordion-icon-width};\n --accordion-btn-icon-transform: #{$accordion-icon-transform};\n --accordion-btn-icon-transition: #{$accordion-icon-transition};\n --accordion-body-padding-x: #{$accordion-body-padding-x};\n --accordion-body-padding-y: #{$accordion-body-padding-y};\n --accordion-active-color: #{$accordion-button-active-color};\n --accordion-active-bg: #{$accordion-button-active-bg};\n // scss-docs-end accordion-css-vars\n }\n\n .accordion-header {\n display: flex;\n align-items: center;\n width: 100%;\n padding: var(--accordion-btn-padding-y) var(--accordion-btn-padding-x);\n font-size: $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 border-radius(var(--accordion-border-radius));\n @include transition(var(--accordion-transition));\n\n // Hide the default marker in webkit browsers\n // &::-webkit-details-marker {\n // display: none;\n // }\n\n // Icon styles\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-text, 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-body-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 \"sass:map\";\n@use \"config\" as *;\n@use \"theme\" as *;\n@use \"variables\" as *;\n@use \"mixins/border-radius\" as *;\n\n// scss-docs-start alert-variables\n$alert-gap: $spacer * .75 !default;\n$alert-padding-y: $spacer !default;\n$alert-padding-x: $spacer !default;\n$alert-border-radius: var(--border-radius) !default;\n$alert-link-font-weight: $font-weight-semibold !default;\n$alert-border-width: var(--border-width) !default;\n// scss-docs-end alert-variables\n\n@layer components {\n .alert {\n // scss-docs-start alert-css-vars\n --alert-gap: #{$alert-gap};\n --alert-bg: var(--theme-bg-subtle, var(--bg-1));\n --alert-padding-x: #{$alert-padding-x};\n --alert-padding-y: #{$alert-padding-y};\n --alert-color: var(--theme-text, inherit);\n --alert-border-color: var(--theme-border, var(--border-color));\n --alert-border: #{$alert-border-width} solid var(--alert-border-color);\n --alert-border-radius: #{$alert-border-radius};\n --alert-link-color: inherit;\n --hr-border-color: var(--theme-border, var(--border-color));\n // scss-docs-end alert-css-vars\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-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: $alert-link-font-weight;\n color: var(--alert-link-color);\n }\n}\n","@use \"variables\" as *;\n@use \"theme\" as *;\n@use \"mixins/border-radius\" as *;\n\n// scss-docs-start avatar-variables\n$avatar-size: 2.5rem !default;\n$avatar-size-xs: 1.5rem !default;\n$avatar-size-sm: 2rem !default;\n$avatar-size-lg: 3rem !default;\n$avatar-size-xl: 4rem !default;\n$avatar-border-radius: 50% !default;\n$avatar-border-width: 2px !default;\n$avatar-border-color: var(--bg-body) !default;\n$avatar-bg: var(--bg-2) !default;\n$avatar-color: var(--fg-body) !default;\n\n$avatar-status-size: .75rem !default;\n$avatar-status-border-width: 2px !default;\n$avatar-status-border-color: var(--bg-body) !default;\n\n$avatar-stack-spacing: -.3 !default; // Percentage of avatar size (negative for overlap)\n// scss-docs-end avatar-variables\n\n@layer components {\n .avatar {\n // scss-docs-start avatar-css-vars\n --avatar-border-radius: #{$avatar-border-radius};\n --avatar-border-width: #{$avatar-border-width};\n --avatar-border-color: #{$avatar-border-color};\n --avatar-bg: #{$avatar-bg};\n --avatar-color: #{$avatar-color};\n --avatar-status-size: #{$avatar-status-size};\n --avatar-status-border-width: #{$avatar-status-border-width};\n --avatar-status-border-color: #{$avatar-status-border-color};\n // scss-docs-end avatar-css-vars\n\n position: relative;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n width: var(--avatar-size, #{$avatar-size});\n height: var(--avatar-size, #{$avatar-size});\n font-size: calc(var(--avatar-size) * .4);\n font-weight: $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-text, 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, #{$avatar-size}) * #{$avatar-stack-spacing});\n border: var(--avatar-border-width) solid var(--avatar-border-color);\n mask-image: none;\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 .avatar-xs,\n .avatar-stack-xs {\n --avatar-size: #{$avatar-size-xs};\n --avatar-status-size: .625rem;\n }\n\n .avatar-sm,\n .avatar-stack-sm {\n --avatar-size: #{$avatar-size-sm};\n }\n\n .avatar-lg,\n .avatar-stack-lg {\n --avatar-size: #{$avatar-size-lg};\n --avatar-status-size: 1rem;\n }\n\n .avatar-xl,\n .avatar-stack-xl {\n --avatar-size: #{$avatar-size-xl};\n --avatar-status-size: 1.25rem;\n }\n}\n","@use \"sass:map\";\n@use \"colors\" as *;\n@use \"variables\" as *;\n@use \"theme\" as *;\n@use \"mixins/border-radius\" as *;\n@use \"mixins/gradients\" as *;\n\n// scss-docs-start badge-variables\n$badge-font-size: clamp(12px, .75em, .75em) !default;\n$badge-font-weight: $font-weight-semibold !default;\n$badge-color: inherit !default;\n$badge-padding-y: .25em !default;\n$badge-padding-x: .625em !default;\n$badge-border-radius: var(--border-radius-lg) !default;\n// scss-docs-end badge-variables\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 // scss-docs-start badge-css-vars\n --badge-padding-x: #{$badge-padding-x};\n --badge-padding-y: #{$badge-padding-y};\n --badge-font-size: #{$badge-font-size};\n --badge-font-weight: #{$badge-font-weight};\n --badge-color: #{$badge-color};\n --badge-bg: var(--bg-2);\n --badge-border-width: #{$border-width};\n --badge-border-color: transparent;\n --badge-border-radius: #{$badge-border-radius};\n // scss-docs-end badge-css-vars\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 \"sass:string\";\n@use \"config\" as *;\n@use \"variables\" as *;\n@use \"functions\" as *;\n@use \"mixins/border-radius\" as *;\n@use \"mixins/transition\" as *;\n\n// scss-docs-start breadcrumb-variables\n$breadcrumb-font-size: null !default;\n$breadcrumb-padding-y: 0 !default;\n$breadcrumb-padding-x: 0 !default;\n$breadcrumb-margin-bottom: 1rem !default;\n$breadcrumb-bg: null !default;\n$breadcrumb-divider-color: var(--fg-4) !default;\n$breadcrumb-border-radius: var(--border-radius) !default;\n\n$breadcrumb-link-padding-x: .75rem !default;\n$breadcrumb-link-padding-y: .25rem !default;\n$breadcrumb-link-color: var(--fg-3) !default;\n$breadcrumb-link-hover-color: var(--fg-2) !default;\n$breadcrumb-link-hover-bg: var(--bg-1) !default;\n$breadcrumb-link-active-color: var(--fg-1) !default;\n$breadcrumb-link-border-radius: var(--border-radius-lg) !default;\n// scss-docs-end breadcrumb-variables\n\n@layer components {\n .breadcrumb {\n // scss-docs-start breadcrumb-css-vars\n --breadcrumb-padding-x: #{$breadcrumb-padding-x};\n --breadcrumb-padding-y: #{$breadcrumb-padding-y};\n --breadcrumb-margin-bottom: #{$breadcrumb-margin-bottom};\n --breadcrumb-font-size: #{$breadcrumb-font-size};\n --breadcrumb-bg: #{$breadcrumb-bg};\n --breadcrumb-border-radius: #{$breadcrumb-border-radius};\n --breadcrumb-divider-color: #{$breadcrumb-divider-color};\n --breadcrumb-link-padding-x: #{$breadcrumb-link-padding-x};\n --breadcrumb-link-padding-y: #{$breadcrumb-link-padding-y};\n --breadcrumb-link-color: #{$breadcrumb-link-color};\n --breadcrumb-link-hover-color: #{$breadcrumb-link-hover-color};\n --breadcrumb-link-hover-bg: #{$breadcrumb-link-hover-bg};\n --breadcrumb-link-active-color: #{$breadcrumb-link-active-color};\n --breadcrumb-link-border-radius: #{$breadcrumb-link-border-radius};\n // scss-docs-end breadcrumb-css-vars\n\n display: flex;\n flex-wrap: wrap;\n align-items: center;\n padding: var(--breadcrumb-padding-y) var(--breadcrumb-padding-x);\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 \"sass:map\";\n@use \"colors\" as *;\n@use \"variables\" as *;\n@use \"theme\" as *;\n@use \"mixins/border-radius\" as *;\n@use \"mixins/focus-ring\" as *;\n\n// scss-docs-start chip-variables\n// $chip-font-size: .875em !default;\n// $chip-font-weight: $font-weight-normal !default;\n// $chip-padding-y: .25rem !default;\n$chip-height: 1.75rem !default;\n$chip-padding-x: .625rem !default;\n$chip-gap: .3125rem !default;\n$chip-border-radius: var(--border-radius-pill) !default;\n$chip-icon-size: 1rem !default;\n$chip-img-size: 1.25rem !default;\n$chip-dismiss-size: 1rem !default;\n$chip-dismiss-opacity: .65 !default;\n$chip-dismiss-hover-opacity: 1 !default;\n// scss-docs-end chip-variables\n\n@layer components {\n .chip {\n // scss-docs-start chip-css-vars\n // --chip-padding-y: #{$chip-padding-y};\n --chip-height: #{$chip-height};\n --chip-padding-x: #{$chip-padding-x};\n --chip-gap: #{$chip-gap};\n // --chip-font-size: #{$chip-font-size};\n // --chip-font-weight: #{$chip-font-weight};\n --chip-border-radius: #{$chip-border-radius};\n --chip-img-size: #{$chip-img-size};\n --chip-icon-size: #{$chip-icon-size};\n --chip-dismiss-size: #{$chip-dismiss-size};\n --chip-dismiss-opacity: #{$chip-dismiss-opacity};\n --chip-dismiss-hover-opacity: #{$chip-dismiss-hover-opacity};\n\n // Default (subtle) appearance - uses theme when available\n --chip-color: var(--theme-text, var(--fg-body));\n --chip-bg: var(--theme-bg-subtle, var(--bg-2));\n --chip-border-color: transparent;\n\n // Selected/active state colors (solid appearance)\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 // scss-docs-end chip-css-vars\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);\n // font-weight: var(--chip-font-weight);\n // line-height: 1.25;\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/selected state - solid appearance\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 state\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 \"variables\" as *;\n@use \"mixins/border-radius\" as *;\n@use \"mixins/box-shadow\" as *;\n@use \"layout/breakpoints\" as *;\n\n// scss-docs-start card-variables\n$card-spacer-y: $spacer !default;\n$card-spacer-x: $spacer !default;\n$card-subtitle-color: null !default;\n$card-border-width: var(--border-width) !default;\n$card-border-color: var(--border-color-translucent) !default;\n$card-border-radius: var(--border-radius-lg) !default;\n$card-box-shadow: null !default;\n$card-inner-border-radius: calc(#{$card-border-radius} - #{$card-border-width}) !default;\n$card-cap-padding-y: $card-spacer-y * .75 !default;\n$card-cap-padding-x: $card-spacer-x !default;\n$card-cap-bg: var(--bg-1) !default;\n$card-cap-color: null !default;\n$card-height: null !default;\n$card-color: null !default;\n$card-bg: var(--bg-body) !default;\n$card-img-overlay-padding: $spacer !default;\n$card-group-margin: $grid-gutter-width * .5 !default;\n\n$card-body-gap: $card-spacer-y * .5 !default;\n// scss-docs-end card-variables\n\n@layer components {\n .card {\n // scss-docs-start card-css-vars\n --card-spacer-y: #{$card-spacer-y};\n --card-spacer-x: #{$card-spacer-x};\n --card-subtitle-color: #{$card-subtitle-color};\n --card-border-width: #{$card-border-width};\n --card-border-color: #{$card-border-color};\n --card-border-radius: #{$card-border-radius};\n --card-box-shadow: #{$card-box-shadow};\n --card-inner-border-radius: #{$card-inner-border-radius};\n --card-cap-padding-y: #{$card-cap-padding-y};\n --card-cap-padding-x: #{$card-cap-padding-x};\n --card-cap-bg: #{$card-cap-bg};\n --card-cap-color: #{$card-cap-color};\n --card-height: #{$card-height};\n --card-color: #{$card-color};\n --card-bg: #{$card-bg};\n --card-img-overlay-padding: #{$card-img-overlay-padding};\n --card-group-margin: #{$card-group-margin};\n --card-body-gap: #{$card-body-gap};\n // scss-docs-end card-css-vars\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):not(:last-child) {\n border-block-end-width: var(--card-border-width);\n }\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-subtle {\n border-color: var(--theme-border, var(--card-border-color));\n\n .card-header {\n color: var(--theme-text-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-text-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\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):not(: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 \"variables\" as *;\n@use \"mixins/transition\" as *;\n@use \"mixins/gradients\" as *;\n@use \"mixins/color-mode\" as *;\n\n// scss-docs-start carousel-variables\n$carousel-control-color: $white !default;\n$carousel-control-width: 15% !default;\n$carousel-control-opacity: .5 !default;\n$carousel-control-hover-opacity: .9 !default;\n$carousel-control-transition: opacity .15s ease !default;\n$carousel-control-icon-filter: null !default;\n\n$carousel-indicator-width: 30px !default;\n$carousel-indicator-height: 3px !default;\n$carousel-indicator-hit-area-height: 10px !default;\n$carousel-indicator-spacer: 3px !default;\n$carousel-indicator-opacity: .5 !default;\n$carousel-indicator-active-bg: $white !default;\n$carousel-indicator-active-opacity: 1 !default;\n$carousel-indicator-transition: opacity .6s ease !default;\n\n$carousel-caption-width: 70% !default;\n$carousel-caption-color: $white !default;\n$carousel-caption-padding-y: 1.25rem !default;\n$carousel-caption-spacer: 1.25rem !default;\n\n$carousel-control-icon-width: 2rem !default;\n\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='#{$carousel-control-color}'><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>\") !default;\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='#{$carousel-control-color}'><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>\") !default;\n\n$carousel-transition-duration: .6s !default;\n$carousel-transition: transform $carousel-transition-duration ease-in-out !default; // Define transform transition first if using multiple transitions (e.g., `transform 2s ease, opacity .5s ease-out`)\n// scss-docs-end carousel-variables\n\n// scss-docs-start carousel-dark-variables\n$carousel-indicator-active-bg-dark: $black !default;\n$carousel-caption-color-dark: $black !default;\n$carousel-control-icon-filter-dark: invert(1) grayscale(100) !default;\n// scss-docs-end carousel-dark-variables\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 }\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($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 //\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 $carousel-transition-duration);\n }\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: $carousel-control-width;\n padding: 0;\n color: $carousel-control-color;\n text-align: center;\n background: none;\n filter: var(--carousel-control-icon-filter);\n border: 0;\n opacity: $carousel-control-opacity;\n @include transition($carousel-control-transition);\n\n // Hover/focus state\n &:hover,\n &:focus {\n color: $carousel-control-color;\n text-decoration: none;\n outline: 0;\n opacity: $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, rgba($black, .25), rgba($black, .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, rgba($black, .25), rgba($black, .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: $carousel-control-icon-width;\n height: $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: escape-svg($carousel-control-prev-icon-bg);\n }\n\n [dir=\"rtl\"] .carousel-control-prev-icon {\n background-image: escape-svg($carousel-control-next-icon-bg);\n }\n\n .carousel-control-next-icon {\n background-image: escape-svg($carousel-control-next-icon-bg);\n }\n\n [dir=\"rtl\"] .carousel-control-next-icon {\n background-image: escape-svg($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: $carousel-control-width;\n margin-bottom: 1rem;\n\n [data-bs-target] {\n box-sizing: content-box;\n flex: 0 1 auto;\n width: $carousel-indicator-width;\n height: $carousel-indicator-height;\n padding: 0;\n margin-inline: $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: $carousel-indicator-hit-area-height solid transparent;\n opacity: $carousel-indicator-opacity;\n @include transition($carousel-indicator-transition);\n }\n\n .active {\n opacity: $carousel-indicator-active-opacity;\n }\n }\n\n\n // Optional captions\n //\n //\n\n .carousel-caption {\n position: absolute;\n right: (100% - $carousel-caption-width) * .5;\n bottom: $carousel-caption-spacer;\n left: (100% - $carousel-caption-width) * .5;\n padding-top: $carousel-caption-padding-y;\n padding-bottom: $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 --carousel-indicator-active-bg: #{$carousel-indicator-active-bg-dark};\n --carousel-caption-color: #{$carousel-caption-color-dark};\n --carousel-control-icon-filter: #{$carousel-control-icon-filter-dark};\n }\n\n .carousel-dark {\n @include carousel-dark();\n }\n\n :root,\n [data-bs-theme=\"light\"] {\n --carousel-indicator-active-bg: #{$carousel-indicator-active-bg};\n --carousel-caption-color: #{$carousel-caption-color};\n --carousel-control-icon-filter: #{$carousel-control-icon-filter};\n }\n\n @if $enable-dark-mode {\n @include color-mode(dark, true) {\n @include carousel-dark();\n }\n }\n}\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 \"config\" as *;\n@use \"colors\" as *;\n@use \"variables\" as *;\n@use \"mixins/border-radius\" as *;\n@use \"mixins/focus-ring\" as *;\n\n// scss-docs-start datepicker-variables\n$datepicker-padding: 1rem !default;\n$datepicker-bg: var(--bg-body) !default;\n$datepicker-color: var(--fg-body) !default;\n$datepicker-border-color: var(--border-color-translucent) !default;\n$datepicker-border-width: var(--border-width) !default;\n$datepicker-border-radius: var(--border-radius-lg) !default;\n$datepicker-box-shadow: var(--box-shadow) !default;\n$datepicker-font-size: var(--font-size-sm) !default;\n$datepicker-min-width: 280px !default;\n\n$datepicker-header-font-weight: 600 !default;\n$datepicker-weekday-color: var(--fg-3) !default;\n$datepicker-day-hover-bg: var(--bg-1) !default;\n$datepicker-day-selected-bg: var(--primary-bg) !default;\n$datepicker-day-selected-color: var(--primary-contrast) !default;\n$datepicker-day-today-bg: var(--bg-2) !default;\n$datepicker-day-today-color: var(--fg-1) !default;\n$datepicker-day-disabled-color: var(--fg-4) !default;\n// scss-docs-end datepicker-variables\n\n@layer components {\n [data-vc=\"calendar\"] {\n // scss-docs-start datepicker-css-vars\n --datepicker-padding: #{$datepicker-padding};\n --datepicker-bg: #{$datepicker-bg};\n --datepicker-color: #{$datepicker-color};\n --datepicker-border-color: #{$datepicker-border-color};\n --datepicker-border-width: #{$datepicker-border-width};\n --datepicker-border-radius: #{$datepicker-border-radius};\n --datepicker-box-shadow: #{$datepicker-box-shadow};\n --datepicker-font-size: #{$datepicker-font-size};\n --datepicker-min-width: #{$datepicker-min-width};\n --datepicker-zindex: #{$zindex-dropdown};\n\n --datepicker-header-font-weight: #{$datepicker-header-font-weight};\n --datepicker-weekday-color: #{$datepicker-weekday-color};\n --datepicker-day-hover-bg: #{$datepicker-day-hover-bg};\n --datepicker-day-selected-bg: #{$datepicker-day-selected-bg};\n --datepicker-day-selected-color: #{$datepicker-day-selected-color};\n --datepicker-day-today-bg: #{$datepicker-day-today-bg};\n --datepicker-day-today-color: #{$datepicker-day-today-color};\n --datepicker-day-disabled-color: #{$datepicker-day-disabled-color};\n // scss-docs-end datepicker-css-vars\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 @include border-radius(var(--datepicker-border-radius));\n box-shadow: var(--datepicker-box-shadow);\n opacity: 1;\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($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($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\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($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 display: grid;\n flex-grow: 1;\n grid-template-columns: repeat(7, 1fr);\n align-items: center;\n justify-items: center;\n pointer-events: none;\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: $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\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: $border-radius;\n border-end-start-radius: $border-radius;\n }\n\n [data-vc-date-hover=\"last\"] [data-vc-date-btn] {\n border-start-end-radius: $border-radius;\n border-end-end-radius: $border-radius;\n }\n\n [data-vc-date-hover=\"first-and-last\"] [data-vc-date-btn] {\n border-radius: $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: $border-radius;\n border-top-right-radius: 0;\n border-bottom-right-radius: 0;\n border-bottom-left-radius: $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: $border-radius;\n border-bottom-right-radius: $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: $border-radius;\n }\n}\n","@use \"sass:map\";\n@use \"config\" as *;\n@use \"variables\" as *;\n@use \"layout/breakpoints\" as *;\n@use \"mixins/border-radius\" as *;\n@use \"mixins/box-shadow\" as *;\n@use \"mixins/transition\" 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// scss-docs-start dialog-css-vars\n$dialog-padding: 1rem !default;\n$dialog-width: 500px !default;\n$dialog-width-sm: 280px !default;\n$dialog-width-lg: 800px !default;\n$dialog-width-xl: 1140px !default;\n$dialog-margin: 1.75rem !default;\n$dialog-color: var(--fg-body) !default;\n$dialog-bg: var(--bg-body) !default;\n$dialog-border-color: var(--border-color-translucent) !default;\n$dialog-border-width: var(--border-width) !default;\n$dialog-border-radius: var(--border-radius-lg) !default;\n$dialog-box-shadow: var(--box-shadow-lg) !default;\n$dialog-backdrop-bg: rgba(0, 0, 0, .5) !default;\n$dialog-header-padding: 1rem !default;\n$dialog-header-border-color: var(--border-color) !default;\n$dialog-header-border-width: var(--border-width) !default;\n$dialog-footer-padding: 1rem !default;\n$dialog-footer-border-color: var(--border-color) !default;\n$dialog-footer-border-width: var(--border-width) !default;\n$dialog-footer-gap: .5rem !default;\n// scss-docs-end dialog-css-vars\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 --dialog-padding: #{$dialog-padding};\n --dialog-width: #{$dialog-width};\n --dialog-margin: #{$dialog-margin};\n --dialog-color: #{$dialog-color};\n --dialog-bg: #{$dialog-bg};\n --dialog-border-color: #{$dialog-border-color};\n --dialog-border-width: #{$dialog-border-width};\n --dialog-border-radius: #{$dialog-border-radius};\n --dialog-box-shadow: #{$dialog-box-shadow};\n --dialog-backdrop-bg: #{$dialog-backdrop-bg};\n --dialog-header-padding: #{$dialog-header-padding};\n --dialog-header-border-color: #{$dialog-header-border-color};\n --dialog-header-border-width: #{$dialog-header-border-width};\n --dialog-footer-padding: #{$dialog-footer-padding};\n --dialog-footer-border-color: #{$dialog-footer-border-color};\n --dialog-footer-border-width: #{$dialog-footer-border-width};\n --dialog-footer-gap: #{$dialog-footer-gap};\n\n // Reset native dialog styles\n max-width: var(--dialog-width);\n max-height: calc(100% - var(--dialog-margin) * 2);\n padding: 0;\n margin: 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 // Native backdrop styling via ::backdrop pseudo-element\n &::backdrop {\n background-color: var(--dialog-backdrop-bg);\n }\n\n // Animation support using native [open] attribute\n &.fade {\n opacity: 0;\n @include transition(opacity .15s linear);\n\n &::backdrop {\n opacity: 0;\n @include transition(opacity .15s linear);\n }\n\n &[open] {\n opacity: 1;\n\n &::backdrop {\n opacity: 1;\n }\n }\n }\n\n // Static backdrop \"bounce\" animation (modal dialogs only)\n &.dialog-static {\n transform: scale(1.02);\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 display: flex;\n flex-direction: column;\n max-height: calc(100% - var(--dialog-margin) * 2);\n\n .dialog-body {\n overflow-y: auto;\n }\n }\n }\n\n // Dialog sizes\n .dialog-sm { --dialog-width: #{$dialog-width-sm}; }\n .dialog-lg { --dialog-width: #{$dialog-width-lg}; }\n .dialog-xl { --dialog-width: #{$dialog-width-xl}; }\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($grid-breakpoints) {\n $infix: breakpoint-infix($breakpoint, $grid-breakpoints);\n // stylelint-disable-next-line scss/at-function-named-arguments\n $postfix: if(sass($infix != \"\"): #{$infix}-down; else: \"\");\n\n @if $postfix != \"\" {\n @include media-breakpoint-down($breakpoint) {\n .dialog-fullscreen#{$postfix} {\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 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 .btn-close {\n margin-inline-start: auto;\n }\n }\n\n // Dialog title\n .dialog-title {\n margin-bottom: 0;\n font-size: var(--font-size-md);\n line-height: 1.5;\n }\n\n // Dialog body\n .dialog-body {\n position: relative;\n flex: 1 1 auto;\n padding: var(--dialog-padding);\n overflow-y: auto;\n }\n\n // Dialog footer\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","@use \"sass:map\";\n@use \"config\" as *;\n@use \"colors\" as *;\n@use \"variables\" as *;\n@use \"mixins/border-radius\" as *;\n@use \"mixins/box-shadow\" as *;\n@use \"mixins/gradients\" as *;\n@use \"mixins/transition\" as *;\n\n// scss-docs-start dropdown-variables\n$dropdown-gap: $spacer * .125 !default;\n$dropdown-min-width: 10rem !default;\n$dropdown-padding-x: .25rem !default;\n$dropdown-padding-y: .25rem !default;\n$dropdown-spacer: .125rem !default;\n$dropdown-font-size: $font-size-base !default;\n$dropdown-color: var(--fg-body) !default;\n$dropdown-bg: var(--bg-body) !default;\n$dropdown-border-color: var(--border-color-translucent) !default;\n$dropdown-border-radius: var(--border-radius-lg) !default;\n$dropdown-border-width: var(--border-width) !default;\n$dropdown-inner-border-radius: calc(#{$dropdown-border-radius} - #{$dropdown-border-width}) !default;\n$dropdown-box-shadow: var(--box-shadow) !default;\n\n$dropdown-divider-bg: $dropdown-border-color !default;\n$dropdown-divider-margin-y: $spacer * .125 !default;\n$dropdown-divider-margin-x: $spacer * .25 !default;\n\n$dropdown-link-color: var(--fg-body) !default;\n$dropdown-link-hover-color: $dropdown-link-color !default;\n$dropdown-link-hover-bg: var(--bg-1) !default;\n\n$dropdown-link-active-color: $component-active-color !default;\n$dropdown-link-active-bg: $component-active-bg !default;\n\n$dropdown-link-disabled-color: var(--fg-3) !default;\n\n$dropdown-item-padding-y: $spacer * .25 !default;\n$dropdown-item-padding-x: $spacer * .75 !default;\n$dropdown-item-border-radius: var(--border-radius) !default;\n$dropdown-item-gap: $spacer * .5 !default;\n\n$dropdown-header-color: var(--gray-600) !default;\n$dropdown-header-padding-x: $dropdown-item-padding-x !default;\n$dropdown-header-padding-y: $dropdown-padding-y !default;\n// scss-docs-end dropdown-variables\n\n// scss-docs-start dropdown-dark-variables\n$dropdown-dark-color: var(--gray-300) !default;\n$dropdown-dark-bg: var(--gray-900) !default;\n$dropdown-dark-border-color: $dropdown-border-color !default;\n$dropdown-dark-divider-bg: $dropdown-divider-bg !default;\n$dropdown-dark-box-shadow: null !default;\n$dropdown-dark-link-color: $dropdown-dark-color !default;\n$dropdown-dark-link-hover-color: $white !default;\n$dropdown-dark-link-hover-bg: rgba($white, .15) !default;\n$dropdown-dark-link-active-color: $dropdown-link-active-color !default;\n$dropdown-dark-link-active-bg: $dropdown-link-active-bg !default;\n$dropdown-dark-link-disabled-color: var(--gray-500) !default;\n$dropdown-dark-header-color: var(--gray-500) !default;\n// scss-docs-end dropdown-dark-variables\n\n@layer components {\n // The dropdown wrapper (`<div>`)\n .dropdown {\n position: relative;\n }\n\n // The dropdown menu\n .dropdown-menu {\n // scss-docs-start dropdown-css-vars\n --dropdown-zindex: #{$zindex-dropdown};\n --dropdown-gap: #{$dropdown-gap};\n --dropdown-min-width: #{$dropdown-min-width};\n --dropdown-padding-x: #{$dropdown-padding-x};\n --dropdown-padding-y: #{$dropdown-padding-y};\n --dropdown-spacer: #{$dropdown-spacer};\n --dropdown-font-size: #{$dropdown-font-size};\n --dropdown-color: #{$dropdown-color};\n --dropdown-bg: #{$dropdown-bg};\n --dropdown-border-color: #{$dropdown-border-color};\n --dropdown-border-radius: #{$dropdown-border-radius};\n --dropdown-border-width: #{$dropdown-border-width};\n --dropdown-inner-border-radius: #{$dropdown-inner-border-radius};\n --dropdown-divider-bg: #{$dropdown-divider-bg};\n --dropdown-divider-margin-y: #{$dropdown-divider-margin-y};\n --dropdown-divider-margin-x: #{$dropdown-divider-margin-x};\n --dropdown-box-shadow: #{$dropdown-box-shadow};\n --dropdown-link-color: #{$dropdown-link-color};\n --dropdown-link-hover-color: #{$dropdown-link-hover-color};\n --dropdown-link-hover-bg: #{$dropdown-link-hover-bg};\n --dropdown-link-active-color: #{$dropdown-link-active-color};\n --dropdown-link-active-bg: #{$dropdown-link-active-bg};\n --dropdown-link-disabled-color: #{$dropdown-link-disabled-color};\n --dropdown-item-gap: #{$dropdown-item-gap};\n --dropdown-item-padding-x: #{$dropdown-item-padding-x};\n --dropdown-item-padding-y: #{$dropdown-item-padding-y};\n --dropdown-item-border-radius: #{$dropdown-item-border-radius};\n --dropdown-header-color: #{$dropdown-header-color};\n --dropdown-header-padding-x: #{$dropdown-header-padding-x};\n --dropdown-header-padding-y: #{$dropdown-header-padding-y};\n // scss-docs-end dropdown-css-vars\n\n position: absolute;\n z-index: var(--dropdown-zindex);\n display: none; // none by default, but flex on \"open\" of the menu\n flex-direction: column;\n gap: var(--dropdown-gap);\n min-width: var(--dropdown-min-width);\n padding: var(--dropdown-padding-y) var(--dropdown-padding-x);\n margin: 0; // Override default margin of ul\n font-size: var(--dropdown-font-size);\n color: var(--dropdown-color);\n text-align: start; // Ensures proper alignment if parent has it changed (e.g., modal footer)\n list-style: none;\n background-color: var(--dropdown-bg);\n background-clip: padding-box;\n border: var(--dropdown-border-width) solid var(--dropdown-border-color);\n @include border-radius(var(--dropdown-border-radius));\n @include box-shadow(var(--dropdown-box-shadow));\n\n @if $dropdown-padding-y == 0 {\n > .dropdown-item:first-child,\n > li:first-child .dropdown-item {\n @include border-top-radius(var(--dropdown-inner-border-radius));\n }\n > .dropdown-item:last-child,\n > li:last-child .dropdown-item {\n @include border-bottom-radius(var(--dropdown-inner-border-radius));\n }\n }\n }\n\n .dropdown-menu.show {\n display: flex;\n }\n\n // Dividers (basically an `<hr>`) within the dropdown\n .dropdown-divider {\n height: 0;\n margin: var(--dropdown-divider-margin-y) var(--dropdown-divider-margin-x);\n overflow: hidden;\n border-block-start: 1px solid var(--dropdown-divider-bg);\n opacity: 1;\n }\n\n // Links, buttons, and more within the dropdown menu\n //\n // `<button>`-specific styles are denoted with `// For <button>s`\n .dropdown-item {\n display: flex;\n gap: var(--dropdown-item-gap);\n align-items: center;\n width: 100%; // For `<button>`s\n padding: var(--dropdown-item-padding-y) var(--dropdown-item-padding-x);\n font-weight: $font-weight-normal;\n color: var(--dropdown-link-color);\n text-align: inherit; // For `<button>`s\n text-decoration: none;\n white-space: nowrap; // prevent links from randomly breaking onto new lines\n background-color: transparent; // For `<button>`s\n border: 0; // For `<button>`s\n @include border-radius(var(--dropdown-item-border-radius, 0));\n\n &:hover,\n &:focus {\n color: var(--dropdown-link-hover-color);\n @include gradient-bg(var(--dropdown-link-hover-bg));\n }\n\n &.active,\n &:active {\n color: var(--dropdown-link-active-color);\n @include gradient-bg(var(--dropdown-link-active-bg));\n }\n\n &.disabled,\n &:disabled {\n color: var(--dropdown-link-disabled-color);\n pointer-events: none;\n background-color: transparent;\n // Remove CSS gradients if they're enabled\n // stylelint-disable-next-line scss/at-function-named-arguments\n background-image: if(sass($enable-gradients): none; else: null);\n }\n }\n\n // Dropdown section headers\n .dropdown-header {\n display: block;\n padding: var(--dropdown-header-padding-y) var(--dropdown-header-padding-x);\n margin-bottom: 0; // for use with heading elements\n font-size: $font-size-sm;\n color: var(--dropdown-header-color);\n white-space: nowrap; // as with > li > a\n }\n\n // Dropdown text\n .dropdown-item-text {\n display: block;\n padding: var(--dropdown-item-padding-y) var(--dropdown-item-padding-x);\n color: var(--fg-2);\n }\n\n // Dark dropdowns\n .dropdown-menu-dark {\n // scss-docs-start dropdown-dark-css-vars\n --dropdown-color: #{$dropdown-dark-color};\n --dropdown-bg: #{$dropdown-dark-bg};\n --dropdown-border-color: #{$dropdown-dark-border-color};\n --dropdown-box-shadow: #{$dropdown-dark-box-shadow};\n --dropdown-link-color: #{$dropdown-dark-link-color};\n --dropdown-link-hover-color: #{$dropdown-dark-link-hover-color};\n --dropdown-divider-bg: #{$dropdown-dark-divider-bg};\n --dropdown-link-hover-bg: #{$dropdown-dark-link-hover-bg};\n --dropdown-link-active-color: #{$dropdown-dark-link-active-color};\n --dropdown-link-active-bg: #{$dropdown-dark-link-active-bg};\n --dropdown-link-disabled-color: #{$dropdown-dark-link-disabled-color};\n --dropdown-header-color: #{$dropdown-dark-header-color};\n // scss-docs-end dropdown-dark-css-vars\n }\n\n // scss-docs-start dropdown-submenu\n // Submenus\n //\n // Nested dropdown menus with hover/click activation and keyboard support.\n\n .dropdown-submenu {\n position: relative;\n\n // Submenu trigger styling\n > .dropdown-item {\n display: flex;\n align-items: center;\n justify-content: space-between;\n }\n\n // Submenu caret indicator\n > .dropdown-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 // RTL: flip the chevron direction\n [dir=\"rtl\"] & {\n transform: rotate(135deg);\n }\n }\n\n // Submenu positioning (set by JS via Floating UI)\n > .dropdown-menu {\n top: 0;\n // Offset to align with parent item\n margin-top: calc(-1 * var(--dropdown-padding-y));\n }\n\n // Hover state for submenu trigger\n &:hover > .dropdown-item,\n &:focus-within > .dropdown-item {\n color: var(--dropdown-link-hover-color);\n background-color: var(--dropdown-link-hover-bg);\n }\n\n // Active/open state\n &.show > .dropdown-item {\n color: var(--dropdown-link-hover-color);\n background-color: var(--dropdown-link-hover-bg);\n }\n }\n // scss-docs-end dropdown-submenu\n}\n","@use \"sass:map\";\n@use \"colors\" as *;\n@use \"theme\" as *;\n@use \"config\" as *;\n@use \"variables\" as *;\n@use \"mixins/border-radius\" as *;\n@use \"layout/breakpoints\" as *;\n\n// scss-docs-start list-group-variables\n$list-group-color: var(--fg-body) !default;\n$list-group-bg: var(--bg-body) !default;\n$list-group-border-color: var(--border-color) !default;\n$list-group-border-width: var(--border-width) !default;\n$list-group-border-radius: var(--border-radius) !default;\n\n$list-group-item-padding-y: $spacer * .5 !default;\n$list-group-item-padding-x: $spacer !default;\n\n$list-group-hover-bg: var(--tertiary-bg) !default;\n$list-group-active-color: $component-active-color !default;\n$list-group-active-bg: $component-active-bg !default;\n$list-group-active-border-color: $list-group-active-bg !default;\n\n$list-group-disabled-color: var(--secondary-color) !default;\n$list-group-disabled-bg: $list-group-bg !default;\n\n$list-group-action-color: var(--secondary-color) !default;\n$list-group-action-hover-color: var(--fg-color) !default;\n\n$list-group-action-active-color: var(--fg-body) !default;\n$list-group-action-active-bg: var(--secondary-bg) !default;\n// scss-docs-end list-group-variables\n\n@layer components {\n .list-group {\n // scss-docs-start list-group-css-vars\n --list-group-color: #{$list-group-color};\n --list-group-bg: #{$list-group-bg};\n --list-group-border-color: #{$list-group-border-color};\n --list-group-border-width: #{$list-group-border-width};\n --list-group-border-radius: #{$list-group-border-radius};\n --list-group-item-padding-x: #{$list-group-item-padding-x};\n --list-group-item-padding-y: #{$list-group-item-padding-y};\n --list-group-action-color: #{$list-group-action-color};\n --list-group-action-hover-color: #{$list-group-action-hover-color};\n --list-group-action-hover-bg: #{$list-group-hover-bg};\n --list-group-action-active-color: #{$list-group-action-active-color};\n --list-group-action-active-bg: #{$list-group-action-active-bg};\n --list-group-disabled-color: #{$list-group-disabled-color};\n --list-group-disabled-bg: #{$list-group-disabled-bg};\n --list-group-active-color: #{$list-group-active-color};\n --list-group-active-bg: #{$list-group-active-bg};\n --list-group-active-border-color: #{$list-group-active-border-color};\n // scss-docs-end list-group-css-vars\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-text, 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-text, var(--list-group-action-color));\n text-align: inherit; // For `<button>`s (anchors inherit)\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-text-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-text-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($grid-breakpoints) {\n @include media-breakpoint-up($breakpoint) {\n $infix: breakpoint-infix($breakpoint, $grid-breakpoints);\n\n .list-group-horizontal#{$infix} {\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\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 \"config\" as *;\n@use \"variables\" as *;\n@use \"mixins/border-radius\" as *;\n@use \"mixins/focus-ring\" as *;\n@use \"mixins/gradients\" as *;\n@use \"mixins/transition\" as *;\n\n// scss-docs-start nav-variables\n$nav-gap: .125rem !default;\n$nav-link-gap: .5rem !default;\n$nav-link-align: center !default;\n$nav-link-justify: center !default;\n$nav-link-padding-y: .5rem !default;\n$nav-link-padding-x: 1rem !default;\n$nav-link-color: var(--fg-2) !default;\n$nav-link-hover-color: var(--fg-1) !default;\n$nav-link-hover-bg: var(--bg-1) !default;\n$nav-link-transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out !default;\n$nav-link-disabled-color: var(--fg-4) !default;\n$nav-link-active-color: var(--fg-body) !default;\n$nav-link-active-bg: var(--bg-2) !default;\n\n$nav-tabs-border-color: var(--border-color) !default;\n$nav-tabs-border-width: var(--border-width) !default;\n$nav-tabs-border-radius: var(--border-radius) !default;\n$nav-tabs-link-hover-border-color: var(--border-subtle) !default;\n$nav-tabs-link-active-color: var(--fg-color) !default;\n$nav-tabs-link-active-bg: var(--bg-body) !default;\n$nav-tabs-link-active-border-color: var(--border-color) var(--border-color) $nav-tabs-link-active-bg !default;\n\n$nav-pills-link-active-color: $component-active-color !default;\n$nav-pills-link-active-bg: $component-active-bg !default;\n\n$nav-underline-gap: 1rem !default;\n$nav-underline-border-width: .125rem !default;\n$nav-underline-link-active-color: var(--fg-color) !default;\n// scss-docs-end nav-variables\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 // scss-docs-start nav-css-vars\n --nav-gap: #{$nav-gap};\n --nav-link-gap: #{$nav-link-gap};\n --nav-link-align: #{$nav-link-align};\n --nav-link-justify: #{$nav-link-justify};\n --nav-link-padding-x: #{$nav-link-padding-x};\n --nav-link-padding-y: #{$nav-link-padding-y};\n --nav-link-color: #{$nav-link-color};\n --nav-link-hover-color: #{$nav-link-hover-color};\n --nav-link-hover-bg: #{$nav-link-hover-bg};\n --nav-link-active-color: #{$nav-link-active-color};\n --nav-link-active-bg: #{$nav-link-active-bg};\n --nav-link-disabled-color: #{$nav-link-disabled-color};\n // scss-docs-end nav-css-vars\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\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 background: none;\n border: 0;\n @include border-radius(var(--border-radius));\n // @include font-size(var(--nav-link-font-size));\n @include transition($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 --nav-tabs-border-width: #{$nav-tabs-border-width};\n --nav-tabs-border-color: #{$nav-tabs-border-color};\n --nav-tabs-border-radius: #{$nav-tabs-border-radius};\n --nav-tabs-link-hover-border-color: #{$nav-tabs-link-hover-border-color};\n --nav-tabs-link-active-color: #{$nav-tabs-link-active-color};\n --nav-tabs-link-active-bg: #{$nav-tabs-link-active-bg};\n --nav-tabs-link-active-border-color: #{$nav-tabs-link-active-border-color};\n // scss-docs-end nav-tabs-css-vars\n\n border-block-end: var(--nav-tabs-border-width) solid var(--nav-tabs-border-color);\n\n .nav-link {\n margin-bottom: calc(-1 * var(--nav-tabs-border-width));\n border: var(--nav-tabs-border-width) solid transparent;\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 .dropdown-menu {\n // Make dropdown border overlap tab border\n margin-top: calc(-1 * var(--nav-tabs-border-width));\n // Remove the top rounded corners here since there is a hard edge above the menu\n @include border-top-radius(0);\n }\n }\n\n\n //\n // Pills\n //\n\n .nav-pills {\n // scss-docs-start nav-pills-css-vars\n --nav-pills-link-active-color: #{$nav-pills-link-active-color};\n --nav-pills-link-active-bg: #{$nav-pills-link-active-bg};\n // scss-docs-end nav-pills-css-vars\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 //\n // Underline\n //\n\n .nav-underline {\n // scss-docs-start nav-underline-css-vars\n --nav-gap: #{$nav-underline-gap};\n --nav-link-active-bg: transparent;\n // --nav-underline-gap: #{$nav-underline-gap};\n --nav-underline-border-width: #{$nav-underline-border-width};\n --nav-underline-link-active-color: #{$nav-underline-link-active-color};\n // scss-docs-end nav-underline-css-vars\n\n .nav-link {\n padding-inline: 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 //\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\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","@use \"sass:map\";\n@use \"config\" as *;\n@use \"colors\" as *;\n@use \"variables\" as *;\n@use \"layout/breakpoints\" as *;\n@use \"mixins/border-radius\" as *;\n@use \"mixins/box-shadow\" as *;\n@use \"mixins/color-mode\" as *;\n@use \"mixins/focus-ring\" as *;\n@use \"mixins/gradients\" as *;\n@use \"mixins/transition\" as *;\n\n// scss-docs-start navbar-variables\n$navbar-padding-y: $spacer * .5 !default;\n$navbar-padding-x: null !default;\n\n$navbar-nav-link-padding-x: .75rem !default;\n\n$navbar-brand-font-size: $font-size-lg !default;\n// Compute the navbar-brand padding-y so the navbar-brand will have the same height as navbar-text and nav-link\n// mdo-do: fix this\n// $nav-link-height: $font-size-base * $line-height-base + $nav-link-padding-y * 2 !default;\n// $navbar-brand-height: $navbar-brand-font-size * $line-height-base !default;\n$navbar-brand-height: 1.5rem !default;\n// $navbar-brand-padding-y: ($nav-link-height - $navbar-brand-height) * .5 !default;\n$navbar-brand-padding-y: $navbar-brand-height * .5 !default;\n$navbar-brand-margin-end: 1rem !default;\n\n$navbar-toggler-padding-y: .25rem !default;\n$navbar-toggler-padding-x: .75rem !default;\n$navbar-toggler-font-size: $font-size-lg !default;\n$navbar-toggler-border-radius: var(--border-radius) !default;\n$navbar-toggler-transition: box-shadow .15s ease-in-out !default;\n\n$navbar-light-color: var(--fg-2) !default;\n$navbar-light-hover-color: var(--fg-1) !default;\n$navbar-light-active-color: var(--fg) !default;\n$navbar-light-disabled-color: var(--fg-3) !default;\n$navbar-light-icon-color: color-mix(in oklch, var(--body-color) 75%, transparent) !default;\n$navbar-light-toggler-icon-bg: url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'><path stroke='#{$navbar-light-icon-color}' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/></svg>\") !default;\n$navbar-light-toggler-border-color: color-mix(in oklch, var(--fg-body) 15%, transparent) !default;\n$navbar-light-brand-color: $navbar-light-active-color !default;\n$navbar-light-brand-hover-color: $navbar-light-active-color !default;\n// scss-docs-end navbar-variables\n\n// scss-docs-start navbar-dark-variables\n$navbar-dark-color: rgba($white, .55) !default;\n$navbar-dark-hover-color: rgba($white, .75) !default;\n$navbar-dark-active-color: $white !default;\n$navbar-dark-disabled-color: rgba($white, .25) !default;\n$navbar-dark-icon-color: $navbar-dark-color !default;\n$navbar-dark-toggler-icon-bg: url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'><path stroke='#{$navbar-dark-icon-color}' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/></svg>\") !default;\n$navbar-dark-toggler-border-color: rgba($white, .1) !default;\n$navbar-dark-brand-color: $navbar-dark-active-color !default;\n$navbar-dark-brand-hover-color: $navbar-dark-active-color !default;\n// scss-docs-end navbar-dark-variables\n\n@layer components {\n .navbar {\n // scss-docs-start navbar-css-vars\n // stylelint-disable-next-line scss/at-function-named-arguments\n --navbar-padding-x: #{if(sass($navbar-padding-x == null): 0; else: $navbar-padding-x)};\n --navbar-padding-y: #{$navbar-padding-y};\n --navbar-color: #{$navbar-light-color};\n --navbar-hover-color: #{$navbar-light-hover-color};\n --navbar-disabled-color: #{$navbar-light-disabled-color};\n --navbar-active-color: #{$navbar-light-active-color};\n --navbar-brand-padding-y: #{$navbar-brand-padding-y};\n --navbar-brand-margin-end: #{$navbar-brand-margin-end};\n --navbar-brand-font-size: #{$navbar-brand-font-size};\n --navbar-brand-color: #{$navbar-light-brand-color};\n --navbar-brand-hover-color: #{$navbar-light-brand-hover-color};\n --navbar-nav-link-padding-x: #{$navbar-nav-link-padding-x};\n --navbar-toggler-padding-y: #{$navbar-toggler-padding-y};\n --navbar-toggler-padding-x: #{$navbar-toggler-padding-x};\n --navbar-toggler-font-size: #{$navbar-toggler-font-size};\n --navbar-toggler-icon-bg: #{escape-svg($navbar-light-toggler-icon-bg)};\n --navbar-toggler-border-color: #{$navbar-light-toggler-border-color};\n --navbar-toggler-border-radius: #{$navbar-toggler-border-radius};\n --navbar-toggler-transition: #{$navbar-toggler-transition};\n // scss-docs-end navbar-css-vars\n\n position: relative;\n display: flex;\n flex-wrap: wrap; // allow us to do the line break for collapsing content\n align-items: center;\n justify-content: space-between; // space out brand from logo\n padding: var(--navbar-padding-y) var(--navbar-padding-x);\n @include gradient-bg();\n\n // Because flex properties aren't inherited, we need to redeclare these first\n // few properties so that content nested within behave properly.\n // The `flex-wrap` property is inherited to simplify the expanded navbars\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 > .container#{breakpoint-infix($breakpoint, $container-max-widths)} {\n @extend %container-flex-properties;\n }\n }\n }\n\n\n // Navbar brand\n //\n // Used for brand, project, or site names.\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 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\n // Navbar nav\n //\n // Custom navbar navigation (doesn't require `.nav`, but does make use of `.nav-link`).\n\n .navbar-nav {\n // scss-docs-start navbar-nav-css-vars\n // --nav-link-padding-x: 0;\n // @mdo-do: fix this, navbar shouldn't need to reuse nav link variables mb? or we need to bring them in…\n // --nav-link-padding-y: #{$nav-link-padding-y};\n // @include rfs($nav-link-font-size, --nav-link-font-size);\n // --nav-link-font-weight: #{$nav-link-font-weight};\n --nav-link-color: var(--navbar-color);\n --nav-link-hover-color: var(--navbar-hover-color);\n --nav-link-disabled-color: var(--navbar-disabled-color);\n // scss-docs-end navbar-nav-css-vars\n\n display: flex;\n flex-direction: column; // cannot use `inherit` to get the `.navbar`s value\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 }\n }\n\n // .dropdown-menu {\n // position: static;\n // }\n }\n\n\n // Navbar text\n //\n //\n\n .navbar-text {\n // @mdo-do: fix this too\n // padding-top: $nav-link-padding-y;\n // padding-bottom: $nav-link-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\n // Responsive navbar\n //\n // Custom styles for responsive collapsing and toggling of navbar contents.\n // Powered by the collapse Bootstrap JavaScript plugin.\n\n // When collapsed, prevent the toggleable navbar contents from appearing in\n // the default flexbox row orientation. Requires the use of `flex-wrap: wrap`\n // on the `.navbar` parent.\n .navbar-collapse {\n flex-grow: 1;\n flex-basis: 100%;\n // For always expanded or extra full navbars, ensure content aligns itself\n // properly vertically. Can be easily overridden with flex utilities.\n align-items: center;\n }\n\n // Button for toggling the navbar when in its collapsed state\n .navbar-toggler {\n padding: var(--navbar-toggler-padding-y) var(--navbar-toggler-padding-x);\n font-size: var(--navbar-toggler-font-size);\n line-height: 1;\n color: var(--navbar-color);\n background-color: transparent; // remove default button style\n border: var(--border-width) solid var(--navbar-toggler-border-color); // remove default button style\n @include border-radius(var(--navbar-toggler-border-radius));\n @include transition(var(--navbar-toggler-transition));\n\n &:hover {\n text-decoration: none;\n }\n\n &:focus-visible {\n text-decoration: none;\n @include focus-ring(true);\n }\n }\n\n // Keep as a separate element so folks can easily override it with another icon\n // or image file as needed.\n .navbar-toggler-icon {\n display: inline-block;\n width: 1.5em;\n height: 1.5em;\n vertical-align: middle;\n background-image: var(--navbar-toggler-icon-bg);\n background-repeat: no-repeat;\n background-position: center;\n background-size: 100%;\n }\n\n .navbar-nav-scroll {\n max-height: var(--scroll-height, 75vh);\n overflow-y: auto;\n }\n\n // scss-docs-start navbar-expand-loop\n // Generate series of `.navbar-expand-*` responsive classes for configuring\n // where your navbar collapses.\n .navbar-expand {\n @each $breakpoint in map.keys($grid-breakpoints) {\n $next: breakpoint-next($breakpoint, $grid-breakpoints);\n $infix: breakpoint-infix($next, $grid-breakpoints);\n\n // stylelint-disable-next-line scss/selector-no-union-class-name\n &#{$infix} {\n @include media-breakpoint-up($next) {\n flex-wrap: nowrap;\n justify-content: flex-start;\n\n .navbar-nav {\n --nav-link-padding-x: var(--navbar-nav-link-padding-x);\n flex-direction: row;\n\n // .dropdown-menu {\n // position: absolute;\n // }\n\n // .nav-link {\n // padding-inline: var(--navbar-nav-link-padding-x);\n // }\n }\n\n .navbar-nav-scroll {\n overflow: visible;\n }\n\n .navbar-collapse {\n display: flex !important; // stylelint-disable-line declaration-no-important\n flex-basis: auto;\n }\n\n .navbar-toggler {\n display: none !important; // stylelint-disable-line declaration-no-important\n }\n\n .offcanvas {\n // stylelint-disable declaration-no-important\n position: static;\n z-index: auto;\n flex-grow: 1;\n width: auto !important;\n height: auto !important;\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 .offcanvas-header {\n display: none;\n }\n\n .offcanvas-body {\n display: flex;\n flex-grow: 0;\n padding: 0;\n overflow-y: visible;\n }\n }\n }\n }\n }\n }\n // scss-docs-end navbar-expand-loop\n\n // Navbar themes\n //\n // Styles for switching between navbars with light or dark background.\n\n .navbar-dark,\n .navbar[data-bs-theme=\"dark\"] {\n // scss-docs-start navbar-dark-css-vars\n --navbar-color: #{$navbar-dark-color};\n --navbar-hover-color: #{$navbar-dark-hover-color};\n --navbar-disabled-color: #{$navbar-dark-disabled-color};\n --navbar-active-color: #{$navbar-dark-active-color};\n --navbar-brand-color: #{$navbar-dark-brand-color};\n --navbar-brand-hover-color: #{$navbar-dark-brand-hover-color};\n --navbar-toggler-border-color: #{$navbar-dark-toggler-border-color};\n --navbar-toggler-icon-bg: #{escape-svg($navbar-dark-toggler-icon-bg)};\n // scss-docs-end navbar-dark-css-vars\n }\n\n @if $enable-dark-mode {\n @include color-mode(dark) {\n .navbar-toggler-icon {\n --navbar-toggler-icon-bg: #{escape-svg($navbar-dark-toggler-icon-bg)};\n }\n }\n }\n}\n","@use \"sass:map\";\n@use \"config\" as *;\n@use \"variables\" as *;\n@use \"mixins/box-shadow\" as *;\n@use \"mixins/transition\" as *;\n@use \"mixins/backdrop\" as *;\n@use \"layout/breakpoints\" as *;\n\n%offcanvas-css-vars {\n // scss-docs-start offcanvas-css-vars\n --offcanvas-zindex: #{$zindex-offcanvas};\n --offcanvas-width: #{$offcanvas-horizontal-width};\n --offcanvas-height: #{$offcanvas-vertical-height};\n --offcanvas-padding-x: #{$offcanvas-padding-x};\n --offcanvas-padding-y: #{$offcanvas-padding-y};\n --offcanvas-color: #{$offcanvas-color};\n --offcanvas-bg: #{$offcanvas-bg-color};\n --offcanvas-border-width: #{$offcanvas-border-width};\n --offcanvas-border-color: #{$offcanvas-border-color};\n --offcanvas-box-shadow: #{$offcanvas-box-shadow};\n --offcanvas-transition: #{transform $offcanvas-transition-duration ease-in-out};\n --offcanvas-title-line-height: #{$offcanvas-title-line-height};\n // scss-docs-end offcanvas-css-vars\n}\n\n@layer components {\n @each $breakpoint in map.keys($grid-breakpoints) {\n $next: breakpoint-next($breakpoint, $grid-breakpoints);\n $infix: breakpoint-infix($next, $grid-breakpoints);\n\n .offcanvas#{$infix} {\n @extend %offcanvas-css-vars;\n }\n }\n\n @each $breakpoint in map.keys($grid-breakpoints) {\n $next: breakpoint-next($breakpoint, $grid-breakpoints);\n $infix: breakpoint-infix($next, $grid-breakpoints);\n\n .offcanvas#{$infix} {\n @include media-breakpoint-down($next) {\n position: fixed;\n bottom: 0;\n z-index: var(--offcanvas-zindex);\n display: flex;\n flex-direction: column;\n max-width: 100%;\n color: var(--offcanvas-color);\n visibility: hidden;\n background-color: var(--offcanvas-bg);\n background-clip: padding-box;\n outline: 0;\n @include box-shadow(var(--offcanvas-box-shadow));\n @include transition(var(--offcanvas-transition));\n\n &.offcanvas-start {\n inset-block: 0;\n inset-inline-start: 0;\n width: var(--offcanvas-width);\n border-inline-end: var(--offcanvas-border-width) solid var(--offcanvas-border-color);\n transform: translateX(-100%);\n\n :root:dir(rtl) & {\n transform: translateX(100%);\n }\n }\n\n &.offcanvas-end {\n inset-block: 0;\n inset-inline-end: 0;\n width: var(--offcanvas-width);\n border-inline-start: var(--offcanvas-border-width) solid var(--offcanvas-border-color);\n transform: translateX(100%);\n\n :root:dir(rtl) & {\n transform: translateX(-100%);\n }\n }\n\n &.offcanvas-top {\n inset: 0 0 auto;\n height: var(--offcanvas-height);\n max-height: 100%;\n border-block-end: var(--offcanvas-border-width) solid var(--offcanvas-border-color);\n transform: translateY(-100%);\n }\n\n &.offcanvas-bottom {\n inset: auto 0 0;\n height: var(--offcanvas-height);\n max-height: 100%;\n border-block-start: var(--offcanvas-border-width) solid var(--offcanvas-border-color);\n transform: translateY(100%);\n }\n\n &.showing,\n &.show:not(.hiding) {\n transform: none;\n }\n\n &.showing,\n &.hiding,\n &.show {\n visibility: visible;\n }\n }\n\n @if not ($infix == \"\") {\n @include media-breakpoint-up($next) {\n --offcanvas-height: auto;\n --offcanvas-border-width: 0;\n background-color: transparent !important; // stylelint-disable-line declaration-no-important\n\n .offcanvas-header {\n display: none;\n }\n\n .offcanvas-body {\n display: flex;\n flex-grow: 0;\n padding: 0;\n overflow-y: visible;\n // Reset `background-color` in case `.bg-*` classes are used in offcanvas\n background-color: transparent !important; // stylelint-disable-line declaration-no-important\n }\n }\n }\n }\n }\n\n .offcanvas-backdrop {\n @include overlay-backdrop($zindex-offcanvas-backdrop, $offcanvas-backdrop-bg, $offcanvas-backdrop-opacity);\n }\n\n .offcanvas-header {\n display: flex;\n align-items: center;\n padding: var(--offcanvas-padding-y) var(--offcanvas-padding-x);\n\n .btn-close {\n padding: calc(var(--offcanvas-padding-y) * .5) calc(var(--offcanvas-padding-x) * .5);\n // Split properties to avoid invalid calc() function if value is 0\n margin-inline-start: auto;\n margin-inline-end: calc(-.5 * var(--offcanvas-padding-x));\n margin-top: calc(-.5 * var(--offcanvas-padding-y));\n margin-bottom: calc(-.5 * var(--offcanvas-padding-y));\n }\n }\n\n .offcanvas-title {\n margin-bottom: 0;\n line-height: var(--offcanvas-title-line-height);\n }\n\n .offcanvas-body {\n flex-grow: 1;\n padding: var(--offcanvas-padding-y) var(--offcanvas-padding-x);\n overflow-y: auto;\n }\n}\n","// Shared between modals and offcanvases\n@mixin overlay-backdrop($zindex, $backdrop-bg, $backdrop-opacity) {\n position: fixed;\n inset: 0;\n z-index: $zindex;\n background-color: $backdrop-bg;\n\n // Fade for backdrop\n &.fade { opacity: 0; }\n &.show { opacity: $backdrop-opacity; }\n}\n","@use \"config\" as *;\n@use \"variables\" 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\n// scss-docs-start pagination-variables\n$pagination-padding-y: .375rem !default;\n$pagination-padding-x: .75rem !default;\n$pagination-padding-y-sm: .25rem !default;\n$pagination-padding-x-sm: .5rem !default;\n$pagination-padding-y-lg: .75rem !default;\n$pagination-padding-x-lg: 1.5rem !default;\n\n$pagination-font-size: $font-size-base !default;\n\n$pagination-color: var(--link-color) !default;\n$pagination-bg: var(--bg-body) !default;\n$pagination-border-radius: var(--border-radius) !default;\n$pagination-border-width: var(--border-width) !default;\n$pagination-margin-start: calc(-1 * #{$pagination-border-width}) !default;\n$pagination-border-color: var(--border-color) !default;\n\n$pagination-focus-color: var(--link-hover-color) !default;\n$pagination-focus-bg: var(--secondary-bg) !default;\n\n$pagination-hover-color: var(--link-hover-color) !default;\n$pagination-hover-bg: var(--tertiary-bg) !default;\n$pagination-hover-border-color: var(--border-color) !default; // Todo in v6: remove this?\n\n$pagination-active-color: $component-active-color !default;\n$pagination-active-bg: $component-active-bg !default;\n$pagination-active-border-color: $component-active-bg !default;\n\n$pagination-disabled-color: var(--secondary-color) !default;\n$pagination-disabled-bg: var(--secondary-bg) !default;\n$pagination-disabled-border-color: var(--border-color) !default;\n\n$pagination-transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out !default;\n\n$pagination-border-radius-sm: var(--border-radius-sm) !default;\n$pagination-border-radius-lg: var(--border-radius-lg) !default;\n// scss-docs-end pagination-variables\n\n\n// scss-docs-start pagination-mixin\n@mixin pagination-size($padding-y, $padding-x, $font-size, $border-radius) {\n --pagination-padding-x: #{$padding-x};\n --pagination-padding-y: #{$padding-y};\n --pagination-font-size: #{$font-size};\n --pagination-border-radius: #{$border-radius};\n}\n// scss-docs-end pagination-mixin\n\n@layer components {\n .pagination {\n // scss-docs-start pagination-css-vars\n --pagination-padding-x: #{$pagination-padding-x};\n --pagination-padding-y: #{$pagination-padding-y};\n --pagination-font-size: #{$pagination-font-size};\n --pagination-color: #{$pagination-color};\n --pagination-bg: #{$pagination-bg};\n --pagination-border-width: #{$pagination-border-width};\n --pagination-border-color: #{$pagination-border-color};\n --pagination-border-radius: #{$pagination-border-radius};\n --pagination-hover-color: #{$pagination-hover-color};\n --pagination-hover-bg: #{$pagination-hover-bg};\n --pagination-hover-border-color: #{$pagination-hover-border-color};\n --pagination-focus-color: #{$pagination-focus-color};\n --pagination-focus-bg: #{$pagination-focus-bg};\n --pagination-active-color: #{$pagination-active-color};\n --pagination-active-bg: #{$pagination-active-bg};\n --pagination-active-border-color: #{$pagination-active-border-color};\n --pagination-disabled-color: #{$pagination-disabled-color};\n --pagination-disabled-bg: #{$pagination-disabled-bg};\n --pagination-disabled-border-color: #{$pagination-disabled-border-color};\n // scss-docs-end pagination-css-vars\n\n display: flex;\n @include list-unstyled();\n }\n\n .page-link {\n position: relative;\n display: block;\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($pagination-transition);\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: $pagination-margin-start;\n }\n\n @if $pagination-margin-start == calc(-1 * #{$pagination-border-width}) {\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 } @else {\n // Add border-radius to all pageLinks in case they have left margin\n .page-link {\n @include border-radius(var(--pagination-border-radius));\n }\n }\n }\n\n\n //\n // Sizing\n //\n\n .pagination-lg {\n @include pagination-size($pagination-padding-y-lg, $pagination-padding-x-lg, $font-size-lg, $pagination-border-radius-lg);\n }\n\n .pagination-sm {\n @include pagination-size($pagination-padding-y-sm, $pagination-padding-x-sm, $font-size-sm, $pagination-border-radius-sm);\n }\n}\n","@use \"colors\" as *;\n@use \"config\" as *;\n@use \"variables\" as *;\n\n// scss-docs-start placeholders\n$placeholder-opacity-max: .5 !default;\n$placeholder-opacity-min: .2 !default;\n// scss-docs-end placeholders\n\n\n@layer components {\n .placeholder {\n display: inline-block;\n min-height: 1em;\n vertical-align: middle;\n cursor: wait;\n background-color: currentcolor;\n opacity: $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: $placeholder-opacity-min;\n }\n }\n\n .placeholder-wave {\n mask-image: linear-gradient(130deg, $black 55%, rgba(0, 0, 0, (1 - $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 \"variables\" as *;\n@use \"mixins/border-radius\" as *;\n@use \"mixins/box-shadow\" as *;\n@use \"mixins/reset-text\" as *;\n\n// scss-docs-start popover-variables\n$popover-font-size: var(--font-size-sm) !default;\n$popover-bg: var(--bg-body) !default;\n$popover-max-width: 280px !default;\n$popover-border-width: var(--border-width) !default;\n$popover-border-color: var(--border-color-translucent) !default;\n$popover-border-radius: var(--border-radius-lg) !default;\n$popover-inner-border-radius: calc(#{$popover-border-radius} - #{$popover-border-width}) !default;\n$popover-box-shadow: var(--box-shadow) !default;\n\n$popover-header-font-size: $font-size-base !default;\n$popover-header-bg: var(--bg-1) !default;\n$popover-header-color: $headings-color !default;\n$popover-header-padding-y: $spacer * .75 !default;\n$popover-header-padding-x: $spacer !default;\n\n$popover-body-color: var(--fg-body) !default;\n$popover-body-padding-y: $spacer * .75 !default;\n$popover-body-padding-x: $spacer !default;\n\n$popover-arrow-width: 1rem !default;\n$popover-arrow-height: .5rem !default;\n// scss-docs-end popover-variables\n\n@layer components {\n .popover {\n // scss-docs-start popover-css-vars\n --popover-zindex: #{$zindex-popover};\n --popover-max-width: #{$popover-max-width};\n --popover-font-size: #{$popover-font-size};\n --popover-bg: #{$popover-bg};\n --popover-border-width: #{$popover-border-width};\n --popover-border-color: #{$popover-border-color};\n --popover-border-radius: #{$popover-border-radius};\n --popover-inner-border-radius: #{$popover-inner-border-radius};\n --popover-box-shadow: #{$popover-box-shadow};\n --popover-header-padding-x: #{$popover-header-padding-x};\n --popover-header-padding-y: #{$popover-header-padding-y};\n --popover-header-font-size: #{$popover-header-font-size};\n --popover-header-color: #{$popover-header-color};\n --popover-header-bg: #{$popover-header-bg};\n --popover-body-padding-x: #{$popover-body-padding-x};\n --popover-body-padding-y: #{$popover-body-padding-y};\n --popover-body-color: #{$popover-body-color};\n --popover-arrow-width: #{$popover-arrow-width};\n --popover-arrow-height: #{$popover-arrow-height};\n --popover-arrow-border: var(--popover-border-color);\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 \"colors\" as *;\n@use \"variables\" as *;\n@use \"mixins/transition\" as *;\n@use \"mixins/gradients\" as *;\n@use \"mixins/border-radius\" as *;\n@use \"mixins/box-shadow\" as *;\n\n// scss-docs-start progress-variables\n$progress-height: 1rem !default;\n$progress-font-size: $font-size-base * .75 !default;\n$progress-bg: var(--secondary-bg) !default;\n$progress-border-radius: var(--border-radius) !default;\n$progress-box-shadow: var(--box-shadow-inset) !default;\n$progress-bar-color: $white !default;\n$progress-bar-bg: var(--primary-bg) !default;\n$progress-bar-animation-timing: 1s linear infinite !default;\n$progress-bar-transition: width .6s ease !default;\n// scss-docs-end progress-variables\n\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 // scss-docs-start progress-css-vars\n --progress-height: #{$progress-height};\n --progress-font-size: #{$progress-font-size};\n --progress-bg: #{$progress-bg};\n --progress-border-radius: #{$progress-border-radius};\n --progress-box-shadow: #{$progress-box-shadow};\n --progress-bar-color: #{$progress-bar-color};\n --progress-bar-bg: #{$progress-bar-bg};\n --progress-bar-transition: #{$progress-bar-transition};\n // scss-docs-end progress-css-vars\n\n display: flex;\n height: var(--progress-height);\n overflow: hidden; // force rounded corners by cropping it\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: $progress-bar-animation-timing progress-bar-stripes;\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 \"variables\" as *;\n\n// scss-docs-start spinner-variables\n$spinner-width: 2rem !default;\n$spinner-height: $spinner-width !default;\n$spinner-vertical-align: -.125em !default;\n$spinner-border-width: .25em !default;\n$spinner-animation-speed: .75s !default;\n\n$spinner-width-sm: 1rem !default;\n$spinner-height-sm: $spinner-width-sm !default;\n$spinner-border-width-sm: .2em !default;\n// scss-docs-end spinner-variables\n\n//\n// Rotating border\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 // 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 // scss-docs-start spinner-border-css-vars\n --spinner-width: #{$spinner-width};\n --spinner-height: #{$spinner-height};\n --spinner-vertical-align: #{$spinner-vertical-align};\n --spinner-border-width: #{$spinner-border-width};\n --spinner-animation-speed: #{$spinner-animation-speed};\n --spinner-animation-name: spinner-border;\n // scss-docs-end spinner-border-css-vars\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: #{$spinner-width-sm};\n --spinner-height: #{$spinner-height-sm};\n --spinner-border-width: #{$spinner-border-width-sm};\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 // scss-docs-start spinner-grow-css-vars\n --spinner-width: #{$spinner-width};\n --spinner-height: #{$spinner-height};\n --spinner-vertical-align: #{$spinner-vertical-align};\n --spinner-animation-speed: #{$spinner-animation-speed};\n --spinner-animation-name: spinner-grow;\n // scss-docs-end spinner-grow-css-vars\n\n background-color: currentcolor;\n opacity: 0;\n }\n\n .spinner-grow-sm {\n --spinner-width: #{$spinner-width-sm};\n --spinner-height: #{$spinner-height-sm};\n }\n\n @if $enable-reduced-motion {\n @media (prefers-reduced-motion: reduce) {\n .spinner-border,\n .spinner-grow {\n --spinner-animation-speed: #{$spinner-animation-speed * 2};\n }\n }\n }\n}\n","@use \"sass:map\";\n@use \"config\" as *;\n@use \"variables\" as *;\n@use \"layout/breakpoints\" as *;\n@use \"mixins/border-radius\" as *;\n@use \"mixins/box-shadow\" as *;\n@use \"mixins/gradients\" as *;\n@use \"mixins/transition\" as *;\n\n// scss-docs-start stepper-variables\n$stepper-size: 2rem !default;\n$stepper-gap: 1rem !default;\n$stepper-track-size: .25rem !default;\n$stepper-bg: var(--bg-2) !default;\n$stepper-active-fg: var(--primary-contrast) !default;\n$stepper-active-bg: var(--primary-bg) !default;\n// $stepper-vertical-gap: .5rem !default;\n// scss-docs-end stepper-variables\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: repeat(2, var(--stepper-size));\n grid-template-columns: auto;\n justify-items: center;\n\n &::after {\n top: calc((var(--stepper-size) * .5) - (var(--stepper-track-size) * .5));\n right: 0;\n bottom: auto;\n left: calc(-50% - var(--stepper-gap));\n width: auto;\n height: var(--stepper-track-size);\n }\n\n &:last-child::after {\n right: 50%;\n }\n }\n}\n// scss-docs-end stepper-horizontal-mixin\n\n// scss-docs-start stepper-css\n.stepper {\n // scss-docs-start stepper-css-vars\n --stepper-size: #{$stepper-size};\n --stepper-gap: #{$stepper-gap};\n --stepper-bg: #{$stepper-bg};\n --stepper-track-size: #{$stepper-track-size};\n --stepper-active-color: #{$stepper-active-fg};\n --stepper-active-bg: #{$stepper-active-bg};\n // scss-docs-end stepper-css-vars\n\n display: grid;\n grid-auto-rows: 1fr;\n grid-auto-flow: row;\n gap: var(--stepper-gap);\n padding-left: 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: .5rem;\n place-items: center;\n justify-items: start;\n text-align: center;\n text-decoration: none;\n\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-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 top: calc(var(--stepper-gap) * -1);\n bottom: 100%;\n left: calc((var(--stepper-size) * .5) - (var(--stepper-track-size) * .5));\n width: var(--stepper-track-size);\n content: \"\";\n background-color: var(--stepper-bg);\n }\n\n // Avoid sibling selector for easier CSS overrides\n &:first-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@each $breakpoint in map.keys($grid-breakpoints) {\n @include media-breakpoint-up($breakpoint) {\n $infix: breakpoint-infix($breakpoint, $grid-breakpoints);\n\n .stepper-horizontal#{$infix} {\n @include stepper-horizontal();\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","@use \"config\" as *;\n@use \"variables\" as *;\n@use \"mixins/border-radius\" as *;\n\n// scss-docs-start toast-variables\n$toast-max-width: 350px !default;\n$toast-padding-x: .75rem !default;\n$toast-padding-y: .5rem !default;\n$toast-font-size: .875rem !default;\n$toast-color: null !default;\n$toast-background-color: rgba(var(--body-bg-rgb), .85) !default;\n$toast-border-width: var(--border-width) !default;\n$toast-border-color: var(--border-color-translucent) !default;\n$toast-border-radius: var(--border-radius) !default;\n$toast-box-shadow: var(--box-shadow) !default;\n$toast-spacing: $container-padding-x !default;\n\n$toast-header-color: var(--secondary-color) !default;\n$toast-header-background-color: rgba(var(--body-bg-rgb), .85) !default;\n$toast-header-border-color: $toast-border-color !default;\n// scss-docs-end toast-variables\n\n@layer components {\n .toast {\n // scss-docs-start toast-css-vars\n --toast-zindex: #{$zindex-toast};\n --toast-padding-x: #{$toast-padding-x};\n --toast-padding-y: #{$toast-padding-y};\n --toast-spacing: #{$toast-spacing};\n --toast-max-width: #{$toast-max-width};\n --toast-font-size: #{$toast-font-size};\n --toast-color: #{$toast-color};\n --toast-bg: #{$toast-background-color};\n --toast-border-width: #{$toast-border-width};\n --toast-border-color: #{$toast-border-color};\n --toast-border-radius: #{$toast-border-radius};\n --toast-box-shadow: #{$toast-box-shadow};\n --toast-header-color: #{$toast-header-color};\n --toast-header-bg: #{$toast-header-background-color};\n --toast-header-border-color: #{$toast-header-border-color};\n // scss-docs-end toast-css-vars\n\n width: var(--toast-max-width);\n max-width: 100%;\n font-size: var(--toast-font-size);\n color: var(--toast-color);\n pointer-events: auto;\n background-color: var(--toast-bg);\n background-clip: padding-box;\n border: var(--toast-border-width) solid var(--toast-border-color);\n box-shadow: var(--toast-box-shadow);\n @include border-radius(var(--toast-border-radius));\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(--toast-header-color);\n background-color: var(--toast-header-bg);\n background-clip: padding-box;\n border-block-end: var(--toast-border-width) solid var(--toast-header-border-color);\n @include border-top-radius(calc(var(--toast-border-radius) - var(--toast-border-width)));\n\n .btn-close {\n margin-inline-start: var(--toast-padding-x);\n margin-inline-end: calc(-.5 * var(--toast-padding-x));\n }\n }\n\n .toast-body {\n padding: var(--toast-padding-x);\n word-wrap: break-word;\n }\n}\n","@use \"config\" as *;\n@use \"variables\" 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","@use \"../config\" as *;\n\n@layer helpers {\n .focus-ring:focus-visible {\n outline: var(--focus-ring);\n }\n}\n","@use \"../config\" as *;\n@use \"../variables\" 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 \"../variables\" 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($grid-breakpoints) {\n @include media-breakpoint-up($breakpoint) {\n $infix: breakpoint-infix($breakpoint, $grid-breakpoints);\n\n .sticky#{$infix}-top {\n position: sticky;\n top: 0;\n z-index: $zindex-sticky;\n }\n\n .sticky#{$infix}-bottom {\n position: sticky;\n bottom: 0;\n z-index: $zindex-sticky;\n }\n }\n }\n}\n","// stylelint-disable selector-no-qualifying-type\n\n@layer helpers {\n // scss-docs-start stacks\n .hstack,\n b-hstack {\n display: flex;\n flex-direction: row;\n align-items: center;\n align-self: stretch;\n }\n .hstack-start,\n b-hstack[align=\"start\"] {\n display: flex;\n flex-direction: row;\n align-items: flex-start;\n align-self: stretch;\n }\n\n .vstack,\n b-vstack {\n display: flex;\n flex: 1 1 auto;\n flex-direction: column;\n align-self: stretch;\n }\n // scss-docs-end stacks\n}\n","@use \"../mixins/visually-hidden\" as *;\n\n@layer helpers {\n .visually-hidden,\n .visually-hidden-focusable:not(:focus):not(: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):not(:focus-within) {\n @include visually-hidden();\n }\n}\n","@use \"../variables\" 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","@use \"../variables\" as *;\n\n@layer helpers {\n .vr {\n display: inline-block;\n align-self: stretch;\n width: $vr-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 \"../variables\" 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($grid-breakpoints) {\n\n // Generate media query if needed\n @include media-breakpoint-up($breakpoint) {\n $infix: breakpoint-infix($breakpoint, $grid-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 $infix == \"\") {\n @include generate-utility($utility, $infix);\n }\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@use \"sass:string\";\n@use \"../config\" as *;\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 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, $infix: \"\") {\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 }\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 // 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 // Calculate infix once, before the loop\n // Note: $infix already includes the leading dash from breakpoint-infix()\n // $infix: if($infix == \"\", \"\", \"-\" + $infix);\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 // @debug \"Properties type: #{meta.type-of($properties)}\";\n // @debug \"Properties: #{$properties}\";\n @if meta.type-of($properties) == \"map\" {\n $propertyMap: $properties;\n // For property maps, we need to determine the class from the utility definition\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 // Use custom CSS variable name if present, otherwise default to `class`\n // mdo-do: restore?\n // $css-variable-name: if(map.has-key($utility, css-variable-name), map.get($utility, css-variable-name), map.get($utility, class));\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 // $infix: if($customClass == \"\" and str-slice($infix, 1, 1) == \"-\", str-slice($infix, 2), $infix);\n\n // Don't prefix if value key is null (e.g. with shadow class)\n $customClassModifier: \"\";\n @if $key {\n @if $customClass == \"\" and $infix == \"\" {\n $customClassModifier: $key;\n } @else {\n $customClassModifier: \"-\" + $key;\n }\n }\n\n $selector: \"\";\n @if $selectorType == \"class\" {\n // Use the fallback of the first property if no `class` key is used\n @if $customClass != \"\" {\n $selector: \".#{$customClass + $infix + $customClassModifier}\";\n } @else {\n $selector: \".#{$selectorClass + $infix + $customClassModifier}\";\n }\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 #{$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\n @if $state != () {\n @each $state-variant in $state {\n #{$selector}-#{$state-variant}:#{$state-variant} {\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":[]} |