@flowstack-ui/brick 0.1.11 → 0.2.0

package/dist/styles.css.map

@@ -1 +1 @@
-{"version":3,"sourceRoot":null,"mappings":"AEAA,oBGCE,mvaAAA,mCAAA,yDAuSE,w5FAiFF,+8FAiFA,u9FH1cF,uBAAA,yBOCE,4PAQA,kJAMA,uHAKA,8BACE,oEAKF,uCACE,iEP3BJ,wBWCE,wCIAA,+cAcA,4HAKA,uCACE,sFAKF,8BACE,qIAMF,iIAUA,mII1CA,0tEAwDA,iEAIA,yJAKA,+JAKA,wMAKA,gGAIA,iGAMA,qKAKA,gHAKA,mFAKA,wDAKA,wCAIA,yGAIA,yCAIA,4FAOA,uHAKA,gDAIA,wDAIA,8EAIA,6SASA,0SASA,8SASA,0SASA,wzBAyBA,gqBAaA,0oBAaA,2qBAaA,2qBAaA,gqBAaA,4VAQA,kUAQA,4SAQA,wCACE,0JAKA,sMAKA,gGAKF,uCACE,sCAKF,8BACE,6EAMA,oDAIA,6EIpUF,0kDAwCA,wMASA,0EAKA,gIAKA,sEAIA,6JAKA,qHAIA,uZAQA,mZAQA,4NAMA,iMAMA,+2BAyBA,utBAaA,isBAaA,kuBAaA,kuBAaA,utBAaA,uIAKA,oIAKA,uIAKA,sIAKA,0FAIA,mMAQA,6DAKA,6CAIA,wCACE,sKAMF,qLAKA,uCACE,2CAKF,8BACE,kFAMA,yDAIA,kFIpQF,2nBAwBA,+DAMA,6BAIA,0EACA,sEACA,sEACA,sEACA,sEAEA,kFACA,sFACA,8EACA,gFACA,4EACA,kFACA,kFACA,gFAEA,wEAIA,8BACE,oEItDF,6oBAqBA,yDACA,mDACA,mDACA,+DAEA,kEACA,wEACA,qEACA,gHAGA,6EAEA,6EACA,8EACA,8EACA,6EAEA,+RAOA,0IASA,uJAQA,qIAMA,yIAOA,2CAIA,8PAWA,8BACE,0EAKA,2DIjGF,+iBAoBA,2GAIA,yOAMA,2FAIA,4FAIA,4FAIA,2FAIA,iFAIA,8BACE,+HInDF,kHAKA,wnBAwBA,kLAOA,wEAKA,qDAIA,kEAKA,gGAIA,gGAIA,gFAIA,2aAYA,kaAYA,yWAWA,iHAIA,qEAIA,8KAKA,uXAQA,mfAqBA,iFAIA,4NAQA,iJAOA,mCAIA,2DAKA,0DAKA,6CACE,gJAMF,8BACE,qJIpLF,+wBA2BA,+PAeA,iIAKA,6DAIA,6IAKA,6IAKA,wLAUA,qHAKA,mFAOA,yWASA,wXASA,8HAUA,qNAQA,wFAIA,8LAUA,uFAIA,0FAMA,sEAKA,8BACE,yHIrJF,mNASA,mDAIA,gtCAmCA,mHAKA,mHAKA,6FAKA,gKASA,yEAMA,kXASA,0XASA,sUAaA,mOAWA,oEAIA,iEAIA,yEAIA,8BACE,iIAKF,sBACE,gEAIA,8CAKF,uCACE,oEAKA,+FAMF,8BACE,mDAKA,+DItKF,yNASA,yDAIA,4wCAmCA,qIAKA,mGAKA,4KASA,qFAMA,wXASA,gYASA,wlBAiBA,qPAWA,0EAIA,uEAIA,+EAIA,8BACE,6IAKF,sBACE,4EAIA,oDAKF,sCACE,wEAKA,oGAQF,uCACE,gFAKA,2GAMF,8BACE,yDAKA,qEInLF,mNASA,mDAIA,uuCAoCA,sTASA,6NAMA,6NAMA,iNAOA,2QAOA,sRAOA,mIAIA,mIAIA,mIAIA,mIAIA,yHAKA,sIAIA,sIAIA,sIAIA,sIAIA,iOAOA,0FAIA,8KAQA,gHAIA,yFAIA,2FAIA,6WAWA,yEAMA,kXASA,0XASA,ybAcA,2aAcA,oEAIA,iEAIA,yEAIA,8BACE,8KAQA,2GAKF,sBACE,gEAIA,8CAKF,uBACE,0FAMA,+CAMF,uCACE,oEAKA,mEAKF,8BACE,mDAKA,+DIhSF,+bAcA,0wCAoCA,4EAIA,qOAUA,yFAKA,+MAOA,+MAOA,4MAOA,6GAKA,2MAMA,wLAMA,yaAUA,yZAUA,ibAUA,ibAUA,yaAUA,ibAeA,wKAMA,4KAMA,ssBAuBA,0HAKA,mOAOA,wGAKA,wJAMA,kNAOA,iOAOA,iJAKA,wHAIA,sIAKA,uIAKA,yIAKA,qIAKA,gUASA,yTASA,8BACE,wEAMA,sHI1SF,29CAsCA,6GAIA,iZASA,iIAKA,gFAIA,iQASA,4SAUA,+FAOA,sLAMA,qZAkBA,8IASA,gLAKA,qGAKA,wCACE,6GAKF,8GAIA,uCACE,6CAGF,8BACE,oCACA,6CACA,kEACA,2DInJF,w6BA8BA,yUAcA,oFAIA,iGAKA,8FAKA,4FAKA,+FAKA,iGAKA,kGAKA,+FAKA,kGAKA,oGAIA,kGAIA,iGAIA,qGAIA,uIASA,oDAKA,0ZAgBA,8BACE,mHAOA,8HI9IF,ilBAmBA,oYAUA,4VASA,qFACA,iFACA,uFACA,uFACA,qFAEA,gPAUA,qDAEA,8BACE,+BACA,iGACA,6GI3DF,uvBAyBA,0GAOA,iEACA,iEAEA,8BACE,sEIpCF,+oBAiBA,yEACA,yEACA,yGAEA,wXAUA,kHAOA,gqBAgBA,iJAQA,2IAOA,2OAWA,+OAWA,wRAQA,yTAQA,oKAKA,+OAMA,4MAKA,uLAKA,uQAQA,ifAcA,8BACE,kGAGF,uCACE,mLAGF,8BACE,qPAQA,yFIvKF,woEAkDA,2gCA8BA,4JAMA,mFAIA,mMAMA,wPAOA,gOAOA,mIAKA,0NAOA,kFAIA,8JAMA,4HAIA,oNAKA,+OASA,sLAMA,4SAUA,+SAUA,+GAIA,+HAKA,wCACE,qHAIA,wIAIA,+MAKA,2IAIA,6JAKF,uCACE,uEAKF,8BACE,8GAMA,mMASA,qIAKA,8GI3OF,0LAWA,gEAIA,qEAIA,mEAKA,yEAIA,gNAOA,0SAUA,6SAUA,6GAIA,8NAOA,iIAKA,wNAOA,gFAIA,4JAMA,kNAKA,oFAMA,yFAIA,gLAIA,6KAIA,oNAKA,+MAKA,kNAKA,6MAKA,+NAKA,0NAKA,6NAKA,wNAKA,wCACE,8MzCxJF,+TIAA,0nDAqCA,0CAIA,4CAIA,0EAIA,4EAIA,yEAIA,yEAIA,gFAIA,2OAQA,mKAKA,2JAKA,4JAKA,oKAKA,6EAMA,4VASA,4YASA,uCACE,oDAMF,8BACE,+IAOA,kFIpIF,g5CAiCA,iOAUA,qHAIA,qHAIA,qDAKA,6EAMA,qJAKA,sKAKA,8JAKA,+JAKA,uKAKA,oFAKA,uCACE,mDAMF,8BACE,oMAQA,qFI5GF,srCA+BA,wKAOA,wKAOA,gFAIA,2cAgBA,kDAKA,sDAKA,iKAMA,uIAOA,4GAKA,qRAMA,qHAIA,qHAIA,mGAIA,8ZASA,+XAQA,2ZASA,0RAYA,uOAWA,4IAKA,6JAKA,qJAKA,sJAKA,8JAKA,8BACE,uIAKF,sBACE,0DAIA,iEAMF,uBACE,8GAMA,iDAMF,uCACE,gDAMF,8BACE,qLAQA,kFIvOF,8JASA,gFAIA,6CIbA,47CA4BA,sPAiBA,gHAOA,yJAUA,8WAYA,0JAOA,0KAKA,sNAMA,yEAKA,8FAOA,mXASA,8dAYA,kGAIA,iEAIA,+PAOA,sBACE,8EAIA,gHAQF,8BACE,mEAKA,0EI/JF,i3CA2BA,oHAKA,yEAKA,mdAeA,uKAOA,gHAIA,4JAKA,oGAOA,+XASA,+cAYA,qOASA,6GAIA,4QAOA,8BACE,uCAIA,6CAIA,iFI7HF,63BAiBA,0vCAuCA,oIAQA,8GAQA,qIAQA,uTAUA,w2BAqBA,2JAOA,qFAOA,8IAQA,mCAIA,+aAeA,6IAQA,8IAQA,6IAQA,yKAQA,sKAUA,kNASA,4IAQA,yQAQA,4PAOA,mTASA,wUASA,wCACE,wXAkBF,uCACE,gIAUF,8BACE,0HASA,kEAKA,+LASA,8TAeA,qOAOA,wNAOA,yHIvUF,0SAYA,4NAOA,uEAIA,yFAKA,wFAIA,kIAKA,6YAWA,kbAWA,mGAIA,sXASA,gGAKA,8BACE,mEAIA,kDAIA,yDItFF,k2BAuBA,oEAIA,sFAKA,6MAMA,21BA2BA,uFAIA,4EAIA,wGAKA,4LAKA,wfAcA,yYAaA,+GAIA,gGAKA,0WAWA,sHAIA,oHAIA,8GAMA,6JAKA,yGAIA,sLAOA,oVAQA,2QAQA,oVAQA,wCACE,6GAIA,4JAKF,uCACE,0GAKF,8BACE,kEAKA,qEAKA,8FAIA,4CAIA,oHAKA,iEIhOF,21CAqCA,sEAIA,oEAKA,4EAIA,k8BAuBA,sDAIA,45BA+BA,kKAMA,oGAIA,6KAKA,oGAKA,2EAKA,0QAOA,sSAOA,2QAOA,sSAOA,wCACE,6FAKF,uCACE,iDAKF,8BACE,mGAIA,4FAKA,qEAIA,mEAGA,kEI9LF,w5CAqCA,+fAcA,kEACA,4CAEA,mLAKA,4uBAkBA,2IAKA,2RAMA,gNAIA,mFACA,uFACA,4DAEA,4IAMA,6IAMA,mHAIA,wCACE,qIAGA,yLAMF,uCACE,oDAGF,8BACE,uCACA,+DACA,kFACA,qFACA,0GACA,qDACA,uCACA,4GzCtIF,ipDAkCA,4gBAWA,qiBAWA,2MAaA,gKASA,4cAgBA,yJAKA,4EACA,8EAEA,mRAOA,8LAQA,4TAYA,6EAKA,oMAUA,iRAWA,wKAKA,8BACE,+DAKA,+FAIA,kII1KF,oqCA6BA,4bACA,4bAEA,8EACA,uDACA,qEAEA,wTAeA,mNACA,2KAMA,+DACA,+DACA,+DACA,yGAKA,oNACA,2NAEA,8nBAsBA,+EAEA,6HACA,mFACA,+LACA,4DACA,0GAEA,oJACA,+CACA,gEACA,gEACA,gEAEA,mXACA,8KACA,0LACA,wEAEA,+HACA,gGACA,yMAEA,kKACA,+FACA,iKACA,iJACA,+PAEA,+LACA,mLAEA,6EACA,8QACA,sNAEA,uCAA0C,uCAC1C,sBACE,kEACA,kEACA,kEACA,kEACA,0DACA,wEACA,uNACA,+NAEF,sBACE,kEACA,kEACA,kEACA,kEACA,0DACA,wEACA,uNACA,+NAEF,sBACE,kEACA,kEACA,kEACA,kEACA,0DACA,wEACA,uNACA,+NAEF,sBACE,kEACA,kEACA,kEACA,kEACA,0DACA,wEACA,uNACA,+NAEF,8BACE,yCACA,8DACA,oHACA,2CACA,6FI7KF,2nCA8BA,0OAWA,uPAWA,wPAWA,2OAWA,iOAYA,yhBAgBA,uiBAgBA,kNAYA,8fAcA,6jCAwCA,keAkBA,gIAQA,mLAUA,klBAmBA,qbAiBA,6fAkBA,gcAkBA,oWAeA,6QAgBA,0JAUA,+SAeA,2JAUA,2cAeA,0VAaA,8HAQA,wMASA,qKAQA,wTAgBA,8RAWA,kQAUA,qRAUA,6BACE,8PAYF,uCACE,2NAaF,8BACE,qQAcA,+iBAqBA,iZIzgBF,2yHAuDA,wDIvDA,yvHAuDA,uDIvDA,6nCA0BA,wFACA,qIACA,qIAEA,yYAeA,iHACA,4KACA,oJACA,uFAEA,6EAKA,ytFA8BA,8BACE,0EACA,+DIvFF,45DAoCA,4RACA,6RAEA,uJASA,2EACA,0HACA,+CAEA,gzBAuBA,qdAUA,+FACA,gKACA,yNACA,4KACA,iSACA,6KASA,iFACA,0FACA,iGACA,oNAIA,kGACA,kHAEA,oYAWA,gEACA,8SASA,sSAQA,uHAOA,wIAMA,gHACA,sGACA,kjBAMA,wJACA,yPACA,+iBAMA,sJACA,iRACA,qLACA,4JACA,kSAEA,gmCAkBA,6VAOA,kNACA,oEACA,2NACA,+KAMA,wKAEA,iGACA,6BAAgC,wJAChC,uCAA0C,iIAA0I,0DACpL,8BAAiC,4GAAwH,yLAAkO,0EAAgF,qKIpN3c,wmGAqDA,oIAIA,8MAKA,mNAOA,+MAOA,+DACA,mEACA,6DAEA,6GAIA,mKAMA,ojBAOA,+OAIA,wVAOA,s2BAcA,gcAQA,sKAKA,yMAKA,8IAIA,wJAIA,iJAKA,yFAEA,kMAKA,qhBAYA,qsBAcA,+kBAuBA,qLAKA,6HAEA,+LAMA,8GAIA,4NAKA,kJACA,6KACA,uKAEA,2IAMA,+WAaA,oKAKA,gQAKA,2NAKA,0JACA,oJAEA,qeAgBA,sJAEA,4QAcA,8CACE,kUAMF,6CACE,oKAMF,8BACE,ioBAgBA,qEQ/UF,gwDA0CA,sKAMA,uJAKA,0FAIA,8BACE,oOG1DF,ukBAuBA,0FACA,kJACA,iGACA,uHACA,kFACA,2DACA,wEACA,wIACA,mMACA,gDACA,sLACA,iVACA,oEACA,uCACA,iEACA,kDACA,uCAA0C,gHAC1C,8BAAiC,2HGxCjC,2oBAkBA,kSASA,mJAMA,uHAMA,2MAUA,gIAKA,2JAOA,sKAOA,gFAKA,qGAOA,2FAMA,gLAMA,0KAMA,kGAMA,oDAIA,iIAIA,8HAIA,yJAMA,6IAKA,2IAKA,qEAIA,gLAMA,2KAMA,gEACA,iEACA,+DACA,gEACA,8DAEA,6DACA,uFACA,gEAEA,6KAIA,0KAIA,oKAIA,6KAIA,6KAIA,0KAKA,4FAKA,oFAKA,uCACE,oEAIA,iHAMF,8BACE,8FAKA,4CACA,iD5FnNF,8iBAiBA,2EAMA,kLAQA,2HAMA,wEAIA,2HAKA,8FAIA,4FAIA,gNAQA,giBAmBA,ybAcA,uEACA,yEACA,uEACA,uEACA,uEAEA,wFACA,wFAEA,6EACA,+EAEA,4GACA,2GACA,uGACA,6GACA,6GACA,2GAEA,mEAIA,uCACE,4EAMF,8BACE,gDACA,oDO/HF,+jCA6BA,4DACA,uGAGA,iIAKA,qHAOA,oPAMA,iPAMA,wNAQA,iLAOA,+KAOA,4JAQA,2JAMA,0JAMA,mRAeA,kcAYA,qHAIA,wGAGA,mHAKA,4CACA,yDACA,gMAKA,iUASA,4OAQA,sLAIA,+PAOA,+FACA,kGACA,2FACA,8GACA,uGACA,uQAOA,iMAMA,oQAQA,+rBAmBA,uKAMA,gGACA,+FACA,6RAMA,sJACA,wCACA,qEACA,iEAEA,uCAA0C,6CAC1C,8BACE,uCACA,sEACA,0CACA,qFACA,mDACA,qEACA,sGACA,uCACA,gFIvPF,0WAeA,kLAKA,wRAYA,2LAOA,gLASA,0DACA,oEACA,+IAKA,oGAIA,mKAWA,sLAIA,4IAIA,mFACA,sGACA,2FACA,+IACA,wCACA,oEACA,gEAEA,upBAoBA,0WASA,0ZAUA,sGAIA,iOASA,6DAEA,wCACE,8GAIF,uCAA0C,8CAC1C,8BACE,uCACA,+CACA,6CACA,8DACA,uCACA,mEACA,uCACA,gDI1JF,4rCA2BA,qDACA,kEAEA,0rBAkBA,iLAMA,iGACA,gGACA,8JAGA,odAkBA,kGACA,gMAKA,qHASA,0DAEA,wYAaA,oJAQA,uLAOA,kUAeA,uIACA,+LAIA,oEACA,oGAEA,6OAMA,8OAOA,2KAEA,+MAGA,uCAA0C,8CAE1C,8BACE,4CACA,iHACA,+FACA,mEACA,4HACA,6FACA,qJI5KF,24BA0BA,0EACA,6JAIA,oIAGA,sIAGA,yIAGA,oIAGA,+FAKA,27CAoCA,8FAIA,2HAIA,yJAIA,qJAIA,yJAIA,gJAKA,wEACA,0EACA,kIAIA,uDACA,uCAEA,qFAIA,mJAGA,wJAGA,6FAGA,yGACA,yGACA,yGACA,uLAGA,iMAGA,uLAGA,sHAGA,0NAGA,0NAGA,0NAIA,uIAOA,kJASA,uPASA,wFAKA,sDACA,8EAEA,wQAMA,8OAMA,4HACA,oHAOA,+VASA,4TAeA,qIACA,2GACA,6GACA,wIAGA,yDAEA,sBACE,2NAOF,uCACE,6BACA,kFAEA,0DAGF,8BACE,iHACA,6EAGA,uEACA,8FItQF,06CA8BA,oQAMA,4GAIA,8mBAYA,+mBAYA,iJASA,sGAKA,mJAIA,wxBAyBA,6HACA,wGACA,2KACA,wFAEA,qWAWA,4XAaA,gFACA,kGAEA,qIAMA,qJACA,uJACA,qMAEA,4IAIA,6IACA,gJACA,6DACA,yKAKA,uFACA,wFACA,mGACA,oGAEA,uCACE,6CACA,qDAGF,8BACE,wFACA,0HACA,4CACA,kEI/KF,+3CA4BA,4PACA,kHACA,0lBACA,2lBACA,oJACA,oDACA,8CACA,woBACA,yHACA,oGACA,yRACA,uSACA,mMACA,sFACA,0DACA,8UACA,gEACA,8FACA,iIACA,iJACA,mJACA,+LACA,mMACA,yOACA,mGACA,6GACA,gQACA,+IACA,6IACA,uIACA,0IACA,2DACA,sIACA,qFACA,sFACA,iGACA,kGACA,uCAA0C,2CAAiD,mDAC3F,8BAAiC,+HAAyI,0CAAgD,gEIlE1N,izEAgDA,+CAIA,4DAIA,mHAKA,+MAMA,4IAOA,sDAIA,4EAIA,mNAOA,qXAUA,wcAoBA,4FAKA,kMAUA,iEAIA,2FAKA,+GAMA,4XAgBA,6CAIA,oNAUA,oJAMA,oGAIA,wNAOA,uHAKA,iDAIA,8CAIA,kHAKA,sIAKA,wCACE,+PAUA,sJAMF,uCACE,qCAKF,8BACE,wEAMA,4GAKA,yFAKA,6GAMA,qCIzQF,usBACA,sDACA,sKACA,kLACA,oEAA2E,0FAC3E,qGAA4G,qGAC5G,uRACA,qPACA,yCAA8C,yCAC9C,sIACA,qJACA,2JACA,+GACA,qKACA,gEACA,wCAA0C,+HAC1C,wBACE,4FAEF,8BAAgC,+EAAsF,oHInBvH,gMACA,uFAA0F,uFAA0F,wDACpL,oEAAqE,oEACrE,oWACA,sJAAyJ,2KACzJ,uIAAyI,kMAAoM,uKAC7U,mLAAoL,iFAAkF,kHAAkH,mEACxX,8BAA6B,kFAAkF,gHIP9G,koCA8BA,+DAIA,wOAMA,wJAOA,yEAIA,+FAIA,0GAIA,0GAIA,qPAeA,mSAcA,2LAMA,yGAOA,4KAUA,0KAMA,+HAMA,6IAOA,gEAIA,wCACE,+TAUA,0IAMF,uCACE,qDAKF,8BACE,wFAMA,6HzCxKF,osEAwCA,kDACA,+DACA,2NAKA,qJAKA,4DACA,iLAKA,6UAQA,+ZAmBA,sEACA,8EACA,kFACA,sEACA,kGAEA,+VAWA,+FAEA,6JAIA,6GACA,oNAKA,iHACA,oDACA,iDAEA,wCACE,wPAKF,uCACE,wCAEF,8BACE,2EACA,sHACA,6EACA,iGACA,mDIpIF,soFAiDA,wDACA,qEACA,mPACA,uKACA,wEACA,8FACA,yoBACA,ypBAEA,gGACA,oFACA,4RACA,mFACA,+MAEA,0LACA,4FACA,kOACA,+GAEA,2mDAkCA,8GACA,8GAEA,iLACA,gFACA,8TACA,8ZACA,gGACA,8IACA,oHACA,iEACA,iKACA,gLACA,8TACA,2HACA,2IACA,qPACA,iEACA,6DACA,6DACA,+DACA,iGACA,0FACA,8FACA,6FAEA,wCACE,8LACA,0GAEF,uCAA0C,iEAC1C,8BACE,uGACA,kKACA,sDACA,4GACA,kDACA,+CI5IF,81FAiDA,8DACA,2EACA,2QACA,yLACA,oFACA,0GACA,qsBACA,qtBAEA,sGACA,gGACA,oTACA,+FACA,2NAEA,4MACA,wGACA,0PACA,2HAEA,6wDAkCA,0HACA,0HAEA,6LACA,4FACA,gVACA,kcACA,4GACA,+JACA,gIACA,uEACA,mLACA,kMACA,4VACA,6IACA,6JACA,uQACA,uEACA,mEACA,mEACA,qEACA,6GACA,sGACA,0GACA,yGAEA,wCACE,gNACA,sHAEF,uCAA0C,6EAC1C,8BACE,mHACA,8KACA,4DACA,wHACA,6DACA,qDI5IF,gtCAIA,0DAA0D,uEAAuE,kKAAoK,6JAA+J,oEAAsE,0FAA4F,kKAAoK,kKAC1wB,gPAAwP,2EAA2E,uLAAuL,4GAA4G,0KAA0K,+GAChxB,wQAAoR,iEAAiE,gDAAgD,uKAAuK,oLAAkL,4FAA8F,oDAC5zB,6jBAA6jB,kHAAoH,kHAAoH,6KAA6K,oFAAoF,gQAAgQ,kFAAkF,6WAA6W,uKAAkM,yDAA4D,iFAAiF,uIAAyI,uGAAuG,6FACpyE,wCAAwC,gIAAgI,2FAA2F,uCAAuC,0EAA2E,8BAA8B,2GAA2G,gLAAgL,mDAAmD,0DIRjuB,yyBAsBA,6XAQA,+YAQA,+YAQA,+YAQA,mYAQA,mYAQA,mYAQA,6XAQA,6XAQA,6XAQA,maASA,sBACE,gYAQA,kZAQA,kZAQA,kZAQA,sYAQA,sYAQA,sYAQA,gYAQA,gYAQA,gYAQA,gYAQA,uaAUF,sBACE,gYAQA,kZAQA,kZAQA,kZAQA,sYAQA,sYAQA,sYAQA,gYAQA,gYAQA,gYAQA,gYAQA,uaAUF,sBACE,gYAQA,kZAQA,kZAQA,kZAQA,sYAQA,sYAQA,sYAQA,gYAQA,gYAQA,gYAQA,gYAQA,uaAUF,sBACE,gYAQA,kZAQA,kZAQA,kZAQA,sYAQA,sYAQA,sYAQA,gYAQA,gYAQA,gYAQA,gYAQA,uaAUF,sBACE,4VAKF,sBACE,4VAKF,sBACE,4VAKF,sBACE,4VAKF,oEAIA,2FAIA,mFAIA,qFAIA,iFAIA,uFAIA,uFAIA,qFAIA,kEAIA,2FAIA,yFAIA,6FAIA,kEAIA,4EAIA,4EAIA,8EAIA,+CAIA,iDAIA,2CAIA,sBACE,kDACA,oDACA,+CAGF,sBACE,kDACA,oDACA,+CAGF,sBACE,kDACA,oDACA,+CAGF,sBACE,kDACA,oDACA,+CAGF,+CAIA,iDAIA,+CAIA,qHAQA,+GAOA,sDAIA,sDAIA,sDAIA,sDAIA,sDAIA,8BACE,yEIvqBF,gsCA+BA,8FAIA,kGAIA,8LAMA,mEAIA,+HAKA,iGAIA,4NAMA,2JAMA,gTAOA,gTAOA,gTAOA,0HAIA,uCAIA,2LAUA,mEAKA,8BACE,wLInHF,saAcA,4MAWA,qIASA,sEAMA,8JAKA,sKAKA,iMAMA,iDAIA,uCACE,wCAKF,8BACE,qIInEF,00CAiCA,4DACA,6DACA,iEACA,iEACA,mEACA,2EACA,2EACA,2EACA,2EAEA,oFAKA,ibASA,ibASA,gIAKA,oOAKA,qNAQA,6GAIA,wFAEA,qFAIA,uPAMA,sGAEA,oMAKA,yNASA,iGAKA,4EAEA,yVAWA,gPAOA,6IASA,mCACA,mCACA,wDACA,qDACA,mDAEA,sHAQA,iUASA,2WASA,yHAKA,8BACE,wMAIA,+DAAA,4CIhMF,uoDAoCA,2NAOA,07BAuBA,mIAIA,sHAIA,2GAIA,mKAMA,gGAKA,6NAOA,uLAUA,urBAqBA,wDAEA,iHAGA,4OAMA,iOAMA,gJAMA,wLAQA,0EAEA,kKAKA,gLACA,6KAEA,oKAKA,mLACA,gLAEA,kRAOA,kRAOA,uCACE,sDAGF,8BACE,kIAEA,6EACA,kHAEA,8DIxMF,wJASA,y7CAgCA,+KACA,+KACA,yFAEA,mFACA,uGACA,+GAEA,kXAWA,+LACA,iEACA,8FACA,qFACA,uHACA,yOAEA,sPAGA,wJACA,yNACA,4VAEA,wVAEA,kSAEA,4LACA,yLACA,qOACA,kOAEA,sLAEA,8MACA,8JACA,kGACA,kGAEA,8BACE,gQI3FF,4JACA,2uDA4BA,qOACA,sOACA,iGACA,kGACA,2FACA,+GACA,uHACA,uZACA,oNACA,yEACA,0MACA,oGACA,8FACA,kIACA,wKACA,uQACA,gYAEA,4XAEA,4VAEA,gNACA,6MACA,6PACA,0PACA,2MACA,sNACA,kOACA,kPACA,mRACA,kKACA,mHACA,mHACA,8BACE,oaIhEF,4JASA,++DAwCA,6XAUA,+XAUA,iGACA,kGAEA,2FACA,+GACA,uHAEA,4bAWA,oNACA,8GACA,kOACA,0DACA,0DACA,0DACA,0DACA,0DACA,0DACA,0DACA,0DACA,4DAEA,uOACA,iIACA,2HACA,+JAEA,sLACA,iUACA,0NACA,0PACA,uPAEA,wMACA,mNACA,4PACA,+QAEA,wYACA,kMACA,2FACA,yFACA,2DACA,6GAEA,mRACA,mHACA,mHAEA,uCAA0C,6CAC1C,8BACE,gdACA,iIACA,2H3CnIF,urDAuCA,yFAIA,2HAKA,ibAUA,4FAOA,uDACA,uDACA,uDACA,uDACA,uDACA,uDACA,uDACA,uDACA,yDAEA,qbAcA,gGAIA,wJAKA,gJAIA,yHAIA,2JAKA,+PAWA,wJAUA,4GAIA,0GAIA,sDAIA,8HAIA,yCAIA,uDAKA,iUASA,uCACE,wCAGF,8BACE,oRASA,0GACA,qFErLF,iyBAwBA,mLAMA,wGAIA,6FAKA,8JAIA,0ZAaA,8MAMA,4EAIA,uCACE,0CAGF,8BACE,kJAKA,yDI5EF,osCA6BA,kGAIA,2iBAcA,oFAIA,mGAIA,qZAcA,qEACA,iEAEA,wJAKA,iDACA,oDAEA,uCACE,uDAGF,8BACE,oEACA,qEACA,mEIvFF,i+BA2BA,yGACA,iGACA,4JACA,0IACA,uIACA,qsBAMA,oKACA,oKACA,yIACA,8OACA,uNAQA,8vBAcA,ywCAqBA,6TAMA,kPAKA,6IACA,+LAIA,4FACA,+MAKA,6JACA,8OAIA,2LAMA,qLACA,uKACA,wCACE,wJACA,0JACA,yOAIA,uKAEF,uCAA0C,iGAC1C,8BAAiC,uCAA6C,wEIlI9E,2zEA0CA,+JAKA,uNAMA,kMAKA,ghBAUA,ghBAUA,iQAcA,0GAOA,muBAqBA,saAWA,sKAMA,qRAIA,0RAIA,4MAMA,oNAKA,yNAKA,uPAOA,oTAUA,wHACA,mHAEA,uCACE,oGAKF,8BACE,2GACA,8IAGA,+PIhMF,mkDAkCA,wDAKA,qQAOA,sGACA,sGACA,+DAEA,wGACA,oGAEA,2WAQA,4TAOA,oSAOA,yQAaA,0DAEA,uKAKA,gSAUA,qGAIA,mFAIA,2EAMA,wEAIA,gIAQA,qHAIA,0LAQA,6IAIA,mdAcA,mEAIA,kIAIA,wMAKA,4TAKA,unCA6BA,+KACA,+KACA,+KACA,+KACA,+KACA,4KACA,wKAEA,yPAOA,2LAMA,6JAMA,2MAIA,sSAQA,4IAGA,8FAGA,yDACA,8IAEA,gHAEA,qOAWA,sPASA,oEAKA,0VAgBA,qUAQA,0LAKA,qHAMA,qLAMA,gIACA,yGAEA,uCACE,+CACA,sIAMF,wCACE,yFAIA,yJAKF,8BACE,gEACA,2HACA,0GAGA,kDACA,kGIhWF,4YAiBA,uCAIA,mJAKA,2FACA,yHACA,mHAEA,iDACA,mDACA,6CACA,uDACA,yDACA,mDACA,iEACA,+DACA,+DACA,uCAEA,sFAOA,mEAEA,6CACA,4CACA,4CACA,4CACA,4CACA,4CACA,yDACA,qDACA,uDACA,iDACA,2DAEA,sBACE,4JACA,sJACA,wDACA,oDACA,sDACA,gDACA,0DACA,0DACA,4DACA,sDACA,oEACA,kEACA,kEACA,+CACA,kDACA,oDACA,gDACA,+CACA,+CACA,+CACA,+CACA,+CACA,sDACA,4DACA,wDACA,0DACA,oDACA,+DAGF,sBACE,4JACA,sJACA,wDACA,oDACA,sDACA,gDACA,0DACA,0DACA,4DACA,sDACA,oEACA,kEACA,kEACA,+CACA,kDACA,oDACA,gDACA,+CACA,+CACA,+CACA,+CACA,+CACA,sDACA,4DACA,wDACA,0DACA,oDACA,+DAGF,sBACE,4JACA,sJACA,wDACA,oDACA,sDACA,gDACA,0DACA,0DACA,4DACA,sDACA,oEACA,kEACA,kEACA,+CACA,kDACA,oDACA,gDACA,+CACA,+CACA,+CACA,+CACA,+CACA,sDACA,4DACA,wDACA,0DACA,oDACA,+DAGF,sBACE,4JACA,sJACA,wDACA,oDACA,sDACA,gDACA,0DACA,0DACA,4DACA,sDACA,oEACA,kEACA,kEACA,+CACA,kDACA,oDACA,gDACA,+CACA,+CACA,+CACA,+CACA,+CACA,sDACA,4DACA,wDACA,0DACA,oDACA,+DAYF,sBACE,8HACA,sKACA,+JAGF,sBACE,8HACA,sKACA,+JAGF,sBACE,8HACA,sKACA,+JAGF,sBACE,8HACA,sKACA,+JIxNF,mRAaA,8DAIA,sDAKA,uDAKA,kCAIA,4CAIA,6CAIA,wEAIA,yIAMA,wGAKA,uMAOA,kJAKA,uIAMA,sGAKA,oMAOA,+IIpFA,6mBAmBA,oZAUA,oZAUA,wEACA,wEACA,yEAEA,gHAOA,kNAMA,4IAKA,8MAKA,2EAMA,yHAKA,8DAEA,sBACE,0GACA,qNACA,gJAGF,sBACE,0GACA,qNACA,gJAGF,sBACE,0GACA,qNACA,gJAGF,sBACE,0GACA,qNACA,gJAGF,8BACE,kFAGA,8EI3GF,8KAWA,4EAOA,mDACA,qDACA,+CACA,uDACA,yDACA,mDACA,mDAEA,+JAQA,2IACA,kDACA,iDACA,2DACA,uDACA,yDACA,mDACA,+DACA,2DACA,6DACA,uDAEA,sBACE,mKACA,0DACA,sDACA,wDACA,kDACA,8DACA,0DACA,4DACA,sDACA,wDACA,8DACA,0DACA,4DACA,sDACA,4DACA,kEACA,8DACA,gEACA,2DAGF,sBACE,mKACA,0DACA,sDACA,wDACA,kDACA,8DACA,0DACA,4DACA,sDACA,wDACA,8DACA,0DACA,4DACA,sDACA,4DACA,kEACA,8DACA,gEACA,2DAGF,sBACE,mKACA,0DACA,sDACA,wDACA,kDACA,8DACA,0DACA,4DACA,sDACA,wDACA,8DACA,0DACA,4DACA,sDACA,4DACA,kEACA,8DACA,gEACA,2DAGF,sBACE,mKACA,0DACA,sDACA,wDACA,kDACA,8DACA,0DACA,4DACA,sDACA,wDACA,8DACA,0DACA,4DACA,sDACA,4DACA,kEACA,8DACA,gEACA,2DInIF,4cAqBA,sCAIA,iIAQA,qDACA,qDACA,qDACA,qDACA,qDACA,qDACA,qDACA,qDACA,uDACA,uDACA,uDAEA,mEAIA,oEAIA,oEAIA,oEAIA,oEAGA,wFACA,qGACA,8GAEA,gDACA,kDACA,4CACA,sDACA,oDACA,sDACA,gDAEA,iDAKA,iYAeA,wDACA,oDACA,sDACA,gDACA,0DACA,4DACA,wDACA,0DACA,oDAEA,yGAKA,2EACA,2EACA,2EACA,2EACA,2EACA,2EACA,2EACA,2EACA,2EACA,6EACA,6EACA,6EAEA,qEACA,qEACA,qEACA,qEACA,qEACA,qEACA,qEACA,qEACA,qEACA,uEACA,uEACA,uEAEA,yEACA,yEACA,yEACA,yEACA,yEACA,yEACA,yEACA,yEACA,yEACA,2EACA,2EACA,2EACA,2EAEA,qEACA,qEACA,qEACA,qEACA,qEACA,qEACA,qEACA,qEACA,qEACA,uEACA,uEACA,uEACA,uEAEA,mEACA,mEACA,mEACA,mEACA,mEACA,mEACA,mEACA,mEACA,mEACA,qEACA,qEACA,qEACA,qEAEA,+DACA,+DACA,+DACA,+DACA,+DACA,+DACA,+DACA,+DACA,+DACA,iEACA,iEACA,iEACA,iEAEA,sBACE,wDACA,wDACA,wDACA,wDACA,wDACA,wDACA,wDACA,wDACA,wDACA,0DACA,0DACA,0DACA,uDACA,mDACA,qDACA,+CACA,yDACA,2DACA,uDACA,yDACA,mDACA,qDACA,2DACA,uDACA,yDACA,mDACA,6DACA,yDACA,+DACA,2DACA,6DACA,uDACA,4GACA,kHACA,kHACA,kHACA,kHACA,kHACA,kHACA,kHACA,kHACA,kHACA,oHACA,oHACA,oHACA,yGACA,yGACA,yGACA,yGACA,yGACA,yGACA,yGACA,yGACA,yGACA,2GACA,2GACA,4GAGF,sBACE,wDACA,wDACA,wDACA,wDACA,wDACA,wDACA,wDACA,wDACA,wDACA,0DACA,0DACA,0DACA,uDACA,mDACA,qDACA,+CACA,yDACA,2DACA,uDACA,yDACA,mDACA,qDACA,2DACA,uDACA,yDACA,mDACA,6DACA,yDACA,+DACA,2DACA,6DACA,uDACA,4GACA,kHACA,kHACA,kHACA,kHACA,kHACA,kHACA,kHACA,kHACA,kHACA,oHACA,oHACA,oHACA,yGACA,yGACA,yGACA,yGACA,yGACA,yGACA,yGACA,yGACA,yGACA,2GACA,2GACA,4GAGF,sBACE,wDACA,wDACA,wDACA,wDACA,wDACA,wDACA,wDACA,wDACA,wDACA,0DACA,0DACA,0DACA,uDACA,mDACA,qDACA,+CACA,yDACA,2DACA,uDACA,yDACA,mDACA,qDACA,2DACA,uDACA,yDACA,mDACA,6DACA,yDACA,+DACA,2DACA,6DACA,uDACA,4GACA,kHACA,kHACA,kHACA,kHACA,kHACA,kHACA,kHACA,kHACA,kHACA,oHACA,oHACA,oHACA,yGACA,yGACA,yGACA,yGACA,yGACA,yGACA,yGACA,yGACA,yGACA,2GACA,2GACA,4GAGF,sBACE,wDACA,wDACA,wDACA,wDACA,wDACA,wDACA,wDACA,wDACA,wDACA,0DACA,0DACA,0DACA,uDACA,mDACA,qDACA,+CACA,yDACA,2DACA,uDACA,yDACA,mDACA,qDACA,2DACA,uDACA,yDACA,mDACA,6DACA,yDACA,+DACA,2DACA,6DACA,uDACA,4GACA,kHACA,kHACA,kHACA,kHACA,kHACA,kHACA,kHACA,kHACA,kHACA,oHACA,oHACA,oHACA,yGACA,yGACA,yGACA,yGACA,yGACA,yGACA,yGACA,yGACA,yGACA,2GACA,2GACA,4GAGF,sBACE,0HACA,2GACA,qHAGF,sBACE,0HACA,2GACA,qHAGF,sBACE,0HACA,2GACA,qHAGF,sBACE,0HACA,2GACA,qHItcF,0sBAqBA,8GAIA,8GAIA,wGAIA,0GAIA,uGAIA,mGAIA,mGI7CA,qfAgBA,+GAKA,0FACA,sFACA,sFACA,sFACA,0FAEA,sGACA,kGACA,kGACA,kGACA,kGACA,sGAEA,kGACA,8FACA,8FACA,8FACA,8FACA,kGAEA,sBACE,6FACA,yFACA,yFACA,yFACA,yFACA,6FACA,yGACA,qGACA,qGACA,qGACA,qGACA,yGACA,qGACA,iGACA,iGACA,iGACA,iGACA,sGAGF,sBACE,6FACA,yFACA,yFACA,yFACA,yFACA,6FACA,yGACA,qGACA,qGACA,qGACA,qGACA,yGACA,qGACA,iGACA,iGACA,iGACA,iGACA,sGAGF,sBACE,6FACA,yFACA,yFACA,yFACA,yFACA,6FACA,yGACA,qGACA,qGACA,qGACA,qGACA,yGACA,qGACA,iGACA,iGACA,iGACA,iGACA,sGAGF,sBACE,6FACA,yFACA,yFACA,yFACA,yFACA,6FACA,yGACA,qGACA,qGACA,qGACA,qGACA,yGACA,qGACA,iGACA,iGACA,iGACA,iGACA,sGY1HF,uCACA,qBAAyB,kDACzB,qBAAyB,kDACzB,qBAAyB,kDACzB,qBAAyB,kDIJzB,uCACA,sBAA0B,kDAC1B,sBAA0B,kDAC1B,sBAA0B,kDAC1B,sBAA0B,kDIJ1B,o4DA0DA,sGAQA,gHAQA,gDAKA,yGAOA,0HAMA,8NAUA,wLAOA,8LAOA,gLAQA,0OAgBA,wLAQA,gLAQA,2KAQA,sEAMA,+FAIA,+FAIA,+FAIA,wNAMA,qFAIA,6FAIA,mGAIA,+FAIA,6DAIA,qFAIA,oFAIA,oFAIA,oFAIA,oFAIA,wFAIA,sBACE,2FACA,uFACA,uFACA,uFACA,uFACA,4FAGF,sBACE,2FACA,uFACA,uFACA,uFACA,uFACA,4FAGF,sBACE,2FACA,uFACA,uFACA,uFACA,uFACA,4FAGF,sBACE,2FACA,uFACA,uFACA,uFACA,uFACA,4FAGF,8BACE,yDAKA,oMIlRF,sZAgBA,6LAMA,mLAOA,gDAIA,iEAIA,iEAIA,yEAIA,uEAIA,iKAKA,gKAKA,6JAKA,4JAKA,4KAQA,+IAMA,8WAWA,gJAMA,8IAMA,8BACE,iDI3GF,2KAQA,6OAUA,4EACA,8EACA,iEAEA,qGACA,8HACA,gIACA,wHACA,8HACA,iNAIA,gLAKA,8BACE,uIAEA,mEIvCF,ixCA8BA,kKAOA,oEACA,gKAIA,gKAKA,8BACE,oHIhDF,uyCA2BA,iKAKA,+GAKA,2jBAUA,gPASA,qSASA,8NAKA,4GAOA,mDAEA,+FAKA,uZAaA,8HAMA,0FAMA,6IAKA,6SAOA,6EAEA,8BACE,8SK5HF,62EA0CA,obAeA,saAUA,4aAUA,4IAUA,2DAMA,61BAwBA,wHAIA,mNAMA,oKAKA,kNAMA,2MAMA,+KAKA,4IAIA,4JAIA,4JAKA,4KAKA,2IAKA,uFAIA,6IAIA,kLAIA,6JAMA,uOAWA,6OAKA,4GAKA,6FAOA,uGAMA,uTAQA,oHAOA,wbAWA,gDAIA,wXAYA,wFAIA,mDAIA,mEAIA,kLAKA,oLAKA,mEAIA,qIAIA,wNAOA,8GAKA,4FAKA,6FAKA,8CACE,iFAKF,uCACE,2DAKF,8BACE,+RASA,sHGpVF,4gCA2BA,gGACA,gGACA,+FACA,6GACA,6GACA,mGAEA,iHACA,oEACA,mEAEA,2KAMA,sFAIA,mGAIA,uGAIA,qaAgBA,gKAIA,2KACA,sMACA,mKACA,2FAEA,0NAEA,0GACA,4GACA,0OACA,uCAEA,uZAcA,0FACA,kKACA,wFAEA,8CACE,qNACA,yNAGF,8BACE,+FACA,mEACA,gE5FnHJ,uBoDCE,8+CAyCA,sBACE,6iBAUF,sBACE,swBAUF,sBACE,+9BAUF,sBACE,wrCI3EF,iUASA,sBACE,gaAQF,sBACE,siBAQF,sBACE,4qBAQF,sBACE,mzBxDtCJ","sources":["home/runner/work/brick/brick/.brick-cache/production/styles.source.css","home/runner/work/brick/brick/.brick-cache/production/../../src/styles/layers.css","home/runner/work/brick/brick/.brick-cache/production/../../src/components/tree/tree.css","home/runner/work/brick/brick/.brick-cache/production/../../src/components/textarea/textarea.css","home/runner/work/brick/brick/.brick-cache/production/../../src/components/progress-circle/progress-circle.css","home/runner/work/brick/brick/.brick-cache/production/tokens.source.css","home/runner/work/brick/brick/.brick-cache/production/../../src/components/feed/feed.css","home/runner/work/brick/brick/.brick-cache/production/../../src/components/select/select.css","home/runner/work/brick/brick/.brick-cache/production/../../src/components/slider/slider.css","home/runner/work/brick/brick/.brick-cache/production/../../src/styles/foundations.css","home/runner/work/brick/brick/.brick-cache/production/../../src/components/swipeable-item/swipeable-item.css","home/runner/work/brick/brick/.brick-cache/production/../../src/components/multi-select/multi-select.css","home/runner/work/brick/brick/.brick-cache/production/../../src/components/rating/rating.css","home/runner/work/brick/brick/.brick-cache/production/../../src/components/appearance/appearance.css","home/runner/work/brick/brick/.brick-cache/production/../../src/components/toolbar/toolbar.css","home/runner/work/brick/brick/.brick-cache/production/../../src/components/combobox/combobox.css","home/runner/work/brick/brick/.brick-cache/production/../../src/components/file-upload/file-upload.css","home/runner/work/brick/brick/.brick-cache/production/../../src/components/_action-spinner/action-spinner.css","home/runner/work/brick/brick/.brick-cache/production/../../src/components/pagination/pagination.css","home/runner/work/brick/brick/.brick-cache/production/../../src/components/text/text.css","home/runner/work/brick/brick/.brick-cache/production/../../src/components/toast/toast.css","home/runner/work/brick/brick/.brick-cache/production/../../src/components/button/button.css","home/runner/work/brick/brick/.brick-cache/production/../../src/components/carousel/carousel.css","home/runner/work/brick/brick/.brick-cache/production/../../src/components/link/link.css","home/runner/work/brick/brick/.brick-cache/production/../../src/components/collapsible/collapsible.css","home/runner/work/brick/brick/.brick-cache/production/../../src/components/icon-button/icon-button.css","home/runner/work/brick/brick/.brick-cache/production/../../src/components/stack/stack.css","home/runner/work/brick/brick/.brick-cache/production/../../src/components/link-box/link-box.css","home/runner/work/brick/brick/.brick-cache/production/../../src/components/accordion/accordion.css","home/runner/work/brick/brick/.brick-cache/production/../../src/components/icon/icon.css","home/runner/work/brick/brick/.brick-cache/production/../../src/components/group/group.css","home/runner/work/brick/brick/.brick-cache/production/../../src/components/list/list.css","home/runner/work/brick/brick/.brick-cache/production/../../src/components/input/input.css","home/runner/work/brick/brick/.brick-cache/production/../../src/components/image/image.css","home/runner/work/brick/brick/.brick-cache/production/../../src/components/data-list/data-list.css","home/runner/work/brick/brick/.brick-cache/production/../../src/components/reorderable-list/reorderable-list.css","home/runner/work/brick/brick/.brick-cache/production/../../src/components/number-input/number-input.css","home/runner/work/brick/brick/.brick-cache/production/../../src/components/aspect-ratio/aspect-ratio.css","home/runner/work/brick/brick/.brick-cache/production/../../src/components/z-stack/z-stack.css","home/runner/work/brick/brick/.brick-cache/production/../../src/components/table/table.css","home/runner/work/brick/brick/.brick-cache/production/../../src/components/otp-field/otp-field.css","home/runner/work/brick/brick/.brick-cache/production/../../src/components/app-bar/app-bar.css","home/runner/work/brick/brick/.brick-cache/production/../../src/components/grid/grid.css","home/runner/work/brick/brick/.brick-cache/production/../../src/components/data-grid/data-grid.css","home/runner/work/brick/brick/.brick-cache/production/../../src/components/password-toggle-field/password-toggle-field.css","home/runner/work/brick/brick/.brick-cache/production/../../src/components/card/card.css","home/runner/work/brick/brick/.brick-cache/production/../../src/components/container/container.css","home/runner/work/brick/brick/.brick-cache/production/../../src/components/tree-grid/tree-grid.css","home/runner/work/brick/brick/.brick-cache/production/../../src/styles/floating-arrow.css","home/runner/work/brick/brick/.brick-cache/production/../../src/components/dialog/dialog.css","home/runner/work/brick/brick/.brick-cache/production/../../src/components/section/section.css","home/runner/work/brick/brick/.brick-cache/production/../../src/components/breadcrumb/breadcrumb.css","home/runner/work/brick/brick/.brick-cache/production/../../src/components/tooltip/tooltip.css","home/runner/work/brick/brick/.brick-cache/production/../../src/components/alert-dialog/alert-dialog.css","home/runner/work/brick/brick/.brick-cache/production/../../src/components/frame/frame.css","home/runner/work/brick/brick/.brick-cache/production/../../src/components/tabs/tabs.css","home/runner/work/brick/brick/.brick-cache/production/../../src/components/hover-card/hover-card.css","home/runner/work/brick/brick/.brick-cache/production/../../src/components/drawer/drawer.css","home/runner/work/brick/brick/.brick-cache/production/../../src/components/bleed/bleed.css","home/runner/work/brick/brick/.brick-cache/production/../../src/components/_action-menu/action-menu.css","home/runner/work/brick/brick/.brick-cache/production/../../src/components/popover/popover.css","home/runner/work/brick/brick/.brick-cache/production/../../src/components/badge/badge.css","home/runner/work/brick/brick/.brick-cache/production/../../src/components/show/show.css","home/runner/work/brick/brick/.brick-cache/production/../../src/components/dropdown-menu/dropdown-menu.css","home/runner/work/brick/brick/.brick-cache/production/../../src/components/form/form.css","home/runner/work/brick/brick/.brick-cache/production/../../src/components/chip/chip.css","home/runner/work/brick/brick/.brick-cache/production/../../src/components/hide/hide.css","home/runner/work/brick/brick/.brick-cache/production/../../src/components/context-menu/context-menu.css","home/runner/work/brick/brick/.brick-cache/production/../../src/components/field/field.css","home/runner/work/brick/brick/.brick-cache/production/../../src/components/avatar/avatar.css","home/runner/work/brick/brick/.brick-cache/production/../../src/components/surface/surface.css","home/runner/work/brick/brick/.brick-cache/production/../../src/components/menubar/menubar.css","home/runner/work/brick/brick/.brick-cache/production/../../src/components/fieldset/fieldset.css","home/runner/work/brick/brick/.brick-cache/production/../../src/components/status/status.css","home/runner/work/brick/brick/.brick-cache/production/../../src/components/divider/divider.css","home/runner/work/brick/brick/.brick-cache/production/../../src/components/navigation-menu/navigation-menu.css","home/runner/work/brick/brick/.brick-cache/production/../../src/components/checkbox/checkbox.css","home/runner/work/brick/brick/.brick-cache/production/../../src/components/color-swatch/color-swatch.css","home/runner/work/brick/brick/.brick-cache/production/../../src/components/scroll-area/scroll-area.css","home/runner/work/brick/brick/.brick-cache/production/../../src/components/bottom-navigation/bottom-navigation.css","home/runner/work/brick/brick/.brick-cache/production/../../src/components/checkbox-group/checkbox-group.css","home/runner/work/brick/brick/.brick-cache/production/../../src/components/color-picker/color-picker.css","home/runner/work/brick/brick/.brick-cache/production/../../src/components/code/code.css","home/runner/work/brick/brick/.brick-cache/production/../../src/components/visually-hidden/visually-hidden.css","home/runner/work/brick/brick/.brick-cache/production/../../src/components/radio-group/radio-group.css","home/runner/work/brick/brick/.brick-cache/production/../../src/components/toggle/toggle.css","home/runner/work/brick/brick/.brick-cache/production/../../src/components/skip-link/skip-link.css","home/runner/work/brick/brick/.brick-cache/production/../../src/components/code-block/code-block.css","home/runner/work/brick/brick/.brick-cache/production/../../src/components/segment-group/segment-group.css","home/runner/work/brick/brick/.brick-cache/production/../../src/components/toggle-group/toggle-group.css","home/runner/work/brick/brick/.brick-cache/production/../../src/components/skeleton/skeleton.css","home/runner/work/brick/brick/.brick-cache/production/../../src/components/nav-list/nav-list.css","home/runner/work/brick/brick/.brick-cache/production/../../src/components/switch/switch.css","home/runner/work/brick/brick/.brick-cache/production/../../src/components/progress/progress.css","home/runner/work/brick/brick/.brick-cache/production/../../src/components/sidebar/sidebar.css"],"sourcesContent":["@import \"../../src/styles/layers.css\";\n@import \"./tokens.source.css\";\n@import \"../../src/styles/foundations.css\";\n@import \"../../src/components/appearance/appearance.css\";\n@import \"../../src/components/_action-spinner/action-spinner.css\";\n@import \"../../src/components/button/button.css\";\n@import \"../../src/components/icon-button/icon-button.css\";\n@import \"../../src/components/icon/icon.css\";\n@import \"../../src/components/image/image.css\";\n@import \"../../src/components/aspect-ratio/aspect-ratio.css\";\n@import \"../../src/components/app-bar/app-bar.css\";\n@import \"../../src/components/card/card.css\";\n@import \"../../src/components/dialog/dialog.css\";\n@import \"../../src/components/alert-dialog/alert-dialog.css\";\n@import \"../../src/components/drawer/drawer.css\";\n@import \"../../src/components/badge/badge.css\";\n@import \"../../src/components/chip/chip.css\";\n@import \"../../src/components/avatar/avatar.css\";\n@import \"../../src/components/status/status.css\";\n@import \"../../src/components/color-swatch/color-swatch.css\";\n@import \"../../src/components/color-picker/color-picker.css\";\n@import \"../../src/components/toggle/toggle.css\";\n@import \"../../src/components/toggle-group/toggle-group.css\";\n@import \"../../src/styles/floating-arrow.css\";\n@import \"../../src/components/tooltip/tooltip.css\";\n@import \"../../src/components/hover-card/hover-card.css\";\n@import \"../../src/components/popover/popover.css\";\n@import \"../../src/components/form/form.css\";\n@import \"../../src/components/field/field.css\";\n@import \"../../src/components/fieldset/fieldset.css\";\n@import \"../../src/components/checkbox/checkbox.css\";\n@import \"../../src/components/checkbox-group/checkbox-group.css\";\n@import \"../../src/components/radio-group/radio-group.css\";\n@import \"../../src/components/segment-group/segment-group.css\";\n@import \"../../src/components/switch/switch.css\";\n@import \"../../src/components/breadcrumb/breadcrumb.css\";\n@import \"../../src/components/tabs/tabs.css\";\n@import \"../../src/components/_action-menu/action-menu.css\";\n@import \"../../src/components/dropdown-menu/dropdown-menu.css\";\n@import \"../../src/components/context-menu/context-menu.css\";\n@import \"../../src/components/menubar/menubar.css\";\n@import \"../../src/components/navigation-menu/navigation-menu.css\";\n@import \"../../src/components/bottom-navigation/bottom-navigation.css\";\n@import \"../../src/components/visually-hidden/visually-hidden.css\";\n@import \"../../src/components/skip-link/skip-link.css\";\n@import \"../../src/components/skeleton/skeleton.css\";\n@import \"../../src/components/progress/progress.css\";\n@import \"../../src/components/progress-circle/progress-circle.css\";\n@import \"../../src/components/slider/slider.css\";\n@import \"../../src/components/rating/rating.css\";\n@import \"../../src/components/file-upload/file-upload.css\";\n@import \"../../src/components/toast/toast.css\";\n@import \"../../src/components/collapsible/collapsible.css\";\n@import \"../../src/components/accordion/accordion.css\";\n@import \"../../src/components/input/input.css\";\n@import \"../../src/components/number-input/number-input.css\";\n@import \"../../src/components/otp-field/otp-field.css\";\n@import \"../../src/components/password-toggle-field/password-toggle-field.css\";\n@import \"../../src/components/textarea/textarea.css\";\n@import \"../../src/components/select/select.css\";\n@import \"../../src/components/multi-select/multi-select.css\";\n@import \"../../src/components/combobox/combobox.css\";\n@import \"../../src/components/text/text.css\";\n@import \"../../src/components/link/link.css\";\n@import \"../../src/components/link-box/link-box.css\";\n@import \"../../src/components/list/list.css\";\n@import \"../../src/components/reorderable-list/reorderable-list.css\";\n@import \"../../src/components/table/table.css\";\n@import \"../../src/components/data-grid/data-grid.css\";\n@import \"../../src/components/tree-grid/tree-grid.css\";\n@import \"../../src/components/tree/tree.css\";\n@import \"../../src/components/feed/feed.css\";\n@import \"../../src/components/swipeable-item/swipeable-item.css\";\n@import \"../../src/components/toolbar/toolbar.css\";\n@import \"../../src/components/pagination/pagination.css\";\n@import \"../../src/components/carousel/carousel.css\";\n@import \"../../src/components/stack/stack.css\";\n@import \"../../src/components/group/group.css\";\n@import \"../../src/components/data-list/data-list.css\";\n@import \"../../src/components/z-stack/z-stack.css\";\n@import \"../../src/components/grid/grid.css\";\n@import \"../../src/components/container/container.css\";\n@import \"../../src/components/section/section.css\";\n@import \"../../src/components/frame/frame.css\";\n@import \"../../src/components/bleed/bleed.css\";\n@import \"../../src/components/show/show.css\";\n@import \"../../src/components/hide/hide.css\";\n@import \"../../src/components/surface/surface.css\";\n@import \"../../src/components/divider/divider.css\";\n@import \"../../src/components/scroll-area/scroll-area.css\";\n@import \"../../src/components/code/code.css\";\n@import \"../../src/components/code-block/code-block.css\";\n@import \"../../src/components/nav-list/nav-list.css\";\n@import \"../../src/components/sidebar/sidebar.css\";","@layer brick.tokens, flowstack.theme, brick.foundations, brick.components, brick.utilities, brick.effects;\n","@layer brick.components {\n  .brick-tree {\n    --brick-tree-background: transparent;\n    --brick-tree-border-color: var(--brick-color-border-subtle);\n    --brick-tree-border-width: var(--brick-border-width);\n    --brick-tree-radius: var(--brick-radius-surface);\n    --brick-tree-padding: var(--brick-space-1);\n    --brick-tree-row-min-block-size: 2.75rem;\n    --brick-tree-row-radius: var(--brick-radius-control);\n    --brick-tree-row-gap: var(--brick-space-2);\n    --brick-tree-row-padding-block: var(--brick-space-2);\n    --brick-tree-row-padding-inline: var(--brick-space-3);\n    --brick-tree-depth-indent: var(--brick-space-5);\n    --brick-tree-guide-color: var(--brick-color-border-subtle);\n    --brick-tree-guide-offset: calc(var(--brick-tree-padding) + var(--brick-tree-row-padding-inline) + .4375rem);\n    --brick-tree-foreground: var(--brick-color-text-primary);\n    --brick-tree-indicator-color: var(--brick-color-text-secondary);\n    --brick-tree-hover-background: var(--brick-color-surface-hover, var(--brick-color-surface-subtle));\n    --brick-tree-active-background: transparent;\n    --brick-tree-selected-background: var(--brick-color-surface-accent-subtle, var(--brick-color-surface-subtle));\n    --brick-tree-selected-foreground: var(--brick-color-text-primary);\n    --brick-tree-disabled-opacity: .5;\n    --brick-tree-focus-ring: var(--brick-color-focus-ring);\n    --brick-tree-focus-ring-width: 2px;\n    --brick-tree-motion-duration: 160ms;\n    --brick-tree-motion-easing: ease;\n    box-sizing: border-box;\n    inline-size: 100%;\n    min-inline-size: 0;\n    max-inline-size: 100%;\n    padding: var(--brick-tree-padding);\n    border: 0;\n    border-radius: var(--brick-tree-radius);\n    color: var(--brick-tree-foreground);\n    background: var(--brick-tree-background);\n    font-family: var(--brick-typography-body-md-font-family);\n    font-size: var(--brick-typography-body-md-font-size);\n    line-height: var(--brick-typography-body-md-line-height);\n  }\n\n  .brick-tree[data-variant=\"soft\"] {\n    --brick-tree-background: var(--brick-color-surface-subtle);\n  }\n\n  .brick-tree[data-variant=\"outline\"] {\n    border: var(--brick-tree-border-width) solid var(--brick-tree-border-color);\n    overflow: clip;\n  }\n\n  .brick-tree[data-size=\"sm\"] {\n    --brick-tree-row-min-block-size: 2.25rem;\n    --brick-tree-row-padding-block: var(--brick-space-1);\n    --brick-tree-row-padding-inline: var(--brick-space-2);\n    --brick-tree-depth-indent: var(--brick-space-4);\n    --brick-tree-guide-offset: calc(var(--brick-tree-padding) + var(--brick-tree-row-padding-inline) + .375rem);\n    font-size: var(--brick-typography-body-sm-font-size);\n    line-height: var(--brick-typography-body-sm-line-height);\n  }\n\n  .brick-tree__item {\n    box-sizing: border-box;\n    min-inline-size: 0;\n    outline: none;\n    --brick-tree-level: 1;\n  }\n\n  .brick-tree__item[data-level=\"2\"] { --brick-tree-level: 2; }\n  .brick-tree__item[data-level=\"3\"] { --brick-tree-level: 3; }\n  .brick-tree__item[data-level=\"4\"] { --brick-tree-level: 4; }\n  .brick-tree__item[data-level=\"5\"] { --brick-tree-level: 5; }\n  .brick-tree__item[data-level=\"6\"] { --brick-tree-level: 6; }\n  .brick-tree__item[data-level=\"7\"] { --brick-tree-level: 7; }\n  .brick-tree__item[data-level=\"8\"] { --brick-tree-level: 8; }\n  .brick-tree__item[data-level=\"9\"] { --brick-tree-level: 9; }\n  .brick-tree__item[data-level=\"10\"] { --brick-tree-level: 10; }\n\n  .brick-tree__item-content {\n    box-sizing: border-box;\n    display: flex;\n    align-items: center;\n    gap: var(--brick-tree-row-gap);\n    min-inline-size: 0;\n    min-block-size: var(--brick-tree-row-min-block-size);\n    margin-inline-start: calc((var(--brick-tree-level) - 1) * var(--brick-tree-depth-indent));\n    padding-block: var(--brick-tree-row-padding-block);\n    padding-inline: var(--brick-tree-row-padding-inline);\n    border-radius: var(--brick-tree-row-radius);\n    overflow-wrap: anywhere;\n  }\n\n  .brick-tree__item:hover > .brick-tree__item-content {\n    background: var(--brick-tree-hover-background);\n  }\n\n  .brick-tree__item[data-selected] > .brick-tree__item-content {\n    color: var(--brick-tree-selected-foreground);\n    background: var(--brick-tree-selected-background);\n  }\n\n  .brick-tree__item[data-active] > .brick-tree__item-content {\n    box-shadow: inset 0 0 0 var(--brick-tree-focus-ring-width) var(--brick-tree-focus-ring);\n  }\n\n  .brick-tree__item[data-active][data-selected] > .brick-tree__item-content {\n    background: var(--brick-tree-selected-background);\n  }\n\n  .brick-tree__item[data-disabled] > .brick-tree__item-content,\n  .brick-tree[data-disabled] .brick-tree__item-content {\n    opacity: var(--brick-tree-disabled-opacity);\n  }\n\n  .brick-tree__indicator {\n    display: inline-flex;\n    flex: 0 0 auto;\n    align-items: center;\n    justify-content: center;\n    inline-size: 1rem;\n    block-size: 1rem;\n    color: var(--brick-tree-indicator-color);\n    transition: transform var(--brick-tree-motion-duration) var(--brick-tree-motion-easing);\n  }\n\n  .brick-tree__indicator svg {\n    inline-size: 100%;\n    block-size: 100%;\n    fill: none;\n    stroke: currentColor;\n    stroke-linecap: round;\n    stroke-linejoin: round;\n    stroke-width: 1.5;\n  }\n\n  .brick-tree__item:not([data-expandable]) > .brick-tree__item-content > .brick-tree__indicator {\n    visibility: hidden;\n  }\n\n  .brick-tree__item[data-expanded] > .brick-tree__item-content > .brick-tree__indicator {\n    transform: rotate(90deg);\n  }\n\n  [dir=\"rtl\"] .brick-tree__indicator {\n    transform: scaleX(-1);\n  }\n\n  [dir=\"rtl\"] .brick-tree__item[data-expanded] > .brick-tree__item-content > .brick-tree__indicator {\n    transform: scaleX(-1) rotate(90deg);\n  }\n\n  .brick-tree__item-text {\n    min-inline-size: 0;\n  }\n\n  .brick-tree__group {\n    position: relative;\n    min-inline-size: 0;\n  }\n\n  .brick-tree[data-guide] .brick-tree__group::before {\n    content: \"\";\n    position: absolute;\n    inset-block: 0;\n    inset-inline-start: calc(var(--brick-tree-guide-offset) + (var(--brick-tree-level) - 1) * var(--brick-tree-depth-indent));\n    border-inline-start: var(--brick-tree-border-width) solid var(--brick-tree-guide-color);\n    pointer-events: none;\n  }\n\n  @media (prefers-reduced-motion: reduce) {\n    .brick-tree__indicator { transition: none; }\n  }\n\n  @media (forced-colors: active) {\n    .brick-tree {\n      --brick-tree-border-color: CanvasText;\n      --brick-tree-background: Canvas;\n      --brick-tree-guide-color: GrayText;\n      --brick-tree-hover-background: Canvas;\n      --brick-tree-selected-background: Highlight;\n      --brick-tree-selected-foreground: HighlightText;\n      --brick-tree-focus-ring: CanvasText;\n    }\n    .brick-tree__item[data-active] > .brick-tree__item-content { outline: 2px solid CanvasText; outline-offset: -2px; }\n    .brick-tree__item[data-disabled] > .brick-tree__item-content { color: GrayText; opacity: 1; }\n  }\n}\n","@layer brick.components {\n  .brick-textarea {\n    --brick-textarea-padding-inline: var(--brick-space-3);\n    --brick-textarea-padding-block: var(--brick-space-3);\n    --brick-textarea-gap: var(--brick-space-2);\n    --brick-textarea-radius: var(--brick-radius-control);\n    --brick-textarea-font-family: var(--brick-typography-field-value-md-font-family);\n    --brick-textarea-font-size: var(--brick-typography-field-value-md-font-size);\n    --brick-textarea-font-weight: var(--brick-typography-field-value-md-font-weight);\n    --brick-textarea-line-height: var(--brick-typography-field-value-md-line-height);\n    --brick-textarea-letter-spacing: var(--brick-typography-field-value-md-letter-spacing);\n    --brick-textarea-background: var(--brick-color-surface-raised);\n    --brick-textarea-foreground: var(--brick-color-text-primary);\n    --brick-textarea-placeholder-foreground: var(--brick-color-text-muted);\n    --brick-textarea-border: var(--brick-color-border-strong);\n    --brick-textarea-hover-background: var(--brick-color-surface-base);\n    --brick-textarea-hover-border: var(--brick-color-accent-border);\n    --brick-textarea-focus-ring: var(--brick-color-focus-ring);\n    --brick-textarea-invalid-border: var(--brick-color-danger-text);\n    --brick-textarea-disabled-background: var(--brick-color-surface-subtle);\n    --brick-textarea-disabled-foreground: var(--brick-color-text-secondary);\n    --brick-textarea-disabled-border: var(--brick-color-border-subtle);\n    --brick-textarea-readonly-background: var(--brick-color-surface-subtle);\n    --brick-textarea-count-foreground: var(--brick-color-text-secondary);\n    --brick-textarea-count-over-limit-foreground: var(--brick-color-danger-text);\n\n    display: inline-grid;\n    box-sizing: border-box;\n    min-inline-size: 0;\n    max-inline-size: 100%;\n    grid-template-columns: minmax(0, 1fr);\n    gap: var(--brick-textarea-gap);\n    padding: var(--brick-textarea-padding-block) var(--brick-textarea-padding-inline);\n    border: var(--brick-border-width) solid var(--brick-textarea-border);\n    border-radius: var(--brick-textarea-radius);\n    background: var(--brick-textarea-background);\n    color: var(--brick-textarea-foreground);\n    vertical-align: top;\n    transition: background-color var(--brick-motion-duration-fast) var(--brick-motion-easing-standard), border-color var(--brick-motion-duration-fast) var(--brick-motion-easing-standard), box-shadow var(--brick-motion-duration-fast) var(--brick-motion-easing-standard);\n  }\n\n  .brick-textarea[data-full-width] { inline-size: 100%; }\n  .brick-textarea:not([data-full-width]) { inline-size: fit-content; }\n  .brick-textarea[data-variant=\"soft\"] {\n    --brick-textarea-background: var(--brick-color-surface-subtle);\n    --brick-textarea-border: var(--brick-color-border-subtle);\n    --brick-textarea-hover-background: var(--brick-color-accent-soft);\n  }\n  .brick-textarea[data-variant=\"underline\"] {\n    --brick-textarea-background: transparent;\n    --brick-textarea-radius: 0;\n    border-width: 0 0 var(--brick-border-width);\n  }\n  .brick-textarea[data-shape=\"sharp\"] { --brick-textarea-radius: 0; }\n  .brick-textarea[data-size=\"sm\"] {\n    --brick-textarea-padding-inline: var(--brick-space-2);\n    --brick-textarea-padding-block: var(--brick-space-2);\n    --brick-textarea-gap: var(--brick-space-1);\n  }\n  .brick-textarea[data-size=\"lg\"] {\n    --brick-textarea-padding-inline: var(--brick-space-4);\n    --brick-textarea-padding-block: var(--brick-space-4);\n    --brick-textarea-gap: var(--brick-space-3);\n    --brick-textarea-font-size: var(--brick-typography-field-value-lg-font-size);\n    --brick-textarea-line-height: var(--brick-typography-field-value-lg-line-height);\n  }\n\n  .brick-textarea-control {\n    display: block;\n    box-sizing: border-box;\n    inline-size: 100%;\n    min-inline-size: 0;\n    max-inline-size: 100%;\n    margin: 0;\n    padding: 0;\n    border: 0;\n    outline: 0;\n    background: transparent;\n    color: inherit;\n    font-family: var(--brick-textarea-font-family);\n    font-size: var(--brick-textarea-font-size);\n    font-weight: var(--brick-textarea-font-weight);\n    letter-spacing: var(--brick-textarea-letter-spacing);\n    line-height: var(--brick-textarea-line-height);\n  }\n\n  .brick-textarea[data-resize=\"none\"] .brick-textarea-control { resize: none; }\n  .brick-textarea[data-resize=\"vertical\"] .brick-textarea-control { resize: vertical; }\n  .brick-textarea[data-resize=\"horizontal\"] .brick-textarea-control { resize: horizontal; }\n  .brick-textarea[data-resize=\"both\"] .brick-textarea-control { resize: both; }\n  .brick-textarea-control::placeholder { color: var(--brick-textarea-placeholder-foreground); opacity: 1; }\n\n  .brick-textarea-count {\n    display: block;\n    min-inline-size: 0;\n    justify-self: end;\n    color: var(--brick-textarea-count-foreground);\n    font-family: var(--brick-typography-caption-font-family);\n    font-size: var(--brick-typography-caption-font-size);\n    font-weight: var(--brick-typography-caption-font-weight);\n    line-height: var(--brick-typography-caption-line-height);\n    text-align: end;\n  }\n  .brick-textarea-count[data-over-limit] { color: var(--brick-textarea-count-over-limit-foreground); }\n\n  .brick-textarea:focus-within {\n    border-color: var(--brick-textarea-focus-ring);\n    box-shadow: 0 0 0 var(--brick-border-focus-width) var(--brick-textarea-focus-ring);\n  }\n  .brick-textarea:has(.brick-textarea-control[data-invalid]) { border-color: var(--brick-textarea-invalid-border); }\n  .brick-textarea:has(.brick-textarea-control[data-disabled]) {\n    border-color: var(--brick-textarea-disabled-border);\n    background: var(--brick-textarea-disabled-background);\n    color: var(--brick-textarea-disabled-foreground);\n  }\n  .brick-textarea:has(.brick-textarea-control[data-readonly]) { background: var(--brick-textarea-readonly-background); }\n  .brick-textarea-control:disabled { cursor: not-allowed; }\n  .brick-textarea-control:read-only { cursor: default; }\n\n  @media (hover: hover) and (pointer: fine) {\n    .brick-textarea:not(:has(.brick-textarea-control[data-disabled], .brick-textarea-control[data-readonly], .brick-textarea-control[data-invalid])):hover {\n      border-color: var(--brick-textarea-hover-border);\n      background: var(--brick-textarea-hover-background);\n    }\n  }\n  @media (prefers-reduced-motion: reduce) {\n    .brick-textarea { transition-duration: 0ms; }\n  }\n  @media (forced-colors: active) {\n    .brick-textarea { border-color: ButtonText; background: Canvas; color: CanvasText; }\n    .brick-textarea:focus-within { outline: var(--brick-border-focus-width) solid Highlight; outline-offset: 0; box-shadow: none; }\n    .brick-textarea:has(.brick-textarea-control[data-invalid]) { border-color: Mark; }\n    .brick-textarea:has(.brick-textarea-control[data-disabled]) { border-color: GrayText; color: GrayText; }\n    .brick-textarea-count[data-over-limit] { color: Mark; }\n  }\n}\n","@layer brick.components {\n  .brick-progress-circle {\n    --brick-progress-circle-track: var(--brick-color-surface-subtle);\n    --brick-progress-circle-indicator: var(--brick-color-accent-solid);\n    --brick-progress-circle-label-foreground: var(--brick-color-text-primary);\n    --brick-progress-circle-value-foreground: var(--brick-color-text-primary);\n    --brick-progress-circle-size: 3rem;\n    --brick-progress-circle-stroke: 8;\n\n    display: inline-grid;\n    min-inline-size: 0;\n    grid-template-columns: auto;\n    grid-template-rows: auto auto;\n    justify-items: center;\n    gap: var(--brick-space-2);\n    color: var(--brick-progress-circle-label-foreground);\n  }\n\n  .brick-progress-circle__circle,\n  .brick-progress-circle__value {\n    grid-column: 1;\n    grid-row: 1;\n  }\n\n  .brick-progress-circle__circle {\n    display: block;\n    inline-size: var(--brick-progress-circle-size);\n    block-size: var(--brick-progress-circle-size);\n    overflow: visible;\n    transform: rotate(-90deg);\n  }\n\n  .brick-progress-circle__track,\n  .brick-progress-circle__indicator {\n    fill: none;\n    stroke-width: var(--brick-progress-circle-stroke);\n  }\n\n  .brick-progress-circle__track {\n    stroke: var(--brick-progress-circle-track);\n  }\n\n  .brick-progress-circle__indicator {\n    stroke: var(--brick-progress-circle-indicator);\n    transition: stroke-dashoffset 180ms ease-out;\n  }\n\n  .brick-progress-circle[data-cap=\"round\"] .brick-progress-circle__indicator {\n    stroke-linecap: round;\n  }\n\n  .brick-progress-circle[data-cap=\"butt\"] .brick-progress-circle__indicator {\n    stroke-linecap: butt;\n  }\n\n  .brick-progress-circle__indicator[data-state=\"indeterminate\"] {\n    stroke-dasharray: 67.8584 214.8849;\n    stroke-dashoffset: 0;\n    transform-origin: center;\n    animation: brick-progress-circle-spin 1.1s linear infinite;\n    transition: none;\n  }\n\n  .brick-progress-circle__value {\n    z-index: 1;\n    align-self: center;\n    justify-self: center;\n    max-inline-size: 100%;\n    overflow: hidden;\n    color: var(--brick-progress-circle-value-foreground);\n    font-family: var(--brick-typography-caption-font-family);\n    font-size: var(--brick-typography-caption-font-size);\n    font-weight: var(--brick-typography-caption-font-weight);\n    line-height: var(--brick-typography-caption-line-height);\n    letter-spacing: var(--brick-typography-caption-letter-spacing);\n    font-variant-numeric: tabular-nums;\n    text-align: center;\n    text-overflow: ellipsis;\n    transform-origin: center;\n    white-space: nowrap;\n  }\n\n  .brick-progress-circle__label {\n    grid-column: 1;\n    grid-row: 2;\n    max-inline-size: 12rem;\n    overflow-wrap: anywhere;\n    color: var(--brick-progress-circle-label-foreground);\n    font-family: var(--brick-typography-body-sm-font-family);\n    font-size: var(--brick-typography-body-sm-font-size);\n    font-weight: var(--brick-typography-body-sm-font-weight);\n    line-height: var(--brick-typography-body-sm-line-height);\n    letter-spacing: var(--brick-typography-body-sm-letter-spacing);\n    text-align: center;\n  }\n\n  .brick-progress-circle[data-size=\"xs\"] { --brick-progress-circle-size: 2rem; }\n  .brick-progress-circle[data-size=\"sm\"] { --brick-progress-circle-size: 2.5rem; }\n  .brick-progress-circle[data-size=\"md\"] { --brick-progress-circle-size: 3rem; }\n  .brick-progress-circle[data-size=\"lg\"] { --brick-progress-circle-size: 4rem; }\n  .brick-progress-circle[data-size=\"xl\"] { --brick-progress-circle-size: 5rem; }\n\n  .brick-progress-circle[data-size=\"xs\"] .brick-progress-circle__value { transform: scale(0.72); }\n  .brick-progress-circle[data-size=\"sm\"] .brick-progress-circle__value { transform: scale(0.85); }\n\n  .brick-progress-circle[data-thickness=\"thin\"] { --brick-progress-circle-stroke: 4; }\n  .brick-progress-circle[data-thickness=\"thick\"] { --brick-progress-circle-stroke: 12; }\n\n  .brick-progress-circle[data-tone=\"neutral\"] { --brick-progress-circle-indicator: var(--brick-color-text-primary); }\n  .brick-progress-circle[data-tone=\"accent\"] { --brick-progress-circle-indicator: var(--brick-color-accent-solid); }\n  .brick-progress-circle[data-tone=\"info\"] { --brick-progress-circle-indicator: var(--brick-color-info-solid); }\n  .brick-progress-circle[data-tone=\"success\"] { --brick-progress-circle-indicator: var(--brick-color-success-solid); }\n  .brick-progress-circle[data-tone=\"warning\"] { --brick-progress-circle-indicator: var(--brick-color-warning-solid); }\n  .brick-progress-circle[data-tone=\"danger\"] { --brick-progress-circle-indicator: var(--brick-color-danger-solid); }\n\n  @keyframes brick-progress-circle-spin {\n    to { transform: rotate(360deg); }\n  }\n\n  @media (prefers-reduced-motion: reduce) {\n    .brick-progress-circle__indicator {\n      animation: none !important;\n      transition: none;\n    }\n  }\n\n  @media (forced-colors: active) {\n    .brick-progress-circle__track { stroke: CanvasText; }\n    .brick-progress-circle__indicator { stroke: Highlight; }\n  }\n}\n","@layer brick.tokens {\n  :root {\n    color-scheme: light dark;\n    --brick-border-focus-offset: 0.25rem;\n    --brick-border-focus-width: 2px;\n    --brick-border-width: 1px;\n    --brick-color-accent-border: #aaa8f2;\n    --brick-color-accent-on-soft: #414098;\n    --brick-color-accent-on-solid: #ffffff;\n    --brick-color-accent-soft: #f0f0ff;\n    --brick-color-accent-soft-hover: #e6e6fe;\n    --brick-color-accent-soft-pressed: #dadaff;\n    --brick-color-accent-solid: #5b5bd6;\n    --brick-color-accent-solid-hover: #5151cd;\n    --brick-color-accent-solid-pressed: #4747c2;\n    --brick-color-accent-text: #414098;\n    --brick-color-border-default: #d9d6d0;\n    --brick-color-border-strong: #aaa69e;\n    --brick-color-border-subtle: #e3e0db;\n    --brick-color-danger-border: #ef9cad;\n    --brick-color-danger-on-soft: #ad233f;\n    --brick-color-danger-on-solid: #ffffff;\n    --brick-color-danger-soft: #ffeef1;\n    --brick-color-danger-soft-hover: #ffdde3;\n    --brick-color-danger-soft-pressed: #ffcbd5;\n    --brick-color-danger-solid: #ad233f;\n    --brick-color-danger-solid-hover: #9f1f38;\n    --brick-color-danger-solid-pressed: #901a33;\n    --brick-color-danger-surface: #ffeef1;\n    --brick-color-danger-text: #ad233f;\n    --brick-color-focus-ring: #5b5bd6;\n    --brick-color-info-border: #95c9f6;\n    --brick-color-info-on-soft: #105da9;\n    --brick-color-info-on-solid: #ffffff;\n    --brick-color-info-soft: #ecf6ff;\n    --brick-color-info-soft-hover: #dceeff;\n    --brick-color-info-soft-pressed: #cbe7ff;\n    --brick-color-info-solid: #0073d0;\n    --brick-color-info-solid-hover: #0068bd;\n    --brick-color-info-solid-pressed: #005da9;\n    --brick-color-info-surface: #ecf6ff;\n    --brick-color-info-text: #105da9;\n    --brick-color-link-text: #3a3a8f;\n    --brick-color-link-text-hover: #333185;\n    --brick-color-link-text-pressed: #2a2579;\n    --brick-color-scrim: #1413128c;\n    --brick-color-shadow: #1413122e;\n    --brick-color-success-border: #7bd1ad;\n    --brick-color-success-on-soft: #136e4c;\n    --brick-color-success-on-solid: #ffffff;\n    --brick-color-success-soft: #e8fbf3;\n    --brick-color-success-soft-hover: #d7f6e9;\n    --brick-color-success-soft-pressed: #c5efdd;\n    --brick-color-success-solid: #18794e;\n    --brick-color-success-solid-hover: #146f46;\n    --brick-color-success-solid-pressed: #10643e;\n    --brick-color-success-surface: #e8fbf3;\n    --brick-color-success-text: #136e4c;\n    --brick-color-surface-base: #f9f8f6;\n    --brick-color-surface-canvas: #fdfcfb;\n    --brick-color-surface-overlay: #ffffff;\n    --brick-color-surface-raised: #ffffff;\n    --brick-color-surface-subtle: #f2f0ed;\n    --brick-color-text-disabled: #76726c;\n    --brick-color-text-inverse: #ffffff;\n    --brick-color-text-muted: #76726c;\n    --brick-color-text-primary: #211f1c;\n    --brick-color-text-secondary: #63605b;\n    --brick-color-warning-border: #e3a644;\n    --brick-color-warning-on-soft: #714904;\n    --brick-color-warning-on-solid: #211f1c;\n    --brick-color-warning-soft: #fff7e3;\n    --brick-color-warning-soft-hover: #ffedc2;\n    --brick-color-warning-soft-pressed: #ffe3a1;\n    --brick-color-warning-solid: #f29f21;\n    --brick-color-warning-solid-hover: #e58c0e;\n    --brick-color-warning-solid-pressed: #d87d00;\n    --brick-color-warning-surface: #fff7e3;\n    --brick-color-warning-text: #714904;\n    --brick-control-min-block-size-lg: 3.25rem;\n    --brick-control-min-block-size-md: 2.75rem;\n    --brick-control-min-block-size-sm: 2.25rem;\n    --brick-control-min-block-size-xl: 3.75rem;\n    --brick-control-min-block-size-xs: 1.75rem;\n    --brick-control-target-min: 2.75rem;\n    --brick-font-family-body: ui-sans-serif, system-ui, sans-serif;\n    --brick-font-family-heading: ui-sans-serif, system-ui, sans-serif;\n    --brick-font-family-mono: ui-monospace, SFMono-Regular, monospace;\n    --brick-font-letter-spacing-normal: 0em;\n    --brick-font-letter-spacing-slight: -0.01em;\n    --brick-font-letter-spacing-tight: -0.02em;\n    --brick-font-letter-spacing-tightest: -0.03em;\n    --brick-font-letter-spacing-wide: 0.08em;\n    --brick-font-line-height-body: 1.5;\n    --brick-font-line-height-tight: 1.2;\n    --brick-font-size-2xl: 2rem;\n    --brick-font-size-3xl: 2.5rem;\n    --brick-font-size-4xl: 3.25rem;\n    --brick-font-size-5xl: 4rem;\n    --brick-font-size-lg: 1.25rem;\n    --brick-font-size-md: 1rem;\n    --brick-font-size-sm: 0.875rem;\n    --brick-font-size-xl: 1.5rem;\n    --brick-font-size-xs: 0.75rem;\n    --brick-font-weight-medium: 500;\n    --brick-font-weight-regular: 400;\n    --brick-font-weight-semibold: 600;\n    --brick-layer-base: 0;\n    --brick-layer-overlay: 1000;\n    --brick-motion-duration-fast: 120ms;\n    --brick-motion-duration-moderate: 200ms;\n    --brick-motion-easing-enter: cubic-bezier(0, 0, 0.2, 1);\n    --brick-motion-easing-exit: cubic-bezier(0.4, 0, 1, 1);\n    --brick-motion-easing-standard: cubic-bezier(0.2, 0, 0, 1);\n    --brick-radius-control: 0.5rem;\n    --brick-radius-full: 9999px;\n    --brick-radius-overlay: 1rem;\n    --brick-radius-subtle: 0.25rem;\n    --brick-radius-surface: 0.75rem;\n    --brick-shadow-floating: 0rem 0.75rem 2rem 0rem #14131218;\n    --brick-shadow-modal: 0rem 1.5rem 4.5rem 0rem #1413122c;\n    --brick-shadow-raised: 0rem 0.5rem 1.5rem -0.25rem #1413122e;\n    --brick-shadow-sm: 0rem 0.125rem 0.375rem 0rem #1413122e;\n    --brick-space-0: 0rem;\n    --brick-space-1: 0.25rem;\n    --brick-space-2: 0.5rem;\n    --brick-space-3: 0.75rem;\n    --brick-space-4: 1rem;\n    --brick-space-5: 1.5rem;\n    --brick-space-6: 2rem;\n    --brick-space-component-gap: 0.5rem;\n    --brick-space-control-inline: 1rem;\n    --brick-space-surface: 1.5rem;\n    --brick-typography-body-lg-font-family: ui-sans-serif, system-ui, sans-serif;\n    --brick-typography-body-lg-font-size: 1.25rem;\n    --brick-typography-body-lg-font-weight: 400;\n    --brick-typography-body-lg-letter-spacing: 0em;\n    --brick-typography-body-lg-line-height: 1.5;\n    --brick-typography-body-md-font-family: ui-sans-serif, system-ui, sans-serif;\n    --brick-typography-body-md-font-size: 1rem;\n    --brick-typography-body-md-font-weight: 400;\n    --brick-typography-body-md-letter-spacing: 0em;\n    --brick-typography-body-md-line-height: 1.5;\n    --brick-typography-body-sm-font-family: ui-sans-serif, system-ui, sans-serif;\n    --brick-typography-body-sm-font-size: 0.875rem;\n    --brick-typography-body-sm-font-weight: 400;\n    --brick-typography-body-sm-letter-spacing: 0em;\n    --brick-typography-body-sm-line-height: 1.5;\n    --brick-typography-caption-font-family: ui-sans-serif, system-ui, sans-serif;\n    --brick-typography-caption-font-size: 0.75rem;\n    --brick-typography-caption-font-weight: 400;\n    --brick-typography-caption-letter-spacing: 0em;\n    --brick-typography-caption-line-height: 1.5;\n    --brick-typography-code-block-md-font-family: ui-monospace, SFMono-Regular, monospace;\n    --brick-typography-code-block-md-font-size: 1rem;\n    --brick-typography-code-block-md-font-weight: 400;\n    --brick-typography-code-block-md-letter-spacing: 0em;\n    --brick-typography-code-block-md-line-height: 1.5;\n    --brick-typography-code-block-sm-font-family: ui-monospace, SFMono-Regular, monospace;\n    --brick-typography-code-block-sm-font-size: 0.875rem;\n    --brick-typography-code-block-sm-font-weight: 400;\n    --brick-typography-code-block-sm-letter-spacing: 0em;\n    --brick-typography-code-block-sm-line-height: 1.5;\n    --brick-typography-code-inline-font-family: ui-monospace, SFMono-Regular, monospace;\n    --brick-typography-code-inline-font-size: 0.9em;\n    --brick-typography-code-inline-font-weight: 400;\n    --brick-typography-code-inline-letter-spacing: 0em;\n    --brick-typography-code-inline-line-height: 1.5;\n    --brick-typography-compact-title-lg-font-family: ui-sans-serif, system-ui, sans-serif;\n    --brick-typography-compact-title-lg-font-size: 1rem;\n    --brick-typography-compact-title-lg-font-weight: 600;\n    --brick-typography-compact-title-lg-letter-spacing: -0.01em;\n    --brick-typography-compact-title-lg-line-height: 1.2;\n    --brick-typography-compact-title-font-family: ui-sans-serif, system-ui, sans-serif;\n    --brick-typography-compact-title-font-size: 0.875rem;\n    --brick-typography-compact-title-font-weight: 600;\n    --brick-typography-compact-title-letter-spacing: 0em;\n    --brick-typography-compact-title-line-height: 1.2;\n    --brick-typography-control-lg-font-family: ui-sans-serif, system-ui, sans-serif;\n    --brick-typography-control-lg-font-size: 1rem;\n    --brick-typography-control-lg-font-weight: 500;\n    --brick-typography-control-lg-letter-spacing: 0em;\n    --brick-typography-control-lg-line-height: 1.2;\n    --brick-typography-control-md-font-family: ui-sans-serif, system-ui, sans-serif;\n    --brick-typography-control-md-font-size: 0.9375rem;\n    --brick-typography-control-md-font-weight: 500;\n    --brick-typography-control-md-letter-spacing: 0em;\n    --brick-typography-control-md-line-height: 1.2;\n    --brick-typography-control-sm-font-family: ui-sans-serif, system-ui, sans-serif;\n    --brick-typography-control-sm-font-size: 0.875rem;\n    --brick-typography-control-sm-font-weight: 500;\n    --brick-typography-control-sm-letter-spacing: 0em;\n    --brick-typography-control-sm-line-height: 1.2;\n    --brick-typography-control-xl-font-family: ui-sans-serif, system-ui, sans-serif;\n    --brick-typography-control-xl-font-size: 1.125rem;\n    --brick-typography-control-xl-font-weight: 500;\n    --brick-typography-control-xl-letter-spacing: 0em;\n    --brick-typography-control-xl-line-height: 1.2;\n    --brick-typography-control-xs-font-family: ui-sans-serif, system-ui, sans-serif;\n    --brick-typography-control-xs-font-size: 0.75rem;\n    --brick-typography-control-xs-font-weight: 500;\n    --brick-typography-control-xs-letter-spacing: 0em;\n    --brick-typography-control-xs-line-height: 1.2;\n    --brick-typography-display-lg-font-family: ui-sans-serif, system-ui, sans-serif;\n    --brick-typography-display-lg-font-size: 4rem;\n    --brick-typography-display-lg-font-weight: 600;\n    --brick-typography-display-lg-letter-spacing: -0.03em;\n    --brick-typography-display-lg-line-height: 1.2;\n    --brick-typography-display-md-font-family: ui-sans-serif, system-ui, sans-serif;\n    --brick-typography-display-md-font-size: 3.25rem;\n    --brick-typography-display-md-font-weight: 600;\n    --brick-typography-display-md-letter-spacing: -0.03em;\n    --brick-typography-display-md-line-height: 1.2;\n    --brick-typography-display-sm-font-family: ui-sans-serif, system-ui, sans-serif;\n    --brick-typography-display-sm-font-size: 2.5rem;\n    --brick-typography-display-sm-font-weight: 600;\n    --brick-typography-display-sm-letter-spacing: -0.03em;\n    --brick-typography-display-sm-line-height: 1.2;\n    --brick-typography-display-font-family: ui-sans-serif, system-ui, sans-serif;\n    --brick-typography-display-font-size: 2.5rem;\n    --brick-typography-display-font-weight: 600;\n    --brick-typography-display-letter-spacing: -0.03em;\n    --brick-typography-display-line-height: 1.2;\n    --brick-typography-eyebrow-font-family: ui-sans-serif, system-ui, sans-serif;\n    --brick-typography-eyebrow-font-size: 0.75rem;\n    --brick-typography-eyebrow-font-weight: 600;\n    --brick-typography-eyebrow-letter-spacing: 0.08em;\n    --brick-typography-eyebrow-line-height: 1.2;\n    --brick-typography-field-value-lg-font-family: ui-sans-serif, system-ui, sans-serif;\n    --brick-typography-field-value-lg-font-size: 1.125rem;\n    --brick-typography-field-value-lg-font-weight: 400;\n    --brick-typography-field-value-lg-letter-spacing: 0em;\n    --brick-typography-field-value-lg-line-height: 1.5;\n    --brick-typography-field-value-md-font-family: ui-sans-serif, system-ui, sans-serif;\n    --brick-typography-field-value-md-font-size: 1rem;\n    --brick-typography-field-value-md-font-weight: 400;\n    --brick-typography-field-value-md-letter-spacing: 0em;\n    --brick-typography-field-value-md-line-height: 1.5;\n    --brick-typography-label-md-font-family: ui-sans-serif, system-ui, sans-serif;\n    --brick-typography-label-md-font-size: 1rem;\n    --brick-typography-label-md-font-weight: 500;\n    --brick-typography-label-md-letter-spacing: 0em;\n    --brick-typography-label-md-line-height: 1.5;\n    --brick-typography-label-strong-font-family: ui-sans-serif, system-ui, sans-serif;\n    --brick-typography-label-strong-font-size: 1rem;\n    --brick-typography-label-strong-font-weight: 600;\n    --brick-typography-label-strong-letter-spacing: 0em;\n    --brick-typography-label-strong-line-height: 1.5;\n    --brick-typography-overlay-title-font-family: ui-sans-serif, system-ui, sans-serif;\n    --brick-typography-overlay-title-font-size: 1.25rem;\n    --brick-typography-overlay-title-font-weight: 600;\n    --brick-typography-overlay-title-letter-spacing: -0.01em;\n    --brick-typography-overlay-title-line-height: 1.2;\n    --brick-typography-supporting-sm-font-family: ui-sans-serif, system-ui, sans-serif;\n    --brick-typography-supporting-sm-font-size: 0.875rem;\n    --brick-typography-supporting-sm-font-weight: 400;\n    --brick-typography-supporting-sm-letter-spacing: 0em;\n    --brick-typography-supporting-sm-line-height: 1.5;\n    --brick-typography-surface-title-lg-font-family: ui-sans-serif, system-ui, sans-serif;\n    --brick-typography-surface-title-lg-font-size: 1.25rem;\n    --brick-typography-surface-title-lg-font-weight: 600;\n    --brick-typography-surface-title-lg-letter-spacing: -0.01em;\n    --brick-typography-surface-title-lg-line-height: 1.2;\n    --brick-typography-surface-title-md-font-family: ui-sans-serif, system-ui, sans-serif;\n    --brick-typography-surface-title-md-font-size: 1.125rem;\n    --brick-typography-surface-title-md-font-weight: 600;\n    --brick-typography-surface-title-md-letter-spacing: -0.01em;\n    --brick-typography-surface-title-md-line-height: 1.2;\n    --brick-typography-surface-title-sm-font-family: ui-sans-serif, system-ui, sans-serif;\n    --brick-typography-surface-title-sm-font-size: 1rem;\n    --brick-typography-surface-title-sm-font-weight: 600;\n    --brick-typography-surface-title-sm-letter-spacing: -0.01em;\n    --brick-typography-surface-title-sm-line-height: 1.2;\n    --brick-typography-title-lg-font-family: ui-sans-serif, system-ui, sans-serif;\n    --brick-typography-title-lg-font-size: 2rem;\n    --brick-typography-title-lg-font-weight: 600;\n    --brick-typography-title-lg-letter-spacing: -0.02em;\n    --brick-typography-title-lg-line-height: 1.2;\n    --brick-typography-title-md-font-family: ui-sans-serif, system-ui, sans-serif;\n    --brick-typography-title-md-font-size: 1.5rem;\n    --brick-typography-title-md-font-weight: 600;\n    --brick-typography-title-md-letter-spacing: -0.02em;\n    --brick-typography-title-md-line-height: 1.2;\n    --brick-typography-title-sm-font-family: ui-sans-serif, system-ui, sans-serif;\n    --brick-typography-title-sm-font-size: 1.25rem;\n    --brick-typography-title-sm-font-weight: 600;\n    --brick-typography-title-sm-letter-spacing: -0.01em;\n    --brick-typography-title-sm-line-height: 1.2;\n    --brick-typography-validation-sm-font-family: ui-sans-serif, system-ui, sans-serif;\n    --brick-typography-validation-sm-font-size: 0.875rem;\n    --brick-typography-validation-sm-font-weight: 500;\n    --brick-typography-validation-sm-letter-spacing: 0em;\n    --brick-typography-validation-sm-line-height: 1.5;\n  }\n\n  @media (prefers-color-scheme: dark) {\n    :root:not([data-brick-appearance]) {\n    --brick-color-accent-border: #5a56b5;\n    --brick-color-accent-on-soft: #bebaff;\n    --brick-color-accent-on-solid: #ffffff;\n    --brick-color-accent-soft: #232149;\n    --brick-color-accent-soft-hover: #2f2c5c;\n    --brick-color-accent-soft-pressed: #3a376f;\n    --brick-color-accent-solid: #5b57c7;\n    --brick-color-accent-solid-hover: #625ed0;\n    --brick-color-accent-solid-pressed: #514db6;\n    --brick-color-accent-text: #bebaff;\n    --brick-color-border-default: #4d4c47;\n    --brick-color-border-strong: #706d64;\n    --brick-color-border-subtle: #3b3b37;\n    --brick-color-danger-border: #993045;\n    --brick-color-danger-on-soft: #ff93a7;\n    --brick-color-danger-on-solid: #ffffff;\n    --brick-color-danger-soft: #44131e;\n    --brick-color-danger-soft-hover: #561825;\n    --brick-color-danger-soft-pressed: #681d2d;\n    --brick-color-danger-solid: #af2642;\n    --brick-color-danger-solid-hover: #bd2c49;\n    --brick-color-danger-solid-pressed: #9f2038;\n    --brick-color-danger-surface: #44131e;\n    --brick-color-danger-text: #ff93a7;\n    --brick-color-focus-ring: #bebaff;\n    --brick-color-info-border: #2c6ba7;\n    --brick-color-info-on-soft: #95c9f6;\n    --brick-color-info-on-solid: #ffffff;\n    --brick-color-info-soft: #102840;\n    --brick-color-info-soft-hover: #143654;\n    --brick-color-info-soft-pressed: #184267;\n    --brick-color-info-solid: #0a6ec3;\n    --brick-color-info-solid-hover: #1178cf;\n    --brick-color-info-solid-pressed: #075fa9;\n    --brick-color-info-surface: #102840;\n    --brick-color-info-text: #95c9f6;\n    --brick-color-link-text: #abb5ff;\n    --brick-color-link-text-hover: #b7c1ff;\n    --brick-color-link-text-pressed: #c6cfff;\n    --brick-color-scrim: #000000b8;\n    --brick-color-shadow: #00000080;\n    --brick-color-success-border: #237350;\n    --brick-color-success-on-soft: #7bd1ad;\n    --brick-color-success-on-solid: #ffffff;\n    --brick-color-success-soft: #0e3022;\n    --brick-color-success-soft-hover: #123d2b;\n    --brick-color-success-soft-pressed: #174b35;\n    --brick-color-success-solid: #18794e;\n    --brick-color-success-solid-hover: #1e8357;\n    --brick-color-success-solid-pressed: #12663f;\n    --brick-color-success-surface: #0e3022;\n    --brick-color-success-text: #7bd1ad;\n    --brick-color-surface-base: #20201e;\n    --brick-color-surface-canvas: #191918;\n    --brick-color-surface-overlay: #2e2e2b;\n    --brick-color-surface-raised: #2e2e2b;\n    --brick-color-surface-subtle: #272725;\n    --brick-color-text-disabled: #999690;\n    --brick-color-text-inverse: #211f1c;\n    --brick-color-text-muted: #999690;\n    --brick-color-text-primary: #eeeeec;\n    --brick-color-text-secondary: #b8b6b1;\n    --brick-color-warning-border: #905f12;\n    --brick-color-warning-on-soft: #f2bd59;\n    --brick-color-warning-on-solid: #211f1c;\n    --brick-color-warning-soft: #3d2707;\n    --brick-color-warning-soft-hover: #4d3108;\n    --brick-color-warning-soft-pressed: #5d3b09;\n    --brick-color-warning-solid: #e39019;\n    --brick-color-warning-solid-hover: #eda025;\n    --brick-color-warning-solid-pressed: #cf7d08;\n    --brick-color-warning-surface: #3d2707;\n    --brick-color-warning-text: #f2bd59;\n    --brick-shadow-floating: 0rem 0.75rem 2rem 0rem #00000042;\n    --brick-shadow-modal: 0rem 1.5rem 4.5rem 0rem #0000007a;\n    --brick-shadow-raised: 0rem 0.5rem 1.5rem -0.25rem #00000080;\n    --brick-shadow-sm: 0rem 0.125rem 0.375rem 0rem #00000080;\n    }\n  }\n\n  [data-brick-appearance=\"light\"] {\n    color-scheme: light;\n    --brick-color-accent-border: #aaa8f2;\n    --brick-color-accent-on-soft: #414098;\n    --brick-color-accent-on-solid: #ffffff;\n    --brick-color-accent-soft: #f0f0ff;\n    --brick-color-accent-soft-hover: #e6e6fe;\n    --brick-color-accent-soft-pressed: #dadaff;\n    --brick-color-accent-solid: #5b5bd6;\n    --brick-color-accent-solid-hover: #5151cd;\n    --brick-color-accent-solid-pressed: #4747c2;\n    --brick-color-accent-text: #414098;\n    --brick-color-border-default: #d9d6d0;\n    --brick-color-border-strong: #aaa69e;\n    --brick-color-border-subtle: #e3e0db;\n    --brick-color-danger-border: #ef9cad;\n    --brick-color-danger-on-soft: #ad233f;\n    --brick-color-danger-on-solid: #ffffff;\n    --brick-color-danger-soft: #ffeef1;\n    --brick-color-danger-soft-hover: #ffdde3;\n    --brick-color-danger-soft-pressed: #ffcbd5;\n    --brick-color-danger-solid: #ad233f;\n    --brick-color-danger-solid-hover: #9f1f38;\n    --brick-color-danger-solid-pressed: #901a33;\n    --brick-color-danger-surface: #ffeef1;\n    --brick-color-danger-text: #ad233f;\n    --brick-color-focus-ring: #5b5bd6;\n    --brick-color-info-border: #95c9f6;\n    --brick-color-info-on-soft: #105da9;\n    --brick-color-info-on-solid: #ffffff;\n    --brick-color-info-soft: #ecf6ff;\n    --brick-color-info-soft-hover: #dceeff;\n    --brick-color-info-soft-pressed: #cbe7ff;\n    --brick-color-info-solid: #0073d0;\n    --brick-color-info-solid-hover: #0068bd;\n    --brick-color-info-solid-pressed: #005da9;\n    --brick-color-info-surface: #ecf6ff;\n    --brick-color-info-text: #105da9;\n    --brick-color-link-text: #3a3a8f;\n    --brick-color-link-text-hover: #333185;\n    --brick-color-link-text-pressed: #2a2579;\n    --brick-color-scrim: #1413128c;\n    --brick-color-shadow: #1413122e;\n    --brick-color-success-border: #7bd1ad;\n    --brick-color-success-on-soft: #136e4c;\n    --brick-color-success-on-solid: #ffffff;\n    --brick-color-success-soft: #e8fbf3;\n    --brick-color-success-soft-hover: #d7f6e9;\n    --brick-color-success-soft-pressed: #c5efdd;\n    --brick-color-success-solid: #18794e;\n    --brick-color-success-solid-hover: #146f46;\n    --brick-color-success-solid-pressed: #10643e;\n    --brick-color-success-surface: #e8fbf3;\n    --brick-color-success-text: #136e4c;\n    --brick-color-surface-base: #f9f8f6;\n    --brick-color-surface-canvas: #fdfcfb;\n    --brick-color-surface-overlay: #ffffff;\n    --brick-color-surface-raised: #ffffff;\n    --brick-color-surface-subtle: #f2f0ed;\n    --brick-color-text-disabled: #76726c;\n    --brick-color-text-inverse: #ffffff;\n    --brick-color-text-muted: #76726c;\n    --brick-color-text-primary: #211f1c;\n    --brick-color-text-secondary: #63605b;\n    --brick-color-warning-border: #e3a644;\n    --brick-color-warning-on-soft: #714904;\n    --brick-color-warning-on-solid: #211f1c;\n    --brick-color-warning-soft: #fff7e3;\n    --brick-color-warning-soft-hover: #ffedc2;\n    --brick-color-warning-soft-pressed: #ffe3a1;\n    --brick-color-warning-solid: #f29f21;\n    --brick-color-warning-solid-hover: #e58c0e;\n    --brick-color-warning-solid-pressed: #d87d00;\n    --brick-color-warning-surface: #fff7e3;\n    --brick-color-warning-text: #714904;\n    --brick-shadow-floating: 0rem 0.75rem 2rem 0rem #14131218;\n    --brick-shadow-modal: 0rem 1.5rem 4.5rem 0rem #1413122c;\n    --brick-shadow-raised: 0rem 0.5rem 1.5rem -0.25rem #1413122e;\n    --brick-shadow-sm: 0rem 0.125rem 0.375rem 0rem #1413122e;\n  }\n\n  [data-brick-appearance=\"dark\"] {\n    color-scheme: dark;\n    --brick-color-accent-border: #5a56b5;\n    --brick-color-accent-on-soft: #bebaff;\n    --brick-color-accent-on-solid: #ffffff;\n    --brick-color-accent-soft: #232149;\n    --brick-color-accent-soft-hover: #2f2c5c;\n    --brick-color-accent-soft-pressed: #3a376f;\n    --brick-color-accent-solid: #5b57c7;\n    --brick-color-accent-solid-hover: #625ed0;\n    --brick-color-accent-solid-pressed: #514db6;\n    --brick-color-accent-text: #bebaff;\n    --brick-color-border-default: #4d4c47;\n    --brick-color-border-strong: #706d64;\n    --brick-color-border-subtle: #3b3b37;\n    --brick-color-danger-border: #993045;\n    --brick-color-danger-on-soft: #ff93a7;\n    --brick-color-danger-on-solid: #ffffff;\n    --brick-color-danger-soft: #44131e;\n    --brick-color-danger-soft-hover: #561825;\n    --brick-color-danger-soft-pressed: #681d2d;\n    --brick-color-danger-solid: #af2642;\n    --brick-color-danger-solid-hover: #bd2c49;\n    --brick-color-danger-solid-pressed: #9f2038;\n    --brick-color-danger-surface: #44131e;\n    --brick-color-danger-text: #ff93a7;\n    --brick-color-focus-ring: #bebaff;\n    --brick-color-info-border: #2c6ba7;\n    --brick-color-info-on-soft: #95c9f6;\n    --brick-color-info-on-solid: #ffffff;\n    --brick-color-info-soft: #102840;\n    --brick-color-info-soft-hover: #143654;\n    --brick-color-info-soft-pressed: #184267;\n    --brick-color-info-solid: #0a6ec3;\n    --brick-color-info-solid-hover: #1178cf;\n    --brick-color-info-solid-pressed: #075fa9;\n    --brick-color-info-surface: #102840;\n    --brick-color-info-text: #95c9f6;\n    --brick-color-link-text: #abb5ff;\n    --brick-color-link-text-hover: #b7c1ff;\n    --brick-color-link-text-pressed: #c6cfff;\n    --brick-color-scrim: #000000b8;\n    --brick-color-shadow: #00000080;\n    --brick-color-success-border: #237350;\n    --brick-color-success-on-soft: #7bd1ad;\n    --brick-color-success-on-solid: #ffffff;\n    --brick-color-success-soft: #0e3022;\n    --brick-color-success-soft-hover: #123d2b;\n    --brick-color-success-soft-pressed: #174b35;\n    --brick-color-success-solid: #18794e;\n    --brick-color-success-solid-hover: #1e8357;\n    --brick-color-success-solid-pressed: #12663f;\n    --brick-color-success-surface: #0e3022;\n    --brick-color-success-text: #7bd1ad;\n    --brick-color-surface-base: #20201e;\n    --brick-color-surface-canvas: #191918;\n    --brick-color-surface-overlay: #2e2e2b;\n    --brick-color-surface-raised: #2e2e2b;\n    --brick-color-surface-subtle: #272725;\n    --brick-color-text-disabled: #999690;\n    --brick-color-text-inverse: #211f1c;\n    --brick-color-text-muted: #999690;\n    --brick-color-text-primary: #eeeeec;\n    --brick-color-text-secondary: #b8b6b1;\n    --brick-color-warning-border: #905f12;\n    --brick-color-warning-on-soft: #f2bd59;\n    --brick-color-warning-on-solid: #211f1c;\n    --brick-color-warning-soft: #3d2707;\n    --brick-color-warning-soft-hover: #4d3108;\n    --brick-color-warning-soft-pressed: #5d3b09;\n    --brick-color-warning-solid: #e39019;\n    --brick-color-warning-solid-hover: #eda025;\n    --brick-color-warning-solid-pressed: #cf7d08;\n    --brick-color-warning-surface: #3d2707;\n    --brick-color-warning-text: #f2bd59;\n    --brick-shadow-floating: 0rem 0.75rem 2rem 0rem #00000042;\n    --brick-shadow-modal: 0rem 1.5rem 4.5rem 0rem #0000007a;\n    --brick-shadow-raised: 0rem 0.5rem 1.5rem -0.25rem #00000080;\n    --brick-shadow-sm: 0rem 0.125rem 0.375rem 0rem #00000080;\n  }\n}\n","@layer brick.components {\n  .brick-feed {\n    --brick-feed-gap: var(--brick-space-3);\n    --brick-feed-item-padding-block: var(--brick-space-4);\n    --brick-feed-item-padding-inline: var(--brick-space-4);\n    --brick-feed-background: transparent;\n    --brick-feed-foreground: var(--brick-color-text-primary);\n    --brick-feed-border-color: var(--brick-color-border-subtle);\n    --brick-feed-border-width: var(--brick-border-width);\n    --brick-feed-radius: var(--brick-radius-surface);\n    --brick-feed-divider-color: var(--brick-color-border-subtle);\n    --brick-feed-focus-color: var(--brick-color-focus-ring);\n    --brick-feed-focus-width: 2px;\n    --brick-feed-focus-offset: 2px;\n    --brick-feed-transition-duration: var(--brick-motion-duration-fast);\n\n    box-sizing: border-box;\n    display: grid;\n    inline-size: 100%;\n    min-inline-size: 0;\n    max-inline-size: 100%;\n    gap: var(--brick-feed-gap);\n    color: var(--brick-feed-foreground);\n  }\n\n  .brick-feed[data-density=\"compact\"] {\n    --brick-feed-gap: var(--brick-space-2);\n    --brick-feed-item-padding-block: var(--brick-space-2);\n    --brick-feed-item-padding-inline: var(--brick-space-3);\n  }\n\n  .brick-feed[data-divider-strength=\"default\"] {\n    --brick-feed-divider-color: var(--brick-color-border-default);\n  }\n\n  .brick-feed[data-variant=\"divided\"] {\n    --brick-feed-gap: 0;\n    background: var(--brick-feed-background);\n  }\n\n  .brick-feed[data-variant=\"divided\"] > .brick-feed__item + .brick-feed__item {\n    border-block-start: var(--brick-feed-border-width) solid var(--brick-feed-divider-color);\n  }\n\n  .brick-feed__item {\n    box-sizing: border-box;\n    min-inline-size: 0;\n    max-inline-size: 100%;\n    padding-block: var(--brick-feed-item-padding-block);\n    padding-inline: var(--brick-feed-item-padding-inline);\n    color: var(--brick-feed-foreground);\n    overflow-wrap: anywhere;\n    outline: var(--brick-feed-focus-width) solid transparent;\n    outline-offset: var(--brick-feed-focus-offset);\n    transition: border-color var(--brick-feed-transition-duration) ease;\n  }\n\n  .brick-feed[data-variant=\"outline\"] > .brick-feed__item {\n    border: var(--brick-feed-border-width) solid var(--brick-feed-border-color);\n    border-radius: var(--brick-feed-radius);\n    background: var(--brick-feed-background);\n  }\n\n  .brick-feed__item:focus-visible {\n    outline-color: var(--brick-feed-focus-color);\n  }\n\n  @media (prefers-reduced-motion: reduce) {\n    .brick-feed__item { transition-duration: 0s; }\n  }\n\n  @media (forced-colors: active) {\n    .brick-feed[data-variant=\"divided\"] > .brick-feed__item + .brick-feed__item,\n    .brick-feed[data-variant=\"outline\"] > .brick-feed__item {\n      border-color: CanvasText;\n    }\n\n    .brick-feed__item:focus-visible {\n      outline-color: Highlight;\n    }\n  }\n}\n","@layer brick.components {\n  .brick-select-trigger {\n    --brick-select-trigger-min-block-size: var(--brick-control-min-block-size-md);\n    --brick-select-trigger-padding-inline: var(--brick-space-3);\n    --brick-select-trigger-gap: var(--brick-space-2);\n    --brick-select-trigger-radius: var(--brick-radius-control);\n    --brick-select-trigger-font-family: var(--brick-typography-control-md-font-family);\n    --brick-select-trigger-font-size: var(--brick-typography-control-md-font-size);\n    --brick-select-trigger-font-weight: var(--brick-typography-control-md-font-weight);\n    --brick-select-trigger-line-height: var(--brick-typography-control-md-line-height);\n    --brick-select-trigger-letter-spacing: var(--brick-typography-control-md-letter-spacing);\n    --brick-select-trigger-background: var(--brick-color-surface-raised);\n    --brick-select-trigger-foreground: var(--brick-color-text-primary);\n    --brick-select-trigger-placeholder: var(--brick-color-text-muted);\n    --brick-select-trigger-border: var(--brick-color-border-strong);\n    --brick-select-trigger-hover-background: var(--brick-color-surface-base);\n    --brick-select-trigger-hover-border: var(--brick-color-accent-border);\n    --brick-select-trigger-focus-ring: var(--brick-color-focus-ring);\n    --brick-select-trigger-invalid-border: var(--brick-color-danger-text);\n    --brick-select-trigger-disabled-background: var(--brick-color-surface-subtle);\n    --brick-select-trigger-disabled-foreground: var(--brick-color-text-secondary);\n    --brick-select-trigger-disabled-border: var(--brick-color-border-subtle);\n    --brick-select-trigger-readonly-background: var(--brick-color-surface-subtle);\n    --brick-select-icon-size: 1.125rem;\n    --brick-select-icon-foreground: var(--brick-color-text-secondary);\n\n    display: inline-flex;\n    box-sizing: border-box;\n    min-inline-size: 0;\n    max-inline-size: 100%;\n    min-block-size: var(--brick-select-trigger-min-block-size);\n    align-items: center;\n    justify-content: space-between;\n    gap: var(--brick-select-trigger-gap);\n    padding-inline: var(--brick-select-trigger-padding-inline);\n    border: var(--brick-border-width) solid var(--brick-select-trigger-border);\n    border-radius: var(--brick-select-trigger-radius);\n    background: var(--brick-select-trigger-background);\n    color: var(--brick-select-trigger-foreground);\n    font-family: var(--brick-select-trigger-font-family);\n    font-size: var(--brick-select-trigger-font-size);\n    font-weight: var(--brick-select-trigger-font-weight);\n    letter-spacing: var(--brick-select-trigger-letter-spacing);\n    line-height: var(--brick-select-trigger-line-height);\n    text-align: start;\n    vertical-align: middle;\n    cursor: pointer;\n    transition: background-color var(--brick-motion-duration-fast) var(--brick-motion-easing-standard), border-color var(--brick-motion-duration-fast) var(--brick-motion-easing-standard), box-shadow var(--brick-motion-duration-fast) var(--brick-motion-easing-standard);\n  }\n\n  .brick-select-trigger[data-full-width] { inline-size: 100%; }\n  .brick-select-trigger:not([data-full-width]) { inline-size: fit-content; }\n  .brick-select-trigger[data-variant=\"soft\"] { --brick-select-trigger-background: var(--brick-color-surface-subtle); --brick-select-trigger-border: var(--brick-color-border-subtle); --brick-select-trigger-hover-background: var(--brick-color-accent-soft); }\n  .brick-select-trigger[data-variant=\"underline\"] { --brick-select-trigger-background: transparent; --brick-select-trigger-radius: 0; border-width: 0 0 var(--brick-border-width); }\n  .brick-select-trigger[data-shape=\"sharp\"] { --brick-select-trigger-radius: 0; }\n  .brick-select-trigger[data-shape=\"pill\"] { --brick-select-trigger-radius: var(--brick-radius-full); }\n  .brick-select-trigger[data-size=\"sm\"] { --brick-select-trigger-min-block-size: var(--brick-control-min-block-size-sm); --brick-select-trigger-padding-inline: var(--brick-space-2); --brick-select-trigger-gap: 0.375rem; --brick-select-trigger-font-family: var(--brick-typography-control-sm-font-family); --brick-select-trigger-font-size: var(--brick-typography-control-sm-font-size); --brick-select-trigger-font-weight: var(--brick-typography-control-sm-font-weight); --brick-select-trigger-line-height: var(--brick-typography-control-sm-line-height); --brick-select-trigger-letter-spacing: var(--brick-typography-control-sm-letter-spacing); --brick-select-icon-size: 1rem; }\n  .brick-select-trigger[data-size=\"lg\"] { --brick-select-trigger-min-block-size: var(--brick-control-min-block-size-lg); --brick-select-trigger-padding-inline: var(--brick-space-4); --brick-select-trigger-gap: var(--brick-space-3); --brick-select-trigger-font-family: var(--brick-typography-control-lg-font-family); --brick-select-trigger-font-size: var(--brick-typography-control-lg-font-size); --brick-select-trigger-font-weight: var(--brick-typography-control-lg-font-weight); --brick-select-trigger-line-height: var(--brick-typography-control-lg-line-height); --brick-select-trigger-letter-spacing: var(--brick-typography-control-lg-letter-spacing); --brick-select-icon-size: 1.25rem; }\n\n  .brick-select-value { min-inline-size: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }\n  .brick-select-value[data-placeholder] { color: var(--brick-select-trigger-placeholder); }\n  .brick-select-icon { display: inline-grid; flex: 0 0 auto; inline-size: var(--brick-select-icon-size); block-size: var(--brick-select-icon-size); place-items: center; color: var(--brick-select-icon-foreground); transition: transform var(--brick-motion-duration-fast) var(--brick-motion-easing-standard); }\n  .brick-select-trigger[data-state=\"open\"] .brick-select-icon { transform: rotate(180deg); }\n  .brick-select-direction-artwork, .brick-select-check-artwork { display: block; inline-size: 100%; block-size: 100%; overflow: visible; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.75; }\n\n  .brick-select-trigger:focus-visible { outline: 0; border-color: var(--brick-select-trigger-focus-ring); box-shadow: 0 0 0 var(--brick-border-focus-width) var(--brick-select-trigger-focus-ring); }\n  .brick-select-trigger[data-invalid] { border-color: var(--brick-select-trigger-invalid-border); }\n  .brick-select-trigger[data-disabled] { border-color: var(--brick-select-trigger-disabled-border); background: var(--brick-select-trigger-disabled-background); color: var(--brick-select-trigger-disabled-foreground); cursor: not-allowed; }\n  .brick-select-trigger[data-readonly] { background: var(--brick-select-trigger-readonly-background); cursor: default; }\n\n  .brick-select-content {\n    --brick-select-content-background: var(--brick-color-surface-raised);\n    --brick-select-content-foreground: var(--brick-color-text-primary);\n    --brick-select-content-border: var(--brick-color-border-subtle);\n    --brick-select-content-radius: var(--brick-radius-control);\n    --brick-select-content-shadow: var(--brick-shadow-floating);\n    --brick-select-content-max-block-size: min(20rem, var(--available-height, 20rem));\n    --brick-select-content-padding: var(--brick-space-1);\n    --brick-select-content-z-index: 70;\n    --brick-select-item-min-block-size: var(--brick-control-min-block-size-md);\n    --brick-select-item-padding-inline: var(--brick-space-3);\n    --brick-select-item-gap: var(--brick-space-2);\n    --brick-select-item-highlighted-background: var(--brick-color-accent-soft);\n    --brick-select-item-selected-foreground: var(--brick-color-accent-text);\n    --brick-select-item-disabled-foreground: var(--brick-color-text-muted);\n    --brick-select-indicator-size: 1rem;\n    --brick-select-label-foreground: var(--brick-color-text-secondary);\n    --brick-select-separator-color: var(--brick-color-border-subtle);\n    --brick-select-scroll-button-block-size: 2rem;\n    --brick-select-arrow-size: 0.625rem;\n\n    box-sizing: border-box;\n    min-inline-size: var(--anchor-width);\n    max-inline-size: min(28rem, calc(100vw - 2 * var(--brick-space-3)));\n    max-block-size: var(--brick-select-content-max-block-size);\n    overflow: hidden;\n    border: var(--brick-border-width) solid var(--brick-select-content-border);\n    border-radius: var(--brick-select-content-radius);\n    background: var(--brick-select-content-background);\n    box-shadow: var(--brick-select-content-shadow);\n    color: var(--brick-select-content-foreground);\n    z-index: var(--brick-select-content-z-index);\n  }\n\n  .brick-select-content[data-size=\"sm\"] { --brick-select-item-min-block-size: var(--brick-control-min-block-size-sm); }\n  .brick-select-content[data-size=\"lg\"] { --brick-select-item-min-block-size: var(--brick-control-min-block-size-lg); }\n\n  .brick-select-viewport { box-sizing: border-box; max-block-size: inherit; overflow-y: auto; padding: var(--brick-select-content-padding); overscroll-behavior: contain; scrollbar-width: thin; }\n  .brick-select-group + .brick-select-group { margin-block-start: var(--brick-space-1); }\n  .brick-select-label { padding: var(--brick-space-2) var(--brick-select-item-padding-inline) var(--brick-space-1); color: var(--brick-select-label-foreground); font-size: var(--brick-typography-caption-font-size); font-weight: var(--brick-typography-label-md-font-weight); line-height: var(--brick-typography-caption-line-height); }\n  .brick-select-item { display: grid; box-sizing: border-box; min-inline-size: 0; min-block-size: var(--brick-select-item-min-block-size); grid-template-columns: minmax(0, 1fr) var(--brick-select-indicator-size); align-items: center; gap: var(--brick-select-item-gap); padding-inline: var(--brick-select-item-padding-inline); border-radius: calc(var(--brick-select-content-radius) - var(--brick-border-width)); outline: 0; cursor: pointer; }\n  .brick-select-item[data-highlighted] { background: var(--brick-select-item-highlighted-background); }\n  .brick-select-item[data-selected] { color: var(--brick-select-item-selected-foreground); font-weight: var(--brick-typography-label-md-font-weight); }\n  .brick-select-item[data-disabled] { color: var(--brick-select-item-disabled-foreground); cursor: not-allowed; opacity: 0.65; }\n  .brick-select-item-text { min-inline-size: 0; overflow-wrap: anywhere; }\n  .brick-select-item-indicator { display: inline-grid; inline-size: var(--brick-select-indicator-size); block-size: var(--brick-select-indicator-size); place-items: center; }\n  .brick-select-separator { block-size: var(--brick-border-width); margin: var(--brick-space-1) var(--brick-select-item-padding-inline); background: var(--brick-select-separator-color); }\n  :where(.brick-select-scroll-up, .brick-select-scroll-down) { display: grid; box-sizing: border-box; inline-size: 100%; block-size: var(--brick-select-scroll-button-block-size); place-items: center; padding: var(--brick-space-1); border: 0; background: var(--brick-select-content-background); color: var(--brick-select-content-foreground); }\n  :where(.brick-select-scroll-up, .brick-select-scroll-down) .brick-select-direction-artwork { inline-size: 1rem; block-size: 1rem; }\n  .brick-select-arrow { display: block; inline-size: var(--brick-select-arrow-size); block-size: var(--brick-select-arrow-size); pointer-events: none; }\n  .brick-select-arrow-artwork { display: block; box-sizing: border-box; inline-size: 100%; block-size: 100%; border: var(--brick-border-width) solid var(--brick-select-content-border); background: var(--brick-select-content-background); transform: rotate(45deg); }\n  .brick-select-arrow[data-side=\"bottom\"] { transform: translateY(-50%); }\n  .brick-select-arrow[data-side=\"top\"] { transform: translateY(50%); }\n  .brick-select-arrow[data-side=\"left\"] { transform: translateX(50%); }\n  .brick-select-arrow[data-side=\"right\"] { transform: translateX(-50%); }\n  .brick-select-arrow[data-side=\"bottom\"] .brick-select-arrow-artwork { border-right: 0; border-bottom: 0; }\n  .brick-select-arrow[data-side=\"top\"] .brick-select-arrow-artwork { border-left: 0; border-top: 0; }\n  .brick-select-arrow[data-side=\"left\"] .brick-select-arrow-artwork { border-left: 0; border-bottom: 0; }\n  .brick-select-arrow[data-side=\"right\"] .brick-select-arrow-artwork { border-right: 0; border-top: 0; }\n\n  @media (hover: hover) and (pointer: fine) {\n    .brick-select-trigger:not([data-disabled], [data-readonly], [data-invalid]):hover { border-color: var(--brick-select-trigger-hover-border); background: var(--brick-select-trigger-hover-background); }\n    .brick-select-item:not([data-disabled]):hover { background: var(--brick-select-item-highlighted-background); }\n  }\n  @media (prefers-reduced-motion: reduce) { .brick-select-trigger, .brick-select-icon { transition-duration: 0ms; } }\n  @media (forced-colors: active) {\n    .brick-select-trigger, .brick-select-content { border-color: ButtonText; background: Canvas; color: CanvasText; }\n    .brick-select-trigger:focus-visible, .brick-select-item[data-highlighted] { outline: var(--brick-border-focus-width) solid Highlight; outline-offset: 0; box-shadow: none; }\n    .brick-select-trigger[data-invalid] { border-color: Mark; }\n    .brick-select-trigger[data-disabled], .brick-select-item[data-disabled] { border-color: GrayText; color: GrayText; }\n    .brick-select-item[data-selected] { color: Highlight; }\n    .brick-select-separator { background: ButtonText; }\n  }\n}\n","@layer brick.components {\n  .brick-slider {\n    --brick-slider-track-size: 0.5rem;\n    --brick-slider-track-length: 10rem;\n    --brick-slider-track-inset: calc(var(--brick-control-target-min) / 2);\n    --brick-slider-track-background: color-mix(\n      in srgb,\n      var(--brick-color-surface-subtle),\n      var(--brick-color-text-primary) 8%\n    );\n    --brick-slider-track-border: var(--brick-color-border-strong);\n    --brick-slider-range-background: var(--brick-color-accent-solid);\n    --brick-slider-thumb-size: 1.125rem;\n    --brick-slider-thumb-background: var(--brick-color-surface-raised);\n    --brick-slider-thumb-border: var(--brick-color-accent-solid);\n    --brick-slider-thumb-shadow: var(--brick-shadow-sm);\n    --brick-slider-marker-color: var(--brick-color-text-primary);\n    --brick-slider-marker-selected-color: var(--brick-color-surface-canvas);\n    --brick-slider-marker-border: var(--brick-color-border-strong);\n    --brick-slider-marker-size: 0.25rem;\n    --brick-slider-value-label-background: var(--brick-color-surface-raised);\n    --brick-slider-value-label-foreground: var(--brick-color-text-primary);\n\n    display: block;\n    position: relative;\n    box-sizing: border-box;\n    min-inline-size: 0;\n    color: var(--brick-color-text-primary);\n  }\n\n  .brick-slider[data-orientation=\"horizontal\"] { inline-size: 100%; }\n  .brick-slider[data-orientation=\"horizontal\"]:has(.brick-slider__value-label) {\n    padding-block-start: 2.25rem;\n  }\n  .brick-slider[data-orientation=\"vertical\"] {\n    inline-size: var(--brick-control-target-min);\n    block-size: var(--brick-slider-track-length);\n  }\n\n  .brick-slider__track {\n    position: relative;\n    display: block;\n    box-sizing: border-box;\n    user-select: none;\n  }\n\n  .brick-slider[data-orientation=\"horizontal\"] .brick-slider__track {\n    inline-size: calc(100% - var(--brick-slider-track-inset) - var(--brick-slider-track-inset));\n    block-size: var(--brick-control-target-min);\n    margin-inline: var(--brick-slider-track-inset);\n  }\n\n  .brick-slider[data-orientation=\"vertical\"] .brick-slider__track {\n    inline-size: var(--brick-control-target-min);\n    block-size: calc(100% - var(--brick-slider-track-inset) - var(--brick-slider-track-inset));\n    margin-block: var(--brick-slider-track-inset);\n  }\n\n  .brick-slider__track::before {\n    position: absolute;\n    border: var(--brick-border-width) solid var(--brick-slider-track-border);\n    border-radius: var(--brick-radius-full);\n    background: var(--brick-slider-track-background);\n    content: \"\";\n  }\n\n  .brick-slider[data-orientation=\"horizontal\"] .brick-slider__track::before {\n    inset-inline: 0;\n    inset-block-start: 50%;\n    block-size: var(--brick-slider-track-size);\n    transform: translateY(-50%);\n  }\n\n  .brick-slider[data-orientation=\"vertical\"] .brick-slider__track::before {\n    inset-block: 0;\n    inset-inline-start: 50%;\n    inline-size: var(--brick-slider-track-size);\n    transform: translateX(-50%);\n  }\n\n  .brick-slider__range {\n    position: absolute;\n    z-index: 1;\n    border-radius: var(--brick-radius-full);\n    background: var(--brick-slider-range-background);\n    pointer-events: none;\n  }\n\n  .brick-slider[data-orientation=\"horizontal\"] .brick-slider__range {\n    inset-block-start: 50%;\n    block-size: var(--brick-slider-track-size);\n    transform: translateY(-50%);\n  }\n\n  .brick-slider[data-orientation=\"vertical\"] .brick-slider__range {\n    inset-inline-start: 50%;\n    inline-size: var(--brick-slider-track-size);\n    transform: translateX(-50%);\n  }\n\n  .brick-slider__thumb {\n    position: absolute;\n    z-index: 3;\n    display: grid;\n    box-sizing: border-box;\n    inline-size: var(--brick-control-target-min);\n    block-size: var(--brick-control-target-min);\n    place-items: center;\n    border: 0;\n    border-radius: var(--brick-radius-full);\n    outline: 0;\n    background: transparent;\n    cursor: grab;\n  }\n\n  .brick-slider__thumb::before {\n    inline-size: var(--brick-slider-thumb-size);\n    block-size: var(--brick-slider-thumb-size);\n    box-sizing: border-box;\n    border: calc(2 * var(--brick-border-width)) solid var(--brick-slider-thumb-border);\n    border-radius: var(--brick-radius-full);\n    background: var(--brick-slider-thumb-background);\n    box-shadow: var(--brick-slider-thumb-shadow);\n    content: \"\";\n    transition: transform var(--brick-motion-duration-fast) var(--brick-motion-easing-standard);\n  }\n\n  .brick-slider[data-orientation=\"horizontal\"] .brick-slider__thumb {\n    inset-block-start: 50%;\n    transform: translate(-50%, -50%);\n  }\n  [dir=\"rtl\"] .brick-slider[data-orientation=\"horizontal\"] .brick-slider__thumb {\n    transform: translate(50%, -50%);\n  }\n  .brick-slider[data-orientation=\"vertical\"] .brick-slider__thumb {\n    inset-inline-start: 50%;\n    transform: translate(-50%, 50%);\n  }\n\n  .brick-slider__thumb:active { cursor: grabbing; }\n  .brick-slider__thumb:active::before { transform: scale(1.12); }\n  .brick-slider__thumb:is(:focus-visible, [data-focus-visible])::before {\n    outline: var(--brick-border-focus-width) solid var(--brick-color-focus-ring);\n    outline-offset: var(--brick-border-focus-offset);\n  }\n\n  .brick-slider__marker {\n    position: absolute;\n    z-index: 2;\n    display: grid;\n    color: var(--brick-color-text-secondary);\n    place-items: center;\n    pointer-events: none;\n    font: var(--brick-typography-body-sm-font-weight) var(--brick-typography-body-sm-font-size)/var(--brick-typography-body-sm-line-height) var(--brick-typography-body-sm-font-family);\n  }\n  .brick-slider__marker::before {\n    position: absolute;\n    box-sizing: border-box;\n    border: var(--brick-border-width) solid var(--brick-slider-marker-border);\n    border-radius: var(--brick-radius-full);\n    background: var(--brick-slider-marker-color);\n    content: \"\";\n  }\n  .brick-slider__marker[data-selected]::before {\n    border-color: color-mix(in srgb, var(--brick-color-accent-on-solid), transparent 45%);\n    background: var(--brick-slider-marker-selected-color);\n  }\n  .brick-slider__marker[data-orientation=\"horizontal\"] {\n    inset-inline-start: calc(var(--brick-slider-marker-percent) * 1%);\n    inset-block-start: 50%;\n    min-inline-size: calc(var(--brick-slider-marker-size) * 2);\n    padding-block-start: 2.25rem;\n    transform: translate(-50%, -50%);\n  }\n  .brick-slider__marker[data-orientation=\"horizontal\"][data-edge=\"start\"] { transform: translate(0, -50%); }\n  .brick-slider__marker[data-orientation=\"horizontal\"][data-edge=\"end\"] { transform: translate(-100%, -50%); }\n  [dir=\"rtl\"] .brick-slider__marker[data-orientation=\"horizontal\"] { transform: translate(50%, -50%); }\n  [dir=\"rtl\"] .brick-slider__marker[data-orientation=\"horizontal\"][data-edge=\"start\"] { transform: translate(-100%, -50%); }\n  [dir=\"rtl\"] .brick-slider__marker[data-orientation=\"horizontal\"][data-edge=\"end\"] { transform: translate(0, -50%); }\n  .brick-slider__marker[data-orientation=\"horizontal\"]::before {\n    inset-inline-start: calc(50% - (var(--brick-slider-marker-size) / 2));\n    inset-block-start: 50%;\n    inline-size: var(--brick-slider-marker-size);\n    block-size: var(--brick-slider-marker-size);\n    transform: translateY(-50%);\n  }\n  .brick-slider__marker[data-orientation=\"vertical\"] {\n    inset-inline-start: 50%;\n    inset-block-end: calc(var(--brick-slider-marker-percent) * 1%);\n    padding-inline-start: 2.25rem;\n    transform: translate(-50%, 50%);\n  }\n  .brick-slider__marker[data-orientation=\"vertical\"]::before {\n    inset-inline-start: 50%;\n    inset-block-start: calc(50% - (var(--brick-slider-marker-size) / 2));\n    inline-size: var(--brick-slider-marker-size);\n    block-size: var(--brick-slider-marker-size);\n    transform: translateX(-50%);\n  }\n\n  .brick-slider__value-label {\n    position: absolute;\n    inset-inline-start: 50%;\n    inset-block-end: calc(100% + var(--brick-space-1));\n    min-inline-size: 1.75rem;\n    padding: var(--brick-space-1) var(--brick-space-2);\n    border: var(--brick-border-width) solid var(--brick-color-border-subtle);\n    border-radius: var(--brick-radius-subtle);\n    background: var(--brick-slider-value-label-background);\n    color: var(--brick-slider-value-label-foreground);\n    box-shadow: var(--brick-shadow-sm);\n    transform: translateX(-50%);\n    text-align: center;\n    white-space: nowrap;\n    font-family: var(--brick-typography-body-sm-font-family);\n    font-size: var(--brick-typography-body-sm-font-size);\n    line-height: var(--brick-typography-body-sm-line-height);\n    font-variant-numeric: tabular-nums;\n  }\n  .brick-slider[data-orientation=\"vertical\"] .brick-slider__value-label {\n    inset-inline-start: calc(100% + var(--brick-space-1));\n    inset-block-end: 50%;\n    transform: translateY(50%);\n  }\n\n  .brick-slider[data-size=\"sm\"] { --brick-slider-track-size: 0.375rem; --brick-slider-thumb-size: 0.875rem; }\n  .brick-slider[data-size=\"lg\"] { --brick-slider-track-size: 0.5rem; --brick-slider-thumb-size: 1.375rem; }\n  .brick-slider[data-variant=\"soft\"] {\n    --brick-slider-range-background: var(--brick-color-accent-soft);\n    --brick-slider-marker-color: var(--brick-color-accent-text);\n    --brick-slider-marker-selected-color: var(--brick-color-accent-on-soft);\n    --brick-slider-thumb-border: var(--brick-color-accent-text);\n  }\n  .brick-slider[data-invalid] { --brick-slider-thumb-border: var(--brick-color-danger-text); --brick-slider-range-background: var(--brick-color-danger-text); }\n  .brick-slider[data-disabled] { opacity: 0.6; }\n  .brick-slider[data-disabled] .brick-slider__thumb { cursor: not-allowed; }\n  .brick-slider[data-readonly] .brick-slider__thumb { cursor: default; }\n\n  @media (prefers-reduced-motion: reduce) { .brick-slider__thumb::before { transition: none; } }\n  @media (forced-colors: active) {\n    .brick-slider { forced-color-adjust: none; }\n    .brick-slider__track::before { border-color: ButtonText; background: Canvas; }\n    .brick-slider__range { background: Highlight; }\n    .brick-slider__thumb::before { border-color: Highlight; background: Canvas; box-shadow: none; }\n    .brick-slider__marker::before { background: ButtonText; }\n    .brick-slider__marker[data-selected]::before { background: HighlightText; }\n    .brick-slider__value-label { border-color: ButtonText; background: Canvas; color: CanvasText; box-shadow: none; }\n    .brick-slider[data-disabled] { opacity: 1; }\n    .brick-slider[data-disabled] .brick-slider__thumb::before { border-color: GrayText; }\n  }\n}\n","@layer brick.foundations {\n  :where(body) {\n    background-color: var(--brick-color-surface-canvas);\n    color: var(--brick-color-text-primary);\n    font-family: var(--brick-font-family-body);\n    font-size: var(--brick-typography-body-md-font-size);\n    line-height: var(--brick-typography-body-md-line-height);\n  }\n\n  :where([class^=\"brick-\"], [class*=\" brick-\"]) {\n    box-sizing: border-box;\n    font-family: var(--brick-font-family-body);\n    -webkit-tap-highlight-color: transparent;\n  }\n\n  :where([class^=\"brick-\"], [class*=\" brick-\"])::before,\n  :where([class^=\"brick-\"], [class*=\" brick-\"])::after {\n    box-sizing: border-box;\n  }\n\n  @media (forced-colors: active) {\n    :where([class^=\"brick-\"], [class*=\" brick-\"]) {\n      forced-color-adjust: auto;\n    }\n  }\n\n  @media (prefers-reduced-motion: reduce) {\n    :where([class^=\"brick-\"], [class*=\" brick-\"]) {\n      scroll-behavior: auto;\n    }\n  }\n}\n","@layer brick.components {\n  .brick-swipeable-item {\n    --brick-swipeable-item-background: var(--brick-color-surface-base);\n    --brick-swipeable-item-foreground: var(--brick-color-text-primary);\n    --brick-swipeable-item-action-background: var(--brick-color-surface-raised);\n    --brick-swipeable-item-action-foreground: var(--brick-color-text-primary);\n    --brick-swipeable-item-border-color: var(--brick-color-border-subtle);\n    --brick-swipeable-item-border-width: var(--brick-border-width);\n    --brick-swipeable-item-radius: var(--brick-radius-surface);\n    --brick-swipeable-item-focus-color: var(--brick-color-focus-ring);\n    --brick-swipeable-item-focus-width: 2px;\n    --brick-swipeable-item-focus-offset: -3px;\n    --brick-swipeable-item-action-gap: var(--brick-space-2);\n    --brick-swipeable-item-action-padding-inline: var(--brick-space-2);\n    --brick-swipeable-item-action-min-size: 2.75rem;\n    --brick-swipeable-item-transition-duration: var(--brick-motion-duration-fast);\n\n    position: relative;\n    isolation: isolate;\n    box-sizing: border-box;\n    display: grid;\n    inline-size: 100%;\n    min-inline-size: 0;\n    overflow: hidden;\n    border: var(--brick-swipeable-item-border-width) solid transparent;\n    border-radius: var(--brick-swipeable-item-radius);\n    background: var(--brick-swipeable-item-action-background);\n    color: var(--brick-swipeable-item-foreground);\n  }\n\n  .brick-swipeable-item[data-variant=\"outline\"] {\n    border-color: var(--brick-swipeable-item-border-color);\n  }\n\n  .brick-swipeable-item__content {\n    position: relative;\n    z-index: 1;\n    box-sizing: border-box;\n    min-inline-size: 0;\n    border-radius: calc(var(--brick-swipeable-item-radius) - var(--brick-swipeable-item-border-width));\n    background: var(--brick-swipeable-item-background);\n    color: var(--brick-swipeable-item-foreground);\n    outline: var(--brick-swipeable-item-focus-width) solid transparent;\n    outline-offset: var(--brick-swipeable-item-focus-offset);\n    transform: translate3d(var(--atom-swipeable-item-offset, 0px), 0, 0);\n    transition: transform var(--brick-swipeable-item-transition-duration) ease;\n  }\n\n  .brick-swipeable-item[data-dragging] .brick-swipeable-item__content {\n    transition: none;\n  }\n\n  .brick-swipeable-item__content:focus-visible {\n    outline-color: var(--brick-swipeable-item-focus-color);\n  }\n\n  .brick-swipeable-item__actions {\n    position: absolute;\n    z-index: 0;\n    inset-block: 0;\n    box-sizing: border-box;\n    display: flex;\n    align-items: stretch;\n    gap: var(--brick-swipeable-item-action-gap);\n    min-inline-size: var(--brick-swipeable-item-action-min-size);\n    padding-inline: var(--brick-swipeable-item-action-padding-inline);\n    background: var(--brick-swipeable-item-action-background);\n    color: var(--brick-swipeable-item-action-foreground);\n  }\n\n  .brick-swipeable-item__actions[data-side=\"start\"] { inset-inline-start: 0; }\n  .brick-swipeable-item__actions[data-side=\"end\"] { inset-inline-end: 0; }\n\n  .brick-swipeable-item__actions > * {\n    min-inline-size: var(--brick-swipeable-item-action-min-size);\n    min-block-size: var(--brick-swipeable-item-action-min-size);\n  }\n\n  .brick-swipeable-item[data-disabled] { opacity: 0.55; }\n  .brick-swipeable-item[data-readonly] { cursor: default; }\n\n  @media (prefers-reduced-motion: reduce) {\n    .brick-swipeable-item__content { transition-duration: 0s; }\n  }\n\n  @media (forced-colors: active) {\n    .brick-swipeable-item[data-variant=\"outline\"] { border-color: CanvasText; }\n    .brick-swipeable-item__content:focus-visible { outline-color: Highlight; }\n    .brick-swipeable-item__actions { border-inline: 1px solid CanvasText; }\n  }\n}\n","@layer brick.components {\n  .brick-multi-select-trigger {\n    --brick-multi-select-trigger-min-block-size: var(--brick-control-min-block-size-md);\n    --brick-multi-select-trigger-padding-inline: var(--brick-space-3);\n    --brick-multi-select-trigger-gap: var(--brick-space-2);\n    --brick-multi-select-trigger-radius: var(--brick-radius-control);\n    --brick-multi-select-trigger-font-family: var(--brick-typography-control-md-font-family);\n    --brick-multi-select-trigger-font-size: var(--brick-typography-control-md-font-size);\n    --brick-multi-select-trigger-font-weight: var(--brick-typography-control-md-font-weight);\n    --brick-multi-select-trigger-line-height: var(--brick-typography-control-md-line-height);\n    --brick-multi-select-trigger-letter-spacing: var(--brick-typography-control-md-letter-spacing);\n    --brick-multi-select-trigger-background: var(--brick-color-surface-raised);\n    --brick-multi-select-trigger-foreground: var(--brick-color-text-primary);\n    --brick-multi-select-trigger-placeholder: var(--brick-color-text-muted);\n    --brick-multi-select-trigger-border: var(--brick-color-border-strong);\n    --brick-multi-select-trigger-hover-background: var(--brick-color-surface-base);\n    --brick-multi-select-trigger-hover-border: var(--brick-color-accent-border);\n    --brick-multi-select-trigger-focus-ring: var(--brick-color-focus-ring);\n    --brick-multi-select-trigger-invalid-border: var(--brick-color-danger-text);\n    --brick-multi-select-trigger-disabled-background: var(--brick-color-surface-subtle);\n    --brick-multi-select-trigger-disabled-foreground: var(--brick-color-text-secondary);\n    --brick-multi-select-trigger-disabled-border: var(--brick-color-border-subtle);\n    --brick-multi-select-trigger-readonly-background: var(--brick-color-surface-subtle);\n    --brick-multi-select-icon-size: 1.125rem;\n    --brick-multi-select-icon-foreground: var(--brick-color-text-secondary);\n\n    display: inline-flex;\n    box-sizing: border-box;\n    min-inline-size: 0;\n    max-inline-size: 100%;\n    min-block-size: var(--brick-multi-select-trigger-min-block-size);\n    align-items: center;\n    justify-content: space-between;\n    gap: var(--brick-multi-select-trigger-gap);\n    padding-inline: var(--brick-multi-select-trigger-padding-inline);\n    border: var(--brick-border-width) solid var(--brick-multi-select-trigger-border);\n    border-radius: var(--brick-multi-select-trigger-radius);\n    background: var(--brick-multi-select-trigger-background);\n    color: var(--brick-multi-select-trigger-foreground);\n    font-family: var(--brick-multi-select-trigger-font-family);\n    font-size: var(--brick-multi-select-trigger-font-size);\n    font-weight: var(--brick-multi-select-trigger-font-weight);\n    letter-spacing: var(--brick-multi-select-trigger-letter-spacing);\n    line-height: var(--brick-multi-select-trigger-line-height);\n    text-align: start;\n    vertical-align: middle;\n    cursor: pointer;\n    transition: background-color var(--brick-motion-duration-fast) var(--brick-motion-easing-standard), border-color var(--brick-motion-duration-fast) var(--brick-motion-easing-standard), box-shadow var(--brick-motion-duration-fast) var(--brick-motion-easing-standard);\n  }\n\n  .brick-multi-select-trigger[data-full-width] { inline-size: 100%; }\n  .brick-multi-select-trigger:not([data-full-width]) { inline-size: fit-content; }\n  .brick-multi-select-trigger[data-variant=\"soft\"] { --brick-multi-select-trigger-background: var(--brick-color-surface-subtle); --brick-multi-select-trigger-border: var(--brick-color-border-subtle); --brick-multi-select-trigger-hover-background: var(--brick-color-accent-soft); }\n  .brick-multi-select-trigger[data-variant=\"underline\"] { --brick-multi-select-trigger-background: transparent; --brick-multi-select-trigger-radius: 0; border-width: 0 0 var(--brick-border-width); }\n  .brick-multi-select-trigger[data-shape=\"sharp\"] { --brick-multi-select-trigger-radius: 0; }\n  .brick-multi-select-trigger[data-shape=\"pill\"] { --brick-multi-select-trigger-radius: var(--brick-radius-full); }\n  .brick-multi-select-trigger[data-size=\"sm\"] { --brick-multi-select-trigger-min-block-size: var(--brick-control-min-block-size-sm); --brick-multi-select-trigger-padding-inline: var(--brick-space-2); --brick-multi-select-trigger-gap: 0.375rem; --brick-multi-select-trigger-font-family: var(--brick-typography-control-sm-font-family); --brick-multi-select-trigger-font-size: var(--brick-typography-control-sm-font-size); --brick-multi-select-trigger-font-weight: var(--brick-typography-control-sm-font-weight); --brick-multi-select-trigger-line-height: var(--brick-typography-control-sm-line-height); --brick-multi-select-trigger-letter-spacing: var(--brick-typography-control-sm-letter-spacing); --brick-multi-select-icon-size: 1rem; }\n  .brick-multi-select-trigger[data-size=\"lg\"] { --brick-multi-select-trigger-min-block-size: var(--brick-control-min-block-size-lg); --brick-multi-select-trigger-padding-inline: var(--brick-space-4); --brick-multi-select-trigger-gap: var(--brick-space-3); --brick-multi-select-trigger-font-family: var(--brick-typography-control-lg-font-family); --brick-multi-select-trigger-font-size: var(--brick-typography-control-lg-font-size); --brick-multi-select-trigger-font-weight: var(--brick-typography-control-lg-font-weight); --brick-multi-select-trigger-line-height: var(--brick-typography-control-lg-line-height); --brick-multi-select-trigger-letter-spacing: var(--brick-typography-control-lg-letter-spacing); --brick-multi-select-icon-size: 1.25rem; }\n\n  .brick-multi-select-value { min-inline-size: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }\n  .brick-multi-select-value[data-placeholder] { color: var(--brick-multi-select-trigger-placeholder); }\n  .brick-multi-select-icon { display: inline-grid; flex: 0 0 auto; inline-size: var(--brick-multi-select-icon-size); block-size: var(--brick-multi-select-icon-size); place-items: center; color: var(--brick-multi-select-icon-foreground); transition: transform var(--brick-motion-duration-fast) var(--brick-motion-easing-standard); }\n  .brick-multi-select-trigger[data-state=\"open\"] .brick-multi-select-icon { transform: rotate(180deg); }\n  .brick-multi-select-direction-artwork, .brick-multi-select-check-artwork { display: block; inline-size: 100%; block-size: 100%; overflow: visible; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.75; }\n\n  .brick-multi-select-trigger:focus-visible { outline: 0; border-color: var(--brick-multi-select-trigger-focus-ring); box-shadow: 0 0 0 var(--brick-border-focus-width) var(--brick-multi-select-trigger-focus-ring); }\n  .brick-multi-select-trigger[data-invalid] { border-color: var(--brick-multi-select-trigger-invalid-border); }\n  .brick-multi-select-trigger[data-disabled] { border-color: var(--brick-multi-select-trigger-disabled-border); background: var(--brick-multi-select-trigger-disabled-background); color: var(--brick-multi-select-trigger-disabled-foreground); cursor: not-allowed; }\n  .brick-multi-select-trigger[data-readonly] { background: var(--brick-multi-select-trigger-readonly-background); cursor: default; }\n\n  .brick-multi-select-content {\n    --brick-multi-select-content-background: var(--brick-color-surface-raised);\n    --brick-multi-select-content-foreground: var(--brick-color-text-primary);\n    --brick-multi-select-content-border: var(--brick-color-border-subtle);\n    --brick-multi-select-content-radius: var(--brick-radius-control);\n    --brick-multi-select-content-shadow: var(--brick-shadow-floating);\n    --brick-multi-select-content-max-block-size: min(20rem, var(--available-height, 20rem));\n    --brick-multi-select-content-padding: var(--brick-space-1);\n    --brick-multi-select-content-z-index: 70;\n    --brick-multi-select-item-min-block-size: var(--brick-control-min-block-size-md);\n    --brick-multi-select-item-padding-inline: var(--brick-space-3);\n    --brick-multi-select-item-gap: var(--brick-space-2);\n    --brick-multi-select-item-highlighted-background: var(--brick-color-accent-soft);\n    --brick-multi-select-item-selected-foreground: var(--brick-color-accent-text);\n    --brick-multi-select-item-disabled-foreground: var(--brick-color-text-muted);\n    --brick-multi-select-indicator-size: 1rem;\n    --brick-multi-select-label-foreground: var(--brick-color-text-secondary);\n    --brick-multi-select-separator-color: var(--brick-color-border-subtle);\n    --brick-multi-select-scroll-button-block-size: 2rem;\n    --brick-multi-select-arrow-size: 0.625rem;\n\n    box-sizing: border-box;\n    min-inline-size: var(--anchor-width);\n    max-inline-size: min(28rem, calc(100vw - 2 * var(--brick-space-3)));\n    max-block-size: var(--brick-multi-select-content-max-block-size);\n    overflow: hidden;\n    border: var(--brick-border-width) solid var(--brick-multi-select-content-border);\n    border-radius: var(--brick-multi-select-content-radius);\n    background: var(--brick-multi-select-content-background);\n    box-shadow: var(--brick-multi-select-content-shadow);\n    color: var(--brick-multi-select-content-foreground);\n    z-index: var(--brick-multi-select-content-z-index);\n  }\n\n  .brick-multi-select-content[data-size=\"sm\"] { --brick-multi-select-item-min-block-size: var(--brick-control-min-block-size-sm); }\n  .brick-multi-select-content[data-size=\"lg\"] { --brick-multi-select-item-min-block-size: var(--brick-control-min-block-size-lg); }\n\n  .brick-multi-select-viewport { box-sizing: border-box; max-block-size: inherit; overflow-y: auto; padding: var(--brick-multi-select-content-padding); overscroll-behavior: contain; scrollbar-width: thin; }\n  .brick-multi-select-group + .brick-multi-select-group { margin-block-start: var(--brick-space-1); }\n  .brick-multi-select-label { padding: var(--brick-space-2) var(--brick-multi-select-item-padding-inline) var(--brick-space-1); color: var(--brick-multi-select-label-foreground); font-size: var(--brick-typography-caption-font-size); font-weight: var(--brick-typography-label-md-font-weight); line-height: var(--brick-typography-caption-line-height); }\n  .brick-multi-select-item { display: grid; box-sizing: border-box; min-inline-size: 0; min-block-size: var(--brick-multi-select-item-min-block-size); grid-template-columns: minmax(0, 1fr) var(--brick-multi-select-indicator-size); align-items: center; gap: var(--brick-multi-select-item-gap); padding-inline: var(--brick-multi-select-item-padding-inline); border-radius: calc(var(--brick-multi-select-content-radius) - var(--brick-border-width)); outline: 0; cursor: pointer; }\n  .brick-multi-select-item[data-highlighted] { background: var(--brick-multi-select-item-highlighted-background); }\n  .brick-multi-select-item[data-state=\"checked\"] { color: var(--brick-multi-select-item-selected-foreground); font-weight: var(--brick-typography-label-md-font-weight); }\n  .brick-multi-select-item[data-disabled] { color: var(--brick-multi-select-item-disabled-foreground); cursor: not-allowed; opacity: 0.65; }\n  .brick-multi-select-item-text { min-inline-size: 0; overflow-wrap: anywhere; }\n  .brick-multi-select-item-indicator { display: inline-grid; inline-size: var(--brick-multi-select-indicator-size); block-size: var(--brick-multi-select-indicator-size); place-items: center; }\n  .brick-multi-select-separator { block-size: var(--brick-border-width); margin: var(--brick-space-1) var(--brick-multi-select-item-padding-inline); background: var(--brick-multi-select-separator-color); }\n  :where(.brick-multi-select-scroll-up, .brick-multi-select-scroll-down) { display: grid; box-sizing: border-box; inline-size: 100%; block-size: var(--brick-multi-select-scroll-button-block-size); place-items: center; padding: var(--brick-space-1); border: 0; background: var(--brick-multi-select-content-background); color: var(--brick-multi-select-content-foreground); }\n  :where(.brick-multi-select-scroll-up, .brick-multi-select-scroll-down) .brick-multi-select-direction-artwork { inline-size: 1rem; block-size: 1rem; }\n  .brick-multi-select-arrow { display: block; inline-size: var(--brick-multi-select-arrow-size); block-size: var(--brick-multi-select-arrow-size); pointer-events: none; }\n  .brick-multi-select-arrow-artwork { display: block; box-sizing: border-box; inline-size: 100%; block-size: 100%; border: var(--brick-border-width) solid var(--brick-multi-select-content-border); background: var(--brick-multi-select-content-background); transform: rotate(45deg); }\n  .brick-multi-select-arrow[data-side=\"bottom\"] { transform: translateY(-50%); }\n  .brick-multi-select-arrow[data-side=\"top\"] { transform: translateY(50%); }\n  .brick-multi-select-arrow[data-side=\"left\"] { transform: translateX(50%); }\n  .brick-multi-select-arrow[data-side=\"right\"] { transform: translateX(-50%); }\n  .brick-multi-select-arrow[data-side=\"bottom\"] .brick-multi-select-arrow-artwork { border-right: 0; border-bottom: 0; }\n  .brick-multi-select-arrow[data-side=\"top\"] .brick-multi-select-arrow-artwork { border-left: 0; border-top: 0; }\n  .brick-multi-select-arrow[data-side=\"left\"] .brick-multi-select-arrow-artwork { border-left: 0; border-bottom: 0; }\n  .brick-multi-select-arrow[data-side=\"right\"] .brick-multi-select-arrow-artwork { border-right: 0; border-top: 0; }\n\n  @media (hover: hover) and (pointer: fine) {\n    .brick-multi-select-trigger:not([data-disabled], [data-readonly], [data-invalid]):hover { border-color: var(--brick-multi-select-trigger-hover-border); background: var(--brick-multi-select-trigger-hover-background); }\n    .brick-multi-select-item:not([data-disabled]):hover { background: var(--brick-multi-select-item-highlighted-background); }\n  }\n  @media (prefers-reduced-motion: reduce) { .brick-multi-select-trigger, .brick-multi-select-icon { transition-duration: 0ms; } }\n  @media (forced-colors: active) {\n    .brick-multi-select-trigger, .brick-multi-select-content { border-color: ButtonText; background: Canvas; color: CanvasText; }\n    .brick-multi-select-trigger:focus-visible, .brick-multi-select-item[data-highlighted] { outline: var(--brick-border-focus-width) solid Highlight; outline-offset: 0; box-shadow: none; }\n    .brick-multi-select-trigger[data-invalid] { border-color: Mark; }\n    .brick-multi-select-trigger[data-disabled], .brick-multi-select-item[data-disabled] { border-color: GrayText; color: GrayText; }\n    .brick-multi-select-item[data-state=\"checked\"] { color: Highlight; }\n    .brick-multi-select-separator { background: ButtonText; }\n  }\n}\n","@layer brick.components {\n  .brick-rating {\n    --brick-rating-item-size: 1.5rem;\n    --brick-rating-gap: var(--brick-space-1);\n    --brick-rating-empty-color: var(--brick-color-border-strong);\n    --brick-rating-fill-color: var(--brick-color-accent-solid);\n\n    display: inline-flex;\n    box-sizing: border-box;\n    min-inline-size: 0;\n    align-items: center;\n    gap: var(--brick-rating-gap);\n    border-radius: var(--brick-radius-subtle);\n    outline: 0;\n  }\n\n  .brick-rating:is(:focus-visible, [data-focus-visible]) {\n    outline: var(--brick-border-focus-width) solid var(--brick-color-focus-ring);\n    outline-offset: var(--brick-border-focus-offset);\n  }\n\n  .brick-rating__item {\n    position: relative;\n    display: grid;\n    box-sizing: border-box;\n    inline-size: var(--brick-control-target-min);\n    min-inline-size: var(--brick-control-target-min);\n    block-size: var(--brick-control-target-min);\n    place-items: center;\n    color: var(--brick-rating-empty-color);\n    cursor: pointer;\n  }\n\n  .brick-rating--display .brick-rating__item {\n    inline-size: var(--brick-rating-item-size);\n    min-inline-size: var(--brick-rating-item-size);\n    block-size: var(--brick-rating-item-size);\n    cursor: default;\n  }\n\n  .brick-rating__artwork {\n    position: absolute;\n    display: grid;\n    inline-size: var(--brick-rating-item-size);\n    block-size: var(--brick-rating-item-size);\n    place-items: center;\n    pointer-events: none;\n  }\n\n  .brick-rating__artwork > * { inline-size: 100%; block-size: 100%; }\n  .brick-rating__artwork--empty { color: var(--brick-rating-empty-color); }\n  .brick-rating__artwork--fill {\n    overflow: hidden;\n    color: var(--brick-rating-fill-color);\n    clip-path: inset(0 calc(100% - var(--brick-rating-fill)) 0 0);\n  }\n  [dir=\"rtl\"] .brick-rating__artwork--fill {\n    clip-path: inset(0 0 0 calc(100% - var(--brick-rating-fill)));\n  }\n\n  .brick-rating__star {\n    display: block;\n    inline-size: 100%;\n    block-size: 100%;\n    overflow: visible;\n    fill: currentColor;\n    stroke: currentColor;\n    stroke-linejoin: round;\n    stroke-width: 1.5;\n  }\n\n  .brick-rating[data-variant=\"outline\"] .brick-rating__artwork--empty .brick-rating__star,\n  .brick-rating[data-variant=\"outline\"] .brick-rating__artwork--fill .brick-rating__star {\n    fill: transparent;\n  }\n  .brick-rating[data-variant=\"outline\"] .brick-rating__artwork--fill .brick-rating__star {\n    fill: color-mix(in srgb, currentColor 24%, transparent);\n  }\n\n  .brick-rating[data-size=\"sm\"] { --brick-rating-item-size: 1.125rem; --brick-rating-gap: 0; }\n  .brick-rating[data-size=\"lg\"] { --brick-rating-item-size: 1.875rem; --brick-rating-gap: var(--brick-space-2); }\n  .brick-rating[data-tone=\"neutral\"] { --brick-rating-fill-color: var(--brick-color-text-primary); }\n  .brick-rating[data-invalid] { --brick-rating-fill-color: var(--brick-color-danger-text); --brick-rating-empty-color: var(--brick-color-danger-text); }\n  .brick-rating[data-disabled] { opacity: 0.6; }\n  .brick-rating[data-disabled] .brick-rating__item { cursor: not-allowed; }\n  .brick-rating[data-readonly] .brick-rating__item { cursor: default; }\n\n  .brick-rating-summary {\n    --brick-rating-summary-artwork-size: 1rem;\n    --brick-rating-summary-gap: var(--brick-space-1);\n    --brick-rating-summary-color: var(--brick-color-accent-solid);\n\n    display: inline-flex;\n    box-sizing: border-box;\n    min-inline-size: 0;\n    align-items: center;\n    gap: var(--brick-rating-summary-gap);\n    color: var(--brick-color-text-primary);\n    font-family: var(--brick-typography-body-sm-font-family);\n    font-size: var(--brick-typography-body-sm-font-size);\n    font-variant-numeric: tabular-nums;\n    font-weight: var(--brick-typography-body-sm-font-weight);\n    line-height: var(--brick-typography-body-sm-line-height);\n    letter-spacing: var(--brick-typography-body-sm-letter-spacing);\n    vertical-align: middle;\n  }\n\n  .brick-rating-summary[data-size=\"sm\"] {\n    --brick-rating-summary-artwork-size: 0.875rem;\n    font-family: var(--brick-typography-caption-font-family);\n    font-size: var(--brick-typography-caption-font-size);\n    font-weight: var(--brick-typography-caption-font-weight);\n    line-height: var(--brick-typography-caption-line-height);\n    letter-spacing: var(--brick-typography-caption-letter-spacing);\n  }\n\n  .brick-rating-summary[data-size=\"lg\"] {\n    --brick-rating-summary-artwork-size: 1.25rem;\n    --brick-rating-summary-gap: var(--brick-space-2);\n    font-family: var(--brick-typography-body-md-font-family);\n    font-size: var(--brick-typography-body-md-font-size);\n    font-weight: var(--brick-typography-body-md-font-weight);\n    line-height: var(--brick-typography-body-md-line-height);\n    letter-spacing: var(--brick-typography-body-md-letter-spacing);\n  }\n\n  .brick-rating-summary[data-tone=\"neutral\"] {\n    --brick-rating-summary-color: var(--brick-color-text-primary);\n  }\n\n  .brick-rating-summary__artwork {\n    display: inline-grid;\n    inline-size: var(--brick-rating-summary-artwork-size);\n    block-size: var(--brick-rating-summary-artwork-size);\n    flex: none;\n    place-items: center;\n    color: var(--brick-rating-summary-color);\n  }\n\n  .brick-rating-summary__value { min-inline-size: 0; color: inherit; }\n\n  @media (hover: hover) and (pointer: fine) {\n    .brick-rating:not([data-disabled], [data-readonly]) .brick-rating__item:hover {\n      transform: translateY(-0.0625rem);\n    }\n  }\n  @media (prefers-reduced-motion: reduce) { .brick-rating__item { transform: none !important; } }\n  @media (forced-colors: active) {\n    .brick-rating { forced-color-adjust: none; }\n    .brick-rating__artwork--empty { color: ButtonText; }\n    .brick-rating__artwork--fill { color: Highlight; }\n    .brick-rating[data-invalid] .brick-rating__artwork { color: Mark; }\n    .brick-rating[data-disabled] { opacity: 1; }\n    .brick-rating[data-disabled] .brick-rating__artwork { color: GrayText; }\n    .brick-rating-summary { color: CanvasText; }\n    .brick-rating-summary__artwork { color: Highlight; }\n  }\n}\n","@layer brick.components {\n  .brick-appearance {\n    box-sizing: border-box;\n  }\n}\n","@layer brick.components {\n  .brick-toolbar {\n    --brick-toolbar-surface: var(--brick-color-surface-subtle);\n    --brick-toolbar-border-color: transparent;\n    --brick-toolbar-radius: var(--brick-radius-control);\n    --brick-toolbar-gap: 0.25rem;\n    --brick-toolbar-padding: 0.25rem;\n    --brick-toolbar-item-size: var(--brick-control-min-block-size-md);\n    --brick-toolbar-item-padding-inline: 0.75rem;\n    --brick-toolbar-item-radius: calc(var(--brick-toolbar-radius) - 0.125rem);\n    --brick-toolbar-item-background: transparent;\n    --brick-toolbar-item-selected-background: var(--brick-toolbar-toggle-tone-soft);\n    --brick-toolbar-separator-color: var(--brick-color-border-default);\n\n    display: inline-flex;\n    box-sizing: border-box;\n    min-inline-size: 0;\n    max-inline-size: 100%;\n    align-items: center;\n    gap: var(--brick-toolbar-gap);\n    padding: var(--brick-toolbar-padding);\n    border: var(--brick-border-width) solid var(--brick-toolbar-border-color);\n    border-radius: var(--brick-toolbar-radius);\n    background: var(--brick-toolbar-surface);\n    color: var(--brick-color-text-primary);\n    overflow: auto hidden;\n    scrollbar-width: thin;\n  }\n  .brick-toolbar[data-orientation=\"vertical\"] { flex-direction: column; align-items: stretch; overflow: hidden auto; }\n  .brick-toolbar[data-variant=\"plain\"] { --brick-toolbar-surface: transparent; --brick-toolbar-padding: 0; }\n  .brick-toolbar[data-variant=\"outline\"] { --brick-toolbar-surface: var(--brick-color-surface-base); --brick-toolbar-border-color: var(--brick-color-border-default); }\n  .brick-toolbar[data-size=\"sm\"] { --brick-toolbar-item-size: var(--brick-control-min-block-size-sm); --brick-toolbar-item-padding-inline: 0.625rem; }\n  .brick-toolbar[data-size=\"lg\"] { --brick-toolbar-item-size: var(--brick-control-min-block-size-lg); --brick-toolbar-item-padding-inline: 1rem; }\n  :where(.brick-toolbar__button, .brick-toolbar__link, .brick-toolbar__toggle-item) {\n    display: inline-flex; box-sizing: border-box; flex: 0 0 auto; min-block-size: var(--brick-toolbar-item-size); align-items: center; justify-content: center;\n    gap: 0.375rem; padding: 0.25rem var(--brick-toolbar-item-padding-inline); border: var(--brick-border-width) solid transparent; border-radius: var(--brick-toolbar-item-radius);\n    appearance: none; background: var(--brick-toolbar-item-background); color: inherit; font: inherit; font-family: var(--brick-typography-control-md-font-family); font-weight: var(--brick-typography-control-md-font-weight);\n    line-height: var(--brick-typography-control-md-line-height); text-decoration: none; white-space: nowrap; cursor: pointer;\n  }\n  .brick-toolbar[data-size=\"sm\"] :where(.brick-toolbar__button, .brick-toolbar__link, .brick-toolbar__toggle-item) { font-size: var(--brick-typography-control-sm-font-size); }\n  .brick-toolbar[data-size=\"lg\"] :where(.brick-toolbar__button, .brick-toolbar__link, .brick-toolbar__toggle-item) { font-size: var(--brick-typography-control-lg-font-size); }\n  :where(.brick-toolbar__button, .brick-toolbar__link, .brick-toolbar__toggle-item) > :where(svg, img) { inline-size: 1em; block-size: 1em; flex: none; }\n  :where(.brick-toolbar__button, .brick-toolbar__link, .brick-toolbar__toggle-item):focus-visible { z-index: 1; outline: var(--brick-border-focus-width) solid var(--brick-color-focus-ring); outline-offset: calc(-1 * var(--brick-border-focus-width)); }\n  :where(.brick-toolbar__button, .brick-toolbar__link, .brick-toolbar__toggle-item)[data-disabled] {\n    border-color: transparent;\n    background: transparent;\n    color: var(--brick-color-text-disabled);\n    box-shadow: none;\n    cursor: not-allowed;\n    opacity: 0.55;\n  }\n  .brick-toolbar__toggle-group {\n    --brick-toolbar-toggle-tone-solid: var(--brick-color-accent-solid);\n    --brick-toolbar-toggle-tone-solid-hover: var(--brick-color-accent-solid-hover);\n    --brick-toolbar-toggle-tone-solid-pressed: var(--brick-color-accent-solid-pressed);\n    --brick-toolbar-toggle-tone-on-solid: var(--brick-color-accent-on-solid);\n    --brick-toolbar-toggle-tone-soft: var(--brick-color-accent-soft);\n    --brick-toolbar-toggle-tone-soft-hover: var(--brick-color-accent-soft-hover);\n    --brick-toolbar-toggle-tone-soft-pressed: var(--brick-color-accent-soft-pressed);\n    --brick-toolbar-toggle-tone-on-soft: var(--brick-color-accent-on-soft);\n    --brick-toolbar-toggle-tone-border: var(--brick-color-accent-border);\n    --brick-toolbar-toggle-tone-text: var(--brick-color-accent-text);\n\n    display: contents;\n  }\n  .brick-toolbar__toggle-group[data-tone=\"neutral\"] {\n    --brick-toolbar-toggle-tone-solid: light-dark(\n      var(--brick-color-surface-raised),\n      color-mix(in srgb, var(--brick-color-surface-subtle), var(--brick-color-text-primary) 16%)\n    );\n    --brick-toolbar-toggle-tone-solid-hover: light-dark(\n      color-mix(in srgb, var(--brick-color-surface-raised) 80%, var(--brick-color-surface-subtle)),\n      color-mix(in srgb, var(--brick-color-surface-subtle), var(--brick-color-text-primary) 22%)\n    );\n    --brick-toolbar-toggle-tone-solid-pressed: light-dark(\n      color-mix(in srgb, var(--brick-color-surface-raised) 60%, var(--brick-color-surface-subtle)),\n      color-mix(in srgb, var(--brick-color-surface-subtle), var(--brick-color-text-primary) 28%)\n    );\n    --brick-toolbar-toggle-tone-on-solid: var(--brick-color-text-primary);\n    --brick-toolbar-toggle-tone-soft: var(--brick-color-surface-subtle);\n    --brick-toolbar-toggle-tone-soft-hover: var(--brick-color-surface-base);\n    --brick-toolbar-toggle-tone-soft-pressed: var(--brick-color-border-subtle);\n    --brick-toolbar-toggle-tone-on-soft: var(--brick-color-text-primary);\n    --brick-toolbar-toggle-tone-border: var(--brick-color-border-strong);\n    --brick-toolbar-toggle-tone-text: var(--brick-color-text-primary);\n  }\n  .brick-toolbar__toggle-group[data-variant=\"soft\"] > .brick-toolbar__toggle-item[data-state=\"on\"] {\n    border-color: var(--brick-toolbar-toggle-tone-border);\n    background: var(--brick-toolbar-item-selected-background);\n    color: var(--brick-toolbar-toggle-tone-on-soft);\n    box-shadow: inset 0 -0.125rem 0 var(--brick-toolbar-toggle-tone-solid);\n  }\n  .brick-toolbar__toggle-group[data-variant=\"solid\"] > .brick-toolbar__toggle-item[data-state=\"on\"] {\n    border-color: var(--brick-toolbar-toggle-tone-solid);\n    background: var(--brick-toolbar-toggle-tone-solid);\n    color: var(--brick-toolbar-toggle-tone-on-solid);\n  }\n  .brick-toolbar__toggle-group[data-variant=\"outline\"] > .brick-toolbar__toggle-item { border-color: var(--brick-color-border-default); background: transparent; }\n  .brick-toolbar__toggle-group[data-variant=\"outline\"] > .brick-toolbar__toggle-item[data-state=\"on\"] {\n    border-color: var(--brick-toolbar-toggle-tone-border);\n    color: var(--brick-toolbar-toggle-tone-text);\n  }\n  .brick-toolbar__toggle-group[data-variant=\"ghost\"] > .brick-toolbar__toggle-item { background: transparent; }\n  .brick-toolbar__toggle-group[data-variant=\"ghost\"] > .brick-toolbar__toggle-item[data-state=\"on\"] {\n    border-color: transparent;\n    background: var(--brick-toolbar-toggle-tone-soft);\n    color: var(--brick-toolbar-toggle-tone-on-soft);\n  }\n  .brick-toolbar__toggle-group > .brick-toolbar__toggle-item[data-state=\"on\"]:not([data-disabled]):active { background: var(--brick-toolbar-toggle-tone-soft-pressed); }\n  .brick-toolbar__toggle-group[data-variant=\"solid\"] > .brick-toolbar__toggle-item[data-state=\"on\"]:not([data-disabled]):active {\n    border-color: var(--brick-toolbar-toggle-tone-solid-pressed);\n    background: var(--brick-toolbar-toggle-tone-solid-pressed);\n  }\n  .brick-toolbar__toggle-group[data-variant] > .brick-toolbar__toggle-item[data-disabled][data-state] {\n    border-color: transparent;\n    background: transparent;\n    color: var(--brick-color-text-disabled);\n    box-shadow: none;\n  }\n  .brick-toolbar__separator { flex: 0 0 auto; align-self: stretch; inline-size: var(--brick-border-width); min-block-size: 1.25rem; margin: 0 0.125rem; background: var(--brick-toolbar-separator-color); }\n  .brick-toolbar__separator[data-orientation=\"horizontal\"] { inline-size: auto; min-block-size: 0; block-size: var(--brick-border-width); min-inline-size: 1.25rem; margin: 0.125rem 0; }\n  @media (hover: hover) and (pointer: fine) {\n    :where(.brick-toolbar__button, .brick-toolbar__link, .brick-toolbar__toggle-item):not([data-disabled]):hover { background: var(--brick-color-surface-raised); }\n    .brick-toolbar__toggle-group > .brick-toolbar__toggle-item[data-state=\"on\"]:not([data-disabled]):hover { background: var(--brick-toolbar-toggle-tone-soft-hover); }\n    .brick-toolbar__toggle-group[data-variant=\"solid\"] > .brick-toolbar__toggle-item[data-state=\"on\"]:not([data-disabled]):hover {\n      border-color: var(--brick-toolbar-toggle-tone-solid-hover);\n      background: var(--brick-toolbar-toggle-tone-solid-hover);\n    }\n    .brick-toolbar__toggle-group[data-variant=\"outline\"] > .brick-toolbar__toggle-item[data-state=\"on\"]:not([data-disabled]):hover { background: var(--brick-color-surface-raised); }\n  }\n  @media (prefers-reduced-motion: reduce) { :where(.brick-toolbar__button, .brick-toolbar__link, .brick-toolbar__toggle-item) { transition: none; } }\n  @media (forced-colors: active) { .brick-toolbar { border-color: CanvasText; } .brick-toolbar__toggle-item[data-state=\"on\"] { outline: 2px solid Highlight; } }\n}\n","@layer brick.components {\n  .brick-combobox-control {\n    --brick-combobox-min-block-size: var(--brick-control-min-block-size-md); --brick-combobox-padding-inline: var(--brick-space-3); --brick-combobox-radius: var(--brick-radius-control); --brick-combobox-background: var(--brick-color-surface-raised); --brick-combobox-border: var(--brick-color-border-strong); --brick-combobox-foreground: var(--brick-color-text-primary); --brick-combobox-placeholder: var(--brick-color-text-muted); --brick-combobox-focus: var(--brick-color-focus-ring); --brick-combobox-invalid: var(--brick-color-danger-text);\n    display:inline-flex;box-sizing:border-box;min-inline-size:0;max-inline-size:100%;min-block-size:var(--brick-combobox-min-block-size);align-items:center;gap:var(--brick-space-1);padding-inline:var(--brick-combobox-padding-inline);border:var(--brick-border-width) solid var(--brick-combobox-border);border-radius:var(--brick-combobox-radius);background:var(--brick-combobox-background);color:var(--brick-combobox-foreground);transition:border-color var(--brick-motion-duration-fast) var(--brick-motion-easing-standard),box-shadow var(--brick-motion-duration-fast) var(--brick-motion-easing-standard),background-color var(--brick-motion-duration-fast) var(--brick-motion-easing-standard)\n  }\n  .brick-combobox-control[data-full-width]{inline-size:100%}.brick-combobox-control:not([data-full-width]){inline-size:fit-content}.brick-combobox-control[data-variant=\"soft\"]{--brick-combobox-background:var(--brick-color-surface-subtle);--brick-combobox-border:var(--brick-color-border-subtle)}.brick-combobox-control[data-variant=\"underline\"]{--brick-combobox-background:transparent;--brick-combobox-radius:0;border-width:0 0 var(--brick-border-width)}.brick-combobox-control[data-shape=\"sharp\"]{--brick-combobox-radius:0}.brick-combobox-control[data-shape=\"pill\"]{--brick-combobox-radius:var(--brick-radius-full)}.brick-combobox-control[data-size=\"sm\"]{--brick-combobox-min-block-size:var(--brick-control-min-block-size-sm);--brick-combobox-padding-inline:var(--brick-space-2)}.brick-combobox-control[data-size=\"lg\"]{--brick-combobox-min-block-size:var(--brick-control-min-block-size-lg);--brick-combobox-padding-inline:var(--brick-space-4)}\n  .brick-combobox-input{box-sizing:border-box;min-inline-size:0;inline-size:100%;min-block-size:calc(var(--brick-combobox-min-block-size) - 2 * var(--brick-border-width));padding:0;border:0;outline:0;background:transparent;color:inherit;font:inherit}.brick-combobox-input::placeholder{color:var(--brick-combobox-placeholder)}.brick-combobox-control:has(.brick-combobox-input:focus-visible){border-color:var(--brick-combobox-focus);box-shadow:0 0 0 var(--brick-border-focus-width) var(--brick-combobox-focus)}.brick-combobox-control:has(.brick-combobox-input[data-invalid]){border-color:var(--brick-combobox-invalid)}.brick-combobox-control:has(.brick-combobox-input[data-disabled]){background:var(--brick-color-surface-subtle);color:var(--brick-color-text-secondary);cursor:not-allowed}.brick-combobox-control:has(.brick-combobox-input[data-readonly]){background:var(--brick-color-surface-subtle)}\n  .brick-combobox-clear,.brick-combobox-trigger{display:inline-grid;flex:0 0 auto;inline-size:1.75rem;block-size:1.75rem;place-items:center;padding:0;border:0;border-radius:var(--brick-radius-subtle);background:transparent;color:var(--brick-color-text-secondary);cursor:pointer}.brick-combobox-indicator{display:inline-grid;place-items:center}.brick-combobox-clear[data-hidden]{display:none}.brick-combobox-clear:focus-visible,.brick-combobox-trigger:focus-visible{outline:var(--brick-border-focus-width) solid var(--brick-combobox-focus);outline-offset:1px}.brick-combobox-clear-artwork,.brick-combobox-indicator-artwork{inline-size:1rem;block-size:1rem;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.75}.brick-combobox-trigger[data-state=\"open\"] .brick-combobox-indicator{transform:rotate(180deg)}.brick-combobox-trigger:disabled{cursor:not-allowed}\n  .brick-combobox-content{--brick-combobox-popup-radius:var(--brick-radius-control);--brick-combobox-item-min-block-size:var(--brick-control-min-block-size-md);box-sizing:border-box;max-inline-size:min(28rem,calc(100vw - 2 * var(--brick-space-3)));max-block-size:min(20rem,var(--available-height,20rem));overflow:hidden;border:var(--brick-border-width) solid var(--brick-color-border-subtle);border-radius:var(--brick-combobox-popup-radius);background:var(--brick-color-surface-raised);box-shadow:var(--brick-shadow-floating);color:var(--brick-color-text-primary);z-index:70}.brick-combobox-content[data-size=\"sm\"]{--brick-combobox-item-min-block-size:var(--brick-control-min-block-size-sm)}.brick-combobox-content[data-size=\"lg\"]{--brick-combobox-item-min-block-size:var(--brick-control-min-block-size-lg)}.brick-combobox-listbox{box-sizing:border-box;max-block-size:inherit;overflow-y:auto;padding:var(--brick-space-1);overscroll-behavior:contain;scrollbar-width:thin;outline:0}.brick-combobox-group+.brick-combobox-group{margin-block-start:var(--brick-space-1)}.brick-combobox-label{display:block;padding:var(--brick-space-2) var(--brick-space-3) var(--brick-space-1);color:var(--brick-color-text-secondary);font-size:var(--brick-typography-caption-font-size);font-weight:var(--brick-typography-label-md-font-weight)}label.brick-combobox-label{padding-inline:0;color:var(--brick-color-text-primary)}.brick-combobox-item{display:grid;box-sizing:border-box;min-block-size:var(--brick-combobox-item-min-block-size);grid-template-columns:minmax(0,1fr) 1rem;align-items:center;gap:var(--brick-space-2);padding-inline:var(--brick-space-3);border-radius:calc(var(--brick-combobox-popup-radius) - var(--brick-border-width));outline:0;cursor:pointer;overflow-wrap:anywhere}.brick-combobox-item::after{content:\"\";inline-size:.65rem;block-size:.35rem;border-inline-start:2px solid currentColor;border-block-end:2px solid currentColor;transform:rotate(-45deg);opacity:0}.brick-combobox-item[data-state=\"checked\"]::after{opacity:1}.brick-combobox-item[data-highlighted]{background:var(--brick-color-accent-soft)}.brick-combobox-item[data-state=\"checked\"]{color:var(--brick-color-accent-text);font-weight:var(--brick-typography-label-md-font-weight)}.brick-combobox-item[data-disabled]{color:var(--brick-color-text-muted);cursor:not-allowed;opacity:.65}.brick-combobox-message{padding:var(--brick-space-3);color:var(--brick-color-text-secondary)}\n  @media (hover:hover) and (pointer:fine){.brick-combobox-control:not([data-disabled],[data-readonly],[data-invalid]):hover{border-color:var(--brick-color-accent-border)}.brick-combobox-item:not([data-disabled]):hover{background:var(--brick-color-accent-soft)}}@media (prefers-reduced-motion:reduce){.brick-combobox-control,.brick-combobox-indicator{transition-duration:0ms}}@media (forced-colors:active){.brick-combobox-control,.brick-combobox-content{border-color:ButtonText;background:Canvas;color:CanvasText}.brick-combobox-control:has(.brick-combobox-input:focus-visible),.brick-combobox-item[data-highlighted]{outline:var(--brick-border-focus-width) solid Highlight;box-shadow:none}.brick-combobox-item[data-disabled]{color:GrayText}.brick-combobox-item[data-state=\"checked\"]{color:Highlight}}\n}\n","@layer brick.components {\n  .brick-file-upload {\n    --brick-file-upload-gap: var(--brick-space-3);\n    --brick-file-upload-dropzone-min-block-size: 8.5rem;\n    --brick-file-upload-dropzone-padding: var(--brick-space-5);\n    --brick-file-upload-radius: var(--brick-radius-control);\n    --brick-file-upload-background: var(--brick-color-surface-raised);\n    --brick-file-upload-border: var(--brick-color-border-strong);\n    --brick-file-upload-foreground: var(--brick-color-text-primary);\n    --brick-file-upload-muted-foreground: var(--brick-color-text-secondary);\n    --brick-file-upload-hover-background: var(--brick-color-surface-subtle);\n    --brick-file-upload-accept-border: var(--brick-color-success-text);\n    --brick-file-upload-reject-border: var(--brick-color-danger-text);\n    --brick-file-upload-trigger-background: var(--brick-color-accent-solid);\n    --brick-file-upload-trigger-foreground: var(--brick-color-accent-on-solid);\n    --brick-file-upload-item-background: var(--brick-color-surface-raised);\n    --brick-file-upload-item-border: var(--brick-color-border-subtle);\n    --brick-file-upload-delete-foreground: var(--brick-color-text-secondary);\n\n    display: flex;\n    box-sizing: border-box;\n    min-inline-size: 0;\n    max-inline-size: 100%;\n    flex-direction: column;\n    gap: var(--brick-file-upload-gap);\n    color: var(--brick-file-upload-foreground);\n  }\n\n  .brick-file-upload[data-full-width] { inline-size: 100%; }\n  .brick-file-upload[data-shape=\"sharp\"] { --brick-file-upload-radius: 0; }\n\n  .brick-file-upload__dropzone {\n    display: flex;\n    box-sizing: border-box;\n    min-inline-size: 0;\n    min-block-size: var(--brick-file-upload-dropzone-min-block-size);\n    align-items: center;\n    justify-content: center;\n    flex-direction: column;\n    gap: var(--brick-space-2);\n    padding: var(--brick-file-upload-dropzone-padding);\n    border: var(--brick-border-width) dashed var(--brick-file-upload-border);\n    border-radius: var(--brick-file-upload-radius);\n    background: var(--brick-file-upload-background);\n    color: var(--brick-file-upload-muted-foreground);\n    text-align: center;\n    transition: background-color var(--brick-motion-duration-fast) var(--brick-motion-easing-standard), border-color var(--brick-motion-duration-fast) var(--brick-motion-easing-standard);\n  }\n\n  .brick-file-upload[data-variant=\"soft\"] .brick-file-upload__dropzone {\n    border-style: solid;\n    border-color: var(--brick-color-border-subtle);\n    background: var(--brick-color-surface-subtle);\n  }\n\n  .brick-file-upload__dropzone[data-dragging] { background: var(--brick-file-upload-hover-background); }\n  .brick-file-upload__dropzone[data-accepted] { border-color: var(--brick-file-upload-accept-border); }\n  .brick-file-upload__dropzone[data-rejected],\n  .brick-file-upload[data-invalid] .brick-file-upload__dropzone { border-color: var(--brick-file-upload-reject-border); }\n\n  .brick-file-upload__trigger {\n    display: inline-flex;\n    box-sizing: border-box;\n    min-inline-size: 0;\n    min-block-size: var(--brick-control-target-min);\n    align-items: center;\n    justify-content: center;\n    padding-inline: var(--brick-space-4);\n    border: 0;\n    border-radius: var(--brick-file-upload-radius);\n    outline: 0;\n    background: var(--brick-file-upload-trigger-background);\n    color: var(--brick-file-upload-trigger-foreground);\n    cursor: pointer;\n    font: inherit;\n    font-weight: var(--brick-typography-label-md-font-weight);\n  }\n\n  .brick-file-upload__trigger:hover:not(:disabled):not([aria-disabled=\"true\"]) { filter: brightness(0.96); }\n  .brick-file-upload__trigger:is(:focus-visible, [data-focus-visible]) {\n    outline: var(--brick-border-focus-width) solid var(--brick-color-focus-ring);\n    outline-offset: var(--brick-border-focus-offset);\n  }\n\n  .brick-file-upload__items {\n    display: grid;\n    min-inline-size: 0;\n    gap: var(--brick-space-2);\n    margin: 0;\n    padding: 0;\n    list-style: none;\n  }\n\n  .brick-file-upload__items:not([data-filled]) { display: none; }\n\n  .brick-file-upload__item {\n    display: grid;\n    box-sizing: border-box;\n    min-inline-size: 0;\n    grid-template-columns: minmax(0, 1fr) auto auto;\n    align-items: center;\n    gap: var(--brick-space-3);\n    padding: var(--brick-space-2) var(--brick-space-3);\n    border: var(--brick-border-width) solid var(--brick-file-upload-item-border);\n    border-radius: var(--brick-file-upload-radius);\n    background: var(--brick-file-upload-item-background);\n  }\n\n  .brick-file-upload__item-name {\n    min-inline-size: 0;\n    overflow: hidden;\n    color: var(--brick-file-upload-foreground);\n    text-overflow: ellipsis;\n    white-space: nowrap;\n  }\n\n  .brick-file-upload__item-size {\n    color: var(--brick-file-upload-muted-foreground);\n    white-space: nowrap;\n    font-size: var(--brick-typography-body-sm-font-size);\n    font-variant-numeric: tabular-nums;\n  }\n\n  .brick-file-upload__delete {\n    display: inline-grid;\n    box-sizing: border-box;\n    inline-size: var(--brick-control-target-min);\n    block-size: var(--brick-control-target-min);\n    place-items: center;\n    padding: 0;\n    border: 0;\n    border-radius: var(--brick-radius-full);\n    outline: 0;\n    background: transparent;\n    color: var(--brick-file-upload-delete-foreground);\n    cursor: pointer;\n  }\n\n  .brick-file-upload__delete:hover:not(:disabled) { background: var(--brick-color-surface-subtle); color: var(--brick-file-upload-foreground); }\n  .brick-file-upload__delete:is(:focus-visible, [data-focus-visible]) {\n    outline: var(--brick-border-focus-width) solid var(--brick-color-focus-ring);\n    outline-offset: var(--brick-border-focus-offset);\n  }\n  .brick-file-upload__delete-artwork { inline-size: 1rem; block-size: 1rem; }\n  .brick-file-upload__delete-artwork path { stroke: currentColor; stroke-linecap: round; stroke-width: 1.5; }\n\n  .brick-file-upload[data-size=\"sm\"] {\n    --brick-file-upload-gap: var(--brick-space-2);\n    --brick-file-upload-dropzone-min-block-size: 7rem;\n    --brick-file-upload-dropzone-padding: var(--brick-space-3);\n    font-size: var(--brick-typography-body-sm-font-size);\n  }\n  .brick-file-upload[data-size=\"lg\"] {\n    --brick-file-upload-gap: var(--brick-space-4);\n    --brick-file-upload-dropzone-min-block-size: 10rem;\n    --brick-file-upload-dropzone-padding: var(--brick-space-6);\n    font-size: var(--brick-typography-body-lg-font-size);\n  }\n\n  .brick-file-upload[data-disabled] .brick-file-upload__dropzone,\n  .brick-file-upload[data-readonly] .brick-file-upload__dropzone { background: var(--brick-color-surface-subtle); }\n  .brick-file-upload[data-disabled] :is(.brick-file-upload__trigger, .brick-file-upload__delete),\n  .brick-file-upload[data-readonly] :is(.brick-file-upload__trigger, .brick-file-upload__delete) { cursor: not-allowed; }\n\n  @media (prefers-reduced-motion: reduce) { .brick-file-upload__dropzone { transition: none; } }\n\n  @media (forced-colors: active) {\n    .brick-file-upload { forced-color-adjust: none; }\n    .brick-file-upload__dropzone, .brick-file-upload__item { border-color: ButtonText; background: Canvas; color: CanvasText; }\n    .brick-file-upload__trigger { border: 1px solid ButtonText; background: ButtonFace; color: ButtonText; }\n    .brick-file-upload__dropzone[data-accepted] { border-color: Highlight; }\n    .brick-file-upload__dropzone[data-rejected], .brick-file-upload[data-invalid] .brick-file-upload__dropzone { border-color: Mark; }\n    .brick-file-upload[data-disabled], .brick-file-upload[data-readonly] { opacity: 1; color: GrayText; }\n    .brick-file-upload[data-disabled] .brick-file-upload__dropzone, .brick-file-upload[data-readonly] .brick-file-upload__dropzone { border-color: GrayText; }\n  }\n}\n","@layer brick.components {\n  :where(.brick-button, .brick-icon-button)[data-loading]::after {\n    position: absolute;\n    inset-block-start: 50%;\n    inset-inline-start: 50%;\n    inline-size: var(--brick-action-spinner-size);\n    block-size: var(--brick-action-spinner-size);\n    border: 0.125rem solid transparent;\n    border-block-start-color: var(--brick-action-spinner-color);\n    border-inline-end-color: var(--brick-action-spinner-color);\n    border-radius: var(--brick-radius-full);\n    content: \"\";\n    animation: brick-action-spinner-spin 700ms linear infinite;\n  }\n\n  :where([dir=\"rtl\"])\n    :where(.brick-button, .brick-icon-button)[data-loading]::after {\n    animation-name: brick-action-spinner-spin-rtl;\n  }\n\n  @media (prefers-reduced-motion: reduce) {\n    :where(.brick-button, .brick-icon-button)[data-loading]::after {\n      animation-duration: 1400ms;\n    }\n  }\n\n  @media (forced-colors: active) {\n    :where(.brick-button, .brick-icon-button)[data-loading]::after {\n      border-block-start-color: ButtonText;\n      border-inline-end-color: ButtonText;\n    }\n  }\n\n  @keyframes brick-action-spinner-spin {\n    from {\n      transform: translate(-50%, -50%) rotate(0deg);\n    }\n\n    to {\n      transform: translate(-50%, -50%) rotate(360deg);\n    }\n  }\n\n  @keyframes brick-action-spinner-spin-rtl {\n    from {\n      transform: translate(50%, -50%) rotate(0deg);\n    }\n\n    to {\n      transform: translate(50%, -50%) rotate(360deg);\n    }\n  }\n}\n","@layer brick.components {\n  .brick-pagination {\n    --brick-pagination-root-background: transparent;\n    --brick-pagination-root-border-color: var(--brick-color-border-subtle);\n    --brick-pagination-root-radius: var(--brick-radius-control);\n    --brick-pagination-root-padding: 0;\n    --brick-pagination-list-gap: var(--brick-space-1);\n    --brick-pagination-list-overflow-padding: calc(var(--brick-border-focus-width) + var(--brick-border-focus-offset));\n    --brick-pagination-control-min-size: 2.5rem;\n    --brick-pagination-control-inline-padding: var(--brick-space-2);\n    --brick-pagination-control-radius: var(--brick-radius-subtle);\n    --brick-pagination-control-foreground: var(--brick-color-text-secondary);\n    --brick-pagination-control-background: transparent;\n    --brick-pagination-control-border-color: transparent;\n    --brick-pagination-boundary-background: var(--brick-pagination-control-background);\n    --brick-pagination-boundary-border-color: var(--brick-pagination-control-border-color);\n    --brick-pagination-control-hover-background: var(--brick-color-surface-subtle);\n    --brick-pagination-control-pressed-background: var(--brick-color-border-subtle);\n    --brick-pagination-current-background: var(--brick-color-accent-solid);\n    --brick-pagination-current-foreground: var(--brick-color-accent-on-solid);\n    --brick-pagination-current-border-color: var(--brick-color-accent-solid);\n    --brick-pagination-current-hover-background: var(--brick-color-accent-solid-hover);\n    --brick-pagination-current-pressed-background: var(--brick-color-accent-solid-pressed);\n    --brick-pagination-disabled-foreground: var(--brick-color-text-disabled);\n    --brick-pagination-focus-ring: var(--brick-color-focus-ring);\n    --brick-pagination-ellipsis-foreground: var(--brick-color-text-muted);\n    --brick-pagination-icon-size: 1rem;\n    --brick-pagination-transition-duration: var(--brick-motion-duration-fast);\n    --brick-pagination-font-family: var(--brick-typography-label-md-font-family);\n    --brick-pagination-font-size: var(--brick-typography-label-md-font-size);\n    --brick-pagination-font-weight: var(--brick-typography-label-md-font-weight);\n    --brick-pagination-line-height: var(--brick-typography-label-md-line-height);\n    --brick-pagination-letter-spacing: var(--brick-typography-label-md-letter-spacing);\n\n    display: inline-block;\n    box-sizing: border-box;\n    max-inline-size: 100%;\n    padding: var(--brick-pagination-root-padding);\n    border: 1px solid transparent;\n    border-radius: var(--brick-pagination-root-radius);\n    background: var(--brick-pagination-root-background);\n  }\n\n  .brick-pagination[data-variant=\"soft\"] {\n    --brick-pagination-root-background: var(--brick-color-surface-subtle);\n    --brick-pagination-root-padding: var(--brick-space-1);\n  }\n\n  .brick-pagination[data-variant=\"outline\"] {\n    --brick-pagination-root-background: var(--brick-color-surface-base);\n    --brick-pagination-root-padding: var(--brick-space-1);\n    border-color: var(--brick-pagination-root-border-color);\n  }\n\n  .brick-pagination[data-boundary-variant=\"outline\"] {\n    --brick-pagination-boundary-background: var(--brick-color-surface-base);\n    --brick-pagination-boundary-border-color: var(--brick-color-border-subtle);\n  }\n\n  .brick-pagination[data-size=\"sm\"] {\n    --brick-pagination-control-min-size: 2rem;\n    --brick-pagination-control-inline-padding: var(--brick-space-1);\n    --brick-pagination-font-family: var(--brick-typography-control-sm-font-family);\n    --brick-pagination-font-size: var(--brick-typography-control-sm-font-size);\n    --brick-pagination-font-weight: var(--brick-typography-control-sm-font-weight);\n    --brick-pagination-line-height: var(--brick-typography-control-sm-line-height);\n    --brick-pagination-letter-spacing: var(--brick-typography-control-sm-letter-spacing);\n  }\n\n  .brick-pagination[data-size=\"lg\"] {\n    --brick-pagination-control-min-size: 3rem;\n    --brick-pagination-control-inline-padding: var(--brick-space-3);\n    --brick-pagination-font-family: var(--brick-typography-control-lg-font-family);\n    --brick-pagination-font-size: var(--brick-typography-control-lg-font-size);\n    --brick-pagination-font-weight: var(--brick-typography-control-lg-font-weight);\n    --brick-pagination-line-height: var(--brick-typography-control-lg-line-height);\n    --brick-pagination-letter-spacing: var(--brick-typography-control-lg-letter-spacing);\n  }\n\n  .brick-pagination__list {\n    display: flex;\n    box-sizing: border-box;\n    max-inline-size: 100%;\n    align-items: center;\n    gap: var(--brick-pagination-list-gap);\n    margin: 0;\n    padding: var(--brick-pagination-list-overflow-padding);\n    overflow-x: auto;\n    overflow-y: hidden;\n    list-style: none;\n    scrollbar-width: thin;\n  }\n\n  .brick-pagination__list > [data-slot=\"pagination-list-item\"] {\n    display: inline-flex;\n    flex: 0 0 auto;\n    margin: 0;\n    padding: 0;\n  }\n\n  .brick-pagination__previous,\n  .brick-pagination__item,\n  .brick-pagination__next,\n  .brick-pagination__ellipsis {\n    display: inline-flex;\n    box-sizing: border-box;\n    min-inline-size: var(--brick-pagination-control-min-size);\n    min-block-size: var(--brick-pagination-control-min-size);\n    align-items: center;\n    justify-content: center;\n    padding-inline: var(--brick-pagination-control-inline-padding);\n    border: 1px solid var(--brick-pagination-control-border-color);\n    border-radius: var(--brick-pagination-control-radius);\n    font-family: var(--brick-pagination-font-family);\n    font-size: var(--brick-pagination-font-size);\n    font-weight: var(--brick-pagination-font-weight);\n    letter-spacing: var(--brick-pagination-letter-spacing);\n    line-height: var(--brick-pagination-line-height);\n    white-space: nowrap;\n  }\n\n  .brick-pagination__previous,\n  .brick-pagination__item,\n  .brick-pagination__next {\n    color: var(--brick-pagination-control-foreground);\n    background: var(--brick-pagination-control-background);\n    cursor: pointer;\n    text-decoration: none;\n    touch-action: manipulation;\n    transition: color var(--brick-pagination-transition-duration), background-color var(--brick-pagination-transition-duration), border-color var(--brick-pagination-transition-duration);\n  }\n\n  .brick-pagination__previous,\n  .brick-pagination__next {\n    border-color: var(--brick-pagination-boundary-border-color);\n    background: var(--brick-pagination-boundary-background);\n  }\n\n  .brick-pagination__previous:hover:not(:disabled):not([aria-disabled=\"true\"]),\n  .brick-pagination__item:hover:not(:disabled):not([aria-disabled=\"true\"]),\n  .brick-pagination__next:hover:not(:disabled):not([aria-disabled=\"true\"]) { background: var(--brick-pagination-control-hover-background); }\n\n  .brick-pagination__previous:active:not(:disabled):not([aria-disabled=\"true\"]),\n  .brick-pagination__item:active:not(:disabled):not([aria-disabled=\"true\"]),\n  .brick-pagination__next:active:not(:disabled):not([aria-disabled=\"true\"]) { background: var(--brick-pagination-control-pressed-background); }\n\n  .brick-pagination__item[aria-current=\"page\"] {\n    color: var(--brick-pagination-current-foreground);\n    border-color: var(--brick-pagination-current-border-color);\n    background: var(--brick-pagination-current-background);\n  }\n\n  .brick-pagination__item[aria-current=\"page\"]:hover:not(:disabled):not([aria-disabled=\"true\"]) {\n    border-color: var(--brick-pagination-current-hover-background);\n    background: var(--brick-pagination-current-hover-background);\n  }\n\n  .brick-pagination__item[aria-current=\"page\"]:active:not(:disabled):not([aria-disabled=\"true\"]) {\n    border-color: var(--brick-pagination-current-pressed-background);\n    background: var(--brick-pagination-current-pressed-background);\n  }\n\n  .brick-pagination__previous:focus-visible,\n  .brick-pagination__item:focus-visible,\n  .brick-pagination__next:focus-visible {\n    outline: var(--brick-border-focus-width) solid var(--brick-pagination-focus-ring);\n    outline-offset: var(--brick-border-focus-offset);\n  }\n\n  .brick-pagination__previous:disabled,\n  .brick-pagination__item:disabled,\n  .brick-pagination__next:disabled,\n  .brick-pagination__previous[aria-disabled=\"true\"],\n  .brick-pagination__item[aria-disabled=\"true\"],\n  .brick-pagination__next[aria-disabled=\"true\"] {\n    color: var(--brick-pagination-disabled-foreground);\n    cursor: not-allowed;\n  }\n\n  .brick-pagination__ellipsis { color: var(--brick-pagination-ellipsis-foreground); user-select: none; }\n  .brick-pagination__icon { inline-size: var(--brick-pagination-icon-size); block-size: var(--brick-pagination-icon-size); }\n\n  @media (prefers-reduced-motion: reduce) {\n    .brick-pagination__previous,\n    .brick-pagination__item,\n    .brick-pagination__next { transition-duration: 0s; }\n  }\n\n  @media (forced-colors: active) {\n    .brick-pagination__item[aria-current=\"page\"] { color: HighlightText; border-color: Highlight; background: Highlight; }\n    .brick-pagination__previous:focus-visible,\n    .brick-pagination__item:focus-visible,\n    .brick-pagination__next:focus-visible { outline-color: Highlight; }\n    .brick-pagination__previous:disabled,\n    .brick-pagination__item:disabled,\n    .brick-pagination__next:disabled,\n    .brick-pagination__previous[aria-disabled=\"true\"],\n    .brick-pagination__item[aria-disabled=\"true\"],\n    .brick-pagination__next[aria-disabled=\"true\"] { color: GrayText; }\n  }\n}\n","@layer brick.components {\n  .brick-text {\n    --brick-text-font-family: var(--brick-typography-body-md-font-family);\n    --brick-text-font-size: var(--brick-typography-body-md-font-size);\n    --brick-text-font-weight: var(--brick-typography-body-md-font-weight);\n    --brick-text-line-height: var(--brick-typography-body-md-line-height);\n    --brick-text-letter-spacing: var(--brick-typography-body-md-letter-spacing);\n    --brick-text-text-transform: none;\n    --brick-text-foreground: var(--brick-color-text-primary);\n\n    margin: 0;\n    color: var(--brick-text-foreground);\n    font-family: var(--brick-text-font-family);\n    font-size: var(--brick-text-font-size);\n    font-weight: var(--brick-text-font-weight);\n    letter-spacing: var(--brick-text-letter-spacing);\n    line-height: var(--brick-text-line-height);\n    overflow-wrap: break-word;\n    text-align: start;\n    text-transform: var(--brick-text-text-transform);\n    text-wrap: wrap;\n  }\n\n  .brick-text[data-variant=\"display\"] {\n    --brick-text-font-family: var(--brick-typography-display-font-family);\n    --brick-text-font-size: var(--brick-typography-display-font-size);\n    --brick-text-font-weight: var(--brick-typography-display-font-weight);\n    --brick-text-line-height: var(--brick-typography-display-line-height);\n    --brick-text-letter-spacing: var(--brick-typography-display-letter-spacing);\n  }\n\n  .brick-text[data-variant=\"display-sm\"] {\n    --brick-text-font-family: var(--brick-typography-display-sm-font-family);\n    --brick-text-font-size: var(--brick-typography-display-sm-font-size);\n    --brick-text-font-weight: var(--brick-typography-display-sm-font-weight);\n    --brick-text-line-height: var(--brick-typography-display-sm-line-height);\n    --brick-text-letter-spacing: var(--brick-typography-display-sm-letter-spacing);\n  }\n\n  .brick-text[data-variant=\"display-md\"] {\n    --brick-text-font-family: var(--brick-typography-display-md-font-family);\n    --brick-text-font-size: var(--brick-typography-display-md-font-size);\n    --brick-text-font-weight: var(--brick-typography-display-md-font-weight);\n    --brick-text-line-height: var(--brick-typography-display-md-line-height);\n    --brick-text-letter-spacing: var(--brick-typography-display-md-letter-spacing);\n  }\n\n  .brick-text[data-variant=\"display-lg\"] {\n    --brick-text-font-family: var(--brick-typography-display-lg-font-family);\n    --brick-text-font-size: var(--brick-typography-display-lg-font-size);\n    --brick-text-font-weight: var(--brick-typography-display-lg-font-weight);\n    --brick-text-line-height: var(--brick-typography-display-lg-line-height);\n    --brick-text-letter-spacing: var(--brick-typography-display-lg-letter-spacing);\n  }\n\n  .brick-text[data-variant=\"title-lg\"] {\n    --brick-text-font-family: var(--brick-typography-title-lg-font-family);\n    --brick-text-font-size: var(--brick-typography-title-lg-font-size);\n    --brick-text-font-weight: var(--brick-typography-title-lg-font-weight);\n    --brick-text-line-height: var(--brick-typography-title-lg-line-height);\n    --brick-text-letter-spacing: var(--brick-typography-title-lg-letter-spacing);\n  }\n\n  .brick-text[data-variant=\"title-md\"] {\n    --brick-text-font-family: var(--brick-typography-title-md-font-family);\n    --brick-text-font-size: var(--brick-typography-title-md-font-size);\n    --brick-text-font-weight: var(--brick-typography-title-md-font-weight);\n    --brick-text-line-height: var(--brick-typography-title-md-line-height);\n    --brick-text-letter-spacing: var(--brick-typography-title-md-letter-spacing);\n  }\n\n  .brick-text[data-variant=\"title-sm\"] {\n    --brick-text-font-family: var(--brick-typography-title-sm-font-family);\n    --brick-text-font-size: var(--brick-typography-title-sm-font-size);\n    --brick-text-font-weight: var(--brick-typography-title-sm-font-weight);\n    --brick-text-line-height: var(--brick-typography-title-sm-line-height);\n    --brick-text-letter-spacing: var(--brick-typography-title-sm-letter-spacing);\n  }\n\n  .brick-text[data-variant=\"body-lg\"] {\n    --brick-text-font-family: var(--brick-typography-body-lg-font-family);\n    --brick-text-font-size: var(--brick-typography-body-lg-font-size);\n    --brick-text-font-weight: var(--brick-typography-body-lg-font-weight);\n    --brick-text-line-height: var(--brick-typography-body-lg-line-height);\n    --brick-text-letter-spacing: var(--brick-typography-body-lg-letter-spacing);\n  }\n\n  .brick-text[data-variant=\"body-sm\"] {\n    --brick-text-font-family: var(--brick-typography-body-sm-font-family);\n    --brick-text-font-size: var(--brick-typography-body-sm-font-size);\n    --brick-text-font-weight: var(--brick-typography-body-sm-font-weight);\n    --brick-text-line-height: var(--brick-typography-body-sm-line-height);\n    --brick-text-letter-spacing: var(--brick-typography-body-sm-letter-spacing);\n  }\n\n  .brick-text[data-variant=\"caption\"] {\n    --brick-text-font-family: var(--brick-typography-caption-font-family);\n    --brick-text-font-size: var(--brick-typography-caption-font-size);\n    --brick-text-font-weight: var(--brick-typography-caption-font-weight);\n    --brick-text-line-height: var(--brick-typography-caption-line-height);\n    --brick-text-letter-spacing: var(--brick-typography-caption-letter-spacing);\n  }\n\n  .brick-text[data-variant=\"eyebrow\"] {\n    --brick-text-font-family: var(--brick-typography-eyebrow-font-family);\n    --brick-text-font-size: var(--brick-typography-eyebrow-font-size);\n    --brick-text-font-weight: var(--brick-typography-eyebrow-font-weight);\n    --brick-text-line-height: var(--brick-typography-eyebrow-line-height);\n    --brick-text-letter-spacing: var(--brick-typography-eyebrow-letter-spacing);\n    --brick-text-text-transform: uppercase;\n  }\n\n  @media (width >= 30rem) {\n    .brick-text[data-variant-sm=\"display\"] {\n      --brick-text-font-family: var(--brick-typography-display-font-family);\n      --brick-text-font-size: var(--brick-typography-display-font-size);\n      --brick-text-font-weight: var(--brick-typography-display-font-weight);\n      --brick-text-line-height: var(--brick-typography-display-line-height);\n      --brick-text-letter-spacing: var(--brick-typography-display-letter-spacing);\n    }\n\n    .brick-text[data-variant-sm=\"display-sm\"] {\n      --brick-text-font-family: var(--brick-typography-display-sm-font-family);\n      --brick-text-font-size: var(--brick-typography-display-sm-font-size);\n      --brick-text-font-weight: var(--brick-typography-display-sm-font-weight);\n      --brick-text-line-height: var(--brick-typography-display-sm-line-height);\n      --brick-text-letter-spacing: var(--brick-typography-display-sm-letter-spacing);\n    }\n\n    .brick-text[data-variant-sm=\"display-md\"] {\n      --brick-text-font-family: var(--brick-typography-display-md-font-family);\n      --brick-text-font-size: var(--brick-typography-display-md-font-size);\n      --brick-text-font-weight: var(--brick-typography-display-md-font-weight);\n      --brick-text-line-height: var(--brick-typography-display-md-line-height);\n      --brick-text-letter-spacing: var(--brick-typography-display-md-letter-spacing);\n    }\n\n    .brick-text[data-variant-sm=\"display-lg\"] {\n      --brick-text-font-family: var(--brick-typography-display-lg-font-family);\n      --brick-text-font-size: var(--brick-typography-display-lg-font-size);\n      --brick-text-font-weight: var(--brick-typography-display-lg-font-weight);\n      --brick-text-line-height: var(--brick-typography-display-lg-line-height);\n      --brick-text-letter-spacing: var(--brick-typography-display-lg-letter-spacing);\n    }\n\n    .brick-text[data-variant-sm=\"title-lg\"] {\n      --brick-text-font-family: var(--brick-typography-title-lg-font-family);\n      --brick-text-font-size: var(--brick-typography-title-lg-font-size);\n      --brick-text-font-weight: var(--brick-typography-title-lg-font-weight);\n      --brick-text-line-height: var(--brick-typography-title-lg-line-height);\n      --brick-text-letter-spacing: var(--brick-typography-title-lg-letter-spacing);\n    }\n\n    .brick-text[data-variant-sm=\"title-md\"] {\n      --brick-text-font-family: var(--brick-typography-title-md-font-family);\n      --brick-text-font-size: var(--brick-typography-title-md-font-size);\n      --brick-text-font-weight: var(--brick-typography-title-md-font-weight);\n      --brick-text-line-height: var(--brick-typography-title-md-line-height);\n      --brick-text-letter-spacing: var(--brick-typography-title-md-letter-spacing);\n    }\n\n    .brick-text[data-variant-sm=\"title-sm\"] {\n      --brick-text-font-family: var(--brick-typography-title-sm-font-family);\n      --brick-text-font-size: var(--brick-typography-title-sm-font-size);\n      --brick-text-font-weight: var(--brick-typography-title-sm-font-weight);\n      --brick-text-line-height: var(--brick-typography-title-sm-line-height);\n      --brick-text-letter-spacing: var(--brick-typography-title-sm-letter-spacing);\n    }\n\n    .brick-text[data-variant-sm=\"body-lg\"] {\n      --brick-text-font-family: var(--brick-typography-body-lg-font-family);\n      --brick-text-font-size: var(--brick-typography-body-lg-font-size);\n      --brick-text-font-weight: var(--brick-typography-body-lg-font-weight);\n      --brick-text-line-height: var(--brick-typography-body-lg-line-height);\n      --brick-text-letter-spacing: var(--brick-typography-body-lg-letter-spacing);\n    }\n\n    .brick-text[data-variant-sm=\"body-md\"] {\n      --brick-text-font-family: var(--brick-typography-body-md-font-family);\n      --brick-text-font-size: var(--brick-typography-body-md-font-size);\n      --brick-text-font-weight: var(--brick-typography-body-md-font-weight);\n      --brick-text-line-height: var(--brick-typography-body-md-line-height);\n      --brick-text-letter-spacing: var(--brick-typography-body-md-letter-spacing);\n    }\n\n    .brick-text[data-variant-sm=\"body-sm\"] {\n      --brick-text-font-family: var(--brick-typography-body-sm-font-family);\n      --brick-text-font-size: var(--brick-typography-body-sm-font-size);\n      --brick-text-font-weight: var(--brick-typography-body-sm-font-weight);\n      --brick-text-line-height: var(--brick-typography-body-sm-line-height);\n      --brick-text-letter-spacing: var(--brick-typography-body-sm-letter-spacing);\n    }\n\n    .brick-text[data-variant-sm=\"caption\"] {\n      --brick-text-font-family: var(--brick-typography-caption-font-family);\n      --brick-text-font-size: var(--brick-typography-caption-font-size);\n      --brick-text-font-weight: var(--brick-typography-caption-font-weight);\n      --brick-text-line-height: var(--brick-typography-caption-line-height);\n      --brick-text-letter-spacing: var(--brick-typography-caption-letter-spacing);\n    }\n\n    .brick-text[data-variant-sm=\"eyebrow\"] {\n      --brick-text-font-family: var(--brick-typography-eyebrow-font-family);\n      --brick-text-font-size: var(--brick-typography-eyebrow-font-size);\n      --brick-text-font-weight: var(--brick-typography-eyebrow-font-weight);\n      --brick-text-line-height: var(--brick-typography-eyebrow-line-height);\n      --brick-text-letter-spacing: var(--brick-typography-eyebrow-letter-spacing);\n      --brick-text-text-transform: uppercase;\n    }\n  }\n\n  @media (width >= 48rem) {\n    .brick-text[data-variant-md=\"display\"] {\n      --brick-text-font-family: var(--brick-typography-display-font-family);\n      --brick-text-font-size: var(--brick-typography-display-font-size);\n      --brick-text-font-weight: var(--brick-typography-display-font-weight);\n      --brick-text-line-height: var(--brick-typography-display-line-height);\n      --brick-text-letter-spacing: var(--brick-typography-display-letter-spacing);\n    }\n\n    .brick-text[data-variant-md=\"display-sm\"] {\n      --brick-text-font-family: var(--brick-typography-display-sm-font-family);\n      --brick-text-font-size: var(--brick-typography-display-sm-font-size);\n      --brick-text-font-weight: var(--brick-typography-display-sm-font-weight);\n      --brick-text-line-height: var(--brick-typography-display-sm-line-height);\n      --brick-text-letter-spacing: var(--brick-typography-display-sm-letter-spacing);\n    }\n\n    .brick-text[data-variant-md=\"display-md\"] {\n      --brick-text-font-family: var(--brick-typography-display-md-font-family);\n      --brick-text-font-size: var(--brick-typography-display-md-font-size);\n      --brick-text-font-weight: var(--brick-typography-display-md-font-weight);\n      --brick-text-line-height: var(--brick-typography-display-md-line-height);\n      --brick-text-letter-spacing: var(--brick-typography-display-md-letter-spacing);\n    }\n\n    .brick-text[data-variant-md=\"display-lg\"] {\n      --brick-text-font-family: var(--brick-typography-display-lg-font-family);\n      --brick-text-font-size: var(--brick-typography-display-lg-font-size);\n      --brick-text-font-weight: var(--brick-typography-display-lg-font-weight);\n      --brick-text-line-height: var(--brick-typography-display-lg-line-height);\n      --brick-text-letter-spacing: var(--brick-typography-display-lg-letter-spacing);\n    }\n\n    .brick-text[data-variant-md=\"title-lg\"] {\n      --brick-text-font-family: var(--brick-typography-title-lg-font-family);\n      --brick-text-font-size: var(--brick-typography-title-lg-font-size);\n      --brick-text-font-weight: var(--brick-typography-title-lg-font-weight);\n      --brick-text-line-height: var(--brick-typography-title-lg-line-height);\n      --brick-text-letter-spacing: var(--brick-typography-title-lg-letter-spacing);\n    }\n\n    .brick-text[data-variant-md=\"title-md\"] {\n      --brick-text-font-family: var(--brick-typography-title-md-font-family);\n      --brick-text-font-size: var(--brick-typography-title-md-font-size);\n      --brick-text-font-weight: var(--brick-typography-title-md-font-weight);\n      --brick-text-line-height: var(--brick-typography-title-md-line-height);\n      --brick-text-letter-spacing: var(--brick-typography-title-md-letter-spacing);\n    }\n\n    .brick-text[data-variant-md=\"title-sm\"] {\n      --brick-text-font-family: var(--brick-typography-title-sm-font-family);\n      --brick-text-font-size: var(--brick-typography-title-sm-font-size);\n      --brick-text-font-weight: var(--brick-typography-title-sm-font-weight);\n      --brick-text-line-height: var(--brick-typography-title-sm-line-height);\n      --brick-text-letter-spacing: var(--brick-typography-title-sm-letter-spacing);\n    }\n\n    .brick-text[data-variant-md=\"body-lg\"] {\n      --brick-text-font-family: var(--brick-typography-body-lg-font-family);\n      --brick-text-font-size: var(--brick-typography-body-lg-font-size);\n      --brick-text-font-weight: var(--brick-typography-body-lg-font-weight);\n      --brick-text-line-height: var(--brick-typography-body-lg-line-height);\n      --brick-text-letter-spacing: var(--brick-typography-body-lg-letter-spacing);\n    }\n\n    .brick-text[data-variant-md=\"body-md\"] {\n      --brick-text-font-family: var(--brick-typography-body-md-font-family);\n      --brick-text-font-size: var(--brick-typography-body-md-font-size);\n      --brick-text-font-weight: var(--brick-typography-body-md-font-weight);\n      --brick-text-line-height: var(--brick-typography-body-md-line-height);\n      --brick-text-letter-spacing: var(--brick-typography-body-md-letter-spacing);\n    }\n\n    .brick-text[data-variant-md=\"body-sm\"] {\n      --brick-text-font-family: var(--brick-typography-body-sm-font-family);\n      --brick-text-font-size: var(--brick-typography-body-sm-font-size);\n      --brick-text-font-weight: var(--brick-typography-body-sm-font-weight);\n      --brick-text-line-height: var(--brick-typography-body-sm-line-height);\n      --brick-text-letter-spacing: var(--brick-typography-body-sm-letter-spacing);\n    }\n\n    .brick-text[data-variant-md=\"caption\"] {\n      --brick-text-font-family: var(--brick-typography-caption-font-family);\n      --brick-text-font-size: var(--brick-typography-caption-font-size);\n      --brick-text-font-weight: var(--brick-typography-caption-font-weight);\n      --brick-text-line-height: var(--brick-typography-caption-line-height);\n      --brick-text-letter-spacing: var(--brick-typography-caption-letter-spacing);\n    }\n\n    .brick-text[data-variant-md=\"eyebrow\"] {\n      --brick-text-font-family: var(--brick-typography-eyebrow-font-family);\n      --brick-text-font-size: var(--brick-typography-eyebrow-font-size);\n      --brick-text-font-weight: var(--brick-typography-eyebrow-font-weight);\n      --brick-text-line-height: var(--brick-typography-eyebrow-line-height);\n      --brick-text-letter-spacing: var(--brick-typography-eyebrow-letter-spacing);\n      --brick-text-text-transform: uppercase;\n    }\n  }\n\n  @media (width >= 64rem) {\n    .brick-text[data-variant-lg=\"display\"] {\n      --brick-text-font-family: var(--brick-typography-display-font-family);\n      --brick-text-font-size: var(--brick-typography-display-font-size);\n      --brick-text-font-weight: var(--brick-typography-display-font-weight);\n      --brick-text-line-height: var(--brick-typography-display-line-height);\n      --brick-text-letter-spacing: var(--brick-typography-display-letter-spacing);\n    }\n\n    .brick-text[data-variant-lg=\"display-sm\"] {\n      --brick-text-font-family: var(--brick-typography-display-sm-font-family);\n      --brick-text-font-size: var(--brick-typography-display-sm-font-size);\n      --brick-text-font-weight: var(--brick-typography-display-sm-font-weight);\n      --brick-text-line-height: var(--brick-typography-display-sm-line-height);\n      --brick-text-letter-spacing: var(--brick-typography-display-sm-letter-spacing);\n    }\n\n    .brick-text[data-variant-lg=\"display-md\"] {\n      --brick-text-font-family: var(--brick-typography-display-md-font-family);\n      --brick-text-font-size: var(--brick-typography-display-md-font-size);\n      --brick-text-font-weight: var(--brick-typography-display-md-font-weight);\n      --brick-text-line-height: var(--brick-typography-display-md-line-height);\n      --brick-text-letter-spacing: var(--brick-typography-display-md-letter-spacing);\n    }\n\n    .brick-text[data-variant-lg=\"display-lg\"] {\n      --brick-text-font-family: var(--brick-typography-display-lg-font-family);\n      --brick-text-font-size: var(--brick-typography-display-lg-font-size);\n      --brick-text-font-weight: var(--brick-typography-display-lg-font-weight);\n      --brick-text-line-height: var(--brick-typography-display-lg-line-height);\n      --brick-text-letter-spacing: var(--brick-typography-display-lg-letter-spacing);\n    }\n\n    .brick-text[data-variant-lg=\"title-lg\"] {\n      --brick-text-font-family: var(--brick-typography-title-lg-font-family);\n      --brick-text-font-size: var(--brick-typography-title-lg-font-size);\n      --brick-text-font-weight: var(--brick-typography-title-lg-font-weight);\n      --brick-text-line-height: var(--brick-typography-title-lg-line-height);\n      --brick-text-letter-spacing: var(--brick-typography-title-lg-letter-spacing);\n    }\n\n    .brick-text[data-variant-lg=\"title-md\"] {\n      --brick-text-font-family: var(--brick-typography-title-md-font-family);\n      --brick-text-font-size: var(--brick-typography-title-md-font-size);\n      --brick-text-font-weight: var(--brick-typography-title-md-font-weight);\n      --brick-text-line-height: var(--brick-typography-title-md-line-height);\n      --brick-text-letter-spacing: var(--brick-typography-title-md-letter-spacing);\n    }\n\n    .brick-text[data-variant-lg=\"title-sm\"] {\n      --brick-text-font-family: var(--brick-typography-title-sm-font-family);\n      --brick-text-font-size: var(--brick-typography-title-sm-font-size);\n      --brick-text-font-weight: var(--brick-typography-title-sm-font-weight);\n      --brick-text-line-height: var(--brick-typography-title-sm-line-height);\n      --brick-text-letter-spacing: var(--brick-typography-title-sm-letter-spacing);\n    }\n\n    .brick-text[data-variant-lg=\"body-lg\"] {\n      --brick-text-font-family: var(--brick-typography-body-lg-font-family);\n      --brick-text-font-size: var(--brick-typography-body-lg-font-size);\n      --brick-text-font-weight: var(--brick-typography-body-lg-font-weight);\n      --brick-text-line-height: var(--brick-typography-body-lg-line-height);\n      --brick-text-letter-spacing: var(--brick-typography-body-lg-letter-spacing);\n    }\n\n    .brick-text[data-variant-lg=\"body-md\"] {\n      --brick-text-font-family: var(--brick-typography-body-md-font-family);\n      --brick-text-font-size: var(--brick-typography-body-md-font-size);\n      --brick-text-font-weight: var(--brick-typography-body-md-font-weight);\n      --brick-text-line-height: var(--brick-typography-body-md-line-height);\n      --brick-text-letter-spacing: var(--brick-typography-body-md-letter-spacing);\n    }\n\n    .brick-text[data-variant-lg=\"body-sm\"] {\n      --brick-text-font-family: var(--brick-typography-body-sm-font-family);\n      --brick-text-font-size: var(--brick-typography-body-sm-font-size);\n      --brick-text-font-weight: var(--brick-typography-body-sm-font-weight);\n      --brick-text-line-height: var(--brick-typography-body-sm-line-height);\n      --brick-text-letter-spacing: var(--brick-typography-body-sm-letter-spacing);\n    }\n\n    .brick-text[data-variant-lg=\"caption\"] {\n      --brick-text-font-family: var(--brick-typography-caption-font-family);\n      --brick-text-font-size: var(--brick-typography-caption-font-size);\n      --brick-text-font-weight: var(--brick-typography-caption-font-weight);\n      --brick-text-line-height: var(--brick-typography-caption-line-height);\n      --brick-text-letter-spacing: var(--brick-typography-caption-letter-spacing);\n    }\n\n    .brick-text[data-variant-lg=\"eyebrow\"] {\n      --brick-text-font-family: var(--brick-typography-eyebrow-font-family);\n      --brick-text-font-size: var(--brick-typography-eyebrow-font-size);\n      --brick-text-font-weight: var(--brick-typography-eyebrow-font-weight);\n      --brick-text-line-height: var(--brick-typography-eyebrow-line-height);\n      --brick-text-letter-spacing: var(--brick-typography-eyebrow-letter-spacing);\n      --brick-text-text-transform: uppercase;\n    }\n  }\n\n  @media (width >= 80rem) {\n    .brick-text[data-variant-xl=\"display\"] {\n      --brick-text-font-family: var(--brick-typography-display-font-family);\n      --brick-text-font-size: var(--brick-typography-display-font-size);\n      --brick-text-font-weight: var(--brick-typography-display-font-weight);\n      --brick-text-line-height: var(--brick-typography-display-line-height);\n      --brick-text-letter-spacing: var(--brick-typography-display-letter-spacing);\n    }\n\n    .brick-text[data-variant-xl=\"display-sm\"] {\n      --brick-text-font-family: var(--brick-typography-display-sm-font-family);\n      --brick-text-font-size: var(--brick-typography-display-sm-font-size);\n      --brick-text-font-weight: var(--brick-typography-display-sm-font-weight);\n      --brick-text-line-height: var(--brick-typography-display-sm-line-height);\n      --brick-text-letter-spacing: var(--brick-typography-display-sm-letter-spacing);\n    }\n\n    .brick-text[data-variant-xl=\"display-md\"] {\n      --brick-text-font-family: var(--brick-typography-display-md-font-family);\n      --brick-text-font-size: var(--brick-typography-display-md-font-size);\n      --brick-text-font-weight: var(--brick-typography-display-md-font-weight);\n      --brick-text-line-height: var(--brick-typography-display-md-line-height);\n      --brick-text-letter-spacing: var(--brick-typography-display-md-letter-spacing);\n    }\n\n    .brick-text[data-variant-xl=\"display-lg\"] {\n      --brick-text-font-family: var(--brick-typography-display-lg-font-family);\n      --brick-text-font-size: var(--brick-typography-display-lg-font-size);\n      --brick-text-font-weight: var(--brick-typography-display-lg-font-weight);\n      --brick-text-line-height: var(--brick-typography-display-lg-line-height);\n      --brick-text-letter-spacing: var(--brick-typography-display-lg-letter-spacing);\n    }\n\n    .brick-text[data-variant-xl=\"title-lg\"] {\n      --brick-text-font-family: var(--brick-typography-title-lg-font-family);\n      --brick-text-font-size: var(--brick-typography-title-lg-font-size);\n      --brick-text-font-weight: var(--brick-typography-title-lg-font-weight);\n      --brick-text-line-height: var(--brick-typography-title-lg-line-height);\n      --brick-text-letter-spacing: var(--brick-typography-title-lg-letter-spacing);\n    }\n\n    .brick-text[data-variant-xl=\"title-md\"] {\n      --brick-text-font-family: var(--brick-typography-title-md-font-family);\n      --brick-text-font-size: var(--brick-typography-title-md-font-size);\n      --brick-text-font-weight: var(--brick-typography-title-md-font-weight);\n      --brick-text-line-height: var(--brick-typography-title-md-line-height);\n      --brick-text-letter-spacing: var(--brick-typography-title-md-letter-spacing);\n    }\n\n    .brick-text[data-variant-xl=\"title-sm\"] {\n      --brick-text-font-family: var(--brick-typography-title-sm-font-family);\n      --brick-text-font-size: var(--brick-typography-title-sm-font-size);\n      --brick-text-font-weight: var(--brick-typography-title-sm-font-weight);\n      --brick-text-line-height: var(--brick-typography-title-sm-line-height);\n      --brick-text-letter-spacing: var(--brick-typography-title-sm-letter-spacing);\n    }\n\n    .brick-text[data-variant-xl=\"body-lg\"] {\n      --brick-text-font-family: var(--brick-typography-body-lg-font-family);\n      --brick-text-font-size: var(--brick-typography-body-lg-font-size);\n      --brick-text-font-weight: var(--brick-typography-body-lg-font-weight);\n      --brick-text-line-height: var(--brick-typography-body-lg-line-height);\n      --brick-text-letter-spacing: var(--brick-typography-body-lg-letter-spacing);\n    }\n\n    .brick-text[data-variant-xl=\"body-md\"] {\n      --brick-text-font-family: var(--brick-typography-body-md-font-family);\n      --brick-text-font-size: var(--brick-typography-body-md-font-size);\n      --brick-text-font-weight: var(--brick-typography-body-md-font-weight);\n      --brick-text-line-height: var(--brick-typography-body-md-line-height);\n      --brick-text-letter-spacing: var(--brick-typography-body-md-letter-spacing);\n    }\n\n    .brick-text[data-variant-xl=\"body-sm\"] {\n      --brick-text-font-family: var(--brick-typography-body-sm-font-family);\n      --brick-text-font-size: var(--brick-typography-body-sm-font-size);\n      --brick-text-font-weight: var(--brick-typography-body-sm-font-weight);\n      --brick-text-line-height: var(--brick-typography-body-sm-line-height);\n      --brick-text-letter-spacing: var(--brick-typography-body-sm-letter-spacing);\n    }\n\n    .brick-text[data-variant-xl=\"caption\"] {\n      --brick-text-font-family: var(--brick-typography-caption-font-family);\n      --brick-text-font-size: var(--brick-typography-caption-font-size);\n      --brick-text-font-weight: var(--brick-typography-caption-font-weight);\n      --brick-text-line-height: var(--brick-typography-caption-line-height);\n      --brick-text-letter-spacing: var(--brick-typography-caption-letter-spacing);\n    }\n\n    .brick-text[data-variant-xl=\"eyebrow\"] {\n      --brick-text-font-family: var(--brick-typography-eyebrow-font-family);\n      --brick-text-font-size: var(--brick-typography-eyebrow-font-size);\n      --brick-text-font-weight: var(--brick-typography-eyebrow-font-weight);\n      --brick-text-line-height: var(--brick-typography-eyebrow-line-height);\n      --brick-text-letter-spacing: var(--brick-typography-eyebrow-letter-spacing);\n      --brick-text-text-transform: uppercase;\n    }\n  }\n\n  @media (width >= 30rem) {\n    .brick-text:is([data-variant-sm=\"display\"], [data-variant-sm=\"display-sm\"], [data-variant-sm=\"display-md\"], [data-variant-sm=\"display-lg\"], [data-variant-sm=\"title-lg\"], [data-variant-sm=\"title-md\"], [data-variant-sm=\"title-sm\"], [data-variant-sm=\"body-lg\"], [data-variant-sm=\"body-md\"], [data-variant-sm=\"body-sm\"], [data-variant-sm=\"caption\"]) {\n      --brick-text-text-transform: none;\n    }\n  }\n\n  @media (width >= 48rem) {\n    .brick-text:is([data-variant-md=\"display\"], [data-variant-md=\"display-sm\"], [data-variant-md=\"display-md\"], [data-variant-md=\"display-lg\"], [data-variant-md=\"title-lg\"], [data-variant-md=\"title-md\"], [data-variant-md=\"title-sm\"], [data-variant-md=\"body-lg\"], [data-variant-md=\"body-md\"], [data-variant-md=\"body-sm\"], [data-variant-md=\"caption\"]) {\n      --brick-text-text-transform: none;\n    }\n  }\n\n  @media (width >= 64rem) {\n    .brick-text:is([data-variant-lg=\"display\"], [data-variant-lg=\"display-sm\"], [data-variant-lg=\"display-md\"], [data-variant-lg=\"display-lg\"], [data-variant-lg=\"title-lg\"], [data-variant-lg=\"title-md\"], [data-variant-lg=\"title-sm\"], [data-variant-lg=\"body-lg\"], [data-variant-lg=\"body-md\"], [data-variant-lg=\"body-sm\"], [data-variant-lg=\"caption\"]) {\n      --brick-text-text-transform: none;\n    }\n  }\n\n  @media (width >= 80rem) {\n    .brick-text:is([data-variant-xl=\"display\"], [data-variant-xl=\"display-sm\"], [data-variant-xl=\"display-md\"], [data-variant-xl=\"display-lg\"], [data-variant-xl=\"title-lg\"], [data-variant-xl=\"title-md\"], [data-variant-xl=\"title-sm\"], [data-variant-xl=\"body-lg\"], [data-variant-xl=\"body-md\"], [data-variant-xl=\"body-sm\"], [data-variant-xl=\"caption\"]) {\n      --brick-text-text-transform: none;\n    }\n  }\n\n  .brick-text[data-tone=\"inherit\"] {\n    --brick-text-foreground: currentColor;\n  }\n\n  .brick-text[data-tone=\"secondary\"] {\n    --brick-text-foreground: var(--brick-color-text-secondary);\n  }\n\n  .brick-text[data-tone=\"muted\"] {\n    --brick-text-foreground: var(--brick-color-text-muted);\n  }\n\n  .brick-text[data-tone=\"accent\"] {\n    --brick-text-foreground: var(--brick-color-accent-text);\n  }\n\n  .brick-text[data-tone=\"info\"] {\n    --brick-text-foreground: var(--brick-color-info-text);\n  }\n\n  .brick-text[data-tone=\"success\"] {\n    --brick-text-foreground: var(--brick-color-success-text);\n  }\n\n  .brick-text[data-tone=\"warning\"] {\n    --brick-text-foreground: var(--brick-color-warning-text);\n  }\n\n  .brick-text[data-tone=\"danger\"] {\n    --brick-text-foreground: var(--brick-color-danger-text);\n  }\n\n  .brick-text[data-weight=\"inherit\"] {\n    --brick-text-font-weight: inherit;\n  }\n\n  .brick-text[data-weight=\"regular\"] {\n    --brick-text-font-weight: var(--brick-font-weight-regular);\n  }\n\n  .brick-text[data-weight=\"medium\"] {\n    --brick-text-font-weight: var(--brick-font-weight-medium);\n  }\n\n  .brick-text[data-weight=\"semibold\"] {\n    --brick-text-font-weight: var(--brick-font-weight-semibold);\n  }\n\n  .brick-text[data-transform=\"none\"] {\n    --brick-text-text-transform: none;\n  }\n\n  .brick-text[data-transform=\"uppercase\"] {\n    --brick-text-text-transform: uppercase;\n  }\n\n  .brick-text[data-transform=\"lowercase\"] {\n    --brick-text-text-transform: lowercase;\n  }\n\n  .brick-text[data-transform=\"capitalize\"] {\n    --brick-text-text-transform: capitalize;\n  }\n\n  .brick-text[data-align=\"start\"] {\n    text-align: start;\n  }\n\n  .brick-text[data-align=\"center\"] {\n    text-align: center;\n  }\n\n  .brick-text[data-align=\"end\"] {\n    text-align: end;\n  }\n\n  @media (width >= 30rem) {\n    .brick-text[data-align-sm=\"start\"] { text-align: start; }\n    .brick-text[data-align-sm=\"center\"] { text-align: center; }\n    .brick-text[data-align-sm=\"end\"] { text-align: end; }\n  }\n\n  @media (width >= 48rem) {\n    .brick-text[data-align-md=\"start\"] { text-align: start; }\n    .brick-text[data-align-md=\"center\"] { text-align: center; }\n    .brick-text[data-align-md=\"end\"] { text-align: end; }\n  }\n\n  @media (width >= 64rem) {\n    .brick-text[data-align-lg=\"start\"] { text-align: start; }\n    .brick-text[data-align-lg=\"center\"] { text-align: center; }\n    .brick-text[data-align-lg=\"end\"] { text-align: end; }\n  }\n\n  @media (width >= 80rem) {\n    .brick-text[data-align-xl=\"start\"] { text-align: start; }\n    .brick-text[data-align-xl=\"center\"] { text-align: center; }\n    .brick-text[data-align-xl=\"end\"] { text-align: end; }\n  }\n\n  .brick-text[data-wrap=\"nowrap\"] {\n    text-wrap: nowrap;\n  }\n\n  .brick-text[data-wrap=\"balance\"] {\n    text-wrap: balance;\n  }\n\n  .brick-text[data-wrap=\"pretty\"] {\n    text-wrap: pretty;\n  }\n\n  .brick-text[data-truncate] {\n    display: block;\n    min-inline-size: 0;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n  }\n\n  .brick-text[data-line-clamp] {\n    display: -webkit-box;\n    min-inline-size: 0;\n    overflow: hidden;\n    -webkit-box-orient: vertical;\n  }\n\n  .brick-text[data-line-clamp=\"2\"] {\n    -webkit-line-clamp: 2;\n  }\n\n  .brick-text[data-line-clamp=\"3\"] {\n    -webkit-line-clamp: 3;\n  }\n\n  .brick-text[data-line-clamp=\"4\"] {\n    -webkit-line-clamp: 4;\n  }\n\n  .brick-text[data-line-clamp=\"5\"] {\n    -webkit-line-clamp: 5;\n  }\n\n  .brick-text[data-line-clamp=\"6\"] {\n    -webkit-line-clamp: 6;\n  }\n\n  @media (forced-colors: active) {\n    .brick-text:not([data-tone=\"inherit\"]) {\n      --brick-text-foreground: CanvasText;\n    }\n  }\n}\n","@layer brick.components {\n  .brick-toast-viewport {\n    --brick-toast-viewport-z-index: var(--brick-layer-overlay);\n    --brick-toast-viewport-gap: var(--brick-space-3);\n    --brick-toast-offset-block-start: var(--brick-space-4);\n    --brick-toast-offset-block-end: var(--brick-space-4);\n    --brick-toast-offset-inline-start: var(--brick-space-4);\n    --brick-toast-offset-inline-end: var(--brick-space-4);\n    --brick-toast-inline-size: 24rem;\n    --brick-toast-overlap-step: var(--brick-space-2);\n\n    position: fixed;\n    z-index: var(--brick-toast-viewport-z-index);\n    display: flex;\n    inline-size: min(\n      var(--brick-toast-inline-size),\n      calc(100vw - var(--brick-toast-offset-inline-start) - var(--brick-toast-offset-inline-end) - env(safe-area-inset-left) - env(safe-area-inset-right))\n    );\n    max-block-size: calc(100vh - var(--brick-toast-offset-block-start) - var(--brick-toast-offset-block-end));\n    flex-direction: column;\n    gap: var(--brick-toast-viewport-gap);\n    margin: 0;\n    padding: 0;\n    outline: none;\n    pointer-events: none;\n  }\n\n  .brick-toast-viewport[data-width=\"compact\"] { --brick-toast-inline-size: 20rem; }\n  .brick-toast-viewport[data-width=\"full\"] {\n    --brick-toast-inline-size: calc(100vw - var(--brick-toast-offset-inline-start) - var(--brick-toast-offset-inline-end));\n  }\n\n  .brick-toast-viewport[data-position^=\"top-\"] {\n    inset-block-start: calc(var(--brick-toast-offset-block-start) + env(safe-area-inset-top));\n  }\n  .brick-toast-viewport[data-position^=\"bottom-\"] {\n    inset-block-end: calc(var(--brick-toast-offset-block-end) + env(safe-area-inset-bottom));\n  }\n  .brick-toast-viewport[data-position$=\"-start\"] {\n    inset-inline-start: calc(var(--brick-toast-offset-inline-start) + env(safe-area-inset-left));\n  }\n  .brick-toast-viewport[data-position$=\"-end\"] {\n    inset-inline-end: calc(var(--brick-toast-offset-inline-end) + env(safe-area-inset-right));\n  }\n  .brick-toast-viewport[data-position$=\"-center\"] {\n    inset-inline-start: 50%;\n    transform: translateX(-50%);\n  }\n\n  .brick-toast {\n    --brick-toast-background: var(--brick-color-surface-raised);\n    --brick-toast-foreground: var(--brick-color-text-primary);\n    --brick-toast-description-foreground: var(--brick-color-text-secondary);\n    --brick-toast-border-color: var(--brick-color-border-subtle);\n    --brick-toast-accent-color: var(--brick-color-accent-solid);\n    --brick-toast-radius: var(--brick-radius-overlay);\n    --brick-toast-shadow: 0 0.75rem 2rem var(--brick-color-shadow);\n    --brick-toast-padding: var(--brick-space-3);\n    --brick-toast-content-gap: var(--brick-space-1);\n    --brick-toast-action-gap: var(--brick-space-2);\n    --brick-toast-motion-duration: var(--brick-motion-duration-fast);\n    --brick-toast-motion-easing: var(--brick-motion-easing-enter);\n\n    position: relative;\n    display: grid;\n    inline-size: 100%;\n    min-block-size: 3rem;\n    min-inline-size: 0;\n    grid-template-columns: auto minmax(0, 1fr);\n    align-items: center;\n    gap: var(--brick-space-3);\n    box-sizing: border-box;\n    border: 1px solid var(--brick-toast-border-color);\n    border-inline-start: 0.25rem solid var(--brick-toast-accent-color);\n    border-radius: var(--brick-toast-radius);\n    padding: var(--brick-toast-padding);\n    background: var(--brick-toast-background);\n    box-shadow: var(--brick-toast-shadow);\n    color: var(--brick-toast-foreground);\n    pointer-events: auto;\n    touch-action: pan-y;\n    transition: opacity var(--brick-toast-motion-duration) var(--brick-toast-motion-easing),\n      transform var(--brick-toast-motion-duration) var(--brick-toast-motion-easing),\n      margin var(--brick-toast-motion-duration) var(--brick-toast-motion-easing);\n  }\n  .brick-toast:has(.brick-toast__close) {\n    padding-inline-end: calc(2.75rem + var(--brick-space-3));\n  }\n\n  .brick-toast[data-type=\"default\"],\n  .brick-toast[data-type=\"loading\"] {\n    --brick-toast-accent-color: var(--brick-color-accent-solid);\n  }\n  .brick-toast[data-type=\"success\"] {\n    --brick-toast-accent-color: var(--brick-color-success-solid);\n    --brick-toast-border-color: var(--brick-color-success-border);\n  }\n  .brick-toast[data-type=\"error\"] {\n    --brick-toast-accent-color: var(--brick-color-danger-solid);\n    --brick-toast-border-color: var(--brick-color-danger-border);\n  }\n  .brick-toast[data-type=\"warning\"] {\n    --brick-toast-accent-color: var(--brick-color-warning-solid);\n    --brick-toast-border-color: var(--brick-color-warning-border);\n  }\n  .brick-toast[data-type=\"info\"] {\n    --brick-toast-accent-color: var(--brick-color-info-solid);\n    --brick-toast-border-color: var(--brick-color-info-border);\n  }\n\n  .brick-toast[data-state=\"entering\"] { opacity: 0; transform: translateY(0.5rem); }\n  .brick-toast[data-state=\"exiting\"] { opacity: 0; transform: translateY(-0.375rem); }\n  .brick-toast[data-swipe=\"move\"] {\n    transform: translate(var(--atom-toast-swipe-move-x), var(--atom-toast-swipe-move-y));\n    transition: none;\n  }\n  .brick-toast[data-swipe=\"cancel\"] { transform: translate(0, 0); }\n  .brick-toast[data-swipe=\"end\"] { opacity: 0; }\n\n  .brick-toast-viewport[data-stacking=\"overlap\"]:not([data-expanded]) {\n    display: grid;\n    gap: 0;\n  }\n  .brick-toast-viewport[data-position^=\"top-\"][data-stacking=\"overlap\"]:not([data-expanded]) {\n    padding-block-end: calc(2 * var(--brick-toast-overlap-step));\n  }\n  .brick-toast-viewport[data-position^=\"bottom-\"][data-stacking=\"overlap\"]:not([data-expanded]) {\n    padding-block-start: calc(2 * var(--brick-toast-overlap-step));\n  }\n  .brick-toast-viewport[data-stacking=\"overlap\"]:not([data-expanded]) .brick-toast {\n    grid-area: 1 / 1;\n  }\n  .brick-toast-viewport[data-stacking=\"overlap\"]:not([data-expanded]) .brick-toast[data-index=\"0\"] { z-index: 1; }\n  .brick-toast-viewport[data-stacking=\"overlap\"]:not([data-expanded]) .brick-toast[data-index=\"1\"] { z-index: 2; }\n  .brick-toast-viewport[data-stacking=\"overlap\"]:not([data-expanded]) .brick-toast[data-index=\"2\"] { z-index: 3; }\n  .brick-toast-viewport[data-stacking=\"overlap\"]:not([data-expanded]):has(.brick-toast[data-index=\"1\"]) .brick-toast[data-index=\"0\"] {\n    transform: translateY(var(--brick-toast-overlap-step));\n  }\n  .brick-toast-viewport[data-stacking=\"overlap\"]:not([data-expanded]):has(.brick-toast[data-index=\"2\"]) .brick-toast[data-index=\"0\"] {\n    transform: translateY(calc(2 * var(--brick-toast-overlap-step)));\n  }\n  .brick-toast-viewport[data-stacking=\"overlap\"]:not([data-expanded]):has(.brick-toast[data-index=\"2\"]) .brick-toast[data-index=\"1\"] {\n    transform: translateY(var(--brick-toast-overlap-step));\n  }\n  .brick-toast-viewport[data-position^=\"bottom-\"][data-stacking=\"overlap\"]:not([data-expanded]) .brick-toast {\n    align-self: end;\n  }\n  .brick-toast-viewport[data-position^=\"bottom-\"][data-stacking=\"overlap\"]:not([data-expanded]):has(.brick-toast[data-index=\"1\"]) .brick-toast[data-index=\"0\"] {\n    transform: translateY(calc(-1 * var(--brick-toast-overlap-step)));\n  }\n  .brick-toast-viewport[data-position^=\"bottom-\"][data-stacking=\"overlap\"]:not([data-expanded]):has(.brick-toast[data-index=\"2\"]) .brick-toast[data-index=\"0\"] {\n    transform: translateY(calc(-2 * var(--brick-toast-overlap-step)));\n  }\n  .brick-toast-viewport[data-position^=\"bottom-\"][data-stacking=\"overlap\"]:not([data-expanded]):has(.brick-toast[data-index=\"2\"]) .brick-toast[data-index=\"1\"] {\n    transform: translateY(calc(-1 * var(--brick-toast-overlap-step)));\n  }\n\n  .brick-toast__icon {\n    display: inline-grid;\n    inline-size: 1.25rem;\n    block-size: 1.25rem;\n    place-items: center;\n    color: var(--brick-toast-accent-color);\n  }\n  .brick-toast__icon svg {\n    inline-size: 100%;\n    block-size: 100%;\n    fill: none;\n    stroke: currentColor;\n    stroke-linecap: round;\n    stroke-linejoin: round;\n    stroke-width: 2;\n  }\n  .brick-toast__spinner {\n    inline-size: 1rem;\n    block-size: 1rem;\n    box-sizing: border-box;\n    border: 2px solid color-mix(in srgb, currentColor 30%, transparent);\n    border-block-start-color: currentColor;\n    border-radius: 50%;\n    animation: brick-toast-spin 800ms linear infinite;\n  }\n  .brick-toast__content {\n    display: grid;\n    min-inline-size: 0;\n    gap: var(--brick-toast-content-gap);\n  }\n  .brick-toast__content:first-child { grid-column-start: 1; }\n  .brick-toast__title,\n  .brick-toast__description { margin: 0; overflow-wrap: anywhere; }\n  .brick-toast__title {\n    font-family: var(--brick-typography-compact-title-font-family);\n    font-size: var(--brick-typography-compact-title-font-size);\n    font-weight: var(--brick-typography-compact-title-font-weight);\n    line-height: var(--brick-typography-compact-title-line-height);\n  }\n  .brick-toast__description {\n    color: var(--brick-toast-description-foreground);\n    font-family: var(--brick-typography-body-sm-font-family);\n    font-size: var(--brick-typography-body-sm-font-size);\n    line-height: var(--brick-typography-body-sm-line-height);\n  }\n  .brick-toast__actions { display: flex; flex-wrap: wrap; gap: var(--brick-toast-action-gap); margin-block-start: var(--brick-space-1); }\n  .brick-toast__action,\n  .brick-toast__close {\n    border: 0;\n    font: inherit;\n    color: var(--brick-toast-accent-color);\n    cursor: pointer;\n  }\n  .brick-toast__action {\n    min-block-size: 2.25rem;\n    border-radius: var(--brick-radius-control);\n    padding-inline: var(--brick-space-2);\n    background: color-mix(in srgb, var(--brick-toast-accent-color) 12%, transparent);\n    color: var(--brick-color-text-primary);\n    font-size: var(--brick-typography-body-sm-font-size);\n    font-weight: var(--brick-typography-control-sm-font-weight);\n  }\n  .brick-toast__close {\n    position: absolute;\n    inset-block-start: 50%;\n    inset-inline-end: var(--brick-space-1);\n    display: inline-grid;\n    inline-size: 2.75rem;\n    block-size: 2.75rem;\n    place-items: center;\n    margin: 0;\n    border-radius: var(--brick-radius-full);\n    padding: 0;\n    background: transparent;\n    color: var(--brick-color-text-secondary);\n    transform: translateY(-50%);\n  }\n  .brick-toast__close svg { inline-size: 1.125rem; block-size: 1.125rem; fill: none; stroke: currentColor; stroke-linecap: round; stroke-width: 2; }\n  .brick-toast__action:hover { background: color-mix(in srgb, var(--brick-toast-accent-color) 18%, transparent); }\n  .brick-toast__close:hover { background: var(--brick-color-surface-subtle); color: var(--brick-color-text-primary); }\n  .brick-toast__action:focus-visible,\n  .brick-toast__close:focus-visible { outline: 2px solid var(--brick-color-focus-ring); outline-offset: 2px; }\n\n  @keyframes brick-toast-spin { to { transform: rotate(360deg); } }\n\n  @media (max-width: 30rem) {\n    .brick-toast-viewport[data-width=\"responsive\"] {\n      --brick-toast-inline-size: calc(100vw - var(--brick-space-4) * 2);\n      --brick-toast-offset-inline-start: var(--brick-space-2);\n      --brick-toast-offset-inline-end: var(--brick-space-2);\n    }\n  }\n\n  @media (prefers-reduced-motion: reduce) {\n    .brick-toast { transition: none; }\n    .brick-toast[data-state=\"entering\"],\n    .brick-toast[data-state=\"exiting\"] { transform: none; }\n    .brick-toast__spinner { animation: none; border-style: dotted; }\n  }\n\n  @media (forced-colors: active) {\n    .brick-toast { border-color: CanvasText; background: Canvas; box-shadow: none; color: CanvasText; forced-color-adjust: auto; }\n    .brick-toast__icon,\n    .brick-toast__action,\n    .brick-toast__close { color: ButtonText; }\n    .brick-toast__action { border: 1px solid ButtonText; background: ButtonFace; }\n    .brick-toast__action:focus-visible,\n    .brick-toast__close:focus-visible { outline-color: Highlight; }\n  }\n}\n","@layer brick.components {\n  .brick-button {\n    --brick-button-background: var(--brick-button-tone-solid);\n    --brick-button-background-hover: var(--brick-button-tone-solid-hover);\n    --brick-button-background-pressed: var(--brick-button-tone-solid-pressed);\n    --brick-button-foreground: var(--brick-button-tone-on-solid);\n    --brick-button-border-color: var(--brick-button-background);\n    --brick-button-focus-ring: var(--brick-color-focus-ring);\n    --brick-button-min-block-size: var(--brick-control-min-block-size-md);\n    --brick-button-padding-block: 0.5rem;\n    --brick-button-padding-inline: 1rem;\n    --brick-button-gap: 0.5rem;\n    --brick-button-radius: var(--brick-radius-control);\n    --brick-button-font-family: var(--brick-typography-control-md-font-family);\n    --brick-button-font-size: var(--brick-typography-control-md-font-size);\n    --brick-button-font-weight: var(--brick-typography-control-md-font-weight);\n    --brick-button-line-height: var(--brick-typography-control-md-line-height);\n    --brick-button-letter-spacing: var(--brick-typography-control-md-letter-spacing);\n    --brick-button-icon-size: 1.125rem;\n    --brick-action-spinner-size: 1em;\n    --brick-action-spinner-color: var(\n      --brick-button-spinner-color,\n      var(--brick-button-foreground)\n    );\n\n    position: relative;\n    display: inline-flex;\n    box-sizing: border-box;\n    min-inline-size: 0;\n    max-inline-size: 100%;\n    min-block-size: var(--brick-button-min-block-size);\n    align-items: center;\n    justify-content: center;\n    gap: var(--brick-button-gap);\n    padding-block: var(--brick-button-padding-block);\n    padding-inline: var(--brick-button-padding-inline);\n    border: var(--brick-border-width) solid var(--brick-button-border-color);\n    border-radius: var(--brick-button-radius);\n    appearance: none;\n    background: var(--brick-button-background);\n    color: var(--brick-button-foreground);\n    font-family: var(--brick-button-font-family);\n    font-size: var(--brick-button-font-size);\n    font-weight: var(--brick-button-font-weight);\n    letter-spacing: var(--brick-button-letter-spacing);\n    line-height: var(--brick-button-line-height);\n    text-align: center;\n    text-decoration: none;\n    overflow-wrap: anywhere;\n    user-select: none;\n    vertical-align: middle;\n    transition:\n      background-color var(--brick-motion-duration-fast) var(--brick-motion-easing-standard),\n      border-color var(--brick-motion-duration-fast) var(--brick-motion-easing-standard),\n      color var(--brick-motion-duration-fast) var(--brick-motion-easing-standard);\n  }\n\n  .brick-button:not([data-disabled], [data-loading]) {\n    cursor: pointer;\n  }\n\n  .brick-button:focus-visible {\n    outline: var(--brick-border-focus-width) solid var(--brick-button-focus-ring);\n    outline-offset: var(--brick-border-focus-offset);\n  }\n\n  .brick-button:not([data-disabled], [data-loading]):active {\n    background: var(--brick-button-background-pressed);\n    border-color: var(--brick-button-background-pressed);\n  }\n\n  .brick-button[data-variant=\"soft\"]:not([data-disabled], [data-loading]):active,\n  .brick-button[data-variant=\"outline\"]:not([data-disabled], [data-loading]):active {\n    border-color: var(--brick-button-tone-border);\n  }\n\n  .brick-button[data-variant=\"ghost\"]:not([data-disabled], [data-loading]):active {\n    border-color: transparent;\n  }\n\n  .brick-button[data-disabled] {\n    color: var(--brick-color-text-disabled);\n    cursor: not-allowed;\n    opacity: 1;\n  }\n\n  .brick-button[data-disabled]:is([data-variant=\"solid\"], [data-variant=\"soft\"]) {\n    border-color: var(--brick-color-border-subtle);\n    background: var(--brick-color-surface-subtle);\n  }\n\n  .brick-button[data-disabled][data-variant=\"outline\"] {\n    border-color: var(--brick-color-border-subtle);\n    background: transparent;\n  }\n\n  .brick-button[data-disabled][data-variant=\"ghost\"] {\n    border-color: transparent;\n    background: transparent;\n  }\n\n  .brick-button[data-loading] {\n    cursor: progress;\n    color: transparent;\n  }\n\n  .brick-button[data-loading] > * {\n    opacity: 0;\n  }\n\n  .brick-button[data-disabled][data-loading] {\n    --brick-button-spinner-color: var(--brick-color-text-disabled);\n  }\n\n  .brick-button__content {\n    min-inline-size: 0;\n  }\n\n  .brick-button__icon {\n    display: inline-flex;\n    flex: 0 0 auto;\n    align-items: center;\n    justify-content: center;\n  }\n\n  .brick-button__icon > :where(svg, img) {\n    inline-size: var(--brick-button-icon-size);\n    block-size: var(--brick-button-icon-size);\n  }\n\n  .brick-button[data-full-width] {\n    inline-size: 100%;\n  }\n\n  .brick-button[data-shape=\"sharp\"] {\n    --brick-button-radius: 0;\n  }\n\n  .brick-button[data-shape=\"pill\"] {\n    --brick-button-radius: var(--brick-radius-full);\n  }\n\n  .brick-button[data-size=\"xs\"] {\n    --brick-button-min-block-size: var(--brick-control-min-block-size-xs);\n    --brick-button-padding-block: 0.25rem;\n    --brick-button-padding-inline: 0.625rem;\n    --brick-button-gap: 0.375rem;\n    --brick-button-font-size: var(--brick-typography-control-xs-font-size);\n    --brick-button-icon-size: 0.875rem;\n  }\n\n  .brick-button[data-size=\"sm\"] {\n    --brick-button-min-block-size: var(--brick-control-min-block-size-sm);\n    --brick-button-padding-block: 0.375rem;\n    --brick-button-padding-inline: 0.75rem;\n    --brick-button-gap: 0.375rem;\n    --brick-button-font-size: var(--brick-typography-control-sm-font-size);\n    --brick-button-icon-size: 1rem;\n  }\n\n  .brick-button[data-size=\"lg\"] {\n    --brick-button-min-block-size: var(--brick-control-min-block-size-lg);\n    --brick-button-padding-block: 0.625rem;\n    --brick-button-padding-inline: 1.25rem;\n    --brick-button-gap: 0.625rem;\n    --brick-button-font-size: var(--brick-typography-control-lg-font-size);\n    --brick-button-icon-size: 1.25rem;\n  }\n\n  .brick-button[data-size=\"xl\"] {\n    --brick-button-min-block-size: var(--brick-control-min-block-size-xl);\n    --brick-button-padding-block: 0.75rem;\n    --brick-button-padding-inline: 1.5rem;\n    --brick-button-gap: 0.75rem;\n    --brick-button-font-size: var(--brick-typography-control-xl-font-size);\n    --brick-button-icon-size: 1.5rem;\n  }\n\n  .brick-button[data-tone=\"neutral\"] {\n    --brick-button-tone-solid: color-mix(\n      in srgb,\n      var(--brick-color-surface-subtle),\n      var(--brick-color-text-primary) 16%\n    );\n    --brick-button-tone-solid-hover: color-mix(\n      in srgb,\n      var(--brick-color-surface-subtle),\n      var(--brick-color-text-primary) 22%\n    );\n    --brick-button-tone-solid-pressed: color-mix(\n      in srgb,\n      var(--brick-color-surface-subtle),\n      var(--brick-color-text-primary) 28%\n    );\n    --brick-button-tone-on-solid: var(--brick-color-text-primary);\n    --brick-button-tone-soft: var(--brick-color-surface-subtle);\n    --brick-button-tone-soft-hover: var(--brick-color-surface-base);\n    --brick-button-tone-soft-pressed: var(--brick-color-border-subtle);\n    --brick-button-tone-on-soft: var(--brick-color-text-primary);\n    --brick-button-tone-border: var(--brick-color-border-strong);\n    --brick-button-tone-text: var(--brick-color-text-primary);\n  }\n\n  .brick-button[data-tone=\"accent\"] {\n    --brick-button-tone-solid: var(--brick-color-accent-solid);\n    --brick-button-tone-solid-hover: var(--brick-color-accent-solid-hover);\n    --brick-button-tone-solid-pressed: var(--brick-color-accent-solid-pressed);\n    --brick-button-tone-on-solid: var(--brick-color-accent-on-solid);\n    --brick-button-tone-soft: var(--brick-color-accent-soft);\n    --brick-button-tone-soft-hover: var(--brick-color-accent-soft-hover);\n    --brick-button-tone-soft-pressed: var(--brick-color-accent-soft-pressed);\n    --brick-button-tone-on-soft: var(--brick-color-accent-on-soft);\n    --brick-button-tone-border: var(--brick-color-accent-border);\n    --brick-button-tone-text: var(--brick-color-accent-text);\n  }\n\n  .brick-button[data-tone=\"info\"] {\n    --brick-button-tone-solid: var(--brick-color-info-solid);\n    --brick-button-tone-solid-hover: var(--brick-color-info-solid-hover);\n    --brick-button-tone-solid-pressed: var(--brick-color-info-solid-pressed);\n    --brick-button-tone-on-solid: var(--brick-color-info-on-solid);\n    --brick-button-tone-soft: var(--brick-color-info-soft);\n    --brick-button-tone-soft-hover: var(--brick-color-info-soft-hover);\n    --brick-button-tone-soft-pressed: var(--brick-color-info-soft-pressed);\n    --brick-button-tone-on-soft: var(--brick-color-info-on-soft);\n    --brick-button-tone-border: var(--brick-color-info-border);\n    --brick-button-tone-text: var(--brick-color-info-text);\n  }\n\n  .brick-button[data-tone=\"success\"] {\n    --brick-button-tone-solid: var(--brick-color-success-solid);\n    --brick-button-tone-solid-hover: var(--brick-color-success-solid-hover);\n    --brick-button-tone-solid-pressed: var(--brick-color-success-solid-pressed);\n    --brick-button-tone-on-solid: var(--brick-color-success-on-solid);\n    --brick-button-tone-soft: var(--brick-color-success-soft);\n    --brick-button-tone-soft-hover: var(--brick-color-success-soft-hover);\n    --brick-button-tone-soft-pressed: var(--brick-color-success-soft-pressed);\n    --brick-button-tone-on-soft: var(--brick-color-success-on-soft);\n    --brick-button-tone-border: var(--brick-color-success-border);\n    --brick-button-tone-text: var(--brick-color-success-text);\n  }\n\n  .brick-button[data-tone=\"warning\"] {\n    --brick-button-tone-solid: var(--brick-color-warning-solid);\n    --brick-button-tone-solid-hover: var(--brick-color-warning-solid-hover);\n    --brick-button-tone-solid-pressed: var(--brick-color-warning-solid-pressed);\n    --brick-button-tone-on-solid: var(--brick-color-warning-on-solid);\n    --brick-button-tone-soft: var(--brick-color-warning-soft);\n    --brick-button-tone-soft-hover: var(--brick-color-warning-soft-hover);\n    --brick-button-tone-soft-pressed: var(--brick-color-warning-soft-pressed);\n    --brick-button-tone-on-soft: var(--brick-color-warning-on-soft);\n    --brick-button-tone-border: var(--brick-color-warning-border);\n    --brick-button-tone-text: var(--brick-color-warning-text);\n  }\n\n  .brick-button[data-tone=\"danger\"] {\n    --brick-button-tone-solid: var(--brick-color-danger-solid);\n    --brick-button-tone-solid-hover: var(--brick-color-danger-solid-hover);\n    --brick-button-tone-solid-pressed: var(--brick-color-danger-solid-pressed);\n    --brick-button-tone-on-solid: var(--brick-color-danger-on-solid);\n    --brick-button-tone-soft: var(--brick-color-danger-soft);\n    --brick-button-tone-soft-hover: var(--brick-color-danger-soft-hover);\n    --brick-button-tone-soft-pressed: var(--brick-color-danger-soft-pressed);\n    --brick-button-tone-on-soft: var(--brick-color-danger-on-soft);\n    --brick-button-tone-border: var(--brick-color-danger-border);\n    --brick-button-tone-text: var(--brick-color-danger-text);\n  }\n\n  .brick-button[data-variant=\"soft\"] {\n    --brick-button-background: var(--brick-button-tone-soft);\n    --brick-button-background-hover: var(--brick-button-tone-soft-hover);\n    --brick-button-background-pressed: var(--brick-button-tone-soft-pressed);\n    --brick-button-foreground: var(--brick-button-tone-on-soft);\n    --brick-button-border-color: var(--brick-button-tone-border);\n  }\n\n  .brick-button[data-variant=\"outline\"] {\n    --brick-button-background: transparent;\n    --brick-button-background-hover: var(--brick-button-tone-soft);\n    --brick-button-background-pressed: var(--brick-button-tone-soft-hover);\n    --brick-button-foreground: var(--brick-button-tone-text);\n    --brick-button-border-color: var(--brick-button-tone-border);\n  }\n\n  .brick-button[data-variant=\"ghost\"] {\n    --brick-button-background: transparent;\n    --brick-button-background-hover: var(--brick-button-tone-soft);\n    --brick-button-background-pressed: var(--brick-button-tone-soft-hover);\n    --brick-button-foreground: var(--brick-button-tone-text);\n    --brick-button-border-color: transparent;\n  }\n\n  @media (hover: hover) and (pointer: fine) {\n    .brick-button:not([data-disabled], [data-loading]):hover {\n      background: var(--brick-button-background-hover);\n      border-color: var(--brick-button-background-hover);\n    }\n\n    .brick-button[data-variant=\"soft\"]:not([data-disabled], [data-loading]):hover,\n    .brick-button[data-variant=\"outline\"]:not([data-disabled], [data-loading]):hover {\n      border-color: var(--brick-button-tone-border);\n    }\n\n    .brick-button[data-variant=\"ghost\"]:not([data-disabled], [data-loading]):hover {\n      border-color: transparent;\n    }\n  }\n\n  @media (prefers-reduced-motion: reduce) {\n    .brick-button {\n      transition-duration: 0ms;\n    }\n  }\n\n  @media (forced-colors: active) {\n    .brick-button {\n      border-color: ButtonText;\n      background: ButtonFace;\n      color: ButtonText;\n    }\n\n    .brick-button:focus-visible {\n      outline-color: Highlight;\n    }\n\n    .brick-button[data-disabled] {\n      border-color: GrayText;\n      color: GrayText;\n      opacity: 1;\n    }\n  }\n}\n","@layer brick.components {\n  .brick-carousel {\n    --brick-carousel-gap: var(--brick-space-3);\n    --brick-carousel-radius: var(--brick-radius-surface);\n    --brick-carousel-control-size: 2.75rem;\n    --brick-carousel-control-radius: var(--brick-radius-full);\n    --brick-carousel-control-foreground: var(--brick-color-text-primary);\n    --brick-carousel-control-background: var(--brick-color-surface-raised);\n    --brick-carousel-control-border-color: var(--brick-color-border-subtle);\n    --brick-carousel-control-hover-background: var(--brick-color-surface-subtle);\n    --brick-carousel-control-shadow: var(--brick-shadow-sm);\n    --brick-carousel-control-disabled-opacity: 0.65;\n    --brick-carousel-focus-ring: var(--brick-color-focus-ring);\n    --brick-carousel-picker-gap: var(--brick-space-1);\n    --brick-carousel-picker-target-size: 2.75rem;\n    --brick-carousel-picker-background: color-mix(in srgb, var(--brick-color-surface-raised) 86%, transparent);\n    --brick-carousel-picker-padding: var(--brick-space-1);\n    --brick-carousel-picker-radius: var(--brick-radius-full);\n    --brick-carousel-dot-size: 0.5rem;\n    --brick-carousel-dot-background: var(--brick-color-text-muted);\n    --brick-carousel-dot-active-background: var(--brick-color-accent-solid);\n    --brick-carousel-transition-duration: var(--brick-motion-duration-fast);\n    --brick-carousel-transition-easing: var(--brick-motion-easing-standard);\n    --brick-carousel-navigation-block-start: 50%;\n    --brick-carousel-navigation-block-end: auto;\n    --brick-carousel-navigation-inline: var(--brick-carousel-gap);\n    --brick-carousel-navigation-transform: translateY(-50%);\n    --brick-carousel-controls-block-end: var(--brick-carousel-gap);\n\n    position: relative;\n    box-sizing: border-box;\n    inline-size: 100%;\n    min-block-size: 0;\n  }\n\n  .brick-carousel[data-fill] {\n    display: grid;\n    block-size: 100%;\n  }\n\n  .brick-carousel[data-fill] > .brick-carousel__viewport,\n  .brick-carousel[data-fill] > .brick-carousel__viewport > .brick-carousel__track,\n  .brick-carousel[data-fill] > .brick-carousel__viewport > .brick-carousel__track > .brick-carousel__slide {\n    block-size: 100%;\n    min-block-size: 0;\n  }\n\n  .brick-carousel[data-size=\"sm\"] { --brick-carousel-control-size: 2.25rem; --brick-carousel-dot-size: 0.375rem; }\n  .brick-carousel[data-size=\"lg\"] { --brick-carousel-control-size: 3.25rem; --brick-carousel-dot-size: 0.625rem; }\n  .brick-carousel[data-radius=\"none\"] { --brick-carousel-radius: 0rem; }\n\n  .brick-carousel[data-control-shape=\"rounded\"] { --brick-carousel-control-radius: var(--brick-radius-control); }\n  .brick-carousel[data-control-shape=\"circle\"] { --brick-carousel-control-radius: var(--brick-radius-full); }\n\n  .brick-carousel[data-control-variant=\"solid\"] {\n    --brick-carousel-control-background: var(--brick-color-text-primary);\n    --brick-carousel-control-hover-background: var(--brick-color-text-secondary);\n    --brick-carousel-control-foreground: var(--brick-color-text-inverse);\n    --brick-carousel-control-border-color: var(--brick-color-text-primary);\n    --brick-carousel-control-shadow: none;\n  }\n\n  .brick-carousel[data-control-variant=\"outline\"] {\n    --brick-carousel-control-background: transparent;\n    --brick-carousel-control-hover-background: color-mix(in srgb, var(--brick-color-surface-raised) 18%, transparent);\n    --brick-carousel-control-border-color: var(--brick-color-border-default);\n    --brick-carousel-control-shadow: none;\n  }\n\n  .brick-carousel[data-control-variant=\"ghost\"] {\n    --brick-carousel-control-background: transparent;\n    --brick-carousel-control-hover-background: color-mix(in srgb, var(--brick-color-surface-raised) 18%, transparent);\n    --brick-carousel-control-border-color: transparent;\n    --brick-carousel-control-shadow: none;\n  }\n\n  .brick-carousel__viewport {\n    box-sizing: border-box;\n    inline-size: 100%;\n    overflow-x: auto;\n    overflow-y: hidden;\n    border-radius: var(--brick-carousel-radius);\n    scroll-behavior: auto;\n    scroll-snap-type: inline mandatory;\n    scrollbar-width: none;\n    overscroll-behavior-inline: contain;\n    touch-action: pan-x pan-y;\n  }\n\n  .brick-carousel__viewport::-webkit-scrollbar { display: none; }\n\n  .brick-carousel__viewport:focus-visible {\n    outline: var(--brick-border-focus-width) solid var(--brick-carousel-focus-ring);\n    outline-offset: var(--brick-border-focus-offset);\n  }\n\n  .brick-carousel[data-control-placement=\"overlay\"]:has(> .brick-carousel__viewport:focus-visible)::after {\n    position: absolute;\n    z-index: 3;\n    inset: 0;\n    border: var(--brick-border-focus-width) solid var(--brick-carousel-focus-ring);\n    border-radius: var(--brick-carousel-radius);\n    content: \"\";\n    pointer-events: none;\n  }\n\n  .brick-carousel[data-control-placement=\"overlay\"] > .brick-carousel__viewport:focus-visible {\n    outline: none;\n  }\n\n  .brick-carousel[data-initialized] > .brick-carousel__viewport {\n    scroll-behavior: smooth;\n  }\n\n  .brick-carousel__track {\n    display: flex;\n    box-sizing: border-box;\n    inline-size: 100%;\n  }\n\n  .brick-carousel__track > [data-slot=\"carousel-loop-boundary\"] {\n    flex: 0 0 100%;\n  }\n\n  .brick-carousel__slide {\n    box-sizing: border-box;\n    min-inline-size: 100%;\n    flex: 0 0 100%;\n    scroll-snap-align: start;\n    scroll-snap-stop: always;\n  }\n\n  .brick-carousel__slide[data-loop-position=\"before\"] {\n    transform: translateX(calc(-1 * var(--atom-carousel-count) * 100%));\n  }\n\n  .brick-carousel__slide[data-loop-position=\"after\"] {\n    transform: translateX(calc(var(--atom-carousel-count) * 100%));\n  }\n\n  .brick-carousel[dir=\"rtl\"] .brick-carousel__slide[data-loop-position=\"before\"] {\n    transform: translateX(calc(var(--atom-carousel-count) * 100%));\n  }\n\n  .brick-carousel[dir=\"rtl\"] .brick-carousel__slide[data-loop-position=\"after\"] {\n    transform: translateX(calc(-1 * var(--atom-carousel-count) * 100%));\n  }\n\n  .brick-carousel__navigation {\n    position: absolute;\n    z-index: 2;\n    inset-block-start: var(--brick-carousel-navigation-block-start);\n    inset-block-end: var(--brick-carousel-navigation-block-end);\n    inset-inline: var(--brick-carousel-navigation-inline);\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    pointer-events: none;\n    transform: var(--brick-carousel-navigation-transform);\n    transition: opacity var(--brick-carousel-transition-duration) var(--brick-carousel-transition-easing);\n  }\n\n  .brick-carousel__navigation[data-visibility=\"interaction\"] {\n    opacity: 0;\n  }\n\n  .brick-carousel__navigation[data-visibility=\"interaction\"] > :is(.brick-carousel__previous, .brick-carousel__next) {\n    pointer-events: none;\n  }\n\n  .brick-carousel:focus-within > .brick-carousel__navigation[data-visibility=\"interaction\"],\n  .brick-carousel[data-touch-navigation=\"visible\"] > .brick-carousel__navigation[data-visibility=\"interaction\"] {\n    opacity: 1;\n  }\n\n  .brick-carousel:focus-within > .brick-carousel__navigation[data-visibility=\"interaction\"] > :is(.brick-carousel__previous, .brick-carousel__next),\n  .brick-carousel[data-touch-navigation=\"visible\"] > .brick-carousel__navigation[data-visibility=\"interaction\"] > :is(.brick-carousel__previous, .brick-carousel__next) {\n    pointer-events: auto;\n  }\n\n  .brick-carousel__previous,\n  .brick-carousel__next,\n  .brick-carousel__rotation-control {\n    --brick-carousel-part-control-size: var(--brick-carousel-control-size);\n    --brick-carousel-part-control-radius: var(--brick-carousel-control-radius);\n\n    display: inline-flex;\n    box-sizing: border-box;\n    inline-size: var(--brick-carousel-part-control-size);\n    block-size: var(--brick-carousel-part-control-size);\n    flex: 0 0 auto;\n    align-items: center;\n    justify-content: center;\n    padding: 0;\n    border: 1px solid var(--brick-carousel-control-border-color);\n    border-radius: var(--brick-carousel-part-control-radius);\n    color: var(--brick-carousel-control-foreground);\n    background: var(--brick-carousel-control-background);\n    box-shadow: var(--brick-carousel-control-shadow);\n    cursor: pointer;\n    pointer-events: auto;\n    touch-action: manipulation;\n    transition:\n      background-color var(--brick-carousel-transition-duration) var(--brick-carousel-transition-easing),\n      border-color var(--brick-carousel-transition-duration) var(--brick-carousel-transition-easing),\n      color var(--brick-carousel-transition-duration) var(--brick-carousel-transition-easing),\n      opacity var(--brick-carousel-transition-duration) var(--brick-carousel-transition-easing);\n  }\n\n  :is(.brick-carousel__previous, .brick-carousel__next, .brick-carousel__rotation-control)[data-size=\"xs\"] { --brick-carousel-part-control-size: var(--brick-control-min-block-size-xs); }\n  :is(.brick-carousel__previous, .brick-carousel__next, .brick-carousel__rotation-control)[data-size=\"sm\"] { --brick-carousel-part-control-size: var(--brick-control-min-block-size-sm); }\n  :is(.brick-carousel__previous, .brick-carousel__next, .brick-carousel__rotation-control)[data-size=\"md\"] { --brick-carousel-part-control-size: var(--brick-control-min-block-size-md); }\n  :is(.brick-carousel__previous, .brick-carousel__next, .brick-carousel__rotation-control)[data-size=\"lg\"] { --brick-carousel-part-control-size: var(--brick-control-min-block-size-lg); }\n  :is(.brick-carousel__previous, .brick-carousel__next, .brick-carousel__rotation-control)[data-size=\"xl\"] { --brick-carousel-part-control-size: var(--brick-control-min-block-size-xl); }\n  :is(.brick-carousel__previous, .brick-carousel__next, .brick-carousel__rotation-control)[data-shape=\"rounded\"] { --brick-carousel-part-control-radius: var(--brick-radius-control); }\n  :is(.brick-carousel__previous, .brick-carousel__next, .brick-carousel__rotation-control)[data-shape=\"circle\"] { --brick-carousel-part-control-radius: var(--brick-radius-full); }\n\n  :is(.brick-carousel__previous, .brick-carousel__next, .brick-carousel__rotation-control)[data-variant=\"solid\"] {\n    border-color: var(--brick-color-text-primary);\n    background: var(--brick-color-text-primary);\n    color: var(--brick-color-text-inverse);\n    box-shadow: none;\n  }\n\n  :is(.brick-carousel__previous, .brick-carousel__next, .brick-carousel__rotation-control)[data-variant=\"outline\"] {\n    border-color: var(--brick-color-border-default);\n    background: transparent;\n    box-shadow: none;\n  }\n\n  :is(.brick-carousel__previous, .brick-carousel__next, .brick-carousel__rotation-control)[data-variant=\"ghost\"] {\n    border-color: transparent;\n    background: transparent;\n    box-shadow: none;\n  }\n\n  .brick-carousel__previous:hover:not(:disabled),\n  .brick-carousel__next:hover:not(:disabled),\n  .brick-carousel__rotation-control:hover:not(:disabled) { background: var(--brick-carousel-control-hover-background); }\n\n  .brick-carousel__previous:focus-visible,\n  .brick-carousel__next:focus-visible,\n  .brick-carousel__rotation-control:focus-visible,\n  .brick-carousel__picker-item:focus-visible {\n    outline: var(--brick-border-focus-width) solid var(--brick-carousel-focus-ring);\n    outline-offset: var(--brick-border-focus-offset);\n  }\n\n  .brick-carousel__previous:disabled,\n  .brick-carousel__next:disabled { opacity: var(--brick-carousel-control-disabled-opacity); cursor: not-allowed; }\n\n  .brick-carousel__control-icon,\n  .brick-carousel__rotation-icon { inline-size: 1rem; block-size: 1rem; }\n\n  .brick-carousel__rotation-icon--play { display: inline-flex; }\n  .brick-carousel__rotation-icon--pause { display: none; }\n  .brick-carousel__rotation-control[data-state=\"playing\"] .brick-carousel__rotation-icon--play { display: none; }\n  .brick-carousel__rotation-control[data-state=\"playing\"] .brick-carousel__rotation-icon--pause { display: inline-flex; }\n\n  .brick-carousel__controls {\n    position: absolute;\n    z-index: 2;\n    inset-block-end: var(--brick-carousel-controls-block-end);\n    inset-inline-start: 50%;\n    display: flex;\n    align-items: center;\n    gap: var(--brick-carousel-picker-gap);\n    transform: translateX(-50%);\n  }\n\n  .brick-carousel__picker {\n    display: inline-flex;\n    align-items: center;\n    gap: var(--brick-carousel-picker-gap);\n    padding: var(--brick-carousel-picker-padding);\n    border-radius: var(--brick-carousel-picker-radius);\n    background: var(--brick-carousel-picker-background);\n  }\n\n  .brick-carousel__picker[data-variant=\"bare\"] {\n    padding: 0;\n    background: transparent;\n  }\n\n  .brick-carousel__picker-item {\n    display: inline-flex;\n    box-sizing: border-box;\n    inline-size: var(--brick-carousel-picker-target-size);\n    block-size: var(--brick-carousel-picker-target-size);\n    align-items: center;\n    justify-content: center;\n    padding: 0;\n    border: 0;\n    border-radius: var(--brick-radius-full);\n    color: inherit;\n    background: transparent;\n    cursor: pointer;\n    touch-action: manipulation;\n  }\n\n  .brick-carousel__picker-dot {\n    inline-size: var(--brick-carousel-dot-size);\n    block-size: var(--brick-carousel-dot-size);\n    border-radius: var(--brick-radius-full);\n    background: var(--brick-carousel-dot-background);\n    transition: inline-size var(--brick-carousel-transition-duration), background-color var(--brick-carousel-transition-duration);\n  }\n\n  .brick-carousel__picker-item[data-state=\"active\"] .brick-carousel__picker-dot {\n    inline-size: calc(var(--brick-carousel-dot-size) * 2.5);\n    background: var(--brick-carousel-dot-active-background);\n  }\n\n  .brick-carousel[data-control-placement=\"outside\"] {\n    display: grid;\n    grid-template-columns: 1fr;\n    gap: var(--brick-carousel-gap);\n  }\n\n  .brick-carousel[data-control-placement=\"outside\"] .brick-carousel__navigation,\n  .brick-carousel[data-control-placement=\"outside\"] .brick-carousel__controls {\n    position: static;\n    transform: none;\n  }\n\n  .brick-carousel[data-control-placement=\"outside\"] .brick-carousel__navigation { grid-row: 2; padding-inline: var(--brick-carousel-gap); }\n  .brick-carousel[data-control-placement=\"outside\"] .brick-carousel__controls { grid-row: 3; justify-self: center; }\n\n  @media (prefers-reduced-motion: reduce) {\n    .brick-carousel__viewport { scroll-behavior: auto; }\n    .brick-carousel__previous,\n    .brick-carousel__next,\n    .brick-carousel__rotation-control,\n    .brick-carousel__picker-dot { transition-duration: 0s; }\n  }\n\n  @media (hover: hover) and (pointer: fine) {\n    .brick-carousel:hover > .brick-carousel__navigation[data-visibility=\"interaction\"] {\n      opacity: 1;\n    }\n\n    .brick-carousel:hover > .brick-carousel__navigation[data-visibility=\"interaction\"] > :is(.brick-carousel__previous, .brick-carousel__next) {\n      pointer-events: auto;\n    }\n  }\n\n  @media (forced-colors: active) {\n    .brick-carousel__viewport:focus-visible { outline-color: Highlight; }\n    .brick-carousel[data-control-placement=\"overlay\"]:has(> .brick-carousel__viewport:focus-visible)::after { border-color: Highlight; }\n    .brick-carousel__previous,\n    .brick-carousel__next,\n    .brick-carousel__rotation-control { border-color: ButtonText; }\n    .brick-carousel__picker-dot { background: ButtonText; }\n    .brick-carousel__picker-item[data-state=\"active\"] .brick-carousel__picker-dot { background: Highlight; }\n  }\n}\n","@layer brick.components {\n  .brick-link {\n    --brick-link-focus-ring: var(--brick-color-focus-ring);\n    --brick-link-decoration-color: currentColor;\n    --brick-link-decoration-thickness: 0.08em;\n    --brick-link-decoration-offset: 0.16em;\n    --brick-link-gap: 0.375em;\n    --brick-link-icon-size: 1em;\n    --brick-link-font-family: inherit;\n    --brick-link-font-size: inherit;\n    --brick-link-line-height: inherit;\n    --brick-link-letter-spacing: inherit;\n\n    display: inline-flex;\n    min-inline-size: 0;\n    max-inline-size: 100%;\n    align-items: baseline;\n    gap: var(--brick-link-gap);\n    color: var(--brick-link-foreground, var(--brick-color-link-text));\n    font-family: var(--brick-link-font-family);\n    font-size: var(--brick-link-font-size);\n    font-weight: var(--brick-link-font-weight, var(--brick-link-theme-font-weight, inherit));\n    letter-spacing: var(--brick-link-letter-spacing);\n    line-height: var(--brick-link-line-height);\n    overflow-wrap: anywhere;\n    text-decoration-color: var(--brick-link-decoration-color);\n    text-decoration-line: var(--brick-link-decoration, underline);\n    text-decoration-thickness: var(--brick-link-decoration-thickness);\n    text-underline-offset: var(--brick-link-decoration-offset);\n    vertical-align: baseline;\n  }\n\n  .brick-link:hover {\n    color: var(--brick-link-foreground-hover, var(--brick-color-link-text-hover));\n  }\n\n  .brick-link:active {\n    color: var(--brick-link-foreground-active, var(--brick-color-link-text-pressed));\n  }\n\n  .brick-link:focus-visible {\n    border-radius: var(--brick-radius-subtle);\n    outline: var(--brick-border-focus-width) solid var(--brick-link-focus-ring);\n    outline-offset: var(--brick-border-focus-offset);\n  }\n\n  .brick-link[data-variant=\"underline\"] {\n    text-decoration-line: underline;\n  }\n\n  .brick-link[data-variant=\"plain\"] {\n    --brick-link-font-weight: var(--brick-typography-body-md-font-weight);\n    text-decoration-line: none;\n  }\n\n  .brick-link[data-variant=\"theme\"]:is(:hover, :focus-visible, :active) {\n    text-decoration-line: underline;\n  }\n\n  .brick-link[data-tone=\"neutral\"] {\n    --brick-link-foreground: var(--brick-color-text-primary);\n    --brick-link-foreground-hover: var(--brick-color-link-text-hover);\n    --brick-link-foreground-active: var(--brick-color-link-text-pressed);\n  }\n\n  .brick-link[data-tone=\"inherit\"] {\n    --brick-link-foreground: currentColor;\n    --brick-link-foreground-hover: currentColor;\n    --brick-link-foreground-active: currentColor;\n  }\n\n  .brick-link[data-size=\"sm\"] {\n    --brick-link-font-family: var(--brick-typography-body-sm-font-family);\n    --brick-link-font-size: var(--brick-typography-body-sm-font-size);\n    --brick-link-line-height: var(--brick-typography-body-sm-line-height);\n    --brick-link-letter-spacing: var(--brick-typography-body-sm-letter-spacing);\n  }\n\n  .brick-link[data-size=\"md\"] {\n    --brick-link-font-family: var(--brick-typography-body-md-font-family);\n    --brick-link-font-size: var(--brick-typography-body-md-font-size);\n    --brick-link-line-height: var(--brick-typography-body-md-line-height);\n    --brick-link-letter-spacing: var(--brick-typography-body-md-letter-spacing);\n  }\n\n  .brick-link[data-size=\"lg\"] {\n    --brick-link-font-family: var(--brick-typography-body-lg-font-family);\n    --brick-link-font-size: var(--brick-typography-body-lg-font-size);\n    --brick-link-line-height: var(--brick-typography-body-lg-line-height);\n    --brick-link-letter-spacing: var(--brick-typography-body-lg-letter-spacing);\n  }\n\n  .brick-link[aria-current]:not([aria-current=\"false\"]) {\n    --brick-link-font-weight: var(--brick-typography-label-md-font-weight);\n  }\n\n  .brick-link__content {\n    min-inline-size: 0;\n  }\n\n  .brick-link__icon {\n    display: inline-flex;\n    flex: 0 0 auto;\n    align-self: center;\n    align-items: center;\n    justify-content: center;\n    inline-size: var(--brick-link-icon-size);\n    block-size: var(--brick-link-icon-size);\n  }\n\n  .brick-link__icon > :where(svg, img) {\n    inline-size: 100%;\n    block-size: 100%;\n  }\n\n  @media (forced-colors: active) {\n    .brick-link {\n      --brick-link-foreground: LinkText;\n      --brick-link-foreground-hover: LinkText;\n      --brick-link-foreground-active: LinkText;\n      --brick-link-focus-ring: Highlight;\n      forced-color-adjust: auto;\n    }\n  }\n}\n","@layer brick.components {\n  .brick-collapsible {\n    --brick-collapsible-background: transparent;\n    --brick-collapsible-border-color: transparent;\n    --brick-collapsible-trigger-background: transparent;\n    --brick-collapsible-trigger-hover-background: var(--brick-color-surface-subtle);\n    --brick-collapsible-trigger-open-background: var(--brick-color-surface-subtle);\n    --brick-collapsible-foreground: var(--brick-color-text-primary);\n    --brick-collapsible-content-foreground: var(--brick-color-text-secondary);\n    --brick-collapsible-focus-ring: var(--brick-color-focus-ring);\n    --brick-collapsible-radius: var(--brick-radius-control);\n    --brick-collapsible-trigger-height: 2.75rem;\n    --brick-collapsible-trigger-padding-inline: var(--brick-space-3);\n    --brick-collapsible-trigger-gap: var(--brick-space-2);\n    --brick-collapsible-content-padding-block: var(--brick-space-3);\n    --brick-collapsible-content-padding-inline: var(--brick-space-3);\n    --brick-collapsible-indicator-size: 1rem;\n    --brick-collapsible-font-family: var(--brick-typography-control-md-font-family);\n    --brick-collapsible-font-size: var(--brick-typography-control-md-font-size);\n    --brick-collapsible-font-weight: var(--brick-typography-control-md-font-weight);\n    --brick-collapsible-line-height: var(--brick-typography-control-md-line-height);\n\n    box-sizing: border-box;\n    inline-size: 100%;\n    min-inline-size: 0;\n    overflow: visible;\n    border: var(--brick-border-width) solid var(--brick-collapsible-border-color);\n    border-radius: var(--brick-collapsible-radius);\n    background: var(--brick-collapsible-background);\n  }\n\n  .brick-collapsible[data-variant=\"soft\"] {\n    --brick-collapsible-background: var(--brick-color-surface-subtle);\n    --brick-collapsible-trigger-hover-background: var(--brick-color-surface-raised);\n    --brick-collapsible-trigger-open-background: var(--brick-color-surface-raised);\n  }\n\n  .brick-collapsible[data-variant=\"outline\"] {\n    --brick-collapsible-border-color: var(--brick-color-border-default);\n  }\n\n  .brick-collapsible[data-size=\"sm\"] {\n    --brick-collapsible-trigger-height: 2.25rem;\n    --brick-collapsible-trigger-padding-inline: var(--brick-space-2);\n    --brick-collapsible-content-padding-block: var(--brick-space-2);\n    --brick-collapsible-content-padding-inline: var(--brick-space-2);\n    --brick-collapsible-indicator-size: 0.875rem;\n    --brick-collapsible-font-family: var(--brick-typography-control-sm-font-family);\n    --brick-collapsible-font-size: var(--brick-typography-control-sm-font-size);\n    --brick-collapsible-font-weight: var(--brick-typography-control-sm-font-weight);\n    --brick-collapsible-line-height: var(--brick-typography-control-sm-line-height);\n  }\n\n  .brick-collapsible[data-size=\"lg\"] {\n    --brick-collapsible-trigger-height: 3.25rem;\n    --brick-collapsible-trigger-padding-inline: var(--brick-space-4);\n    --brick-collapsible-content-padding-block: var(--brick-space-4);\n    --brick-collapsible-content-padding-inline: var(--brick-space-4);\n    --brick-collapsible-indicator-size: 1.125rem;\n    --brick-collapsible-font-family: var(--brick-typography-control-lg-font-family);\n    --brick-collapsible-font-size: var(--brick-typography-control-lg-font-size);\n    --brick-collapsible-font-weight: var(--brick-typography-control-lg-font-weight);\n    --brick-collapsible-line-height: var(--brick-typography-control-lg-line-height);\n  }\n\n  .brick-collapsible[data-orientation=\"horizontal\"] {\n    display: flex;\n    inline-size: max-content;\n    max-inline-size: 100%;\n    align-items: stretch;\n    overflow-x: auto;\n    overflow-y: clip;\n  }\n\n  .brick-collapsible[data-orientation=\"horizontal\"] .brick-collapsible-trigger {\n    inline-size: auto;\n    flex: 0 0 auto;\n  }\n\n  .brick-collapsible[data-orientation=\"horizontal\"] .brick-collapsible-trigger:focus-visible {\n    outline-offset: calc(-1 * var(--brick-border-focus-width));\n  }\n\n  .brick-collapsible-trigger {\n    display: flex;\n    box-sizing: border-box;\n    inline-size: 100%;\n    min-inline-size: 0;\n    min-block-size: var(--brick-collapsible-trigger-height);\n    align-items: center;\n    justify-content: flex-start;\n    gap: var(--brick-collapsible-trigger-gap);\n    padding-block: var(--brick-space-2);\n    padding-inline: var(--brick-collapsible-trigger-padding-inline);\n    border: 0;\n    border-radius: calc(var(--brick-collapsible-radius) - var(--brick-border-width));\n    background: var(--brick-collapsible-trigger-background);\n    color: var(--brick-collapsible-foreground);\n    font-family: var(--brick-collapsible-font-family);\n    font-size: var(--brick-collapsible-font-size);\n    font-weight: var(--brick-collapsible-font-weight);\n    line-height: var(--brick-collapsible-line-height);\n    text-align: start;\n    white-space: normal;\n    cursor: pointer;\n    touch-action: manipulation;\n  }\n\n  .brick-collapsible-trigger:hover:not(:disabled, [data-disabled]) { background: var(--brick-collapsible-trigger-hover-background); }\n  .brick-collapsible-trigger[data-state=\"open\"] { background: var(--brick-collapsible-trigger-open-background); }\n  .brick-collapsible-trigger:focus-visible { outline: var(--brick-border-focus-width) solid var(--brick-collapsible-focus-ring); outline-offset: var(--brick-border-focus-offset); }\n  .brick-collapsible-trigger:is(:disabled, [data-disabled]) { opacity: 0.55; cursor: not-allowed; }\n\n  .brick-collapsible-trigger[data-icon-only] {\n    inline-size: var(--brick-collapsible-trigger-height);\n    min-inline-size: var(--brick-collapsible-trigger-height);\n    block-size: var(--brick-collapsible-trigger-height);\n    min-block-size: var(--brick-collapsible-trigger-height);\n    flex: 0 0 var(--brick-collapsible-trigger-height);\n    justify-content: center;\n    padding: 0;\n    text-align: center;\n  }\n\n  .brick-collapsible-indicator {\n    display: inline-flex;\n    inline-size: var(--brick-collapsible-indicator-size);\n    block-size: var(--brick-collapsible-indicator-size);\n    flex: 0 0 auto;\n    align-items: center;\n    justify-content: center;\n    margin-inline-start: auto;\n    color: currentColor;\n    transform: rotate(0deg);\n    transform-origin: center;\n    transition: transform var(--brick-motion-duration-fast) var(--brick-motion-easing-standard);\n  }\n  .brick-collapsible-indicator > svg { display: block; inline-size: 100%; block-size: 100%; }\n  .brick-collapsible-trigger[data-state=\"open\"] .brick-collapsible-indicator { transform: rotate(180deg); }\n\n  .brick-collapsible-content {\n    box-sizing: border-box;\n    min-inline-size: 0;\n    overflow: hidden;\n    color: var(--brick-collapsible-content-foreground);\n  }\n  .brick-collapsible-content[data-state=\"open\"] { animation: brick-collapsible-open var(--brick-motion-duration-fast) var(--brick-motion-easing-enter) both; }\n  .brick-collapsible-content[data-state=\"closed\"] { animation: brick-collapsible-close var(--brick-motion-duration-fast) var(--brick-motion-easing-exit) both; }\n  .brick-collapsible-content-inner { box-sizing: border-box; min-inline-size: 0; padding-block: var(--brick-collapsible-content-padding-block); padding-inline: var(--brick-collapsible-content-padding-inline); }\n\n  .brick-collapsible[data-orientation=\"horizontal\"] .brick-collapsible-content {\n    flex: 0 0 auto;\n    min-block-size: var(--brick-collapsible-trigger-height);\n  }\n  .brick-collapsible[data-orientation=\"horizontal\"] .brick-collapsible-content[data-state=\"open\"] { animation-name: brick-collapsible-open-horizontal; }\n  .brick-collapsible[data-orientation=\"horizontal\"] .brick-collapsible-content[data-state=\"closed\"] { animation-name: brick-collapsible-close-horizontal; }\n  .brick-collapsible-content[data-initial-open] { animation: none; }\n  .brick-collapsible[data-orientation=\"horizontal\"] .brick-collapsible-content-inner {\n    inline-size: var(--content-width);\n    min-block-size: var(--brick-collapsible-trigger-height);\n  }\n\n  @keyframes brick-collapsible-open { from { block-size: 0; } to { block-size: var(--content-height); } }\n  @keyframes brick-collapsible-close { from { block-size: var(--content-height); } to { block-size: 0; } }\n  @keyframes brick-collapsible-open-horizontal { from { inline-size: 0; } to { inline-size: var(--content-width); } }\n  @keyframes brick-collapsible-close-horizontal { from { inline-size: var(--content-width); } to { inline-size: 0; } }\n\n  @media (prefers-reduced-motion: reduce) {\n    .brick-collapsible-indicator { transition: none; }\n    .brick-collapsible-content { animation: none !important; }\n  }\n\n  @media (forced-colors: active) {\n    .brick-collapsible { --brick-collapsible-border-color: CanvasText; forced-color-adjust: auto; }\n    .brick-collapsible[data-variant=\"plain\"], .brick-collapsible[data-variant=\"soft\"] { --brick-collapsible-border-color: transparent; }\n    .brick-collapsible-trigger { color: ButtonText; }\n    .brick-collapsible-trigger:focus-visible { outline-color: Highlight; }\n  }\n}\n","@layer brick.components {\n  .brick-icon-button {\n    --brick-icon-button-size: var(--brick-control-min-block-size-md);\n    --brick-icon-button-icon-size: 1.125rem;\n    --brick-icon-button-radius: var(--brick-radius-control);\n    --brick-icon-button-background: transparent;\n    --brick-icon-button-background-hover: var(--brick-icon-button-tone-soft);\n    --brick-icon-button-background-pressed: var(--brick-icon-button-tone-soft-pressed);\n    --brick-icon-button-border-color: transparent;\n    --brick-icon-button-foreground: var(--brick-icon-button-tone-text);\n    --brick-icon-button-spinner-color: var(--brick-icon-button-foreground);\n    --brick-action-spinner-size: var(--brick-icon-button-icon-size);\n    --brick-action-spinner-color: var(--brick-icon-button-spinner-color);\n\n    position: relative;\n    display: inline-flex;\n    box-sizing: border-box;\n    flex: 0 0 var(--brick-icon-button-size);\n    inline-size: var(--brick-icon-button-size);\n    min-inline-size: var(--brick-icon-button-size);\n    block-size: var(--brick-icon-button-size);\n    min-block-size: var(--brick-icon-button-size);\n    align-items: center;\n    justify-content: center;\n    padding: 0;\n    border: var(--brick-border-width) solid var(--brick-icon-button-border-color);\n    border-radius: var(--brick-icon-button-radius);\n    appearance: none;\n    background: var(--brick-icon-button-background);\n    color: var(--brick-icon-button-foreground);\n    font: inherit;\n    line-height: 1;\n    text-decoration: none;\n    user-select: none;\n    vertical-align: middle;\n    transition:\n      background-color var(--brick-motion-duration-fast) var(--brick-motion-easing-standard),\n      border-color var(--brick-motion-duration-fast) var(--brick-motion-easing-standard),\n      color var(--brick-motion-duration-fast) var(--brick-motion-easing-standard);\n  }\n\n  .brick-icon-button__icon {\n    display: inline-flex;\n    inline-size: var(--brick-icon-button-icon-size);\n    block-size: var(--brick-icon-button-icon-size);\n    align-items: center;\n    justify-content: center;\n    pointer-events: none;\n  }\n\n  .brick-icon-button__icon > :where(svg, img) {\n    inline-size: 100%;\n    block-size: 100%;\n  }\n\n  .brick-icon-button > :where(svg, img) {\n    inline-size: var(--brick-icon-button-icon-size);\n    block-size: var(--brick-icon-button-icon-size);\n  }\n\n  .brick-icon-button:not([data-disabled], [data-loading]) {\n    cursor: pointer;\n  }\n\n  .brick-icon-button:focus-visible {\n    outline: var(--brick-border-focus-width) solid var(--brick-color-focus-ring);\n    outline-offset: var(--brick-border-focus-offset);\n  }\n\n  .brick-icon-button:not([data-disabled], [data-loading]):active {\n    background: var(--brick-icon-button-background-pressed);\n  }\n\n  .brick-icon-button[data-variant=\"solid\"] {\n    --brick-icon-button-background: var(--brick-icon-button-tone-solid);\n    --brick-icon-button-background-hover: var(--brick-icon-button-tone-solid-hover);\n    --brick-icon-button-background-pressed: var(--brick-icon-button-tone-solid-pressed);\n    --brick-icon-button-border-color: var(--brick-icon-button-tone-solid);\n    --brick-icon-button-foreground: var(--brick-icon-button-tone-on-solid);\n  }\n\n  .brick-icon-button[data-variant=\"soft\"] {\n    --brick-icon-button-background: var(--brick-icon-button-tone-soft);\n    --brick-icon-button-background-hover: var(--brick-icon-button-tone-soft-hover);\n    --brick-icon-button-background-pressed: var(--brick-icon-button-tone-soft-pressed);\n    --brick-icon-button-border-color: var(--brick-icon-button-tone-border);\n    --brick-icon-button-foreground: var(--brick-icon-button-tone-on-soft);\n  }\n\n  .brick-icon-button[data-variant=\"outline\"] {\n    --brick-icon-button-background: transparent;\n    --brick-icon-button-border-color: var(--brick-icon-button-tone-border);\n    --brick-icon-button-foreground: var(--brick-icon-button-tone-text);\n  }\n\n  .brick-icon-button[data-variant=\"ghost\"] {\n    --brick-icon-button-background: transparent;\n    --brick-icon-button-border-color: transparent;\n    --brick-icon-button-foreground: var(--brick-icon-button-tone-text);\n  }\n\n  .brick-icon-button[data-tone=\"neutral\"] {\n    --brick-icon-button-tone-solid: color-mix(\n      in srgb,\n      var(--brick-color-surface-subtle),\n      var(--brick-color-text-primary) 16%\n    );\n    --brick-icon-button-tone-solid-hover: color-mix(\n      in srgb,\n      var(--brick-color-surface-subtle),\n      var(--brick-color-text-primary) 22%\n    );\n    --brick-icon-button-tone-solid-pressed: color-mix(\n      in srgb,\n      var(--brick-color-surface-subtle),\n      var(--brick-color-text-primary) 28%\n    );\n    --brick-icon-button-tone-on-solid: var(--brick-color-text-primary);\n    --brick-icon-button-tone-soft: var(--brick-color-surface-subtle);\n    --brick-icon-button-tone-soft-hover: var(--brick-color-surface-base);\n    --brick-icon-button-tone-soft-pressed: var(--brick-color-border-subtle);\n    --brick-icon-button-tone-on-soft: var(--brick-color-text-primary);\n    --brick-icon-button-tone-border: var(--brick-color-border-strong);\n    --brick-icon-button-tone-text: var(--brick-color-text-primary);\n  }\n\n  .brick-icon-button[data-tone=\"accent\"] {\n    --brick-icon-button-tone-solid: var(--brick-color-accent-solid);\n    --brick-icon-button-tone-solid-hover: var(--brick-color-accent-solid-hover);\n    --brick-icon-button-tone-solid-pressed: var(--brick-color-accent-solid-pressed);\n    --brick-icon-button-tone-on-solid: var(--brick-color-accent-on-solid);\n    --brick-icon-button-tone-soft: var(--brick-color-accent-soft);\n    --brick-icon-button-tone-soft-hover: var(--brick-color-accent-soft-hover);\n    --brick-icon-button-tone-soft-pressed: var(--brick-color-accent-soft-pressed);\n    --brick-icon-button-tone-on-soft: var(--brick-color-accent-on-soft);\n    --brick-icon-button-tone-border: var(--brick-color-accent-border);\n    --brick-icon-button-tone-text: var(--brick-color-accent-text);\n  }\n\n  .brick-icon-button[data-tone=\"info\"] {\n    --brick-icon-button-tone-solid: var(--brick-color-info-solid);\n    --brick-icon-button-tone-solid-hover: var(--brick-color-info-solid-hover);\n    --brick-icon-button-tone-solid-pressed: var(--brick-color-info-solid-pressed);\n    --brick-icon-button-tone-on-solid: var(--brick-color-info-on-solid);\n    --brick-icon-button-tone-soft: var(--brick-color-info-soft);\n    --brick-icon-button-tone-soft-hover: var(--brick-color-info-soft-hover);\n    --brick-icon-button-tone-soft-pressed: var(--brick-color-info-soft-pressed);\n    --brick-icon-button-tone-on-soft: var(--brick-color-info-on-soft);\n    --brick-icon-button-tone-border: var(--brick-color-info-border);\n    --brick-icon-button-tone-text: var(--brick-color-info-text);\n  }\n\n  .brick-icon-button[data-tone=\"success\"] {\n    --brick-icon-button-tone-solid: var(--brick-color-success-solid);\n    --brick-icon-button-tone-solid-hover: var(--brick-color-success-solid-hover);\n    --brick-icon-button-tone-solid-pressed: var(--brick-color-success-solid-pressed);\n    --brick-icon-button-tone-on-solid: var(--brick-color-success-on-solid);\n    --brick-icon-button-tone-soft: var(--brick-color-success-soft);\n    --brick-icon-button-tone-soft-hover: var(--brick-color-success-soft-hover);\n    --brick-icon-button-tone-soft-pressed: var(--brick-color-success-soft-pressed);\n    --brick-icon-button-tone-on-soft: var(--brick-color-success-on-soft);\n    --brick-icon-button-tone-border: var(--brick-color-success-border);\n    --brick-icon-button-tone-text: var(--brick-color-success-text);\n  }\n\n  .brick-icon-button[data-tone=\"warning\"] {\n    --brick-icon-button-tone-solid: var(--brick-color-warning-solid);\n    --brick-icon-button-tone-solid-hover: var(--brick-color-warning-solid-hover);\n    --brick-icon-button-tone-solid-pressed: var(--brick-color-warning-solid-pressed);\n    --brick-icon-button-tone-on-solid: var(--brick-color-warning-on-solid);\n    --brick-icon-button-tone-soft: var(--brick-color-warning-soft);\n    --brick-icon-button-tone-soft-hover: var(--brick-color-warning-soft-hover);\n    --brick-icon-button-tone-soft-pressed: var(--brick-color-warning-soft-pressed);\n    --brick-icon-button-tone-on-soft: var(--brick-color-warning-on-soft);\n    --brick-icon-button-tone-border: var(--brick-color-warning-border);\n    --brick-icon-button-tone-text: var(--brick-color-warning-text);\n  }\n\n  .brick-icon-button[data-tone=\"danger\"] {\n    --brick-icon-button-tone-solid: var(--brick-color-danger-solid);\n    --brick-icon-button-tone-solid-hover: var(--brick-color-danger-solid-hover);\n    --brick-icon-button-tone-solid-pressed: var(--brick-color-danger-solid-pressed);\n    --brick-icon-button-tone-on-solid: var(--brick-color-danger-on-solid);\n    --brick-icon-button-tone-soft: var(--brick-color-danger-soft);\n    --brick-icon-button-tone-soft-hover: var(--brick-color-danger-soft-hover);\n    --brick-icon-button-tone-soft-pressed: var(--brick-color-danger-soft-pressed);\n    --brick-icon-button-tone-on-soft: var(--brick-color-danger-on-soft);\n    --brick-icon-button-tone-border: var(--brick-color-danger-border);\n    --brick-icon-button-tone-text: var(--brick-color-danger-text);\n  }\n\n  .brick-icon-button[data-size=\"xs\"] {\n    --brick-icon-button-size: var(--brick-control-min-block-size-xs);\n    --brick-icon-button-icon-size: 0.875rem;\n  }\n\n  .brick-icon-button[data-size=\"sm\"] {\n    --brick-icon-button-size: var(--brick-control-min-block-size-sm);\n    --brick-icon-button-icon-size: 1rem;\n  }\n\n  .brick-icon-button[data-size=\"lg\"] {\n    --brick-icon-button-size: var(--brick-control-min-block-size-lg);\n    --brick-icon-button-icon-size: 1.25rem;\n  }\n\n  .brick-icon-button[data-size=\"xl\"] {\n    --brick-icon-button-size: var(--brick-control-min-block-size-xl);\n    --brick-icon-button-icon-size: 1.5rem;\n  }\n\n  .brick-icon-button[data-shape=\"circle\"] {\n    --brick-icon-button-radius: var(--brick-radius-full);\n  }\n\n  .brick-icon-button[data-disabled] {\n    border-color: var(--brick-color-border-subtle);\n    background: var(--brick-color-surface-subtle);\n    color: var(--brick-color-text-disabled);\n    cursor: not-allowed;\n    opacity: 0.55;\n  }\n\n  .brick-icon-button[data-loading] {\n    color: transparent;\n    cursor: progress;\n  }\n\n  .brick-icon-button[data-loading] > * {\n    opacity: 0;\n  }\n\n  @media (hover: hover) and (pointer: fine) {\n    .brick-icon-button:not([data-disabled], [data-loading]):hover {\n      border-color: var(--brick-icon-button-border-color);\n      background: var(--brick-icon-button-background-hover);\n    }\n  }\n\n  .brick-icon-button[aria-expanded=\"true\"]:not([data-disabled], [data-loading]) {\n    border-color: var(--brick-icon-button-border-color);\n    background: var(--brick-icon-button-background-pressed);\n  }\n\n  @media (prefers-reduced-motion: reduce) {\n    .brick-icon-button {\n      transition-duration: 0ms;\n    }\n  }\n\n  @media (forced-colors: active) {\n    .brick-icon-button {\n      border-color: ButtonText;\n      background: ButtonFace;\n      color: ButtonText;\n    }\n\n    .brick-icon-button:focus-visible {\n      outline-color: Highlight;\n    }\n\n    .brick-icon-button[data-disabled] {\n      border-color: GrayText;\n      color: GrayText;\n      opacity: 1;\n    }\n  }\n}\n","@layer brick.components {\n  .brick-stack {\n    --brick-stack-gap: var(--brick-space-0);\n    --brick-stack-start-spacing: var(--brick-space-0);\n    --brick-stack-end-spacing: var(--brick-space-0);\n\n    box-sizing: border-box;\n    display: flex;\n    min-inline-size: 0;\n    margin: 0;\n    flex-direction: column;\n    align-items: stretch;\n    justify-content: start;\n    gap: var(--brick-stack-gap);\n    padding-block: var(--brick-stack-start-spacing) var(--brick-stack-end-spacing);\n    padding-inline: 0;\n  }\n\n  .brick-stack:is(ul, ol) {\n    list-style: none;\n  }\n\n  .brick-stack[data-direction=\"row\"] {\n    flex-direction: row;\n    padding-block: 0;\n    padding-inline: var(--brick-stack-start-spacing) var(--brick-stack-end-spacing);\n  }\n  .brick-stack[data-gap] { --brick-stack-gap: var(--brick-stack-gap-input, var(--brick-space-0)); }\n  .brick-stack[data-start-spacing] { --brick-stack-start-spacing: var(--brick-stack-start-spacing-input, var(--brick-space-0)); }\n  .brick-stack[data-end-spacing] { --brick-stack-end-spacing: var(--brick-stack-end-spacing-input, var(--brick-space-0)); }\n\n  .brick-stack[data-align=\"start\"] { align-items: start; }\n  .brick-stack[data-align=\"center\"] { align-items: center; }\n  .brick-stack[data-align=\"end\"] { align-items: end; }\n  .brick-stack[data-align=\"baseline\"] { align-items: baseline; }\n  .brick-stack[data-justify=\"center\"] { justify-content: center; }\n  .brick-stack[data-justify=\"end\"] { justify-content: end; }\n  .brick-stack[data-justify=\"between\"] { justify-content: space-between; }\n  .brick-stack[data-justify=\"around\"] { justify-content: space-around; }\n  .brick-stack[data-justify=\"evenly\"] { justify-content: space-evenly; }\n  .brick-stack[data-wrap] { flex-wrap: wrap; }\n\n  .brick-stack-item {\n    box-sizing: border-box;\n    min-inline-size: 0;\n    flex: 0 1 auto;\n    align-self: auto;\n  }\n\n  .brick-stack-item:not([data-stack-item-composed]) { min-block-size: 0; }\n\n  .brick-stack-item[data-flex=\"fixed\"] { flex: 0 0 auto; }\n  .brick-stack-item[data-flex=\"auto\"] { flex: 1 1 auto; }\n  .brick-stack-item[data-flex=\"1\"] { flex: 1 1 0; }\n  .brick-stack-item[data-flex=\"2\"] { flex: 2 1 0; }\n  .brick-stack-item[data-flex=\"3\"] { flex: 3 1 0; }\n  .brick-stack-item[data-flex=\"4\"] { flex: 4 1 0; }\n  .brick-stack-item[data-align=\"stretch\"] { align-self: stretch; }\n  .brick-stack-item[data-align=\"start\"] { align-self: start; }\n  .brick-stack-item[data-align=\"center\"] { align-self: center; }\n  .brick-stack-item[data-align=\"end\"] { align-self: end; }\n  .brick-stack-item[data-align=\"baseline\"] { align-self: baseline; }\n\n  @media (width >= 30rem) {\n    .brick-stack[data-direction-sm=\"column\"] { flex-direction: column; padding-block: var(--brick-stack-start-spacing) var(--brick-stack-end-spacing); padding-inline: 0; }\n    .brick-stack[data-direction-sm=\"row\"] { flex-direction: row; padding-block: 0; padding-inline: var(--brick-stack-start-spacing) var(--brick-stack-end-spacing); }\n    .brick-stack[data-align-sm=\"stretch\"] { align-items: stretch; }\n    .brick-stack[data-align-sm=\"start\"] { align-items: start; }\n    .brick-stack[data-align-sm=\"center\"] { align-items: center; }\n    .brick-stack[data-align-sm=\"end\"] { align-items: end; }\n    .brick-stack[data-align-sm=\"baseline\"] { align-items: baseline; }\n    .brick-stack[data-justify-sm=\"start\"] { justify-content: start; }\n    .brick-stack[data-justify-sm=\"center\"] { justify-content: center; }\n    .brick-stack[data-justify-sm=\"end\"] { justify-content: end; }\n    .brick-stack[data-justify-sm=\"between\"] { justify-content: space-between; }\n    .brick-stack[data-justify-sm=\"around\"] { justify-content: space-around; }\n    .brick-stack[data-justify-sm=\"evenly\"] { justify-content: space-evenly; }\n    .brick-stack[data-wrap-sm=\"true\"] { flex-wrap: wrap; }\n    .brick-stack[data-wrap-sm=\"false\"] { flex-wrap: nowrap; }\n    .brick-stack-item[data-flex-sm=\"content\"] { flex: 0 1 auto; }\n    .brick-stack-item[data-flex-sm=\"fixed\"] { flex: 0 0 auto; }\n    .brick-stack-item[data-flex-sm=\"auto\"] { flex: 1 1 auto; }\n    .brick-stack-item[data-flex-sm=\"1\"] { flex: 1 1 0; }\n    .brick-stack-item[data-flex-sm=\"2\"] { flex: 2 1 0; }\n    .brick-stack-item[data-flex-sm=\"3\"] { flex: 3 1 0; }\n    .brick-stack-item[data-flex-sm=\"4\"] { flex: 4 1 0; }\n    .brick-stack-item[data-align-sm=\"auto\"] { align-self: auto; }\n    .brick-stack-item[data-align-sm=\"stretch\"] { align-self: stretch; }\n    .brick-stack-item[data-align-sm=\"start\"] { align-self: start; }\n    .brick-stack-item[data-align-sm=\"center\"] { align-self: center; }\n    .brick-stack-item[data-align-sm=\"end\"] { align-self: end; }\n    .brick-stack-item[data-align-sm=\"baseline\"] { align-self: baseline; }\n  }\n\n  @media (width >= 48rem) {\n    .brick-stack[data-direction-md=\"column\"] { flex-direction: column; padding-block: var(--brick-stack-start-spacing) var(--brick-stack-end-spacing); padding-inline: 0; }\n    .brick-stack[data-direction-md=\"row\"] { flex-direction: row; padding-block: 0; padding-inline: var(--brick-stack-start-spacing) var(--brick-stack-end-spacing); }\n    .brick-stack[data-align-md=\"stretch\"] { align-items: stretch; }\n    .brick-stack[data-align-md=\"start\"] { align-items: start; }\n    .brick-stack[data-align-md=\"center\"] { align-items: center; }\n    .brick-stack[data-align-md=\"end\"] { align-items: end; }\n    .brick-stack[data-align-md=\"baseline\"] { align-items: baseline; }\n    .brick-stack[data-justify-md=\"start\"] { justify-content: start; }\n    .brick-stack[data-justify-md=\"center\"] { justify-content: center; }\n    .brick-stack[data-justify-md=\"end\"] { justify-content: end; }\n    .brick-stack[data-justify-md=\"between\"] { justify-content: space-between; }\n    .brick-stack[data-justify-md=\"around\"] { justify-content: space-around; }\n    .brick-stack[data-justify-md=\"evenly\"] { justify-content: space-evenly; }\n    .brick-stack[data-wrap-md=\"true\"] { flex-wrap: wrap; }\n    .brick-stack[data-wrap-md=\"false\"] { flex-wrap: nowrap; }\n    .brick-stack-item[data-flex-md=\"content\"] { flex: 0 1 auto; }\n    .brick-stack-item[data-flex-md=\"fixed\"] { flex: 0 0 auto; }\n    .brick-stack-item[data-flex-md=\"auto\"] { flex: 1 1 auto; }\n    .brick-stack-item[data-flex-md=\"1\"] { flex: 1 1 0; }\n    .brick-stack-item[data-flex-md=\"2\"] { flex: 2 1 0; }\n    .brick-stack-item[data-flex-md=\"3\"] { flex: 3 1 0; }\n    .brick-stack-item[data-flex-md=\"4\"] { flex: 4 1 0; }\n    .brick-stack-item[data-align-md=\"auto\"] { align-self: auto; }\n    .brick-stack-item[data-align-md=\"stretch\"] { align-self: stretch; }\n    .brick-stack-item[data-align-md=\"start\"] { align-self: start; }\n    .brick-stack-item[data-align-md=\"center\"] { align-self: center; }\n    .brick-stack-item[data-align-md=\"end\"] { align-self: end; }\n    .brick-stack-item[data-align-md=\"baseline\"] { align-self: baseline; }\n  }\n\n  @media (width >= 64rem) {\n    .brick-stack[data-direction-lg=\"column\"] { flex-direction: column; padding-block: var(--brick-stack-start-spacing) var(--brick-stack-end-spacing); padding-inline: 0; }\n    .brick-stack[data-direction-lg=\"row\"] { flex-direction: row; padding-block: 0; padding-inline: var(--brick-stack-start-spacing) var(--brick-stack-end-spacing); }\n    .brick-stack[data-align-lg=\"stretch\"] { align-items: stretch; }\n    .brick-stack[data-align-lg=\"start\"] { align-items: start; }\n    .brick-stack[data-align-lg=\"center\"] { align-items: center; }\n    .brick-stack[data-align-lg=\"end\"] { align-items: end; }\n    .brick-stack[data-align-lg=\"baseline\"] { align-items: baseline; }\n    .brick-stack[data-justify-lg=\"start\"] { justify-content: start; }\n    .brick-stack[data-justify-lg=\"center\"] { justify-content: center; }\n    .brick-stack[data-justify-lg=\"end\"] { justify-content: end; }\n    .brick-stack[data-justify-lg=\"between\"] { justify-content: space-between; }\n    .brick-stack[data-justify-lg=\"around\"] { justify-content: space-around; }\n    .brick-stack[data-justify-lg=\"evenly\"] { justify-content: space-evenly; }\n    .brick-stack[data-wrap-lg=\"true\"] { flex-wrap: wrap; }\n    .brick-stack[data-wrap-lg=\"false\"] { flex-wrap: nowrap; }\n    .brick-stack-item[data-flex-lg=\"content\"] { flex: 0 1 auto; }\n    .brick-stack-item[data-flex-lg=\"fixed\"] { flex: 0 0 auto; }\n    .brick-stack-item[data-flex-lg=\"auto\"] { flex: 1 1 auto; }\n    .brick-stack-item[data-flex-lg=\"1\"] { flex: 1 1 0; }\n    .brick-stack-item[data-flex-lg=\"2\"] { flex: 2 1 0; }\n    .brick-stack-item[data-flex-lg=\"3\"] { flex: 3 1 0; }\n    .brick-stack-item[data-flex-lg=\"4\"] { flex: 4 1 0; }\n    .brick-stack-item[data-align-lg=\"auto\"] { align-self: auto; }\n    .brick-stack-item[data-align-lg=\"stretch\"] { align-self: stretch; }\n    .brick-stack-item[data-align-lg=\"start\"] { align-self: start; }\n    .brick-stack-item[data-align-lg=\"center\"] { align-self: center; }\n    .brick-stack-item[data-align-lg=\"end\"] { align-self: end; }\n    .brick-stack-item[data-align-lg=\"baseline\"] { align-self: baseline; }\n  }\n\n  @media (width >= 80rem) {\n    .brick-stack[data-direction-xl=\"column\"] { flex-direction: column; padding-block: var(--brick-stack-start-spacing) var(--brick-stack-end-spacing); padding-inline: 0; }\n    .brick-stack[data-direction-xl=\"row\"] { flex-direction: row; padding-block: 0; padding-inline: var(--brick-stack-start-spacing) var(--brick-stack-end-spacing); }\n    .brick-stack[data-align-xl=\"stretch\"] { align-items: stretch; }\n    .brick-stack[data-align-xl=\"start\"] { align-items: start; }\n    .brick-stack[data-align-xl=\"center\"] { align-items: center; }\n    .brick-stack[data-align-xl=\"end\"] { align-items: end; }\n    .brick-stack[data-align-xl=\"baseline\"] { align-items: baseline; }\n    .brick-stack[data-justify-xl=\"start\"] { justify-content: start; }\n    .brick-stack[data-justify-xl=\"center\"] { justify-content: center; }\n    .brick-stack[data-justify-xl=\"end\"] { justify-content: end; }\n    .brick-stack[data-justify-xl=\"between\"] { justify-content: space-between; }\n    .brick-stack[data-justify-xl=\"around\"] { justify-content: space-around; }\n    .brick-stack[data-justify-xl=\"evenly\"] { justify-content: space-evenly; }\n    .brick-stack[data-wrap-xl=\"true\"] { flex-wrap: wrap; }\n    .brick-stack[data-wrap-xl=\"false\"] { flex-wrap: nowrap; }\n    .brick-stack-item[data-flex-xl=\"content\"] { flex: 0 1 auto; }\n    .brick-stack-item[data-flex-xl=\"fixed\"] { flex: 0 0 auto; }\n    .brick-stack-item[data-flex-xl=\"auto\"] { flex: 1 1 auto; }\n    .brick-stack-item[data-flex-xl=\"1\"] { flex: 1 1 0; }\n    .brick-stack-item[data-flex-xl=\"2\"] { flex: 2 1 0; }\n    .brick-stack-item[data-flex-xl=\"3\"] { flex: 3 1 0; }\n    .brick-stack-item[data-flex-xl=\"4\"] { flex: 4 1 0; }\n    .brick-stack-item[data-align-xl=\"auto\"] { align-self: auto; }\n    .brick-stack-item[data-align-xl=\"stretch\"] { align-self: stretch; }\n    .brick-stack-item[data-align-xl=\"start\"] { align-self: start; }\n    .brick-stack-item[data-align-xl=\"center\"] { align-self: center; }\n    .brick-stack-item[data-align-xl=\"end\"] { align-self: end; }\n    .brick-stack-item[data-align-xl=\"baseline\"] { align-self: baseline; }\n  }\n\n  @media (width >= 30rem) {\n  }\n  @media (width >= 48rem) {\n  }\n  @media (width >= 64rem) {\n  }\n  @media (width >= 80rem) {\n  }\n\n  @media (width >= 30rem) {\n    .brick-stack[data-gap-sm] { --brick-stack-gap: var(--brick-stack-gap-sm-input, var(--brick-stack-gap-input, var(--brick-space-0))); }\n    .brick-stack[data-start-spacing-sm] { --brick-stack-start-spacing: var(--brick-stack-start-spacing-sm-input, var(--brick-stack-start-spacing-input, var(--brick-space-0))); }\n    .brick-stack[data-end-spacing-sm] { --brick-stack-end-spacing: var(--brick-stack-end-spacing-sm-input, var(--brick-stack-end-spacing-input, var(--brick-space-0))); }\n  }\n\n  @media (width >= 48rem) {\n    .brick-stack[data-gap-md] { --brick-stack-gap: var(--brick-stack-gap-md-input, var(--brick-stack-gap-input, var(--brick-space-0))); }\n    .brick-stack[data-start-spacing-md] { --brick-stack-start-spacing: var(--brick-stack-start-spacing-md-input, var(--brick-stack-start-spacing-input, var(--brick-space-0))); }\n    .brick-stack[data-end-spacing-md] { --brick-stack-end-spacing: var(--brick-stack-end-spacing-md-input, var(--brick-stack-end-spacing-input, var(--brick-space-0))); }\n  }\n\n  @media (width >= 64rem) {\n    .brick-stack[data-gap-lg] { --brick-stack-gap: var(--brick-stack-gap-lg-input, var(--brick-stack-gap-input, var(--brick-space-0))); }\n    .brick-stack[data-start-spacing-lg] { --brick-stack-start-spacing: var(--brick-stack-start-spacing-lg-input, var(--brick-stack-start-spacing-input, var(--brick-space-0))); }\n    .brick-stack[data-end-spacing-lg] { --brick-stack-end-spacing: var(--brick-stack-end-spacing-lg-input, var(--brick-stack-end-spacing-input, var(--brick-space-0))); }\n  }\n\n  @media (width >= 80rem) {\n    .brick-stack[data-gap-xl] { --brick-stack-gap: var(--brick-stack-gap-xl-input, var(--brick-stack-gap-input, var(--brick-space-0))); }\n    .brick-stack[data-start-spacing-xl] { --brick-stack-start-spacing: var(--brick-stack-start-spacing-xl-input, var(--brick-stack-start-spacing-input, var(--brick-space-0))); }\n    .brick-stack[data-end-spacing-xl] { --brick-stack-end-spacing: var(--brick-stack-end-spacing-xl-input, var(--brick-stack-end-spacing-input, var(--brick-space-0))); }\n  }\n}\n","@layer brick.components {\n  .brick-link-box {\n    --brick-link-box-radius: var(--brick-radius-surface);\n    --brick-link-box-hover-ring: var(--brick-color-border-strong);\n    --brick-link-box-active-ring: var(--brick-color-accent-border);\n    --brick-link-box-focus-ring: var(--brick-color-focus-ring);\n    --brick-link-box-focus-offset: var(--brick-border-focus-offset);\n\n    position: relative;\n    display: grid;\n    min-inline-size: 0;\n    border-radius: var(--brick-link-box-radius);\n    isolation: isolate;\n  }\n\n  .brick-link-box::before {\n    position: absolute;\n    z-index: 3;\n    border-radius: inherit;\n    content: \"\";\n    inset: 0;\n    pointer-events: none;\n    transition: box-shadow var(--brick-motion-duration-fast)\n      var(--brick-motion-easing-standard);\n  }\n\n  .brick-link-box__link::after {\n    position: absolute;\n    z-index: 1;\n    border-radius: var(--brick-link-box-radius);\n    content: \"\";\n    cursor: pointer;\n    inset: 0;\n  }\n\n  .brick-link-box__action {\n    position: relative;\n    z-index: 2;\n    min-inline-size: 0;\n  }\n\n  .brick-link-box:not([data-variant=\"plain\"]):has(.brick-link-box__link:hover)::before {\n    box-shadow: 0 0 0 var(--brick-border-width)\n      var(--brick-link-box-hover-ring);\n  }\n\n  .brick-link-box:not([data-variant=\"plain\"]):has(.brick-link-box__link:active)::before {\n    box-shadow: 0 0 0 var(--brick-border-focus-width)\n      var(--brick-link-box-active-ring);\n  }\n\n  .brick-link-box:has(.brick-link-box__link:focus-visible)::before {\n    outline: var(--brick-border-focus-width) solid\n      var(--brick-link-box-focus-ring);\n    outline-offset: var(--brick-link-box-focus-offset);\n  }\n\n  .brick-link-box__link:focus-visible {\n    outline: none;\n  }\n\n  @media (prefers-reduced-motion: reduce) {\n    .brick-link-box::before {\n      transition: none;\n    }\n  }\n\n  @media (forced-colors: active) {\n    .brick-link-box {\n      --brick-link-box-hover-ring: CanvasText;\n      --brick-link-box-active-ring: Highlight;\n      --brick-link-box-focus-ring: Highlight;\n    }\n  }\n}\n","@layer brick.components {\n  .brick-accordion {\n    --brick-accordion-background: transparent;\n    --brick-accordion-border-color: var(--brick-color-border-default);\n    --brick-accordion-divider-color: var(--brick-color-border-subtle);\n    --brick-accordion-trigger-background: transparent;\n    --brick-accordion-trigger-hover-background: var(--brick-color-surface-subtle);\n    --brick-accordion-trigger-open-background: var(--brick-color-surface-subtle);\n    --brick-accordion-foreground: var(--brick-color-text-primary);\n    --brick-accordion-content-foreground: var(--brick-color-text-secondary);\n    --brick-accordion-focus-ring: var(--brick-color-focus-ring);\n    --brick-accordion-radius: var(--brick-radius-control);\n    --brick-accordion-trigger-height: 2.75rem;\n    --brick-accordion-horizontal-height: 14rem;\n    --brick-accordion-trigger-padding-inline: var(--brick-space-3);\n    --brick-accordion-content-padding-block: var(--brick-space-3);\n    --brick-accordion-content-padding-inline: var(--brick-space-3);\n    --brick-accordion-indicator-size: 1rem;\n    --brick-accordion-font-family: var(--brick-typography-control-md-font-family);\n    --brick-accordion-font-size: var(--brick-typography-control-md-font-size);\n    --brick-accordion-font-weight: var(--brick-typography-control-md-font-weight);\n    --brick-accordion-line-height: var(--brick-typography-control-md-line-height);\n    box-sizing: border-box;\n    inline-size: 100%;\n    min-inline-size: 0;\n    overflow: visible;\n    border-radius: var(--brick-accordion-radius);\n    background: var(--brick-accordion-background);\n  }\n  .brick-accordion[data-variant=\"soft\"] { --brick-accordion-background: var(--brick-color-surface-subtle); --brick-accordion-trigger-hover-background: var(--brick-color-surface-raised); --brick-accordion-trigger-open-background: var(--brick-color-surface-raised); }\n  .brick-accordion[data-variant=\"outline\"] { border: var(--brick-border-width) solid var(--brick-accordion-border-color); }\n  .brick-accordion[data-size=\"sm\"] { --brick-accordion-trigger-height: 2.25rem; --brick-accordion-trigger-padding-inline: var(--brick-space-2); --brick-accordion-content-padding-block: var(--brick-space-2); --brick-accordion-content-padding-inline: var(--brick-space-2); --brick-accordion-indicator-size: .875rem; --brick-accordion-font-family: var(--brick-typography-control-sm-font-family); --brick-accordion-font-size: var(--brick-typography-control-sm-font-size); --brick-accordion-font-weight: var(--brick-typography-control-sm-font-weight); --brick-accordion-line-height: var(--brick-typography-control-sm-line-height); }\n  .brick-accordion[data-size=\"lg\"] { --brick-accordion-trigger-height: 3.25rem; --brick-accordion-trigger-padding-inline: var(--brick-space-4); --brick-accordion-content-padding-block: var(--brick-space-4); --brick-accordion-content-padding-inline: var(--brick-space-4); --brick-accordion-indicator-size: 1.125rem; --brick-accordion-font-family: var(--brick-typography-control-lg-font-family); --brick-accordion-font-size: var(--brick-typography-control-lg-font-size); --brick-accordion-font-weight: var(--brick-typography-control-lg-font-weight); --brick-accordion-line-height: var(--brick-typography-control-lg-line-height); }\n  .brick-accordion-item { box-sizing: border-box; min-inline-size: 0; border-block-end: var(--brick-border-width) solid var(--brick-accordion-divider-color); }\n  .brick-accordion-item:last-child { border-block-end: 0; }\n  .brick-accordion-header { margin: 0; font: inherit; }\n  .brick-accordion-trigger { display: flex; box-sizing: border-box; inline-size: 100%; min-inline-size: 0; min-block-size: var(--brick-accordion-trigger-height); align-items: center; gap: var(--brick-space-2); padding-block: var(--brick-space-2); padding-inline: var(--brick-accordion-trigger-padding-inline); border: 0; border-radius: 0; background: var(--brick-accordion-trigger-background); color: var(--brick-accordion-foreground); font-family: var(--brick-accordion-font-family); font-size: var(--brick-accordion-font-size); font-weight: var(--brick-accordion-font-weight); line-height: var(--brick-accordion-line-height); text-align: start; cursor: pointer; touch-action: manipulation; }\n  .brick-accordion-trigger:hover:not(:disabled, [data-disabled]) { background: var(--brick-accordion-trigger-hover-background); }\n  .brick-accordion-trigger[data-state=\"open\"] { background: var(--brick-accordion-trigger-open-background); }\n  .brick-accordion[data-orientation=\"vertical\"] .brick-accordion-item:first-child .brick-accordion-trigger { border-start-start-radius: calc(var(--brick-accordion-radius) - var(--brick-border-width)); border-start-end-radius: calc(var(--brick-accordion-radius) - var(--brick-border-width)); }\n  .brick-accordion[data-orientation=\"vertical\"] .brick-accordion-item:last-child .brick-accordion-trigger[data-state=\"closed\"] { border-end-start-radius: calc(var(--brick-accordion-radius) - var(--brick-border-width)); border-end-end-radius: calc(var(--brick-accordion-radius) - var(--brick-border-width)); }\n  .brick-accordion-trigger:focus-visible { position: relative; z-index: 1; outline: var(--brick-border-focus-width) solid var(--brick-accordion-focus-ring); outline-offset: var(--brick-border-focus-offset); }\n  .brick-accordion-trigger:is(:disabled, [data-disabled]) { opacity: .55; cursor: not-allowed; }\n  .brick-accordion-trigger[data-locked-open] { cursor: default; }\n  .brick-accordion-indicator { display: inline-flex; inline-size: var(--brick-accordion-indicator-size); block-size: var(--brick-accordion-indicator-size); flex: 0 0 auto; align-items: center; justify-content: center; margin-inline-start: auto; transform: rotate(0deg); transition: transform var(--brick-motion-duration-fast) var(--brick-motion-easing-standard); }\n  .brick-accordion-indicator > svg { inline-size: 100%; block-size: 100%; }\n  .brick-accordion-trigger[data-state=\"open\"] .brick-accordion-indicator { transform: rotate(180deg); }\n  .brick-accordion-content { box-sizing: border-box; min-inline-size: 0; overflow: hidden; color: var(--brick-accordion-content-foreground); }\n  .brick-accordion-content[data-state=\"open\"] { animation: brick-accordion-open var(--brick-motion-duration-fast) var(--brick-motion-easing-enter) both; }\n  .brick-accordion-content[data-state=\"closed\"] { animation: brick-accordion-close var(--brick-motion-duration-fast) var(--brick-motion-easing-exit) both; }\n  .brick-accordion-content-inner { box-sizing: border-box; min-inline-size: 0; padding-block: var(--brick-accordion-content-padding-block); padding-inline: var(--brick-accordion-content-padding-inline); }\n  .brick-accordion[data-orientation=\"horizontal\"] { display: flex; inline-size: max-content; max-inline-size: 100%; block-size: var(--brick-accordion-horizontal-height); align-items: stretch; overflow-x: auto; overflow-y: clip; }\n  .brick-accordion[data-orientation=\"horizontal\"] .brick-accordion-item { display: flex; flex: 0 0 auto; block-size: 100%; align-items: stretch; border-block-end: 0; border-inline-end: var(--brick-border-width) solid var(--brick-accordion-divider-color); }\n  .brick-accordion[data-orientation=\"horizontal\"] .brick-accordion-item:last-child { border-inline-end: 0; }\n  .brick-accordion[data-orientation=\"horizontal\"] .brick-accordion-header { display: flex; flex: 0 0 auto; block-size: 100%; }\n  .brick-accordion[data-orientation=\"horizontal\"] .brick-accordion-trigger { inline-size: 100%; min-inline-size: 0; block-size: var(--brick-accordion-trigger-height); min-block-size: var(--brick-accordion-trigger-height); writing-mode: vertical-rl; text-orientation: mixed; }\n  .brick-accordion[data-orientation=\"horizontal\"] .brick-accordion-trigger:focus-visible { outline-offset: calc(-1 * var(--brick-border-focus-width)); }\n  .brick-accordion[data-orientation=\"horizontal\"] .brick-accordion-content { flex: 0 0 auto; block-size: 100%; min-block-size: 0; writing-mode: horizontal-tb; }\n  .brick-accordion[data-orientation=\"horizontal\"] .brick-accordion-content[data-state=\"open\"] { animation-name: brick-accordion-open-horizontal; }\n  .brick-accordion[data-orientation=\"horizontal\"] .brick-accordion-content[data-state=\"closed\"] { animation-name: brick-accordion-close-horizontal; }\n  .brick-accordion-content[data-initial-open] { animation: none; }\n  .brick-accordion[data-orientation=\"horizontal\"] .brick-accordion-content-inner { inline-size: max-content; block-size: 100%; min-block-size: 0; }\n  @keyframes brick-accordion-open { from { block-size: 0; } to { block-size: var(--content-height); } }\n  @keyframes brick-accordion-close { from { block-size: var(--content-height); } to { block-size: 0; } }\n  @keyframes brick-accordion-open-horizontal { from { inline-size: 0; } to { inline-size: var(--content-width); } }\n  @keyframes brick-accordion-close-horizontal { from { inline-size: var(--content-width); } to { inline-size: 0; } }\n  @media (prefers-reduced-motion: reduce) { .brick-accordion-indicator { transition: none; } .brick-accordion-content { animation: none !important; } }\n  @media (forced-colors: active) { .brick-accordion { --brick-accordion-border-color: CanvasText; --brick-accordion-divider-color: CanvasText; forced-color-adjust: auto; } .brick-accordion-trigger { color: ButtonText; } .brick-accordion-trigger:focus-visible { outline-color: Highlight; } }\n}\n","@layer brick.components {\n  .brick-icon {\n    --brick-icon-size-2xs: 0.75rem;\n    --brick-icon-size-xs: 1rem;\n    --brick-icon-size-sm: 1.25rem;\n    --brick-icon-size-md: 1.5rem;\n    --brick-icon-size-lg: 2rem;\n    --brick-icon-size-xl: 2.5rem;\n    --brick-icon-size: var(--brick-icon-size-md);\n    --brick-icon-color: currentcolor;\n    --brick-icon-vertical-align: middle;\n    --brick-icon-direction-scale: 1;\n\n    box-sizing: border-box;\n    display: inline-flex;\n    flex: 0 0 var(--brick-icon-size);\n    inline-size: var(--brick-icon-size);\n    block-size: var(--brick-icon-size);\n    align-items: center;\n    justify-content: center;\n    vertical-align: var(--brick-icon-vertical-align);\n    color: var(--brick-icon-color);\n    transform: scaleX(var(--brick-icon-direction-scale));\n  }\n\n  .brick-icon > svg {\n    display: block;\n    inline-size: 100%;\n    block-size: 100%;\n  }\n\n  svg.brick-icon {\n    display: block;\n  }\n\n  .brick-icon[data-size=\"2xs\"] { --brick-icon-size: var(--brick-icon-size-2xs); }\n  .brick-icon[data-size=\"xs\"] { --brick-icon-size: var(--brick-icon-size-xs); }\n  .brick-icon[data-size=\"sm\"] { --brick-icon-size: var(--brick-icon-size-sm); }\n  .brick-icon[data-size=\"lg\"] { --brick-icon-size: var(--brick-icon-size-lg); }\n  .brick-icon[data-size=\"xl\"] { --brick-icon-size: var(--brick-icon-size-xl); }\n\n  .brick-icon[data-tone=\"primary\"] { --brick-icon-color: var(--brick-color-text-primary); }\n  .brick-icon[data-tone=\"secondary\"] { --brick-icon-color: var(--brick-color-text-secondary); }\n  .brick-icon[data-tone=\"muted\"] { --brick-icon-color: var(--brick-color-text-muted); }\n  .brick-icon[data-tone=\"accent\"] { --brick-icon-color: var(--brick-color-accent-text); }\n  .brick-icon[data-tone=\"info\"] { --brick-icon-color: var(--brick-color-info-text); }\n  .brick-icon[data-tone=\"success\"] { --brick-icon-color: var(--brick-color-success-text); }\n  .brick-icon[data-tone=\"warning\"] { --brick-icon-color: var(--brick-color-warning-text); }\n  .brick-icon[data-tone=\"danger\"] { --brick-icon-color: var(--brick-color-danger-text); }\n\n  [dir=\"rtl\"] .brick-icon[data-directional] {\n    --brick-icon-direction-scale: -1;\n  }\n\n  @media (forced-colors: active) {\n    .brick-icon:not([data-tone=\"inherit\"]) {\n      --brick-icon-color: CanvasText;\n    }\n  }\n}\n","@layer brick.components {\n  .brick-group {\n    --brick-group-gap: var(--brick-group-gap-input, var(--brick-space-2));\n    --brick-group-overlap: var(--brick-border-width);\n\n    display: inline-flex;\n    box-sizing: border-box;\n    min-inline-size: 0;\n    align-items: center;\n    gap: var(--brick-group-gap);\n    isolation: isolate;\n    vertical-align: middle;\n  }\n\n  .brick-group[data-orientation=\"vertical\"] {\n    flex-direction: column;\n  }\n\n  .brick-group[data-grow] {\n    display: flex;\n    inline-size: 100%;\n  }\n\n  .brick-group[data-grow] > * {\n    flex: 1 1 0;\n    min-inline-size: 0;\n  }\n\n  .brick-group[data-attached] {\n    gap: 0;\n  }\n\n  .brick-group[data-attached] > * {\n    flex-shrink: 0;\n  }\n\n  .brick-group[data-attached] > :hover {\n    z-index: 1;\n  }\n\n  .brick-group[data-attached] > :is(:focus-visible, :focus-within) {\n    z-index: 2;\n  }\n\n  .brick-group[data-attached][data-orientation=\"horizontal\"]\n    > :first-child:not(:last-child) {\n    border-start-end-radius: 0;\n    border-end-end-radius: 0;\n  }\n\n  .brick-group[data-attached][data-orientation=\"horizontal\"]\n    > :not(:first-child, :last-child) {\n    border-radius: 0;\n  }\n\n  .brick-group[data-attached][data-orientation=\"horizontal\"]\n    > :last-child:not(:first-child) {\n    margin-inline-start: calc(-1 * var(--brick-group-overlap));\n    border-start-start-radius: 0;\n    border-end-start-radius: 0;\n  }\n\n  .brick-group[data-attached][data-orientation=\"horizontal\"]\n    > :not(:first-child, :last-child) {\n    margin-inline-start: calc(-1 * var(--brick-group-overlap));\n  }\n\n  .brick-group[data-attached][data-orientation=\"vertical\"]\n    > :first-child:not(:last-child) {\n    border-end-start-radius: 0;\n    border-end-end-radius: 0;\n  }\n\n  .brick-group[data-attached][data-orientation=\"vertical\"]\n    > :not(:first-child, :last-child) {\n    border-radius: 0;\n  }\n\n  .brick-group[data-attached][data-orientation=\"vertical\"]\n    > :last-child:not(:first-child) {\n    margin-block-start: calc(-1 * var(--brick-group-overlap));\n    border-start-start-radius: 0;\n    border-start-end-radius: 0;\n  }\n\n  .brick-group[data-attached][data-orientation=\"vertical\"]\n    > :not(:first-child, :last-child) {\n    margin-block-start: calc(-1 * var(--brick-group-overlap));\n  }\n}\n","@layer brick.components {\n  .brick-list {\n    --brick-list-row-gap: 0;\n    --brick-list-row-padding-inline: var(--brick-space-4);\n    --brick-list-row-padding-block: var(--brick-space-3);\n    --brick-list-item-column-gap: var(--brick-space-3);\n    --brick-list-marker-style: disc;\n    --brick-list-marker-color: var(--brick-color-text-secondary);\n    --brick-list-marker-gap: var(--brick-space-4);\n    --brick-list-border-color: var(--brick-color-border-subtle);\n    --brick-list-border-width: var(--brick-border-width);\n    --brick-list-radius: var(--brick-radius-surface);\n    --brick-list-title-color: var(--brick-color-text-primary);\n    --brick-list-description-color: var(--brick-color-text-secondary);\n    --brick-list-leading-color: var(--brick-color-text-secondary);\n    --brick-list-disabled-opacity: 0.55;\n    --brick-list-nested-inset: var(--brick-space-6);\n    --brick-list-part-align: start;\n    --brick-list-title-font-size: var(--brick-typography-body-md-font-size);\n    --brick-list-title-line-height: var(--brick-typography-body-md-line-height);\n    --brick-list-description-font-size: var(--brick-typography-supporting-sm-font-size);\n    --brick-list-description-line-height: var(--brick-typography-supporting-sm-line-height);\n\n    box-sizing: border-box;\n    min-inline-size: 0;\n    max-inline-size: 100%;\n    margin: 0;\n    padding-block: 0;\n    padding-inline-start: calc(var(--brick-list-marker-gap) + 1em);\n    list-style-position: outside;\n    list-style-type: var(--brick-list-marker-style);\n    color: var(--brick-list-title-color);\n  }\n\n  .brick-list[data-ordered] { --brick-list-marker-style: decimal; }\n  .brick-list[data-marker=\"disc\"] { --brick-list-marker-style: disc; }\n  .brick-list[data-marker=\"circle\"] { --brick-list-marker-style: circle; }\n  .brick-list[data-marker=\"square\"] { --brick-list-marker-style: square; }\n  .brick-list[data-marker=\"decimal\"] { --brick-list-marker-style: decimal; }\n  .brick-list[data-marker=\"lower-alpha\"] { --brick-list-marker-style: lower-alpha; }\n  .brick-list[data-marker=\"upper-alpha\"] { --brick-list-marker-style: upper-alpha; }\n  .brick-list[data-marker=\"lower-roman\"] { --brick-list-marker-style: lower-roman; }\n  .brick-list[data-marker=\"upper-roman\"] { --brick-list-marker-style: upper-roman; }\n\n  .brick-list[data-marker=\"none\"] {\n    --brick-list-marker-style: none;\n    padding-inline-start: 0;\n  }\n\n  .brick-list[data-size=\"sm\"] {\n    --brick-list-row-padding-inline: var(--brick-space-3);\n    --brick-list-item-column-gap: var(--brick-space-2);\n    --brick-list-title-font-size: var(--brick-typography-body-sm-font-size);\n    --brick-list-title-line-height: var(--brick-typography-body-sm-line-height);\n    --brick-list-description-font-size: var(--brick-typography-caption-font-size);\n    --brick-list-description-line-height: var(--brick-typography-caption-line-height);\n  }\n\n  .brick-list[data-size=\"lg\"] {\n    --brick-list-row-padding-inline: var(--brick-space-5);\n    --brick-list-item-column-gap: var(--brick-space-4);\n    --brick-list-title-font-size: var(--brick-typography-body-lg-font-size);\n    --brick-list-title-line-height: var(--brick-typography-body-lg-line-height);\n    --brick-list-description-font-size: var(--brick-typography-body-md-font-size);\n    --brick-list-description-line-height: var(--brick-typography-body-md-line-height);\n  }\n\n  .brick-list[data-density=\"compact\"] {\n    --brick-list-row-padding-block: var(--brick-space-1);\n    --brick-list-row-gap: var(--brick-space-1);\n  }\n\n  .brick-list[data-variant=\"divided\"] > .brick-list__item + .brick-list__item,\n  .brick-list[data-variant=\"bordered\"] > .brick-list__item + .brick-list__item {\n    border-block-start: var(--brick-list-border-width) solid var(--brick-list-border-color);\n  }\n\n  .brick-list[data-variant=\"bordered\"] {\n    padding-inline-start: 0;\n    overflow: clip;\n    border: var(--brick-list-border-width) solid var(--brick-list-border-color);\n    border-radius: var(--brick-list-radius);\n    list-style-position: inside;\n  }\n\n  .brick-list[data-variant=\"bordered\"] > .brick-list__item {\n    padding-inline: calc(var(--brick-list-marker-gap) + 1em);\n  }\n\n  .brick-list[data-variant=\"bordered\"][data-marker=\"none\"] > .brick-list__item { padding-inline: 0; }\n\n  .brick-list[data-variant=\"bordered\"] > .brick-list__item > .brick-list__row {\n    display: inline;\n  }\n\n  .brick-list[data-variant=\"bordered\"] > .brick-list__item > .brick-list__row:has(> :where(.brick-list__leading, .brick-list__content, .brick-list__trailing)) {\n    display: inline-grid;\n    inline-size: calc(100% - var(--brick-list-marker-gap) - 1em);\n    vertical-align: top;\n  }\n\n  .brick-list[data-variant=\"bordered\"][data-marker=\"none\"] > .brick-list__item > .brick-list__row { display: block; }\n\n  .brick-list[data-variant=\"bordered\"][data-marker=\"none\"] > .brick-list__item > .brick-list__row:has(> :where(.brick-list__leading, .brick-list__content, .brick-list__trailing)) {\n    display: grid;\n    inline-size: auto;\n  }\n\n  .brick-list__item {\n    box-sizing: border-box;\n    min-inline-size: 0;\n    max-inline-size: 100%;\n    padding-block: var(--brick-list-row-padding-block);\n    padding-inline: var(--brick-list-row-padding-inline);\n    color: var(--brick-list-title-color);\n  }\n\n  .brick-list__item::marker {\n    color: var(--brick-list-marker-color);\n    font-variant-numeric: tabular-nums;\n  }\n\n  .brick-list__item[data-disabled] { opacity: var(--brick-list-disabled-opacity); }\n\n  .brick-list__row {\n    min-inline-size: 0;\n    max-inline-size: 100%;\n    font-family: var(--brick-typography-body-md-font-family);\n    font-size: var(--brick-list-title-font-size);\n    font-weight: var(--brick-typography-body-md-font-weight);\n    letter-spacing: var(--brick-typography-body-md-letter-spacing);\n    line-height: var(--brick-list-title-line-height);\n    overflow-wrap: anywhere;\n  }\n\n  .brick-list__row:has(> :where(.brick-list__leading, .brick-list__content, .brick-list__trailing)) {\n    display: grid;\n    grid-template-columns: auto minmax(0, 1fr) auto;\n    column-gap: var(--brick-list-item-column-gap);\n    align-items: var(--brick-list-part-align);\n  }\n\n  .brick-list__leading,\n  .brick-list__trailing {\n    display: flex;\n    min-inline-size: 0;\n    flex: none;\n    align-items: center;\n    color: var(--brick-list-leading-color);\n  }\n\n  .brick-list__leading { grid-column: 1; }\n  .brick-list__content { grid-column: 2; }\n  .brick-list__trailing { grid-column: 3; justify-content: end; }\n  .brick-list__content:first-child { grid-column-start: 1; }\n  .brick-list__content:last-child { grid-column-end: -1; }\n\n  .brick-list__content,\n  .brick-list__title,\n  .brick-list__description {\n    display: block;\n    min-inline-size: 0;\n    max-inline-size: 100%;\n  }\n\n  .brick-list__title {\n    color: var(--brick-list-title-color);\n    font-family: var(--brick-typography-body-md-font-family);\n    font-size: var(--brick-list-title-font-size);\n    font-weight: var(--brick-typography-body-md-font-weight);\n    letter-spacing: var(--brick-typography-body-md-letter-spacing);\n    line-height: var(--brick-list-title-line-height);\n  }\n\n  .brick-list__description {\n    color: var(--brick-list-description-color);\n    font-family: var(--brick-typography-supporting-sm-font-family);\n    font-size: var(--brick-list-description-font-size);\n    font-weight: var(--brick-typography-supporting-sm-font-weight);\n    letter-spacing: var(--brick-typography-supporting-sm-letter-spacing);\n    line-height: var(--brick-list-description-line-height);\n  }\n\n  .brick-list .brick-list {\n    margin-block-start: var(--brick-list-row-gap);\n    padding-inline-start: var(--brick-list-nested-inset);\n  }\n\n  @media (forced-colors: active) {\n    .brick-list[data-variant=\"divided\"] > .brick-list__item + .brick-list__item,\n    .brick-list[data-variant=\"bordered\"] > .brick-list__item + .brick-list__item,\n    .brick-list[data-variant=\"bordered\"] { border-color: CanvasText; }\n\n    .brick-list__item::marker,\n    .brick-list__leading,\n    .brick-list__description { color: CanvasText; }\n  }\n}\n","@layer brick.components {\n  .brick-input {\n    --brick-input-min-block-size: var(--brick-control-min-block-size-md);\n    --brick-input-padding-inline: var(--brick-space-3);\n    --brick-input-gap: var(--brick-space-2);\n    --brick-input-radius: var(--brick-radius-control);\n    --brick-input-font-family: var(--brick-typography-field-value-md-font-family);\n    --brick-input-font-size: var(--brick-typography-field-value-md-font-size);\n    --brick-input-font-weight: var(--brick-typography-field-value-md-font-weight);\n    --brick-input-line-height: var(--brick-typography-field-value-md-line-height);\n    --brick-input-letter-spacing: var(--brick-typography-field-value-md-letter-spacing);\n    --brick-input-background: var(--brick-color-surface-raised);\n    --brick-input-foreground: var(--brick-color-text-primary);\n    --brick-input-placeholder-foreground: var(--brick-color-text-muted);\n    --brick-input-border: var(--brick-color-border-strong);\n    --brick-input-hover-background: var(--brick-color-surface-base);\n    --brick-input-hover-border: var(--brick-color-accent-border);\n    --brick-input-focus-ring: var(--brick-color-focus-ring);\n    --brick-input-invalid-border: var(--brick-color-danger-text);\n    --brick-input-disabled-background: var(--brick-color-surface-subtle);\n    --brick-input-disabled-foreground: var(--brick-color-text-secondary);\n    --brick-input-disabled-border: var(--brick-color-border-subtle);\n    --brick-input-readonly-background: var(--brick-color-surface-subtle);\n    --brick-input-adornment-foreground: var(--brick-color-text-secondary);\n    --brick-input-adornment-size: 1.125rem;\n    --brick-input-clear-target-size: 2rem;\n    --brick-input-clear-icon-size: 1rem;\n    --brick-input-clear-foreground: var(--brick-color-text-secondary);\n    --brick-input-clear-hover-background: var(--brick-color-accent-soft);\n\n    display: inline-flex;\n    box-sizing: border-box;\n    min-inline-size: 0;\n    max-inline-size: 100%;\n    min-block-size: var(--brick-input-min-block-size);\n    align-items: center;\n    gap: var(--brick-input-gap);\n    padding-inline: var(--brick-input-padding-inline);\n    border: var(--brick-border-width) solid var(--brick-input-border);\n    border-radius: var(--brick-input-radius);\n    background: var(--brick-input-background);\n    color: var(--brick-input-foreground);\n    vertical-align: middle;\n    transition:\n      background-color var(--brick-motion-duration-fast) var(--brick-motion-easing-standard),\n      border-color var(--brick-motion-duration-fast) var(--brick-motion-easing-standard),\n      box-shadow var(--brick-motion-duration-fast) var(--brick-motion-easing-standard);\n  }\n\n  .brick-input[data-full-width] {\n    inline-size: 100%;\n  }\n\n  .brick-input:not([data-full-width]) {\n    inline-size: fit-content;\n  }\n\n  .brick-input[data-variant=\"outline\"] {\n    --brick-input-background: transparent;\n    --brick-input-hover-background: transparent;\n  }\n\n  .brick-input[data-variant=\"soft\"] {\n    --brick-input-background: var(--brick-color-surface-subtle);\n    --brick-input-border: var(--brick-color-border-subtle);\n    --brick-input-hover-background: var(--brick-color-accent-soft);\n  }\n\n  .brick-input[data-variant=\"underline\"] {\n    --brick-input-background: transparent;\n    --brick-input-radius: 0;\n\n    border-width: 0 0 var(--brick-border-width);\n  }\n\n  .brick-input[data-shape=\"sharp\"] {\n    --brick-input-radius: 0;\n  }\n\n  .brick-input[data-shape=\"pill\"] {\n    --brick-input-radius: var(--brick-radius-full);\n  }\n\n  .brick-input[data-size=\"sm\"] {\n    --brick-input-min-block-size: var(--brick-control-min-block-size-sm);\n    --brick-input-padding-inline: var(--brick-space-2);\n    --brick-input-gap: 0.375rem;\n    --brick-input-clear-target-size: 1.75rem;\n  }\n\n  .brick-input[data-size=\"lg\"] {\n    --brick-input-min-block-size: var(--brick-control-min-block-size-lg);\n    --brick-input-padding-inline: var(--brick-space-4);\n    --brick-input-gap: var(--brick-space-3);\n    --brick-input-font-size: var(--brick-typography-field-value-lg-font-size);\n    --brick-input-adornment-size: 1.25rem;\n    --brick-input-clear-target-size: 2.25rem;\n    --brick-input-clear-icon-size: 1.125rem;\n  }\n\n  .brick-input-control {\n    display: block;\n    box-sizing: border-box;\n    min-inline-size: 0;\n    inline-size: 100%;\n    min-block-size: calc(\n      var(--brick-input-min-block-size) - (2 * var(--brick-border-width))\n    );\n    padding: 0;\n    border: 0;\n    outline: 0;\n    background: transparent;\n    color: inherit;\n    font-family: var(--brick-input-font-family);\n    font-size: var(--brick-input-font-size);\n    font-weight: var(--brick-input-font-weight);\n    letter-spacing: var(--brick-input-letter-spacing);\n    line-height: var(--brick-input-line-height);\n  }\n\n  .brick-input-control::placeholder {\n    color: var(--brick-input-placeholder-foreground);\n    opacity: 1;\n  }\n\n  :where(.brick-input-start, .brick-input-end) {\n    display: inline-flex;\n    flex: 0 0 auto;\n    min-inline-size: 0;\n    align-items: center;\n    justify-content: center;\n    color: var(--brick-input-adornment-foreground);\n    line-height: 1;\n  }\n\n  .brick-input-start {\n    inline-size: var(--brick-input-adornment-size);\n  }\n\n  .brick-input-end {\n    min-inline-size: var(--brick-input-adornment-size);\n    inline-size: max-content;\n  }\n\n  :where(.brick-input-start, .brick-input-end) > :where(svg, img) {\n    display: block;\n    max-inline-size: 100%;\n    block-size: auto;\n  }\n\n  .brick-input-clear {\n    display: inline-grid;\n    box-sizing: border-box;\n    flex: 0 0 auto;\n    inline-size: var(--brick-input-clear-target-size);\n    block-size: var(--brick-input-clear-target-size);\n    place-items: center;\n    padding: 0;\n    border: 0;\n    border-radius: var(--brick-radius-full);\n    background: transparent;\n    color: var(--brick-input-clear-foreground);\n    cursor: pointer;\n    margin-inline-end: calc(-1 * var(--brick-input-padding-inline));\n  }\n\n  .brick-input-clear[data-hidden] {\n    display: none;\n  }\n\n  .brick-input-clear-artwork {\n    display: block;\n    inline-size: var(--brick-input-clear-icon-size);\n    block-size: var(--brick-input-clear-icon-size);\n    overflow: visible;\n    stroke: currentColor;\n    stroke-linecap: round;\n    stroke-width: 1.75;\n  }\n\n  .brick-input:focus-within {\n    border-color: var(--brick-input-focus-ring);\n    box-shadow: 0 0 0 var(--brick-border-focus-width)\n      var(--brick-input-focus-ring);\n  }\n\n  .brick-input:has(.brick-input-control[data-invalid]) {\n    border-color: var(--brick-input-invalid-border);\n  }\n\n  .brick-input:has(.brick-input-control[data-disabled]) {\n    border-color: var(--brick-input-disabled-border);\n    background: var(--brick-input-disabled-background);\n    color: var(--brick-input-disabled-foreground);\n    cursor: not-allowed;\n  }\n\n  .brick-input:has(.brick-input-control[data-readonly]) {\n    background: var(--brick-input-readonly-background);\n    cursor: default;\n  }\n\n  .brick-input-control:disabled {\n    cursor: not-allowed;\n  }\n\n  .brick-input-control:read-only {\n    cursor: default;\n  }\n\n  .brick-input:has(.brick-input-clear)\n    .brick-input-control[type=\"search\"]::-webkit-search-cancel-button {\n    display: none;\n  }\n\n  .brick-input-control:-webkit-autofill {\n    -webkit-text-fill-color: var(--brick-input-foreground);\n    caret-color: var(--brick-input-foreground);\n  }\n\n  @media (hover: hover) and (pointer: fine) {\n    .brick-input:not(\n      :focus-within,\n      :has(.brick-input-control[data-disabled]),\n      :has(.brick-input-control[data-readonly]),\n      :has(.brick-input-control[data-invalid])\n    ):hover {\n      border-color: var(--brick-input-hover-border);\n      background: var(--brick-input-hover-background);\n    }\n\n    .brick-input-clear:not([data-disabled], [data-hidden]):hover {\n      background: var(--brick-input-clear-hover-background);\n      color: var(--brick-input-foreground);\n    }\n  }\n\n  @media (prefers-reduced-motion: reduce) {\n    .brick-input {\n      transition-duration: 0ms;\n    }\n  }\n\n  @media (forced-colors: active) {\n    .brick-input {\n      border-color: ButtonText;\n      background: Canvas;\n      color: CanvasText;\n    }\n\n    .brick-input:focus-within {\n      border-color: Highlight;\n      box-shadow: 0 0 0 var(--brick-border-focus-width) Highlight;\n    }\n\n    .brick-input:has(.brick-input-control[data-invalid]) {\n      border-color: Mark;\n      background: Canvas;\n    }\n\n    .brick-input:has(.brick-input-control[data-disabled]) {\n      border-color: GrayText;\n      background: Canvas;\n      color: GrayText;\n    }\n\n    .brick-input-clear {\n      color: ButtonText;\n    }\n  }\n}\n","@layer brick.components {\n  .brick-image {\n    --brick-image-fit: cover;\n    --brick-image-position: center;\n    --brick-image-radius: 0;\n    --brick-image-frame-background: transparent;\n    --brick-image-frame-border: transparent;\n    --brick-image-frame-border-width: 0;\n    --brick-image-fallback-foreground: var(--brick-color-text-secondary);\n    --brick-image-fallback-inset: var(--brick-space-4);\n    --_brick-image-fallback-background: var(--brick-color-surface-subtle);\n\n    display: grid;\n    box-sizing: border-box;\n    inline-size: 100%;\n    max-inline-size: 100%;\n    border: var(--brick-image-frame-border-width) solid var(--brick-image-frame-border);\n    border-radius: var(--brick-image-radius);\n    background: var(--brick-image-frame-background);\n    overflow: hidden;\n  }\n\n  .brick-image[data-fit=\"contain\"] { --brick-image-fit: contain; }\n  .brick-image[data-fit=\"fill\"] { --brick-image-fit: fill; }\n  .brick-image[data-fit=\"none\"] { --brick-image-fit: none; }\n  .brick-image[data-fit=\"scale-down\"] { --brick-image-fit: scale-down; }\n\n  .brick-image[data-position=\"top\"] { --brick-image-position: center top; }\n  .brick-image[data-position=\"bottom\"] { --brick-image-position: center bottom; }\n  .brick-image[data-position=\"start\"] { --brick-image-position: left center; }\n  .brick-image[data-position=\"end\"] { --brick-image-position: right center; }\n\n  [dir=\"rtl\"] .brick-image[data-position=\"start\"] { --brick-image-position: right center; }\n  [dir=\"rtl\"] .brick-image[data-position=\"end\"] { --brick-image-position: left center; }\n\n  .brick-image[data-radius=\"sm\"] { --brick-image-radius: var(--brick-radius-subtle); }\n  .brick-image[data-radius=\"md\"] { --brick-image-radius: var(--brick-radius-control); }\n  .brick-image[data-radius=\"lg\"] { --brick-image-radius: var(--brick-radius-surface); }\n  .brick-image[data-radius=\"full\"] { --brick-image-radius: var(--brick-radius-full); }\n\n  .brick-image[data-frame=\"subtle\"] {\n    --brick-image-frame-background: var(--brick-color-surface-subtle);\n    --brick-image-frame-border: var(--brick-color-border-subtle);\n    --brick-image-frame-border-width: var(--brick-border-width);\n    --_brick-image-fallback-background: var(--brick-image-frame-background);\n  }\n\n  .brick-image__content,\n  .brick-image__fallback {\n    grid-area: 1 / 1;\n    box-sizing: border-box;\n    inline-size: 100%;\n    min-inline-size: 0;\n    border-radius: inherit;\n  }\n\n  .brick-image__content {\n    display: block;\n    max-inline-size: 100%;\n    block-size: auto;\n    object-fit: var(--brick-image-fit);\n    object-position: var(--brick-image-position);\n  }\n\n  .brick-image[data-fill],\n  .brick-image[data-fill] > .brick-image__content,\n  .brick-image[data-fill] > .brick-image__fallback {\n    block-size: 100%;\n  }\n\n  .brick-image[data-ratio] > .brick-image__content,\n  .brick-image[data-ratio] > .brick-image__fallback {\n    position: absolute;\n    inset: 0;\n    block-size: 100%;\n  }\n\n  .brick-image[data-ratio] {\n    position: relative;\n  }\n\n  .brick-image__fallback {\n    display: flex;\n    min-block-size: 5rem;\n    align-items: center;\n    justify-content: center;\n    padding: var(--brick-image-fallback-inset);\n    background: var(--_brick-image-fallback-background);\n    color: var(--brick-image-fallback-foreground);\n    text-align: center;\n  }\n\n  @media (forced-colors: active) {\n    .brick-image[data-frame=\"subtle\"] {\n      border-color: CanvasText;\n      background: Canvas;\n    }\n\n    .brick-image__fallback {\n      background: Canvas;\n      color: CanvasText;\n    }\n  }\n}\n","@layer brick.components {\n  .brick-data-list {\n    --brick-data-list-gap: var(--brick-space-4);\n    --brick-data-list-item-gap: var(--brick-space-1);\n    --brick-data-list-label-size: auto;\n    --brick-data-list-divider-color: var(--brick-color-border-default);\n\n    display: grid;\n    box-sizing: border-box;\n    min-inline-size: 0;\n    gap: var(--brick-data-list-gap);\n    margin: 0;\n    color: var(--brick-color-text-primary);\n    font-family: var(--brick-typography-body-md-font-family);\n    font-size: var(--brick-typography-body-md-font-size);\n    font-weight: var(--brick-typography-body-md-font-weight);\n    line-height: var(--brick-typography-body-md-line-height);\n    letter-spacing: var(--brick-typography-body-md-letter-spacing);\n  }\n\n  .brick-data-list[data-size=\"sm\"] {\n    --brick-data-list-gap: var(--brick-space-3);\n    --brick-data-list-item-gap: var(--brick-space-1);\n    font-family: var(--brick-typography-body-sm-font-family);\n    font-size: var(--brick-typography-body-sm-font-size);\n    font-weight: var(--brick-typography-body-sm-font-weight);\n    line-height: var(--brick-typography-body-sm-line-height);\n    letter-spacing: var(--brick-typography-body-sm-letter-spacing);\n  }\n\n  .brick-data-list[data-size=\"lg\"] {\n    --brick-data-list-gap: var(--brick-space-5);\n    --brick-data-list-item-gap: var(--brick-space-2);\n    font-family: var(--brick-typography-body-lg-font-family);\n    font-size: var(--brick-typography-body-lg-font-size);\n    font-weight: var(--brick-typography-body-lg-font-weight);\n    line-height: var(--brick-typography-body-lg-line-height);\n    letter-spacing: var(--brick-typography-body-lg-letter-spacing);\n  }\n\n  .brick-data-list[data-label-width=\"sm\"] { --brick-data-list-label-size: 6rem; }\n  .brick-data-list[data-label-width=\"md\"] { --brick-data-list-label-size: 9rem; }\n  .brick-data-list[data-label-width=\"lg\"] { --brick-data-list-label-size: 12rem; }\n\n  .brick-data-list__item {\n    display: grid;\n    box-sizing: border-box;\n    min-inline-size: 0;\n    gap: var(--brick-data-list-item-gap);\n  }\n\n  .brick-data-list[data-orientation=\"horizontal\"] > .brick-data-list__item {\n    grid-template-columns: minmax(0, var(--brick-data-list-label-size)) minmax(0, 1fr);\n    align-items: baseline;\n    column-gap: var(--brick-data-list-gap);\n  }\n\n  .brick-data-list[data-orientation=\"horizontal\"][data-label-width=\"auto\"]\n    > .brick-data-list__item {\n    grid-template-columns: max-content minmax(0, 1fr);\n  }\n\n  .brick-data-list[data-divide] > .brick-data-list__item:not(:first-child) {\n    padding-block-start: var(--brick-data-list-gap);\n    border-block-start: var(--brick-border-width) solid var(--brick-data-list-divider-color);\n  }\n\n  .brick-data-list__label,\n  .brick-data-list__value {\n    min-inline-size: 0;\n    margin: 0;\n  }\n\n  .brick-data-list__label {\n    color: var(--brick-color-text-secondary);\n    font-weight: var(--brick-typography-label-md-font-weight);\n  }\n\n  .brick-data-list__value { color: var(--brick-color-text-primary); }\n\n  @media (width >= 30rem) {\n    .brick-data-list[data-orientation-sm=\"vertical\"] > .brick-data-list__item { grid-template-columns: minmax(0, 1fr); }\n    .brick-data-list[data-orientation-sm=\"horizontal\"] > .brick-data-list__item { grid-template-columns: minmax(0, var(--brick-data-list-label-size)) minmax(0, 1fr); align-items: baseline; column-gap: var(--brick-data-list-gap); }\n    .brick-data-list[data-orientation-sm=\"horizontal\"][data-label-width=\"auto\"] > .brick-data-list__item { grid-template-columns: max-content minmax(0, 1fr); }\n  }\n\n  @media (width >= 48rem) {\n    .brick-data-list[data-orientation-md=\"vertical\"] > .brick-data-list__item { grid-template-columns: minmax(0, 1fr); }\n    .brick-data-list[data-orientation-md=\"horizontal\"] > .brick-data-list__item { grid-template-columns: minmax(0, var(--brick-data-list-label-size)) minmax(0, 1fr); align-items: baseline; column-gap: var(--brick-data-list-gap); }\n    .brick-data-list[data-orientation-md=\"horizontal\"][data-label-width=\"auto\"] > .brick-data-list__item { grid-template-columns: max-content minmax(0, 1fr); }\n  }\n\n  @media (width >= 64rem) {\n    .brick-data-list[data-orientation-lg=\"vertical\"] > .brick-data-list__item { grid-template-columns: minmax(0, 1fr); }\n    .brick-data-list[data-orientation-lg=\"horizontal\"] > .brick-data-list__item { grid-template-columns: minmax(0, var(--brick-data-list-label-size)) minmax(0, 1fr); align-items: baseline; column-gap: var(--brick-data-list-gap); }\n    .brick-data-list[data-orientation-lg=\"horizontal\"][data-label-width=\"auto\"] > .brick-data-list__item { grid-template-columns: max-content minmax(0, 1fr); }\n  }\n\n  @media (width >= 80rem) {\n    .brick-data-list[data-orientation-xl=\"vertical\"] > .brick-data-list__item { grid-template-columns: minmax(0, 1fr); }\n    .brick-data-list[data-orientation-xl=\"horizontal\"] > .brick-data-list__item { grid-template-columns: minmax(0, var(--brick-data-list-label-size)) minmax(0, 1fr); align-items: baseline; column-gap: var(--brick-data-list-gap); }\n    .brick-data-list[data-orientation-xl=\"horizontal\"][data-label-width=\"auto\"] > .brick-data-list__item { grid-template-columns: max-content minmax(0, 1fr); }\n  }\n\n  @media (forced-colors: active) {\n    .brick-data-list { color: CanvasText; }\n    .brick-data-list__label,\n    .brick-data-list__value { color: CanvasText; }\n    .brick-data-list[data-divide] > .brick-data-list__item { border-color: CanvasText; }\n  }\n}\n","@layer brick.components {\n  .brick-reorderable-list {\n    --brick-reorderable-list-gap: var(--brick-space-3);\n    --brick-reorderable-list-item-background: var(--brick-color-surface-base);\n    --brick-reorderable-list-item-border: var(--brick-color-border-subtle);\n    --brick-reorderable-list-item-radius: var(--brick-radius-surface);\n    --brick-reorderable-list-item-padding-block: var(--brick-space-3);\n    --brick-reorderable-list-item-padding-inline: var(--brick-space-3);\n    --brick-reorderable-list-item-gap: var(--brick-space-3);\n    --brick-reorderable-list-item-shadow: var(--brick-shadow-floating);\n    --brick-reorderable-list-target-background: var(--brick-color-accent-soft);\n    --brick-reorderable-list-handle-background: transparent;\n    --brick-reorderable-list-handle-background-hover: var(--brick-color-surface-subtle);\n    --brick-reorderable-list-control-foreground: var(--brick-color-text-secondary);\n    --brick-reorderable-list-control-foreground-hover: var(--brick-color-text-primary);\n    --brick-reorderable-list-control-size: 2.75rem;\n    --brick-reorderable-list-control-radius: var(--brick-radius-control);\n    --brick-reorderable-list-action-gap: var(--brick-space-1);\n    --brick-reorderable-list-content-min-inline-size: 8rem;\n    --brick-reorderable-list-focus-ring: var(--brick-color-focus-ring);\n    --brick-reorderable-list-indicator-color: var(--brick-color-accent-solid);\n    --brick-reorderable-list-indicator-size: 0.1875rem;\n    --brick-reorderable-list-dragging-opacity: 0.82;\n    --brick-reorderable-list-transition-duration: var(--brick-motion-duration-fast);\n    --brick-reorderable-list-horizontal-item-min-inline-size: 22rem;\n\n    box-sizing: border-box;\n    display: grid;\n    gap: var(--brick-reorderable-list-gap);\n    inline-size: 100%;\n    min-inline-size: 0;\n    max-inline-size: 100%;\n    margin: 0;\n    padding: 0;\n    list-style: none;\n  }\n\n  .brick-reorderable-list[data-orientation=\"horizontal\"] {\n    grid-auto-columns: minmax(var(--brick-reorderable-list-horizontal-item-min-inline-size), 1fr);\n    grid-auto-flow: column;\n    overflow-x: auto;\n    overscroll-behavior-inline: contain;\n  }\n\n  .brick-reorderable-list__item {\n    position: relative;\n    isolation: isolate;\n    box-sizing: border-box;\n    display: flex;\n    flex-wrap: wrap;\n    align-items: center;\n    gap: var(--brick-reorderable-list-item-gap);\n    min-inline-size: 0;\n    max-inline-size: 100%;\n    padding-block: var(--brick-reorderable-list-item-padding-block);\n    padding-inline: var(--brick-reorderable-list-item-padding-inline);\n    border: var(--brick-border-width) solid transparent;\n    border-radius: var(--brick-reorderable-list-item-radius);\n    background: var(--brick-reorderable-list-item-background);\n    color: var(--brick-color-text-primary);\n    transition:\n      background-color var(--brick-reorderable-list-transition-duration) var(--brick-motion-easing-standard),\n      border-color var(--brick-reorderable-list-transition-duration) var(--brick-motion-easing-standard),\n      box-shadow var(--brick-reorderable-list-transition-duration) var(--brick-motion-easing-standard),\n      opacity var(--brick-reorderable-list-transition-duration) var(--brick-motion-easing-standard);\n  }\n\n  .brick-reorderable-list[data-variant=\"outline\"] > .brick-reorderable-list__item {\n    border-color: var(--brick-reorderable-list-item-border);\n  }\n\n  .brick-reorderable-list[data-variant=\"soft\"] > .brick-reorderable-list__item {\n    background: var(--brick-color-surface-subtle);\n  }\n\n  .brick-reorderable-list__item[data-drop-target] {\n    background: var(--brick-reorderable-list-target-background);\n  }\n\n  .brick-reorderable-list__item[data-dragging] {\n    z-index: 2;\n    box-shadow: var(--brick-reorderable-list-item-shadow);\n    opacity: var(--brick-reorderable-list-dragging-opacity);\n  }\n\n  .brick-reorderable-list__item[data-disabled] {\n    color: var(--brick-color-text-disabled);\n    opacity: 0.55;\n  }\n\n  .brick-reorderable-list__content {\n    flex: 1 1 var(--brick-reorderable-list-content-min-inline-size);\n    min-inline-size: min(100%, var(--brick-reorderable-list-content-min-inline-size));\n    max-inline-size: 100%;\n    overflow-wrap: anywhere;\n  }\n\n  .brick-reorderable-list__actions {\n    display: flex;\n    flex: none;\n    align-items: center;\n    justify-content: end;\n    gap: var(--brick-reorderable-list-action-gap);\n    min-inline-size: 0;\n    margin-inline-start: auto;\n  }\n\n  .brick-reorderable-list__handle,\n  .brick-reorderable-list__move {\n    display: inline-flex;\n    box-sizing: border-box;\n    inline-size: var(--brick-reorderable-list-control-size);\n    min-inline-size: var(--brick-reorderable-list-control-size);\n    block-size: var(--brick-reorderable-list-control-size);\n    min-block-size: var(--brick-reorderable-list-control-size);\n    align-items: center;\n    justify-content: center;\n    padding: 0;\n    border: var(--brick-border-width) solid transparent;\n    border-radius: var(--brick-reorderable-list-control-radius);\n    appearance: none;\n    background: var(--brick-reorderable-list-handle-background);\n    color: var(--brick-reorderable-list-control-foreground);\n    font: inherit;\n    user-select: none;\n    touch-action: none;\n  }\n\n  .brick-reorderable-list__move { touch-action: manipulation; }\n\n  .brick-reorderable-list__handle:not([data-disabled]),\n  .brick-reorderable-list__move:not(:disabled) { cursor: pointer; }\n\n  .brick-reorderable-list__handle:not([data-disabled]):hover,\n  .brick-reorderable-list__move:not(:disabled):hover {\n    background: var(--brick-reorderable-list-handle-background-hover);\n    color: var(--brick-reorderable-list-control-foreground-hover);\n  }\n\n  .brick-reorderable-list__handle:focus-visible,\n  .brick-reorderable-list__move:focus-visible {\n    outline: var(--brick-border-focus-width) solid var(--brick-reorderable-list-focus-ring);\n    outline-offset: var(--brick-border-focus-offset);\n  }\n\n  .brick-reorderable-list__handle[data-disabled],\n  .brick-reorderable-list__move:disabled {\n    color: var(--brick-color-text-disabled);\n    cursor: not-allowed;\n  }\n\n  .brick-reorderable-list__drop-indicator {\n    position: absolute;\n    z-index: 3;\n    pointer-events: none;\n    background: var(--brick-reorderable-list-indicator-color);\n    border-radius: var(--brick-radius-full);\n  }\n\n  .brick-reorderable-list__drop-indicator[data-state=\"inactive\"] { display: none; }\n\n  .brick-reorderable-list[data-orientation=\"vertical\"] .brick-reorderable-list__drop-indicator {\n    inset-inline: 0;\n    block-size: var(--brick-reorderable-list-indicator-size);\n  }\n\n  .brick-reorderable-list[data-orientation=\"vertical\"] .brick-reorderable-list__drop-indicator[data-position=\"before\"] { inset-block-start: calc(var(--brick-reorderable-list-gap) / -2); }\n  .brick-reorderable-list[data-orientation=\"vertical\"] .brick-reorderable-list__drop-indicator[data-position=\"after\"] { inset-block-end: calc(var(--brick-reorderable-list-gap) / -2); }\n\n  .brick-reorderable-list[data-orientation=\"horizontal\"] .brick-reorderable-list__drop-indicator {\n    inset-block: 0;\n    inline-size: var(--brick-reorderable-list-indicator-size);\n  }\n\n  .brick-reorderable-list[data-orientation=\"horizontal\"] .brick-reorderable-list__drop-indicator[data-position=\"before\"] { inset-inline-start: calc(var(--brick-reorderable-list-gap) / -2); }\n  .brick-reorderable-list[data-orientation=\"horizontal\"] .brick-reorderable-list__drop-indicator[data-position=\"after\"] { inset-inline-end: calc(var(--brick-reorderable-list-gap) / -2); }\n\n  .brick-reorderable-list[data-size=\"sm\"] {\n    --brick-reorderable-list-gap: var(--brick-space-2);\n    --brick-reorderable-list-item-padding-block: var(--brick-space-2);\n    --brick-reorderable-list-item-padding-inline: var(--brick-space-2);\n    --brick-reorderable-list-item-gap: var(--brick-space-2);\n  }\n\n  .brick-reorderable-list[data-size=\"lg\"] {\n    --brick-reorderable-list-gap: var(--brick-space-4);\n    --brick-reorderable-list-item-padding-block: var(--brick-space-4);\n    --brick-reorderable-list-item-padding-inline: var(--brick-space-4);\n    --brick-reorderable-list-item-gap: var(--brick-space-4);\n  }\n\n  @media (prefers-reduced-motion: reduce) {\n    .brick-reorderable-list__item { transition-duration: 0s; }\n  }\n\n  @media (forced-colors: active) {\n    .brick-reorderable-list__item,\n    .brick-reorderable-list[data-variant=\"outline\"] > .brick-reorderable-list__item { border-color: CanvasText; }\n    .brick-reorderable-list__item[data-drop-target] { outline: 2px dashed Highlight; }\n    .brick-reorderable-list__handle:focus-visible,\n    .brick-reorderable-list__move:focus-visible { outline-color: Highlight; }\n    .brick-reorderable-list__drop-indicator { background: Highlight; }\n  }\n}\n","@layer brick.components {\n  .brick-number-input { --brick-number-input-height: var(--brick-control-min-block-size-md); --brick-number-input-radius: var(--brick-radius-control); --brick-number-input-background: var(--brick-color-surface-raised); --brick-number-input-border: var(--brick-color-border-strong); display:inline-grid; grid-template-columns:minmax(0,1fr) 2.25rem; grid-template-rows:1fr 1fr; box-sizing:border-box; min-inline-size:0; max-inline-size:100%; min-block-size:var(--brick-number-input-height); align-items:stretch; overflow:hidden; border:var(--brick-border-width) solid var(--brick-number-input-border); border-radius:var(--brick-number-input-radius); background:var(--brick-number-input-background); color:var(--brick-color-text-primary); }\n  .brick-number-input[data-full-width] { inline-size:100%; }\n  .brick-number-input[data-variant=\"soft\"] { --brick-number-input-background:var(--brick-color-surface-subtle); --brick-number-input-border:var(--brick-color-border-subtle); }\n  .brick-number-input[data-variant=\"underline\"] { --brick-number-input-background:transparent; --brick-number-input-radius:0; border-width:0 0 var(--brick-border-width); overflow:visible; }\n  .brick-number-input[data-shape=\"sharp\"] { --brick-number-input-radius:0; } .brick-number-input[data-shape=\"pill\"] { --brick-number-input-radius:var(--brick-radius-full); }\n  .brick-number-input[data-size=\"sm\"] { --brick-number-input-height:var(--brick-control-min-block-size-sm); } .brick-number-input[data-size=\"lg\"] { --brick-number-input-height:var(--brick-control-min-block-size-lg); }\n  .brick-number-input-control { grid-column:1; grid-row:1 / 3; box-sizing:border-box; min-inline-size:0; inline-size:100%; min-block-size:calc(var(--brick-number-input-height) - 2 * var(--brick-border-width)); padding:0 var(--brick-space-3); border:0; outline:0; background:transparent; color:inherit; font:inherit; }\n  .brick-number-input-step { display:grid; grid-column:2; place-items:center; padding:0; border:0; border-inline-start:var(--brick-border-width) solid var(--brick-number-input-border); background:transparent; color:var(--brick-color-text-secondary); cursor:pointer; }\n  .brick-number-input-increment { grid-row:1; } .brick-number-input-decrement { grid-row:2; }\n  .brick-number-input-step + .brick-number-input-step { border-block-start:var(--brick-border-width) solid var(--brick-number-input-border); }\n  .brick-number-input-step-artwork { inline-size:1rem; block-size:1rem; stroke:currentColor; stroke-linecap:round; stroke-linejoin:round; stroke-width:1.75; }\n  .brick-number-input:focus-within { border-color:var(--brick-color-focus-ring); box-shadow:0 0 0 var(--brick-border-focus-width) var(--brick-color-focus-ring); }\n  .brick-number-input:has(.brick-number-input-control[data-invalid]) { border-color:var(--brick-color-danger-text); }\n  .brick-number-input:has(.brick-number-input-control[data-disabled]) { background:var(--brick-color-surface-subtle); color:var(--brick-color-text-secondary); opacity:.72; }\n  .brick-number-input-step:disabled { cursor:not-allowed; opacity:.5; }\n  @media (hover:hover) and (pointer:fine) { .brick-number-input-step:not(:disabled):hover { background:var(--brick-color-accent-soft); color:var(--brick-color-text-primary); } }\n  @media (pointer:coarse) {\n    .brick-number-input:is([data-size=\"sm\"], [data-size=\"md\"]) { --brick-number-input-height:3.125rem; }\n  }\n  @media (forced-colors:active) { .brick-number-input { border-color:ButtonText; background:Canvas; color:CanvasText; } .brick-number-input:focus-within { border-color:Highlight; box-shadow:0 0 0 var(--brick-border-focus-width) Highlight; } }\n}\n","@layer brick.components {\n  .brick-aspect-ratio {\n    --brick-aspect-ratio-background: transparent;\n    --brick-aspect-ratio-border-color: transparent;\n    --brick-aspect-ratio-border-width: 0rem;\n    --brick-aspect-ratio-radius: 0rem;\n    --brick-aspect-ratio-overflow: hidden;\n\n    position: relative;\n    display: block;\n    box-sizing: border-box;\n    inline-size: 100%;\n    min-inline-size: 0;\n    max-inline-size: 100%;\n    overflow: var(--brick-aspect-ratio-overflow);\n    border: var(--brick-aspect-ratio-border-width) solid\n      var(--brick-aspect-ratio-border-color);\n    border-radius: var(--brick-aspect-ratio-radius);\n    background: var(--brick-aspect-ratio-background);\n  }\n\n  .brick-aspect-ratio[data-variant=\"subtle\"] {\n    --brick-aspect-ratio-background: var(--brick-color-surface-subtle);\n  }\n\n  .brick-aspect-ratio[data-variant=\"outline\"] {\n    --brick-aspect-ratio-background: var(--brick-color-surface-base);\n    --brick-aspect-ratio-border-color: var(--brick-color-border-subtle);\n    --brick-aspect-ratio-border-width: var(--brick-border-width);\n  }\n\n  .brick-aspect-ratio[data-radius=\"sm\"] {\n    --brick-aspect-ratio-radius: var(--brick-radius-subtle);\n  }\n\n  .brick-aspect-ratio[data-radius=\"md\"] {\n    --brick-aspect-ratio-radius: var(--brick-radius-control);\n  }\n\n  .brick-aspect-ratio[data-radius=\"lg\"] {\n    --brick-aspect-ratio-radius: var(--brick-radius-surface);\n  }\n\n  .brick-aspect-ratio[data-radius=\"full\"] {\n    --brick-aspect-ratio-radius: var(--brick-radius-full);\n  }\n\n  .brick-aspect-ratio[data-overflow=\"visible\"] {\n    --brick-aspect-ratio-overflow: visible;\n  }\n\n  @media (forced-colors: active) {\n    .brick-aspect-ratio[data-variant=\"outline\"] {\n      --brick-aspect-ratio-background: Canvas;\n      --brick-aspect-ratio-border-color: CanvasText;\n    }\n  }\n}\n","@layer brick.components {\n  .brick-z-stack {\n    box-sizing: border-box;\n    display: grid;\n    min-inline-size: 0;\n    min-block-size: 0;\n    grid-template: minmax(0, auto) / minmax(0, 1fr);\n    align-items: stretch;\n    justify-items: stretch;\n    isolation: isolate;\n  }\n\n  .brick-z-stack > * {\n    min-inline-size: 0;\n    min-block-size: 0;\n    grid-area: 1 / 1;\n    z-index: 0;\n  }\n\n  .brick-z-stack[data-align=\"start\"] { align-items: start; }\n  .brick-z-stack[data-align=\"center\"] { align-items: center; }\n  .brick-z-stack[data-align=\"end\"] { align-items: end; }\n  .brick-z-stack[data-justify=\"start\"] { justify-items: start; }\n  .brick-z-stack[data-justify=\"center\"] { justify-items: center; }\n  .brick-z-stack[data-justify=\"end\"] { justify-items: end; }\n  .brick-z-stack[data-isolation=\"open\"] { isolation: auto; }\n\n  .brick-z-stack-item {\n    --brick-z-stack-item-edge-spacing: var(--brick-space-0);\n\n    box-sizing: border-box;\n    align-self: auto;\n    justify-self: auto;\n    margin: var(--brick-z-stack-item-edge-spacing);\n  }\n  .brick-z-stack-item[data-edge-spacing] { --brick-z-stack-item-edge-spacing: var(--brick-z-stack-item-edge-spacing-input, var(--brick-space-0)); }\n  .brick-z-stack-item[data-layer=\"content\"] { z-index: 1; }\n  .brick-z-stack-item[data-layer=\"action\"] { z-index: 2; }\n  .brick-z-stack-item[data-align=\"stretch\"] { align-self: stretch; }\n  .brick-z-stack-item[data-align=\"start\"] { align-self: start; }\n  .brick-z-stack-item[data-align=\"center\"] { align-self: center; }\n  .brick-z-stack-item[data-align=\"end\"] { align-self: end; }\n  .brick-z-stack-item[data-justify=\"stretch\"] { justify-self: stretch; }\n  .brick-z-stack-item[data-justify=\"start\"] { justify-self: start; }\n  .brick-z-stack-item[data-justify=\"center\"] { justify-self: center; }\n  .brick-z-stack-item[data-justify=\"end\"] { justify-self: end; }\n\n  @media (width >= 30rem) {\n    .brick-z-stack-item[data-edge-spacing-sm] { --brick-z-stack-item-edge-spacing: var(--brick-z-stack-item-edge-spacing-sm-input, var(--brick-z-stack-item-edge-spacing)); }\n    .brick-z-stack[data-align-sm=\"stretch\"] { align-items: stretch; }\n    .brick-z-stack[data-align-sm=\"start\"] { align-items: start; }\n    .brick-z-stack[data-align-sm=\"center\"] { align-items: center; }\n    .brick-z-stack[data-align-sm=\"end\"] { align-items: end; }\n    .brick-z-stack[data-justify-sm=\"stretch\"] { justify-items: stretch; }\n    .brick-z-stack[data-justify-sm=\"start\"] { justify-items: start; }\n    .brick-z-stack[data-justify-sm=\"center\"] { justify-items: center; }\n    .brick-z-stack[data-justify-sm=\"end\"] { justify-items: end; }\n    .brick-z-stack-item[data-align-sm=\"auto\"] { align-self: auto; }\n    .brick-z-stack-item[data-align-sm=\"stretch\"] { align-self: stretch; }\n    .brick-z-stack-item[data-align-sm=\"start\"] { align-self: start; }\n    .brick-z-stack-item[data-align-sm=\"center\"] { align-self: center; }\n    .brick-z-stack-item[data-align-sm=\"end\"] { align-self: end; }\n    .brick-z-stack-item[data-justify-sm=\"auto\"] { justify-self: auto; }\n    .brick-z-stack-item[data-justify-sm=\"stretch\"] { justify-self: stretch; }\n    .brick-z-stack-item[data-justify-sm=\"start\"] { justify-self: start; }\n    .brick-z-stack-item[data-justify-sm=\"center\"] { justify-self: center; }\n    .brick-z-stack-item[data-justify-sm=\"end\"] { justify-self: end; }\n  }\n\n  @media (width >= 48rem) {\n    .brick-z-stack-item[data-edge-spacing-md] { --brick-z-stack-item-edge-spacing: var(--brick-z-stack-item-edge-spacing-md-input, var(--brick-z-stack-item-edge-spacing)); }\n    .brick-z-stack[data-align-md=\"stretch\"] { align-items: stretch; }\n    .brick-z-stack[data-align-md=\"start\"] { align-items: start; }\n    .brick-z-stack[data-align-md=\"center\"] { align-items: center; }\n    .brick-z-stack[data-align-md=\"end\"] { align-items: end; }\n    .brick-z-stack[data-justify-md=\"stretch\"] { justify-items: stretch; }\n    .brick-z-stack[data-justify-md=\"start\"] { justify-items: start; }\n    .brick-z-stack[data-justify-md=\"center\"] { justify-items: center; }\n    .brick-z-stack[data-justify-md=\"end\"] { justify-items: end; }\n    .brick-z-stack-item[data-align-md=\"auto\"] { align-self: auto; }\n    .brick-z-stack-item[data-align-md=\"stretch\"] { align-self: stretch; }\n    .brick-z-stack-item[data-align-md=\"start\"] { align-self: start; }\n    .brick-z-stack-item[data-align-md=\"center\"] { align-self: center; }\n    .brick-z-stack-item[data-align-md=\"end\"] { align-self: end; }\n    .brick-z-stack-item[data-justify-md=\"auto\"] { justify-self: auto; }\n    .brick-z-stack-item[data-justify-md=\"stretch\"] { justify-self: stretch; }\n    .brick-z-stack-item[data-justify-md=\"start\"] { justify-self: start; }\n    .brick-z-stack-item[data-justify-md=\"center\"] { justify-self: center; }\n    .brick-z-stack-item[data-justify-md=\"end\"] { justify-self: end; }\n  }\n\n  @media (width >= 64rem) {\n    .brick-z-stack-item[data-edge-spacing-lg] { --brick-z-stack-item-edge-spacing: var(--brick-z-stack-item-edge-spacing-lg-input, var(--brick-z-stack-item-edge-spacing)); }\n    .brick-z-stack[data-align-lg=\"stretch\"] { align-items: stretch; }\n    .brick-z-stack[data-align-lg=\"start\"] { align-items: start; }\n    .brick-z-stack[data-align-lg=\"center\"] { align-items: center; }\n    .brick-z-stack[data-align-lg=\"end\"] { align-items: end; }\n    .brick-z-stack[data-justify-lg=\"stretch\"] { justify-items: stretch; }\n    .brick-z-stack[data-justify-lg=\"start\"] { justify-items: start; }\n    .brick-z-stack[data-justify-lg=\"center\"] { justify-items: center; }\n    .brick-z-stack[data-justify-lg=\"end\"] { justify-items: end; }\n    .brick-z-stack-item[data-align-lg=\"auto\"] { align-self: auto; }\n    .brick-z-stack-item[data-align-lg=\"stretch\"] { align-self: stretch; }\n    .brick-z-stack-item[data-align-lg=\"start\"] { align-self: start; }\n    .brick-z-stack-item[data-align-lg=\"center\"] { align-self: center; }\n    .brick-z-stack-item[data-align-lg=\"end\"] { align-self: end; }\n    .brick-z-stack-item[data-justify-lg=\"auto\"] { justify-self: auto; }\n    .brick-z-stack-item[data-justify-lg=\"stretch\"] { justify-self: stretch; }\n    .brick-z-stack-item[data-justify-lg=\"start\"] { justify-self: start; }\n    .brick-z-stack-item[data-justify-lg=\"center\"] { justify-self: center; }\n    .brick-z-stack-item[data-justify-lg=\"end\"] { justify-self: end; }\n  }\n\n  @media (width >= 80rem) {\n    .brick-z-stack-item[data-edge-spacing-xl] { --brick-z-stack-item-edge-spacing: var(--brick-z-stack-item-edge-spacing-xl-input, var(--brick-z-stack-item-edge-spacing)); }\n    .brick-z-stack[data-align-xl=\"stretch\"] { align-items: stretch; }\n    .brick-z-stack[data-align-xl=\"start\"] { align-items: start; }\n    .brick-z-stack[data-align-xl=\"center\"] { align-items: center; }\n    .brick-z-stack[data-align-xl=\"end\"] { align-items: end; }\n    .brick-z-stack[data-justify-xl=\"stretch\"] { justify-items: stretch; }\n    .brick-z-stack[data-justify-xl=\"start\"] { justify-items: start; }\n    .brick-z-stack[data-justify-xl=\"center\"] { justify-items: center; }\n    .brick-z-stack[data-justify-xl=\"end\"] { justify-items: end; }\n    .brick-z-stack-item[data-align-xl=\"auto\"] { align-self: auto; }\n    .brick-z-stack-item[data-align-xl=\"stretch\"] { align-self: stretch; }\n    .brick-z-stack-item[data-align-xl=\"start\"] { align-self: start; }\n    .brick-z-stack-item[data-align-xl=\"center\"] { align-self: center; }\n    .brick-z-stack-item[data-align-xl=\"end\"] { align-self: end; }\n    .brick-z-stack-item[data-justify-xl=\"auto\"] { justify-self: auto; }\n    .brick-z-stack-item[data-justify-xl=\"stretch\"] { justify-self: stretch; }\n    .brick-z-stack-item[data-justify-xl=\"start\"] { justify-self: start; }\n    .brick-z-stack-item[data-justify-xl=\"center\"] { justify-self: center; }\n    .brick-z-stack-item[data-justify-xl=\"end\"] { justify-self: end; }\n  }\n\n}\n","@layer brick.components {\n  .brick-table-container {\n    box-sizing: border-box;\n    inline-size: 100%;\n    min-inline-size: 0;\n    max-inline-size: 100%;\n    overflow-x: auto;\n    overscroll-behavior-inline: contain;\n  }\n\n  .brick-table {\n    --brick-table-inline-size: 100%;\n    --brick-table-min-inline-size: 0;\n    --brick-table-border-color: var(--brick-color-border-subtle);\n    --brick-table-border-width: var(--brick-border-width);\n    --brick-table-radius: var(--brick-radius-surface);\n    --brick-table-header-background: var(--brick-color-surface-subtle);\n    --brick-table-header-foreground: var(--brick-color-text-primary);\n    --brick-table-body-background: var(--brick-color-surface-base);\n    --brick-table-row-stripe-background: var(--brick-color-surface-subtle);\n    --brick-table-footer-background: var(--brick-color-surface-subtle);\n    --brick-table-footer-foreground: var(--brick-color-text-primary);\n    --brick-table-cell-foreground: var(--brick-color-text-primary);\n    --brick-table-cell-padding-inline: var(--brick-space-4);\n    --brick-table-cell-padding-block: var(--brick-space-3);\n    --brick-table-row-min-block-size: 3rem;\n    --brick-table-caption-foreground: var(--brick-color-text-secondary);\n    --brick-table-caption-gap: var(--brick-space-3);\n    --brick-table-sticky-offset: 0px;\n    --brick-table-sticky-z-index: 1;\n    --brick-table-sort-indicator-size: 1rem;\n    --brick-table-sort-indicator-color: var(--brick-color-text-secondary);\n    inline-size: var(--brick-table-inline-size);\n    min-inline-size: var(--brick-table-min-inline-size);\n    border-collapse: separate;\n    border-spacing: 0;\n    color: var(--brick-table-cell-foreground);\n    font-family: var(--brick-typography-body-md-font-family);\n    font-size: var(--brick-typography-body-md-font-size);\n    line-height: var(--brick-typography-body-md-line-height);\n  }\n\n  .brick-table[data-size=\"sm\"] { font-size: var(--brick-typography-body-sm-font-size); line-height: var(--brick-typography-body-sm-line-height); --brick-table-row-min-block-size: 2.5rem; }\n  .brick-table[data-size=\"lg\"] { font-size: var(--brick-typography-body-lg-font-size); line-height: var(--brick-typography-body-lg-line-height); --brick-table-row-min-block-size: 3.5rem; }\n  .brick-table[data-density=\"compact\"] { --brick-table-cell-padding-block: var(--brick-space-1); }\n\n  .brick-table__caption { color: var(--brick-table-caption-foreground); text-align: start; }\n  .brick-table__caption[data-side=\"top\"] { caption-side: top; padding-block-end: var(--brick-table-caption-gap); }\n  .brick-table__caption[data-side=\"bottom\"] { caption-side: bottom; padding-block-start: var(--brick-table-caption-gap); }\n\n  .brick-table__head,\n  .brick-table__cell {\n    box-sizing: border-box;\n    min-block-size: var(--brick-table-row-min-block-size);\n    padding-block: var(--brick-table-cell-padding-block);\n    padding-inline: var(--brick-table-cell-padding-inline);\n    border-block-end: var(--brick-table-border-width) solid var(--brick-table-border-color);\n    text-align: start;\n    vertical-align: middle;\n    overflow-wrap: break-word;\n  }\n  .brick-table__head { color: var(--brick-table-header-foreground); background: var(--brick-table-header-background); font-weight: var(--brick-typography-compact-title-font-weight); white-space: nowrap; }\n  .brick-table__cell { background: var(--brick-table-body-background); }\n  .brick-table__head[data-align=\"center\"], .brick-table__cell[data-align=\"center\"] { text-align: center; }\n  .brick-table__head[data-align=\"end\"], .brick-table__cell[data-align=\"end\"] { text-align: end; }\n  .brick-table__head[data-numeric], .brick-table__cell[data-numeric] { white-space: nowrap; font-variant-numeric: tabular-nums; }\n  .brick-table__footer .brick-table__head,\n  .brick-table__footer .brick-table__cell { color: var(--brick-table-footer-foreground); background: var(--brick-table-footer-background); font-weight: var(--brick-typography-compact-title-font-weight); }\n  .brick-table[data-striped] .brick-table__body .brick-table__row:nth-child(even) .brick-table__cell,\n  .brick-table[data-striped] .brick-table__body .brick-table__row:nth-child(even) .brick-table__head { background: var(--brick-table-row-stripe-background); }\n\n  .brick-table[data-variant=\"outline\"] { border: var(--brick-table-border-width) solid var(--brick-table-border-color); border-radius: var(--brick-table-radius); }\n  .brick-table[data-variant=\"outline\"] :where(.brick-table__head, .brick-table__cell) + :where(.brick-table__head, .brick-table__cell) { border-inline-start: var(--brick-table-border-width) solid var(--brick-table-border-color); }\n  .brick-table[data-variant=\"outline\"] .brick-table__header:first-of-type .brick-table__row:first-child > :first-child,\n  .brick-table[data-variant=\"outline\"]:not(:has(.brick-table__header)) .brick-table__body:first-of-type .brick-table__row:first-child > :first-child { border-start-start-radius: calc(var(--brick-table-radius) - var(--brick-table-border-width)); }\n  .brick-table[data-variant=\"outline\"] .brick-table__header:first-of-type .brick-table__row:first-child > :last-child,\n  .brick-table[data-variant=\"outline\"]:not(:has(.brick-table__header)) .brick-table__body:first-of-type .brick-table__row:first-child > :last-child { border-start-end-radius: calc(var(--brick-table-radius) - var(--brick-table-border-width)); }\n  .brick-table[data-variant=\"outline\"] .brick-table__footer .brick-table__row:last-child :where(.brick-table__head, .brick-table__cell),\n  .brick-table[data-variant=\"outline\"] .brick-table__body:last-child .brick-table__row:last-child :where(.brick-table__head, .brick-table__cell) { border-block-end: 0; }\n  .brick-table[data-variant=\"outline\"] .brick-table__footer .brick-table__row:last-child > :first-child { border-end-start-radius: calc(var(--brick-table-radius) - var(--brick-table-border-width)); }\n  .brick-table[data-variant=\"outline\"] .brick-table__footer .brick-table__row:last-child > :last-child { border-end-end-radius: calc(var(--brick-table-radius) - var(--brick-table-border-width)); }\n  .brick-table[data-variant=\"outline\"]:not(:has(.brick-table__footer)) .brick-table__body:last-child .brick-table__row:last-child > :first-child { border-end-start-radius: calc(var(--brick-table-radius) - var(--brick-table-border-width)); }\n  .brick-table[data-variant=\"outline\"]:not(:has(.brick-table__footer)) .brick-table__body:last-child .brick-table__row:last-child > :last-child { border-end-end-radius: calc(var(--brick-table-radius) - var(--brick-table-border-width)); }\n\n  .brick-table[data-sticky-header] .brick-table__header .brick-table__head { position: sticky; inset-block-start: var(--brick-table-sticky-offset); z-index: var(--brick-table-sticky-z-index); }\n\n  .brick-table__sort-indicator { display: inline-flex; inline-size: var(--brick-table-sort-indicator-size); block-size: var(--brick-table-sort-indicator-size); flex: none; color: var(--brick-table-sort-indicator-color); }\n  .brick-table__sort-indicator svg { inline-size: 100%; block-size: 100%; fill: none; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.5; }\n  .brick-table__head[data-sort=\"ascending\"] .brick-table__sort-indicator path { d: path(\"m4 10 4-4 4 4\"); }\n  .brick-table__head[data-sort=\"descending\"] .brick-table__sort-indicator path { d: path(\"m4 6 4 4 4-4\"); }\n\n  @media (forced-colors: active) {\n    .brick-table { --brick-table-border-color: CanvasText; --brick-table-header-background: Canvas; --brick-table-body-background: Canvas; --brick-table-row-stripe-background: Canvas; --brick-table-footer-background: Canvas; --brick-table-sort-indicator-color: CanvasText; }\n  }\n}\n","@layer brick.components {\n .brick-otp-field{--brick-otp-size:var(--brick-control-min-block-size-md);--brick-otp-radius:var(--brick-radius-control);display:flex;flex-wrap:wrap;align-items:center;gap:var(--brick-space-2)}\n .brick-otp-field[data-size=\"sm\"]{--brick-otp-size:var(--brick-control-min-block-size-sm)} .brick-otp-field[data-size=\"lg\"]{--brick-otp-size:var(--brick-control-min-block-size-lg)} .brick-otp-field[data-shape=\"sharp\"]{--brick-otp-radius:0}\n .brick-otp-field-group{display:inline-flex;gap:var(--brick-space-2)} .brick-otp-field[data-layout=\"attached\"] .brick-otp-field-group{gap:0}\n .brick-otp-field-input{box-sizing:border-box;inline-size:var(--brick-otp-size);block-size:var(--brick-otp-size);padding:0;border:var(--brick-border-width) solid var(--brick-color-border-strong);border-radius:var(--brick-otp-radius);outline:0;background:var(--brick-color-surface-raised);color:var(--brick-color-text-primary);font:inherit;text-align:center}\n .brick-otp-field[data-variant=\"soft\"] .brick-otp-field-input{border-color:var(--brick-color-border-subtle);background:var(--brick-color-surface-subtle)} .brick-otp-field[data-variant=\"underline\"] .brick-otp-field-input{block-size:var(--brick-otp-size);border-width:0 0 var(--brick-border-width);border-radius:0;background:transparent}\n .brick-otp-field[data-layout=\"attached\"] .brick-otp-field-input{border-radius:0;margin-inline-start:calc(-1 * var(--brick-border-width))}.brick-otp-field[data-layout=\"attached\"] .brick-otp-field-input:first-child{margin-inline-start:0;border-start-start-radius:var(--brick-otp-radius);border-end-start-radius:var(--brick-otp-radius)}.brick-otp-field[data-layout=\"attached\"] .brick-otp-field-input:last-child{border-start-end-radius:var(--brick-otp-radius);border-end-end-radius:var(--brick-otp-radius)}\n .brick-otp-field-input:focus{position:relative;z-index:1;border-color:var(--brick-color-focus-ring);box-shadow:0 0 0 var(--brick-border-focus-width) var(--brick-color-focus-ring)} .brick-otp-field-input[data-invalid]{border-color:var(--brick-color-danger-text)} .brick-otp-field-input[data-disabled]{background:var(--brick-color-surface-subtle);opacity:.72;cursor:not-allowed}.brick-otp-field-separator{color:var(--brick-color-text-secondary)}\n @media(forced-colors:active){.brick-otp-field-input{border-color:ButtonText;background:Canvas;color:CanvasText}.brick-otp-field-input:focus{border-color:Highlight;box-shadow:0 0 0 var(--brick-border-focus-width) Highlight}}\n}\n","@layer brick.components {\n  :root {\n    --brick-app-bar-toolbar-min-block-size-comfortable: 4rem;\n    --brick-app-bar-toolbar-min-block-size-compact: 3rem;\n  }\n\n  .brick-app-bar {\n    --brick-app-bar-background: var(--brick-color-surface-base);\n    --brick-app-bar-foreground: var(--brick-color-text-primary);\n    --brick-app-bar-border-color: var(--brick-color-border-subtle);\n    --brick-app-bar-blurred-background: color-mix(\n      in srgb,\n      var(--brick-color-surface-base),\n      transparent 12%\n    );\n    --brick-app-bar-reduced-transparency-background: var(--brick-color-surface-base);\n    --brick-app-bar-shadow: 0 0.5rem 1.5rem color-mix(\n      in srgb,\n      var(--brick-color-shadow),\n      transparent 28%\n    );\n\n    display: block;\n    box-sizing: border-box;\n    inline-size: 100%;\n    min-inline-size: 0;\n    background: var(--brick-app-bar-background);\n    color: var(--brick-app-bar-foreground);\n  }\n\n  .brick-app-bar[data-position=\"absolute\"],\n  .brick-app-bar[data-position=\"sticky\"],\n  .brick-app-bar[data-position=\"fixed\"] {\n    inset-block-start: 0;\n    z-index: calc(var(--brick-layer-overlay) - 10);\n  }\n\n  .brick-app-bar[data-position=\"absolute\"] {\n    position: absolute;\n    inset-inline: 0;\n  }\n\n  .brick-app-bar[data-position=\"sticky\"] {\n    position: sticky;\n  }\n\n  .brick-app-bar[data-position=\"fixed\"] {\n    position: fixed;\n    inset-inline: 0;\n  }\n\n  .brick-app-bar[data-variant=\"solid\"] {\n    --brick-app-bar-background: var(--brick-color-surface-raised);\n  }\n\n  .brick-app-bar[data-variant=\"surface\"] {\n    --brick-app-bar-background: var(--brick-color-surface-base);\n  }\n\n  .brick-app-bar[data-variant=\"transparent\"] {\n    --brick-app-bar-background: transparent;\n  }\n\n  .brick-app-bar[data-tone=\"accent\"][data-variant=\"solid\"] {\n    --brick-app-bar-background: var(--brick-color-accent-solid);\n    --brick-app-bar-foreground: var(--brick-color-accent-on-solid);\n    --brick-app-bar-border-color: var(--brick-color-accent-solid-pressed);\n    --brick-app-bar-blurred-background: color-mix(\n      in srgb,\n      var(--brick-color-accent-solid),\n      transparent 12%\n    );\n    --brick-app-bar-reduced-transparency-background: var(--brick-color-accent-solid);\n  }\n\n  .brick-app-bar[data-tone=\"accent\"][data-variant=\"surface\"] {\n    --brick-app-bar-background: var(--brick-color-accent-soft);\n    --brick-app-bar-foreground: var(--brick-color-accent-on-soft);\n    --brick-app-bar-border-color: var(--brick-color-accent-border);\n    --brick-app-bar-blurred-background: color-mix(\n      in srgb,\n      var(--brick-color-accent-soft),\n      transparent 12%\n    );\n    --brick-app-bar-reduced-transparency-background: var(--brick-color-accent-soft);\n  }\n\n  .brick-app-bar[data-tone=\"accent\"][data-variant=\"transparent\"] {\n    --brick-app-bar-foreground: var(--brick-color-accent-text);\n    --brick-app-bar-border-color: var(--brick-color-accent-border);\n    --brick-app-bar-blurred-background: color-mix(\n      in srgb,\n      var(--brick-color-accent-soft),\n      transparent 12%\n    );\n    --brick-app-bar-reduced-transparency-background: var(--brick-color-accent-soft);\n  }\n\n  .brick-app-bar[data-bordered] {\n    border-block-end: var(--brick-border-width) solid var(--brick-app-bar-border-color);\n  }\n\n  .brick-app-bar[data-elevated] {\n    box-shadow: var(--brick-app-bar-shadow);\n  }\n\n  .brick-app-bar[data-blurred] {\n    background: var(--brick-app-bar-blurred-background);\n    backdrop-filter: blur(0.75rem) saturate(1.15);\n  }\n\n  .brick-app-bar[data-tone=\"accent\"][data-variant=\"solid\"]\n    .brick-icon-button[data-tone=\"neutral\"] {\n    --brick-icon-button-background-hover: color-mix(in srgb, currentColor, transparent 88%);\n    --brick-icon-button-background-pressed: color-mix(in srgb, currentColor, transparent 78%);\n    --brick-icon-button-border-color: transparent;\n    --brick-icon-button-foreground: var(--brick-app-bar-foreground);\n  }\n\n  .brick-app-bar-toolbar {\n    --brick-app-bar-toolbar-min-block-size: var(\n      --brick-app-bar-toolbar-min-block-size-comfortable\n    );\n    --brick-app-bar-toolbar-padding-inline: clamp(\n      var(--brick-space-4),\n      4vw,\n      var(--brick-space-6)\n    );\n\n    display: grid;\n    box-sizing: border-box;\n    inline-size: 100%;\n    min-inline-size: 0;\n    min-block-size: var(--brick-app-bar-toolbar-min-block-size);\n    grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);\n    align-items: center;\n    gap: var(--brick-space-3);\n    padding-inline: var(--brick-app-bar-toolbar-padding-inline);\n  }\n\n  .brick-app-bar-toolbar[data-inset=\"none\"] {\n    --brick-app-bar-toolbar-padding-inline: 0;\n  }\n\n  .brick-app-bar-toolbar[data-density=\"compact\"] {\n    --brick-app-bar-toolbar-min-block-size: var(\n      --brick-app-bar-toolbar-min-block-size-compact\n    );\n    min-block-size: var(--brick-app-bar-toolbar-min-block-size);\n    gap: var(--brick-space-2);\n  }\n\n  :where(.brick-app-bar-start, .brick-app-bar-center, .brick-app-bar-end) {\n    display: flex;\n    min-inline-size: 0;\n    align-items: center;\n    gap: var(--brick-space-2);\n  }\n\n  .brick-app-bar-start {\n    grid-column: 1;\n  }\n\n  .brick-app-bar-center {\n    grid-column: 2;\n    justify-content: center;\n  }\n\n  .brick-app-bar-end {\n    grid-column: 3;\n    justify-content: flex-end;\n  }\n\n  @media (prefers-reduced-transparency: reduce) {\n    .brick-app-bar[data-blurred] {\n      background: var(--brick-app-bar-reduced-transparency-background);\n      backdrop-filter: none;\n    }\n  }\n\n  @media (forced-colors: active) {\n    .brick-app-bar,\n    .brick-app-bar[data-variant],\n    .brick-app-bar[data-blurred] {\n      border-color: CanvasText;\n      background: Canvas;\n      box-shadow: none;\n      color: CanvasText;\n    }\n  }\n}\n","@layer brick.components {\n  .brick-grid {\n    --brick-grid-columns: 1;\n    --brick-grid-gap: var(--brick-space-0);\n    --brick-grid-row-gap: var(--brick-grid-gap);\n    --brick-grid-column-gap: var(--brick-grid-gap);\n    --brick-grid-min-item-size: 16rem;\n\n    box-sizing: border-box;\n    display: grid;\n    min-inline-size: 0;\n    margin: 0;\n    padding: 0;\n    grid-auto-flow: row;\n    grid-template-columns:\n      repeat(var(--brick-grid-columns), minmax(0, 1fr));\n    align-items: stretch;\n    justify-items: stretch;\n    row-gap: var(--brick-grid-row-gap);\n    column-gap: var(--brick-grid-column-gap);\n  }\n\n  .brick-grid:is(ul, ol) {\n    list-style: none;\n  }\n\n  .brick-grid[data-mode=\"intrinsic\"] {\n    grid-template-columns:\n      repeat(\n        auto-fit,\n        minmax(min(100%, var(--brick-grid-min-item-size)), 1fr)\n      );\n  }\n\n  .brick-grid[data-columns=\"2\"] { --brick-grid-columns: 2; }\n  .brick-grid[data-columns=\"3\"] { --brick-grid-columns: 3; }\n  .brick-grid[data-columns=\"4\"] { --brick-grid-columns: 4; }\n  .brick-grid[data-columns=\"5\"] { --brick-grid-columns: 5; }\n  .brick-grid[data-columns=\"6\"] { --brick-grid-columns: 6; }\n  .brick-grid[data-columns=\"7\"] { --brick-grid-columns: 7; }\n  .brick-grid[data-columns=\"8\"] { --brick-grid-columns: 8; }\n  .brick-grid[data-columns=\"9\"] { --brick-grid-columns: 9; }\n  .brick-grid[data-columns=\"10\"] { --brick-grid-columns: 10; }\n  .brick-grid[data-columns=\"11\"] { --brick-grid-columns: 11; }\n  .brick-grid[data-columns=\"12\"] { --brick-grid-columns: 12; }\n\n  .brick-grid[data-min-item-size=\"xs\"] {\n    --brick-grid-min-item-size: 8rem;\n  }\n\n  .brick-grid[data-min-item-size=\"sm\"] {\n    --brick-grid-min-item-size: 12rem;\n  }\n\n  .brick-grid[data-min-item-size=\"md\"] {\n    --brick-grid-min-item-size: 16rem;\n  }\n\n  .brick-grid[data-min-item-size=\"lg\"] {\n    --brick-grid-min-item-size: 20rem;\n  }\n\n  .brick-grid[data-min-item-size=\"xl\"] {\n    --brick-grid-min-item-size: 24rem;\n  }\n  .brick-grid[data-gap] { --brick-grid-gap: var(--brick-grid-gap-input, var(--brick-space-0)); }\n  .brick-grid[data-row-gap] { --brick-grid-row-gap: var(--brick-grid-row-gap-input, var(--brick-grid-gap)); }\n  .brick-grid[data-column-gap] { --brick-grid-column-gap: var(--brick-grid-column-gap-input, var(--brick-grid-gap)); }\n\n  .brick-grid[data-align=\"start\"] { align-items: start; }\n  .brick-grid[data-align=\"center\"] { align-items: center; }\n  .brick-grid[data-align=\"end\"] { align-items: end; }\n  .brick-grid[data-align=\"baseline\"] { align-items: baseline; }\n  .brick-grid[data-justify=\"start\"] { justify-items: start; }\n  .brick-grid[data-justify=\"center\"] { justify-items: center; }\n  .brick-grid[data-justify=\"end\"] { justify-items: end; }\n\n  .brick-grid > *,\n  .brick-grid-item {\n    min-inline-size: 0;\n  }\n\n  .brick-grid-item {\n    --brick-grid-item-column-start: auto;\n    --brick-grid-item-column-end: auto;\n    --brick-grid-item-row-start: auto;\n    --brick-grid-item-row-end: auto;\n\n    box-sizing: border-box;\n    grid-column-start: var(--brick-grid-item-column-start);\n    grid-column-end: var(--brick-grid-item-column-end);\n    grid-row-start: var(--brick-grid-item-row-start);\n    grid-row-end: var(--brick-grid-item-row-end);\n    align-self: auto;\n    justify-self: auto;\n  }\n\n  .brick-grid-item[data-align=\"stretch\"] { align-self: stretch; }\n  .brick-grid-item[data-align=\"start\"] { align-self: start; }\n  .brick-grid-item[data-align=\"center\"] { align-self: center; }\n  .brick-grid-item[data-align=\"end\"] { align-self: end; }\n  .brick-grid-item[data-align=\"baseline\"] { align-self: baseline; }\n  .brick-grid-item[data-justify=\"stretch\"] { justify-self: stretch; }\n  .brick-grid-item[data-justify=\"start\"] { justify-self: start; }\n  .brick-grid-item[data-justify=\"center\"] { justify-self: center; }\n  .brick-grid-item[data-justify=\"end\"] { justify-self: end; }\n\n  .brick-grid-item[data-column-span=\"full\"] {\n    --brick-grid-item-column-start: 1;\n    --brick-grid-item-column-end: -1;\n  }\n\n  .brick-grid-item[data-column-span=\"1\"] { --brick-grid-item-column-end: span 1; }\n  .brick-grid-item[data-column-span=\"2\"] { --brick-grid-item-column-end: span 2; }\n  .brick-grid-item[data-column-span=\"3\"] { --brick-grid-item-column-end: span 3; }\n  .brick-grid-item[data-column-span=\"4\"] { --brick-grid-item-column-end: span 4; }\n  .brick-grid-item[data-column-span=\"5\"] { --brick-grid-item-column-end: span 5; }\n  .brick-grid-item[data-column-span=\"6\"] { --brick-grid-item-column-end: span 6; }\n  .brick-grid-item[data-column-span=\"7\"] { --brick-grid-item-column-end: span 7; }\n  .brick-grid-item[data-column-span=\"8\"] { --brick-grid-item-column-end: span 8; }\n  .brick-grid-item[data-column-span=\"9\"] { --brick-grid-item-column-end: span 9; }\n  .brick-grid-item[data-column-span=\"10\"] { --brick-grid-item-column-end: span 10; }\n  .brick-grid-item[data-column-span=\"11\"] { --brick-grid-item-column-end: span 11; }\n  .brick-grid-item[data-column-span=\"12\"] { --brick-grid-item-column-end: span 12; }\n\n  .brick-grid-item[data-row-span=\"1\"] { --brick-grid-item-row-end: span 1; }\n  .brick-grid-item[data-row-span=\"2\"] { --brick-grid-item-row-end: span 2; }\n  .brick-grid-item[data-row-span=\"3\"] { --brick-grid-item-row-end: span 3; }\n  .brick-grid-item[data-row-span=\"4\"] { --brick-grid-item-row-end: span 4; }\n  .brick-grid-item[data-row-span=\"5\"] { --brick-grid-item-row-end: span 5; }\n  .brick-grid-item[data-row-span=\"6\"] { --brick-grid-item-row-end: span 6; }\n  .brick-grid-item[data-row-span=\"7\"] { --brick-grid-item-row-end: span 7; }\n  .brick-grid-item[data-row-span=\"8\"] { --brick-grid-item-row-end: span 8; }\n  .brick-grid-item[data-row-span=\"9\"] { --brick-grid-item-row-end: span 9; }\n  .brick-grid-item[data-row-span=\"10\"] { --brick-grid-item-row-end: span 10; }\n  .brick-grid-item[data-row-span=\"11\"] { --brick-grid-item-row-end: span 11; }\n  .brick-grid-item[data-row-span=\"12\"] { --brick-grid-item-row-end: span 12; }\n\n  .brick-grid-item[data-column-start=\"1\"] { --brick-grid-item-column-start: 1; }\n  .brick-grid-item[data-column-start=\"2\"] { --brick-grid-item-column-start: 2; }\n  .brick-grid-item[data-column-start=\"3\"] { --brick-grid-item-column-start: 3; }\n  .brick-grid-item[data-column-start=\"4\"] { --brick-grid-item-column-start: 4; }\n  .brick-grid-item[data-column-start=\"5\"] { --brick-grid-item-column-start: 5; }\n  .brick-grid-item[data-column-start=\"6\"] { --brick-grid-item-column-start: 6; }\n  .brick-grid-item[data-column-start=\"7\"] { --brick-grid-item-column-start: 7; }\n  .brick-grid-item[data-column-start=\"8\"] { --brick-grid-item-column-start: 8; }\n  .brick-grid-item[data-column-start=\"9\"] { --brick-grid-item-column-start: 9; }\n  .brick-grid-item[data-column-start=\"10\"] { --brick-grid-item-column-start: 10; }\n  .brick-grid-item[data-column-start=\"11\"] { --brick-grid-item-column-start: 11; }\n  .brick-grid-item[data-column-start=\"12\"] { --brick-grid-item-column-start: 12; }\n  .brick-grid-item[data-column-start=\"13\"] { --brick-grid-item-column-start: 13; }\n\n  .brick-grid-item[data-column-end=\"1\"] { --brick-grid-item-column-end: 1; }\n  .brick-grid-item[data-column-end=\"2\"] { --brick-grid-item-column-end: 2; }\n  .brick-grid-item[data-column-end=\"3\"] { --brick-grid-item-column-end: 3; }\n  .brick-grid-item[data-column-end=\"4\"] { --brick-grid-item-column-end: 4; }\n  .brick-grid-item[data-column-end=\"5\"] { --brick-grid-item-column-end: 5; }\n  .brick-grid-item[data-column-end=\"6\"] { --brick-grid-item-column-end: 6; }\n  .brick-grid-item[data-column-end=\"7\"] { --brick-grid-item-column-end: 7; }\n  .brick-grid-item[data-column-end=\"8\"] { --brick-grid-item-column-end: 8; }\n  .brick-grid-item[data-column-end=\"9\"] { --brick-grid-item-column-end: 9; }\n  .brick-grid-item[data-column-end=\"10\"] { --brick-grid-item-column-end: 10; }\n  .brick-grid-item[data-column-end=\"11\"] { --brick-grid-item-column-end: 11; }\n  .brick-grid-item[data-column-end=\"12\"] { --brick-grid-item-column-end: 12; }\n  .brick-grid-item[data-column-end=\"13\"] { --brick-grid-item-column-end: 13; }\n\n  .brick-grid-item[data-row-start=\"1\"] { --brick-grid-item-row-start: 1; }\n  .brick-grid-item[data-row-start=\"2\"] { --brick-grid-item-row-start: 2; }\n  .brick-grid-item[data-row-start=\"3\"] { --brick-grid-item-row-start: 3; }\n  .brick-grid-item[data-row-start=\"4\"] { --brick-grid-item-row-start: 4; }\n  .brick-grid-item[data-row-start=\"5\"] { --brick-grid-item-row-start: 5; }\n  .brick-grid-item[data-row-start=\"6\"] { --brick-grid-item-row-start: 6; }\n  .brick-grid-item[data-row-start=\"7\"] { --brick-grid-item-row-start: 7; }\n  .brick-grid-item[data-row-start=\"8\"] { --brick-grid-item-row-start: 8; }\n  .brick-grid-item[data-row-start=\"9\"] { --brick-grid-item-row-start: 9; }\n  .brick-grid-item[data-row-start=\"10\"] { --brick-grid-item-row-start: 10; }\n  .brick-grid-item[data-row-start=\"11\"] { --brick-grid-item-row-start: 11; }\n  .brick-grid-item[data-row-start=\"12\"] { --brick-grid-item-row-start: 12; }\n  .brick-grid-item[data-row-start=\"13\"] { --brick-grid-item-row-start: 13; }\n\n  .brick-grid-item[data-row-end=\"1\"] { --brick-grid-item-row-end: 1; }\n  .brick-grid-item[data-row-end=\"2\"] { --brick-grid-item-row-end: 2; }\n  .brick-grid-item[data-row-end=\"3\"] { --brick-grid-item-row-end: 3; }\n  .brick-grid-item[data-row-end=\"4\"] { --brick-grid-item-row-end: 4; }\n  .brick-grid-item[data-row-end=\"5\"] { --brick-grid-item-row-end: 5; }\n  .brick-grid-item[data-row-end=\"6\"] { --brick-grid-item-row-end: 6; }\n  .brick-grid-item[data-row-end=\"7\"] { --brick-grid-item-row-end: 7; }\n  .brick-grid-item[data-row-end=\"8\"] { --brick-grid-item-row-end: 8; }\n  .brick-grid-item[data-row-end=\"9\"] { --brick-grid-item-row-end: 9; }\n  .brick-grid-item[data-row-end=\"10\"] { --brick-grid-item-row-end: 10; }\n  .brick-grid-item[data-row-end=\"11\"] { --brick-grid-item-row-end: 11; }\n  .brick-grid-item[data-row-end=\"12\"] { --brick-grid-item-row-end: 12; }\n  .brick-grid-item[data-row-end=\"13\"] { --brick-grid-item-row-end: 13; }\n\n  @media (width >= 30rem) {\n    .brick-grid[data-columns-sm=\"1\"] { --brick-grid-columns: 1; }\n    .brick-grid[data-columns-sm=\"2\"] { --brick-grid-columns: 2; }\n    .brick-grid[data-columns-sm=\"3\"] { --brick-grid-columns: 3; }\n    .brick-grid[data-columns-sm=\"4\"] { --brick-grid-columns: 4; }\n    .brick-grid[data-columns-sm=\"5\"] { --brick-grid-columns: 5; }\n    .brick-grid[data-columns-sm=\"6\"] { --brick-grid-columns: 6; }\n    .brick-grid[data-columns-sm=\"7\"] { --brick-grid-columns: 7; }\n    .brick-grid[data-columns-sm=\"8\"] { --brick-grid-columns: 8; }\n    .brick-grid[data-columns-sm=\"9\"] { --brick-grid-columns: 9; }\n    .brick-grid[data-columns-sm=\"10\"] { --brick-grid-columns: 10; }\n    .brick-grid[data-columns-sm=\"11\"] { --brick-grid-columns: 11; }\n    .brick-grid[data-columns-sm=\"12\"] { --brick-grid-columns: 12; }\n    .brick-grid[data-align-sm=\"stretch\"] { align-items: stretch; }\n    .brick-grid[data-align-sm=\"start\"] { align-items: start; }\n    .brick-grid[data-align-sm=\"center\"] { align-items: center; }\n    .brick-grid[data-align-sm=\"end\"] { align-items: end; }\n    .brick-grid[data-align-sm=\"baseline\"] { align-items: baseline; }\n    .brick-grid[data-justify-sm=\"stretch\"] { justify-items: stretch; }\n    .brick-grid[data-justify-sm=\"start\"] { justify-items: start; }\n    .brick-grid[data-justify-sm=\"center\"] { justify-items: center; }\n    .brick-grid[data-justify-sm=\"end\"] { justify-items: end; }\n    .brick-grid-item[data-align-sm=\"auto\"] { align-self: auto; }\n    .brick-grid-item[data-align-sm=\"stretch\"] { align-self: stretch; }\n    .brick-grid-item[data-align-sm=\"start\"] { align-self: start; }\n    .brick-grid-item[data-align-sm=\"center\"] { align-self: center; }\n    .brick-grid-item[data-align-sm=\"end\"] { align-self: end; }\n    .brick-grid-item[data-align-sm=\"baseline\"] { align-self: baseline; }\n    .brick-grid-item[data-justify-sm=\"auto\"] { justify-self: auto; }\n    .brick-grid-item[data-justify-sm=\"stretch\"] { justify-self: stretch; }\n    .brick-grid-item[data-justify-sm=\"start\"] { justify-self: start; }\n    .brick-grid-item[data-justify-sm=\"center\"] { justify-self: center; }\n    .brick-grid-item[data-justify-sm=\"end\"] { justify-self: end; }\n    .brick-grid-item[data-column-span-sm=\"full\"] { --brick-grid-item-column-start: 1; --brick-grid-item-column-end: -1; }\n    .brick-grid-item[data-column-span-sm=\"1\"] { --brick-grid-item-column-start: auto; --brick-grid-item-column-end: span 1; }\n    .brick-grid-item[data-column-span-sm=\"2\"] { --brick-grid-item-column-start: auto; --brick-grid-item-column-end: span 2; }\n    .brick-grid-item[data-column-span-sm=\"3\"] { --brick-grid-item-column-start: auto; --brick-grid-item-column-end: span 3; }\n    .brick-grid-item[data-column-span-sm=\"4\"] { --brick-grid-item-column-start: auto; --brick-grid-item-column-end: span 4; }\n    .brick-grid-item[data-column-span-sm=\"5\"] { --brick-grid-item-column-start: auto; --brick-grid-item-column-end: span 5; }\n    .brick-grid-item[data-column-span-sm=\"6\"] { --brick-grid-item-column-start: auto; --brick-grid-item-column-end: span 6; }\n    .brick-grid-item[data-column-span-sm=\"7\"] { --brick-grid-item-column-start: auto; --brick-grid-item-column-end: span 7; }\n    .brick-grid-item[data-column-span-sm=\"8\"] { --brick-grid-item-column-start: auto; --brick-grid-item-column-end: span 8; }\n    .brick-grid-item[data-column-span-sm=\"9\"] { --brick-grid-item-column-start: auto; --brick-grid-item-column-end: span 9; }\n    .brick-grid-item[data-column-span-sm=\"10\"] { --brick-grid-item-column-start: auto; --brick-grid-item-column-end: span 10; }\n    .brick-grid-item[data-column-span-sm=\"11\"] { --brick-grid-item-column-start: auto; --brick-grid-item-column-end: span 11; }\n    .brick-grid-item[data-column-span-sm=\"12\"] { --brick-grid-item-column-start: auto; --brick-grid-item-column-end: span 12; }\n    .brick-grid-item[data-row-span-sm=\"1\"] { --brick-grid-item-row-start: auto; --brick-grid-item-row-end: span 1; }\n    .brick-grid-item[data-row-span-sm=\"2\"] { --brick-grid-item-row-start: auto; --brick-grid-item-row-end: span 2; }\n    .brick-grid-item[data-row-span-sm=\"3\"] { --brick-grid-item-row-start: auto; --brick-grid-item-row-end: span 3; }\n    .brick-grid-item[data-row-span-sm=\"4\"] { --brick-grid-item-row-start: auto; --brick-grid-item-row-end: span 4; }\n    .brick-grid-item[data-row-span-sm=\"5\"] { --brick-grid-item-row-start: auto; --brick-grid-item-row-end: span 5; }\n    .brick-grid-item[data-row-span-sm=\"6\"] { --brick-grid-item-row-start: auto; --brick-grid-item-row-end: span 6; }\n    .brick-grid-item[data-row-span-sm=\"7\"] { --brick-grid-item-row-start: auto; --brick-grid-item-row-end: span 7; }\n    .brick-grid-item[data-row-span-sm=\"8\"] { --brick-grid-item-row-start: auto; --brick-grid-item-row-end: span 8; }\n    .brick-grid-item[data-row-span-sm=\"9\"] { --brick-grid-item-row-start: auto; --brick-grid-item-row-end: span 9; }\n    .brick-grid-item[data-row-span-sm=\"10\"] { --brick-grid-item-row-start: auto; --brick-grid-item-row-end: span 10; }\n    .brick-grid-item[data-row-span-sm=\"11\"] { --brick-grid-item-row-start: auto; --brick-grid-item-row-end: span 11; }\n    .brick-grid-item[data-row-span-sm=\"12\"] { --brick-grid-item-row-start: auto; --brick-grid-item-row-end: span 12; }\n  }\n\n  @media (width >= 48rem) {\n    .brick-grid[data-columns-md=\"1\"] { --brick-grid-columns: 1; }\n    .brick-grid[data-columns-md=\"2\"] { --brick-grid-columns: 2; }\n    .brick-grid[data-columns-md=\"3\"] { --brick-grid-columns: 3; }\n    .brick-grid[data-columns-md=\"4\"] { --brick-grid-columns: 4; }\n    .brick-grid[data-columns-md=\"5\"] { --brick-grid-columns: 5; }\n    .brick-grid[data-columns-md=\"6\"] { --brick-grid-columns: 6; }\n    .brick-grid[data-columns-md=\"7\"] { --brick-grid-columns: 7; }\n    .brick-grid[data-columns-md=\"8\"] { --brick-grid-columns: 8; }\n    .brick-grid[data-columns-md=\"9\"] { --brick-grid-columns: 9; }\n    .brick-grid[data-columns-md=\"10\"] { --brick-grid-columns: 10; }\n    .brick-grid[data-columns-md=\"11\"] { --brick-grid-columns: 11; }\n    .brick-grid[data-columns-md=\"12\"] { --brick-grid-columns: 12; }\n    .brick-grid[data-align-md=\"stretch\"] { align-items: stretch; }\n    .brick-grid[data-align-md=\"start\"] { align-items: start; }\n    .brick-grid[data-align-md=\"center\"] { align-items: center; }\n    .brick-grid[data-align-md=\"end\"] { align-items: end; }\n    .brick-grid[data-align-md=\"baseline\"] { align-items: baseline; }\n    .brick-grid[data-justify-md=\"stretch\"] { justify-items: stretch; }\n    .brick-grid[data-justify-md=\"start\"] { justify-items: start; }\n    .brick-grid[data-justify-md=\"center\"] { justify-items: center; }\n    .brick-grid[data-justify-md=\"end\"] { justify-items: end; }\n    .brick-grid-item[data-align-md=\"auto\"] { align-self: auto; }\n    .brick-grid-item[data-align-md=\"stretch\"] { align-self: stretch; }\n    .brick-grid-item[data-align-md=\"start\"] { align-self: start; }\n    .brick-grid-item[data-align-md=\"center\"] { align-self: center; }\n    .brick-grid-item[data-align-md=\"end\"] { align-self: end; }\n    .brick-grid-item[data-align-md=\"baseline\"] { align-self: baseline; }\n    .brick-grid-item[data-justify-md=\"auto\"] { justify-self: auto; }\n    .brick-grid-item[data-justify-md=\"stretch\"] { justify-self: stretch; }\n    .brick-grid-item[data-justify-md=\"start\"] { justify-self: start; }\n    .brick-grid-item[data-justify-md=\"center\"] { justify-self: center; }\n    .brick-grid-item[data-justify-md=\"end\"] { justify-self: end; }\n    .brick-grid-item[data-column-span-md=\"full\"] { --brick-grid-item-column-start: 1; --brick-grid-item-column-end: -1; }\n    .brick-grid-item[data-column-span-md=\"1\"] { --brick-grid-item-column-start: auto; --brick-grid-item-column-end: span 1; }\n    .brick-grid-item[data-column-span-md=\"2\"] { --brick-grid-item-column-start: auto; --brick-grid-item-column-end: span 2; }\n    .brick-grid-item[data-column-span-md=\"3\"] { --brick-grid-item-column-start: auto; --brick-grid-item-column-end: span 3; }\n    .brick-grid-item[data-column-span-md=\"4\"] { --brick-grid-item-column-start: auto; --brick-grid-item-column-end: span 4; }\n    .brick-grid-item[data-column-span-md=\"5\"] { --brick-grid-item-column-start: auto; --brick-grid-item-column-end: span 5; }\n    .brick-grid-item[data-column-span-md=\"6\"] { --brick-grid-item-column-start: auto; --brick-grid-item-column-end: span 6; }\n    .brick-grid-item[data-column-span-md=\"7\"] { --brick-grid-item-column-start: auto; --brick-grid-item-column-end: span 7; }\n    .brick-grid-item[data-column-span-md=\"8\"] { --brick-grid-item-column-start: auto; --brick-grid-item-column-end: span 8; }\n    .brick-grid-item[data-column-span-md=\"9\"] { --brick-grid-item-column-start: auto; --brick-grid-item-column-end: span 9; }\n    .brick-grid-item[data-column-span-md=\"10\"] { --brick-grid-item-column-start: auto; --brick-grid-item-column-end: span 10; }\n    .brick-grid-item[data-column-span-md=\"11\"] { --brick-grid-item-column-start: auto; --brick-grid-item-column-end: span 11; }\n    .brick-grid-item[data-column-span-md=\"12\"] { --brick-grid-item-column-start: auto; --brick-grid-item-column-end: span 12; }\n    .brick-grid-item[data-row-span-md=\"1\"] { --brick-grid-item-row-start: auto; --brick-grid-item-row-end: span 1; }\n    .brick-grid-item[data-row-span-md=\"2\"] { --brick-grid-item-row-start: auto; --brick-grid-item-row-end: span 2; }\n    .brick-grid-item[data-row-span-md=\"3\"] { --brick-grid-item-row-start: auto; --brick-grid-item-row-end: span 3; }\n    .brick-grid-item[data-row-span-md=\"4\"] { --brick-grid-item-row-start: auto; --brick-grid-item-row-end: span 4; }\n    .brick-grid-item[data-row-span-md=\"5\"] { --brick-grid-item-row-start: auto; --brick-grid-item-row-end: span 5; }\n    .brick-grid-item[data-row-span-md=\"6\"] { --brick-grid-item-row-start: auto; --brick-grid-item-row-end: span 6; }\n    .brick-grid-item[data-row-span-md=\"7\"] { --brick-grid-item-row-start: auto; --brick-grid-item-row-end: span 7; }\n    .brick-grid-item[data-row-span-md=\"8\"] { --brick-grid-item-row-start: auto; --brick-grid-item-row-end: span 8; }\n    .brick-grid-item[data-row-span-md=\"9\"] { --brick-grid-item-row-start: auto; --brick-grid-item-row-end: span 9; }\n    .brick-grid-item[data-row-span-md=\"10\"] { --brick-grid-item-row-start: auto; --brick-grid-item-row-end: span 10; }\n    .brick-grid-item[data-row-span-md=\"11\"] { --brick-grid-item-row-start: auto; --brick-grid-item-row-end: span 11; }\n    .brick-grid-item[data-row-span-md=\"12\"] { --brick-grid-item-row-start: auto; --brick-grid-item-row-end: span 12; }\n  }\n\n  @media (width >= 64rem) {\n    .brick-grid[data-columns-lg=\"1\"] { --brick-grid-columns: 1; }\n    .brick-grid[data-columns-lg=\"2\"] { --brick-grid-columns: 2; }\n    .brick-grid[data-columns-lg=\"3\"] { --brick-grid-columns: 3; }\n    .brick-grid[data-columns-lg=\"4\"] { --brick-grid-columns: 4; }\n    .brick-grid[data-columns-lg=\"5\"] { --brick-grid-columns: 5; }\n    .brick-grid[data-columns-lg=\"6\"] { --brick-grid-columns: 6; }\n    .brick-grid[data-columns-lg=\"7\"] { --brick-grid-columns: 7; }\n    .brick-grid[data-columns-lg=\"8\"] { --brick-grid-columns: 8; }\n    .brick-grid[data-columns-lg=\"9\"] { --brick-grid-columns: 9; }\n    .brick-grid[data-columns-lg=\"10\"] { --brick-grid-columns: 10; }\n    .brick-grid[data-columns-lg=\"11\"] { --brick-grid-columns: 11; }\n    .brick-grid[data-columns-lg=\"12\"] { --brick-grid-columns: 12; }\n    .brick-grid[data-align-lg=\"stretch\"] { align-items: stretch; }\n    .brick-grid[data-align-lg=\"start\"] { align-items: start; }\n    .brick-grid[data-align-lg=\"center\"] { align-items: center; }\n    .brick-grid[data-align-lg=\"end\"] { align-items: end; }\n    .brick-grid[data-align-lg=\"baseline\"] { align-items: baseline; }\n    .brick-grid[data-justify-lg=\"stretch\"] { justify-items: stretch; }\n    .brick-grid[data-justify-lg=\"start\"] { justify-items: start; }\n    .brick-grid[data-justify-lg=\"center\"] { justify-items: center; }\n    .brick-grid[data-justify-lg=\"end\"] { justify-items: end; }\n    .brick-grid-item[data-align-lg=\"auto\"] { align-self: auto; }\n    .brick-grid-item[data-align-lg=\"stretch\"] { align-self: stretch; }\n    .brick-grid-item[data-align-lg=\"start\"] { align-self: start; }\n    .brick-grid-item[data-align-lg=\"center\"] { align-self: center; }\n    .brick-grid-item[data-align-lg=\"end\"] { align-self: end; }\n    .brick-grid-item[data-align-lg=\"baseline\"] { align-self: baseline; }\n    .brick-grid-item[data-justify-lg=\"auto\"] { justify-self: auto; }\n    .brick-grid-item[data-justify-lg=\"stretch\"] { justify-self: stretch; }\n    .brick-grid-item[data-justify-lg=\"start\"] { justify-self: start; }\n    .brick-grid-item[data-justify-lg=\"center\"] { justify-self: center; }\n    .brick-grid-item[data-justify-lg=\"end\"] { justify-self: end; }\n    .brick-grid-item[data-column-span-lg=\"full\"] { --brick-grid-item-column-start: 1; --brick-grid-item-column-end: -1; }\n    .brick-grid-item[data-column-span-lg=\"1\"] { --brick-grid-item-column-start: auto; --brick-grid-item-column-end: span 1; }\n    .brick-grid-item[data-column-span-lg=\"2\"] { --brick-grid-item-column-start: auto; --brick-grid-item-column-end: span 2; }\n    .brick-grid-item[data-column-span-lg=\"3\"] { --brick-grid-item-column-start: auto; --brick-grid-item-column-end: span 3; }\n    .brick-grid-item[data-column-span-lg=\"4\"] { --brick-grid-item-column-start: auto; --brick-grid-item-column-end: span 4; }\n    .brick-grid-item[data-column-span-lg=\"5\"] { --brick-grid-item-column-start: auto; --brick-grid-item-column-end: span 5; }\n    .brick-grid-item[data-column-span-lg=\"6\"] { --brick-grid-item-column-start: auto; --brick-grid-item-column-end: span 6; }\n    .brick-grid-item[data-column-span-lg=\"7\"] { --brick-grid-item-column-start: auto; --brick-grid-item-column-end: span 7; }\n    .brick-grid-item[data-column-span-lg=\"8\"] { --brick-grid-item-column-start: auto; --brick-grid-item-column-end: span 8; }\n    .brick-grid-item[data-column-span-lg=\"9\"] { --brick-grid-item-column-start: auto; --brick-grid-item-column-end: span 9; }\n    .brick-grid-item[data-column-span-lg=\"10\"] { --brick-grid-item-column-start: auto; --brick-grid-item-column-end: span 10; }\n    .brick-grid-item[data-column-span-lg=\"11\"] { --brick-grid-item-column-start: auto; --brick-grid-item-column-end: span 11; }\n    .brick-grid-item[data-column-span-lg=\"12\"] { --brick-grid-item-column-start: auto; --brick-grid-item-column-end: span 12; }\n    .brick-grid-item[data-row-span-lg=\"1\"] { --brick-grid-item-row-start: auto; --brick-grid-item-row-end: span 1; }\n    .brick-grid-item[data-row-span-lg=\"2\"] { --brick-grid-item-row-start: auto; --brick-grid-item-row-end: span 2; }\n    .brick-grid-item[data-row-span-lg=\"3\"] { --brick-grid-item-row-start: auto; --brick-grid-item-row-end: span 3; }\n    .brick-grid-item[data-row-span-lg=\"4\"] { --brick-grid-item-row-start: auto; --brick-grid-item-row-end: span 4; }\n    .brick-grid-item[data-row-span-lg=\"5\"] { --brick-grid-item-row-start: auto; --brick-grid-item-row-end: span 5; }\n    .brick-grid-item[data-row-span-lg=\"6\"] { --brick-grid-item-row-start: auto; --brick-grid-item-row-end: span 6; }\n    .brick-grid-item[data-row-span-lg=\"7\"] { --brick-grid-item-row-start: auto; --brick-grid-item-row-end: span 7; }\n    .brick-grid-item[data-row-span-lg=\"8\"] { --brick-grid-item-row-start: auto; --brick-grid-item-row-end: span 8; }\n    .brick-grid-item[data-row-span-lg=\"9\"] { --brick-grid-item-row-start: auto; --brick-grid-item-row-end: span 9; }\n    .brick-grid-item[data-row-span-lg=\"10\"] { --brick-grid-item-row-start: auto; --brick-grid-item-row-end: span 10; }\n    .brick-grid-item[data-row-span-lg=\"11\"] { --brick-grid-item-row-start: auto; --brick-grid-item-row-end: span 11; }\n    .brick-grid-item[data-row-span-lg=\"12\"] { --brick-grid-item-row-start: auto; --brick-grid-item-row-end: span 12; }\n  }\n\n  @media (width >= 80rem) {\n    .brick-grid[data-columns-xl=\"1\"] { --brick-grid-columns: 1; }\n    .brick-grid[data-columns-xl=\"2\"] { --brick-grid-columns: 2; }\n    .brick-grid[data-columns-xl=\"3\"] { --brick-grid-columns: 3; }\n    .brick-grid[data-columns-xl=\"4\"] { --brick-grid-columns: 4; }\n    .brick-grid[data-columns-xl=\"5\"] { --brick-grid-columns: 5; }\n    .brick-grid[data-columns-xl=\"6\"] { --brick-grid-columns: 6; }\n    .brick-grid[data-columns-xl=\"7\"] { --brick-grid-columns: 7; }\n    .brick-grid[data-columns-xl=\"8\"] { --brick-grid-columns: 8; }\n    .brick-grid[data-columns-xl=\"9\"] { --brick-grid-columns: 9; }\n    .brick-grid[data-columns-xl=\"10\"] { --brick-grid-columns: 10; }\n    .brick-grid[data-columns-xl=\"11\"] { --brick-grid-columns: 11; }\n    .brick-grid[data-columns-xl=\"12\"] { --brick-grid-columns: 12; }\n    .brick-grid[data-align-xl=\"stretch\"] { align-items: stretch; }\n    .brick-grid[data-align-xl=\"start\"] { align-items: start; }\n    .brick-grid[data-align-xl=\"center\"] { align-items: center; }\n    .brick-grid[data-align-xl=\"end\"] { align-items: end; }\n    .brick-grid[data-align-xl=\"baseline\"] { align-items: baseline; }\n    .brick-grid[data-justify-xl=\"stretch\"] { justify-items: stretch; }\n    .brick-grid[data-justify-xl=\"start\"] { justify-items: start; }\n    .brick-grid[data-justify-xl=\"center\"] { justify-items: center; }\n    .brick-grid[data-justify-xl=\"end\"] { justify-items: end; }\n    .brick-grid-item[data-align-xl=\"auto\"] { align-self: auto; }\n    .brick-grid-item[data-align-xl=\"stretch\"] { align-self: stretch; }\n    .brick-grid-item[data-align-xl=\"start\"] { align-self: start; }\n    .brick-grid-item[data-align-xl=\"center\"] { align-self: center; }\n    .brick-grid-item[data-align-xl=\"end\"] { align-self: end; }\n    .brick-grid-item[data-align-xl=\"baseline\"] { align-self: baseline; }\n    .brick-grid-item[data-justify-xl=\"auto\"] { justify-self: auto; }\n    .brick-grid-item[data-justify-xl=\"stretch\"] { justify-self: stretch; }\n    .brick-grid-item[data-justify-xl=\"start\"] { justify-self: start; }\n    .brick-grid-item[data-justify-xl=\"center\"] { justify-self: center; }\n    .brick-grid-item[data-justify-xl=\"end\"] { justify-self: end; }\n    .brick-grid-item[data-column-span-xl=\"full\"] { --brick-grid-item-column-start: 1; --brick-grid-item-column-end: -1; }\n    .brick-grid-item[data-column-span-xl=\"1\"] { --brick-grid-item-column-start: auto; --brick-grid-item-column-end: span 1; }\n    .brick-grid-item[data-column-span-xl=\"2\"] { --brick-grid-item-column-start: auto; --brick-grid-item-column-end: span 2; }\n    .brick-grid-item[data-column-span-xl=\"3\"] { --brick-grid-item-column-start: auto; --brick-grid-item-column-end: span 3; }\n    .brick-grid-item[data-column-span-xl=\"4\"] { --brick-grid-item-column-start: auto; --brick-grid-item-column-end: span 4; }\n    .brick-grid-item[data-column-span-xl=\"5\"] { --brick-grid-item-column-start: auto; --brick-grid-item-column-end: span 5; }\n    .brick-grid-item[data-column-span-xl=\"6\"] { --brick-grid-item-column-start: auto; --brick-grid-item-column-end: span 6; }\n    .brick-grid-item[data-column-span-xl=\"7\"] { --brick-grid-item-column-start: auto; --brick-grid-item-column-end: span 7; }\n    .brick-grid-item[data-column-span-xl=\"8\"] { --brick-grid-item-column-start: auto; --brick-grid-item-column-end: span 8; }\n    .brick-grid-item[data-column-span-xl=\"9\"] { --brick-grid-item-column-start: auto; --brick-grid-item-column-end: span 9; }\n    .brick-grid-item[data-column-span-xl=\"10\"] { --brick-grid-item-column-start: auto; --brick-grid-item-column-end: span 10; }\n    .brick-grid-item[data-column-span-xl=\"11\"] { --brick-grid-item-column-start: auto; --brick-grid-item-column-end: span 11; }\n    .brick-grid-item[data-column-span-xl=\"12\"] { --brick-grid-item-column-start: auto; --brick-grid-item-column-end: span 12; }\n    .brick-grid-item[data-row-span-xl=\"1\"] { --brick-grid-item-row-start: auto; --brick-grid-item-row-end: span 1; }\n    .brick-grid-item[data-row-span-xl=\"2\"] { --brick-grid-item-row-start: auto; --brick-grid-item-row-end: span 2; }\n    .brick-grid-item[data-row-span-xl=\"3\"] { --brick-grid-item-row-start: auto; --brick-grid-item-row-end: span 3; }\n    .brick-grid-item[data-row-span-xl=\"4\"] { --brick-grid-item-row-start: auto; --brick-grid-item-row-end: span 4; }\n    .brick-grid-item[data-row-span-xl=\"5\"] { --brick-grid-item-row-start: auto; --brick-grid-item-row-end: span 5; }\n    .brick-grid-item[data-row-span-xl=\"6\"] { --brick-grid-item-row-start: auto; --brick-grid-item-row-end: span 6; }\n    .brick-grid-item[data-row-span-xl=\"7\"] { --brick-grid-item-row-start: auto; --brick-grid-item-row-end: span 7; }\n    .brick-grid-item[data-row-span-xl=\"8\"] { --brick-grid-item-row-start: auto; --brick-grid-item-row-end: span 8; }\n    .brick-grid-item[data-row-span-xl=\"9\"] { --brick-grid-item-row-start: auto; --brick-grid-item-row-end: span 9; }\n    .brick-grid-item[data-row-span-xl=\"10\"] { --brick-grid-item-row-start: auto; --brick-grid-item-row-end: span 10; }\n    .brick-grid-item[data-row-span-xl=\"11\"] { --brick-grid-item-row-start: auto; --brick-grid-item-row-end: span 11; }\n    .brick-grid-item[data-row-span-xl=\"12\"] { --brick-grid-item-row-start: auto; --brick-grid-item-row-end: span 12; }\n  }\n\n  @media (width >= 30rem) {\n    .brick-grid[data-gap-sm] { --brick-grid-gap: var(--brick-grid-gap-sm-input, var(--brick-grid-gap-input, var(--brick-space-0))); }\n    .brick-grid[data-row-gap-sm] { --brick-grid-row-gap: var(--brick-grid-row-gap-sm-input, var(--brick-grid-gap)); }\n    .brick-grid[data-column-gap-sm] { --brick-grid-column-gap: var(--brick-grid-column-gap-sm-input, var(--brick-grid-gap)); }\n  }\n\n  @media (width >= 48rem) {\n    .brick-grid[data-gap-md] { --brick-grid-gap: var(--brick-grid-gap-md-input, var(--brick-grid-gap-input, var(--brick-space-0))); }\n    .brick-grid[data-row-gap-md] { --brick-grid-row-gap: var(--brick-grid-row-gap-md-input, var(--brick-grid-gap)); }\n    .brick-grid[data-column-gap-md] { --brick-grid-column-gap: var(--brick-grid-column-gap-md-input, var(--brick-grid-gap)); }\n  }\n\n  @media (width >= 64rem) {\n    .brick-grid[data-gap-lg] { --brick-grid-gap: var(--brick-grid-gap-lg-input, var(--brick-grid-gap-input, var(--brick-space-0))); }\n    .brick-grid[data-row-gap-lg] { --brick-grid-row-gap: var(--brick-grid-row-gap-lg-input, var(--brick-grid-gap)); }\n    .brick-grid[data-column-gap-lg] { --brick-grid-column-gap: var(--brick-grid-column-gap-lg-input, var(--brick-grid-gap)); }\n  }\n\n  @media (width >= 80rem) {\n    .brick-grid[data-gap-xl] { --brick-grid-gap: var(--brick-grid-gap-xl-input, var(--brick-grid-gap-input, var(--brick-space-0))); }\n    .brick-grid[data-row-gap-xl] { --brick-grid-row-gap: var(--brick-grid-row-gap-xl-input, var(--brick-grid-gap)); }\n    .brick-grid[data-column-gap-xl] { --brick-grid-column-gap: var(--brick-grid-column-gap-xl-input, var(--brick-grid-gap)); }\n  }\n\n}\n","@layer brick.components {\n  .brick-data-grid-container { box-sizing: border-box; inline-size: 100%; min-inline-size: 0; max-inline-size: 100%; overflow-x: auto; overscroll-behavior-inline: contain; }\n  .brick-data-grid {\n    --brick-data-grid-inline-size: 100%;\n    --brick-data-grid-min-inline-size: 0;\n    --brick-data-grid-border-color: var(--brick-color-border-subtle);\n    --brick-data-grid-border-width: var(--brick-border-width);\n    --brick-data-grid-radius: var(--brick-radius-surface);\n    --brick-data-grid-header-background: var(--brick-color-surface-subtle);\n    --brick-data-grid-header-foreground: var(--brick-color-text-primary);\n    --brick-data-grid-body-background: var(--brick-color-surface-base);\n    --brick-data-grid-footer-background: var(--brick-color-surface-subtle);\n    --brick-data-grid-cell-foreground: var(--brick-color-text-primary);\n    --brick-data-grid-cell-padding-inline: var(--brick-space-4);\n    --brick-data-grid-cell-padding-block: var(--brick-space-3);\n    --brick-data-grid-row-min-block-size: 3rem;\n    --brick-data-grid-caption-foreground: var(--brick-color-text-secondary);\n    --brick-data-grid-caption-gap: var(--brick-space-3);\n    --brick-data-grid-active-color: var(--brick-color-focus-ring);\n    --brick-data-grid-active-width: 2px;\n    --brick-data-grid-selected-background: var(--brick-color-surface-accent-subtle, var(--brick-color-surface-subtle));\n    --brick-data-grid-selected-foreground: var(--brick-color-text-primary);\n    --brick-data-grid-hover-background: var(--brick-color-surface-hover, var(--brick-color-surface-subtle));\n    --brick-data-grid-disabled-opacity: 0.5;\n    --brick-data-grid-sort-indicator-size: 1rem;\n    --brick-data-grid-sort-indicator-color: var(--brick-color-text-secondary);\n    inline-size: var(--brick-data-grid-inline-size); min-inline-size: var(--brick-data-grid-min-inline-size);\n    border-collapse: separate; border-spacing: 0; color: var(--brick-data-grid-cell-foreground);\n    font-family: var(--brick-typography-body-md-font-family); font-size: var(--brick-typography-body-md-font-size); line-height: var(--brick-typography-body-md-line-height);\n  }\n  .brick-data-grid[data-size=\"sm\"] { font-size: var(--brick-typography-body-sm-font-size); line-height: var(--brick-typography-body-sm-line-height); --brick-data-grid-row-min-block-size: 2.5rem; --brick-data-grid-sort-indicator-size: .875rem; }\n  .brick-data-grid[data-size=\"lg\"] { font-size: var(--brick-typography-body-lg-font-size); line-height: var(--brick-typography-body-lg-line-height); --brick-data-grid-row-min-block-size: 3.5rem; --brick-data-grid-sort-indicator-size: 1.125rem; }\n  .brick-data-grid[data-density=\"compact\"] { --brick-data-grid-cell-padding-block: var(--brick-space-1); }\n  .brick-data-grid[data-density=\"spacious\"] { --brick-data-grid-cell-padding-block: var(--brick-space-5); }\n  .brick-data-grid__caption { color: var(--brick-data-grid-caption-foreground); text-align: start; }\n  .brick-data-grid__caption[data-side=\"top\"] { caption-side: top; padding-block-end: var(--brick-data-grid-caption-gap); }\n  .brick-data-grid__caption[data-side=\"bottom\"] { caption-side: bottom; padding-block-start: var(--brick-data-grid-caption-gap); }\n  .brick-data-grid__column-header, .brick-data-grid__cell { box-sizing: border-box; min-block-size: var(--brick-data-grid-row-min-block-size); padding-block: var(--brick-data-grid-cell-padding-block); padding-inline: var(--brick-data-grid-cell-padding-inline); border-block-end: var(--brick-data-grid-border-width) solid var(--brick-data-grid-border-color); text-align: start; vertical-align: middle; overflow-wrap: break-word; }\n  .brick-data-grid__column-header { color: var(--brick-data-grid-header-foreground); background: var(--brick-data-grid-header-background); font-weight: var(--brick-typography-compact-title-font-weight); white-space: nowrap; }\n  .brick-data-grid__cell { background: var(--brick-data-grid-body-background); }\n  .brick-data-grid__footer :where(.brick-data-grid__column-header, .brick-data-grid__cell) { background: var(--brick-data-grid-footer-background); font-weight: var(--brick-typography-compact-title-font-weight); }\n  :where(.brick-data-grid__column-header, .brick-data-grid__cell)[data-align=\"center\"] { text-align: center; }\n  :where(.brick-data-grid__column-header, .brick-data-grid__cell)[data-align=\"end\"] { text-align: end; }\n  :where(.brick-data-grid__column-header, .brick-data-grid__cell)[data-numeric] { white-space: nowrap; font-variant-numeric: tabular-nums; }\n  .brick-data-grid[data-variant=\"outline\"] { border: var(--brick-data-grid-border-width) solid var(--brick-data-grid-border-color); border-radius: var(--brick-data-grid-radius); }\n  .brick-data-grid[data-variant=\"outline\"] :where(.brick-data-grid__column-header, .brick-data-grid__cell) + :where(.brick-data-grid__column-header, .brick-data-grid__cell) { border-inline-start: var(--brick-data-grid-border-width) solid var(--brick-data-grid-border-color); }\n  .brick-data-grid[data-variant=\"outline\"] .brick-data-grid__header:first-of-type .brick-data-grid__row:first-child > :first-child,\n  .brick-data-grid[data-variant=\"outline\"]:not(:has(.brick-data-grid__header)) .brick-data-grid__body:first-of-type .brick-data-grid__row:first-child > :first-child { border-start-start-radius: calc(var(--brick-data-grid-radius) - var(--brick-data-grid-border-width)); }\n  .brick-data-grid[data-variant=\"outline\"] .brick-data-grid__header:first-of-type .brick-data-grid__row:first-child > :last-child,\n  .brick-data-grid[data-variant=\"outline\"]:not(:has(.brick-data-grid__header)) .brick-data-grid__body:first-of-type .brick-data-grid__row:first-child > :last-child { border-start-end-radius: calc(var(--brick-data-grid-radius) - var(--brick-data-grid-border-width)); }\n  .brick-data-grid[data-variant=\"outline\"] .brick-data-grid__footer .brick-data-grid__row:last-child :where(.brick-data-grid__column-header, .brick-data-grid__cell),\n  .brick-data-grid[data-variant=\"outline\"] .brick-data-grid__body:last-child .brick-data-grid__row:last-child :where(.brick-data-grid__column-header, .brick-data-grid__cell) { border-block-end: 0; }\n  .brick-data-grid[data-variant=\"outline\"] .brick-data-grid__footer .brick-data-grid__row:last-child > :first-child { border-end-start-radius: calc(var(--brick-data-grid-radius) - var(--brick-data-grid-border-width)); }\n  .brick-data-grid[data-variant=\"outline\"] .brick-data-grid__footer .brick-data-grid__row:last-child > :last-child { border-end-end-radius: calc(var(--brick-data-grid-radius) - var(--brick-data-grid-border-width)); }\n  .brick-data-grid[data-variant=\"outline\"]:not(:has(.brick-data-grid__footer)) .brick-data-grid__body:last-child .brick-data-grid__row:last-child > :first-child { border-end-start-radius: calc(var(--brick-data-grid-radius) - var(--brick-data-grid-border-width)); }\n  .brick-data-grid[data-variant=\"outline\"]:not(:has(.brick-data-grid__footer)) .brick-data-grid__body:last-child .brick-data-grid__row:last-child > :last-child { border-end-end-radius: calc(var(--brick-data-grid-radius) - var(--brick-data-grid-border-width)); }\n  .brick-data-grid__row[data-selected] :where(.brick-data-grid__column-header, .brick-data-grid__cell) { color: var(--brick-data-grid-selected-foreground); background: var(--brick-data-grid-selected-background); }\n  .brick-data-grid__row[data-selectable]:hover :where(.brick-data-grid__column-header, .brick-data-grid__cell), .brick-data-grid__column-header[data-actionable]:hover { background: var(--brick-data-grid-hover-background); }\n  .brick-data-grid__row[data-disabled] :where(.brick-data-grid__column-header, .brick-data-grid__cell), :where(.brick-data-grid__column-header, .brick-data-grid__cell)[data-disabled] { opacity: var(--brick-data-grid-disabled-opacity); }\n  :where(.brick-data-grid__column-header, .brick-data-grid__cell)[data-active] { position: relative; outline: var(--brick-data-grid-active-width) solid var(--brick-data-grid-active-color); outline-offset: calc(-1 * var(--brick-data-grid-active-width)); }\n  .brick-data-grid__sort-indicator { display: inline-flex; inline-size: var(--brick-data-grid-sort-indicator-size); block-size: var(--brick-data-grid-sort-indicator-size); margin-inline-start: var(--brick-space-2); vertical-align: middle; color: var(--brick-data-grid-sort-indicator-color); }\n  .brick-data-grid__sort-indicator svg { inline-size: 100%; block-size: 100%; fill: none; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.5; }\n  .brick-data-grid__column-header[data-sort=\"ascending\"] .brick-data-grid__sort-indicator path { d: path(\"m4 10 4-4 4 4\"); }\n  .brick-data-grid__column-header[data-sort=\"descending\"] .brick-data-grid__sort-indicator path { d: path(\"m4 6 4 4 4-4\"); }\n  @media (forced-colors: active) {\n    .brick-data-grid { --brick-data-grid-border-color: CanvasText; --brick-data-grid-header-background: Canvas; --brick-data-grid-body-background: Canvas; --brick-data-grid-footer-background: Canvas; --brick-data-grid-active-color: Highlight; --brick-data-grid-selected-background: Highlight; --brick-data-grid-selected-foreground: HighlightText; --brick-data-grid-hover-background: Canvas; --brick-data-grid-sort-indicator-color: CanvasText; }\n  }\n}\n","@layer brick.components {\n  .brick-password-toggle-field {\n    --brick-password-height: var(--brick-control-min-block-size-md);\n    --brick-password-radius: var(--brick-radius-control);\n    --brick-password-background: var(--brick-color-surface-raised);\n    --brick-password-foreground: var(--brick-color-text-primary);\n    --brick-password-border: var(--brick-color-border-strong);\n    --brick-password-hover-background: var(--brick-color-surface-base);\n    --brick-password-hover-border: var(--brick-color-accent-border);\n    --brick-password-focus-ring: var(--brick-color-focus-ring);\n\n    display: inline-flex;\n    box-sizing: border-box;\n    min-inline-size: 0;\n    max-inline-size: 100%;\n    min-block-size: var(--brick-password-height);\n    align-items: center;\n    padding-inline-start: var(--brick-space-3);\n    border: var(--brick-border-width) solid var(--brick-password-border);\n    border-radius: var(--brick-password-radius);\n    background: var(--brick-password-background);\n    color: var(--brick-password-foreground);\n    transition:\n      background-color var(--brick-motion-duration-fast)\n        var(--brick-motion-easing-standard),\n      border-color var(--brick-motion-duration-fast)\n        var(--brick-motion-easing-standard),\n      box-shadow var(--brick-motion-duration-fast)\n        var(--brick-motion-easing-standard);\n  }\n\n  .brick-password-toggle-field[data-full-width] {\n    inline-size: 100%;\n  }\n\n  .brick-password-toggle-field[data-variant=\"soft\"] {\n    --brick-password-background: var(--brick-color-surface-subtle);\n    --brick-password-border: var(--brick-color-border-subtle);\n    --brick-password-hover-background: var(--brick-color-accent-soft);\n  }\n\n  .brick-password-toggle-field[data-variant=\"underline\"] {\n    --brick-password-background: transparent;\n\n    border-width: 0 0 var(--brick-border-width);\n    border-radius: 0;\n  }\n\n  .brick-password-toggle-field[data-shape=\"sharp\"] {\n    --brick-password-radius: 0;\n  }\n\n  .brick-password-toggle-field[data-shape=\"pill\"] {\n    --brick-password-radius: var(--brick-radius-full);\n  }\n\n  .brick-password-toggle-field[data-size=\"sm\"] {\n    --brick-password-height: var(--brick-control-min-block-size-sm);\n  }\n\n  .brick-password-toggle-field[data-size=\"lg\"] {\n    --brick-password-height: var(--brick-control-min-block-size-lg);\n  }\n\n  .brick-password-toggle-field-input {\n    box-sizing: border-box;\n    min-inline-size: 0;\n    inline-size: 100%;\n    min-block-size: calc(\n      var(--brick-password-height) - 2 * var(--brick-border-width)\n    );\n    padding: 0;\n    border: 0;\n    outline: 0;\n    background: transparent;\n    color: inherit;\n    font: inherit;\n  }\n\n  .brick-password-toggle-field-toggle {\n    display: grid;\n    flex: 0 0 auto;\n    inline-size: var(--brick-password-height);\n    block-size: var(--brick-password-height);\n    place-items: center;\n    padding: 0;\n    border: 0;\n    border-radius: var(--brick-password-radius);\n    background: transparent;\n    color: var(--brick-color-text-secondary);\n    cursor: pointer;\n  }\n\n  .brick-password-toggle-field-toggle:focus-visible {\n    outline: var(--brick-border-focus-width) solid\n      var(--brick-password-focus-ring);\n    outline-offset: calc(-1 * var(--brick-border-focus-width));\n  }\n\n  .brick-password-toggle-field-icon {\n    display: grid;\n    inline-size: 1.25rem;\n    block-size: 1.25rem;\n    place-items: center;\n  }\n\n  .brick-password-toggle-field-artwork {\n    display: block;\n    inline-size: 1.25rem;\n    block-size: 1.25rem;\n    stroke: currentColor;\n    stroke-linecap: round;\n    stroke-linejoin: round;\n    stroke-width: 1.5;\n  }\n\n  .brick-password-toggle-field:focus-within {\n    border-color: var(--brick-password-focus-ring);\n    box-shadow: 0 0 0 var(--brick-border-focus-width)\n      var(--brick-password-focus-ring);\n  }\n\n  .brick-password-toggle-field:has(\n      .brick-password-toggle-field-input[data-invalid]\n    ) {\n    border-color: var(--brick-color-danger-text);\n  }\n\n  .brick-password-toggle-field:has(\n      .brick-password-toggle-field-input[data-disabled]\n    ) {\n    background: var(--brick-color-surface-subtle);\n    opacity: 0.72;\n  }\n\n  .brick-password-toggle-field-toggle:disabled {\n    cursor: not-allowed;\n  }\n\n  @media (hover: hover) and (pointer: fine) {\n    .brick-password-toggle-field:not(\n        :focus-within,\n        :has(.brick-password-toggle-field-input[data-disabled]),\n        :has(.brick-password-toggle-field-input[data-readonly]),\n        :has(.brick-password-toggle-field-input[data-invalid])\n      ):hover {\n      border-color: var(--brick-password-hover-border);\n      background: var(--brick-password-hover-background);\n    }\n\n    .brick-password-toggle-field-toggle:not(:disabled):hover {\n      background: var(--brick-color-accent-soft);\n      color: var(--brick-color-text-primary);\n    }\n  }\n\n  @media (prefers-reduced-motion: reduce) {\n    .brick-password-toggle-field {\n      transition-duration: 0ms;\n    }\n  }\n\n  @media (forced-colors: active) {\n    .brick-password-toggle-field {\n      border-color: ButtonText;\n      background: Canvas;\n      color: CanvasText;\n    }\n\n    .brick-password-toggle-field:focus-within {\n      border-color: Highlight;\n      box-shadow: 0 0 0 var(--brick-border-focus-width) Highlight;\n    }\n  }\n}\n","@layer brick.components {\n  .brick-card {\n    --brick-card-space: var(--brick-space-5);\n    --brick-card-radius: var(--brick-radius-surface);\n    --brick-card-shadow: 0 0.75rem 2rem color-mix(\n      in srgb,\n      var(--brick-color-shadow),\n      transparent 18%\n    );\n    --brick-card-background: var(--brick-color-surface-raised);\n    --brick-card-border-color: var(--brick-color-border-default);\n    --brick-card-border-width: var(--brick-border-width);\n    --brick-card-title-size: var(--brick-typography-surface-title-md-font-size);\n\n    display: flex;\n    box-sizing: border-box;\n    min-inline-size: 0;\n    max-inline-size: 100%;\n    flex-direction: column;\n    overflow: clip;\n    border: var(--brick-card-border-width) solid var(--brick-card-border-color);\n    border-radius: var(--brick-card-radius);\n    background: var(--brick-card-background);\n    box-shadow: none;\n    color: var(--brick-color-text-primary);\n    overflow-wrap: anywhere;\n  }\n\n  .brick-card[data-variant=\"elevated\"] {\n    --brick-card-background: color-mix(\n      in srgb,\n      var(--brick-color-surface-raised),\n      white 6%\n    );\n    --brick-card-border-color: color-mix(\n      in srgb,\n      var(--brick-color-border-subtle),\n      transparent 45%\n    );\n\n    box-shadow: var(--brick-card-shadow);\n  }\n\n  .brick-card[data-variant=\"subtle\"] {\n    --brick-card-background: var(--brick-color-surface-subtle);\n    --brick-card-border-color: transparent;\n  }\n\n  .brick-card[data-bordered=\"false\"] {\n    --brick-card-border-width: 0;\n  }\n\n  .brick-card[data-size=\"sm\"] {\n    --brick-card-space: var(--brick-space-3);\n    --brick-card-title-size: var(--brick-typography-surface-title-sm-font-size);\n  }\n\n  .brick-card[data-size=\"lg\"] {\n    --brick-card-space: var(--brick-space-6);\n    --brick-card-title-size: var(--brick-typography-surface-title-lg-font-size);\n  }\n\n  .brick-card-header {\n    display: grid;\n    min-inline-size: 0;\n    grid-template-columns: minmax(0, 1fr);\n    grid-auto-flow: row;\n    row-gap: var(--brick-space-1);\n    align-items: start;\n    padding: var(--brick-card-space);\n  }\n\n  .brick-card-header:has(> .brick-card-action) {\n    grid-template-columns: minmax(0, 1fr) auto;\n    column-gap: var(--brick-space-3);\n  }\n\n  .brick-card-title,\n  .brick-card-description {\n    min-inline-size: 0;\n    grid-column: 1;\n    margin: 0;\n  }\n\n  .brick-card-title {\n    color: var(--brick-color-text-primary);\n    font-family: var(--brick-typography-surface-title-md-font-family);\n    font-size: var(--brick-card-title-size);\n    font-weight: var(--brick-typography-surface-title-md-font-weight);\n    letter-spacing: var(--brick-typography-surface-title-md-letter-spacing);\n    line-height: var(--brick-typography-surface-title-md-line-height);\n  }\n\n  .brick-card-description {\n    color: var(--brick-color-text-secondary);\n    font-family: var(--brick-typography-supporting-sm-font-family);\n    font-size: var(--brick-typography-supporting-sm-font-size);\n    font-weight: var(--brick-typography-supporting-sm-font-weight);\n    letter-spacing: var(--brick-typography-supporting-sm-letter-spacing);\n    line-height: var(--brick-typography-supporting-sm-line-height);\n  }\n\n  .brick-card-action {\n    display: flex;\n    min-inline-size: 0;\n    max-inline-size: 100%;\n    grid-column: 2;\n    grid-row: 1 / -1;\n    align-items: start;\n    justify-content: end;\n  }\n\n  .brick-card-content {\n    min-inline-size: 0;\n    padding-inline: var(--brick-card-space);\n    padding-block-end: var(--brick-card-space);\n    color: var(--brick-color-text-primary);\n    line-height: var(--brick-typography-body-md-line-height);\n  }\n\n  .brick-card > .brick-card-content:first-child {\n    padding-block-start: var(--brick-card-space);\n  }\n\n  .brick-card-footer {\n    display: flex;\n    min-inline-size: 0;\n    flex-wrap: wrap;\n    align-items: center;\n    gap: var(--brick-space-2);\n    padding-inline: var(--brick-card-space);\n    padding-block-end: var(--brick-card-space);\n  }\n\n  .brick-card > .brick-card-footer:first-child {\n    padding-block-start: var(--brick-card-space);\n  }\n\n  .brick-card > :where(img, picture, video) {\n    display: block;\n    inline-size: 100%;\n    max-inline-size: 100%;\n  }\n\n  .brick-card > :where(img, video),\n  .brick-card > picture > img {\n    block-size: auto;\n  }\n\n  @media (forced-colors: active) {\n    .brick-card,\n    .brick-card[data-variant=\"elevated\"],\n    .brick-card[data-variant=\"subtle\"] {\n      border-color: CanvasText;\n      box-shadow: none;\n    }\n  }\n}\n","@layer brick.components {\n  .brick-container {\n    --brick-container-measure-narrow: 42rem;\n    --brick-container-measure-medium: 64rem;\n    --brick-container-measure-wide: 72rem;\n    --brick-container-measure-max: 90rem;\n    --brick-container-measure-full: none;\n    --brick-container-gutter-none: 0rem;\n    --brick-container-gutter-sm: clamp(0.75rem, 2vw, 1rem);\n    --brick-container-gutter-md: clamp(1rem, 3vw, 2rem);\n    --brick-container-gutter-lg: clamp(1rem, 4vw, 4rem);\n    --brick-container-max-inline-size: var(--brick-container-measure-wide);\n    --brick-container-padding-inline: var(--brick-container-gutter-md);\n\n    box-sizing: border-box;\n    inline-size: 100%;\n    max-inline-size: var(--brick-container-max-inline-size);\n    min-inline-size: 0;\n    margin-inline: auto;\n    padding-inline: var(--brick-container-padding-inline);\n  }\n\n  .brick-container[data-measure=\"narrow\"] {\n    --brick-container-max-inline-size: var(--brick-container-measure-narrow);\n  }\n\n  .brick-container[data-measure=\"medium\"] {\n    --brick-container-max-inline-size: var(--brick-container-measure-medium);\n  }\n\n  .brick-container[data-measure=\"max\"] {\n    --brick-container-max-inline-size: var(--brick-container-measure-max);\n  }\n\n  .brick-container[data-measure=\"full\"] {\n    --brick-container-max-inline-size: var(--brick-container-measure-full);\n  }\n\n  .brick-container[data-gutter=\"none\"] {\n    --brick-container-padding-inline: var(--brick-container-gutter-none);\n  }\n\n  .brick-container[data-gutter=\"sm\"] {\n    --brick-container-padding-inline: var(--brick-container-gutter-sm);\n  }\n\n  .brick-container[data-gutter=\"lg\"] {\n    --brick-container-padding-inline: var(--brick-container-gutter-lg);\n  }\n}\n","@layer brick.components {\n  .brick-tree-grid-container {\n    box-sizing: border-box;\n    inline-size: 100%;\n    min-inline-size: 0;\n    max-inline-size: 100%;\n    overflow-x: auto;\n    overscroll-behavior-inline: contain;\n  }\n\n  .brick-tree-grid {\n    --brick-tree-grid-inline-size: 100%;\n    --brick-tree-grid-min-inline-size: 38rem;\n    --brick-tree-grid-border-color: var(--brick-color-border-subtle);\n    --brick-tree-grid-border-width: var(--brick-border-width);\n    --brick-tree-grid-radius: var(--brick-radius-surface);\n    --brick-tree-grid-header-background: var(--brick-color-surface-subtle);\n    --brick-tree-grid-header-foreground: var(--brick-color-text-primary);\n    --brick-tree-grid-body-background: var(--brick-color-surface-base);\n    --brick-tree-grid-footer-background: var(--brick-color-surface-subtle);\n    --brick-tree-grid-cell-foreground: var(--brick-color-text-primary);\n    --brick-tree-grid-cell-padding-inline: var(--brick-space-4);\n    --brick-tree-grid-cell-padding-block: var(--brick-space-3);\n    --brick-tree-grid-row-min-block-size: 3rem;\n    --brick-tree-grid-depth-indent: var(--brick-space-5);\n    --brick-tree-grid-caption-foreground: var(--brick-color-text-secondary);\n    --brick-tree-grid-caption-gap: var(--brick-space-3);\n    --brick-tree-grid-active-color: var(--brick-color-focus-ring);\n    --brick-tree-grid-active-width: 2px;\n    --brick-tree-grid-selected-background: var(--brick-color-surface-accent-subtle, var(--brick-color-surface-subtle));\n    --brick-tree-grid-selected-foreground: var(--brick-color-text-primary);\n    --brick-tree-grid-hover-background: var(--brick-color-surface-hover, var(--brick-color-surface-subtle));\n    --brick-tree-grid-disabled-opacity: .5;\n    --brick-tree-grid-indicator-size: 1rem;\n    --brick-tree-grid-indicator-color: var(--brick-color-text-secondary);\n    --brick-tree-grid-sort-indicator-size: 1rem;\n    --brick-tree-grid-sort-indicator-color: var(--brick-color-text-secondary);\n    --brick-tree-grid-motion-duration: 160ms;\n    --brick-tree-grid-motion-easing: ease;\n    box-sizing: border-box;\n    inline-size: var(--brick-tree-grid-inline-size);\n    min-inline-size: var(--brick-tree-grid-min-inline-size);\n    border-collapse: separate;\n    border-spacing: 0;\n    color: var(--brick-tree-grid-cell-foreground);\n    font-family: var(--brick-typography-body-md-font-family);\n    font-size: var(--brick-typography-body-md-font-size);\n    line-height: var(--brick-typography-body-md-line-height);\n  }\n\n  .brick-tree-grid[data-size=\"sm\"] {\n    --brick-tree-grid-row-min-block-size: 2.5rem;\n    --brick-tree-grid-cell-padding-inline: var(--brick-space-3);\n    --brick-tree-grid-depth-indent: var(--brick-space-4);\n    --brick-tree-grid-indicator-size: .875rem;\n    --brick-tree-grid-sort-indicator-size: .875rem;\n    font-size: var(--brick-typography-body-sm-font-size);\n    line-height: var(--brick-typography-body-sm-line-height);\n  }\n\n  .brick-tree-grid[data-size=\"lg\"] {\n    --brick-tree-grid-row-min-block-size: 3.5rem;\n    --brick-tree-grid-cell-padding-inline: var(--brick-space-5);\n    --brick-tree-grid-depth-indent: var(--brick-space-6);\n    --brick-tree-grid-indicator-size: 1.125rem;\n    --brick-tree-grid-sort-indicator-size: 1.125rem;\n    font-size: var(--brick-typography-body-lg-font-size);\n    line-height: var(--brick-typography-body-lg-line-height);\n  }\n\n  .brick-tree-grid[data-density=\"compact\"] { --brick-tree-grid-cell-padding-block: var(--brick-space-1); }\n  .brick-tree-grid[data-density=\"spacious\"] { --brick-tree-grid-cell-padding-block: var(--brick-space-5); }\n\n  .brick-tree-grid__caption { color: var(--brick-tree-grid-caption-foreground); text-align: start; }\n  .brick-tree-grid__caption[data-side=\"top\"] { caption-side: top; padding-block-end: var(--brick-tree-grid-caption-gap); }\n  .brick-tree-grid__caption[data-side=\"bottom\"] { caption-side: bottom; padding-block-start: var(--brick-tree-grid-caption-gap); }\n\n  :where(.brick-tree-grid__column-header, .brick-tree-grid__row-header, .brick-tree-grid__cell) {\n    box-sizing: border-box;\n    min-block-size: var(--brick-tree-grid-row-min-block-size);\n    padding-block: var(--brick-tree-grid-cell-padding-block);\n    padding-inline: var(--brick-tree-grid-cell-padding-inline);\n    border-block-end: var(--brick-tree-grid-border-width) solid var(--brick-tree-grid-border-color);\n    text-align: start;\n    vertical-align: middle;\n    overflow-wrap: break-word;\n  }\n\n  .brick-tree-grid__column-header { color: var(--brick-tree-grid-header-foreground); background: var(--brick-tree-grid-header-background); font-weight: var(--brick-typography-compact-title-font-weight); white-space: nowrap; }\n  :where(.brick-tree-grid__row-header, .brick-tree-grid__cell) { background: var(--brick-tree-grid-body-background); }\n  .brick-tree-grid__row-header { padding-inline-start: calc(var(--brick-tree-grid-cell-padding-inline) + (var(--tree-grid-level, 1) - 1) * var(--brick-tree-grid-depth-indent)); font-weight: var(--brick-typography-body-md-font-weight); }\n  .brick-tree-grid__row[data-level=\"2\"] { --tree-grid-level: 2; }\n  .brick-tree-grid__row[data-level=\"3\"] { --tree-grid-level: 3; }\n  .brick-tree-grid__row[data-level=\"4\"] { --tree-grid-level: 4; }\n  .brick-tree-grid__row[data-level=\"5\"] { --tree-grid-level: 5; }\n  .brick-tree-grid__row[data-level=\"6\"] { --tree-grid-level: 6; }\n  .brick-tree-grid__row[data-level=\"7\"] { --tree-grid-level: 7; }\n  .brick-tree-grid__row[data-level=\"8\"] { --tree-grid-level: 8; }\n  .brick-tree-grid__row[data-level=\"9\"] { --tree-grid-level: 9; }\n  .brick-tree-grid__row[data-level=\"10\"] { --tree-grid-level: 10; }\n\n  .brick-tree-grid__footer :where(.brick-tree-grid__column-header, .brick-tree-grid__row-header, .brick-tree-grid__cell) { background: var(--brick-tree-grid-footer-background); font-weight: var(--brick-typography-compact-title-font-weight); }\n  :where(.brick-tree-grid__column-header, .brick-tree-grid__row-header, .brick-tree-grid__cell)[data-align=\"center\"] { text-align: center; }\n  :where(.brick-tree-grid__column-header, .brick-tree-grid__row-header, .brick-tree-grid__cell)[data-align=\"end\"] { text-align: end; }\n  :where(.brick-tree-grid__column-header, .brick-tree-grid__row-header, .brick-tree-grid__cell)[data-numeric] { white-space: nowrap; font-variant-numeric: tabular-nums; }\n\n  .brick-tree-grid[data-variant=\"outline\"] { border: var(--brick-tree-grid-border-width) solid var(--brick-tree-grid-border-color); border-radius: var(--brick-tree-grid-radius); overflow: clip; }\n  .brick-tree-grid[data-variant=\"outline\"] :where(.brick-tree-grid__column-header, .brick-tree-grid__row-header, .brick-tree-grid__cell) + :where(.brick-tree-grid__column-header, .brick-tree-grid__row-header, .brick-tree-grid__cell) { border-inline-start: var(--brick-tree-grid-border-width) solid var(--brick-tree-grid-border-color); }\n  .brick-tree-grid[data-variant=\"outline\"] :where(.brick-tree-grid__body, .brick-tree-grid__footer):last-child .brick-tree-grid__row:last-child :where(.brick-tree-grid__row-header, .brick-tree-grid__cell) { border-block-end: 0; }\n  .brick-tree-grid[data-variant=\"outline\"] :where(.brick-tree-grid__body, .brick-tree-grid__footer):last-child .brick-tree-grid__row:last-child > :first-child { border-end-start-radius: calc(var(--brick-tree-grid-radius) - var(--brick-tree-grid-border-width)); }\n  .brick-tree-grid[data-variant=\"outline\"] :where(.brick-tree-grid__body, .brick-tree-grid__footer):last-child .brick-tree-grid__row:last-child > :last-child { border-end-end-radius: calc(var(--brick-tree-grid-radius) - var(--brick-tree-grid-border-width)); }\n\n  .brick-tree-grid__row[data-selected] :where(.brick-tree-grid__row-header, .brick-tree-grid__cell) { color: var(--brick-tree-grid-selected-foreground); background: var(--brick-tree-grid-selected-background); }\n  .brick-tree-grid__row[data-selectable]:hover :where(.brick-tree-grid__row-header, .brick-tree-grid__cell), .brick-tree-grid__column-header[data-actionable]:hover { background: var(--brick-tree-grid-hover-background); }\n  .brick-tree-grid__row[data-disabled] :where(.brick-tree-grid__row-header, .brick-tree-grid__cell), :where(.brick-tree-grid__column-header, .brick-tree-grid__row-header, .brick-tree-grid__cell)[data-disabled] { opacity: var(--brick-tree-grid-disabled-opacity); }\n  :where(.brick-tree-grid__column-header, .brick-tree-grid__row-header, .brick-tree-grid__cell)[data-active] { position: relative; outline: var(--brick-tree-grid-active-width) solid var(--brick-tree-grid-active-color); outline-offset: calc(-1 * var(--brick-tree-grid-active-width)); }\n\n  .brick-tree-grid__indicator { display: inline-flex; align-items: center; justify-content: center; inline-size: var(--brick-tree-grid-indicator-size); block-size: var(--brick-tree-grid-indicator-size); margin-inline-end: var(--brick-space-2); color: var(--brick-tree-grid-indicator-color); vertical-align: middle; transition: transform var(--brick-tree-grid-motion-duration) var(--brick-tree-grid-motion-easing); }\n  .brick-tree-grid__indicator svg, .brick-tree-grid__sort-indicator svg { inline-size: 100%; block-size: 100%; fill: none; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.5; }\n  .brick-tree-grid__row:not([data-expandable]) .brick-tree-grid__indicator { visibility: hidden; }\n  .brick-tree-grid__row[data-expanded] .brick-tree-grid__indicator { transform: rotate(90deg); }\n  [dir=\"rtl\"] .brick-tree-grid__indicator { transform: scaleX(-1); }\n  [dir=\"rtl\"] .brick-tree-grid__row[data-expanded] .brick-tree-grid__indicator { transform: scaleX(-1) rotate(90deg); }\n\n  .brick-tree-grid__sort-indicator { display: inline-flex; inline-size: var(--brick-tree-grid-sort-indicator-size); block-size: var(--brick-tree-grid-sort-indicator-size); margin-inline-start: var(--brick-space-2); vertical-align: middle; color: var(--brick-tree-grid-sort-indicator-color); }\n  .brick-tree-grid__column-header[data-sort=\"ascending\"] .brick-tree-grid__sort-indicator path { d: path(\"m4 10 4-4 4 4\"); }\n  .brick-tree-grid__column-header[data-sort=\"descending\"] .brick-tree-grid__sort-indicator path { d: path(\"m4 6 4 4 4-4\"); }\n\n  @media (prefers-reduced-motion: reduce) { .brick-tree-grid__indicator { transition: none; } }\n  @media (forced-colors: active) {\n    .brick-tree-grid { --brick-tree-grid-border-color: CanvasText; --brick-tree-grid-header-background: Canvas; --brick-tree-grid-body-background: Canvas; --brick-tree-grid-footer-background: Canvas; --brick-tree-grid-active-color: Highlight; --brick-tree-grid-selected-background: Highlight; --brick-tree-grid-selected-foreground: HighlightText; --brick-tree-grid-hover-background: Canvas; --brick-tree-grid-indicator-color: CanvasText; --brick-tree-grid-sort-indicator-color: CanvasText; }\n    :where(.brick-tree-grid__column-header, .brick-tree-grid__row-header, .brick-tree-grid__cell)[data-active] { outline-color: Highlight; }\n    .brick-tree-grid__row[data-disabled] :where(.brick-tree-grid__row-header, .brick-tree-grid__cell) { color: GrayText; opacity: 1; }\n  }\n}\n","@layer brick.components {\n  :where(.brick-tooltip__arrow, .brick-hover-card__arrow, .brick-popover__arrow) {\n    color: var(--brick-floating-arrow-stroke, var(--brick-tooltip-border-color));\n    fill: var(--brick-floating-arrow-fill, var(--brick-tooltip-background));\n    filter: drop-shadow(0 1px 0 var(--brick-floating-arrow-stroke, var(--brick-tooltip-border-color)));\n  }\n}\n","@layer brick.components {\n  .brick-dialog-overlay {\n    position: fixed;\n    z-index: var(--brick-layer-overlay);\n    inset: 0;\n    background: var(--brick-color-scrim);\n    opacity: 1;\n    transition: opacity var(--brick-motion-duration-fast) var(--brick-motion-easing-exit);\n  }\n\n  .brick-dialog-overlay[data-state=\"closed\"] {\n    opacity: 0;\n  }\n\n  .brick-dialog-content {\n    --brick-dialog-max-inline-size: 32rem;\n    --brick-dialog-max-block-size: calc(100dvb - 2rem - env(safe-area-inset-top) - env(safe-area-inset-bottom));\n    --brick-dialog-space: var(--brick-space-5);\n    --brick-dialog-radius: var(--brick-radius-overlay);\n    --brick-dialog-shadow: var(--brick-shadow-modal);\n\n    position: fixed;\n    z-index: calc(var(--brick-layer-overlay) + 1);\n    inset-block-start: 50%;\n    left: 50%;\n    display: flex;\n    box-sizing: border-box;\n    inline-size: min(\n      var(--brick-dialog-max-inline-size),\n      calc(100vi - 2rem - env(safe-area-inset-left) - env(safe-area-inset-right))\n    );\n    max-inline-size: calc(100vi - 2rem - env(safe-area-inset-left) - env(safe-area-inset-right));\n    max-block-size: var(--brick-dialog-max-block-size);\n    flex-direction: column;\n    overflow: hidden;\n    border: var(--brick-border-width) solid var(--brick-color-border-subtle);\n    border-radius: var(--brick-dialog-radius);\n    background: var(--brick-color-surface-overlay);\n    box-shadow: var(--brick-dialog-shadow);\n    color: var(--brick-color-text-primary);\n    opacity: 1;\n    overflow-wrap: anywhere;\n    transform: translate(-50%, -50%) scale(1);\n    transform-origin: center;\n    transition:\n      opacity var(--brick-motion-duration-fast) var(--brick-motion-easing-exit),\n      transform var(--brick-motion-duration-fast) var(--brick-motion-easing-exit);\n  }\n\n  .brick-dialog-content[data-size=\"sm\"] {\n    --brick-dialog-max-inline-size: 24rem;\n    --brick-dialog-space: var(--brick-space-4);\n  }\n\n  .brick-dialog-content[data-size=\"lg\"] {\n    --brick-dialog-max-inline-size: 44rem;\n    --brick-dialog-space: var(--brick-space-6);\n  }\n\n  .brick-dialog-content[data-state=\"closed\"] {\n    opacity: 0;\n    transform: translate(-50%, -48%) scale(0.985);\n  }\n\n  .brick-dialog-header {\n    display: grid;\n    flex: none;\n    gap: var(--brick-space-1);\n    min-inline-size: 0;\n    padding: var(--brick-dialog-space);\n    padding-block-end: var(--brick-space-3);\n  }\n\n  .brick-dialog-title,\n  .brick-dialog-description {\n    min-inline-size: 0;\n    margin: 0;\n  }\n\n  .brick-dialog-title {\n    color: var(--brick-color-text-primary);\n    font-family: var(--brick-typography-overlay-title-font-family);\n    font-size: var(--brick-typography-overlay-title-font-size);\n    font-weight: var(--brick-typography-overlay-title-font-weight);\n    letter-spacing: var(--brick-typography-overlay-title-letter-spacing);\n    line-height: var(--brick-typography-overlay-title-line-height);\n  }\n\n  .brick-dialog-description {\n    color: var(--brick-color-text-secondary);\n    font-family: var(--brick-typography-supporting-sm-font-family);\n    font-size: var(--brick-typography-supporting-sm-font-size);\n    font-weight: var(--brick-typography-supporting-sm-font-weight);\n    letter-spacing: var(--brick-typography-supporting-sm-letter-spacing);\n    line-height: var(--brick-typography-supporting-sm-line-height);\n  }\n\n  .brick-dialog-body {\n    min-block-size: 0;\n    min-inline-size: 0;\n    flex: 1 1 auto;\n    padding-inline: var(--brick-dialog-space);\n    padding-block: var(--brick-space-2) var(--brick-dialog-space);\n    overflow: auto;\n    overscroll-behavior: contain;\n    color: var(--brick-color-text-primary);\n    line-height: var(--brick-typography-body-md-line-height);\n    scrollbar-gutter: stable;\n  }\n\n  .brick-dialog-footer {\n    display: flex;\n    min-inline-size: 0;\n    flex: none;\n    flex-wrap: wrap;\n    align-items: center;\n    justify-content: flex-end;\n    gap: var(--brick-space-2);\n    padding: var(--brick-space-3) var(--brick-dialog-space) var(--brick-dialog-space);\n  }\n\n  .brick-dialog-footer[data-justify=\"start\"] {\n    justify-content: flex-start;\n  }\n\n  .brick-dialog-footer[data-justify=\"center\"] {\n    justify-content: center;\n  }\n\n  .brick-dialog-footer[data-justify=\"between\"] {\n    justify-content: space-between;\n  }\n\n  @supports not (height: 100dvb) {\n    .brick-dialog-content {\n      --brick-dialog-max-block-size: calc(100vh - 2rem - env(safe-area-inset-top) - env(safe-area-inset-bottom));\n    }\n  }\n\n  @media (max-width: 30rem) {\n    .brick-dialog-content {\n      --brick-dialog-space: var(--brick-space-4);\n    }\n\n    .brick-dialog-footer > .brick-button {\n      flex: 1 1 9rem;\n    }\n  }\n\n  @media (prefers-reduced-motion: reduce) {\n    .brick-dialog-overlay,\n    .brick-dialog-content {\n      transition-duration: 1ms;\n    }\n\n    .brick-dialog-content,\n    .brick-dialog-content[data-state=\"closed\"] {\n      transform: translate(-50%, -50%);\n    }\n  }\n\n  @media (forced-colors: active) {\n    .brick-dialog-overlay {\n      background: Canvas;\n      opacity: 0.7;\n    }\n\n    .brick-dialog-content {\n      border-color: CanvasText;\n      box-shadow: none;\n    }\n  }\n}\n","@layer brick.components {\n  .brick-section {\n    --brick-section-space-none: 0rem;\n    --brick-section-space-sm: clamp(2rem, 4vw, 3rem);\n    --brick-section-space-md: clamp(3rem, 6vw, 5rem);\n    --brick-section-space-lg: clamp(4rem, 8vw, 7rem);\n    --brick-section-space-xl: clamp(5rem, 10vw, 9rem);\n    --brick-section-space-2xl: clamp(6rem, 12vw, 12rem);\n    --brick-section-spacing: var(--brick-section-space-md);\n    --brick-section-start-spacing: var(--brick-section-spacing);\n    --brick-section-end-spacing: var(--brick-section-spacing);\n\n    box-sizing: border-box;\n    min-inline-size: 0;\n  }\n\n  /* Section owns the block axis even when Surface paints the same host. */\n  .brick-section[data-spacing] {\n    padding-block: var(--brick-section-start-spacing)\n      var(--brick-section-end-spacing);\n  }\n\n  .brick-section[data-spacing=\"none\"] { --brick-section-spacing: var(--brick-section-space-none); }\n  .brick-section[data-spacing=\"sm\"] { --brick-section-spacing: var(--brick-section-space-sm); }\n  .brick-section[data-spacing=\"lg\"] { --brick-section-spacing: var(--brick-section-space-lg); }\n  .brick-section[data-spacing=\"xl\"] { --brick-section-spacing: var(--brick-section-space-xl); }\n  .brick-section[data-spacing=\"2xl\"] { --brick-section-spacing: var(--brick-section-space-2xl); }\n\n  .brick-section[data-start-spacing=\"none\"] { --brick-section-start-spacing: var(--brick-section-space-none); }\n  .brick-section[data-start-spacing=\"sm\"] { --brick-section-start-spacing: var(--brick-section-space-sm); }\n  .brick-section[data-start-spacing=\"md\"] { --brick-section-start-spacing: var(--brick-section-space-md); }\n  .brick-section[data-start-spacing=\"lg\"] { --brick-section-start-spacing: var(--brick-section-space-lg); }\n  .brick-section[data-start-spacing=\"xl\"] { --brick-section-start-spacing: var(--brick-section-space-xl); }\n  .brick-section[data-start-spacing=\"2xl\"] { --brick-section-start-spacing: var(--brick-section-space-2xl); }\n\n  .brick-section[data-end-spacing=\"none\"] { --brick-section-end-spacing: var(--brick-section-space-none); }\n  .brick-section[data-end-spacing=\"sm\"] { --brick-section-end-spacing: var(--brick-section-space-sm); }\n  .brick-section[data-end-spacing=\"md\"] { --brick-section-end-spacing: var(--brick-section-space-md); }\n  .brick-section[data-end-spacing=\"lg\"] { --brick-section-end-spacing: var(--brick-section-space-lg); }\n  .brick-section[data-end-spacing=\"xl\"] { --brick-section-end-spacing: var(--brick-section-space-xl); }\n  .brick-section[data-end-spacing=\"2xl\"] { --brick-section-end-spacing: var(--brick-section-space-2xl); }\n\n  @media (width >= 30rem) {\n    .brick-section[data-spacing-sm=\"none\"] { --brick-section-spacing: var(--brick-section-space-none); }\n    .brick-section[data-spacing-sm=\"sm\"] { --brick-section-spacing: var(--brick-section-space-sm); }\n    .brick-section[data-spacing-sm=\"md\"] { --brick-section-spacing: var(--brick-section-space-md); }\n    .brick-section[data-spacing-sm=\"lg\"] { --brick-section-spacing: var(--brick-section-space-lg); }\n    .brick-section[data-spacing-sm=\"xl\"] { --brick-section-spacing: var(--brick-section-space-xl); }\n    .brick-section[data-spacing-sm=\"2xl\"] { --brick-section-spacing: var(--brick-section-space-2xl); }\n    .brick-section[data-start-spacing-sm=\"none\"] { --brick-section-start-spacing: var(--brick-section-space-none); }\n    .brick-section[data-start-spacing-sm=\"sm\"] { --brick-section-start-spacing: var(--brick-section-space-sm); }\n    .brick-section[data-start-spacing-sm=\"md\"] { --brick-section-start-spacing: var(--brick-section-space-md); }\n    .brick-section[data-start-spacing-sm=\"lg\"] { --brick-section-start-spacing: var(--brick-section-space-lg); }\n    .brick-section[data-start-spacing-sm=\"xl\"] { --brick-section-start-spacing: var(--brick-section-space-xl); }\n    .brick-section[data-start-spacing-sm=\"2xl\"] { --brick-section-start-spacing: var(--brick-section-space-2xl); }\n    .brick-section[data-end-spacing-sm=\"none\"] { --brick-section-end-spacing: var(--brick-section-space-none); }\n    .brick-section[data-end-spacing-sm=\"sm\"] { --brick-section-end-spacing: var(--brick-section-space-sm); }\n    .brick-section[data-end-spacing-sm=\"md\"] { --brick-section-end-spacing: var(--brick-section-space-md); }\n    .brick-section[data-end-spacing-sm=\"lg\"] { --brick-section-end-spacing: var(--brick-section-space-lg); }\n    .brick-section[data-end-spacing-sm=\"xl\"] { --brick-section-end-spacing: var(--brick-section-space-xl); }\n    .brick-section[data-end-spacing-sm=\"2xl\"] { --brick-section-end-spacing: var(--brick-section-space-2xl); }\n  }\n\n  @media (width >= 48rem) {\n    .brick-section[data-spacing-md=\"none\"] { --brick-section-spacing: var(--brick-section-space-none); }\n    .brick-section[data-spacing-md=\"sm\"] { --brick-section-spacing: var(--brick-section-space-sm); }\n    .brick-section[data-spacing-md=\"md\"] { --brick-section-spacing: var(--brick-section-space-md); }\n    .brick-section[data-spacing-md=\"lg\"] { --brick-section-spacing: var(--brick-section-space-lg); }\n    .brick-section[data-spacing-md=\"xl\"] { --brick-section-spacing: var(--brick-section-space-xl); }\n    .brick-section[data-spacing-md=\"2xl\"] { --brick-section-spacing: var(--brick-section-space-2xl); }\n    .brick-section[data-start-spacing-md=\"none\"] { --brick-section-start-spacing: var(--brick-section-space-none); }\n    .brick-section[data-start-spacing-md=\"sm\"] { --brick-section-start-spacing: var(--brick-section-space-sm); }\n    .brick-section[data-start-spacing-md=\"md\"] { --brick-section-start-spacing: var(--brick-section-space-md); }\n    .brick-section[data-start-spacing-md=\"lg\"] { --brick-section-start-spacing: var(--brick-section-space-lg); }\n    .brick-section[data-start-spacing-md=\"xl\"] { --brick-section-start-spacing: var(--brick-section-space-xl); }\n    .brick-section[data-start-spacing-md=\"2xl\"] { --brick-section-start-spacing: var(--brick-section-space-2xl); }\n    .brick-section[data-end-spacing-md=\"none\"] { --brick-section-end-spacing: var(--brick-section-space-none); }\n    .brick-section[data-end-spacing-md=\"sm\"] { --brick-section-end-spacing: var(--brick-section-space-sm); }\n    .brick-section[data-end-spacing-md=\"md\"] { --brick-section-end-spacing: var(--brick-section-space-md); }\n    .brick-section[data-end-spacing-md=\"lg\"] { --brick-section-end-spacing: var(--brick-section-space-lg); }\n    .brick-section[data-end-spacing-md=\"xl\"] { --brick-section-end-spacing: var(--brick-section-space-xl); }\n    .brick-section[data-end-spacing-md=\"2xl\"] { --brick-section-end-spacing: var(--brick-section-space-2xl); }\n  }\n\n  @media (width >= 64rem) {\n    .brick-section[data-spacing-lg=\"none\"] { --brick-section-spacing: var(--brick-section-space-none); }\n    .brick-section[data-spacing-lg=\"sm\"] { --brick-section-spacing: var(--brick-section-space-sm); }\n    .brick-section[data-spacing-lg=\"md\"] { --brick-section-spacing: var(--brick-section-space-md); }\n    .brick-section[data-spacing-lg=\"lg\"] { --brick-section-spacing: var(--brick-section-space-lg); }\n    .brick-section[data-spacing-lg=\"xl\"] { --brick-section-spacing: var(--brick-section-space-xl); }\n    .brick-section[data-spacing-lg=\"2xl\"] { --brick-section-spacing: var(--brick-section-space-2xl); }\n    .brick-section[data-start-spacing-lg=\"none\"] { --brick-section-start-spacing: var(--brick-section-space-none); }\n    .brick-section[data-start-spacing-lg=\"sm\"] { --brick-section-start-spacing: var(--brick-section-space-sm); }\n    .brick-section[data-start-spacing-lg=\"md\"] { --brick-section-start-spacing: var(--brick-section-space-md); }\n    .brick-section[data-start-spacing-lg=\"lg\"] { --brick-section-start-spacing: var(--brick-section-space-lg); }\n    .brick-section[data-start-spacing-lg=\"xl\"] { --brick-section-start-spacing: var(--brick-section-space-xl); }\n    .brick-section[data-start-spacing-lg=\"2xl\"] { --brick-section-start-spacing: var(--brick-section-space-2xl); }\n    .brick-section[data-end-spacing-lg=\"none\"] { --brick-section-end-spacing: var(--brick-section-space-none); }\n    .brick-section[data-end-spacing-lg=\"sm\"] { --brick-section-end-spacing: var(--brick-section-space-sm); }\n    .brick-section[data-end-spacing-lg=\"md\"] { --brick-section-end-spacing: var(--brick-section-space-md); }\n    .brick-section[data-end-spacing-lg=\"lg\"] { --brick-section-end-spacing: var(--brick-section-space-lg); }\n    .brick-section[data-end-spacing-lg=\"xl\"] { --brick-section-end-spacing: var(--brick-section-space-xl); }\n    .brick-section[data-end-spacing-lg=\"2xl\"] { --brick-section-end-spacing: var(--brick-section-space-2xl); }\n  }\n\n  @media (width >= 80rem) {\n    .brick-section[data-spacing-xl=\"none\"] { --brick-section-spacing: var(--brick-section-space-none); }\n    .brick-section[data-spacing-xl=\"sm\"] { --brick-section-spacing: var(--brick-section-space-sm); }\n    .brick-section[data-spacing-xl=\"md\"] { --brick-section-spacing: var(--brick-section-space-md); }\n    .brick-section[data-spacing-xl=\"lg\"] { --brick-section-spacing: var(--brick-section-space-lg); }\n    .brick-section[data-spacing-xl=\"xl\"] { --brick-section-spacing: var(--brick-section-space-xl); }\n    .brick-section[data-spacing-xl=\"2xl\"] { --brick-section-spacing: var(--brick-section-space-2xl); }\n    .brick-section[data-start-spacing-xl=\"none\"] { --brick-section-start-spacing: var(--brick-section-space-none); }\n    .brick-section[data-start-spacing-xl=\"sm\"] { --brick-section-start-spacing: var(--brick-section-space-sm); }\n    .brick-section[data-start-spacing-xl=\"md\"] { --brick-section-start-spacing: var(--brick-section-space-md); }\n    .brick-section[data-start-spacing-xl=\"lg\"] { --brick-section-start-spacing: var(--brick-section-space-lg); }\n    .brick-section[data-start-spacing-xl=\"xl\"] { --brick-section-start-spacing: var(--brick-section-space-xl); }\n    .brick-section[data-start-spacing-xl=\"2xl\"] { --brick-section-start-spacing: var(--brick-section-space-2xl); }\n    .brick-section[data-end-spacing-xl=\"none\"] { --brick-section-end-spacing: var(--brick-section-space-none); }\n    .brick-section[data-end-spacing-xl=\"sm\"] { --brick-section-end-spacing: var(--brick-section-space-sm); }\n    .brick-section[data-end-spacing-xl=\"md\"] { --brick-section-end-spacing: var(--brick-section-space-md); }\n    .brick-section[data-end-spacing-xl=\"lg\"] { --brick-section-end-spacing: var(--brick-section-space-lg); }\n    .brick-section[data-end-spacing-xl=\"xl\"] { --brick-section-end-spacing: var(--brick-section-space-xl); }\n    .brick-section[data-end-spacing-xl=\"2xl\"] { --brick-section-end-spacing: var(--brick-section-space-2xl); }\n  }\n}\n","@layer brick.components {\n  .brick-breadcrumb {\n    --brick-breadcrumb-foreground: var(--brick-color-text-secondary);\n    --brick-breadcrumb-foreground-hover: var(--brick-color-text-primary);\n    --brick-breadcrumb-foreground-active: var(--brick-color-accent-text);\n    --brick-breadcrumb-current-foreground: var(--brick-color-text-primary);\n    --brick-breadcrumb-separator-foreground: var(--brick-color-text-secondary);\n    --brick-breadcrumb-ellipsis-foreground: var(--brick-color-text-secondary);\n    --brick-breadcrumb-ellipsis-hover-background: var(--brick-color-surface-subtle);\n    --brick-breadcrumb-focus-ring: var(--brick-color-focus-ring);\n    --brick-breadcrumb-list-gap: var(--brick-space-1);\n    --brick-breadcrumb-item-gap: var(--brick-space-1);\n    --brick-breadcrumb-target-size: var(--brick-control-target-min);\n    --brick-breadcrumb-font-family: var(--brick-typography-body-md-font-family);\n    --brick-breadcrumb-font-size: var(--brick-typography-body-md-font-size);\n    --brick-breadcrumb-font-weight: var(--brick-typography-body-md-font-weight);\n    --brick-breadcrumb-line-height: var(--brick-typography-body-md-line-height);\n    --brick-breadcrumb-letter-spacing: var(--brick-typography-body-md-letter-spacing);\n    --brick-breadcrumb-current-font-weight: var(--brick-typography-label-md-font-weight);\n    --brick-breadcrumb-decoration-thickness: 0.08em;\n    --brick-breadcrumb-decoration-offset: 0.16em;\n    --brick-breadcrumb-separator-size: 1em;\n\n    display: block;\n    box-sizing: border-box;\n    min-inline-size: 0;\n    max-inline-size: 100%;\n    color: var(--brick-breadcrumb-foreground);\n    font-family: var(--brick-breadcrumb-font-family);\n    font-size: var(--brick-breadcrumb-font-size);\n    font-weight: var(--brick-breadcrumb-font-weight);\n    letter-spacing: var(--brick-breadcrumb-letter-spacing);\n    line-height: var(--brick-breadcrumb-line-height);\n  }\n\n  .brick-breadcrumb[data-size=\"sm\"] {\n    --brick-breadcrumb-font-family: var(--brick-typography-body-sm-font-family);\n    --brick-breadcrumb-font-size: var(--brick-typography-body-sm-font-size);\n    --brick-breadcrumb-font-weight: var(--brick-typography-body-sm-font-weight);\n    --brick-breadcrumb-line-height: var(--brick-typography-body-sm-line-height);\n    --brick-breadcrumb-letter-spacing: var(--brick-typography-body-sm-letter-spacing);\n    --brick-breadcrumb-list-gap: 0.1875rem;\n    --brick-breadcrumb-item-gap: 0.1875rem;\n    --brick-breadcrumb-separator-size: 0.875em;\n  }\n\n  .brick-breadcrumb[data-size=\"lg\"] {\n    --brick-breadcrumb-font-family: var(--brick-typography-body-lg-font-family);\n    --brick-breadcrumb-font-size: var(--brick-typography-body-lg-font-size);\n    --brick-breadcrumb-font-weight: var(--brick-typography-body-lg-font-weight);\n    --brick-breadcrumb-line-height: var(--brick-typography-body-lg-line-height);\n    --brick-breadcrumb-letter-spacing: var(--brick-typography-body-lg-letter-spacing);\n    --brick-breadcrumb-list-gap: var(--brick-space-2);\n    --brick-breadcrumb-item-gap: var(--brick-space-2);\n    --brick-breadcrumb-separator-size: 1.125em;\n  }\n\n  .brick-breadcrumb-list {\n    display: flex;\n    box-sizing: border-box;\n    min-inline-size: 0;\n    max-inline-size: 100%;\n    flex-wrap: wrap;\n    align-items: center;\n    gap: var(--brick-breadcrumb-list-gap);\n    margin: 0;\n    padding: 0;\n    list-style: none;\n  }\n\n  .brick-breadcrumb-item {\n    display: inline-flex;\n    box-sizing: border-box;\n    min-inline-size: 0;\n    max-inline-size: 100%;\n    align-items: center;\n    gap: var(--brick-breadcrumb-item-gap);\n  }\n\n  .brick-breadcrumb-link {\n    display: inline-flex;\n    box-sizing: border-box;\n    min-inline-size: 0;\n    min-block-size: var(--brick-breadcrumb-target-size);\n    max-inline-size: 100%;\n    align-items: center;\n    color: var(--brick-breadcrumb-foreground);\n    overflow-wrap: anywhere;\n    text-decoration-color: currentColor;\n    text-decoration-line: none;\n    text-decoration-thickness: var(--brick-breadcrumb-decoration-thickness);\n    text-underline-offset: var(--brick-breadcrumb-decoration-offset);\n    touch-action: manipulation;\n  }\n\n  .brick-breadcrumb[data-variant=\"underline\"] .brick-breadcrumb-link,\n  .brick-breadcrumb-link:is(:hover, :focus-visible, :active) {\n    text-decoration-line: underline;\n  }\n\n  .brick-breadcrumb-link:hover { color: var(--brick-breadcrumb-foreground-hover); }\n  .brick-breadcrumb-link:active { color: var(--brick-breadcrumb-foreground-active); }\n\n  .brick-breadcrumb-link:focus-visible,\n  .brick-breadcrumb-ellipsis:is(button, [role=\"button\"], a):focus-visible {\n    border-radius: var(--brick-radius-subtle);\n    outline: var(--brick-border-focus-width) solid var(--brick-breadcrumb-focus-ring);\n    outline-offset: var(--brick-border-focus-offset);\n  }\n\n  .brick-breadcrumb-page {\n    min-inline-size: 0;\n    max-inline-size: 100%;\n    color: var(--brick-breadcrumb-current-foreground);\n    font-weight: var(--brick-breadcrumb-current-font-weight);\n    overflow-wrap: anywhere;\n  }\n\n  .brick-breadcrumb-separator {\n    display: inline-flex;\n    box-sizing: border-box;\n    flex: 0 0 auto;\n    align-items: center;\n    justify-content: center;\n    color: var(--brick-breadcrumb-separator-foreground);\n    inline-size: var(--brick-breadcrumb-separator-size);\n    block-size: var(--brick-breadcrumb-separator-size);\n    user-select: none;\n  }\n\n  .brick-breadcrumb-separator > :where(svg, img) {\n    inline-size: 100%;\n    block-size: 100%;\n  }\n\n  .brick-breadcrumb-ellipsis {\n    display: inline-flex;\n    box-sizing: border-box;\n    min-inline-size: 1.5em;\n    align-items: center;\n    justify-content: center;\n    color: var(--brick-breadcrumb-ellipsis-foreground);\n    font: inherit;\n  }\n\n  .brick-breadcrumb-ellipsis:is(button, [role=\"button\"], a) {\n    min-inline-size: var(--brick-breadcrumb-target-size);\n    min-block-size: var(--brick-breadcrumb-target-size);\n    padding: 0;\n    border: 0;\n    border-radius: var(--brick-radius-subtle);\n    background: transparent;\n    cursor: pointer;\n    touch-action: manipulation;\n  }\n\n  .brick-breadcrumb-ellipsis:is(button, [role=\"button\"], a):hover {\n    background: var(--brick-breadcrumb-ellipsis-hover-background);\n    color: var(--brick-breadcrumb-foreground-hover);\n  }\n\n  @media (forced-colors: active) {\n    .brick-breadcrumb-link {\n      color: LinkText;\n      forced-color-adjust: auto;\n    }\n\n    .brick-breadcrumb-page { color: CanvasText; }\n    .brick-breadcrumb-separator,\n    .brick-breadcrumb-ellipsis { color: CanvasText; }\n\n    .brick-breadcrumb-link:focus-visible,\n    .brick-breadcrumb-ellipsis:is(button, [role=\"button\"], a):focus-visible {\n      outline-color: Highlight;\n    }\n  }\n}\n","@layer brick.components {\n  .brick-tooltip {\n    --brick-tooltip-background: var(--brick-color-text-primary);\n    --brick-tooltip-foreground: var(--brick-color-surface-base);\n    --brick-tooltip-border-color: color-mix(in srgb, var(--brick-tooltip-foreground), transparent 72%);\n    --brick-tooltip-radius: var(--brick-radius-control);\n    --brick-tooltip-shadow: 0 0.5rem 1.5rem color-mix(in srgb, var(--brick-color-shadow), transparent 28%);\n    --brick-tooltip-max-inline-size: 20rem;\n    --brick-tooltip-padding-block: var(--brick-space-2);\n    --brick-tooltip-padding-inline: var(--brick-space-3);\n    --brick-tooltip-rich-max-inline-size: 24rem;\n    --brick-tooltip-rich-gap: var(--brick-space-1);\n\n    z-index: calc(var(--brick-layer-overlay) - 1);\n    box-sizing: border-box;\n    inline-size: max-content;\n    max-inline-size: min(var(--brick-tooltip-max-inline-size), calc(100vi - 2rem));\n    padding-block: var(--brick-tooltip-padding-block);\n    padding-inline: var(--brick-tooltip-padding-inline);\n    border: var(--brick-border-width) solid var(--brick-tooltip-border-color);\n    border-radius: var(--brick-tooltip-radius);\n    background: var(--brick-tooltip-background);\n    box-shadow: var(--brick-tooltip-shadow);\n    color: var(--brick-tooltip-foreground);\n    font-family: var(--brick-typography-supporting-sm-font-family);\n    font-size: var(--brick-typography-supporting-sm-font-size);\n    font-weight: var(--brick-typography-supporting-sm-font-weight);\n    letter-spacing: var(--brick-typography-supporting-sm-letter-spacing);\n    line-height: var(--brick-typography-supporting-sm-line-height);\n    opacity: 0;\n    overflow-wrap: anywhere;\n    pointer-events: auto;\n    translate: 0 0;\n    transition:\n      opacity var(--brick-motion-duration-fast) var(--brick-motion-easing-enter),\n      translate var(--brick-motion-duration-fast) var(--brick-motion-easing-enter);\n  }\n\n  .brick-tooltip[data-positioned] {\n    opacity: 1;\n  }\n\n  .brick-tooltip[data-state=\"closed\"] {\n    opacity: 0;\n  }\n\n  .brick-tooltip[data-side=\"top\"]:not([data-state=\"closed\"]) {\n    translate: 0 -0.2rem;\n  }\n\n  .brick-tooltip[data-side=\"bottom\"]:not([data-state=\"closed\"]) {\n    translate: 0 0.2rem;\n  }\n\n  .brick-tooltip[data-side=\"left\"]:not([data-state=\"closed\"]) {\n    translate: -0.2rem 0;\n  }\n\n  .brick-tooltip[data-side=\"right\"]:not([data-state=\"closed\"]) {\n    translate: 0.2rem 0;\n  }\n\n  .brick-tooltip[data-shape=\"pill\"] {\n    --brick-tooltip-radius: var(--brick-radius-full);\n  }\n\n  .brick-tooltip[data-variant=\"rich\"] {\n    display: grid;\n    max-inline-size: min(var(--brick-tooltip-rich-max-inline-size), calc(100vi - 2rem));\n    gap: var(--brick-tooltip-rich-gap);\n    padding-block: var(--brick-space-3);\n    padding-inline: var(--brick-space-4);\n  }\n\n  .brick-tooltip[data-side=\"top\"] .brick-tooltip__arrow {\n    translate: 0 calc(var(--brick-border-width) * -1);\n    filter: drop-shadow(0 1px 0 var(--brick-tooltip-border-color));\n  }\n\n  .brick-tooltip[data-side=\"right\"] .brick-tooltip__arrow {\n    translate: var(--brick-border-width) 0;\n    filter: drop-shadow(-1px 0 0 var(--brick-tooltip-border-color));\n  }\n\n  .brick-tooltip[data-side=\"bottom\"] .brick-tooltip__arrow {\n    translate: 0 var(--brick-border-width);\n    filter: drop-shadow(0 -1px 0 var(--brick-tooltip-border-color));\n  }\n\n  .brick-tooltip[data-side=\"left\"] .brick-tooltip__arrow {\n    translate: calc(var(--brick-border-width) * -1) 0;\n    filter: drop-shadow(1px 0 0 var(--brick-tooltip-border-color));\n  }\n\n  .brick-tooltip__title,\n  .brick-tooltip__description {\n    min-inline-size: 0;\n    margin: 0;\n  }\n\n  .brick-tooltip__title {\n    color: inherit;\n    font-family: var(--brick-typography-compact-title-font-family);\n    font-size: var(--brick-typography-compact-title-font-size);\n    font-weight: var(--brick-typography-compact-title-font-weight);\n    letter-spacing: var(--brick-typography-compact-title-letter-spacing);\n    line-height: var(--brick-typography-compact-title-line-height);\n  }\n\n  .brick-tooltip__description {\n    color: color-mix(in srgb, currentColor, transparent 18%);\n    font-family: var(--brick-typography-supporting-sm-font-family);\n    font-size: var(--brick-typography-supporting-sm-font-size);\n    font-weight: var(--brick-typography-supporting-sm-font-weight);\n    letter-spacing: var(--brick-typography-supporting-sm-letter-spacing);\n    line-height: var(--brick-typography-supporting-sm-line-height);\n  }\n\n  @media (prefers-reduced-motion: reduce) {\n    .brick-tooltip {\n      translate: 0 0;\n      transition-duration: 1ms;\n    }\n  }\n\n  @media (forced-colors: active) {\n    .brick-tooltip {\n      --brick-tooltip-background: Canvas;\n      --brick-tooltip-foreground: CanvasText;\n      --brick-tooltip-border-color: CanvasText;\n      box-shadow: none;\n    }\n\n    .brick-tooltip__arrow {\n      color: CanvasText;\n      fill: Canvas;\n      filter: none;\n      stroke: CanvasText;\n    }\n  }\n}\n","@layer brick.components {\n  .brick-alert-dialog-overlay {\n    position: fixed;\n    z-index: var(--brick-layer-overlay);\n    inset: 0;\n    background: var(--brick-color-scrim);\n    opacity: 1;\n    transition: opacity var(--brick-motion-duration-fast) var(--brick-motion-easing-exit);\n  }\n\n  .brick-alert-dialog-overlay[data-state=\"closed\"] {\n    opacity: 0;\n  }\n\n  .brick-alert-dialog-content {\n    --brick-alert-dialog-max-inline-size: 30rem;\n    --brick-alert-dialog-max-block-size: calc(100dvb - 2rem - env(safe-area-inset-top) - env(safe-area-inset-bottom));\n    --brick-alert-dialog-space: var(--brick-space-5);\n    --brick-alert-dialog-radius: var(--brick-radius-overlay);\n    --brick-alert-dialog-shadow: var(--brick-shadow-modal);\n\n    position: fixed;\n    z-index: calc(var(--brick-layer-overlay) + 1);\n    inset-block-start: 50%;\n    left: 50%;\n    display: flex;\n    box-sizing: border-box;\n    inline-size: min(\n      var(--brick-alert-dialog-max-inline-size),\n      calc(100vi - 2rem - env(safe-area-inset-left) - env(safe-area-inset-right))\n    );\n    max-inline-size: calc(100vi - 2rem - env(safe-area-inset-left) - env(safe-area-inset-right));\n    max-block-size: var(--brick-alert-dialog-max-block-size);\n    flex-direction: column;\n    overflow: hidden;\n    border: var(--brick-border-width) solid var(--brick-color-border-subtle);\n    border-radius: var(--brick-alert-dialog-radius);\n    background: var(--brick-color-surface-overlay);\n    box-shadow: var(--brick-alert-dialog-shadow);\n    color: var(--brick-color-text-primary);\n    opacity: 1;\n    overflow-wrap: anywhere;\n    transform: translate(-50%, -50%) scale(1);\n    transform-origin: center;\n    transition:\n      opacity var(--brick-motion-duration-fast) var(--brick-motion-easing-exit),\n      transform var(--brick-motion-duration-fast) var(--brick-motion-easing-exit);\n  }\n\n  .brick-alert-dialog-content[data-size=\"sm\"] {\n    --brick-alert-dialog-max-inline-size: 24rem;\n    --brick-alert-dialog-space: var(--brick-space-4);\n  }\n\n  .brick-alert-dialog-content[data-state=\"closed\"] {\n    opacity: 0;\n    transform: translate(-50%, -48%) scale(0.985);\n  }\n\n  .brick-alert-dialog-header {\n    display: grid;\n    flex: none;\n    gap: var(--brick-space-2);\n    min-inline-size: 0;\n    padding: var(--brick-alert-dialog-space);\n    padding-block-end: var(--brick-space-3);\n  }\n\n  .brick-alert-dialog-title,\n  .brick-alert-dialog-description {\n    min-inline-size: 0;\n    margin: 0;\n  }\n\n  .brick-alert-dialog-title {\n    color: var(--brick-color-text-primary);\n    font-family: var(--brick-typography-overlay-title-font-family);\n    font-size: var(--brick-typography-overlay-title-font-size);\n    font-weight: var(--brick-typography-overlay-title-font-weight);\n    letter-spacing: var(--brick-typography-overlay-title-letter-spacing);\n    line-height: var(--brick-typography-overlay-title-line-height);\n  }\n\n  .brick-alert-dialog-description {\n    color: var(--brick-color-text-secondary);\n    font-family: var(--brick-typography-supporting-sm-font-family);\n    font-size: var(--brick-typography-supporting-sm-font-size);\n    font-weight: var(--brick-typography-supporting-sm-font-weight);\n    letter-spacing: var(--brick-typography-supporting-sm-letter-spacing);\n    line-height: var(--brick-typography-supporting-sm-line-height);\n  }\n\n  .brick-alert-dialog-body {\n    min-block-size: 0;\n    min-inline-size: 0;\n    flex: 1 1 auto;\n    padding-inline: var(--brick-alert-dialog-space);\n    padding-block: var(--brick-space-2) var(--brick-alert-dialog-space);\n    overflow: auto;\n    overscroll-behavior: contain;\n    color: var(--brick-color-text-primary);\n    font-family: var(--brick-typography-supporting-sm-font-family);\n    font-size: var(--brick-typography-supporting-sm-font-size);\n    font-weight: var(--brick-typography-supporting-sm-font-weight);\n    letter-spacing: var(--brick-typography-supporting-sm-letter-spacing);\n    line-height: var(--brick-typography-supporting-sm-line-height);\n    scrollbar-gutter: stable;\n  }\n\n  .brick-alert-dialog-footer {\n    display: flex;\n    min-inline-size: 0;\n    flex: none;\n    flex-wrap: wrap;\n    align-items: center;\n    justify-content: flex-end;\n    gap: var(--brick-space-2);\n    padding: var(--brick-space-3) var(--brick-alert-dialog-space) var(--brick-alert-dialog-space);\n  }\n\n  .brick-alert-dialog-footer[data-justify=\"start\"] {\n    justify-content: flex-start;\n  }\n\n  .brick-alert-dialog-footer[data-justify=\"center\"] {\n    justify-content: center;\n  }\n\n  .brick-alert-dialog-footer[data-justify=\"between\"] {\n    justify-content: space-between;\n  }\n\n  @supports not (height: 100dvb) {\n    .brick-alert-dialog-content {\n      --brick-alert-dialog-max-block-size: calc(100vh - 2rem - env(safe-area-inset-top) - env(safe-area-inset-bottom));\n    }\n  }\n\n  @media (max-width: 30rem) {\n    .brick-alert-dialog-content {\n      --brick-alert-dialog-space: var(--brick-space-4);\n    }\n\n    .brick-alert-dialog-footer > .brick-button {\n      flex: 1 1 9rem;\n    }\n  }\n\n  @media (max-width: 12rem), (max-height: 24rem) {\n    .brick-alert-dialog-content {\n      overflow-y: auto;\n      overscroll-behavior: contain;\n    }\n\n    .brick-alert-dialog-body {\n      flex: 0 0 auto;\n      overflow: visible;\n      overscroll-behavior: auto;\n      scrollbar-gutter: auto;\n    }\n  }\n\n  @media (prefers-reduced-motion: reduce) {\n    .brick-alert-dialog-overlay,\n    .brick-alert-dialog-content {\n      transition-duration: 1ms;\n    }\n\n    .brick-alert-dialog-content,\n    .brick-alert-dialog-content[data-state=\"closed\"] {\n      transform: translate(-50%, -50%);\n    }\n  }\n\n  @media (forced-colors: active) {\n    .brick-alert-dialog-overlay {\n      background: Canvas;\n      opacity: 0.7;\n    }\n\n    .brick-alert-dialog-content {\n      border-color: CanvasText;\n      box-shadow: none;\n    }\n  }\n}\n","@layer brick.utilities {\n  .brick-frame[data-frame] {\n    /* Prevent base and breakpoint constraints from leaking into nested Frames. */\n    --brick-frame-inline-size: initial;\n    --brick-frame-min-inline-size: initial;\n    --brick-frame-max-inline-size: initial;\n    --brick-frame-block-size: initial;\n    --brick-frame-min-block-size: initial;\n    --brick-frame-max-block-size: initial;\n    --brick-frame-inline-size-sm: initial;\n    --brick-frame-inline-size-md: initial;\n    --brick-frame-inline-size-lg: initial;\n    --brick-frame-inline-size-xl: initial;\n    --brick-frame-min-inline-size-sm: initial;\n    --brick-frame-min-inline-size-md: initial;\n    --brick-frame-min-inline-size-lg: initial;\n    --brick-frame-min-inline-size-xl: initial;\n    --brick-frame-max-inline-size-sm: initial;\n    --brick-frame-max-inline-size-md: initial;\n    --brick-frame-max-inline-size-lg: initial;\n    --brick-frame-max-inline-size-xl: initial;\n    --brick-frame-block-size-sm: initial;\n    --brick-frame-block-size-md: initial;\n    --brick-frame-block-size-lg: initial;\n    --brick-frame-block-size-xl: initial;\n    --brick-frame-min-block-size-sm: initial;\n    --brick-frame-min-block-size-md: initial;\n    --brick-frame-min-block-size-lg: initial;\n    --brick-frame-min-block-size-xl: initial;\n    --brick-frame-max-block-size-sm: initial;\n    --brick-frame-max-block-size-md: initial;\n    --brick-frame-max-block-size-lg: initial;\n    --brick-frame-max-block-size-xl: initial;\n    box-sizing: border-box;\n    inline-size: var(--brick-frame-inline-size, auto);\n    min-inline-size: var(--brick-frame-min-inline-size, auto);\n    max-inline-size: var(--brick-frame-max-inline-size, none);\n    block-size: var(--brick-frame-block-size, auto);\n    min-block-size: var(--brick-frame-min-block-size, auto);\n    max-block-size: var(--brick-frame-max-block-size, none);\n  }\n\n  @media (width >= 30rem) {\n    .brick-frame[data-frame] {\n      inline-size: var(--brick-frame-inline-size-sm, var(--brick-frame-inline-size, auto));\n      min-inline-size: var(--brick-frame-min-inline-size-sm, var(--brick-frame-min-inline-size, auto));\n      max-inline-size: var(--brick-frame-max-inline-size-sm, var(--brick-frame-max-inline-size, none));\n      block-size: var(--brick-frame-block-size-sm, var(--brick-frame-block-size, auto));\n      min-block-size: var(--brick-frame-min-block-size-sm, var(--brick-frame-min-block-size, auto));\n      max-block-size: var(--brick-frame-max-block-size-sm, var(--brick-frame-max-block-size, none));\n    }\n  }\n\n  @media (width >= 48rem) {\n    .brick-frame[data-frame] {\n      inline-size: var(--brick-frame-inline-size-md, var(--brick-frame-inline-size-sm, var(--brick-frame-inline-size, auto)));\n      min-inline-size: var(--brick-frame-min-inline-size-md, var(--brick-frame-min-inline-size-sm, var(--brick-frame-min-inline-size, auto)));\n      max-inline-size: var(--brick-frame-max-inline-size-md, var(--brick-frame-max-inline-size-sm, var(--brick-frame-max-inline-size, none)));\n      block-size: var(--brick-frame-block-size-md, var(--brick-frame-block-size-sm, var(--brick-frame-block-size, auto)));\n      min-block-size: var(--brick-frame-min-block-size-md, var(--brick-frame-min-block-size-sm, var(--brick-frame-min-block-size, auto)));\n      max-block-size: var(--brick-frame-max-block-size-md, var(--brick-frame-max-block-size-sm, var(--brick-frame-max-block-size, none)));\n    }\n  }\n\n  @media (width >= 64rem) {\n    .brick-frame[data-frame] {\n      inline-size: var(--brick-frame-inline-size-lg, var(--brick-frame-inline-size-md, var(--brick-frame-inline-size-sm, var(--brick-frame-inline-size, auto))));\n      min-inline-size: var(--brick-frame-min-inline-size-lg, var(--brick-frame-min-inline-size-md, var(--brick-frame-min-inline-size-sm, var(--brick-frame-min-inline-size, auto))));\n      max-inline-size: var(--brick-frame-max-inline-size-lg, var(--brick-frame-max-inline-size-md, var(--brick-frame-max-inline-size-sm, var(--brick-frame-max-inline-size, none))));\n      block-size: var(--brick-frame-block-size-lg, var(--brick-frame-block-size-md, var(--brick-frame-block-size-sm, var(--brick-frame-block-size, auto))));\n      min-block-size: var(--brick-frame-min-block-size-lg, var(--brick-frame-min-block-size-md, var(--brick-frame-min-block-size-sm, var(--brick-frame-min-block-size, auto))));\n      max-block-size: var(--brick-frame-max-block-size-lg, var(--brick-frame-max-block-size-md, var(--brick-frame-max-block-size-sm, var(--brick-frame-max-block-size, none))));\n    }\n  }\n\n  @media (width >= 80rem) {\n    .brick-frame[data-frame] {\n      inline-size: var(--brick-frame-inline-size-xl, var(--brick-frame-inline-size-lg, var(--brick-frame-inline-size-md, var(--brick-frame-inline-size-sm, var(--brick-frame-inline-size, auto)))));\n      min-inline-size: var(--brick-frame-min-inline-size-xl, var(--brick-frame-min-inline-size-lg, var(--brick-frame-min-inline-size-md, var(--brick-frame-min-inline-size-sm, var(--brick-frame-min-inline-size, auto)))));\n      max-inline-size: var(--brick-frame-max-inline-size-xl, var(--brick-frame-max-inline-size-lg, var(--brick-frame-max-inline-size-md, var(--brick-frame-max-inline-size-sm, var(--brick-frame-max-inline-size, none)))));\n      block-size: var(--brick-frame-block-size-xl, var(--brick-frame-block-size-lg, var(--brick-frame-block-size-md, var(--brick-frame-block-size-sm, var(--brick-frame-block-size, auto)))));\n      min-block-size: var(--brick-frame-min-block-size-xl, var(--brick-frame-min-block-size-lg, var(--brick-frame-min-block-size-md, var(--brick-frame-min-block-size-sm, var(--brick-frame-min-block-size, auto)))));\n      max-block-size: var(--brick-frame-max-block-size-xl, var(--brick-frame-max-block-size-lg, var(--brick-frame-max-block-size-md, var(--brick-frame-max-block-size-sm, var(--brick-frame-max-block-size, none)))));\n    }\n  }\n}\n","@layer brick.components {\n  .brick-tabs {\n    --brick-tabs-foreground: var(--brick-color-text-secondary);\n    --brick-tabs-selected-foreground: var(--brick-color-accent-text);\n    --brick-tabs-hover-background: var(--brick-color-surface-subtle);\n    --brick-tabs-list-background: transparent;\n    --brick-tabs-selected-background: transparent;\n    --brick-tabs-border-color: var(--brick-color-border-default);\n    --brick-tabs-indicator-color: var(--brick-color-accent-solid);\n    --brick-tabs-focus-ring: var(--brick-color-focus-ring);\n    --brick-tabs-gap: var(--brick-space-1);\n    --brick-tabs-trigger-gap: var(--brick-space-2);\n    --brick-tabs-trigger-height: 2.75rem;\n    --brick-tabs-trigger-padding: var(--brick-space-3);\n    --brick-tabs-panel-padding: var(--brick-space-4);\n    --brick-tabs-list-padding: max(\n      var(--brick-space-1),\n      calc(var(--brick-border-focus-width) + var(--brick-border-focus-offset))\n    );\n    --brick-tabs-radius: var(--brick-radius-control);\n    --brick-tabs-font-family: var(--brick-typography-control-md-font-family);\n    --brick-tabs-font-size: var(--brick-typography-control-md-font-size);\n    --brick-tabs-font-weight: var(--brick-typography-control-md-font-weight);\n    --brick-tabs-line-height: var(--brick-typography-control-md-line-height);\n\n    display: flex;\n    min-inline-size: 0;\n    flex-direction: column;\n  }\n\n  .brick-tabs[data-size=\"sm\"] { --brick-tabs-trigger-height: 2.25rem; --brick-tabs-trigger-padding: var(--brick-space-2); --brick-tabs-panel-padding: var(--brick-space-3); --brick-tabs-font-family: var(--brick-typography-control-sm-font-family); --brick-tabs-font-size: var(--brick-typography-control-sm-font-size); --brick-tabs-font-weight: var(--brick-typography-control-sm-font-weight); --brick-tabs-line-height: var(--brick-typography-control-sm-line-height); }\n  .brick-tabs[data-size=\"lg\"] { --brick-tabs-trigger-height: 3.25rem; --brick-tabs-trigger-padding: var(--brick-space-4); --brick-tabs-panel-padding: var(--brick-space-5); --brick-tabs-font-family: var(--brick-typography-control-lg-font-family); --brick-tabs-font-size: var(--brick-typography-control-lg-font-size); --brick-tabs-font-weight: var(--brick-typography-control-lg-font-weight); --brick-tabs-line-height: var(--brick-typography-control-lg-line-height); }\n\n  .brick-tabs[data-orientation=\"vertical\"] { flex-direction: row; align-items: stretch; }\n  .brick-tabs[data-layout=\"stacked\"] { flex-direction: column; }\n  .brick-tabs[data-layout=\"side\"] { flex-direction: row; align-items: stretch; }\n\n  .brick-tabs-list {\n    position: relative;\n    display: flex;\n    box-sizing: border-box;\n    min-inline-size: 0;\n    max-inline-size: 100%;\n    flex: 0 0 auto;\n    gap: var(--brick-tabs-gap);\n    overflow-x: auto;\n    overflow-y: hidden;\n    border-block-end: var(--brick-border-width) solid var(--brick-tabs-border-color);\n    background: var(--brick-tabs-list-background);\n    scrollbar-width: thin;\n  }\n\n  .brick-tabs-list[data-orientation=\"vertical\"] { min-inline-size: max-content; flex-direction: column; overflow: visible; border-block-end: 0; border-inline-end: var(--brick-border-width) solid var(--brick-tabs-border-color); }\n  .brick-tabs-list[data-columns] {\n    --brick-tabs-list-columns: 1;\n    display: grid;\n    grid-template-columns: repeat(var(--brick-tabs-list-columns), minmax(0, 1fr));\n    align-content: stretch;\n  }\n  .brick-tabs-list[data-columns=\"2\"] { --brick-tabs-list-columns: 2; }\n  .brick-tabs-list[data-columns=\"3\"] { --brick-tabs-list-columns: 3; }\n  .brick-tabs-list[data-columns=\"4\"] { --brick-tabs-list-columns: 4; }\n  .brick-tabs-list[data-columns] > .brick-tabs-trigger {\n    min-inline-size: 0;\n    inline-size: 100%;\n    white-space: normal;\n  }\n  .brick-tabs[data-layout=\"stacked\"] > .brick-tabs-list[data-orientation=\"vertical\"] { inline-size: 100%; min-inline-size: 0; border-block-end: var(--brick-border-width) solid var(--brick-tabs-border-color); border-inline-end: 0; }\n  .brick-tabs[data-layout=\"side\"] > .brick-tabs-list[data-orientation=\"vertical\"] { inline-size: auto; min-inline-size: max-content; border-block-end: 0; border-inline-end: var(--brick-border-width) solid var(--brick-tabs-border-color); }\n\n  .brick-tabs-trigger {\n    display: inline-flex;\n    box-sizing: border-box;\n    min-block-size: var(--brick-tabs-trigger-height);\n    flex: 0 0 auto;\n    align-items: center;\n    justify-content: center;\n    gap: var(--brick-tabs-trigger-gap);\n    padding-inline: var(--brick-tabs-trigger-padding);\n    border: var(--brick-border-width) solid transparent;\n    border-radius: var(--brick-tabs-radius) var(--brick-tabs-radius) 0 0;\n    background: transparent;\n    color: var(--brick-tabs-foreground);\n    font-family: var(--brick-tabs-font-family);\n    font-size: var(--brick-tabs-font-size);\n    font-weight: var(--brick-tabs-font-weight);\n    line-height: var(--brick-tabs-line-height);\n    white-space: nowrap;\n    cursor: pointer;\n    touch-action: manipulation;\n  }\n\n  .brick-tabs-list[data-trigger-radius=\"none\"] > .brick-tabs-trigger { border-radius: 0; }\n\n  .brick-tabs-trigger:hover:not(:disabled) { background: var(--brick-tabs-hover-background); color: var(--brick-color-text-primary); }\n  .brick-tabs-trigger[data-state=\"active\"] { color: var(--brick-tabs-selected-foreground); }\n  .brick-tabs-trigger:focus-visible, .brick-tabs-content:focus-visible { outline: var(--brick-border-focus-width) solid var(--brick-tabs-focus-ring); outline-offset: var(--brick-border-focus-offset); }\n  .brick-tabs-trigger:disabled { opacity: 0.55; cursor: not-allowed; }\n  .brick-tabs[data-full-width] .brick-tabs-list[data-orientation=\"horizontal\"] > .brick-tabs-trigger { flex: 1 1 0; }\n\n  .brick-tabs-content { box-sizing: border-box; min-inline-size: 0; flex: 1 1 auto; padding: var(--brick-tabs-panel-padding); color: var(--brick-color-text-primary); }\n  .brick-tabs-content[data-inset=\"none\"] { padding: 0; }\n  .brick-tabs-content[data-inset=\"sm\"] { padding: var(--brick-space-3); }\n  .brick-tabs-content[data-inset=\"md\"] { padding: var(--brick-space-4); }\n  .brick-tabs-content[data-inset=\"lg\"] { padding: var(--brick-space-5); }\n\n  .brick-tabs-indicator { position: absolute; z-index: 1; pointer-events: none; background: var(--brick-tabs-indicator-color); transition: translate var(--brick-motion-duration-fast) var(--brick-motion-easing-standard), inline-size var(--brick-motion-duration-fast) var(--brick-motion-easing-standard), block-size var(--brick-motion-duration-fast) var(--brick-motion-easing-standard); }\n  .brick-tabs-indicator[data-orientation=\"horizontal\"] { inset-block-end: 0; left: 0; inline-size: var(--tabs-indicator-width); block-size: 0.125rem; translate: var(--tabs-indicator-left) 0; }\n  .brick-tabs-indicator[data-orientation=\"vertical\"] { inset-block-start: 0; inset-inline-end: 0; inline-size: 0.125rem; block-size: var(--tabs-indicator-height); translate: 0 var(--tabs-indicator-top); }\n  .brick-tabs:not([data-variant=\"line\"]) .brick-tabs-indicator { display: none; }\n\n  .brick-tabs[data-variant=\"line\"] .brick-tabs-trigger[data-state=\"active\"] { border-block-end-color: var(--brick-tabs-indicator-color); }\n  .brick-tabs[data-variant=\"line\"] { --brick-tabs-selected-foreground: var(--brick-color-text-primary); }\n  .brick-tabs[data-variant=\"line\"] .brick-tabs-list[data-orientation=\"vertical\"] .brick-tabs-trigger[data-state=\"active\"] { border-block-end-color: transparent; border-inline-end-color: var(--brick-tabs-indicator-color); }\n\n  .brick-tabs[data-variant=\"solid\"] { --brick-tabs-list-background: var(--brick-color-surface-subtle); --brick-tabs-selected-background: var(--brick-color-surface-raised); }\n  .brick-tabs[data-variant=\"soft\"] { --brick-tabs-selected-background: var(--brick-color-accent-soft); }\n  .brick-tabs:is([data-variant=\"solid\"], [data-variant=\"soft\"]) .brick-tabs-list { padding: var(--brick-tabs-list-padding); border: 0; border-radius: var(--brick-tabs-radius); }\n  .brick-tabs:is([data-variant=\"solid\"], [data-variant=\"soft\"]) .brick-tabs-trigger { border-radius: calc(var(--brick-tabs-radius) - var(--brick-space-1)); }\n  .brick-tabs:is([data-variant=\"solid\"], [data-variant=\"soft\"]) > .brick-tabs-list[data-radius=\"none\"] { border-radius: 0; }\n  .brick-tabs:is([data-variant=\"solid\"], [data-variant=\"soft\"]) > .brick-tabs-list[data-radius=\"none\"]:not([data-trigger-radius=\"default\"]) > .brick-tabs-trigger { border-radius: 0; }\n  .brick-tabs:is([data-variant=\"solid\"], [data-variant=\"soft\"]) > .brick-tabs-list[data-trigger-radius=\"default\"] > .brick-tabs-trigger { border-radius: calc(var(--brick-tabs-radius) - var(--brick-space-1)); }\n  .brick-tabs:is([data-variant=\"solid\"], [data-variant=\"soft\"]) .brick-tabs-trigger[data-state=\"active\"] { background: var(--brick-tabs-selected-background); box-shadow: var(--brick-shadow-sm); }\n\n  .brick-tabs[data-variant=\"enclosed\"] .brick-tabs-list { gap: var(--brick-space-1); }\n  .brick-tabs[data-variant=\"enclosed\"] .brick-tabs-trigger[data-state=\"active\"] { border-color: var(--brick-tabs-border-color); border-block-end-color: var(--brick-color-surface-base); background: var(--brick-color-surface-base); margin-block-end: calc(-1 * var(--brick-border-width)); }\n  .brick-tabs[data-variant=\"enclosed\"] .brick-tabs-content { border: var(--brick-border-width) solid var(--brick-tabs-border-color); border-block-start: 0; border-radius: 0 0 var(--brick-tabs-radius) var(--brick-tabs-radius); }\n\n  @media (prefers-reduced-motion: reduce) { .brick-tabs-indicator { transition: none; } }\n  @media (width >= 30rem) {\n    .brick-tabs-list[data-columns-sm=\"1\"] { --brick-tabs-list-columns: 1; }\n    .brick-tabs-list[data-columns-sm=\"2\"] { --brick-tabs-list-columns: 2; }\n    .brick-tabs-list[data-columns-sm=\"3\"] { --brick-tabs-list-columns: 3; }\n    .brick-tabs-list[data-columns-sm=\"4\"] { --brick-tabs-list-columns: 4; }\n    .brick-tabs[data-layout-sm=\"stacked\"] { flex-direction: column; }\n    .brick-tabs[data-layout-sm=\"side\"] { flex-direction: row; align-items: stretch; }\n    .brick-tabs[data-layout-sm=\"stacked\"] > .brick-tabs-list[data-orientation=\"vertical\"] { inline-size: 100%; min-inline-size: 0; border-block-end: var(--brick-border-width) solid var(--brick-tabs-border-color); border-inline-end: 0; }\n    .brick-tabs[data-layout-sm=\"side\"] > .brick-tabs-list[data-orientation=\"vertical\"] { inline-size: auto; min-inline-size: max-content; border-block-end: 0; border-inline-end: var(--brick-border-width) solid var(--brick-tabs-border-color); }\n  }\n  @media (width >= 48rem) {\n    .brick-tabs-list[data-columns-md=\"1\"] { --brick-tabs-list-columns: 1; }\n    .brick-tabs-list[data-columns-md=\"2\"] { --brick-tabs-list-columns: 2; }\n    .brick-tabs-list[data-columns-md=\"3\"] { --brick-tabs-list-columns: 3; }\n    .brick-tabs-list[data-columns-md=\"4\"] { --brick-tabs-list-columns: 4; }\n    .brick-tabs[data-layout-md=\"stacked\"] { flex-direction: column; }\n    .brick-tabs[data-layout-md=\"side\"] { flex-direction: row; align-items: stretch; }\n    .brick-tabs[data-layout-md=\"stacked\"] > .brick-tabs-list[data-orientation=\"vertical\"] { inline-size: 100%; min-inline-size: 0; border-block-end: var(--brick-border-width) solid var(--brick-tabs-border-color); border-inline-end: 0; }\n    .brick-tabs[data-layout-md=\"side\"] > .brick-tabs-list[data-orientation=\"vertical\"] { inline-size: auto; min-inline-size: max-content; border-block-end: 0; border-inline-end: var(--brick-border-width) solid var(--brick-tabs-border-color); }\n  }\n  @media (width >= 64rem) {\n    .brick-tabs-list[data-columns-lg=\"1\"] { --brick-tabs-list-columns: 1; }\n    .brick-tabs-list[data-columns-lg=\"2\"] { --brick-tabs-list-columns: 2; }\n    .brick-tabs-list[data-columns-lg=\"3\"] { --brick-tabs-list-columns: 3; }\n    .brick-tabs-list[data-columns-lg=\"4\"] { --brick-tabs-list-columns: 4; }\n    .brick-tabs[data-layout-lg=\"stacked\"] { flex-direction: column; }\n    .brick-tabs[data-layout-lg=\"side\"] { flex-direction: row; align-items: stretch; }\n    .brick-tabs[data-layout-lg=\"stacked\"] > .brick-tabs-list[data-orientation=\"vertical\"] { inline-size: 100%; min-inline-size: 0; border-block-end: var(--brick-border-width) solid var(--brick-tabs-border-color); border-inline-end: 0; }\n    .brick-tabs[data-layout-lg=\"side\"] > .brick-tabs-list[data-orientation=\"vertical\"] { inline-size: auto; min-inline-size: max-content; border-block-end: 0; border-inline-end: var(--brick-border-width) solid var(--brick-tabs-border-color); }\n  }\n  @media (width >= 80rem) {\n    .brick-tabs-list[data-columns-xl=\"1\"] { --brick-tabs-list-columns: 1; }\n    .brick-tabs-list[data-columns-xl=\"2\"] { --brick-tabs-list-columns: 2; }\n    .brick-tabs-list[data-columns-xl=\"3\"] { --brick-tabs-list-columns: 3; }\n    .brick-tabs-list[data-columns-xl=\"4\"] { --brick-tabs-list-columns: 4; }\n    .brick-tabs[data-layout-xl=\"stacked\"] { flex-direction: column; }\n    .brick-tabs[data-layout-xl=\"side\"] { flex-direction: row; align-items: stretch; }\n    .brick-tabs[data-layout-xl=\"stacked\"] > .brick-tabs-list[data-orientation=\"vertical\"] { inline-size: 100%; min-inline-size: 0; border-block-end: var(--brick-border-width) solid var(--brick-tabs-border-color); border-inline-end: 0; }\n    .brick-tabs[data-layout-xl=\"side\"] > .brick-tabs-list[data-orientation=\"vertical\"] { inline-size: auto; min-inline-size: max-content; border-block-end: 0; border-inline-end: var(--brick-border-width) solid var(--brick-tabs-border-color); }\n  }\n  @media (forced-colors: active) {\n    .brick-tabs-list { border-color: CanvasText; }\n    .brick-tabs-trigger { color: ButtonText; forced-color-adjust: auto; }\n    .brick-tabs-trigger[data-state=\"active\"] { border-color: Highlight; color: Highlight; box-shadow: inset 0 -0.125rem 0 Highlight; }\n    .brick-tabs-indicator { background: Highlight; }\n    .brick-tabs-trigger:focus-visible, .brick-tabs-content:focus-visible { outline-color: Highlight; }\n  }\n}\n","@layer brick.components {\n  .brick-hover-card {\n    --brick-hover-card-background: var(--brick-color-surface-raised);\n    --brick-hover-card-foreground: var(--brick-color-text-primary);\n    --brick-hover-card-muted-foreground: var(--brick-color-text-primary);\n    --brick-hover-card-border: var(--brick-color-border-subtle);\n    --brick-hover-card-radius: var(--brick-radius-overlay);\n    --brick-hover-card-shadow: 0 0.75rem 2rem color-mix(in srgb, var(--brick-color-shadow), transparent 68%);\n    --brick-hover-card-padding: var(--brick-space-4);\n    --brick-hover-card-gap: var(--brick-space-3);\n    --brick-hover-card-max-inline-size-sm: 16rem;\n    --brick-hover-card-max-inline-size-md: 20rem;\n    --brick-hover-card-max-inline-size-lg: 24rem;\n    --brick-hover-card-max-block-size: min(32rem, calc(100dvb - 2rem));\n\n    z-index: calc(var(--brick-layer-overlay) - 1);\n    box-sizing: border-box;\n    display: block;\n    inline-size: max-content;\n    max-inline-size: min(var(--brick-hover-card-max-inline-size-md), calc(100dvi - 2rem));\n    border: var(--brick-border-width) solid var(--brick-hover-card-border);\n    border-radius: var(--brick-hover-card-radius);\n    background: var(--brick-hover-card-background);\n    box-shadow: var(--brick-hover-card-shadow);\n    color: var(--brick-hover-card-foreground);\n    opacity: 0;\n    overflow-wrap: anywhere;\n    scale: 0.98;\n    transform-origin: var(--brick-floating-arrow-transform-origin, center);\n    transition:\n      opacity var(--brick-motion-duration-fast) var(--brick-motion-easing-enter),\n      scale var(--brick-motion-duration-fast) var(--brick-motion-easing-enter);\n  }\n\n  .brick-hover-card__viewport {\n    box-sizing: border-box;\n    display: grid;\n    max-block-size: var(--brick-hover-card-max-block-size);\n    gap: var(--brick-hover-card-gap);\n    padding: var(--brick-hover-card-padding);\n    overflow: auto;\n    border-radius: inherit;\n  }\n\n  .brick-hover-card[data-size=\"sm\"] {\n    max-inline-size: min(var(--brick-hover-card-max-inline-size-sm), calc(100dvi - 2rem));\n  }\n\n  .brick-hover-card[data-size=\"lg\"] {\n    max-inline-size: min(var(--brick-hover-card-max-inline-size-lg), calc(100dvi - 2rem));\n  }\n\n  .brick-hover-card[data-positioned] {\n    opacity: 1;\n    scale: 1;\n  }\n\n  .brick-hover-card[data-state=\"closed\"] {\n    opacity: 0;\n    pointer-events: none;\n    scale: 0.98;\n  }\n\n  .brick-hover-card__arrow {\n    --brick-floating-arrow-fill: var(--brick-hover-card-background);\n    --brick-floating-arrow-stroke: var(--brick-hover-card-border);\n  }\n\n  .brick-hover-card[data-side=\"top\"] .brick-hover-card__arrow {\n    translate: 0 calc(var(--brick-border-width) * -1);\n    filter: drop-shadow(0 1px 0 var(--brick-hover-card-border));\n  }\n\n  .brick-hover-card[data-side=\"right\"] .brick-hover-card__arrow {\n    translate: var(--brick-border-width) 0;\n    filter: drop-shadow(-1px 0 0 var(--brick-hover-card-border));\n  }\n\n  .brick-hover-card[data-side=\"bottom\"] .brick-hover-card__arrow {\n    translate: 0 var(--brick-border-width);\n    filter: drop-shadow(0 -1px 0 var(--brick-hover-card-border));\n  }\n\n  .brick-hover-card[data-side=\"left\"] .brick-hover-card__arrow {\n    translate: calc(var(--brick-border-width) * -1) 0;\n    filter: drop-shadow(1px 0 0 var(--brick-hover-card-border));\n  }\n\n  .brick-hover-card :where(p) {\n    margin: 0;\n    color: var(--brick-hover-card-muted-foreground);\n  }\n\n  @media (prefers-reduced-motion: reduce) {\n    .brick-hover-card {\n      scale: 1;\n      transition-duration: 1ms;\n    }\n  }\n\n  @media (forced-colors: active) {\n    .brick-hover-card {\n      --brick-hover-card-background: Canvas;\n      --brick-hover-card-foreground: CanvasText;\n      --brick-hover-card-muted-foreground: CanvasText;\n      --brick-hover-card-border: CanvasText;\n      box-shadow: none;\n    }\n\n    .brick-hover-card__arrow {\n      color: CanvasText;\n      fill: Canvas;\n      filter: none;\n      stroke: CanvasText;\n    }\n  }\n}\n","@layer brick.components {\n  .brick-drawer-overlay {\n    position: fixed;\n    z-index: var(--brick-layer-overlay);\n    inset: 0;\n    background: var(--brick-color-scrim);\n    opacity: 1;\n    transition: opacity var(--brick-motion-duration-fast) var(--brick-motion-easing-exit);\n  }\n\n  .brick-drawer-overlay[data-state=\"closed\"] {\n    opacity: 0;\n  }\n\n  .brick-drawer-content {\n    --brick-drawer-space: var(--brick-space-5);\n    --brick-drawer-shadow: var(--brick-shadow-modal);\n    --brick-drawer-inline-size-sm: min(20rem, 75dvi);\n    --brick-drawer-inline-size-md: min(28rem, 85dvi);\n    --brick-drawer-inline-size-lg: min(36rem, calc(100dvi - 1rem));\n    --brick-drawer-inline-size-xl: min(48rem, calc(100dvi - 0.5rem));\n    --brick-drawer-block-size-sm: min(16rem, 45dvb);\n    --brick-drawer-block-size-md: min(24rem, 65dvb);\n    --brick-drawer-block-size-lg: min(32rem, calc(100dvb - 2rem));\n    --brick-drawer-block-size-xl: 100dvb;\n    --brick-drawer-safe-top: 0px;\n    --brick-drawer-safe-right: 0px;\n    --brick-drawer-safe-bottom: 0px;\n    --brick-drawer-safe-left: 0px;\n\n    position: fixed;\n    z-index: calc(var(--brick-layer-overlay) + 1);\n    display: flex;\n    box-sizing: border-box;\n    min-inline-size: 0;\n    min-block-size: 0;\n    flex-direction: column;\n    overflow: hidden;\n    border: var(--brick-border-width) solid var(--brick-color-border-subtle);\n    background: var(--brick-drawer-background, var(--brick-color-surface-overlay));\n    box-shadow: var(--brick-drawer-shadow);\n    color: var(--brick-color-text-primary);\n    opacity: 1;\n    overflow-wrap: anywhere;\n    transform: translate3d(0, 0, 0);\n    transition:\n      opacity var(--brick-motion-duration-fast) var(--brick-motion-easing-exit),\n      transform var(--brick-motion-duration-fast) var(--brick-motion-easing-exit);\n  }\n\n  .brick-drawer-content:is([data-placement=\"start\"], [data-placement=\"end\"]) {\n    inset-block: 0;\n    block-size: 100dvb;\n    --brick-drawer-safe-top: env(safe-area-inset-top);\n    --brick-drawer-safe-right: env(safe-area-inset-right);\n    --brick-drawer-safe-bottom: env(safe-area-inset-bottom);\n    --brick-drawer-safe-left: env(safe-area-inset-left);\n  }\n\n  .brick-drawer-content[data-placement=\"start\"] {\n    inset-inline-start: 0;\n    border-start-end-radius: var(--brick-drawer-radius, var(--brick-radius-overlay));\n    border-end-end-radius: var(--brick-drawer-radius, var(--brick-radius-overlay));\n  }\n\n  .brick-drawer-content[data-placement=\"end\"] {\n    inset-inline-end: 0;\n    border-start-start-radius: var(--brick-drawer-radius, var(--brick-radius-overlay));\n    border-end-start-radius: var(--brick-drawer-radius, var(--brick-radius-overlay));\n  }\n\n  .brick-drawer-content:is([data-placement=\"top\"], [data-placement=\"bottom\"]) {\n    inset-inline: 0;\n    inline-size: 100dvi;\n    --brick-drawer-safe-right: env(safe-area-inset-right);\n    --brick-drawer-safe-left: env(safe-area-inset-left);\n  }\n\n  .brick-drawer-content[data-placement=\"top\"] {\n    inset-block-start: 0;\n    border-end-start-radius: var(--brick-drawer-radius, var(--brick-radius-overlay));\n    border-end-end-radius: var(--brick-drawer-radius, var(--brick-radius-overlay));\n    --brick-drawer-safe-top: env(safe-area-inset-top);\n  }\n\n  .brick-drawer-content[data-placement=\"bottom\"] {\n    inset-block-end: 0;\n    border-start-start-radius: var(--brick-drawer-radius, var(--brick-radius-overlay));\n    border-start-end-radius: var(--brick-drawer-radius, var(--brick-radius-overlay));\n    --brick-drawer-safe-bottom: env(safe-area-inset-bottom);\n  }\n\n  .brick-drawer-content:is([data-placement=\"start\"], [data-placement=\"end\"])[data-size=\"sm\"] {\n    inline-size: var(--brick-drawer-inline-size-sm);\n  }\n\n  .brick-drawer-content:is([data-placement=\"start\"], [data-placement=\"end\"])[data-size=\"md\"] {\n    inline-size: var(--brick-drawer-inline-size-md);\n  }\n\n  .brick-drawer-content:is([data-placement=\"start\"], [data-placement=\"end\"])[data-size=\"lg\"] {\n    inline-size: var(--brick-drawer-inline-size-lg);\n  }\n\n  .brick-drawer-content:is([data-placement=\"start\"], [data-placement=\"end\"])[data-size=\"xl\"] {\n    inline-size: var(--brick-drawer-inline-size-xl);\n  }\n\n  .brick-drawer-content:is([data-placement=\"start\"], [data-placement=\"end\"])[data-size=\"full\"] {\n    inline-size: 100dvi;\n    border-radius: 0;\n  }\n\n  .brick-drawer-content:is([data-placement=\"top\"], [data-placement=\"bottom\"])[data-size=\"sm\"] {\n    max-block-size: var(--brick-drawer-block-size-sm);\n  }\n\n  .brick-drawer-content:is([data-placement=\"top\"], [data-placement=\"bottom\"])[data-size=\"md\"] {\n    max-block-size: var(--brick-drawer-block-size-md);\n  }\n\n  .brick-drawer-content:is([data-placement=\"top\"], [data-placement=\"bottom\"])[data-size=\"lg\"] {\n    max-block-size: var(--brick-drawer-block-size-lg);\n  }\n\n  .brick-drawer-content:is([data-placement=\"top\"], [data-placement=\"bottom\"])[data-size=\"xl\"] {\n    max-block-size: var(--brick-drawer-block-size-xl);\n  }\n\n  .brick-drawer-content:is([data-placement=\"top\"], [data-placement=\"bottom\"])[data-size=\"full\"] {\n    block-size: 100dvb;\n    border-radius: 0;\n    --brick-drawer-safe-top: env(safe-area-inset-top);\n    --brick-drawer-safe-bottom: env(safe-area-inset-bottom);\n  }\n\n  .brick-drawer-content[data-placement=\"start\"][data-state=\"closed\"] {\n    transform: translate3d(-100%, 0, 0);\n  }\n\n  .brick-drawer-content[data-placement=\"end\"][data-state=\"closed\"] {\n    transform: translate3d(100%, 0, 0);\n  }\n\n  .brick-drawer-content:is(:dir(rtl), [dir=\"rtl\"])[data-placement=\"start\"][data-state=\"closed\"] {\n    transform: translate3d(100%, 0, 0);\n  }\n\n  .brick-drawer-content:is(:dir(rtl), [dir=\"rtl\"])[data-placement=\"end\"][data-state=\"closed\"] {\n    transform: translate3d(-100%, 0, 0);\n  }\n\n  .brick-drawer-content[data-placement=\"top\"][data-state=\"closed\"] {\n    transform: translate3d(0, -100%, 0);\n  }\n\n  .brick-drawer-content[data-placement=\"bottom\"][data-state=\"closed\"] {\n    transform: translate3d(0, 100%, 0);\n  }\n\n  .brick-drawer-header {\n    display: grid;\n    min-inline-size: 0;\n    flex: none;\n    gap: var(--brick-space-1);\n    padding-block-start: calc(var(--brick-drawer-space) + var(--brick-drawer-safe-top));\n    padding-block-end: var(--brick-space-3);\n    padding-left: calc(var(--brick-drawer-space) + var(--brick-drawer-safe-left));\n    padding-right: calc(var(--brick-drawer-space) + var(--brick-drawer-safe-right));\n  }\n\n  .brick-drawer-title,\n  .brick-drawer-description {\n    min-inline-size: 0;\n    margin: 0;\n  }\n\n  .brick-drawer-title {\n    color: var(--brick-color-text-primary);\n    font-family: var(--brick-typography-overlay-title-font-family);\n    font-size: var(--brick-typography-overlay-title-font-size);\n    font-weight: var(--brick-typography-overlay-title-font-weight);\n    letter-spacing: var(--brick-typography-overlay-title-letter-spacing);\n    line-height: var(--brick-typography-overlay-title-line-height);\n  }\n\n  .brick-drawer-description {\n    color: var(--brick-color-text-secondary);\n    font-family: var(--brick-typography-supporting-sm-font-family);\n    font-size: var(--brick-typography-supporting-sm-font-size);\n    font-weight: var(--brick-typography-supporting-sm-font-weight);\n    letter-spacing: var(--brick-typography-supporting-sm-letter-spacing);\n    line-height: var(--brick-typography-supporting-sm-line-height);\n  }\n\n  .brick-drawer-body {\n    min-inline-size: 0;\n    min-block-size: 0;\n    flex: 1 1 auto;\n    padding-block: var(--brick-space-2) var(--brick-drawer-space);\n    padding-left: calc(var(--brick-drawer-space) + var(--brick-drawer-safe-left));\n    padding-right: calc(var(--brick-drawer-space) + var(--brick-drawer-safe-right));\n    overflow: auto;\n    overscroll-behavior: contain;\n    color: var(--brick-color-text-primary);\n    line-height: var(--brick-typography-body-md-line-height);\n    scrollbar-gutter: stable;\n  }\n\n  .brick-drawer-footer {\n    display: flex;\n    min-inline-size: 0;\n    flex: none;\n    flex-wrap: wrap;\n    align-items: center;\n    justify-content: flex-end;\n    gap: var(--brick-space-2);\n    padding-block-start: var(--brick-space-3);\n    padding-block-end: calc(var(--brick-drawer-space) + var(--brick-drawer-safe-bottom));\n    padding-left: calc(var(--brick-drawer-space) + var(--brick-drawer-safe-left));\n    padding-right: calc(var(--brick-drawer-space) + var(--brick-drawer-safe-right));\n  }\n\n  .brick-drawer-footer[data-justify=\"start\"] {\n    justify-content: flex-start;\n  }\n\n  .brick-drawer-footer[data-justify=\"center\"] {\n    justify-content: center;\n  }\n\n  .brick-drawer-footer[data-justify=\"between\"] {\n    justify-content: space-between;\n  }\n\n  @supports not (height: 100dvb) {\n    .brick-drawer-content:is([data-placement=\"start\"], [data-placement=\"end\"]) {\n      block-size: 100vh;\n    }\n\n    .brick-drawer-content:is([data-placement=\"top\"], [data-placement=\"bottom\"])[data-size=\"full\"] {\n      block-size: 100vh;\n    }\n\n    .brick-drawer-content:is([data-placement=\"top\"], [data-placement=\"bottom\"])[data-size=\"xl\"] {\n      max-block-size: 100vh;\n    }\n  }\n\n  @media (max-width: 30rem) {\n    .brick-drawer-content {\n      --brick-drawer-space: var(--brick-space-4);\n    }\n\n    .brick-drawer-footer > .brick-button {\n      flex: 1 1 9rem;\n    }\n  }\n\n  @media (max-height: 24rem) {\n    .brick-drawer-content {\n      overflow-y: auto;\n      overscroll-behavior: contain;\n      scrollbar-gutter: stable;\n    }\n\n    .brick-drawer-body {\n      flex: none;\n      overflow: visible;\n    }\n  }\n\n  @media (prefers-reduced-motion: reduce) {\n    .brick-drawer-overlay,\n    .brick-drawer-content {\n      transition-duration: 1ms;\n    }\n\n    .brick-drawer-content[data-state=\"closed\"] {\n      transform: translate3d(0, 0, 0);\n    }\n  }\n\n  @media (forced-colors: active) {\n    .brick-drawer-overlay {\n      background: Canvas;\n      opacity: 0.7;\n    }\n\n    .brick-drawer-content {\n      border-color: CanvasText;\n      box-shadow: none;\n    }\n  }\n}\n","@layer brick.utilities {\n  .brick-bleed[data-bleed] {\n    box-sizing: border-box;\n    min-inline-size: 0;\n    margin-inline-start: calc(-1 * var(--brick-bleed-inline-start, 0px));\n    margin-inline-end: calc(-1 * var(--brick-bleed-inline-end, 0px));\n    margin-block-start: calc(-1 * var(--brick-bleed-block-start, 0px));\n    margin-block-end: calc(-1 * var(--brick-bleed-block-end, 0px));\n  }\n\n  @media (width >= 30rem) {\n    .brick-bleed[data-bleed] {\n      margin-inline-start: calc(-1 * var(--brick-bleed-inline-start-sm, var(--brick-bleed-inline-start, 0px)));\n      margin-inline-end: calc(-1 * var(--brick-bleed-inline-end-sm, var(--brick-bleed-inline-end, 0px)));\n      margin-block-start: calc(-1 * var(--brick-bleed-block-start-sm, var(--brick-bleed-block-start, 0px)));\n      margin-block-end: calc(-1 * var(--brick-bleed-block-end-sm, var(--brick-bleed-block-end, 0px)));\n    }\n  }\n\n  @media (width >= 48rem) {\n    .brick-bleed[data-bleed] {\n      margin-inline-start: calc(-1 * var(--brick-bleed-inline-start-md, var(--brick-bleed-inline-start-sm, var(--brick-bleed-inline-start, 0px))));\n      margin-inline-end: calc(-1 * var(--brick-bleed-inline-end-md, var(--brick-bleed-inline-end-sm, var(--brick-bleed-inline-end, 0px))));\n      margin-block-start: calc(-1 * var(--brick-bleed-block-start-md, var(--brick-bleed-block-start-sm, var(--brick-bleed-block-start, 0px))));\n      margin-block-end: calc(-1 * var(--brick-bleed-block-end-md, var(--brick-bleed-block-end-sm, var(--brick-bleed-block-end, 0px))));\n    }\n  }\n\n  @media (width >= 64rem) {\n    .brick-bleed[data-bleed] {\n      margin-inline-start: calc(-1 * var(--brick-bleed-inline-start-lg, var(--brick-bleed-inline-start-md, var(--brick-bleed-inline-start-sm, var(--brick-bleed-inline-start, 0px)))));\n      margin-inline-end: calc(-1 * var(--brick-bleed-inline-end-lg, var(--brick-bleed-inline-end-md, var(--brick-bleed-inline-end-sm, var(--brick-bleed-inline-end, 0px)))));\n      margin-block-start: calc(-1 * var(--brick-bleed-block-start-lg, var(--brick-bleed-block-start-md, var(--brick-bleed-block-start-sm, var(--brick-bleed-block-start, 0px)))));\n      margin-block-end: calc(-1 * var(--brick-bleed-block-end-lg, var(--brick-bleed-block-end-md, var(--brick-bleed-block-end-sm, var(--brick-bleed-block-end, 0px)))));\n    }\n  }\n\n  @media (width >= 80rem) {\n    .brick-bleed[data-bleed] {\n      margin-inline-start: calc(-1 * var(--brick-bleed-inline-start-xl, var(--brick-bleed-inline-start-lg, var(--brick-bleed-inline-start-md, var(--brick-bleed-inline-start-sm, var(--brick-bleed-inline-start, 0px))))));\n      margin-inline-end: calc(-1 * var(--brick-bleed-inline-end-xl, var(--brick-bleed-inline-end-lg, var(--brick-bleed-inline-end-md, var(--brick-bleed-inline-end-sm, var(--brick-bleed-inline-end, 0px))))));\n      margin-block-start: calc(-1 * var(--brick-bleed-block-start-xl, var(--brick-bleed-block-start-lg, var(--brick-bleed-block-start-md, var(--brick-bleed-block-start-sm, var(--brick-bleed-block-start, 0px))))));\n      margin-block-end: calc(-1 * var(--brick-bleed-block-end-xl, var(--brick-bleed-block-end-lg, var(--brick-bleed-block-end-md, var(--brick-bleed-block-end-sm, var(--brick-bleed-block-end, 0px))))));\n    }\n  }\n}\n","@layer brick.components {\n  :where(\n    .brick-dropdown-menu__content,\n    .brick-dropdown-menu__sub-content,\n    .brick-context-menu__content,\n    .brick-context-menu__sub-content,\n    .brick-menubar__content,\n    .brick-menubar__sub-content\n  ) {\n    box-sizing: border-box;\n    min-inline-size: max(12rem, var(--atom-menu-anchor-width, 0rem));\n    max-inline-size: min(24rem, calc(100dvi - 2 * var(--brick-space-3)));\n    max-block-size: min(var(--brick-action-menu-content-max-block-size), var(--atom-menu-available-height, var(--brick-action-menu-content-max-block-size)));\n    padding: var(--brick-action-menu-content-padding);\n    overflow-x: hidden;\n    overflow-y: auto;\n    overscroll-behavior: contain;\n    border: var(--brick-border-width) solid var(--brick-action-menu-content-border);\n    border-radius: var(--brick-action-menu-content-radius);\n    background: var(--brick-action-menu-content-background);\n    box-shadow: var(--brick-action-menu-content-shadow);\n    color: var(--brick-action-menu-content-foreground);\n    opacity: 0;\n    translate: 0 0;\n    scrollbar-width: thin;\n    transition:\n      opacity var(--brick-action-menu-motion-duration) var(--brick-motion-easing-enter),\n      translate var(--brick-action-menu-motion-duration) var(--brick-motion-easing-enter);\n    z-index: var(--brick-action-menu-content-z-index);\n  }\n\n  :where(\n    .brick-dropdown-menu__content,\n    .brick-dropdown-menu__sub-content,\n    .brick-context-menu__content,\n    .brick-context-menu__sub-content,\n    .brick-menubar__content,\n    .brick-menubar__sub-content\n  )[data-side=\"top\"] {\n    translate: 0 var(--brick-space-1);\n  }\n\n  :where(\n    .brick-dropdown-menu__content,\n    .brick-dropdown-menu__sub-content,\n    .brick-context-menu__content,\n    .brick-context-menu__sub-content,\n    .brick-menubar__content,\n    .brick-menubar__sub-content\n  )[data-side=\"right\"] {\n    translate: calc(var(--brick-space-1) * -1) 0;\n  }\n\n  :where(\n    .brick-dropdown-menu__content,\n    .brick-dropdown-menu__sub-content,\n    .brick-context-menu__content,\n    .brick-context-menu__sub-content,\n    .brick-menubar__content,\n    .brick-menubar__sub-content\n  )[data-side=\"bottom\"] {\n    translate: 0 calc(var(--brick-space-1) * -1);\n  }\n\n  :where(\n    .brick-dropdown-menu__content,\n    .brick-dropdown-menu__sub-content,\n    .brick-context-menu__content,\n    .brick-context-menu__sub-content,\n    .brick-menubar__content,\n    .brick-menubar__sub-content\n  )[data-side=\"left\"] {\n    translate: var(--brick-space-1) 0;\n  }\n\n  :where(\n    .brick-dropdown-menu__content,\n    .brick-dropdown-menu__sub-content,\n    .brick-context-menu__content,\n    .brick-context-menu__sub-content,\n    .brick-menubar__content,\n    .brick-menubar__sub-content\n  )[data-positioned] {\n    opacity: 1;\n    translate: 0 0;\n  }\n\n  :where(\n    .brick-dropdown-menu__content,\n    .brick-dropdown-menu__sub-content,\n    .brick-context-menu__content,\n    .brick-context-menu__sub-content,\n    .brick-menubar__content,\n    .brick-menubar__sub-content\n  )[data-size=\"sm\"] {\n    --brick-action-menu-row-min-block-size: 2rem;\n    --brick-action-menu-row-padding-inline: var(--brick-space-2);\n    --brick-action-menu-row-gap: 0.375rem;\n    --brick-action-menu-indicator-size: 0.875rem;\n    --brick-action-menu-font-size: var(--brick-typography-control-sm-font-size);\n    --brick-action-menu-line-height: var(--brick-typography-control-sm-line-height);\n  }\n\n  :where(\n    .brick-dropdown-menu__content,\n    .brick-dropdown-menu__sub-content,\n    .brick-context-menu__content,\n    .brick-context-menu__sub-content,\n    .brick-menubar__content,\n    .brick-menubar__sub-content\n  )[data-size=\"lg\"] {\n    --brick-action-menu-row-min-block-size: 3rem;\n    --brick-action-menu-row-padding-inline: var(--brick-space-4);\n    --brick-action-menu-row-gap: var(--brick-space-3);\n    --brick-action-menu-indicator-size: 1.125rem;\n    --brick-action-menu-font-size: var(--brick-typography-control-lg-font-size);\n    --brick-action-menu-line-height: var(--brick-typography-control-lg-line-height);\n  }\n\n  :where(\n    .brick-dropdown-menu__group,\n    .brick-context-menu__group,\n    .brick-menubar__group\n  ) + :where(\n    .brick-dropdown-menu__group,\n    .brick-context-menu__group,\n    .brick-menubar__group\n  ) {\n    margin-block-start: var(--brick-space-1);\n  }\n\n  :where(\n    .brick-dropdown-menu__label,\n    .brick-context-menu__label,\n    .brick-menubar__label\n  ) {\n    padding: var(--brick-space-2) var(--brick-action-menu-row-padding-inline) var(--brick-space-1);\n    color: var(--brick-action-menu-label-foreground);\n    font-family: var(--brick-typography-caption-font-family);\n    font-size: var(--brick-typography-caption-font-size);\n    font-weight: var(--brick-typography-label-md-font-weight);\n    letter-spacing: var(--brick-typography-caption-letter-spacing);\n    line-height: var(--brick-typography-caption-line-height);\n  }\n\n  :where(\n    .brick-dropdown-menu__item,\n    .brick-dropdown-menu__checkbox-item,\n    .brick-dropdown-menu__radio-item,\n    .brick-dropdown-menu__sub-trigger,\n    .brick-context-menu__item,\n    .brick-context-menu__checkbox-item,\n    .brick-context-menu__radio-item,\n    .brick-context-menu__sub-trigger,\n    .brick-menubar__item,\n    .brick-menubar__checkbox-item,\n    .brick-menubar__radio-item,\n    .brick-menubar__sub-trigger\n  ) {\n    display: grid;\n    box-sizing: border-box;\n    min-inline-size: 0;\n    min-block-size: var(--brick-action-menu-row-min-block-size);\n    grid-template-columns: var(--brick-action-menu-indicator-size) minmax(0, 1fr) auto;\n    align-items: center;\n    gap: var(--brick-action-menu-row-gap);\n    padding: var(--brick-space-1) var(--brick-action-menu-row-padding-inline);\n    border-radius: var(--brick-action-menu-row-radius);\n    outline: 0;\n    color: var(--brick-action-menu-row-foreground);\n    font-family: var(--brick-typography-control-md-font-family);\n    font-size: var(--brick-action-menu-font-size);\n    font-weight: var(--brick-typography-control-md-font-weight);\n    line-height: var(--brick-action-menu-line-height);\n    text-align: start;\n    cursor: default;\n    user-select: none;\n  }\n\n  /*\n   * Destination rows may compose a Brick Link through the menu item's\n   * `asChild` contract. Restore the menu-row recipe above Link's inline\n   * presentation and flatten Link's content wrapper so Leading, ItemLabel,\n   * Description, and Shortcut continue to participate in the row grid.\n   */\n  .brick-link:is(\n    .brick-dropdown-menu__item,\n    .brick-context-menu__item,\n    .brick-menubar__item\n  ) {\n    display: grid;\n    inline-size: 100%;\n    align-items: center;\n    gap: var(--brick-action-menu-row-gap);\n    color: var(--brick-action-menu-row-foreground);\n    font-family: var(--brick-typography-control-md-font-family);\n    font-size: var(--brick-action-menu-font-size);\n    font-weight: var(--brick-typography-control-md-font-weight);\n    line-height: var(--brick-action-menu-line-height);\n    text-decoration-line: none;\n    vertical-align: middle;\n  }\n\n  .brick-link:is(\n    .brick-dropdown-menu__item,\n    .brick-context-menu__item,\n    .brick-menubar__item\n  ) > .brick-link__content {\n    display: contents;\n  }\n\n  .brick-link:is(\n    .brick-dropdown-menu__item,\n    .brick-context-menu__item,\n    .brick-menubar__item\n  ):is(:hover, :focus-visible, :active) {\n    outline: 0;\n    color: currentColor;\n    text-decoration-line: none;\n  }\n\n  :where(\n    .brick-dropdown-menu__item,\n    .brick-dropdown-menu__checkbox-item,\n    .brick-dropdown-menu__radio-item,\n    .brick-dropdown-menu__sub-trigger,\n    .brick-context-menu__item,\n    .brick-context-menu__checkbox-item,\n    .brick-context-menu__radio-item,\n    .brick-context-menu__sub-trigger,\n    .brick-menubar__item,\n    .brick-menubar__checkbox-item,\n    .brick-menubar__radio-item,\n    .brick-menubar__sub-trigger\n  )[data-highlighted] {\n    background: var(--brick-action-menu-row-highlighted-background);\n    color: var(--brick-action-menu-row-highlighted-foreground);\n    box-shadow: inset 0 0 0 var(--brick-border-width) var(--brick-action-menu-focus-ring);\n  }\n\n  :where(\n    .brick-dropdown-menu__item,\n    .brick-dropdown-menu__checkbox-item,\n    .brick-dropdown-menu__radio-item,\n    .brick-dropdown-menu__sub-trigger,\n    .brick-context-menu__item,\n    .brick-context-menu__checkbox-item,\n    .brick-context-menu__radio-item,\n    .brick-context-menu__sub-trigger,\n    .brick-menubar__item,\n    .brick-menubar__checkbox-item,\n    .brick-menubar__radio-item,\n    .brick-menubar__sub-trigger\n  )[data-tone=\"danger\"] {\n    color: var(--brick-action-menu-danger-foreground);\n  }\n\n  :where(\n    .brick-dropdown-menu__item,\n    .brick-dropdown-menu__checkbox-item,\n    .brick-dropdown-menu__radio-item,\n    .brick-dropdown-menu__sub-trigger,\n    .brick-context-menu__item,\n    .brick-context-menu__checkbox-item,\n    .brick-context-menu__radio-item,\n    .brick-context-menu__sub-trigger,\n    .brick-menubar__item,\n    .brick-menubar__checkbox-item,\n    .brick-menubar__radio-item,\n    .brick-menubar__sub-trigger\n  )[data-tone=\"danger\"][data-highlighted] {\n    background: var(--brick-action-menu-danger-background);\n    color: var(--brick-action-menu-danger-foreground);\n  }\n\n  :where(\n    .brick-dropdown-menu__item,\n    .brick-dropdown-menu__checkbox-item,\n    .brick-dropdown-menu__radio-item,\n    .brick-dropdown-menu__sub-trigger,\n    .brick-context-menu__item,\n    .brick-context-menu__checkbox-item,\n    .brick-context-menu__radio-item,\n    .brick-context-menu__sub-trigger,\n    .brick-menubar__item,\n    .brick-menubar__checkbox-item,\n    .brick-menubar__radio-item,\n    .brick-menubar__sub-trigger\n  )[data-disabled] {\n    color: var(--brick-action-menu-disabled-foreground);\n    opacity: 0.65;\n  }\n\n  :where(\n    .brick-dropdown-menu__leading,\n    .brick-context-menu__leading,\n    .brick-menubar__leading,\n    .brick-dropdown-menu__item-indicator,\n    .brick-context-menu__item-indicator,\n    .brick-menubar__item-indicator\n  ) {\n    display: inline-grid;\n    inline-size: var(--brick-action-menu-indicator-size);\n    block-size: var(--brick-action-menu-indicator-size);\n    place-items: center;\n    color: currentColor;\n  }\n\n  :is(\n    .brick-dropdown-menu__leading,\n    .brick-context-menu__leading,\n    .brick-menubar__leading\n  ) > .brick-icon {\n    --brick-icon-size: var(--brick-action-menu-indicator-size);\n  }\n\n  :is(\n    .brick-dropdown-menu__leading,\n    .brick-context-menu__leading,\n    .brick-menubar__leading\n  ) > .brick-icon[data-size] {\n    --brick-icon-size: var(--brick-action-menu-indicator-size);\n  }\n\n  :where(\n    .brick-dropdown-menu__leading,\n    .brick-context-menu__leading,\n    .brick-menubar__leading\n  ) > :where(svg, img) {\n    display: block;\n    inline-size: 100%;\n    block-size: 100%;\n  }\n\n  :where(\n    .brick-dropdown-menu__item,\n    .brick-context-menu__item,\n    .brick-menubar__item,\n    .brick-dropdown-menu__sub-trigger,\n    .brick-context-menu__sub-trigger,\n    .brick-menubar__sub-trigger\n  ) > :where(\n    .brick-dropdown-menu__item-label,\n    .brick-context-menu__item-label,\n    .brick-menubar__item-label\n  ):first-child {\n    grid-column: 2;\n  }\n\n  :where(\n    .brick-dropdown-menu__item-label,\n    .brick-context-menu__item-label,\n    .brick-menubar__item-label\n  ) {\n    min-inline-size: 0;\n    grid-column: 2;\n    overflow-wrap: anywhere;\n  }\n\n  :where(\n    .brick-dropdown-menu__description,\n    .brick-context-menu__description,\n    .brick-menubar__description\n  ) {\n    min-inline-size: 0;\n    grid-column: 2 / -1;\n    color: var(--brick-action-menu-description-foreground);\n    font-family: var(--brick-typography-supporting-sm-font-family);\n    font-size: var(--brick-typography-supporting-sm-font-size);\n    font-weight: var(--brick-typography-supporting-sm-font-weight);\n    line-height: var(--brick-typography-supporting-sm-line-height);\n    overflow-wrap: anywhere;\n  }\n\n  :where(\n    .brick-dropdown-menu__shortcut,\n    .brick-context-menu__shortcut,\n    .brick-menubar__shortcut\n  ) {\n    grid-column: 3;\n    color: var(--brick-action-menu-shortcut-foreground);\n    font-family: var(--brick-typography-code-inline-font-family);\n    font-size: var(--brick-typography-caption-font-size);\n    line-height: var(--brick-typography-caption-line-height);\n    white-space: nowrap;\n  }\n\n  :where(\n    .brick-dropdown-menu__item-indicator,\n    .brick-context-menu__item-indicator,\n    .brick-menubar__item-indicator\n  ) {\n    grid-column: 1;\n  }\n\n  :where(\n    .brick-dropdown-menu__item-indicator,\n    .brick-context-menu__item-indicator,\n    .brick-menubar__item-indicator\n  ):empty::before {\n    content: \"✓\";\n    font-weight: var(--brick-typography-label-strong-font-weight);\n  }\n\n  :where(\n    .brick-dropdown-menu__item-indicator,\n    .brick-context-menu__item-indicator,\n    .brick-menubar__item-indicator\n  )[data-state=\"indeterminate\"]:empty::before {\n    content: \"−\";\n  }\n\n  :where(\n    .brick-dropdown-menu__sub-trigger,\n    .brick-context-menu__sub-trigger,\n    .brick-menubar__sub-trigger\n  )::after {\n    content: \"\";\n    grid-column: 3;\n    inline-size: 0.5em;\n    block-size: 0.5em;\n    border-right: 0.125rem solid currentColor;\n    border-bottom: 0.125rem solid currentColor;\n    color: var(--brick-action-menu-shortcut-foreground);\n    direction: ltr;\n    transform: rotate(-45deg);\n  }\n\n  :where(\n    [dir=\"rtl\"] .brick-dropdown-menu__sub-trigger,\n    [dir=\"rtl\"] .brick-context-menu__sub-trigger,\n    [dir=\"rtl\"] .brick-menubar__sub-trigger,\n    .brick-dropdown-menu__sub-trigger[dir=\"rtl\"],\n    .brick-context-menu__sub-trigger[dir=\"rtl\"],\n    .brick-menubar__sub-trigger[dir=\"rtl\"]\n  )::after {\n    transform: rotate(135deg);\n  }\n\n  :where(\n    .brick-dropdown-menu__separator,\n    .brick-context-menu__separator,\n    .brick-menubar__separator\n  ) {\n    block-size: var(--brick-border-width);\n    margin: var(--brick-space-1) var(--brick-action-menu-row-padding-inline);\n    background: var(--brick-action-menu-separator-color);\n  }\n\n  :where(\n    .brick-dropdown-menu__arrow,\n    .brick-context-menu__arrow,\n    .brick-menubar__arrow\n  ) {\n    --brick-floating-arrow-fill: var(--brick-action-menu-content-background);\n    --brick-floating-arrow-stroke: var(--brick-action-menu-content-border);\n    color: var(--brick-action-menu-content-background);\n  }\n\n  @supports not (width: 100dvi) {\n    :where(\n      .brick-dropdown-menu__content,\n      .brick-dropdown-menu__sub-content,\n      .brick-context-menu__content,\n      .brick-context-menu__sub-content,\n      .brick-menubar__content,\n      .brick-menubar__sub-content\n    ) {\n      max-inline-size: min(24rem, calc(100vw - 2 * var(--brick-space-3)));\n    }\n  }\n\n  @media (prefers-reduced-motion: reduce) {\n    :where(\n      .brick-dropdown-menu__content,\n      .brick-dropdown-menu__sub-content,\n      .brick-context-menu__content,\n      .brick-context-menu__sub-content,\n      .brick-menubar__content,\n      .brick-menubar__sub-content\n    ) {\n      scale: 1;\n      transition-duration: 1ms;\n    }\n  }\n\n  @media (forced-colors: active) {\n    :where(\n      .brick-dropdown-menu__content,\n      .brick-dropdown-menu__sub-content,\n      .brick-context-menu__content,\n      .brick-context-menu__sub-content,\n      .brick-menubar__content,\n      .brick-menubar__sub-content\n    ) {\n      border-color: CanvasText;\n      background: Canvas;\n      box-shadow: none;\n      color: CanvasText;\n    }\n\n    :where(\n      .brick-dropdown-menu__item,\n      .brick-dropdown-menu__checkbox-item,\n      .brick-dropdown-menu__radio-item,\n      .brick-dropdown-menu__sub-trigger,\n      .brick-context-menu__item,\n      .brick-context-menu__checkbox-item,\n      .brick-context-menu__radio-item,\n      .brick-context-menu__sub-trigger,\n      .brick-menubar__item,\n      .brick-menubar__checkbox-item,\n      .brick-menubar__radio-item,\n      .brick-menubar__sub-trigger\n    )[data-highlighted] {\n      outline: var(--brick-border-focus-width) solid Highlight;\n      outline-offset: calc(var(--brick-border-focus-width) * -1);\n      background: Highlight;\n      box-shadow: none;\n      color: HighlightText;\n    }\n\n    :where(\n      .brick-dropdown-menu__item,\n      .brick-dropdown-menu__checkbox-item,\n      .brick-dropdown-menu__radio-item,\n      .brick-dropdown-menu__sub-trigger,\n      .brick-context-menu__item,\n      .brick-context-menu__checkbox-item,\n      .brick-context-menu__radio-item,\n      .brick-context-menu__sub-trigger,\n      .brick-menubar__item,\n      .brick-menubar__checkbox-item,\n      .brick-menubar__radio-item,\n      .brick-menubar__sub-trigger\n    )[data-disabled] {\n      color: GrayText;\n    }\n  }\n}\n","@layer brick.components {\n  .brick-popover {\n    --brick-popover-background: var(--brick-color-surface-overlay);\n    --brick-popover-foreground: var(--brick-color-text-primary);\n    --brick-popover-muted-foreground: var(--brick-color-text-secondary);\n    --brick-popover-border: var(--brick-color-border-default);\n    --brick-popover-radius: var(--brick-radius-overlay);\n    --brick-popover-shadow: var(--brick-shadow-floating);\n    --brick-popover-space: var(--brick-space-4);\n    --brick-popover-max-inline-size-sm: 18rem;\n    --brick-popover-max-inline-size-md: 24rem;\n    --brick-popover-max-inline-size-lg: 32rem;\n    --brick-popover-max-block-size: min(32rem, calc(100dvb - 2rem - env(safe-area-inset-top) - env(safe-area-inset-bottom)));\n\n    z-index: calc(var(--brick-layer-overlay) - 1);\n    box-sizing: border-box;\n    inline-size: max-content;\n    max-inline-size: min(\n      var(--brick-popover-max-inline-size-md),\n      calc(100dvi - 2rem - env(safe-area-inset-left) - env(safe-area-inset-right))\n    );\n    overflow: visible;\n    color: var(--brick-popover-foreground);\n    opacity: 0;\n    overflow-wrap: anywhere;\n    scale: 0.98;\n    transform-origin: var(--brick-floating-arrow-transform-origin, center);\n    transition:\n      opacity var(--brick-motion-duration-fast) var(--brick-motion-easing-enter),\n      scale var(--brick-motion-duration-fast) var(--brick-motion-easing-enter);\n  }\n\n  .brick-popover[data-size=\"sm\"] {\n    max-inline-size: min(\n      var(--brick-popover-max-inline-size-sm),\n      calc(100dvi - 2rem - env(safe-area-inset-left) - env(safe-area-inset-right))\n    );\n  }\n\n  .brick-popover[data-size=\"lg\"] {\n    max-inline-size: min(\n      var(--brick-popover-max-inline-size-lg),\n      calc(100dvi - 2rem - env(safe-area-inset-left) - env(safe-area-inset-right))\n    );\n  }\n\n  .brick-popover[data-density=\"compact\"] {\n    --brick-popover-space: var(--brick-space-3);\n  }\n\n  .brick-popover > [data-slot=\"popover-viewport\"] {\n    box-sizing: border-box;\n    display: flex;\n    inline-size: 100%;\n    max-block-size: min(\n      var(--brick-popover-max-block-size),\n      calc(100dvb - 2rem - env(safe-area-inset-top) - env(safe-area-inset-bottom))\n    );\n    flex-direction: column;\n    overflow: hidden;\n    border: var(--brick-border-width) solid var(--brick-popover-border);\n    border-radius: var(--brick-popover-radius);\n    background: var(--brick-popover-background);\n    box-shadow: var(--brick-popover-shadow);\n  }\n\n  .brick-popover[data-positioned] {\n    opacity: 1;\n    scale: 1;\n  }\n\n  .brick-popover[data-state=\"closed\"] {\n    opacity: 0;\n    scale: 0.98;\n  }\n\n  .brick-popover__header,\n  .brick-popover > [data-slot=\"popover-viewport\"] > :where([data-slot=\"popover-title\"], [data-slot=\"popover-description\"]) {\n    flex: none;\n    min-inline-size: 0;\n  }\n\n  .brick-popover__header {\n    display: grid;\n    gap: var(--brick-space-1);\n    padding: var(--brick-popover-space);\n    padding-block-end: var(--brick-space-2);\n  }\n\n  .brick-popover :where([data-slot=\"popover-title\"], [data-slot=\"popover-description\"]) {\n    min-inline-size: 0;\n    margin: 0;\n  }\n\n  .brick-popover > [data-slot=\"popover-viewport\"] > [data-slot=\"popover-title\"],\n  .brick-popover > [data-slot=\"popover-viewport\"] > [data-slot=\"popover-description\"],\n  .brick-popover__header > :where([data-slot=\"popover-title\"], [data-slot=\"popover-description\"]) {\n    padding-inline: var(--brick-popover-space);\n  }\n\n  .brick-popover > [data-slot=\"popover-viewport\"] > [data-slot=\"popover-title\"] {\n    padding-block-start: var(--brick-popover-space);\n  }\n\n  .brick-popover > [data-slot=\"popover-viewport\"] > [data-slot=\"popover-description\"] {\n    padding-block-start: var(--brick-space-1);\n  }\n\n  .brick-popover__header > :where([data-slot=\"popover-title\"], [data-slot=\"popover-description\"]) {\n    padding: 0;\n  }\n\n  .brick-popover :where([data-slot=\"popover-title\"]) {\n    color: var(--brick-popover-foreground);\n    font-family: var(--brick-typography-compact-title-lg-font-family);\n    font-size: var(--brick-typography-compact-title-lg-font-size);\n    font-weight: var(--brick-typography-compact-title-lg-font-weight);\n    letter-spacing: var(--brick-typography-compact-title-lg-letter-spacing);\n    line-height: var(--brick-typography-compact-title-lg-line-height);\n  }\n\n  .brick-popover[data-density=\"compact\"] :where([data-slot=\"popover-title\"]) {\n    font-family: var(--brick-typography-compact-title-font-family);\n    font-size: var(--brick-typography-compact-title-font-size);\n    font-weight: var(--brick-typography-compact-title-font-weight);\n    letter-spacing: var(--brick-typography-compact-title-letter-spacing);\n    line-height: var(--brick-typography-compact-title-line-height);\n  }\n\n  .brick-popover :where([data-slot=\"popover-description\"]) {\n    color: var(--brick-popover-muted-foreground);\n    font-family: var(--brick-typography-supporting-sm-font-family);\n    font-size: var(--brick-typography-supporting-sm-font-size);\n    font-weight: var(--brick-typography-supporting-sm-font-weight);\n    letter-spacing: var(--brick-typography-supporting-sm-letter-spacing);\n    line-height: var(--brick-typography-supporting-sm-line-height);\n  }\n\n  .brick-popover__body {\n    min-block-size: 0;\n    min-inline-size: 0;\n    flex: 1 1 auto;\n    padding: var(--brick-space-3) var(--brick-popover-space);\n    overflow: auto;\n    overscroll-behavior: contain;\n    color: var(--brick-popover-foreground);\n    line-height: var(--brick-typography-body-md-line-height);\n    scrollbar-gutter: stable;\n  }\n\n  .brick-popover__footer {\n    display: flex;\n    min-inline-size: 0;\n    flex: none;\n    flex-wrap: wrap;\n    align-items: center;\n    justify-content: flex-end;\n    gap: var(--brick-space-2);\n    padding: var(--brick-space-2) var(--brick-popover-space) var(--brick-popover-space);\n  }\n\n  .brick-popover__arrow {\n    --brick-floating-arrow-fill: var(--brick-popover-background);\n    --brick-floating-arrow-stroke: var(--brick-popover-border);\n  }\n\n  .brick-popover[data-side=\"top\"] .brick-popover__arrow {\n    translate: 0 calc(var(--brick-border-width) * -1);\n    filter: drop-shadow(0 1px 0 var(--brick-popover-border));\n  }\n\n  .brick-popover[data-side=\"right\"] .brick-popover__arrow {\n    translate: var(--brick-border-width) 0;\n    filter: drop-shadow(-1px 0 0 var(--brick-popover-border));\n  }\n\n  .brick-popover[data-side=\"bottom\"] .brick-popover__arrow {\n    translate: 0 var(--brick-border-width);\n    filter: drop-shadow(0 -1px 0 var(--brick-popover-border));\n  }\n\n  .brick-popover[data-side=\"left\"] .brick-popover__arrow {\n    translate: calc(var(--brick-border-width) * -1) 0;\n    filter: drop-shadow(1px 0 0 var(--brick-popover-border));\n  }\n\n  @supports not (height: 100dvb) {\n    .brick-popover {\n      --brick-popover-max-block-size: min(32rem, calc(100vh - 2rem - env(safe-area-inset-top) - env(safe-area-inset-bottom)));\n    }\n  }\n\n  @media (max-width: 20rem) {\n    .brick-popover {\n      --brick-popover-space: var(--brick-space-3);\n    }\n\n    .brick-popover__footer > .brick-button {\n      inline-size: 100%;\n      flex: 1 1 100%;\n    }\n  }\n\n  @media (max-height: 20rem) {\n    .brick-popover > [data-slot=\"popover-viewport\"] {\n      overflow: auto;\n      overscroll-behavior: contain;\n      scrollbar-gutter: stable;\n    }\n\n    .brick-popover__body {\n      flex: none;\n      overflow: visible;\n    }\n  }\n\n  @media (prefers-reduced-motion: reduce) {\n    .brick-popover {\n      scale: 1;\n      transition-duration: 1ms;\n    }\n  }\n\n  @media (forced-colors: active) {\n    .brick-popover {\n      --brick-popover-background: Canvas;\n      --brick-popover-foreground: CanvasText;\n      --brick-popover-muted-foreground: CanvasText;\n      --brick-popover-border: CanvasText;\n      box-shadow: none;\n    }\n\n    .brick-popover__arrow {\n      color: CanvasText;\n      fill: Canvas;\n      filter: none;\n      stroke: CanvasText;\n    }\n  }\n}\n","@layer brick.components {\n  .brick-badge,\n  .brick-notification-badge {\n    --brick-badge-tone-solid: color-mix(\n      in srgb,\n      var(--brick-color-surface-subtle),\n      var(--brick-color-text-primary) 16%\n    );\n    --brick-badge-tone-on-solid: var(--brick-color-text-primary);\n    --brick-badge-tone-soft: var(--brick-color-surface-subtle);\n    --brick-badge-tone-on-soft: var(--brick-color-text-primary);\n    --brick-badge-tone-border: var(--brick-color-border-strong);\n    --brick-badge-tone-text: var(--brick-color-text-primary);\n  }\n\n  .brick-badge {\n    --brick-badge-background: var(--brick-badge-tone-soft);\n    --brick-badge-foreground: var(--brick-badge-tone-on-soft);\n    --brick-badge-border-color: transparent;\n    --brick-badge-min-block-size: 1.5rem;\n    --brick-badge-inline-padding: 0.5rem;\n    --brick-badge-block-padding: 0.125rem;\n    --brick-badge-gap: var(--brick-space-1);\n    --brick-badge-radius: var(--brick-radius-control);\n    --brick-badge-font-size: var(--brick-typography-control-sm-font-size);\n\n    display: inline-flex;\n    box-sizing: border-box;\n    min-inline-size: 0;\n    min-block-size: var(--brick-badge-min-block-size);\n    max-inline-size: 100%;\n    align-items: center;\n    justify-content: safe center;\n    gap: var(--brick-badge-gap);\n    padding-block: var(--brick-badge-block-padding);\n    padding-inline: var(--brick-badge-inline-padding);\n    border: var(--brick-border-width) solid var(--brick-badge-border-color);\n    border-radius: var(--brick-badge-radius);\n    background: var(--brick-badge-background);\n    color: var(--brick-badge-foreground);\n    font-family: var(--brick-typography-control-sm-font-family);\n    font-size: var(--brick-badge-font-size);\n    font-weight: var(--brick-typography-control-sm-font-weight);\n    font-variant-numeric: tabular-nums;\n    letter-spacing: var(--brick-typography-control-sm-letter-spacing);\n    line-height: var(--brick-typography-control-sm-line-height);\n    white-space: nowrap;\n    text-align: start;\n    vertical-align: baseline;\n  }\n\n  .brick-badge[data-shape=\"pill\"] {\n    --brick-badge-radius: var(--brick-radius-full);\n  }\n\n  .brick-badge[data-shape=\"circle\"] {\n    --brick-badge-radius: var(--brick-radius-full);\n    inline-size: var(--brick-badge-min-block-size);\n    min-inline-size: var(--brick-badge-min-block-size);\n    max-inline-size: none;\n    flex: none;\n    padding: 0;\n    line-height: 1;\n  }\n\n  .brick-badge[data-shape=\"circle\"] > :is(svg, [data-slot=\"icon\"]) {\n    inline-size: 1em;\n    block-size: 1em;\n  }\n\n  .brick-badge[data-size=\"sm\"] {\n    --brick-badge-min-block-size: 1.25rem;\n    --brick-badge-inline-padding: 0.375rem;\n    --brick-badge-block-padding: 0.0625rem;\n    --brick-badge-font-size: var(--brick-typography-control-xs-font-size);\n  }\n\n  .brick-badge[data-size=\"lg\"] {\n    --brick-badge-min-block-size: 1.75rem;\n    --brick-badge-inline-padding: 0.625rem;\n    --brick-badge-block-padding: 0.1875rem;\n    --brick-badge-font-size: var(--brick-typography-control-lg-font-size);\n  }\n\n  .brick-badge[data-size=\"xl\"] {\n    --brick-badge-min-block-size: 2.75rem;\n    --brick-badge-inline-padding: 0.75rem;\n    --brick-badge-block-padding: 0.25rem;\n    --brick-badge-font-size: var(--brick-typography-control-xl-font-size);\n  }\n\n  .brick-badge[data-size=\"xl\"][data-shape=\"circle\"] > :is(svg, [data-slot=\"icon\"]) {\n    inline-size: 1.5rem;\n    block-size: 1.5rem;\n  }\n\n  .brick-badge[data-variant=\"solid\"] {\n    --brick-badge-background: var(--brick-badge-tone-solid);\n    --brick-badge-foreground: var(--brick-badge-tone-on-solid);\n    --brick-badge-border-color: var(--brick-badge-tone-solid);\n  }\n\n  .brick-badge[data-variant=\"outline\"] {\n    --brick-badge-background: transparent;\n    --brick-badge-foreground: var(--brick-badge-tone-text);\n    --brick-badge-border-color: var(--brick-badge-tone-border);\n  }\n\n  .brick-badge[data-tone=\"accent\"],\n  .brick-notification-badge[data-tone=\"accent\"] {\n    --brick-badge-tone-solid: var(--brick-color-accent-solid);\n    --brick-badge-tone-on-solid: var(--brick-color-accent-on-solid);\n    --brick-badge-tone-soft: var(--brick-color-accent-soft);\n    --brick-badge-tone-on-soft: var(--brick-color-accent-on-soft);\n    --brick-badge-tone-border: var(--brick-color-accent-border);\n    --brick-badge-tone-text: var(--brick-color-accent-text);\n  }\n\n  .brick-badge[data-tone=\"info\"],\n  .brick-notification-badge[data-tone=\"info\"] {\n    --brick-badge-tone-solid: var(--brick-color-info-solid);\n    --brick-badge-tone-on-solid: var(--brick-color-info-on-solid);\n    --brick-badge-tone-soft: var(--brick-color-info-soft);\n    --brick-badge-tone-on-soft: var(--brick-color-info-on-soft);\n    --brick-badge-tone-border: var(--brick-color-info-border);\n    --brick-badge-tone-text: var(--brick-color-info-text);\n  }\n\n  .brick-badge[data-tone=\"success\"],\n  .brick-notification-badge[data-tone=\"success\"] {\n    --brick-badge-tone-solid: var(--brick-color-success-solid);\n    --brick-badge-tone-on-solid: var(--brick-color-success-on-solid);\n    --brick-badge-tone-soft: var(--brick-color-success-soft);\n    --brick-badge-tone-on-soft: var(--brick-color-success-on-soft);\n    --brick-badge-tone-border: var(--brick-color-success-border);\n    --brick-badge-tone-text: var(--brick-color-success-text);\n  }\n\n  .brick-badge[data-tone=\"warning\"],\n  .brick-notification-badge[data-tone=\"warning\"] {\n    --brick-badge-tone-solid: var(--brick-color-warning-solid);\n    --brick-badge-tone-on-solid: var(--brick-color-warning-on-solid);\n    --brick-badge-tone-soft: var(--brick-color-warning-soft);\n    --brick-badge-tone-on-soft: var(--brick-color-warning-on-soft);\n    --brick-badge-tone-border: var(--brick-color-warning-border);\n    --brick-badge-tone-text: var(--brick-color-warning-text);\n  }\n\n  .brick-badge[data-tone=\"danger\"],\n  .brick-notification-badge[data-tone=\"danger\"] {\n    --brick-badge-tone-solid: var(--brick-color-danger-solid);\n    --brick-badge-tone-on-solid: var(--brick-color-danger-on-solid);\n    --brick-badge-tone-soft: var(--brick-color-danger-soft);\n    --brick-badge-tone-on-soft: var(--brick-color-danger-on-soft);\n    --brick-badge-tone-border: var(--brick-color-danger-border);\n    --brick-badge-tone-text: var(--brick-color-danger-text);\n  }\n\n  .brick-notification-badge {\n    --brick-notification-badge-size: 1.25rem;\n    --brick-notification-badge-dot-size: 0.625rem;\n    --brick-notification-badge-inline-padding: 0.3125rem;\n    --brick-notification-badge-outline-color: var(--brick-color-surface-base);\n    --brick-notification-badge-translate-inline: 50%;\n    --brick-notification-badge-translate-block: -50%;\n\n    position: relative;\n    display: inline-flex;\n    box-sizing: border-box;\n    max-inline-size: 100%;\n    vertical-align: middle;\n  }\n\n  .brick-notification-badge[data-size=\"sm\"] {\n    --brick-notification-badge-size: 1rem;\n    --brick-notification-badge-dot-size: 0.5rem;\n    --brick-notification-badge-inline-padding: 0.25rem;\n  }\n\n  .brick-notification-badge[data-size=\"lg\"] {\n    --brick-notification-badge-size: 1.5rem;\n    --brick-notification-badge-dot-size: 0.75rem;\n    --brick-notification-badge-inline-padding: 0.375rem;\n  }\n\n  .brick-notification-badge__indicator {\n    position: absolute;\n    z-index: 1;\n    display: inline-flex;\n    box-sizing: border-box;\n    min-inline-size: var(--brick-notification-badge-size);\n    block-size: var(--brick-notification-badge-size);\n    align-items: center;\n    justify-content: center;\n    padding-inline: var(--brick-notification-badge-inline-padding);\n    border: var(--brick-border-width) solid var(--brick-notification-badge-outline-color);\n    border-radius: var(--brick-radius-full);\n    background: var(--brick-badge-tone-solid);\n    color: var(--brick-badge-tone-on-solid);\n    font-family: var(--brick-font-family-body);\n    font-size: 0.6875rem;\n    font-weight: var(--brick-font-weight-semibold);\n    font-variant-numeric: tabular-nums;\n    line-height: 1;\n    pointer-events: none;\n    white-space: nowrap;\n  }\n\n  .brick-notification-badge__indicator[data-shape=\"circle\"] {\n    inline-size: var(--brick-notification-badge-size);\n    padding-inline: 0;\n  }\n\n  .brick-notification-badge__indicator[data-variant=\"dot\"] {\n    min-inline-size: var(--brick-notification-badge-dot-size);\n    inline-size: var(--brick-notification-badge-dot-size);\n    block-size: var(--brick-notification-badge-dot-size);\n    padding: 0;\n  }\n\n  .brick-notification-badge[data-placement^=\"top\"]\n    > .brick-notification-badge__indicator {\n    inset-block-start: 0;\n  }\n\n  .brick-notification-badge[data-placement^=\"bottom\"]\n    > .brick-notification-badge__indicator {\n    --brick-notification-badge-translate-block: 50%;\n    inset-block-end: 0;\n  }\n\n  .brick-notification-badge[data-placement$=\"end\"]\n    > .brick-notification-badge__indicator {\n    inset-inline-end: 0;\n    translate: var(--brick-notification-badge-translate-inline)\n      var(--brick-notification-badge-translate-block);\n  }\n\n  .brick-notification-badge[data-placement$=\"start\"]\n    > .brick-notification-badge__indicator {\n    inset-inline-start: 0;\n    translate: calc(var(--brick-notification-badge-translate-inline) * -1)\n      var(--brick-notification-badge-translate-block);\n  }\n\n  .brick-notification-badge[data-overlap=\"circular\"] {\n    --brick-notification-badge-translate-inline: 50%;\n    --brick-notification-badge-translate-block: -50%;\n  }\n\n  .brick-notification-badge[data-overlap=\"circular\"][data-placement^=\"bottom\"] {\n    --brick-notification-badge-translate-block: 50%;\n  }\n\n  .brick-notification-badge[data-overlap=\"circular\"][data-placement^=\"top\"]\n    > .brick-notification-badge__indicator {\n    inset-block-start: 14.6447%;\n  }\n\n  .brick-notification-badge[data-overlap=\"circular\"][data-placement^=\"bottom\"]\n    > .brick-notification-badge__indicator {\n    inset-block-end: 14.6447%;\n  }\n\n  .brick-notification-badge[data-overlap=\"circular\"][data-placement$=\"start\"]\n    > .brick-notification-badge__indicator {\n    inset-inline-start: 14.6447%;\n  }\n\n  .brick-notification-badge[data-overlap=\"circular\"][data-placement$=\"end\"]\n    > .brick-notification-badge__indicator {\n    inset-inline-end: 14.6447%;\n  }\n\n  :is([dir=\"rtl\"], :dir(rtl))\n    .brick-notification-badge[data-placement$=\"end\"]\n    > .brick-notification-badge__indicator,\n  .brick-notification-badge[dir=\"rtl\"][data-placement$=\"end\"]\n    > .brick-notification-badge__indicator {\n    translate: calc(var(--brick-notification-badge-translate-inline) * -1)\n      var(--brick-notification-badge-translate-block);\n  }\n\n  :is([dir=\"rtl\"], :dir(rtl))\n    .brick-notification-badge[data-placement$=\"start\"]\n    > .brick-notification-badge__indicator,\n  .brick-notification-badge[dir=\"rtl\"][data-placement$=\"start\"]\n    > .brick-notification-badge__indicator {\n    translate: var(--brick-notification-badge-translate-inline)\n      var(--brick-notification-badge-translate-block);\n  }\n\n  @media (forced-colors: active) {\n    .brick-badge {\n      border-color: CanvasText;\n      background: Canvas;\n      color: CanvasText;\n    }\n\n    .brick-notification-badge__indicator {\n      border-color: Canvas;\n      background: CanvasText;\n      color: Canvas;\n      forced-color-adjust: none;\n    }\n  }\n}\n","@layer brick.components {\n  .brick-show { display: contents !important; }\n  @media (width < 30rem) { .brick-show[data-from=\"sm\"] { display: none !important; } }\n  @media (width < 48rem) { .brick-show[data-from=\"md\"] { display: none !important; } }\n  @media (width < 64rem) { .brick-show[data-from=\"lg\"] { display: none !important; } }\n  @media (width < 80rem) { .brick-show[data-from=\"xl\"] { display: none !important; } }\n}\n","@layer brick.components {\n  :where(.brick-dropdown-menu__content, .brick-dropdown-menu__sub-content) {\n    --brick-dropdown-menu-content-background: var(--brick-color-surface-overlay);\n    --brick-dropdown-menu-content-foreground: var(--brick-color-text-primary);\n    --brick-dropdown-menu-content-border: var(--brick-color-border-subtle);\n    --brick-dropdown-menu-content-radius: var(--brick-radius-overlay);\n    --brick-dropdown-menu-content-shadow: var(--brick-shadow-floating);\n    --brick-dropdown-menu-content-padding: var(--brick-space-1);\n    --brick-dropdown-menu-content-max-block-size: 20rem;\n    --brick-dropdown-menu-row-min-block-size: var(--brick-control-target-min);\n    --brick-dropdown-menu-row-padding-inline: var(--brick-space-3);\n    --brick-dropdown-menu-row-gap: var(--brick-space-2);\n    --brick-dropdown-menu-row-radius: var(--brick-radius-control);\n    --brick-dropdown-menu-row-foreground: var(--brick-color-text-primary);\n    --brick-dropdown-menu-row-highlighted-background: var(--brick-color-accent-soft);\n    --brick-dropdown-menu-row-highlighted-foreground: var(--brick-color-accent-text);\n    --brick-dropdown-menu-description-foreground: var(--brick-color-text-secondary);\n    --brick-dropdown-menu-shortcut-foreground: var(--brick-color-text-muted);\n    --brick-dropdown-menu-label-foreground: var(--brick-color-text-secondary);\n    --brick-dropdown-menu-disabled-foreground: var(--brick-color-text-muted);\n    --brick-dropdown-menu-danger-foreground: var(--brick-color-danger-text);\n    --brick-dropdown-menu-danger-background: var(--brick-color-danger-soft);\n    --brick-dropdown-menu-separator-color: var(--brick-color-border-subtle);\n    --brick-dropdown-menu-indicator-size: 1rem;\n    --brick-dropdown-menu-focus-ring: var(--brick-color-focus-ring);\n    --brick-dropdown-menu-motion-duration: var(--brick-motion-duration-fast);\n\n    --brick-action-menu-content-background: var(--brick-dropdown-menu-content-background);\n    --brick-action-menu-content-foreground: var(--brick-dropdown-menu-content-foreground);\n    --brick-action-menu-content-border: var(--brick-dropdown-menu-content-border);\n    --brick-action-menu-content-radius: var(--brick-dropdown-menu-content-radius);\n    --brick-action-menu-content-shadow: var(--brick-dropdown-menu-content-shadow);\n    --brick-action-menu-content-padding: var(--brick-dropdown-menu-content-padding);\n    --brick-action-menu-content-max-block-size: var(--brick-dropdown-menu-content-max-block-size);\n    --brick-action-menu-content-z-index: var(--brick-layer-overlay);\n    --brick-action-menu-row-min-block-size: var(--brick-dropdown-menu-row-min-block-size);\n    --brick-action-menu-row-padding-inline: var(--brick-dropdown-menu-row-padding-inline);\n    --brick-action-menu-row-gap: var(--brick-dropdown-menu-row-gap);\n    --brick-action-menu-row-radius: var(--brick-dropdown-menu-row-radius);\n    --brick-action-menu-row-foreground: var(--brick-dropdown-menu-row-foreground);\n    --brick-action-menu-row-highlighted-background: var(--brick-dropdown-menu-row-highlighted-background);\n    --brick-action-menu-row-highlighted-foreground: var(--brick-dropdown-menu-row-highlighted-foreground);\n    --brick-action-menu-description-foreground: var(--brick-dropdown-menu-description-foreground);\n    --brick-action-menu-shortcut-foreground: var(--brick-dropdown-menu-shortcut-foreground);\n    --brick-action-menu-label-foreground: var(--brick-dropdown-menu-label-foreground);\n    --brick-action-menu-disabled-foreground: var(--brick-dropdown-menu-disabled-foreground);\n    --brick-action-menu-danger-foreground: var(--brick-dropdown-menu-danger-foreground);\n    --brick-action-menu-danger-background: var(--brick-dropdown-menu-danger-background);\n    --brick-action-menu-separator-color: var(--brick-dropdown-menu-separator-color);\n    --brick-action-menu-indicator-size: var(--brick-dropdown-menu-indicator-size);\n    --brick-action-menu-focus-ring: var(--brick-dropdown-menu-focus-ring);\n    --brick-action-menu-motion-duration: var(--brick-dropdown-menu-motion-duration);\n    --brick-action-menu-font-size: var(--brick-typography-control-md-font-size);\n    --brick-action-menu-line-height: var(--brick-typography-control-md-line-height);\n  }\n\n  .brick-dropdown-menu__trigger {\n    touch-action: manipulation;\n  }\n}\n","@layer brick.components {\n  .brick-form {\n    --brick-form-gap: var(--brick-space-5);\n    --brick-form-fieldset-gap: var(--brick-space-3);\n\n    display: grid;\n    min-inline-size: 0;\n    row-gap: var(--brick-form-gap);\n  }\n\n  .brick-form > .brick-fieldset {\n    --brick-fieldset-gap: var(--brick-form-fieldset-gap);\n  }\n\n  .brick-form[data-submitting] {\n    cursor: progress;\n  }\n}\n","@layer brick.components {\n  .brick-chip {\n    --brick-chip-background: var(--brick-color-surface-subtle);\n    --brick-chip-foreground: var(--brick-color-text-primary);\n    --brick-chip-border-color: transparent;\n    --brick-chip-radius: var(--brick-radius-full);\n    --brick-chip-min-block-size: 2rem;\n    --brick-chip-padding-inline-start: 0.625rem;\n    --brick-chip-padding-inline-end: 0.25rem;\n    --brick-chip-gap: 0.375rem;\n    --brick-chip-font-size: var(--brick-typography-control-sm-font-size);\n    --brick-chip-leading-size: 1.25rem;\n    --brick-chip-remove-size: 1.5rem;\n    --brick-chip-remove-foreground: var(--brick-color-text-secondary);\n    --brick-chip-remove-background: transparent;\n    --brick-chip-remove-hover-background: var(--brick-color-surface-raised);\n    --brick-chip-remove-active-background: var(--brick-color-border-subtle);\n\n    display: inline-flex;\n    box-sizing: border-box;\n    min-inline-size: 0;\n    min-block-size: var(--brick-chip-min-block-size);\n    max-inline-size: 100%;\n    align-items: center;\n    gap: var(--brick-chip-gap);\n    padding-block: 0;\n    padding-inline: var(--brick-chip-padding-inline-start) var(--brick-chip-padding-inline-end);\n    border: var(--brick-border-width) solid var(--brick-chip-border-color);\n    border-radius: var(--brick-chip-radius);\n    background: var(--brick-chip-background);\n    color: var(--brick-chip-foreground);\n    font-family: var(--brick-typography-control-sm-font-family);\n    font-size: var(--brick-chip-font-size);\n    font-weight: var(--brick-typography-control-sm-font-weight);\n    letter-spacing: var(--brick-typography-control-sm-letter-spacing);\n    line-height: var(--brick-typography-control-sm-line-height);\n    vertical-align: middle;\n  }\n\n  .brick-chip:not(:has(.brick-chip__remove-trigger)) {\n    padding-inline-end: var(--brick-chip-padding-inline-start);\n  }\n\n  .brick-chip[data-tone=\"accent\"] {\n    --brick-chip-background: var(--brick-color-accent-soft);\n    --brick-chip-foreground: var(--brick-color-accent-on-soft);\n    --brick-chip-border-color: var(--brick-color-accent-border);\n    --brick-chip-remove-foreground: var(--brick-color-accent-text);\n    --brick-chip-remove-hover-background: var(--brick-color-accent-soft);\n    --brick-chip-remove-active-background: var(--brick-color-accent-soft);\n  }\n\n  .brick-chip[data-variant=\"outline\"] {\n    --brick-chip-background: transparent;\n    --brick-chip-border-color: var(--brick-color-border-strong);\n  }\n\n  .brick-chip[data-shape=\"rounded\"] {\n    --brick-chip-radius: var(--brick-radius-control);\n  }\n\n  .brick-chip[data-size=\"sm\"] {\n    --brick-chip-min-block-size: 1.75rem;\n    --brick-chip-padding-inline-start: 0.5rem;\n    --brick-chip-gap: 0.25rem;\n    --brick-chip-font-size: var(--brick-typography-control-xs-font-size);\n    --brick-chip-leading-size: 1rem;\n    --brick-chip-remove-size: 1.5rem;\n  }\n\n  .brick-chip[data-size=\"lg\"] {\n    --brick-chip-min-block-size: 2.25rem;\n    --brick-chip-padding-inline-start: 0.75rem;\n    --brick-chip-padding-inline-end: 0.375rem;\n    --brick-chip-gap: 0.5rem;\n    --brick-chip-font-size: var(--brick-typography-control-md-font-size);\n    --brick-chip-leading-size: 1.5rem;\n    --brick-chip-remove-size: 1.75rem;\n  }\n\n  .brick-chip__label {\n    min-inline-size: 0;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n  }\n\n  .brick-chip > :where(svg, img, .brick-avatar, .brick-icon):not(.brick-chip__remove-trigger) {\n    inline-size: var(--brick-chip-leading-size);\n    block-size: var(--brick-chip-leading-size);\n    flex: none;\n  }\n\n  .brick-chip__remove-trigger {\n    display: inline-grid;\n    box-sizing: border-box;\n    flex: none;\n    inline-size: var(--brick-chip-remove-size);\n    block-size: var(--brick-chip-remove-size);\n    min-inline-size: 1.5rem;\n    min-block-size: 1.5rem;\n    place-items: center;\n    padding: 0;\n    border: 0;\n    border-radius: var(--brick-radius-full);\n    appearance: none;\n    background: var(--brick-chip-remove-background);\n    color: var(--brick-chip-remove-foreground);\n    cursor: pointer;\n  }\n\n  .brick-chip__remove-trigger > svg {\n    inline-size: 0.875rem;\n    block-size: 0.875rem;\n    fill: none;\n    stroke: currentColor;\n    stroke-linecap: round;\n    stroke-width: 1.75;\n  }\n\n  .brick-chip__remove-trigger:focus-visible {\n    outline: var(--brick-border-focus-width) solid var(--brick-color-focus-ring);\n    outline-offset: calc(-1 * var(--brick-border-focus-width));\n  }\n\n  .brick-chip__remove-trigger[data-disabled] {\n    color: var(--brick-color-text-disabled);\n    cursor: not-allowed;\n  }\n\n  @media (hover: hover) and (pointer: fine) {\n    .brick-chip__remove-trigger:not([data-disabled]):hover {\n      background: var(--brick-chip-remove-hover-background);\n    }\n  }\n\n  .brick-chip__remove-trigger:not([data-disabled]):active {\n    background: var(--brick-chip-remove-active-background);\n  }\n\n  @media (prefers-reduced-motion: reduce) {\n    .brick-chip__remove-trigger { transition: none; }\n  }\n\n  @media (forced-colors: active) {\n    .brick-chip { border-color: CanvasText; }\n    .brick-chip__remove-trigger { color: ButtonText; }\n    .brick-chip__remove-trigger:focus-visible { outline-color: Highlight; }\n    .brick-chip__remove-trigger[data-disabled] { color: GrayText; }\n  }\n}\n","@layer brick.components {\n  .brick-hide { display: contents !important; }\n  @media (width >= 30rem) { .brick-hide[data-from=\"sm\"] { display: none !important; } }\n  @media (width >= 48rem) { .brick-hide[data-from=\"md\"] { display: none !important; } }\n  @media (width >= 64rem) { .brick-hide[data-from=\"lg\"] { display: none !important; } }\n  @media (width >= 80rem) { .brick-hide[data-from=\"xl\"] { display: none !important; } }\n}\n","@layer brick.components {\n  :where(.brick-context-menu__content, .brick-context-menu__sub-content) {\n    --brick-context-menu-content-background: var(--brick-color-surface-overlay);\n    --brick-context-menu-content-foreground: var(--brick-color-text-primary);\n    --brick-context-menu-content-border: var(--brick-color-border-subtle);\n    --brick-context-menu-content-radius: var(--brick-radius-overlay);\n    --brick-context-menu-content-shadow: var(--brick-shadow-floating);\n    --brick-context-menu-content-padding: var(--brick-space-1);\n    --brick-context-menu-content-max-block-size: 20rem;\n    --brick-context-menu-row-min-block-size: var(--brick-control-target-min);\n    --brick-context-menu-row-padding-inline: var(--brick-space-3);\n    --brick-context-menu-row-gap: var(--brick-space-2);\n    --brick-context-menu-row-radius: var(--brick-radius-control);\n    --brick-context-menu-row-foreground: var(--brick-color-text-primary);\n    --brick-context-menu-row-highlighted-background: var(--brick-color-accent-soft);\n    --brick-context-menu-row-highlighted-foreground: var(--brick-color-accent-text);\n    --brick-context-menu-description-foreground: var(--brick-color-text-secondary);\n    --brick-context-menu-shortcut-foreground: var(--brick-color-text-muted);\n    --brick-context-menu-label-foreground: var(--brick-color-text-secondary);\n    --brick-context-menu-disabled-foreground: var(--brick-color-text-muted);\n    --brick-context-menu-danger-foreground: var(--brick-color-danger-text);\n    --brick-context-menu-danger-background: var(--brick-color-danger-soft);\n    --brick-context-menu-separator-color: var(--brick-color-border-subtle);\n    --brick-context-menu-indicator-size: 1rem;\n    --brick-context-menu-focus-ring: var(--brick-color-focus-ring);\n    --brick-context-menu-motion-duration: var(--brick-motion-duration-fast);\n\n    --brick-action-menu-content-background: var(--brick-context-menu-content-background);\n    --brick-action-menu-content-foreground: var(--brick-context-menu-content-foreground);\n    --brick-action-menu-content-border: var(--brick-context-menu-content-border);\n    --brick-action-menu-content-radius: var(--brick-context-menu-content-radius);\n    --brick-action-menu-content-shadow: var(--brick-context-menu-content-shadow);\n    --brick-action-menu-content-padding: var(--brick-context-menu-content-padding);\n    --brick-action-menu-content-max-block-size: var(--brick-context-menu-content-max-block-size);\n    --brick-action-menu-content-z-index: var(--brick-layer-overlay);\n    --brick-action-menu-row-min-block-size: var(--brick-context-menu-row-min-block-size);\n    --brick-action-menu-row-padding-inline: var(--brick-context-menu-row-padding-inline);\n    --brick-action-menu-row-gap: var(--brick-context-menu-row-gap);\n    --brick-action-menu-row-radius: var(--brick-context-menu-row-radius);\n    --brick-action-menu-row-foreground: var(--brick-context-menu-row-foreground);\n    --brick-action-menu-row-highlighted-background: var(--brick-context-menu-row-highlighted-background);\n    --brick-action-menu-row-highlighted-foreground: var(--brick-context-menu-row-highlighted-foreground);\n    --brick-action-menu-description-foreground: var(--brick-context-menu-description-foreground);\n    --brick-action-menu-shortcut-foreground: var(--brick-context-menu-shortcut-foreground);\n    --brick-action-menu-label-foreground: var(--brick-context-menu-label-foreground);\n    --brick-action-menu-disabled-foreground: var(--brick-context-menu-disabled-foreground);\n    --brick-action-menu-danger-foreground: var(--brick-context-menu-danger-foreground);\n    --brick-action-menu-danger-background: var(--brick-context-menu-danger-background);\n    --brick-action-menu-separator-color: var(--brick-context-menu-separator-color);\n    --brick-action-menu-indicator-size: var(--brick-context-menu-indicator-size);\n    --brick-action-menu-focus-ring: var(--brick-context-menu-focus-ring);\n    --brick-action-menu-motion-duration: var(--brick-context-menu-motion-duration);\n    --brick-action-menu-font-size: var(--brick-typography-control-md-font-size);\n    --brick-action-menu-line-height: var(--brick-typography-control-md-line-height);\n  }\n\n  .brick-context-menu__trigger { touch-action: manipulation; }\n}\n","@layer brick.components {\n  .brick-field {\n    --brick-field-row-gap: var(--brick-space-3);\n    --brick-field-column-gap: var(--brick-space-5);\n    --brick-field-label-min-inline-size: 8rem;\n    --brick-field-control-min-inline-size: 12rem;\n    --brick-field-label-foreground: var(--brick-color-text-primary);\n    --brick-field-label-foreground-disabled: var(--brick-color-text-secondary);\n    --brick-field-label-font-family: var(--brick-typography-label-md-font-family);\n    --brick-field-label-font-size: var(--brick-typography-label-md-font-size);\n    --brick-field-label-font-weight: var(--brick-typography-label-md-font-weight);\n    --brick-field-label-line-height: var(--brick-typography-label-md-line-height);\n    --brick-field-indicator-foreground: var(--brick-color-danger-text);\n    --brick-field-indicator-gap: var(--brick-space-1);\n    --brick-field-optional-foreground: var(--brick-color-text-secondary);\n    --brick-field-description-foreground: var(--brick-color-text-secondary);\n    --brick-field-description-font-size: var(--brick-typography-supporting-sm-font-size);\n    --brick-field-description-line-height: var(--brick-typography-supporting-sm-line-height);\n    --brick-field-error-foreground: var(--brick-color-danger-text);\n    --brick-field-error-font-size: var(--brick-typography-validation-sm-font-size);\n    --brick-field-error-font-weight: var(--brick-typography-validation-sm-font-weight);\n    --brick-field-error-line-height: var(--brick-typography-validation-sm-line-height);\n\n    display: grid;\n    min-inline-size: 0;\n    align-items: start;\n    gap: var(--brick-field-row-gap) var(--brick-field-column-gap);\n  }\n\n  .brick-field[data-orientation=\"horizontal\"] {\n    grid-template-columns: repeat(\n      auto-fit,\n      minmax(\n        min(\n          100%,\n          max(\n            var(--brick-field-label-min-inline-size),\n            var(--brick-field-control-min-inline-size),\n            calc((100% - var(--brick-field-column-gap)) / 2)\n          )\n        ),\n        1fr\n      )\n    );\n  }\n\n  .brick-field[data-orientation=\"horizontal\"] > :where(\n      .brick-field-description,\n      .brick-field-error\n    ) {\n    grid-column: -2 / -1;\n  }\n\n  .brick-field > :not(\n      .brick-field-label,\n      .brick-field-description,\n      .brick-field-error,\n      .brick-field-required-indicator\n    ) {\n    min-inline-size: 0;\n    max-inline-size: 100%;\n  }\n\n  .brick-field-label {\n    min-inline-size: 0;\n    margin: 0;\n    color: var(--brick-field-label-foreground);\n    font-family: var(--brick-field-label-font-family);\n    font-size: var(--brick-field-label-font-size);\n    font-weight: var(--brick-field-label-font-weight);\n    letter-spacing: var(--brick-typography-label-md-letter-spacing);\n    line-height: var(--brick-field-label-line-height);\n    overflow-wrap: anywhere;\n  }\n\n  .brick-field-label > :where(\n      [data-slot=\"field-required-indicator\"],\n      [data-slot=\"field-optional-indicator\"]\n    ) {\n    margin-inline-start: var(--brick-field-indicator-gap);\n  }\n\n  .brick-field-label > [data-slot=\"field-required-indicator\"],\n  .brick-field-required-indicator[data-slot=\"field-required-indicator\"] {\n    color: var(--brick-field-indicator-foreground);\n  }\n\n  .brick-field-label > [data-slot=\"field-optional-indicator\"],\n  .brick-field-required-indicator[data-slot=\"field-optional-indicator\"] {\n    color: var(--brick-field-optional-foreground);\n    font-weight: var(--brick-font-weight-regular);\n  }\n\n  .brick-field-required-indicator {\n    min-inline-size: 0;\n    overflow-wrap: anywhere;\n  }\n\n  .brick-field-description,\n  .brick-field-error {\n    min-inline-size: 0;\n    margin: 0;\n    overflow-wrap: anywhere;\n  }\n\n  .brick-field-description {\n    color: var(--brick-field-description-foreground);\n    font-family: var(--brick-typography-supporting-sm-font-family);\n    font-size: var(--brick-field-description-font-size);\n    font-weight: var(--brick-typography-supporting-sm-font-weight);\n    letter-spacing: var(--brick-typography-supporting-sm-letter-spacing);\n    line-height: var(--brick-field-description-line-height);\n  }\n\n  .brick-field-error {\n    padding-inline-start: var(--brick-space-2);\n    border-inline-start: max(var(--brick-border-width), 0.125rem) solid\n      var(--brick-field-error-foreground);\n    color: var(--brick-field-error-foreground);\n    font-family: var(--brick-typography-validation-sm-font-family);\n    font-size: var(--brick-field-error-font-size);\n    font-weight: var(--brick-field-error-font-weight);\n    letter-spacing: var(--brick-typography-validation-sm-letter-spacing);\n    line-height: var(--brick-field-error-line-height);\n  }\n\n  .brick-field[data-disabled] .brick-field-label {\n    color: var(--brick-field-label-foreground-disabled);\n  }\n\n  .brick-field[data-readonly] .brick-field-label {\n    font-style: italic;\n  }\n\n  .brick-field[data-invalid] .brick-field-label {\n    text-decoration-line: underline;\n    text-decoration-style: wavy;\n    text-decoration-color: var(--brick-field-error-foreground);\n    text-underline-offset: 0.2em;\n  }\n\n  @media (max-width: 34rem) {\n    .brick-field[data-orientation=\"horizontal\"] {\n      grid-template-columns: minmax(0, 1fr);\n    }\n\n    .brick-field[data-orientation=\"horizontal\"] > :where(\n        .brick-field-description,\n        .brick-field-error\n      ) {\n      grid-column: auto;\n    }\n  }\n\n  @media (forced-colors: active) {\n    .brick-field-error {\n      border-inline-start-color: Mark;\n      color: CanvasText;\n    }\n\n    .brick-field[data-invalid] .brick-field-label {\n      text-decoration-color: Mark;\n    }\n  }\n}\n","@layer brick.components {\n  .brick-avatar {\n    --brick-avatar-size: 2.5rem;\n    --brick-avatar-radius: var(--brick-radius-full);\n    --brick-avatar-background: var(--brick-color-surface-subtle);\n    --brick-avatar-foreground: var(--brick-color-text-secondary);\n    --brick-avatar-outline-color: var(--brick-color-surface-base);\n    --brick-avatar-outline-width: var(--brick-border-width);\n    --brick-avatar-status-ring-color: transparent;\n    --brick-avatar-status-ring-width: 0.125rem;\n    --brick-avatar-status-ring-offset: 0.125rem;\n    --brick-avatar-fallback-font-size: 0.875rem;\n\n    position: relative;\n    display: inline-flex;\n    box-sizing: border-box;\n    flex: none;\n    inline-size: var(--brick-avatar-size);\n    block-size: var(--brick-avatar-size);\n    align-items: center;\n    justify-content: center;\n    border-radius: var(--brick-avatar-radius);\n    background: var(--brick-avatar-background);\n    box-shadow: 0 0 0 var(--brick-avatar-outline-width)\n      var(--brick-avatar-outline-color);\n    color: var(--brick-avatar-foreground);\n    line-height: 1;\n    overflow: hidden;\n    vertical-align: middle;\n  }\n\n  .brick-avatar[data-status]::after {\n    position: absolute;\n    z-index: 1;\n    inset: 0;\n    box-sizing: border-box;\n    border: var(--brick-avatar-status-ring-width) solid\n      var(--brick-avatar-status-ring-color);\n    border-radius: inherit;\n    box-shadow: inset 0 0 0 var(--brick-avatar-status-ring-offset)\n      var(--brick-avatar-outline-color);\n    content: \"\";\n    pointer-events: none;\n  }\n\n  .brick-avatar[data-shape=\"rounded\"] {\n    --brick-avatar-radius: var(--brick-radius-control);\n  }\n\n  .brick-avatar[data-size=\"xs\"] {\n    --brick-avatar-size: 1.5rem;\n    --brick-avatar-fallback-font-size: 0.625rem;\n  }\n\n  .brick-avatar[data-size=\"sm\"] {\n    --brick-avatar-size: 2rem;\n    --brick-avatar-fallback-font-size: 0.75rem;\n  }\n\n  .brick-avatar[data-size=\"lg\"] {\n    --brick-avatar-size: 3rem;\n    --brick-avatar-fallback-font-size: 1rem;\n  }\n\n  .brick-avatar[data-size=\"xl\"] {\n    --brick-avatar-size: 4rem;\n    --brick-avatar-fallback-font-size: 1.25rem;\n  }\n\n  .brick-avatar[data-size=\"2xl\"] {\n    --brick-avatar-size: 5rem;\n    --brick-avatar-fallback-font-size: 1.5rem;\n  }\n\n  .brick-avatar[data-size=\"3xl\"] {\n    --brick-avatar-size: 6rem;\n    --brick-avatar-fallback-font-size: 1.75rem;\n  }\n\n  .brick-avatar[data-size=\"4xl\"] {\n    --brick-avatar-size: 7rem;\n    --brick-avatar-fallback-font-size: 2rem;\n  }\n\n  .brick-avatar[data-size=\"5xl\"] {\n    --brick-avatar-size: 8rem;\n    --brick-avatar-fallback-font-size: 2.25rem;\n  }\n\n  .brick-avatar[data-status=\"online\"] {\n    --brick-avatar-status-ring-color: var(--brick-color-success-solid);\n  }\n\n  .brick-avatar[data-status=\"away\"] {\n    --brick-avatar-status-ring-color: var(--brick-color-warning-solid);\n  }\n\n  .brick-avatar[data-status=\"busy\"] {\n    --brick-avatar-status-ring-color: var(--brick-color-danger-solid);\n  }\n\n  .brick-avatar[data-status=\"offline\"] {\n    --brick-avatar-status-ring-color: var(--brick-color-border-strong);\n  }\n\n  .brick-avatar__image,\n  .brick-avatar__fallback {\n    display: flex;\n    box-sizing: border-box;\n    inline-size: 100%;\n    block-size: 100%;\n    border-radius: inherit;\n  }\n\n  .brick-avatar__image {\n    display: block;\n    object-fit: cover;\n  }\n\n  .brick-avatar__fallback {\n    align-items: center;\n    justify-content: center;\n    background: var(--brick-avatar-background);\n    color: var(--brick-avatar-foreground);\n    font-family: var(--brick-font-family-body);\n    font-size: var(--brick-avatar-fallback-font-size);\n    font-weight: var(--brick-font-weight-semibold);\n    line-height: 1;\n    overflow: hidden;\n    text-align: center;\n    text-overflow: clip;\n    user-select: none;\n    white-space: nowrap;\n  }\n\n  @media (forced-colors: active) {\n    .brick-avatar {\n      border: var(--brick-border-width) solid CanvasText;\n      background: Canvas;\n      box-shadow: none;\n      color: CanvasText;\n    }\n\n    .brick-avatar[data-status]::after {\n      border-color: Highlight;\n      box-shadow: inset 0 0 0 var(--brick-avatar-status-ring-offset) Canvas;\n    }\n  }\n}\n","@layer brick.components {\n  .brick-surface {\n    --brick-surface-background: var(--brick-color-surface-base);\n    --brick-surface-foreground: var(--brick-color-text-primary);\n    --brick-surface-border-color: var(--brick-color-border-subtle);\n    --brick-surface-border-width: 0rem;\n    --brick-surface-elevation-none: none;\n    --brick-surface-elevation-low: 0 0.25rem 0.75rem\n      color-mix(in srgb, var(--brick-color-shadow), transparent 58%);\n    --brick-surface-elevation-medium: 0 0.75rem 2rem\n      color-mix(in srgb, var(--brick-color-shadow), transparent 38%);\n    --brick-surface-elevation-high: 0 1.5rem 4.5rem\n      color-mix(in srgb, var(--brick-color-shadow), transparent 18%);\n    --brick-surface-shadow: var(--brick-surface-elevation-none);\n    --brick-surface-radius: var(--brick-radius-surface);\n    --brick-surface-inset-none: var(--brick-space-0);\n    --brick-surface-inset-sm: var(--brick-space-3);\n    --brick-surface-inset-md: var(--brick-space-5);\n    --brick-surface-inset-lg: var(--brick-space-6);\n    --brick-surface-inset-xl: calc(\n      var(--brick-space-6) + var(--brick-space-4)\n    );\n    --brick-surface-inset-2xl: calc(\n      var(--brick-space-6) + var(--brick-space-6)\n    );\n    --brick-surface-padding: var(--brick-surface-inset-none);\n    --brick-surface-scrim-color: var(--brick-color-scrim);\n    /* Strength is perceptual: intensity and directional reach move together. */\n    --brick-surface-scrim-soft: color-mix(\n      in srgb,\n      var(--brick-surface-scrim-color),\n      transparent 76%\n    );\n    --brick-surface-scrim-medium: color-mix(\n      in srgb,\n      var(--brick-surface-scrim-color),\n      transparent 44%\n    );\n    --brick-surface-scrim-strong: color-mix(\n      in srgb,\n      var(--brick-surface-scrim-color),\n      transparent 8%\n    );\n    --brick-surface-scrim-gradient-stop-soft: 68%;\n    --brick-surface-scrim-gradient-stop-medium: 82%;\n    --brick-surface-scrim-gradient-stop-strong: 94%;\n\n    box-sizing: border-box;\n    min-inline-size: 0;\n    max-inline-size: 100%;\n    padding: var(--brick-surface-padding);\n    border: var(--brick-surface-border-width) solid\n      var(--brick-surface-border-color);\n    border-radius: var(--brick-surface-radius);\n    background: var(--brick-surface-background);\n    box-shadow: var(--brick-surface-shadow);\n    color: var(--brick-surface-foreground);\n  }\n\n  .brick-surface:has(\n      > .brick-surface__media,\n      > .brick-surface__scrim\n    ) {\n    position: relative;\n    isolation: isolate;\n  }\n\n  .brick-surface__media,\n  .brick-surface__scrim {\n    position: absolute;\n    inset: 0;\n    border-radius: inherit;\n    pointer-events: none;\n  }\n\n  .brick-surface__media {\n    z-index: 0;\n    overflow: hidden;\n  }\n\n  .brick-surface__media > *,\n  .brick-surface__media > picture > img {\n    display: block;\n    inline-size: 100%;\n    block-size: 100%;\n  }\n\n  .brick-surface__media > :is(img, video, canvas, svg),\n  .brick-surface__media > picture > img {\n    object-fit: cover;\n    object-position: center;\n  }\n\n  .brick-surface__scrim {\n    --brick-surface-scrim-paint: var(--brick-surface-scrim-medium);\n    --brick-surface-scrim-gradient-stop: var(\n      --brick-surface-scrim-gradient-stop-medium\n    );\n\n    z-index: 1;\n    background: var(--brick-surface-scrim-paint);\n  }\n\n  .brick-surface__scrim[data-strength=\"soft\"] {\n    --brick-surface-scrim-paint: var(--brick-surface-scrim-soft);\n    --brick-surface-scrim-gradient-stop: var(\n      --brick-surface-scrim-gradient-stop-soft\n    );\n  }\n\n  .brick-surface__scrim[data-strength=\"strong\"] {\n    --brick-surface-scrim-paint: var(--brick-surface-scrim-strong);\n    --brick-surface-scrim-gradient-stop: var(\n      --brick-surface-scrim-gradient-stop-strong\n    );\n  }\n\n  .brick-surface__scrim[data-direction=\"inline-start\"] {\n    background: linear-gradient(\n      to right,\n      var(--brick-surface-scrim-paint),\n      transparent var(--brick-surface-scrim-gradient-stop)\n    );\n  }\n\n  :dir(rtl) > .brick-surface__scrim[data-direction=\"inline-start\"] {\n    background: linear-gradient(\n      to left,\n      var(--brick-surface-scrim-paint),\n      transparent var(--brick-surface-scrim-gradient-stop)\n    );\n  }\n\n  .brick-surface__scrim[data-direction=\"inline-end\"] {\n    background: linear-gradient(\n      to left,\n      var(--brick-surface-scrim-paint),\n      transparent var(--brick-surface-scrim-gradient-stop)\n    );\n  }\n\n  :dir(rtl) > .brick-surface__scrim[data-direction=\"inline-end\"] {\n    background: linear-gradient(\n      to right,\n      var(--brick-surface-scrim-paint),\n      transparent var(--brick-surface-scrim-gradient-stop)\n    );\n  }\n\n  .brick-surface__scrim[data-direction=\"block-start\"] {\n    background: linear-gradient(\n      to bottom,\n      var(--brick-surface-scrim-paint),\n      transparent var(--brick-surface-scrim-gradient-stop)\n    );\n  }\n\n  .brick-surface__scrim[data-direction=\"block-end\"] {\n    background: linear-gradient(\n      to top,\n      var(--brick-surface-scrim-paint),\n      transparent var(--brick-surface-scrim-gradient-stop)\n    );\n  }\n\n  .brick-surface__content {\n    position: relative;\n    z-index: 2;\n    min-inline-size: 0;\n  }\n\n  .brick-surface[data-level=\"canvas\"] {\n    --brick-surface-background: var(--brick-color-surface-canvas);\n  }\n\n  .brick-surface[data-level=\"subtle\"] {\n    --brick-surface-background: var(--brick-color-surface-subtle);\n  }\n\n  .brick-surface[data-level=\"raised\"] {\n    --brick-surface-background: var(--brick-color-surface-raised);\n  }\n\n  .brick-surface[data-tone=\"accent\"] {\n    --brick-surface-background: var(--brick-color-accent-solid);\n    --brick-surface-foreground: var(--brick-color-accent-on-solid);\n    --brick-surface-border-color: var(--brick-color-accent-border);\n  }\n\n  .brick-surface[data-bordered] {\n    --brick-surface-border-width: var(--brick-border-width);\n  }\n\n  .brick-surface[data-elevation=\"low\"] {\n    --brick-surface-shadow: var(--brick-surface-elevation-low);\n  }\n\n  .brick-surface[data-elevation=\"medium\"] {\n    --brick-surface-shadow: var(--brick-surface-elevation-medium);\n  }\n\n  .brick-surface[data-elevation=\"high\"] {\n    --brick-surface-shadow: var(--brick-surface-elevation-high);\n  }\n\n  .brick-surface[data-radius=\"none\"] {\n    --brick-surface-radius: 0rem;\n  }\n\n  .brick-surface[data-radius=\"subtle\"] {\n    --brick-surface-radius: var(--brick-radius-subtle);\n  }\n\n  .brick-surface[data-inset=\"sm\"] {\n    --brick-surface-padding: var(--brick-surface-inset-sm);\n  }\n\n  .brick-surface[data-inset=\"md\"] {\n    --brick-surface-padding: var(--brick-surface-inset-md);\n  }\n\n  .brick-surface[data-inset=\"lg\"] {\n    --brick-surface-padding: var(--brick-surface-inset-lg);\n  }\n\n  .brick-surface[data-inset=\"xl\"] {\n    --brick-surface-padding: var(--brick-surface-inset-xl);\n  }\n\n  .brick-surface[data-inset=\"2xl\"] {\n    --brick-surface-padding: var(--brick-surface-inset-2xl);\n  }\n\n  @media (width >= 30rem) {\n    .brick-surface[data-inset-sm=\"none\"] { --brick-surface-padding: var(--brick-surface-inset-none); }\n    .brick-surface[data-inset-sm=\"sm\"] { --brick-surface-padding: var(--brick-surface-inset-sm); }\n    .brick-surface[data-inset-sm=\"md\"] { --brick-surface-padding: var(--brick-surface-inset-md); }\n    .brick-surface[data-inset-sm=\"lg\"] { --brick-surface-padding: var(--brick-surface-inset-lg); }\n    .brick-surface[data-inset-sm=\"xl\"] { --brick-surface-padding: var(--brick-surface-inset-xl); }\n    .brick-surface[data-inset-sm=\"2xl\"] { --brick-surface-padding: var(--brick-surface-inset-2xl); }\n  }\n\n  @media (width >= 48rem) {\n    .brick-surface[data-inset-md=\"none\"] { --brick-surface-padding: var(--brick-surface-inset-none); }\n    .brick-surface[data-inset-md=\"sm\"] { --brick-surface-padding: var(--brick-surface-inset-sm); }\n    .brick-surface[data-inset-md=\"md\"] { --brick-surface-padding: var(--brick-surface-inset-md); }\n    .brick-surface[data-inset-md=\"lg\"] { --brick-surface-padding: var(--brick-surface-inset-lg); }\n    .brick-surface[data-inset-md=\"xl\"] { --brick-surface-padding: var(--brick-surface-inset-xl); }\n    .brick-surface[data-inset-md=\"2xl\"] { --brick-surface-padding: var(--brick-surface-inset-2xl); }\n  }\n\n  @media (width >= 64rem) {\n    .brick-surface[data-inset-lg=\"none\"] { --brick-surface-padding: var(--brick-surface-inset-none); }\n    .brick-surface[data-inset-lg=\"sm\"] { --brick-surface-padding: var(--brick-surface-inset-sm); }\n    .brick-surface[data-inset-lg=\"md\"] { --brick-surface-padding: var(--brick-surface-inset-md); }\n    .brick-surface[data-inset-lg=\"lg\"] { --brick-surface-padding: var(--brick-surface-inset-lg); }\n    .brick-surface[data-inset-lg=\"xl\"] { --brick-surface-padding: var(--brick-surface-inset-xl); }\n    .brick-surface[data-inset-lg=\"2xl\"] { --brick-surface-padding: var(--brick-surface-inset-2xl); }\n  }\n\n  @media (width >= 80rem) {\n    .brick-surface[data-inset-xl=\"none\"] { --brick-surface-padding: var(--brick-surface-inset-none); }\n    .brick-surface[data-inset-xl=\"sm\"] { --brick-surface-padding: var(--brick-surface-inset-sm); }\n    .brick-surface[data-inset-xl=\"md\"] { --brick-surface-padding: var(--brick-surface-inset-md); }\n    .brick-surface[data-inset-xl=\"lg\"] { --brick-surface-padding: var(--brick-surface-inset-lg); }\n    .brick-surface[data-inset-xl=\"xl\"] { --brick-surface-padding: var(--brick-surface-inset-xl); }\n    .brick-surface[data-inset-xl=\"2xl\"] { --brick-surface-padding: var(--brick-surface-inset-2xl); }\n  }\n\n  @media (forced-colors: active) {\n    .brick-surface__media,\n    .brick-surface__scrim {\n      display: none;\n    }\n\n    .brick-surface[data-bordered],\n    .brick-surface:not([data-elevation=\"none\"]) {\n      --brick-surface-border-width: var(--brick-border-width);\n      --brick-surface-border-color: CanvasText;\n      --brick-surface-shadow: none;\n    }\n  }\n}\n","@layer brick.components {\n  .brick-menubar {\n    --brick-menubar-background: var(--brick-color-surface-subtle);\n    --brick-menubar-border: var(--brick-color-border-subtle);\n    --brick-menubar-radius: var(--brick-radius-control);\n    --brick-menubar-padding: var(--brick-space-1);\n    --brick-menubar-gap: var(--brick-space-1);\n    --brick-menubar-trigger-min-block-size: var(--brick-control-target-min);\n    --brick-menubar-trigger-padding-inline: var(--brick-space-3);\n    --brick-menubar-trigger-radius: calc(var(--brick-radius-control) - var(--brick-border-width));\n    --brick-menubar-trigger-foreground: var(--brick-color-text-primary);\n    --brick-menubar-trigger-interaction-background: var(--brick-color-surface-raised);\n    --brick-menubar-trigger-open-background: var(--brick-color-accent-soft);\n    --brick-menubar-trigger-open-foreground: var(--brick-color-accent-text);\n    --brick-menubar-trigger-focus-ring: var(--brick-color-focus-ring);\n\n    display: inline-flex;\n    box-sizing: border-box;\n    max-inline-size: 100%;\n    align-items: stretch;\n    gap: var(--brick-menubar-gap);\n    padding: var(--brick-menubar-padding);\n    border: var(--brick-border-width) solid var(--brick-menubar-border);\n    border-radius: var(--brick-menubar-radius);\n    background: var(--brick-menubar-background);\n  }\n\n  .brick-menubar[data-orientation=\"vertical\"] { flex-direction: column; inline-size: fit-content; }\n  .brick-menubar[data-size=\"sm\"] { --brick-menubar-trigger-min-block-size: 2rem; --brick-menubar-trigger-padding-inline: var(--brick-space-2); }\n  .brick-menubar[data-size=\"lg\"] { --brick-menubar-trigger-min-block-size: 3rem; --brick-menubar-trigger-padding-inline: var(--brick-space-4); }\n\n  .brick-menubar__trigger {\n    display: inline-flex;\n    box-sizing: border-box;\n    min-block-size: var(--brick-menubar-trigger-min-block-size);\n    align-items: center;\n    justify-content: center;\n    padding-inline: var(--brick-menubar-trigger-padding-inline);\n    border: 0;\n    border-radius: var(--brick-menubar-trigger-radius);\n    background: transparent;\n    color: var(--brick-menubar-trigger-foreground);\n    font: inherit;\n    white-space: nowrap;\n    cursor: default;\n  }\n  .brick-menubar__trigger:is(:hover, :focus-visible) { background: var(--brick-menubar-trigger-interaction-background); }\n  .brick-menubar__trigger:focus-visible { outline: var(--brick-border-focus-width) solid var(--brick-menubar-trigger-focus-ring); outline-offset: var(--brick-border-focus-offset); }\n  .brick-menubar__trigger[data-state=\"open\"] { background: var(--brick-menubar-trigger-open-background); color: var(--brick-menubar-trigger-open-foreground); }\n  .brick-menubar__trigger[data-disabled] { color: var(--brick-color-text-muted); opacity: 0.65; }\n\n  .brick-menubar__content[data-state=\"closed\"] {\n    visibility: hidden;\n    transition: none;\n  }\n\n  :where(.brick-menubar__content, .brick-menubar__sub-content) {\n    --brick-action-menu-content-background: var(--brick-menubar-content-background, var(--brick-color-surface-overlay));\n    --brick-action-menu-content-foreground: var(--brick-menubar-content-foreground, var(--brick-color-text-primary));\n    --brick-action-menu-content-border: var(--brick-menubar-content-border, var(--brick-color-border-subtle));\n    --brick-action-menu-content-radius: var(--brick-menubar-content-radius, var(--brick-radius-overlay));\n    --brick-action-menu-content-shadow: var(--brick-menubar-content-shadow, var(--brick-shadow-floating));\n    --brick-action-menu-content-padding: var(--brick-menubar-content-padding, var(--brick-space-1));\n    --brick-action-menu-content-max-block-size: var(--brick-menubar-content-max-block-size, 20rem);\n    --brick-action-menu-content-z-index: var(--brick-layer-overlay);\n    --brick-action-menu-row-min-block-size: var(--brick-menubar-row-min-block-size, var(--brick-control-target-min));\n    --brick-action-menu-row-padding-inline: var(--brick-menubar-row-padding-inline, var(--brick-space-3));\n    --brick-action-menu-row-gap: var(--brick-menubar-row-gap, var(--brick-space-2));\n    --brick-action-menu-row-radius: var(--brick-menubar-row-radius, var(--brick-radius-control));\n    --brick-action-menu-row-foreground: var(--brick-menubar-row-foreground, var(--brick-color-text-primary));\n    --brick-action-menu-row-highlighted-background: var(--brick-menubar-row-highlighted-background, var(--brick-color-accent-soft));\n    --brick-action-menu-row-highlighted-foreground: var(--brick-menubar-row-highlighted-foreground, var(--brick-color-accent-text));\n    --brick-action-menu-description-foreground: var(--brick-menubar-description-foreground, var(--brick-color-text-secondary));\n    --brick-action-menu-shortcut-foreground: var(--brick-menubar-shortcut-foreground, var(--brick-color-text-muted));\n    --brick-action-menu-label-foreground: var(--brick-menubar-label-foreground, var(--brick-color-text-secondary));\n    --brick-action-menu-disabled-foreground: var(--brick-menubar-disabled-foreground, var(--brick-color-text-muted));\n    --brick-action-menu-danger-foreground: var(--brick-menubar-danger-foreground, var(--brick-color-danger-text));\n    --brick-action-menu-danger-background: var(--brick-menubar-danger-background, var(--brick-color-danger-soft));\n    --brick-action-menu-separator-color: var(--brick-menubar-separator-color, var(--brick-color-border-subtle));\n    --brick-action-menu-indicator-size: var(--brick-menubar-indicator-size, 1rem);\n    --brick-action-menu-focus-ring: var(--brick-menubar-focus-ring, var(--brick-color-focus-ring));\n    --brick-action-menu-motion-duration: var(--brick-menubar-motion-duration, var(--brick-motion-duration-fast));\n    --brick-action-menu-font-size: var(--brick-typography-control-md-font-size);\n    --brick-action-menu-line-height: var(--brick-typography-control-md-line-height);\n  }\n\n  @media (forced-colors: active) {\n    .brick-menubar { border-color: CanvasText; background: Canvas; color: CanvasText; }\n    .brick-menubar__trigger:focus-visible { outline-color: Highlight; }\n  }\n}\n","@layer brick.components {\n  .brick-fieldset {\n    --brick-fieldset-gap: var(--brick-space-3);\n    --brick-fieldset-control-gap: var(--brick-space-4);\n    --brick-fieldset-legend-foreground: var(--brick-color-text-primary);\n    --brick-fieldset-legend-foreground-disabled: var(--brick-color-text-secondary);\n    --brick-fieldset-legend-font-family: var(--brick-typography-label-md-font-family);\n    --brick-fieldset-legend-font-size: var(--brick-typography-label-md-font-size);\n    --brick-fieldset-legend-font-weight: var(--brick-typography-label-md-font-weight);\n    --brick-fieldset-legend-line-height: var(--brick-typography-label-md-line-height);\n    --brick-fieldset-indicator-foreground: var(--brick-color-danger-text);\n    --brick-fieldset-indicator-gap: var(--brick-space-1);\n    --brick-fieldset-optional-foreground: var(--brick-color-text-secondary);\n    --brick-fieldset-description-foreground: var(--brick-color-text-secondary);\n    --brick-fieldset-description-font-size: var(--brick-typography-supporting-sm-font-size);\n    --brick-fieldset-description-line-height: var(--brick-typography-supporting-sm-line-height);\n    --brick-fieldset-error-foreground: var(--brick-color-danger-text);\n    --brick-fieldset-error-font-size: var(--brick-typography-validation-sm-font-size);\n    --brick-fieldset-error-font-weight: var(--brick-typography-validation-sm-font-weight);\n    --brick-fieldset-error-line-height: var(--brick-typography-validation-sm-line-height);\n\n    display: block;\n    min-inline-size: 0;\n    margin: 0;\n    padding: 0;\n    border: 0;\n  }\n\n  .brick-fieldset > :not(.brick-fieldset-legend) {\n    min-inline-size: 0;\n    margin-block-start: var(--brick-fieldset-control-gap);\n  }\n\n  .brick-fieldset > .brick-fieldset-legend + * {\n    clear: both;\n    margin-block-start: 0;\n  }\n\n  .brick-fieldset-legend {\n    float: inline-start;\n    inline-size: 100%;\n    max-inline-size: 100%;\n    margin: 0 0 var(--brick-fieldset-gap);\n    padding: 0;\n    color: var(--brick-fieldset-legend-foreground);\n    font-family: var(--brick-fieldset-legend-font-family);\n    font-size: var(--brick-fieldset-legend-font-size);\n    font-weight: var(--brick-fieldset-legend-font-weight);\n    letter-spacing: var(--brick-typography-label-md-letter-spacing);\n    line-height: var(--brick-fieldset-legend-line-height);\n    overflow-wrap: anywhere;\n  }\n\n  .brick-fieldset-legend > :where(\n      [data-slot=\"fieldset-required-indicator\"],\n      [data-slot=\"fieldset-optional-indicator\"]\n    ) {\n    margin-inline-start: var(--brick-fieldset-indicator-gap);\n  }\n\n  .brick-fieldset-legend > [data-slot=\"fieldset-required-indicator\"] {\n    color: var(--brick-fieldset-indicator-foreground);\n  }\n\n  .brick-fieldset-legend > [data-slot=\"fieldset-optional-indicator\"] {\n    color: var(--brick-fieldset-optional-foreground);\n    font-weight: var(--brick-font-weight-regular);\n  }\n\n  .brick-fieldset-description,\n  .brick-fieldset-error {\n    min-inline-size: 0;\n    margin: 0;\n    overflow-wrap: anywhere;\n  }\n\n  .brick-fieldset-description {\n    color: var(--brick-fieldset-description-foreground);\n    font-family: var(--brick-typography-supporting-sm-font-family);\n    font-size: var(--brick-fieldset-description-font-size);\n    font-weight: var(--brick-typography-supporting-sm-font-weight);\n    letter-spacing: var(--brick-typography-supporting-sm-letter-spacing);\n    line-height: var(--brick-fieldset-description-line-height);\n  }\n\n  .brick-fieldset-error {\n    position: relative;\n    padding-block-start: var(--brick-fieldset-control-gap);\n    padding-inline-start: var(--brick-space-2);\n    color: var(--brick-fieldset-error-foreground);\n    font-family: var(--brick-typography-validation-sm-font-family);\n    font-size: var(--brick-fieldset-error-font-size);\n    font-weight: var(--brick-fieldset-error-font-weight);\n    letter-spacing: var(--brick-typography-validation-sm-letter-spacing);\n    line-height: var(--brick-fieldset-error-line-height);\n  }\n\n  .brick-fieldset-error::before {\n    position: absolute;\n    inset-block: var(--brick-fieldset-control-gap) 0;\n    inset-inline-start: 0;\n    inline-size: max(var(--brick-border-width), 0.125rem);\n    background: var(--brick-fieldset-error-foreground);\n    content: \"\";\n  }\n\n  .brick-fieldset[data-disabled] .brick-fieldset-legend {\n    color: var(--brick-fieldset-legend-foreground-disabled);\n  }\n\n  .brick-fieldset[data-invalid] .brick-fieldset-legend {\n    text-decoration-line: underline;\n    text-decoration-style: wavy;\n    text-decoration-color: var(--brick-fieldset-error-foreground);\n    text-underline-offset: 0.2em;\n  }\n\n  @media (forced-colors: active) {\n    .brick-fieldset-error {\n      color: CanvasText;\n    }\n\n    .brick-fieldset-error::before {\n      background: Mark;\n    }\n\n    .brick-fieldset[data-invalid] .brick-fieldset-legend {\n      text-decoration-color: Mark;\n    }\n  }\n}\n","@layer brick.components {\n  .brick-status {\n    --brick-status-indicator-size: 0.5rem;\n    --brick-status-gap: var(--brick-space-2);\n    --brick-status-color: var(--brick-color-border-strong);\n\n    display: inline-flex;\n    box-sizing: border-box;\n    min-inline-size: 0;\n    align-items: center;\n    gap: var(--brick-status-gap);\n    color: var(--brick-color-text-primary);\n    font-family: var(--brick-typography-body-sm-font-family);\n    font-size: var(--brick-typography-body-sm-font-size);\n    font-weight: var(--brick-typography-body-sm-font-weight);\n    line-height: var(--brick-typography-body-sm-line-height);\n    letter-spacing: var(--brick-typography-body-sm-letter-spacing);\n    vertical-align: middle;\n  }\n\n  .brick-status[data-size=\"sm\"] {\n    --brick-status-indicator-size: 0.375rem;\n    --brick-status-gap: var(--brick-space-1);\n    font-family: var(--brick-typography-caption-font-family);\n    font-size: var(--brick-typography-caption-font-size);\n    font-weight: var(--brick-typography-caption-font-weight);\n    line-height: var(--brick-typography-caption-line-height);\n    letter-spacing: var(--brick-typography-caption-letter-spacing);\n  }\n\n  .brick-status[data-size=\"lg\"] {\n    --brick-status-indicator-size: 0.625rem;\n    font-family: var(--brick-typography-body-md-font-family);\n    font-size: var(--brick-typography-body-md-font-size);\n    font-weight: var(--brick-typography-body-md-font-weight);\n    line-height: var(--brick-typography-body-md-line-height);\n    letter-spacing: var(--brick-typography-body-md-letter-spacing);\n  }\n\n  .brick-status[data-tone=\"accent\"] { --brick-status-color: var(--brick-color-accent-solid); }\n  .brick-status[data-tone=\"info\"] { --brick-status-color: var(--brick-color-info-solid); }\n  .brick-status[data-tone=\"success\"] { --brick-status-color: var(--brick-color-success-solid); }\n  .brick-status[data-tone=\"warning\"] { --brick-status-color: var(--brick-color-warning-solid); }\n  .brick-status[data-tone=\"danger\"] { --brick-status-color: var(--brick-color-danger-solid); }\n\n  .brick-status__indicator {\n    display: block;\n    box-sizing: border-box;\n    inline-size: var(--brick-status-indicator-size);\n    block-size: var(--brick-status-indicator-size);\n    flex: none;\n    border-radius: var(--brick-radius-full);\n    background: var(--brick-status-color);\n  }\n\n  .brick-status__label { min-inline-size: 0; color: inherit; }\n\n  @media (forced-colors: active) {\n    .brick-status { color: CanvasText; }\n    .brick-status__indicator { border: var(--brick-border-width) solid CanvasText; background: CanvasText; }\n    .brick-status:not([data-tone=\"neutral\"]) .brick-status__indicator { border-color: Highlight; background: Highlight; }\n  }\n}\n","@layer brick.components {\n  .brick-divider {\n    --brick-divider-color: var(--brick-color-border-default);\n    --brick-divider-thickness: var(--brick-border-width);\n    --brick-divider-style: solid;\n    --brick-divider-inset: var(--brick-space-4);\n    --brick-divider-label-gap: var(--brick-space-3);\n    --brick-divider-label-short-segment: var(--brick-space-6);\n\n    box-sizing: border-box;\n    min-inline-size: 0;\n    margin: 0;\n    padding: 0;\n    border: 0;\n    color: var(--brick-color-text-secondary);\n  }\n\n  .brick-divider[data-orientation=\"horizontal\"]:not([data-label-align]) {\n    inline-size: 100%;\n    border-block-start: var(--brick-divider-thickness)\n      var(--brick-divider-style) var(--brick-divider-color);\n  }\n\n  .brick-divider[data-orientation=\"vertical\"] {\n    block-size: auto;\n    align-self: auto;\n    border-inline-start: var(--brick-divider-thickness)\n      var(--brick-divider-style) var(--brick-divider-color);\n  }\n\n  .brick-divider[data-stretch] {\n    align-self: stretch;\n  }\n\n  .brick-divider[data-variant=\"dashed\"] {\n    --brick-divider-style: dashed;\n  }\n\n  .brick-divider[data-variant=\"dotted\"] {\n    --brick-divider-style: dotted;\n  }\n\n  .brick-divider[data-thickness=\"regular\"] {\n    --brick-divider-thickness: 0.125rem;\n  }\n\n  .brick-divider[data-thickness=\"strong\"] {\n    --brick-divider-thickness: 0.25rem;\n  }\n\n  .brick-divider[data-orientation=\"horizontal\"][data-inset=\"start\"] {\n    inline-size: calc(100% - var(--brick-divider-inset));\n    margin-inline-start: var(--brick-divider-inset);\n  }\n\n  .brick-divider[data-orientation=\"horizontal\"][data-inset=\"both\"] {\n    inline-size: calc(100% - (2 * var(--brick-divider-inset)));\n    margin-inline: var(--brick-divider-inset);\n  }\n\n  .brick-divider[data-orientation=\"vertical\"][data-inset=\"start\"] {\n    block-size: calc(100% - var(--brick-divider-inset));\n    margin-block-start: var(--brick-divider-inset);\n  }\n\n  .brick-divider[data-orientation=\"vertical\"][data-inset=\"both\"] {\n    block-size: calc(100% - (2 * var(--brick-divider-inset)));\n    margin-block: var(--brick-divider-inset);\n  }\n\n  .brick-divider[data-label-align] {\n    display: grid;\n    inline-size: 100%;\n    grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);\n    align-items: center;\n    gap: var(--brick-divider-label-gap);\n  }\n\n  .brick-divider__line {\n    min-inline-size: 0;\n    border-block-start: var(--brick-divider-thickness)\n      var(--brick-divider-style) var(--brick-divider-color);\n  }\n\n  .brick-divider__label {\n    min-inline-size: 0;\n    max-inline-size: 100%;\n    overflow-wrap: anywhere;\n    font-family: var(--brick-typography-body-sm-font-family);\n    font-size: var(--brick-typography-body-sm-font-size);\n    font-weight: var(--brick-typography-body-sm-font-weight);\n    line-height: var(--brick-typography-body-sm-line-height);\n    letter-spacing: var(--brick-typography-body-sm-letter-spacing);\n  }\n\n  .brick-divider[data-label-align=\"start\"] {\n    grid-template-columns:\n      minmax(0, var(--brick-divider-label-short-segment))\n      minmax(0, auto) minmax(0, 1fr);\n  }\n\n  .brick-divider[data-label-align=\"end\"] {\n    grid-template-columns:\n      minmax(0, 1fr) minmax(0, auto)\n      minmax(0, var(--brick-divider-label-short-segment));\n  }\n\n  @media (forced-colors: active) {\n    .brick-divider {\n      --brick-divider-color: CanvasText;\n    }\n  }\n}\n","@layer brick.components {\n  .brick-navigation-menu,\n  .brick-navigation-menu__sub {\n    --brick-navigation-menu-gap: var(--brick-space-1);\n    --brick-navigation-menu-control-min-block-size: var(--brick-control-target-min);\n    --brick-navigation-menu-control-padding-inline: var(--brick-space-3);\n    --brick-navigation-menu-control-radius: var(--brick-radius-control);\n    --brick-navigation-menu-control-foreground: currentColor;\n    --brick-navigation-menu-control-hover-background: var(--brick-color-surface-subtle);\n    --brick-navigation-menu-control-open-background: var(--brick-color-accent-soft);\n    --brick-navigation-menu-control-open-foreground: var(--brick-color-accent-text);\n    --brick-navigation-menu-control-current-foreground: currentColor;\n    --brick-navigation-menu-focus-ring: var(--brick-color-focus-ring);\n    --brick-navigation-menu-chevron-size: 0.375rem;\n    --brick-navigation-menu-chevron-stroke: 0.0625rem;\n    --brick-navigation-menu-chevron-gap: 0.375rem;\n    --brick-navigation-menu-current-underline-size: 0.0625rem;\n    --brick-navigation-menu-current-underline-offset: 0.25em;\n    --brick-navigation-menu-indicator-size: 0.625rem;\n    --brick-navigation-menu-indicator-offset: var(--brick-space-2);\n    --brick-navigation-menu-viewport-background: var(--brick-color-surface-overlay);\n    --brick-navigation-menu-viewport-foreground: var(--brick-color-text-primary);\n    --brick-navigation-menu-viewport-border: var(--brick-color-border-subtle);\n    --brick-navigation-menu-viewport-radius: var(--brick-radius-control);\n    --brick-navigation-menu-viewport-shadow: var(--brick-shadow-floating);\n    --brick-navigation-menu-viewport-padding: var(--brick-space-4);\n    --brick-navigation-menu-viewport-max-inline-size: min(42rem, calc(100dvi - 2 * var(--brick-space-3)));\n    --brick-navigation-menu-motion-duration: var(--brick-motion-duration-fast);\n    --brick-navigation-menu-indicator-color: var(--brick-navigation-menu-viewport-background);\n    --brick-navigation-menu-indicator-border: var(--brick-navigation-menu-viewport-border);\n\n    position: relative;\n    display: inline-block;\n    max-inline-size: 100%;\n    color: inherit;\n  }\n\n  :where(.brick-navigation-menu, .brick-navigation-menu__sub)[data-size=\"sm\"] { --brick-navigation-menu-control-min-block-size: 2rem; --brick-navigation-menu-control-padding-inline: var(--brick-space-2); --brick-navigation-menu-chevron-size: 0.3125rem; --brick-navigation-menu-indicator-size: 0.5rem; }\n  :where(.brick-navigation-menu, .brick-navigation-menu__sub)[data-size=\"lg\"] { --brick-navigation-menu-control-min-block-size: 3rem; --brick-navigation-menu-control-padding-inline: var(--brick-space-4); --brick-navigation-menu-chevron-size: 0.4375rem; --brick-navigation-menu-indicator-size: 0.75rem; }\n\n  .brick-navigation-menu__list {\n    display: flex;\n    min-inline-size: 0;\n    align-items: center;\n    gap: var(--brick-navigation-menu-gap);\n    margin: 0;\n    padding: 0;\n    list-style: none;\n  }\n  .brick-navigation-menu__list[data-orientation=\"horizontal\"] { flex-wrap: nowrap; }\n  .brick-navigation-menu__list[data-orientation=\"vertical\"] { inline-size: fit-content; flex-direction: column; align-items: stretch; }\n  .brick-navigation-menu__item { min-inline-size: 0; }\n\n  :where(.brick-navigation-menu__trigger, .brick-navigation-menu__link) {\n    display: inline-flex;\n    box-sizing: border-box;\n    min-inline-size: 0;\n    min-block-size: var(--brick-navigation-menu-control-min-block-size);\n    align-items: center;\n    justify-content: center;\n    gap: var(--brick-navigation-menu-chevron-gap);\n    padding-inline: var(--brick-navigation-menu-control-padding-inline);\n    border: 0;\n    border-radius: var(--brick-navigation-menu-control-radius);\n    background: transparent;\n    color: var(--brick-navigation-menu-control-foreground);\n    font-family: var(--brick-typography-control-md-font-family);\n    font-size: var(--brick-typography-control-md-font-size);\n    font-weight: var(--brick-typography-control-md-font-weight);\n    line-height: var(--brick-typography-control-md-line-height);\n    text-align: start;\n    text-decoration: none;\n    white-space: nowrap;\n    cursor: pointer;\n    touch-action: manipulation;\n  }\n  .brick-navigation-menu__trigger::after {\n    content: \"\";\n    inline-size: var(--brick-navigation-menu-chevron-size);\n    block-size: var(--brick-navigation-menu-chevron-size);\n    flex: none;\n    border-inline-end: var(--brick-navigation-menu-chevron-stroke) solid currentColor;\n    border-block-end: var(--brick-navigation-menu-chevron-stroke) solid currentColor;\n    transform: translateY(-20%) rotate(45deg);\n    transition: transform var(--brick-navigation-menu-motion-duration) var(--brick-motion-easing-standard);\n  }\n  .brick-navigation-menu__trigger[data-state=\"open\"]::after { transform: translateY(20%) rotate(225deg); }\n  :where(.brick-navigation-menu__trigger, .brick-navigation-menu__link):is(:hover, :focus-visible) { background: var(--brick-navigation-menu-control-hover-background); }\n  :where(.brick-navigation-menu__trigger, .brick-navigation-menu__link):focus-visible { outline: var(--brick-border-focus-width) solid var(--brick-navigation-menu-focus-ring); outline-offset: var(--brick-border-focus-offset); }\n  .brick-navigation-menu__trigger[data-state=\"open\"] { background: var(--brick-navigation-menu-control-open-background); color: var(--brick-navigation-menu-control-open-foreground); }\n  .brick-navigation-menu__link[data-active] { color: var(--brick-navigation-menu-control-current-foreground); text-decoration-line: underline; text-decoration-thickness: var(--brick-navigation-menu-current-underline-size); text-underline-offset: var(--brick-navigation-menu-current-underline-offset); }\n  .brick-navigation-menu__link[data-variant=\"panel\"] {\n    inline-size: 100%;\n    align-items: stretch;\n    justify-content: flex-start;\n    padding: 0;\n    border-radius: 0;\n    background: transparent;\n    white-space: normal;\n  }\n  .brick-navigation-menu__link[data-variant=\"panel\"] > .brick-surface { inline-size: 100%; }\n  .brick-navigation-menu__link[data-variant=\"panel\"]:is(:hover, :focus-visible) { background: transparent; }\n  .brick-navigation-menu__link[data-variant=\"panel\"]:focus-visible:has(> .brick-surface) { outline: none; }\n  .brick-navigation-menu__link[data-variant=\"panel\"]:focus-visible > .brick-surface {\n    outline: var(--brick-border-focus-width) solid var(--brick-navigation-menu-focus-ring);\n    outline-offset: var(--brick-border-focus-offset);\n  }\n  .brick-navigation-menu__link[data-variant=\"panel\"][data-active] { background: transparent; text-decoration: none; }\n  .brick-navigation-menu__trigger[data-disabled] { color: var(--brick-color-text-muted); opacity: 0.65; cursor: not-allowed; }\n\n  .brick-navigation-menu__indicator {\n    position: absolute;\n    z-index: calc(var(--brick-layer-overlay) + 1);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    overflow: visible;\n    pointer-events: none;\n    opacity: 0;\n    transition: opacity var(--brick-navigation-menu-motion-duration) var(--brick-motion-easing-enter), translate var(--brick-navigation-menu-motion-duration) var(--brick-motion-easing-standard);\n  }\n  .brick-navigation-menu__indicator[data-state=\"visible\"] { opacity: 1; }\n  .brick-navigation-menu__indicator[data-orientation=\"horizontal\"] {\n    inset-block-start: 100%;\n    inset-inline-start: auto;\n    left: 0;\n    inline-size: var(--atom-navigation-menu-trigger-width);\n    block-size: var(--brick-navigation-menu-indicator-offset);\n    align-items: flex-end;\n    translate: var(--atom-navigation-menu-trigger-left) 0;\n  }\n  .brick-navigation-menu__indicator[data-orientation=\"vertical\"] {\n    inset-block-start: 0;\n    inset-inline-start: 100%;\n    inline-size: var(--brick-navigation-menu-indicator-offset);\n    block-size: var(--atom-navigation-menu-trigger-height);\n    justify-content: flex-end;\n    translate: 0 var(--atom-navigation-menu-trigger-top);\n  }\n  .brick-navigation-menu__indicator-arrow {\n    position: relative;\n    display: block;\n    box-sizing: border-box;\n    flex: none;\n    background: transparent;\n  }\n  .brick-navigation-menu__indicator-arrow::before,\n  .brick-navigation-menu__indicator-arrow::after {\n    position: absolute;\n    display: block;\n    content: \"\";\n  }\n  .brick-navigation-menu__indicator-arrow::before { inset: 0; background: var(--brick-navigation-menu-indicator-border); }\n  .brick-navigation-menu__indicator-arrow::after { background: var(--brick-navigation-menu-indicator-color); }\n  .brick-navigation-menu__indicator[data-orientation=\"horizontal\"] > .brick-navigation-menu__indicator-arrow {\n    inline-size: var(--brick-navigation-menu-indicator-size);\n    block-size: calc(var(--brick-navigation-menu-indicator-size) / 2 + var(--brick-border-width));\n    background: linear-gradient(var(--brick-navigation-menu-indicator-color), var(--brick-navigation-menu-indicator-color)) bottom center / calc(100% - var(--brick-border-width) - var(--brick-border-width)) calc(var(--brick-border-width) + var(--brick-border-width)) no-repeat;\n    translate: 0 var(--brick-border-width);\n  }\n  .brick-navigation-menu__indicator[data-orientation=\"horizontal\"] > .brick-navigation-menu__indicator-arrow::before { clip-path: polygon(50% 0, 100% 100%, 0 100%); }\n  .brick-navigation-menu__indicator[data-orientation=\"horizontal\"] > .brick-navigation-menu__indicator-arrow::after { inset: var(--brick-border-width) var(--brick-border-width) 0; clip-path: polygon(50% 0, 100% 100%, 0 100%); translate: 0 var(--brick-border-width); }\n  .brick-navigation-menu__indicator[data-orientation=\"vertical\"] > .brick-navigation-menu__indicator-arrow {\n    inline-size: calc(var(--brick-navigation-menu-indicator-size) / 2 + var(--brick-border-width));\n    block-size: var(--brick-navigation-menu-indicator-size);\n    background: linear-gradient(var(--brick-navigation-menu-indicator-color), var(--brick-navigation-menu-indicator-color)) center right / calc(var(--brick-border-width) + var(--brick-border-width)) calc(100% - var(--brick-border-width) - var(--brick-border-width)) no-repeat;\n    translate: var(--brick-border-width) 0;\n  }\n  .brick-navigation-menu__indicator[data-orientation=\"vertical\"] > .brick-navigation-menu__indicator-arrow::before { clip-path: polygon(0 50%, 100% 0, 100% 100%); }\n  .brick-navigation-menu__indicator[data-orientation=\"vertical\"] > .brick-navigation-menu__indicator-arrow::after { inset: var(--brick-border-width) 0 var(--brick-border-width) var(--brick-border-width); clip-path: polygon(0 50%, 100% 0, 100% 100%); translate: var(--brick-border-width) 0; }\n  .brick-navigation-menu__indicator[data-orientation=\"vertical\"]:dir(rtl) > .brick-navigation-menu__indicator-arrow { background-position: center left; translate: calc(var(--brick-border-width) * -1) 0; }\n  .brick-navigation-menu__indicator[data-orientation=\"vertical\"]:dir(rtl) > .brick-navigation-menu__indicator-arrow::before { clip-path: polygon(100% 50%, 0 0, 0 100%); }\n  .brick-navigation-menu__indicator[data-orientation=\"vertical\"]:dir(rtl) > .brick-navigation-menu__indicator-arrow::after { inset: var(--brick-border-width) var(--brick-border-width) var(--brick-border-width) 0; clip-path: polygon(100% 50%, 0 0, 0 100%); translate: calc(var(--brick-border-width) * -1) 0; }\n\n  .brick-navigation-menu__viewport {\n    position: absolute;\n    z-index: var(--brick-layer-overlay);\n    box-sizing: border-box;\n    inline-size: var(--atom-navigation-menu-viewport-width);\n    max-inline-size: var(--brick-navigation-menu-viewport-max-inline-size);\n    block-size: var(--atom-navigation-menu-viewport-height);\n    overflow: hidden;\n    border: var(--brick-border-width) solid var(--brick-navigation-menu-viewport-border);\n    border-radius: var(--brick-navigation-menu-viewport-radius);\n    background: var(--brick-navigation-menu-viewport-background);\n    box-shadow: var(--brick-navigation-menu-viewport-shadow);\n    color: var(--brick-navigation-menu-viewport-foreground);\n    opacity: 0;\n    transform-origin: top center;\n    scale: 0.98;\n    transition: inline-size var(--brick-navigation-menu-motion-duration) var(--brick-motion-easing-standard), block-size var(--brick-navigation-menu-motion-duration) var(--brick-motion-easing-standard), translate var(--brick-navigation-menu-motion-duration) var(--brick-motion-easing-standard), opacity var(--brick-navigation-menu-motion-duration) var(--brick-motion-easing-enter), scale var(--brick-navigation-menu-motion-duration) var(--brick-motion-easing-enter);\n  }\n  .brick-navigation-menu[data-orientation=\"horizontal\"] > .brick-navigation-menu__viewport {\n    inset-block-start: calc(100% + var(--brick-space-2));\n    inset-inline-start: auto;\n    left: var(--atom-navigation-menu-viewport-left);\n    max-inline-size: min(var(--brick-navigation-menu-viewport-max-inline-size), var(--atom-navigation-menu-viewport-available-width));\n    translate: 0 0;\n  }\n  .brick-navigation-menu[data-orientation=\"vertical\"] > .brick-navigation-menu__viewport { inset-block-start: 0; inset-inline-start: calc(100% + var(--brick-space-2)); translate: 0 var(--atom-navigation-menu-trigger-top, 0); }\n  .brick-navigation-menu__viewport[data-state=\"open\"] { opacity: 1; scale: 1; }\n  .brick-navigation-menu__content { box-sizing: border-box; inline-size: max-content; max-inline-size: var(--brick-navigation-menu-viewport-max-inline-size); min-block-size: 0; padding: var(--brick-navigation-menu-viewport-padding); }\n  .brick-navigation-menu__content .brick-navigation-menu__link[data-variant=\"control\"] {\n    min-block-size: 0;\n    justify-content: flex-start;\n    padding: var(--brick-space-2);\n    white-space: normal;\n  }\n  .brick-navigation-menu__content[data-motion^=\"from-\"] { animation: brick-navigation-menu-enter var(--brick-navigation-menu-motion-duration) var(--brick-motion-easing-enter); }\n\n  @keyframes brick-navigation-menu-enter { from { opacity: 0; translate: 0 0.25rem; } to { opacity: 1; translate: 0 0; } }\n  @supports not (width: 100dvi) { .brick-navigation-menu, .brick-navigation-menu__sub { --brick-navigation-menu-viewport-max-inline-size: min(42rem, calc(100vw - 2 * var(--brick-space-3))); } }\n  @media (prefers-reduced-motion: reduce) { .brick-navigation-menu__trigger::after, .brick-navigation-menu__indicator, .brick-navigation-menu__viewport { transition-duration: 1ms; } .brick-navigation-menu__content { animation: none !important; } }\n  @media (forced-colors: active) { .brick-navigation-menu__viewport { border-color: CanvasText; background: Canvas; box-shadow: none; color: CanvasText; } :where(.brick-navigation-menu__trigger, .brick-navigation-menu__link):focus-visible { outline-color: Highlight; } .brick-navigation-menu__link[data-variant=\"panel\"]:focus-visible > .brick-surface { outline-color: Highlight; } .brick-navigation-menu__link[data-active] { text-decoration-color: Highlight; } .brick-navigation-menu__indicator-arrow { --brick-navigation-menu-indicator-color: Canvas; --brick-navigation-menu-indicator-border: CanvasText; forced-color-adjust: none; } }\n}\n","@layer brick.components {\n  :where(.brick-checkbox, .brick-checkbox-group) {\n    --brick-checkbox-control-size: 1.125rem;\n    --brick-checkbox-target-min-size: var(--brick-control-target-min);\n    --brick-checkbox-gap: var(--brick-space-2);\n    --brick-checkbox-border-width: var(--brick-border-width);\n    --brick-checkbox-radius: var(--brick-radius-subtle);\n    --brick-checkbox-indicator-size: 0.875rem;\n    --brick-checkbox-row-padding-inline: var(--brick-space-2);\n    --brick-checkbox-label-foreground: var(--brick-color-text-primary);\n    --brick-checkbox-description-foreground: var(--brick-color-text-secondary);\n    --brick-checkbox-control-background: var(--brick-color-surface-raised);\n    --brick-checkbox-control-border: var(--brick-color-border-strong);\n    --brick-checkbox-control-checked-background: var(--brick-color-accent-solid);\n    --brick-checkbox-control-checked-foreground: var(--brick-color-accent-on-solid);\n    --brick-checkbox-invalid-foreground: var(--brick-color-danger-text);\n  }\n\n  :where(\n    .brick-checkbox,\n    .brick-checkbox-group-item,\n    .brick-checkbox-group-parent\n  ) {\n    display: grid;\n    box-sizing: border-box;\n    min-inline-size: 0;\n    max-inline-size: 100%;\n    min-block-size: var(--brick-checkbox-target-min-size);\n    grid-template-columns: var(--brick-checkbox-control-size) minmax(0, 1fr);\n    grid-auto-rows: min-content;\n    align-content: center;\n    align-items: center;\n    gap: 0 var(--brick-checkbox-gap);\n    padding-block: var(--brick-space-1);\n    padding-inline: var(--brick-checkbox-row-padding-inline);\n    border: 0;\n    border-radius: var(--brick-checkbox-radius);\n    appearance: none;\n    background: transparent;\n    color: var(--brick-checkbox-label-foreground);\n    font: inherit;\n    font-family: var(--brick-typography-body-md-font-family);\n    font-size: var(--brick-typography-body-md-font-size);\n    font-weight: var(--brick-typography-body-md-font-weight);\n    letter-spacing: var(--brick-typography-body-md-letter-spacing);\n    line-height: var(--brick-typography-body-md-line-height);\n    overflow-wrap: anywhere;\n    text-align: start;\n    text-decoration: none;\n    user-select: none;\n    vertical-align: middle;\n    transition:\n      background-color var(--brick-motion-duration-fast) var(--brick-motion-easing-standard),\n      color var(--brick-motion-duration-fast) var(--brick-motion-easing-standard),\n      box-shadow var(--brick-motion-duration-fast) var(--brick-motion-easing-standard);\n  }\n\n  :where(\n    .brick-checkbox,\n    .brick-checkbox-group-item,\n    .brick-checkbox-group-parent\n  ):not([data-disabled], [data-readonly]) {\n    cursor: pointer;\n  }\n\n  :where(\n    .brick-checkbox,\n    .brick-checkbox-group-item,\n    .brick-checkbox-group-parent\n  )[data-readonly] {\n    cursor: default;\n  }\n\n  :where(\n    .brick-checkbox,\n    .brick-checkbox-group-item,\n    .brick-checkbox-group-parent\n  ):is(:focus-visible, [data-focus-visible]) {\n    outline: none;\n  }\n\n  :where(\n    .brick-checkbox,\n    .brick-checkbox-group-item,\n    .brick-checkbox-group-parent\n  ):is(:focus-visible, [data-focus-visible]) .brick-checkbox-control {\n    border-color: var(--brick-color-focus-ring);\n    outline: var(--brick-border-focus-width) solid var(--brick-color-focus-ring);\n    outline-offset: var(--brick-border-focus-offset);\n  }\n\n  .brick-checkbox-control {\n    display: grid;\n    box-sizing: border-box;\n    inline-size: var(--brick-checkbox-control-size);\n    block-size: var(--brick-checkbox-control-size);\n    grid-column: 1;\n    grid-row: 1 / span 2;\n    place-items: center;\n    align-self: start;\n    margin-block-start: calc((var(--brick-font-size-md) * var(--brick-font-line-height-body) - var(--brick-checkbox-control-size)) / 2);\n    border: var(--brick-checkbox-border-width) solid var(--brick-checkbox-control-border);\n    border-radius: var(--brick-checkbox-radius);\n    background: var(--brick-checkbox-control-background);\n    color: transparent;\n    transition:\n      background-color var(--brick-motion-duration-fast) var(--brick-motion-easing-standard),\n      border-color var(--brick-motion-duration-fast) var(--brick-motion-easing-standard),\n      color var(--brick-motion-duration-fast) var(--brick-motion-easing-standard),\n      transform var(--brick-motion-duration-fast) var(--brick-motion-easing-standard);\n  }\n\n  .brick-checkbox-indicator {\n    display: grid;\n    inline-size: var(--brick-checkbox-indicator-size);\n    block-size: var(--brick-checkbox-indicator-size);\n    place-items: center;\n  }\n\n  .brick-checkbox-mark {\n    display: block;\n    inline-size: 100%;\n    block-size: 100%;\n    overflow: visible;\n  }\n\n  :where(.brick-checkbox-check, .brick-checkbox-mixed) {\n    fill: none;\n    stroke: currentColor;\n    stroke-linecap: round;\n    stroke-linejoin: round;\n    stroke-width: 2;\n  }\n\n  .brick-checkbox-mixed {\n    display: none;\n  }\n\n  :where(\n    .brick-checkbox,\n    .brick-checkbox-group-item,\n    .brick-checkbox-group-parent\n  )[data-state=\"checked\"] .brick-checkbox-control,\n  :where(\n    .brick-checkbox,\n    .brick-checkbox-group-item,\n    .brick-checkbox-group-parent\n  )[data-state=\"indeterminate\"] .brick-checkbox-control {\n    border-color: var(--brick-checkbox-control-checked-background);\n    background: var(--brick-checkbox-control-checked-background);\n    color: var(--brick-checkbox-control-checked-foreground);\n  }\n\n  :where(\n    .brick-checkbox,\n    .brick-checkbox-group-item,\n    .brick-checkbox-group-parent\n  )[data-state=\"indeterminate\"] .brick-checkbox-check {\n    display: none;\n  }\n\n  :where(\n    .brick-checkbox,\n    .brick-checkbox-group-item,\n    .brick-checkbox-group-parent\n  )[data-state=\"indeterminate\"] .brick-checkbox-mixed {\n    display: block;\n  }\n\n  :where(\n    .brick-checkbox,\n    .brick-checkbox-group-item,\n    .brick-checkbox-group-parent\n  )[data-state=\"unchecked\"] .brick-checkbox-mark {\n    visibility: hidden;\n  }\n\n  :where(\n    .brick-checkbox,\n    .brick-checkbox-group-item,\n    .brick-checkbox-group-parent\n  ):not([data-disabled], [data-readonly]):active .brick-checkbox-control {\n    transform: scale(0.94);\n  }\n\n  :where(\n    .brick-checkbox,\n    .brick-checkbox-group-item,\n    .brick-checkbox-group-parent\n  )[data-disabled] {\n    color: var(--brick-color-text-secondary);\n    cursor: not-allowed;\n    opacity: 0.65;\n  }\n\n  :where(\n    .brick-checkbox,\n    .brick-checkbox-group-item,\n    .brick-checkbox-group-parent\n  )[data-disabled] .brick-checkbox-control {\n    border-color: var(--brick-color-border-subtle);\n    background: var(--brick-color-surface-subtle);\n  }\n\n  :where(\n    .brick-checkbox,\n    .brick-checkbox-group-item,\n    .brick-checkbox-group-parent\n  )[data-readonly] {\n    background: var(--brick-color-surface-subtle);\n  }\n\n  .brick-checkbox[data-invalid],\n  .brick-checkbox-group:not([data-invalid])\n    > :where(.brick-checkbox-group-item, .brick-checkbox-group-parent)[data-invalid] {\n    border-inline-start: var(--brick-border-focus-width) solid\n      var(--brick-checkbox-invalid-foreground);\n    box-shadow: none;\n  }\n\n  .brick-checkbox[data-invalid] .brick-checkbox-control,\n  .brick-checkbox-group:not([data-invalid])\n    > :where(.brick-checkbox-group-item, .brick-checkbox-group-parent)[data-invalid]\n    .brick-checkbox-control {\n    border-color: var(--brick-checkbox-invalid-foreground);\n  }\n\n  :where(.brick-checkbox)[data-size=\"sm\"],\n  :where(.brick-checkbox-group)[data-size=\"sm\"] {\n    --brick-checkbox-control-size: 1rem;\n    --brick-checkbox-target-min-size: var(--brick-control-target-min);\n    --brick-checkbox-indicator-size: 0.75rem;\n    --brick-checkbox-gap: 0.375rem;\n    --brick-checkbox-row-padding-inline: var(--brick-space-1);\n  }\n\n  :where(.brick-checkbox)[data-size=\"lg\"],\n  :where(.brick-checkbox-group)[data-size=\"lg\"] {\n    --brick-checkbox-control-size: 1.25rem;\n    --brick-checkbox-target-min-size: var(--brick-control-min-block-size-lg);\n    --brick-checkbox-indicator-size: 1rem;\n    --brick-checkbox-gap: var(--brick-space-3);\n    --brick-checkbox-row-padding-inline: var(--brick-space-3);\n  }\n\n  @media (hover: hover) and (pointer: fine) {\n    :where(\n      .brick-checkbox,\n      .brick-checkbox-group-item,\n      .brick-checkbox-group-parent\n    ):not([data-disabled], [data-readonly], [data-invalid]):hover .brick-checkbox-control {\n      border-color: var(--brick-color-accent-border);\n    }\n\n    .brick-checkbox-group[data-invalid]\n      > :where(.brick-checkbox-group-item, .brick-checkbox-group-parent):not(\n        [data-disabled],\n        [data-readonly]\n      ):hover\n      .brick-checkbox-control {\n      border-color: var(--brick-color-accent-border);\n    }\n  }\n\n  @media (prefers-reduced-motion: reduce) {\n    :where(\n      .brick-checkbox,\n      .brick-checkbox-group-item,\n      .brick-checkbox-group-parent,\n      .brick-checkbox-control\n    ) {\n      transition-duration: 0ms;\n    }\n  }\n\n  @media (forced-colors: active) {\n    :where(\n      .brick-checkbox,\n      .brick-checkbox-group-item,\n      .brick-checkbox-group-parent\n    ) {\n      forced-color-adjust: none;\n      color: ButtonText;\n    }\n\n    .brick-checkbox-control {\n      border-color: ButtonText;\n      background: Canvas;\n    }\n\n    :where(\n      .brick-checkbox,\n      .brick-checkbox-group-item,\n      .brick-checkbox-group-parent\n    ):is(:focus-visible, [data-focus-visible]) .brick-checkbox-control {\n      border-color: Highlight;\n      outline-color: Highlight;\n    }\n\n    :where(\n      .brick-checkbox,\n      .brick-checkbox-group-item,\n      .brick-checkbox-group-parent\n    )[data-state=\"checked\"] .brick-checkbox-control,\n    :where(\n      .brick-checkbox,\n      .brick-checkbox-group-item,\n      .brick-checkbox-group-parent\n    )[data-state=\"indeterminate\"] .brick-checkbox-control {\n      border-color: Highlight;\n      background: Highlight;\n      color: HighlightText;\n    }\n\n    .brick-checkbox[data-invalid],\n    .brick-checkbox-group:not([data-invalid])\n      > :where(.brick-checkbox-group-item, .brick-checkbox-group-parent)[data-invalid] {\n      border-inline-start: var(--brick-border-focus-width) solid Mark;\n      box-shadow: none;\n    }\n\n    .brick-checkbox[data-invalid] .brick-checkbox-control,\n    .brick-checkbox-group:not([data-invalid])\n      > :where(.brick-checkbox-group-item, .brick-checkbox-group-parent)[data-invalid]\n      .brick-checkbox-control {\n      border-color: Mark;\n    }\n\n    :where(\n      .brick-checkbox,\n      .brick-checkbox-group-item,\n      .brick-checkbox-group-parent\n    )[data-disabled] {\n      color: GrayText;\n      opacity: 1;\n    }\n  }\n}\n","@layer brick.components {\n  .brick-color-swatch {\n    --brick-color-swatch-size: 1.5rem;\n    --brick-color-swatch-value: transparent;\n    --brick-color-swatch-border-color: var(--brick-color-border-default);\n    --brick-color-swatch-radius: var(--brick-radius-subtle);\n\n    position: relative;\n    display: inline-block;\n    box-sizing: border-box;\n    inline-size: var(--brick-color-swatch-size);\n    block-size: var(--brick-color-swatch-size);\n    flex: none;\n    overflow: hidden;\n    border: var(--brick-border-width) solid var(--brick-color-swatch-border-color);\n    border-radius: var(--brick-color-swatch-radius);\n    background-color: var(--brick-color-surface-base);\n    background-image: repeating-conic-gradient(\n      var(--brick-color-surface-subtle) 0 25%,\n      var(--brick-color-surface-raised) 0 50%\n    );\n    background-position: 0 0;\n    background-size: 0.5rem 0.5rem;\n    vertical-align: middle;\n  }\n\n  .brick-color-swatch::after {\n    position: absolute;\n    inset: 0;\n    background: var(--brick-color-swatch-value);\n    content: \"\";\n  }\n\n  .brick-color-swatch[data-size=\"sm\"] { --brick-color-swatch-size: 1rem; }\n  .brick-color-swatch[data-size=\"lg\"] { --brick-color-swatch-size: 2rem; }\n\n  @media (forced-colors: active) {\n    .brick-color-swatch {\n      border-color: CanvasText;\n      forced-color-adjust: none;\n    }\n  }\n}\n","@layer brick.components {\n  .brick-scroll-area {\n    --brick-scroll-area-scrollbar-thumb: var(--brick-color-border-strong);\n    --brick-scroll-area-scrollbar-track: transparent;\n\n    min-inline-size: 0;\n    min-block-size: 0;\n  }\n\n  .brick-scroll-area-viewport {\n    box-sizing: border-box;\n    inline-size: 100%;\n    block-size: 100%;\n    min-inline-size: 0;\n    min-block-size: 0;\n    scrollbar-color: var(--brick-scroll-area-scrollbar-thumb) var(--brick-scroll-area-scrollbar-track);\n    scrollbar-width: auto;\n  }\n\n  .brick-scroll-area-viewport[data-orientation=\"vertical\"] { overflow-x: hidden; overflow-y: auto; }\n  .brick-scroll-area-viewport[data-orientation=\"horizontal\"] { overflow-x: auto; overflow-y: hidden; }\n  .brick-scroll-area-viewport[data-orientation=\"both\"] { overflow: auto; }\n\n  .brick-scroll-area[data-scrollbar-gutter=\"stable\"] > .brick-scroll-area-viewport { scrollbar-gutter: stable; }\n  .brick-scroll-area[data-scrollbar-visibility=\"always\"] > .brick-scroll-area-viewport[data-orientation=\"vertical\"] { overflow-y: scroll; }\n  .brick-scroll-area[data-scrollbar-visibility=\"always\"] > .brick-scroll-area-viewport[data-orientation=\"horizontal\"] { overflow-x: scroll; }\n  .brick-scroll-area[data-scrollbar-visibility=\"always\"] > .brick-scroll-area-viewport[data-orientation=\"both\"] { overflow: scroll; }\n  .brick-scroll-area[data-scrollbar-visibility=\"interaction\"] > .brick-scroll-area-viewport { scrollbar-color: transparent transparent; }\n  .brick-scroll-area[data-scrollbar-visibility=\"interaction\"]:is(:hover, :focus-within) > .brick-scroll-area-viewport {\n    scrollbar-color: var(--brick-scroll-area-scrollbar-thumb) var(--brick-scroll-area-scrollbar-track);\n  }\n\n  .brick-scroll-area-viewport:focus-visible {\n    outline: var(--brick-border-focus-width) solid var(--brick-color-focus-ring);\n    outline-offset: calc(-1 * var(--brick-border-focus-width));\n  }\n\n  @media (forced-colors: active) {\n    .brick-scroll-area-viewport,\n    .brick-scroll-area[data-scrollbar-visibility=\"interaction\"] > .brick-scroll-area-viewport { scrollbar-color: auto; }\n    .brick-scroll-area-viewport:focus-visible { outline-color: Highlight; }\n  }\n}\n","@layer brick.components {\n  .brick-bottom-navigation {\n    --brick-bottom-navigation-background: var(--brick-color-surface-base);\n    --brick-bottom-navigation-foreground: var(--brick-color-text-secondary);\n    --brick-bottom-navigation-border-color: var(--brick-color-border-default);\n    --brick-bottom-navigation-shadow: 0 0.5rem 1.5rem color-mix(in srgb, var(--brick-color-shadow), transparent 38%);\n    --brick-bottom-navigation-gap: var(--brick-space-1);\n    --brick-bottom-navigation-outer-gutter: var(--brick-space-3);\n    --brick-bottom-navigation-padding-inline: var(--brick-space-2);\n    --brick-bottom-navigation-padding-block: var(--brick-space-2);\n    --brick-bottom-navigation-item-min-inline-size: 3.5rem;\n    --brick-bottom-navigation-item-max-inline-size: 6rem;\n    --brick-bottom-navigation-item-min-block-size: 4rem;\n    --brick-bottom-navigation-item-radius: var(--brick-radius-control);\n    --brick-bottom-navigation-item-foreground: var(--brick-color-text-secondary);\n    --brick-bottom-navigation-item-foreground-hover: var(--brick-color-text-primary);\n    --brick-bottom-navigation-item-foreground-active: var(--brick-color-text-primary);\n    --brick-bottom-navigation-item-foreground-disabled: var(--brick-color-text-muted);\n    --brick-bottom-navigation-item-background-hover: var(--brick-color-surface-subtle);\n    --brick-bottom-navigation-item-background-pressed: var(--brick-color-surface-raised);\n    --brick-bottom-navigation-selection-background: var(--brick-color-surface-raised);\n    --brick-bottom-navigation-selection-border: var(--brick-color-border-strong);\n    --brick-bottom-navigation-focus-ring: var(--brick-color-text-primary);\n    --brick-bottom-navigation-icon-size: 1.5rem;\n    --brick-bottom-navigation-icon-indicator-inline-size: 4rem;\n    --brick-bottom-navigation-icon-indicator-block-size: 2rem;\n    --brick-bottom-navigation-label-gap: var(--brick-space-1);\n    --brick-bottom-navigation-label-font-family: var(--brick-typography-caption-font-family);\n    --brick-bottom-navigation-label-font-size: var(--brick-typography-caption-font-size);\n    --brick-bottom-navigation-label-font-weight: var(--brick-typography-caption-font-weight);\n    --brick-bottom-navigation-label-font-weight-active: var(--brick-typography-label-strong-font-weight);\n    --brick-bottom-navigation-label-line-height: var(--brick-typography-caption-line-height);\n    --brick-bottom-navigation-label-letter-spacing: var(--brick-typography-caption-letter-spacing);\n    --brick-bottom-navigation-blurred-background: color-mix(in srgb, var(--brick-bottom-navigation-background), transparent 14%);\n    --brick-bottom-navigation-reduced-transparency-background: var(--brick-bottom-navigation-background);\n    --brick-bottom-navigation-z-index: calc(var(--brick-layer-overlay) - 10);\n    --brick-bottom-navigation-resolved-block-size: 5rem;\n    --_brick-bottom-navigation-safe-area-block-size: 0px;\n\n    box-sizing: border-box;\n    display: grid;\n    block-size: calc(var(--brick-bottom-navigation-resolved-block-size) + var(--_brick-bottom-navigation-safe-area-block-size));\n    inline-size: 100%;\n    max-inline-size: 100%;\n    min-inline-size: 0;\n    grid-auto-flow: column;\n    align-items: stretch;\n    gap: var(--brick-bottom-navigation-gap);\n    padding: var(--brick-bottom-navigation-padding-block) var(--brick-bottom-navigation-padding-inline);\n    border: 0;\n    background: var(--brick-bottom-navigation-background);\n    color: var(--brick-bottom-navigation-foreground);\n  }\n\n  .brick-bottom-navigation[data-arrangement=\"equal\"] {\n    grid-auto-columns: minmax(var(--brick-bottom-navigation-item-min-inline-size), 1fr);\n  }\n\n  .brick-bottom-navigation[data-arrangement=\"centered\"] {\n    grid-auto-columns: minmax(var(--brick-bottom-navigation-item-min-inline-size), var(--brick-bottom-navigation-item-max-inline-size));\n    justify-content: center;\n  }\n\n  .brick-bottom-navigation[data-layout=\"floating\"] {\n    inline-size: fit-content;\n    max-inline-size: calc(100% - (2 * var(--brick-bottom-navigation-outer-gutter)));\n    margin-inline: auto;\n    border-radius: var(--brick-radius-overlay);\n  }\n\n  .brick-bottom-navigation[data-position=\"sticky\"],\n  .brick-bottom-navigation[data-position=\"absolute\"],\n  .brick-bottom-navigation[data-position=\"fixed\"] {\n    inset-block-end: 0;\n    z-index: var(--brick-bottom-navigation-z-index);\n  }\n\n  .brick-bottom-navigation[data-position=\"sticky\"] { position: sticky; }\n  .brick-bottom-navigation[data-position=\"absolute\"] { position: absolute; }\n  .brick-bottom-navigation[data-position=\"fixed\"] { position: fixed; }\n\n  .brick-bottom-navigation[data-layout=\"full\"]:is([data-position=\"absolute\"], [data-position=\"fixed\"]) {\n    inset-inline: 0;\n  }\n\n  .brick-bottom-navigation[data-layout=\"floating\"]:is([data-position=\"absolute\"], [data-position=\"fixed\"]) {\n    inset-inline-start: 50%;\n    margin-inline: 0;\n    transform: translateX(-50%);\n  }\n\n  .brick-bottom-navigation[data-safe-area]:not([data-layout=\"floating\"]):is([data-position=\"sticky\"], [data-position=\"absolute\"], [data-position=\"fixed\"]) {\n    --_brick-bottom-navigation-safe-area-block-size: env(safe-area-max-inset-bottom, 0px);\n    padding-inline-end: max(var(--brick-bottom-navigation-padding-inline), env(safe-area-max-inset-right, 0px));\n    padding-block-end: calc(var(--brick-bottom-navigation-padding-block) + var(--_brick-bottom-navigation-safe-area-block-size));\n    padding-inline-start: max(var(--brick-bottom-navigation-padding-inline), env(safe-area-max-inset-left, 0px));\n  }\n\n  .brick-bottom-navigation[data-safe-area][data-layout=\"floating\"]:is([data-position=\"sticky\"], [data-position=\"absolute\"], [data-position=\"fixed\"]) {\n    inset-block-end: max(var(--brick-bottom-navigation-outer-gutter), env(safe-area-max-inset-bottom, 0px));\n  }\n\n  .brick-bottom-navigation[data-tone=\"accent\"] {\n    --brick-bottom-navigation-item-foreground-active: var(--brick-color-accent-text);\n    --brick-bottom-navigation-selection-background: var(--brick-color-accent-soft);\n    --brick-bottom-navigation-selection-border: var(--brick-color-accent-border);\n    --brick-bottom-navigation-focus-ring: var(--brick-color-focus-ring);\n  }\n\n  .brick-bottom-navigation[data-variant=\"solid\"] {\n    --brick-bottom-navigation-background: var(--brick-color-text-primary);\n    --brick-bottom-navigation-foreground: var(--brick-color-text-inverse);\n    --brick-bottom-navigation-border-color: transparent;\n    --brick-bottom-navigation-item-foreground: var(--brick-color-text-inverse);\n    --brick-bottom-navigation-item-foreground-hover: var(--brick-color-text-inverse);\n    --brick-bottom-navigation-item-foreground-active: var(--brick-color-text-inverse);\n    --brick-bottom-navigation-item-background-hover: color-mix(in srgb, currentColor, transparent 88%);\n    --brick-bottom-navigation-item-background-pressed: color-mix(in srgb, currentColor, transparent 78%);\n    --brick-bottom-navigation-selection-background: color-mix(in srgb, currentColor, transparent 80%);\n    --brick-bottom-navigation-selection-border: currentColor;\n    --brick-bottom-navigation-focus-ring: currentColor;\n  }\n\n  .brick-bottom-navigation[data-tone=\"accent\"][data-variant=\"solid\"] {\n    --brick-bottom-navigation-background: var(--brick-color-accent-solid);\n    --brick-bottom-navigation-foreground: var(--brick-color-accent-on-solid);\n    --brick-bottom-navigation-item-foreground: var(--brick-color-accent-on-solid);\n    --brick-bottom-navigation-item-foreground-hover: var(--brick-color-accent-on-solid);\n    --brick-bottom-navigation-item-foreground-active: var(--brick-color-accent-on-solid);\n  }\n\n  .brick-bottom-navigation[data-variant=\"soft\"] {\n    --brick-bottom-navigation-background: var(--brick-color-surface-subtle);\n    --brick-bottom-navigation-border-color: transparent;\n  }\n\n  .brick-bottom-navigation[data-tone=\"accent\"][data-variant=\"soft\"] {\n    --brick-bottom-navigation-background: var(--brick-color-accent-soft);\n    --brick-bottom-navigation-foreground: var(--brick-color-accent-on-soft);\n  }\n\n  .brick-bottom-navigation[data-variant=\"outline\"] {\n    border-block-start: var(--brick-border-width) solid var(--brick-bottom-navigation-border-color);\n  }\n\n  .brick-bottom-navigation[data-layout=\"floating\"][data-variant=\"outline\"] {\n    border: var(--brick-border-width) solid var(--brick-bottom-navigation-border-color);\n  }\n\n  .brick-bottom-navigation[data-variant=\"ghost\"] {\n    --brick-bottom-navigation-background: transparent;\n    --brick-bottom-navigation-border-color: transparent;\n  }\n\n  .brick-bottom-navigation[data-elevated] { box-shadow: var(--brick-bottom-navigation-shadow); }\n\n  .brick-bottom-navigation[data-blurred] {\n    background: var(--brick-bottom-navigation-blurred-background);\n    backdrop-filter: blur(0.75rem) saturate(1.15);\n  }\n\n  .brick-bottom-navigation[data-size=\"sm\"] {\n    --brick-bottom-navigation-padding-inline: var(--brick-space-1);\n    --brick-bottom-navigation-padding-block: var(--brick-space-1);\n    --brick-bottom-navigation-item-min-inline-size: 3rem;\n    --brick-bottom-navigation-item-max-inline-size: 5rem;\n    --brick-bottom-navigation-item-min-block-size: 3rem;\n    --brick-bottom-navigation-icon-size: 1.25rem;\n    --brick-bottom-navigation-icon-indicator-inline-size: 3.25rem;\n    --brick-bottom-navigation-icon-indicator-block-size: 1.75rem;\n    --brick-bottom-navigation-resolved-block-size: 4rem;\n  }\n\n  .brick-bottom-navigation[data-size=\"lg\"] {\n    --brick-bottom-navigation-padding-inline: var(--brick-space-3);\n    --brick-bottom-navigation-padding-block: var(--brick-space-3);\n    --brick-bottom-navigation-item-min-inline-size: 4rem;\n    --brick-bottom-navigation-item-max-inline-size: 7rem;\n    --brick-bottom-navigation-item-min-block-size: 4.75rem;\n    --brick-bottom-navigation-icon-size: 1.75rem;\n    --brick-bottom-navigation-icon-indicator-inline-size: 4.5rem;\n    --brick-bottom-navigation-icon-indicator-block-size: 2.5rem;\n    --brick-bottom-navigation-label-font-size: var(--brick-typography-body-sm-font-size);\n    --brick-bottom-navigation-label-line-height: var(--brick-typography-body-sm-line-height);\n    --brick-bottom-navigation-resolved-block-size: 6.25rem;\n  }\n\n  .brick-bottom-navigation__item {\n    position: relative;\n    display: flex;\n    box-sizing: border-box;\n    min-inline-size: 0;\n    min-block-size: var(--brick-bottom-navigation-item-min-block-size);\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    gap: var(--brick-bottom-navigation-label-gap);\n    padding: var(--brick-space-1);\n    border: var(--brick-border-width) solid transparent;\n    border-radius: var(--brick-bottom-navigation-item-radius);\n    appearance: none;\n    background: transparent;\n    color: var(--brick-bottom-navigation-item-foreground);\n    font: inherit;\n    text-align: center;\n    text-decoration: none;\n    touch-action: manipulation;\n    cursor: pointer;\n  }\n\n  .brick-bottom-navigation__item:hover:not([data-disabled]) {\n    background: var(--brick-bottom-navigation-item-background-hover);\n    color: var(--brick-bottom-navigation-item-foreground-hover);\n  }\n\n  .brick-bottom-navigation__item:active:not([data-disabled]) { background: var(--brick-bottom-navigation-item-background-pressed); }\n\n  .brick-bottom-navigation__item:focus-visible {\n    z-index: 1;\n    outline: var(--brick-border-focus-width) solid var(--brick-bottom-navigation-focus-ring);\n    outline-offset: var(--brick-border-focus-offset);\n  }\n\n  .brick-bottom-navigation__item[data-state=\"active\"] {\n    color: var(--brick-bottom-navigation-item-foreground-active);\n  }\n\n  .brick-bottom-navigation[data-selection=\"item\"] .brick-bottom-navigation__item[data-state=\"active\"] {\n    border-color: var(--brick-bottom-navigation-selection-border);\n    background: var(--brick-bottom-navigation-selection-background);\n  }\n\n  .brick-bottom-navigation[data-selection=\"item\"][data-selection-shape=\"square\"] .brick-bottom-navigation__item { --brick-bottom-navigation-item-radius: 0; }\n  .brick-bottom-navigation[data-selection=\"item\"][data-selection-shape=\"rounded\"] .brick-bottom-navigation__item { --brick-bottom-navigation-item-radius: var(--brick-radius-control); }\n  .brick-bottom-navigation[data-selection=\"item\"][data-selection-shape=\"pill\"] .brick-bottom-navigation__item { --brick-bottom-navigation-item-radius: var(--brick-radius-full); }\n\n  .brick-bottom-navigation__item[data-disabled] {\n    color: var(--brick-bottom-navigation-item-foreground-disabled);\n    cursor: not-allowed;\n    opacity: 0.65;\n  }\n\n  .brick-bottom-navigation__icon {\n    display: inline-flex;\n    box-sizing: border-box;\n    inline-size: var(--brick-bottom-navigation-icon-indicator-inline-size);\n    block-size: var(--brick-bottom-navigation-icon-indicator-block-size);\n    flex: 0 0 auto;\n    align-items: center;\n    justify-content: center;\n    border: var(--brick-border-width) solid transparent;\n    border-radius: var(--brick-radius-full);\n    color: inherit;\n  }\n\n  .brick-bottom-navigation__icon :where(.brick-icon, svg, img) {\n    inline-size: var(--brick-bottom-navigation-icon-size);\n    block-size: var(--brick-bottom-navigation-icon-size);\n  }\n\n  .brick-bottom-navigation[data-selection=\"indicator\"] .brick-bottom-navigation__item[data-state=\"active\"] .brick-bottom-navigation__icon {\n    border-color: var(--brick-bottom-navigation-selection-border);\n    background: var(--brick-bottom-navigation-selection-background);\n  }\n\n  .brick-bottom-navigation[data-selection=\"indicator\"][data-selection-shape=\"circle\"] .brick-bottom-navigation__icon {\n    inline-size: var(--brick-bottom-navigation-icon-indicator-block-size);\n    border-radius: var(--brick-radius-full);\n  }\n\n  .brick-bottom-navigation[data-selection=\"indicator\"][data-selection-shape=\"rounded\"] .brick-bottom-navigation__icon { border-radius: var(--brick-radius-control); }\n  .brick-bottom-navigation[data-selection=\"indicator\"][data-selection-shape=\"pill\"] .brick-bottom-navigation__icon { border-radius: var(--brick-radius-full); }\n\n  .brick-bottom-navigation__label {\n    display: block;\n    min-inline-size: 0;\n    max-inline-size: 100%;\n    overflow: hidden;\n    color: inherit;\n    font-family: var(--brick-bottom-navigation-label-font-family);\n    font-size: var(--brick-bottom-navigation-label-font-size);\n    font-weight: var(--brick-bottom-navigation-label-font-weight);\n    letter-spacing: var(--brick-bottom-navigation-label-letter-spacing);\n    line-height: var(--brick-bottom-navigation-label-line-height);\n    overflow-wrap: normal;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n  }\n\n  .brick-bottom-navigation__item[data-state=\"active\"] .brick-bottom-navigation__label { font-weight: var(--brick-bottom-navigation-label-font-weight-active); }\n\n  .brick-bottom-navigation__item:not([data-label-visible]) .brick-bottom-navigation__label {\n    position: absolute;\n    inline-size: 1px;\n    block-size: 1px;\n    padding: 0;\n    margin: -1px;\n    overflow: hidden;\n    border: 0;\n    clip: rect(0, 0, 0, 0);\n    clip-path: inset(50%);\n    white-space: nowrap;\n    overflow-wrap: normal;\n  }\n\n  @media (prefers-reduced-motion: no-preference) {\n    .brick-bottom-navigation__item,\n    .brick-bottom-navigation__icon {\n      transition: background-color var(--brick-motion-duration-fast) var(--brick-motion-easing-standard), border-color var(--brick-motion-duration-fast) var(--brick-motion-easing-standard), color var(--brick-motion-duration-fast) var(--brick-motion-easing-standard);\n    }\n  }\n\n  @media (prefers-reduced-transparency: reduce) {\n    .brick-bottom-navigation[data-blurred] {\n      background: var(--brick-bottom-navigation-reduced-transparency-background);\n      backdrop-filter: none;\n    }\n  }\n\n  @media (forced-colors: active) {\n    .brick-bottom-navigation,\n    .brick-bottom-navigation[data-variant],\n    .brick-bottom-navigation[data-blurred] {\n      --brick-bottom-navigation-background: Canvas;\n      --brick-bottom-navigation-foreground: CanvasText;\n      --brick-bottom-navigation-border-color: CanvasText;\n      --brick-bottom-navigation-item-foreground: LinkText;\n      --brick-bottom-navigation-item-foreground-hover: LinkText;\n      --brick-bottom-navigation-item-foreground-active: LinkText;\n      --brick-bottom-navigation-item-foreground-disabled: GrayText;\n      --brick-bottom-navigation-selection-background: Canvas;\n      --brick-bottom-navigation-selection-border: Highlight;\n      --brick-bottom-navigation-focus-ring: Highlight;\n      box-shadow: none;\n    }\n\n    .brick-bottom-navigation__item[data-disabled] { border-color: GrayText; }\n  }\n}\n","@layer brick.components {\n  .brick-checkbox-group {\n    --brick-checkbox-group-gap: var(--brick-space-1);\n    --brick-checkbox-radius: var(--brick-radius-subtle);\n    --brick-checkbox-invalid-foreground: var(--brick-color-danger-text);\n\n    display: flex;\n    box-sizing: border-box;\n    min-inline-size: 0;\n    max-inline-size: 100%;\n    gap: var(--brick-checkbox-group-gap);\n  }\n\n  .brick-checkbox-group[data-invalid] {\n    padding-inline-start: var(--brick-space-2);\n    border-inline-start: var(--brick-border-focus-width) solid\n      var(--brick-checkbox-invalid-foreground);\n    border-radius: var(--brick-checkbox-radius);\n  }\n\n  .brick-checkbox-group[data-orientation=\"vertical\"] {\n    flex-direction: column;\n  }\n\n  .brick-checkbox-group[data-orientation=\"horizontal\"] {\n    flex-flow: row wrap;\n    align-items: flex-start;\n  }\n\n  :where(.brick-checkbox-group-item, .brick-checkbox-group-parent) {\n    inline-size: fit-content;\n  }\n\n  .brick-checkbox-group[data-orientation=\"vertical\"]\n    > :where(.brick-checkbox-group-item, .brick-checkbox-group-parent) {\n    inline-size: 100%;\n  }\n\n  .brick-checkbox-group-item-label {\n    min-inline-size: 0;\n    grid-column: 2;\n    color: var(--brick-checkbox-label-foreground);\n    font-family: var(--brick-typography-label-md-font-family);\n    font-size: var(--brick-typography-label-md-font-size);\n    font-weight: var(--brick-typography-label-md-font-weight);\n    letter-spacing: var(--brick-typography-label-md-letter-spacing);\n    line-height: var(--brick-typography-label-md-line-height);\n  }\n\n  .brick-checkbox-group-item-description {\n    min-inline-size: 0;\n    grid-column: 2;\n    color: var(--brick-checkbox-description-foreground);\n    font-family: var(--brick-typography-supporting-sm-font-family);\n    font-size: var(--brick-typography-supporting-sm-font-size);\n    font-weight: var(--brick-typography-supporting-sm-font-weight);\n    letter-spacing: var(--brick-typography-supporting-sm-letter-spacing);\n    line-height: var(--brick-typography-supporting-sm-line-height);\n  }\n\n  .brick-checkbox-group-item-label + .brick-checkbox-group-item-description {\n    margin-block-start: 0.125rem;\n  }\n\n  .brick-checkbox-group-parent {\n    margin-block-end: var(--brick-space-1);\n    font-family: var(--brick-typography-label-strong-font-family);\n    font-size: var(--brick-typography-label-strong-font-size);\n    font-weight: var(--brick-typography-label-strong-font-weight);\n    letter-spacing: var(--brick-typography-label-strong-letter-spacing);\n    line-height: var(--brick-typography-label-strong-line-height);\n  }\n\n  .brick-checkbox-group[data-orientation=\"horizontal\"]\n    > .brick-checkbox-group-parent {\n    flex-basis: 100%;\n  }\n\n  @media (forced-colors: active) {\n    .brick-checkbox-group[data-invalid] {\n      border-inline-start-color: Mark;\n    }\n\n    .brick-checkbox-group-item-label {\n      color: ButtonText;\n    }\n\n    .brick-checkbox-group-item-description {\n      color: CanvasText;\n    }\n  }\n}\n","@layer brick.components {\n  .brick-color-picker {\n    --brick-color-picker-control-size: 2.5rem;\n    --brick-color-picker-gap: var(--brick-space-2);\n    --brick-color-picker-background: transparent;\n    --brick-color-picker-border-color: var(--brick-color-border-default);\n    --brick-color-picker-focus-ring: var(--brick-color-focus-ring);\n    --brick-color-picker-content-background: var(--brick-color-surface-overlay);\n    --brick-color-picker-content-border-color: var(--brick-color-border-default);\n    --brick-color-picker-content-radius: var(--brick-radius-overlay);\n    --brick-color-picker-content-shadow: var(--brick-shadow-floating);\n\n    display: grid;\n    min-inline-size: 0;\n    gap: var(--brick-space-2);\n    color: var(--brick-color-text-primary);\n  }\n\n  .brick-color-picker[data-size=\"sm\"] { --brick-color-picker-control-size: 2rem; }\n  .brick-color-picker[data-size=\"lg\"] { --brick-color-picker-control-size: 3rem; }\n  .brick-color-picker[data-variant=\"soft\"] { --brick-color-picker-background: var(--brick-color-surface-subtle); }\n\n  .brick-color-picker__label {\n    inline-size: fit-content;\n    color: var(--brick-color-text-primary);\n    font-family: var(--brick-typography-label-md-font-family);\n    font-size: var(--brick-typography-label-md-font-size);\n    font-weight: var(--brick-typography-label-md-font-weight);\n    letter-spacing: var(--brick-typography-label-md-letter-spacing);\n    line-height: var(--brick-typography-label-md-line-height);\n  }\n\n  .brick-color-picker__control {\n    display: flex;\n    min-inline-size: 0;\n    align-items: stretch;\n    gap: var(--brick-color-picker-gap);\n  }\n\n  .brick-color-picker__input,\n  .brick-color-picker__native-input,\n  .brick-color-picker__trigger,\n  .brick-color-picker__swatch-trigger {\n    box-sizing: border-box;\n    min-block-size: var(--brick-color-picker-control-size);\n    border: var(--brick-border-width) solid var(--brick-color-picker-border-color);\n    border-radius: var(--brick-radius-control);\n    background: var(--brick-color-picker-background);\n    color: var(--brick-color-text-primary);\n    transition:\n      border-color var(--brick-motion-duration-fast) var(--brick-motion-easing-standard),\n      box-shadow var(--brick-motion-duration-fast) var(--brick-motion-easing-standard),\n      background-color var(--brick-motion-duration-fast) var(--brick-motion-easing-standard);\n  }\n\n  .brick-color-picker__input {\n    inline-size: 9rem;\n    min-inline-size: 0;\n    padding-inline: var(--brick-space-3);\n    font: inherit;\n    font-variant-numeric: tabular-nums;\n  }\n\n  .brick-color-picker__native-input {\n    inline-size: var(--brick-color-picker-control-size);\n    flex: none;\n    padding: var(--brick-space-1);\n    cursor: pointer;\n  }\n\n  .brick-color-picker__trigger {\n    display: inline-flex;\n    min-inline-size: var(--brick-color-picker-control-size);\n    align-items: center;\n    justify-content: center;\n    gap: var(--brick-space-2);\n    padding-inline: var(--brick-space-2);\n    cursor: pointer;\n    font: inherit;\n  }\n\n  .brick-color-picker__swatch-trigger {\n    display: inline-flex;\n    min-inline-size: var(--brick-color-picker-control-size);\n    align-items: center;\n    justify-content: flex-start;\n    gap: var(--brick-space-2);\n    padding: var(--brick-space-2);\n    cursor: pointer;\n    font: inherit;\n  }\n\n  .brick-color-picker__input:hover,\n  .brick-color-picker__native-input:hover,\n  .brick-color-picker__trigger:hover,\n  .brick-color-picker__swatch-trigger:hover {\n    border-color: var(--brick-color-border-strong);\n    background-color: var(--brick-color-surface-hover, var(--brick-color-surface-subtle));\n  }\n\n  .brick-color-picker__input:focus-visible,\n  .brick-color-picker__native-input:focus-visible,\n  .brick-color-picker__trigger:focus-visible,\n  .brick-color-picker__swatch-trigger:focus-visible {\n    outline: var(--brick-border-focus-width) solid var(--brick-color-picker-focus-ring);\n    outline-offset: var(--brick-border-focus-offset);\n  }\n\n  .brick-color-picker[data-invalid] {\n    --brick-color-picker-border-color: var(--brick-color-danger-border);\n    --brick-color-picker-focus-ring: var(--brick-color-danger-text);\n  }\n\n  .brick-color-picker[data-disabled] :where(.brick-color-picker__input, .brick-color-picker__native-input, .brick-color-picker__trigger, .brick-color-picker__swatch-trigger) {\n    cursor: not-allowed;\n    color: var(--brick-color-text-disabled);\n    opacity: 0.72;\n  }\n\n  .brick-color-picker[data-readonly] :where(.brick-color-picker__input, .brick-color-picker__native-input, .brick-color-picker__swatch-trigger) {\n    cursor: not-allowed;\n    background: var(--brick-color-surface-subtle);\n  }\n\n  .brick-color-picker__swatch-trigger[aria-pressed=\"true\"] {\n    border-color: var(--brick-color-accent-border);\n    box-shadow: inset 0 0 0 var(--brick-border-width) var(--brick-color-accent-border);\n  }\n\n  .brick-color-picker__content {\n    z-index: calc(var(--brick-layer-overlay) - 1);\n    box-sizing: border-box;\n    inline-size: max-content;\n    max-inline-size: min(22rem, calc(100dvi - 2rem - env(safe-area-inset-left) - env(safe-area-inset-right)));\n    color: var(--brick-color-text-primary);\n  }\n\n  .brick-color-picker__content > [data-slot=\"popover-viewport\"] {\n    display: grid;\n    min-inline-size: min(18rem, calc(100dvi - 2rem));\n    max-block-size: min(28rem, calc(100dvb - 2rem));\n    gap: var(--brick-space-3);\n    padding: var(--brick-space-3);\n    overflow: auto;\n    border: var(--brick-border-width) solid var(--brick-color-picker-content-border-color);\n    border-radius: var(--brick-color-picker-content-radius);\n    background: var(--brick-color-picker-content-background);\n    box-shadow: var(--brick-color-picker-content-shadow);\n    overscroll-behavior: contain;\n  }\n\n  @supports not (height: 100dvb) {\n    .brick-color-picker__content > [data-slot=\"popover-viewport\"] { max-block-size: min(28rem, calc(100vh - 2rem)); }\n  }\n\n  @media (prefers-reduced-motion: reduce) {\n    .brick-color-picker :where(.brick-color-picker__input, .brick-color-picker__native-input, .brick-color-picker__trigger, .brick-color-picker__swatch-trigger) { transition-duration: 1ms; }\n  }\n\n  @media (forced-colors: active) {\n    .brick-color-picker {\n      --brick-color-picker-background: Canvas;\n      --brick-color-picker-border-color: CanvasText;\n      --brick-color-picker-content-background: Canvas;\n      --brick-color-picker-content-border-color: CanvasText;\n      --brick-color-picker-content-shadow: none;\n    }\n\n    .brick-color-picker__swatch-trigger[aria-pressed=\"true\"] { border-width: 2px; box-shadow: none; }\n  }\n}\n","@layer brick.components {\n  .brick-code {\n    --brick-code-foreground: var(--brick-color-text-primary);\n    --brick-code-background: var(--brick-color-surface-subtle);\n    --brick-code-border-color: var(--brick-color-border-subtle);\n    --brick-code-border-width: var(--brick-border-width);\n    --brick-code-radius: var(--brick-radius-subtle);\n    --brick-code-padding-block: 0.0625em;\n    --brick-code-padding-inline: 0.3em;\n    --brick-code-font-family: var(--brick-typography-code-inline-font-family);\n    --brick-code-font-size: var(--brick-typography-code-inline-font-size);\n    --brick-code-font-weight: var(--brick-typography-code-inline-font-weight);\n    --brick-code-line-height: var(--brick-typography-code-inline-line-height);\n    --brick-code-letter-spacing: var(--brick-typography-code-inline-letter-spacing);\n\n    box-decoration-break: clone;\n    padding: var(--brick-code-padding-block) var(--brick-code-padding-inline);\n    border: var(--brick-code-border-width) solid var(--brick-code-border-color);\n    border-radius: var(--brick-code-radius);\n    background: var(--brick-code-background);\n    color: var(--brick-code-foreground);\n    font-family: var(--brick-code-font-family);\n    font-size: var(--brick-code-font-size);\n    font-weight: var(--brick-code-font-weight);\n    letter-spacing: var(--brick-code-letter-spacing);\n    line-height: var(--brick-code-line-height);\n    overflow-wrap: anywhere;\n    white-space: normal;\n    -webkit-box-decoration-break: clone;\n  }\n\n  .brick-code[data-variant=\"plain\"] {\n    --brick-code-background: transparent;\n    --brick-code-border-width: 0rem;\n    --brick-code-padding-block: 0em;\n    --brick-code-padding-inline: 0em;\n  }\n\n  .brick-code[data-tone=\"inherit\"] { --brick-code-foreground: currentColor; }\n  .brick-code[data-size=\"sm\"] {\n    --brick-code-font-size: var(--brick-typography-body-sm-font-size);\n    --brick-code-line-height: var(--brick-typography-body-sm-line-height);\n  }\n  .brick-code[data-size=\"md\"] {\n    --brick-code-font-size: var(--brick-typography-body-md-font-size);\n    --brick-code-line-height: var(--brick-typography-body-md-line-height);\n  }\n\n  @media (forced-colors: active) {\n    .brick-code {\n      --brick-code-foreground: CanvasText;\n      --brick-code-background: Canvas;\n      --brick-code-border-color: CanvasText;\n    }\n  }\n}\n","/* Atom owns the authoritative inline hiding behavior. This file intentionally\n   contains no visual recipe. */\n","@layer brick.components {\n  .brick-radio-group {\n    --brick-radio-group-gap: var(--brick-space-1);\n    --brick-radio-control-size: 1.125rem;\n    --brick-radio-dot-size: 0.5rem;\n    --brick-radio-target-min-size: var(--brick-control-target-min);\n    --brick-radio-item-gap: var(--brick-space-2);\n    --brick-radio-item-padding-inline: var(--brick-space-2);\n    --brick-radio-item-radius: var(--brick-radius-subtle);\n    --brick-radio-foreground: var(--brick-color-text-primary);\n    --brick-radio-control-background: var(--brick-color-surface-raised);\n    --brick-radio-control-border: var(--brick-color-border-strong);\n    --brick-radio-checked: var(--brick-color-accent-solid);\n    --brick-radio-focus-ring: var(--brick-color-focus-ring);\n    --brick-radio-invalid: var(--brick-color-danger-text);\n    --brick-radio-readonly-background: var(--brick-color-surface-subtle);\n\n    display: flex;\n    box-sizing: border-box;\n    min-inline-size: 0;\n    max-inline-size: 100%;\n    gap: var(--brick-radio-group-gap);\n  }\n\n  .brick-radio-group[data-orientation=\"vertical\"] {\n    flex-direction: column;\n  }\n\n  .brick-radio-group[data-orientation=\"horizontal\"] {\n    flex-flow: row wrap;\n    align-items: flex-start;\n  }\n\n  .brick-radio-group[data-invalid] {\n    padding-inline-start: var(--brick-space-2);\n    border-inline-start: var(--brick-border-focus-width) solid var(--brick-radio-invalid);\n    border-radius: var(--brick-radio-item-radius);\n  }\n\n  .brick-radio-group-item {\n    display: inline-grid;\n    box-sizing: border-box;\n    min-inline-size: 0;\n    max-inline-size: 100%;\n    inline-size: fit-content;\n    min-block-size: var(--brick-radio-target-min-size);\n    grid-template-columns: var(--brick-radio-control-size) minmax(0, 1fr);\n    align-content: center;\n    align-items: center;\n    gap: var(--brick-radio-item-gap);\n    padding-block: var(--brick-space-1);\n    padding-inline: var(--brick-radio-item-padding-inline);\n    border: 0;\n    border-radius: var(--brick-radio-item-radius);\n    appearance: none;\n    background: transparent;\n    color: var(--brick-radio-foreground);\n    font: inherit;\n    text-align: start;\n    user-select: none;\n    transition:\n      background-color var(--brick-motion-duration-fast) var(--brick-motion-easing-standard),\n      color var(--brick-motion-duration-fast) var(--brick-motion-easing-standard),\n      box-shadow var(--brick-motion-duration-fast) var(--brick-motion-easing-standard);\n  }\n\n  .brick-radio-group[data-orientation=\"vertical\"] > .brick-radio-group-item {\n    inline-size: 100%;\n  }\n\n  .brick-radio-group-item:not([data-disabled], [data-readonly]) {\n    cursor: pointer;\n  }\n\n  .brick-radio-group-item[data-readonly] {\n    background: var(--brick-radio-readonly-background);\n    cursor: default;\n  }\n\n  .brick-radio-group-item:is(:focus-visible, [data-focus-visible]) {\n    outline: var(--brick-border-focus-width) solid var(--brick-radio-focus-ring);\n    outline-offset: var(--brick-border-focus-offset);\n  }\n\n  .brick-radio-group-control {\n    display: grid;\n    box-sizing: border-box;\n    inline-size: var(--brick-radio-control-size);\n    block-size: var(--brick-radio-control-size);\n    place-items: center;\n    border: var(--brick-border-width) solid var(--brick-radio-control-border);\n    border-radius: var(--brick-radius-full);\n    background: var(--brick-radio-control-background);\n    transition:\n      border-color var(--brick-motion-duration-fast) var(--brick-motion-easing-standard),\n      transform var(--brick-motion-duration-fast) var(--brick-motion-easing-standard);\n  }\n\n  .brick-radio-group-dot {\n    display: block;\n    inline-size: var(--brick-radio-dot-size);\n    block-size: var(--brick-radio-dot-size);\n    border-radius: var(--brick-radius-full);\n    background: var(--brick-radio-checked);\n    opacity: 0;\n    transform: scale(0.5);\n    transition:\n      opacity var(--brick-motion-duration-fast) var(--brick-motion-easing-standard),\n      transform var(--brick-motion-duration-fast) var(--brick-motion-easing-standard);\n  }\n\n  .brick-radio-group-item[data-state=\"checked\"] .brick-radio-group-control {\n    border-color: var(--brick-radio-checked);\n  }\n\n  .brick-radio-group-item[data-state=\"checked\"] .brick-radio-group-dot {\n    opacity: 1;\n    transform: scale(1);\n  }\n\n  .brick-radio-group-label {\n    min-inline-size: 0;\n    color: inherit;\n    font-family: var(--brick-typography-body-md-font-family);\n    font-size: var(--brick-typography-body-md-font-size);\n    font-weight: var(--brick-typography-body-md-font-weight);\n    letter-spacing: var(--brick-typography-body-md-letter-spacing);\n    line-height: var(--brick-typography-body-md-line-height);\n    overflow-wrap: anywhere;\n  }\n\n  .brick-radio-group-item:not([data-disabled], [data-readonly]):active {\n    background: var(--brick-color-accent-soft-pressed);\n  }\n\n  .brick-radio-group-item:not([data-disabled], [data-readonly]):active .brick-radio-group-control {\n    transform: scale(0.94);\n  }\n\n  .brick-radio-group-item[data-disabled] {\n    color: var(--brick-color-text-secondary);\n    cursor: not-allowed;\n    opacity: 0.65;\n  }\n\n  .brick-radio-group-item[data-disabled] .brick-radio-group-control {\n    border-color: var(--brick-color-border-subtle);\n    background: var(--brick-color-surface-subtle);\n  }\n\n  .brick-radio-group-item[data-invalid] .brick-radio-group-control {\n    border-color: var(--brick-radio-invalid);\n  }\n\n  .brick-radio-group[data-size=\"sm\"] {\n    --brick-radio-control-size: 1rem;\n    --brick-radio-dot-size: 0.375rem;\n    --brick-radio-item-gap: 0.375rem;\n    --brick-radio-item-padding-inline: var(--brick-space-1);\n  }\n\n  .brick-radio-group[data-size=\"sm\"] .brick-radio-group-label {\n    font-family: var(--brick-typography-body-sm-font-family);\n    font-size: var(--brick-typography-body-sm-font-size);\n    font-weight: var(--brick-typography-body-sm-font-weight);\n    letter-spacing: var(--brick-typography-body-sm-letter-spacing);\n    line-height: var(--brick-typography-body-sm-line-height);\n  }\n\n  .brick-radio-group[data-size=\"lg\"] {\n    --brick-radio-control-size: 1.25rem;\n    --brick-radio-dot-size: 0.625rem;\n    --brick-radio-target-min-size: var(--brick-control-min-block-size-lg);\n    --brick-radio-item-gap: var(--brick-space-3);\n    --brick-radio-item-padding-inline: var(--brick-space-3);\n  }\n\n  .brick-radio-group[data-size=\"lg\"] .brick-radio-group-label {\n    font-family: var(--brick-typography-body-lg-font-family);\n    font-size: var(--brick-typography-body-lg-font-size);\n    font-weight: var(--brick-typography-body-lg-font-weight);\n    letter-spacing: var(--brick-typography-body-lg-letter-spacing);\n    line-height: var(--brick-typography-body-lg-line-height);\n  }\n\n  @media (hover: hover) and (pointer: fine) {\n    .brick-radio-group-item:not([data-disabled], [data-readonly]):hover {\n      background: var(--brick-color-accent-soft);\n    }\n\n    .brick-radio-group-item:not([data-disabled], [data-readonly], [data-invalid]):hover .brick-radio-group-control {\n      border-color: var(--brick-color-accent-border);\n    }\n  }\n\n  @media (prefers-reduced-motion: reduce) {\n    :where(.brick-radio-group-item, .brick-radio-group-control, .brick-radio-group-dot) {\n      transition-duration: 0ms;\n    }\n  }\n\n  @media (forced-colors: active) {\n    .brick-radio-group-item {\n      forced-color-adjust: none;\n      color: ButtonText;\n    }\n\n    .brick-radio-group-control {\n      border-color: ButtonText;\n      background: Canvas;\n    }\n\n    .brick-radio-group-item[data-state=\"checked\"] .brick-radio-group-control {\n      border-color: Highlight;\n    }\n\n    .brick-radio-group-dot {\n      background: Highlight;\n    }\n\n    .brick-radio-group[data-invalid],\n    .brick-radio-group-item[data-invalid] .brick-radio-group-control {\n      border-color: Mark;\n    }\n\n    .brick-radio-group-item[data-disabled] {\n      color: GrayText;\n      opacity: 1;\n    }\n  }\n}\n","@layer brick.components {\n  :where(.brick-toggle, .brick-toggle-group-item) {\n    --brick-toggle-min-block-size: var(--brick-control-min-block-size-md);\n    --brick-toggle-padding-inline: 1rem;\n    --brick-toggle-gap: 0.5rem;\n    --brick-toggle-radius: var(--brick-radius-control);\n    --brick-toggle-icon-size: 1.125rem;\n    --brick-toggle-tone-solid: var(--brick-color-accent-solid);\n    --brick-toggle-tone-solid-hover: var(--brick-color-accent-solid-hover);\n    --brick-toggle-tone-solid-pressed: var(--brick-color-accent-solid-pressed);\n    --brick-toggle-tone-on-solid: var(--brick-color-accent-on-solid);\n    --brick-toggle-tone-soft: var(--brick-color-accent-soft);\n    --brick-toggle-tone-soft-hover: var(--brick-color-accent-soft-hover);\n    --brick-toggle-tone-soft-pressed: var(--brick-color-accent-soft-pressed);\n    --brick-toggle-tone-on-soft: var(--brick-color-accent-on-soft);\n    --brick-toggle-tone-border: var(--brick-color-accent-border);\n    --brick-toggle-tone-text: var(--brick-color-accent-text);\n    --brick-toggle-tone-outline-border: var(--brick-color-accent-solid);\n    --brick-toggle-tone-outline-foreground: var(--brick-color-text-primary);\n\n    display: inline-flex;\n    box-sizing: border-box;\n    min-inline-size: 0;\n    max-inline-size: 100%;\n    min-block-size: var(--brick-toggle-min-block-size);\n    align-items: center;\n    justify-content: center;\n    gap: var(--brick-toggle-gap);\n    padding-block: 0.375rem;\n    padding-inline: var(--brick-toggle-padding-inline);\n    border: var(--brick-border-width) solid transparent;\n    border-radius: var(--brick-toggle-radius);\n    appearance: none;\n    background: var(--brick-color-surface-subtle);\n    color: var(--brick-color-text-primary);\n    font-family: var(--brick-typography-control-md-font-family);\n    font-size: var(--brick-typography-control-md-font-size);\n    font-weight: var(--brick-typography-control-md-font-weight);\n    letter-spacing: var(--brick-typography-control-md-letter-spacing);\n    line-height: var(--brick-typography-control-md-line-height);\n    overflow-wrap: anywhere;\n    text-align: center;\n    text-decoration: none;\n    user-select: none;\n    vertical-align: middle;\n    transition:\n      background-color var(--brick-motion-duration-fast) var(--brick-motion-easing-standard),\n      border-color var(--brick-motion-duration-fast) var(--brick-motion-easing-standard),\n      color var(--brick-motion-duration-fast) var(--brick-motion-easing-standard);\n  }\n\n  :where(\n    .brick-toggle[data-tone=\"neutral\"],\n    .brick-toggle-group[data-tone=\"neutral\"] > .brick-toggle-group-item\n  ) {\n    --brick-toggle-tone-solid: color-mix(\n      in srgb,\n      var(--brick-color-surface-subtle),\n      var(--brick-color-text-primary) 16%\n    );\n    --brick-toggle-tone-solid-hover: color-mix(\n      in srgb,\n      var(--brick-color-surface-subtle),\n      var(--brick-color-text-primary) 22%\n    );\n    --brick-toggle-tone-solid-pressed: color-mix(\n      in srgb,\n      var(--brick-color-surface-subtle),\n      var(--brick-color-text-primary) 28%\n    );\n    --brick-toggle-tone-on-solid: var(--brick-color-text-primary);\n    --brick-toggle-tone-soft: var(--brick-color-surface-subtle);\n    --brick-toggle-tone-soft-hover: var(--brick-color-surface-base);\n    --brick-toggle-tone-soft-pressed: var(--brick-color-border-subtle);\n    --brick-toggle-tone-on-soft: var(--brick-color-text-primary);\n    --brick-toggle-tone-border: var(--brick-color-border-strong);\n    --brick-toggle-tone-text: var(--brick-color-text-primary);\n    --brick-toggle-tone-outline-border: var(--brick-color-border-strong);\n    --brick-toggle-tone-outline-foreground: var(--brick-color-text-primary);\n  }\n\n  :where(.brick-toggle, .brick-toggle-group-item) > :where(svg, img) {\n    flex: 0 0 auto;\n    inline-size: var(--brick-toggle-icon-size);\n    block-size: var(--brick-toggle-icon-size);\n  }\n\n  :where(.brick-toggle, .brick-toggle-group-item):not([data-disabled]) {\n    cursor: pointer;\n  }\n\n  :where(.brick-toggle, .brick-toggle-group-item):focus-visible {\n    z-index: 1;\n    outline: var(--brick-border-focus-width) solid var(--brick-color-focus-ring);\n    outline-offset: var(--brick-border-focus-offset);\n  }\n\n  :where(.brick-toggle, .brick-toggle-group-item)[data-state=\"on\"] {\n    border-color: var(--brick-toggle-tone-border);\n    background: var(--brick-toggle-tone-soft);\n    color: var(--brick-toggle-tone-on-soft);\n    box-shadow: inset 0 -0.125rem 0 var(--brick-toggle-tone-solid);\n  }\n\n  :where(.brick-toggle, .brick-toggle-group-item)[data-variant=\"solid\"][data-state=\"on\"] {\n    border-color: var(--brick-toggle-tone-solid);\n    background: var(--brick-toggle-tone-solid);\n    color: var(--brick-toggle-tone-on-solid);\n    box-shadow: none;\n  }\n\n  :where(.brick-toggle, .brick-toggle-group-item)[data-variant=\"outline\"] {\n    border-color: var(--brick-color-border-default);\n    background: transparent;\n  }\n\n  :where(.brick-toggle, .brick-toggle-group-item)[data-variant=\"outline\"][data-state=\"on\"] {\n    border-color: var(--brick-toggle-tone-outline-border);\n    background: transparent;\n    color: var(--brick-toggle-tone-outline-foreground);\n    box-shadow: none;\n  }\n\n  :where(.brick-toggle, .brick-toggle-group-item)[data-variant=\"ghost\"] {\n    background: transparent;\n  }\n\n  :where(.brick-toggle, .brick-toggle-group-item)[data-variant=\"ghost\"][data-state=\"on\"] {\n    border-color: transparent;\n    background: var(--brick-toggle-tone-soft);\n    box-shadow: none;\n  }\n\n  :where(.brick-toggle, .brick-toggle-group-item):not([data-disabled]):active {\n    background: var(--brick-toggle-tone-soft-pressed);\n  }\n\n  :where(.brick-toggle, .brick-toggle-group-item)[data-variant=\"solid\"][data-state=\"on\"]:not([data-disabled]):active {\n    border-color: var(--brick-toggle-tone-solid-pressed);\n    background: var(--brick-toggle-tone-solid-pressed);\n  }\n\n  :where(.brick-toggle, .brick-toggle-group-item)[data-disabled] {\n    border-color: var(--brick-color-border-subtle);\n    background: var(--brick-color-surface-subtle);\n    color: var(--brick-color-text-disabled);\n    box-shadow: none;\n    cursor: not-allowed;\n    opacity: 0.55;\n  }\n\n  :where(.brick-toggle, .brick-toggle-group-item)[data-disabled][data-state=\"on\"] {\n    border-color: var(--brick-color-border-subtle);\n    background: var(--brick-color-surface-base);\n    box-shadow: none;\n  }\n\n  :where(.brick-toggle, .brick-toggle-group-item)[data-size=\"sm\"] {\n    --brick-toggle-min-block-size: var(--brick-control-min-block-size-sm);\n    --brick-toggle-padding-inline: 0.75rem;\n    --brick-toggle-gap: 0.375rem;\n    --brick-toggle-icon-size: 1rem;\n\n    padding-block: 0.25rem;\n    font-size: var(--brick-typography-control-sm-font-size);\n  }\n\n  :where(.brick-toggle, .brick-toggle-group-item)[data-size=\"lg\"] {\n    --brick-toggle-min-block-size: var(--brick-control-min-block-size-lg);\n    --brick-toggle-padding-inline: 1.25rem;\n    --brick-toggle-gap: 0.625rem;\n    --brick-toggle-icon-size: 1.25rem;\n\n    padding-block: 0.5rem;\n    font-size: var(--brick-typography-control-lg-font-size);\n  }\n\n  :where(.brick-toggle, .brick-toggle-group-item)[data-shape=\"pill\"] {\n    --brick-toggle-radius: var(--brick-radius-full);\n  }\n\n  :where(.brick-toggle, .brick-toggle-group-item)[data-icon-only] {\n    inline-size: var(--brick-toggle-min-block-size);\n    padding-inline: 0;\n  }\n\n  @media (hover: hover) and (pointer: fine) {\n    :where(.brick-toggle, .brick-toggle-group-item):not([data-disabled]):hover {\n      background: var(--brick-color-surface-base);\n    }\n\n    :where(.brick-toggle, .brick-toggle-group-item):not([data-disabled])[data-state=\"on\"]:hover {\n      background: var(--brick-toggle-tone-soft-hover);\n    }\n\n    :where(.brick-toggle, .brick-toggle-group-item)[data-variant=\"solid\"][data-state=\"on\"]:not([data-disabled]):hover {\n      border-color: var(--brick-toggle-tone-solid-hover);\n      background: var(--brick-toggle-tone-solid-hover);\n    }\n\n    :where(.brick-toggle, .brick-toggle-group-item)[data-variant=\"ghost\"]:not([data-disabled]):hover {\n      background: var(--brick-color-surface-subtle);\n    }\n\n    :where(.brick-toggle, .brick-toggle-group-item)[data-variant=\"ghost\"]:not([data-disabled])[data-state=\"on\"]:hover {\n      background: var(--brick-toggle-tone-soft-hover);\n    }\n  }\n\n  @media (prefers-reduced-motion: reduce) {\n    :where(.brick-toggle, .brick-toggle-group-item) {\n      transition-duration: 0ms;\n    }\n  }\n\n  @media (forced-colors: active) {\n    :where(.brick-toggle, .brick-toggle-group-item) {\n      border-color: ButtonText;\n      background: ButtonFace;\n      color: ButtonText;\n    }\n\n    :where(.brick-toggle, .brick-toggle-group-item)[data-state=\"on\"] {\n      border-color: Highlight;\n      background: ButtonFace;\n      color: ButtonText;\n      outline: 0.125rem solid Highlight;\n      outline-offset: -0.25rem;\n      box-shadow: none;\n    }\n\n    :where(.brick-toggle, .brick-toggle-group-item):focus-visible {\n      outline-color: Highlight;\n      outline-offset: var(--brick-border-focus-offset);\n    }\n\n    :where(.brick-toggle, .brick-toggle-group-item)[data-disabled] {\n      border-color: GrayText;\n      color: GrayText;\n      opacity: 1;\n    }\n  }\n}\n","@layer brick.components {\n  .brick-skip-link {\n    --brick-skip-link-background: var(--brick-color-surface-overlay);\n    --brick-skip-link-foreground: var(--brick-color-text-primary);\n    --brick-skip-link-border-color: var(--brick-color-accent-border);\n    --brick-skip-link-border-width: var(--brick-border-width);\n    --brick-skip-link-radius: var(--brick-radius-control);\n    --brick-skip-link-shadow: 0 0.75rem 2rem color-mix(in srgb, var(--brick-color-shadow), transparent 42%);\n    --brick-skip-link-focus-ring: var(--brick-color-focus-ring);\n    --brick-skip-link-inset-block: 0.75rem;\n    --brick-skip-link-inset-inline: 0.75rem;\n    --brick-skip-link-max-inline-size: 32rem;\n    --brick-skip-link-z-index: calc(var(--brick-layer-overlay) + 10);\n\n    position: fixed;\n    z-index: var(--brick-skip-link-z-index);\n    inset-block-start: var(--brick-skip-link-inset-block);\n    inset-inline-start: var(--brick-skip-link-inset-inline);\n    display: inline-flex;\n    max-inline-size: min(\n      var(--brick-skip-link-max-inline-size),\n      calc(100vw - var(--brick-skip-link-inset-inline) - var(--brick-skip-link-inset-inline))\n    );\n    min-block-size: var(--brick-control-target-min);\n    align-items: center;\n    justify-content: center;\n    padding: 0.625rem 0.875rem;\n    transform: translateY(calc(-100% - var(--brick-skip-link-inset-block) - 0.5rem));\n    border: var(--brick-skip-link-border-width) solid var(--brick-skip-link-border-color);\n    border-radius: var(--brick-skip-link-radius);\n    background: var(--brick-skip-link-background);\n    box-shadow: var(--brick-skip-link-shadow);\n    color: var(--brick-skip-link-foreground);\n    font-family: var(--brick-typography-control-sm-font-family);\n    font-size: var(--brick-typography-control-sm-font-size);\n    font-weight: var(--brick-typography-control-sm-font-weight);\n    letter-spacing: var(--brick-typography-control-sm-letter-spacing);\n    line-height: var(--brick-typography-control-sm-line-height);\n    overflow-wrap: anywhere;\n    text-align: start;\n    text-decoration: none;\n  }\n\n  .brick-skip-link:focus {\n    transform: none;\n    outline: var(--brick-border-focus-width) solid var(--brick-skip-link-focus-ring);\n    outline-offset: var(--brick-border-focus-offset);\n  }\n\n  .brick-skip-link:focus:hover {\n    --brick-skip-link-border-color: var(--brick-color-accent-text);\n    --brick-skip-link-foreground: var(--brick-color-accent-text);\n  }\n\n  .brick-skip-link:focus:active {\n    --brick-skip-link-background: var(--brick-color-accent-soft);\n  }\n\n  @media (forced-colors: active) {\n    .brick-skip-link {\n      --brick-skip-link-background: Canvas;\n      --brick-skip-link-foreground: CanvasText;\n      --brick-skip-link-border-color: LinkText;\n      --brick-skip-link-focus-ring: Highlight;\n      --brick-skip-link-shadow: none;\n      forced-color-adjust: auto;\n    }\n  }\n}\n","@layer brick.components {\n  .brick-code-block {\n    --brick-code-block-background: var(--brick-color-surface-subtle);\n    --brick-code-block-foreground: var(--brick-color-text-primary);\n    --brick-code-block-border-color: var(--brick-color-border-subtle);\n    --brick-code-block-border-width: 0rem;\n    --brick-code-block-radius: var(--brick-radius-surface);\n    --brick-code-block-header-padding: var(--brick-space-3) var(--brick-space-4);\n    --brick-code-block-content-padding: var(--brick-space-4);\n    --brick-code-block-gap: var(--brick-space-2);\n    --brick-code-block-font-family: var(--brick-typography-code-block-md-font-family);\n    --brick-code-block-font-size: var(--brick-typography-code-block-md-font-size);\n    --brick-code-block-font-weight: var(--brick-typography-code-block-md-font-weight);\n    --brick-code-block-line-height: var(--brick-typography-code-block-md-line-height);\n    --brick-code-block-letter-spacing: var(--brick-typography-code-block-md-letter-spacing);\n    --brick-code-block-selection-background: var(--brick-color-accent-soft);\n    --brick-code-block-selection-foreground: var(--brick-color-accent-text);\n\n    box-sizing: border-box;\n    min-inline-size: 0;\n    max-inline-size: 100%;\n    overflow: clip;\n    border: var(--brick-code-block-border-width) solid var(--brick-code-block-border-color);\n    border-radius: var(--brick-code-block-radius);\n    background: var(--brick-code-block-background);\n    color: var(--brick-code-block-foreground);\n  }\n\n  .brick-code-block[data-variant=\"bordered\"] {\n    --brick-code-block-background: var(--brick-color-surface-base);\n    --brick-code-block-border-width: var(--brick-border-width);\n  }\n\n  .brick-code-block[data-variant=\"plain\"] {\n    --brick-code-block-background: transparent;\n    --brick-code-block-radius: 0rem;\n  }\n\n  .brick-code-block[data-size=\"sm\"] {\n    --brick-code-block-header-padding: var(--brick-space-2) var(--brick-space-3);\n    --brick-code-block-content-padding: var(--brick-space-3);\n    --brick-code-block-font-family: var(--brick-typography-code-block-sm-font-family);\n    --brick-code-block-font-size: var(--brick-typography-code-block-sm-font-size);\n    --brick-code-block-font-weight: var(--brick-typography-code-block-sm-font-weight);\n    --brick-code-block-line-height: var(--brick-typography-code-block-sm-line-height);\n    --brick-code-block-letter-spacing: var(--brick-typography-code-block-sm-letter-spacing);\n  }\n\n  .brick-code-block-header {\n    display: flex;\n    align-items: center;\n    min-inline-size: 0;\n    gap: var(--brick-code-block-gap);\n    padding: var(--brick-code-block-header-padding);\n    border-block-end: var(--brick-border-width) solid var(--brick-code-block-border-color);\n  }\n\n  .brick-code-block-title {\n    min-inline-size: 0;\n    overflow: hidden;\n    color: var(--brick-color-text-primary);\n    font: var(--brick-font-weight-medium) var(--brick-typography-body-sm-font-size) / var(--brick-typography-body-sm-line-height) var(--brick-font-family-body);\n    text-overflow: ellipsis;\n    white-space: nowrap;\n  }\n\n  .brick-code-block-language {\n    color: var(--brick-color-text-secondary);\n    font: var(--brick-font-weight-medium) var(--brick-typography-caption-font-size) / var(--brick-typography-caption-line-height) var(--brick-font-family-mono);\n  }\n\n  .brick-code-block-actions {\n    display: flex;\n    align-items: center;\n    gap: var(--brick-space-1);\n    margin-inline-start: auto;\n  }\n\n  .brick-code-block-scroll-area { max-inline-size: 100%; }\n\n  .brick-code-block-content {\n    max-inline-size: 100%;\n    padding: var(--brick-code-block-content-padding);\n  }\n\n  .brick-code-block-pre {\n    min-inline-size: max-content;\n    margin: 0;\n    text-size-adjust: none;\n    font-family: var(--brick-code-block-font-family);\n    font-size: var(--brick-code-block-font-size);\n    font-weight: var(--brick-code-block-font-weight);\n    letter-spacing: var(--brick-code-block-letter-spacing);\n    line-height: var(--brick-code-block-line-height);\n    tab-size: 2;\n    white-space: pre;\n  }\n\n  .brick-code-block-content[data-wrap=\"wrap\"] .brick-code-block-pre {\n    min-inline-size: 0;\n    white-space: pre-wrap;\n    overflow-wrap: anywhere;\n  }\n\n  .brick-code-block-pre > .brick-code {\n    font: inherit;\n    letter-spacing: inherit;\n    white-space: inherit;\n  }\n\n  .brick-code-block-pre ::selection {\n    background: var(--brick-code-block-selection-background);\n    color: var(--brick-code-block-selection-foreground);\n  }\n\n  .brick-code-block-copy-status {\n    display: block;\n    padding-inline: var(--brick-space-4);\n    color: var(--brick-color-text-secondary);\n    font: var(--brick-typography-caption-font-weight) var(--brick-typography-caption-font-size) / var(--brick-typography-caption-line-height) var(--brick-typography-caption-font-family);\n  }\n\n  .brick-code-block-copy-status:not(:empty) { padding-block: var(--brick-space-2); }\n\n  @media (forced-colors: active) {\n    .brick-code-block {\n      --brick-code-block-background: Canvas;\n      --brick-code-block-foreground: CanvasText;\n      --brick-code-block-border-color: CanvasText;\n      --brick-code-block-border-width: var(--brick-border-width);\n      --brick-code-block-selection-background: Highlight;\n      --brick-code-block-selection-foreground: HighlightText;\n    }\n  }\n}\n","@layer brick.components {\n  .brick-segment-group {\n    --brick-segment-group-min-block-size: var(--brick-control-min-block-size-md);\n    --brick-segment-group-item-padding-inline: var(--brick-space-3);\n    --brick-segment-group-item-gap: var(--brick-space-2);\n    --brick-segment-group-icon-size: 1rem;\n    --brick-segment-group-inset: 0px;\n    --brick-segment-group-background: var(--brick-color-surface-subtle);\n    --brick-segment-group-border: var(--brick-color-border-default);\n    --brick-segment-group-root-shadow: inset 0 0 0 var(--brick-border-width)\n      var(--brick-segment-group-border);\n    --brick-segment-group-indicator-background: var(--brick-color-surface-raised);\n    --brick-segment-group-indicator-border: var(--brick-color-border-default);\n    --brick-segment-group-indicator-shadow:\n      0 0.0625rem 0.125rem color-mix(\n        in srgb,\n        var(--brick-color-text-primary),\n        transparent 82%\n      );\n    --brick-segment-group-foreground: var(--brick-color-text-secondary);\n    --brick-segment-group-selected-foreground: var(--brick-color-text-primary);\n    --brick-segment-group-focus-ring: var(--brick-color-focus-ring);\n\n    position: relative;\n    display: inline-flex;\n    box-sizing: border-box;\n    min-inline-size: 0;\n    max-inline-size: 100%;\n    min-block-size: var(--brick-segment-group-min-block-size);\n    align-items: stretch;\n    gap: 0;\n    padding: var(--brick-segment-group-inset);\n    border: 0;\n    border-radius: var(--brick-radius-control);\n    background: var(--brick-segment-group-background);\n    box-shadow: var(--brick-segment-group-root-shadow);\n  }\n\n  .brick-segment-group[data-orientation=\"vertical\"] {\n    flex-direction: column;\n  }\n\n  .brick-segment-group[data-full-width] {\n    display: flex;\n    inline-size: 100%;\n  }\n\n  .brick-segment-group[data-full-width] > .brick-segment-group__item {\n    flex: 1 1 0;\n  }\n\n  .brick-segment-group__indicator {\n    position: absolute;\n    z-index: 0;\n    inset-block-start: 0;\n    inset-inline-start: 0;\n    inline-size: var(--brick-segment-group-indicator-inline-size, 0);\n    block-size: var(--brick-segment-group-indicator-block-size, 0);\n    border: var(--brick-border-width) solid var(--brick-segment-group-indicator-border);\n    border-radius: calc(var(--brick-radius-control) - var(--brick-segment-group-inset));\n    background: var(--brick-segment-group-indicator-background);\n    box-shadow: var(--brick-segment-group-indicator-shadow);\n    opacity: 0;\n    pointer-events: none;\n    translate:\n      var(--brick-segment-group-indicator-x, 0)\n      var(--brick-segment-group-indicator-y, 0);\n    transition:\n      translate var(--brick-motion-duration-fast) var(--brick-motion-easing-standard),\n      inline-size var(--brick-motion-duration-fast) var(--brick-motion-easing-standard),\n      block-size var(--brick-motion-duration-fast) var(--brick-motion-easing-standard),\n      opacity var(--brick-motion-duration-fast) var(--brick-motion-easing-standard);\n  }\n\n  .brick-segment-group__indicator[data-ready] {\n    opacity: 1;\n  }\n\n  .brick-segment-group__item {\n    position: relative;\n    z-index: 1;\n    display: inline-flex;\n    box-sizing: border-box;\n    min-inline-size: 0;\n    min-block-size: calc(\n      var(--brick-segment-group-min-block-size) -\n      (2 * var(--brick-segment-group-inset)) -\n      0px\n    );\n    align-items: center;\n    justify-content: center;\n    gap: var(--brick-segment-group-item-gap);\n    padding-block: var(--brick-space-1);\n    padding-inline: var(--brick-segment-group-item-padding-inline);\n    border: 0;\n    border-radius: calc(var(--brick-radius-control) - var(--brick-segment-group-inset));\n    appearance: none;\n    background: transparent;\n    color: var(--brick-segment-group-foreground);\n    font-family: var(--brick-typography-control-md-font-family);\n    font-size: var(--brick-typography-control-md-font-size);\n    font-weight: var(--brick-typography-control-md-font-weight);\n    line-height: var(--brick-typography-control-md-line-height);\n    white-space: nowrap;\n    cursor: pointer;\n    transition:\n      color var(--brick-motion-duration-fast) var(--brick-motion-easing-standard);\n  }\n\n  .brick-segment-group__item > :where(svg, img, .brick-icon) {\n    flex: 0 0 auto;\n    inline-size: var(--brick-segment-group-icon-size);\n    block-size: var(--brick-segment-group-icon-size);\n  }\n\n  .brick-segment-group__item[data-state=\"checked\"] {\n    color: var(--brick-segment-group-selected-foreground);\n  }\n\n  .brick-segment-group__item:focus-visible {\n    outline: var(--brick-border-focus-width) solid var(--brick-segment-group-focus-ring);\n    outline-offset: var(--brick-border-focus-offset);\n  }\n\n  .brick-segment-group__item[data-disabled] {\n    color: var(--brick-color-text-disabled);\n    cursor: not-allowed;\n  }\n\n  .brick-segment-group__item[data-icon-only] {\n    aspect-ratio: 1;\n    padding-inline: 0;\n  }\n\n  .brick-segment-group[data-size=\"sm\"] {\n    --brick-segment-group-min-block-size: var(--brick-control-min-block-size-sm);\n    --brick-segment-group-item-padding-inline: var(--brick-space-2);\n    --brick-segment-group-item-gap: var(--brick-space-1);\n    --brick-segment-group-icon-size: 0.875rem;\n  }\n\n  .brick-segment-group[data-size=\"sm\"] > .brick-segment-group__item {\n    font-family: var(--brick-typography-control-sm-font-family);\n    font-size: var(--brick-typography-control-sm-font-size);\n    font-weight: var(--brick-typography-control-sm-font-weight);\n    line-height: var(--brick-typography-control-sm-line-height);\n  }\n\n  .brick-segment-group[data-size=\"lg\"] {\n    --brick-segment-group-min-block-size: var(--brick-control-min-block-size-lg);\n    --brick-segment-group-item-padding-inline: var(--brick-space-4);\n    --brick-segment-group-item-gap: var(--brick-space-2);\n    --brick-segment-group-icon-size: 1.125rem;\n  }\n\n  .brick-segment-group[data-size=\"lg\"] > .brick-segment-group__item {\n    font-family: var(--brick-typography-control-lg-font-family);\n    font-size: var(--brick-typography-control-lg-font-size);\n    font-weight: var(--brick-typography-control-lg-font-weight);\n    line-height: var(--brick-typography-control-lg-line-height);\n  }\n\n  @media (hover: hover) and (pointer: fine) {\n    .brick-segment-group__item:not([data-disabled]):hover {\n      color: var(--brick-color-text-primary);\n    }\n  }\n\n  @media (prefers-reduced-motion: reduce) {\n    .brick-segment-group__indicator {\n      transition: none;\n    }\n  }\n\n  @media (forced-colors: active) {\n    .brick-segment-group {\n      background: Canvas;\n      box-shadow: inset 0 0 0 var(--brick-border-width) ButtonText;\n    }\n    .brick-segment-group__indicator {\n      border-color: Highlight;\n      background: Highlight;\n      box-shadow: none;\n    }\n    .brick-segment-group__item {\n      color: ButtonText;\n      forced-color-adjust: none;\n    }\n    .brick-segment-group__item[data-state=\"checked\"] {\n      color: HighlightText;\n    }\n    .brick-segment-group__item:focus-visible {\n      outline-color: Highlight;\n    }\n  }\n}\n","@layer brick.components {\n  .brick-toggle-group {\n    --brick-toggle-group-gap: 0.5rem;\n\n    display: inline-flex;\n    box-sizing: border-box;\n    min-inline-size: 0;\n    max-inline-size: 100%;\n    align-items: stretch;\n    gap: var(--brick-toggle-group-gap);\n  }\n\n  .brick-toggle-group[data-orientation=\"horizontal\"] {\n    flex-flow: row wrap;\n  }\n\n  .brick-toggle-group[data-orientation=\"vertical\"] {\n    flex-direction: column;\n  }\n\n  .brick-toggle-group[data-full-width] {\n    display: flex;\n    inline-size: 100%;\n  }\n\n  .brick-toggle-group[data-full-width] > .brick-toggle-group-item {\n    flex: 1 1 0;\n  }\n\n  .brick-toggle-group > .brick-toggle-group-item {\n    --brick-toggle-min-block-size: var(--brick-control-min-block-size-md);\n    --brick-toggle-padding-inline: 1rem;\n    --brick-toggle-gap: 0.5rem;\n    --brick-toggle-icon-size: 1.125rem;\n  }\n\n  .brick-toggle-group[data-size=\"sm\"] > .brick-toggle-group-item {\n    --brick-toggle-min-block-size: var(--brick-control-min-block-size-sm);\n    --brick-toggle-padding-inline: 0.75rem;\n    --brick-toggle-gap: 0.375rem;\n    --brick-toggle-icon-size: 1rem;\n\n    padding-block: 0.25rem;\n    font-size: var(--brick-typography-control-sm-font-size);\n  }\n\n  .brick-toggle-group[data-size=\"lg\"] > .brick-toggle-group-item {\n    --brick-toggle-min-block-size: var(--brick-control-min-block-size-lg);\n    --brick-toggle-padding-inline: 1.25rem;\n    --brick-toggle-gap: 0.625rem;\n    --brick-toggle-icon-size: 1.25rem;\n\n    padding-block: 0.5rem;\n    font-size: var(--brick-typography-control-lg-font-size);\n  }\n\n  .brick-toggle-group[data-shape=\"pill\"] > .brick-toggle-group-item {\n    --brick-toggle-radius: var(--brick-radius-full);\n  }\n\n  .brick-toggle-group[data-variant=\"solid\"] > .brick-toggle-group-item[data-state=\"on\"] {\n    border-color: var(--brick-toggle-tone-solid);\n    background: var(--brick-toggle-tone-solid);\n    color: var(--brick-toggle-tone-on-solid);\n    box-shadow: none;\n  }\n\n  .brick-toggle-group[data-variant=\"outline\"] > .brick-toggle-group-item {\n    border-color: var(--brick-color-border-default);\n    background: transparent;\n  }\n\n  .brick-toggle-group[data-variant=\"outline\"] > .brick-toggle-group-item[data-state=\"on\"] {\n    border-color: var(--brick-toggle-tone-outline-border);\n    background: transparent;\n    color: var(--brick-toggle-tone-outline-foreground);\n    box-shadow: none;\n  }\n\n  .brick-toggle-group[data-variant=\"ghost\"] > .brick-toggle-group-item {\n    background: transparent;\n  }\n\n  .brick-toggle-group[data-variant=\"ghost\"] > .brick-toggle-group-item[data-state=\"on\"] {\n    border-color: transparent;\n    background: var(--brick-toggle-tone-soft);\n    box-shadow: none;\n  }\n\n  .brick-toggle-group[data-variant=\"solid\"] > .brick-toggle-group-item[data-state=\"on\"]:not([data-disabled]):active {\n    border-color: var(--brick-toggle-tone-solid-pressed);\n    background: var(--brick-toggle-tone-solid-pressed);\n  }\n\n  .brick-toggle-group[data-attached=\"true\"] {\n    --brick-toggle-group-gap: 0;\n\n    flex-wrap: nowrap;\n  }\n\n  .brick-toggle-group[data-attached=\"true\"] > .brick-toggle-group-item {\n    --brick-toggle-radius: 0;\n  }\n\n  .brick-toggle-group[data-attached=\"true\"][data-orientation=\"horizontal\"] > .brick-toggle-group-item + .brick-toggle-group-item {\n    margin-inline-start: calc(-1 * var(--brick-border-width));\n  }\n\n  .brick-toggle-group[data-attached=\"true\"][data-orientation=\"vertical\"] > .brick-toggle-group-item + .brick-toggle-group-item {\n    margin-block-start: calc(-1 * var(--brick-border-width));\n  }\n\n  .brick-toggle-group[data-attached=\"true\"][data-orientation=\"horizontal\"] > .brick-toggle-group-item:first-child {\n    border-start-start-radius: var(--brick-radius-control);\n    border-end-start-radius: var(--brick-radius-control);\n  }\n\n  .brick-toggle-group[data-attached=\"true\"][data-orientation=\"horizontal\"] > .brick-toggle-group-item:last-child {\n    border-start-end-radius: var(--brick-radius-control);\n    border-end-end-radius: var(--brick-radius-control);\n  }\n\n  .brick-toggle-group[data-attached=\"true\"][data-orientation=\"vertical\"] > .brick-toggle-group-item:first-child {\n    border-start-start-radius: var(--brick-radius-control);\n    border-start-end-radius: var(--brick-radius-control);\n  }\n\n  .brick-toggle-group[data-attached=\"true\"][data-orientation=\"vertical\"] > .brick-toggle-group-item:last-child {\n    border-end-start-radius: var(--brick-radius-control);\n    border-end-end-radius: var(--brick-radius-control);\n  }\n\n  .brick-toggle-group[data-attached=\"true\"][data-shape=\"pill\"][data-orientation=\"horizontal\"] > .brick-toggle-group-item:first-child {\n    border-start-start-radius: var(--brick-radius-full);\n    border-end-start-radius: var(--brick-radius-full);\n  }\n\n  .brick-toggle-group[data-attached=\"true\"][data-shape=\"pill\"][data-orientation=\"horizontal\"] > .brick-toggle-group-item:last-child {\n    border-start-end-radius: var(--brick-radius-full);\n    border-end-end-radius: var(--brick-radius-full);\n  }\n\n  .brick-toggle-group[data-attached=\"true\"][data-shape=\"pill\"][data-orientation=\"vertical\"] > .brick-toggle-group-item:first-child {\n    border-start-start-radius: var(--brick-radius-full);\n    border-start-end-radius: var(--brick-radius-full);\n  }\n\n  .brick-toggle-group[data-attached=\"true\"][data-shape=\"pill\"][data-orientation=\"vertical\"] > .brick-toggle-group-item:last-child {\n    border-end-start-radius: var(--brick-radius-full);\n    border-end-end-radius: var(--brick-radius-full);\n  }\n\n  @media (hover: hover) and (pointer: fine) {\n    .brick-toggle-group[data-variant=\"solid\"] > .brick-toggle-group-item[data-state=\"on\"]:not([data-disabled]):hover {\n      border-color: var(--brick-toggle-tone-solid-hover);\n      background: var(--brick-toggle-tone-solid-hover);\n    }\n  }\n}\n","@layer brick.components {\n  .brick-skeleton {\n    --brick-skeleton-background: color-mix(\n      in srgb,\n      var(--brick-color-surface-base),\n      var(--brick-color-text-primary) 16%\n    );\n    --brick-skeleton-highlight: color-mix(\n      in srgb,\n      var(--brick-color-surface-base),\n      var(--brick-color-text-primary) 28%\n    );\n    --brick-skeleton-width: 100%;\n    --brick-skeleton-height: 1em;\n    --brick-skeleton-radius: var(--brick-radius-subtle);\n    position: relative;\n    display: inline-block;\n    box-sizing: border-box;\n    inline-size: var(--brick-skeleton-width);\n    block-size: var(--brick-skeleton-height);\n    max-inline-size: 100%;\n    border-radius: var(--brick-skeleton-radius);\n    vertical-align: middle;\n  }\n  .brick-skeleton[data-loading] { overflow: hidden; background: var(--brick-skeleton-background); }\n  .brick-skeleton[data-variant=\"circular\"] { --brick-skeleton-width: 2.5rem; --brick-skeleton-height: 2.5rem; --brick-skeleton-radius: 9999px; aspect-ratio: 1; }\n  .brick-skeleton[data-variant=\"rectangular\"] { --brick-skeleton-height: 4rem; --brick-skeleton-radius: 0; }\n  .brick-skeleton[data-variant=\"rounded\"] { --brick-skeleton-height: 4rem; --brick-skeleton-radius: var(--brick-radius-surface); }\n  .brick-skeleton[data-has-children] { inline-size: fit-content; block-size: fit-content; }\n  .brick-skeleton-content { display: inherit; visibility: visible; }\n  .brick-skeleton[data-loading] > .brick-skeleton-content { visibility: hidden; }\n  .brick-skeleton[data-lines] { display: flex; block-size: auto; flex-direction: column; gap: var(--brick-space-2); background: transparent; overflow: visible; }\n  .brick-skeleton-line { display: block; inline-size: 100%; block-size: var(--brick-skeleton-height); border-radius: var(--brick-skeleton-radius); background: var(--brick-skeleton-background); overflow: hidden; }\n  .brick-skeleton-line:last-child { inline-size: 72%; }\n  .brick-skeleton[data-animation=\"pulse\"][data-loading], .brick-skeleton[data-animation=\"pulse\"][data-loading] .brick-skeleton-line { animation: brick-skeleton-pulse 1.8s ease-in-out infinite; }\n  .brick-skeleton[data-animation=\"wave\"][data-loading]::after, .brick-skeleton[data-animation=\"wave\"][data-loading] .brick-skeleton-line::after { content: \"\"; position: absolute; inset: 0; translate: -100% 0; background: linear-gradient(90deg, transparent, var(--brick-skeleton-highlight), transparent); animation: brick-skeleton-wave 1.8s ease-in-out infinite; }\n  .brick-skeleton[data-animation=\"wave\"][data-lines]::after { content: none; }\n  .brick-skeleton-line { position: relative; }\n  @keyframes brick-skeleton-pulse { 0%, 100% { opacity: 1; } 50% { opacity: 0.52; } }\n  @keyframes brick-skeleton-wave { to { translate: 100% 0; } }\n  @media (prefers-reduced-motion: reduce) { .brick-skeleton, .brick-skeleton::after, .brick-skeleton-line, .brick-skeleton-line::after { animation: none !important; } }\n  @media (forced-colors: active) { .brick-skeleton[data-loading], .brick-skeleton-line { border: 1px solid CanvasText; background: Canvas; forced-color-adjust: auto; } }\n}\n","@layer brick.components {\n  .brick-nav-list {\n    --brick-nav-list-gap: var(--brick-space-1);\n    --brick-nav-list-section-gap: var(--brick-space-2);\n    --brick-nav-list-item-gap: var(--brick-space-1);\n    --brick-nav-list-content-inset: var(--brick-space-3);\n    --brick-nav-list-row-min-block-size: 2.75rem;\n    --brick-nav-list-row-padding-inline: var(--brick-space-3);\n    --brick-nav-list-row-padding-inline-start: var(--brick-nav-list-row-padding-inline);\n    --brick-nav-list-row-padding-inline-end: var(--brick-nav-list-row-padding-inline);\n    --brick-nav-list-row-padding-block: var(--brick-space-2);\n    --brick-nav-list-row-radius: var(--brick-radius-control);\n    --brick-nav-list-link-foreground: var(--brick-color-text-secondary);\n    --brick-nav-list-link-foreground-hover: var(--brick-color-text-primary);\n    --brick-nav-list-link-foreground-current: var(--brick-color-accent-text);\n    --brick-nav-list-link-foreground-disabled: var(--brick-color-text-muted);\n    --brick-nav-list-link-surface-hover: var(--brick-color-surface-subtle);\n    --brick-nav-list-link-surface-active: var(--brick-color-surface-raised);\n    --brick-nav-list-link-surface-current: var(--brick-color-accent-soft);\n    --brick-nav-list-link-surface-current-hover: var(--brick-nav-list-link-surface-current);\n    --brick-nav-list-current-border: var(--brick-color-accent-border);\n    --brick-nav-list-focus-ring: var(--brick-color-focus-ring);\n    --brick-nav-list-icon-size: 1.125rem;\n    --brick-nav-list-icon-gap: var(--brick-space-2);\n    --brick-nav-list-description-foreground: var(--brick-color-text-secondary);\n    --brick-nav-list-trigger-indicator-size: 0.5rem;\n    --brick-nav-list-section-label-padding-inline: var(--brick-nav-list-row-padding-inline-start);\n    --brick-nav-list-section-label-font-size: var(--brick-nav-list-label-font-size);\n    --brick-nav-list-section-label-font-weight: var(--brick-typography-label-strong-font-weight);\n    --brick-nav-list-section-label-line-height: var(--brick-nav-list-label-line-height);\n    --brick-nav-list-section-label-letter-spacing: var(--brick-nav-list-label-letter-spacing);\n    --brick-nav-list-label-font-family: var(--brick-typography-body-sm-font-family);\n    --brick-nav-list-label-font-size: var(--brick-typography-body-sm-font-size);\n    --brick-nav-list-label-font-weight: var(--brick-typography-body-sm-font-weight);\n    --brick-nav-list-label-line-height: var(--brick-typography-body-sm-line-height);\n    --brick-nav-list-label-letter-spacing: var(--brick-typography-body-sm-letter-spacing);\n\n    display: flex;\n    min-inline-size: 0;\n    flex-direction: column;\n    gap: var(--brick-nav-list-section-gap);\n  }\n\n  .brick-nav-list[data-tone=\"neutral\"] {\n    --brick-nav-list-link-foreground-current: var(--brick-color-text-primary);\n    --brick-nav-list-link-surface-current: color-mix(\n      in srgb,\n      var(--brick-color-surface-subtle),\n      var(--brick-color-text-primary) 8%\n    );\n    --brick-nav-list-link-surface-current-hover: color-mix(\n      in srgb,\n      var(--brick-color-surface-subtle),\n      var(--brick-color-text-primary) 12%\n    );\n    --brick-nav-list-current-border: var(--brick-color-border-strong);\n  }\n\n  .brick-nav-list[data-size=\"sm\"] {\n    --brick-nav-list-row-min-block-size: 2rem;\n    --brick-nav-list-row-padding-inline: var(--brick-space-2);\n    --brick-nav-list-row-padding-block: var(--brick-space-1);\n    --brick-nav-list-content-inset: var(--brick-space-2);\n    --brick-nav-list-icon-size: 1rem;\n    --brick-nav-list-label-font-size: var(--brick-typography-caption-font-size);\n    --brick-nav-list-label-line-height: var(--brick-typography-caption-line-height);\n  }\n\n  .brick-nav-list[data-size=\"lg\"] {\n    --brick-nav-list-row-min-block-size: 3.25rem;\n    --brick-nav-list-row-padding-inline: var(--brick-space-4);\n    --brick-nav-list-row-padding-block: var(--brick-space-3);\n    --brick-nav-list-content-inset: var(--brick-space-4);\n    --brick-nav-list-icon-size: 1.25rem;\n    --brick-nav-list-label-font-size: var(--brick-typography-body-md-font-size);\n    --brick-nav-list-label-line-height: var(--brick-typography-body-md-line-height);\n  }\n\n  .brick-nav-list__list {\n    display: flex;\n    min-inline-size: 0;\n    flex-direction: column;\n    gap: var(--brick-nav-list-gap);\n    margin: 0;\n    padding: 0;\n    list-style: none;\n  }\n\n  .brick-nav-list__item {\n    min-inline-size: 0;\n    margin: 0;\n    padding: 0;\n  }\n\n  .brick-nav-list__link,\n  .brick-nav-list__section-trigger {\n    box-sizing: border-box;\n    display: flex;\n    min-inline-size: 0;\n    min-block-size: var(--brick-nav-list-row-min-block-size);\n    align-items: center;\n    gap: var(--brick-nav-list-icon-gap);\n    padding-block: var(--brick-nav-list-row-padding-block);\n    padding-inline-start: var(--brick-nav-list-row-padding-inline-start);\n    padding-inline-end: var(--brick-nav-list-row-padding-inline-end);\n    border: var(--brick-border-width) solid transparent;\n    border-radius: var(--brick-nav-list-row-radius);\n    background: transparent;\n    color: var(--brick-nav-list-link-foreground);\n    font-family: var(--brick-nav-list-label-font-family);\n    font-size: var(--brick-nav-list-label-font-size);\n    font-weight: var(--brick-nav-list-label-font-weight);\n    letter-spacing: var(--brick-nav-list-label-letter-spacing);\n    line-height: var(--brick-nav-list-label-line-height);\n    text-align: start;\n    text-decoration: none;\n  }\n\n  .brick-nav-list[data-orientation=\"vertical\"] :is(.brick-nav-list__link, .brick-nav-list__section-trigger) {\n    inline-size: 100%;\n  }\n\n  .brick-nav-list__link:hover:not([data-disabled]),\n  .brick-nav-list__section-trigger:hover:not([data-disabled]) {\n    background: var(--brick-nav-list-link-surface-hover);\n    color: var(--brick-nav-list-link-foreground-hover);\n  }\n\n  .brick-nav-list__link:active:not([data-disabled]),\n  .brick-nav-list__section-trigger:active:not([data-disabled]) {\n    background: var(--brick-nav-list-link-surface-active);\n  }\n\n  .brick-nav-list__link:focus-visible,\n  .brick-nav-list__section-trigger:focus-visible {\n    outline: var(--brick-border-focus-width) solid var(--brick-nav-list-focus-ring);\n    outline-offset: var(--brick-border-focus-offset);\n  }\n\n  .brick-nav-list__link[data-current] {\n    background: var(--brick-nav-list-link-surface-current);\n    color: var(--brick-nav-list-link-foreground-current);\n    font-weight: var(--brick-typography-label-strong-font-weight);\n  }\n\n  .brick-nav-list__link[data-current]:hover:not([data-disabled]) {\n    background: var(--brick-nav-list-link-surface-current-hover);\n    color: var(--brick-nav-list-link-foreground-current);\n  }\n\n  .brick-nav-list[data-variant=\"solid\"] .brick-nav-list__link[data-current]:hover:not([data-disabled]) {\n    color: var(--brick-color-accent-on-solid);\n  }\n\n  .brick-nav-list[data-tone=\"neutral\"][data-variant=\"solid\"] .brick-nav-list__link[data-current]:hover:not([data-disabled]) {\n    color: var(--brick-color-text-inverse);\n  }\n\n  .brick-nav-list[data-variant=\"solid\"] .brick-nav-list__link[data-current] {\n    background: var(--brick-color-accent-solid);\n    color: var(--brick-color-accent-on-solid);\n  }\n\n  .brick-nav-list[data-tone=\"neutral\"][data-variant=\"solid\"] .brick-nav-list__link[data-current] {\n    background: var(--brick-color-text-primary);\n    color: var(--brick-color-text-inverse);\n  }\n\n  .brick-nav-list[data-variant=\"outline\"] .brick-nav-list__link[data-current] {\n    border-color: var(--brick-nav-list-current-border);\n    background: transparent;\n  }\n\n  .brick-nav-list[data-variant=\"ghost\"] .brick-nav-list__link[data-current] {\n    background: transparent;\n  }\n\n  .brick-nav-list[data-variant=\"ghost\"] .brick-nav-list__link[data-current]:hover:not([data-disabled]) {\n    background: var(--brick-color-accent-soft);\n  }\n\n  .brick-nav-list[data-tone=\"neutral\"][data-variant=\"ghost\"] .brick-nav-list__link[data-current]:hover:not([data-disabled]) {\n    background: var(--brick-nav-list-link-surface-current-hover);\n  }\n\n  .brick-nav-list__link[data-disabled],\n  .brick-nav-list__section-trigger[data-disabled] {\n    color: var(--brick-nav-list-link-foreground-disabled);\n    cursor: not-allowed;\n  }\n\n  .brick-nav-list__link-start,\n  .brick-nav-list__link-end {\n    display: inline-flex;\n    flex: 0 0 auto;\n    align-self: center;\n    align-items: center;\n    justify-content: center;\n    inline-size: var(--brick-nav-list-icon-size);\n    block-size: var(--brick-nav-list-icon-size);\n  }\n\n  .brick-nav-list__link[data-has-description] :is(.brick-nav-list__link-start, .brick-nav-list__link-end) {\n    align-self: flex-start;\n    margin-block-start: calc((1em * var(--brick-nav-list-label-line-height) - var(--brick-nav-list-icon-size)) * 0.5);\n  }\n\n  :is(.brick-nav-list__link-start, .brick-nav-list__link-end) > :where(svg, img) {\n    inline-size: 100%;\n    block-size: 100%;\n  }\n\n  .brick-nav-list__link-content {\n    display: flex;\n    min-inline-size: 0;\n    flex: 1 1 auto;\n    flex-direction: column;\n  }\n\n  .brick-nav-list__link-label,\n  .brick-nav-list__link-description {\n    min-inline-size: 0;\n    overflow-wrap: anywhere;\n  }\n\n  .brick-nav-list__link-description {\n    color: var(--brick-nav-list-description-foreground);\n    font-size: var(--brick-typography-caption-font-size);\n    font-weight: var(--brick-typography-caption-font-weight);\n    letter-spacing: var(--brick-typography-caption-letter-spacing);\n    line-height: var(--brick-typography-caption-line-height);\n  }\n\n  .brick-nav-list__section {\n    display: flex;\n    min-inline-size: 0;\n    flex-direction: column;\n    gap: var(--brick-nav-list-section-gap);\n  }\n\n  .brick-nav-list__section-label {\n    margin: 0;\n    padding-inline: var(--brick-nav-list-section-label-padding-inline);\n    color: var(--brick-color-text-secondary);\n    font-family: var(--brick-nav-list-label-font-family);\n    font-size: var(--brick-nav-list-section-label-font-size);\n    font-weight: var(--brick-nav-list-section-label-font-weight);\n    letter-spacing: var(--brick-nav-list-section-label-letter-spacing);\n    line-height: var(--brick-nav-list-section-label-line-height);\n  }\n\n  .brick-nav-list__section-trigger {\n    cursor: pointer;\n  }\n\n  .brick-nav-list__section-trigger[data-collapsible]::after {\n    box-sizing: border-box;\n    inline-size: var(--brick-nav-list-trigger-indicator-size);\n    block-size: var(--brick-nav-list-trigger-indicator-size);\n    flex: 0 0 auto;\n    margin-inline-start: auto;\n    border-inline-end: var(--brick-border-width) solid currentColor;\n    border-block-end: var(--brick-border-width) solid currentColor;\n    content: \"\";\n    rotate: 45deg;\n  }\n\n  .brick-nav-list__section-trigger[data-collapsible][data-state=\"open\"]::after {\n    rotate: 225deg;\n  }\n\n  .brick-nav-list__section-content {\n    min-inline-size: 0;\n  }\n\n  .brick-nav-list__section-content[data-collapsible] {\n    overflow: hidden;\n  }\n\n  .brick-nav-list__section-content[data-collapsible][data-state=\"open\"] {\n    animation: brick-nav-list-section-open var(--brick-motion-duration-fast)\n      var(--brick-motion-easing-enter) both;\n  }\n\n  .brick-nav-list__section-content[data-collapsible][data-state=\"closed\"] {\n    animation: brick-nav-list-section-close var(--brick-motion-duration-fast)\n      var(--brick-motion-easing-exit) both;\n  }\n\n  .brick-nav-list__section-content[data-initial-open] {\n    animation: none;\n  }\n\n  .brick-nav-list[data-orientation=\"vertical\"] .brick-nav-list__section-content {\n    padding-inline-start: var(--brick-nav-list-content-inset);\n  }\n\n  .brick-nav-list[data-orientation=\"horizontal\"],\n  .brick-nav-list[data-orientation=\"horizontal\"] .brick-nav-list__list,\n  .brick-nav-list[data-orientation=\"horizontal\"] .brick-nav-list__section {\n    flex-flow: row wrap;\n    align-items: center;\n  }\n\n  .brick-nav-list[data-orientation=\"horizontal\"] .brick-nav-list__section-content {\n    display: contents;\n    animation: none;\n  }\n\n  @keyframes brick-nav-list-section-open {\n    from { block-size: 0; }\n    to { block-size: var(--content-height); }\n  }\n\n  @keyframes brick-nav-list-section-close {\n    from { block-size: var(--content-height); }\n    to { block-size: 0; }\n  }\n\n  @media (prefers-reduced-motion: no-preference) {\n    .brick-nav-list__section-trigger[data-collapsible]::after {\n      transition: rotate 120ms ease;\n    }\n  }\n\n  @media (prefers-reduced-motion: reduce) {\n    .brick-nav-list__section-content {\n      animation: none !important;\n    }\n  }\n\n  @media (forced-colors: active) {\n    .brick-nav-list {\n      --brick-nav-list-link-foreground: LinkText;\n      --brick-nav-list-link-foreground-hover: LinkText;\n      --brick-nav-list-link-foreground-current: LinkText;\n      --brick-nav-list-link-foreground-disabled: GrayText;\n      --brick-nav-list-focus-ring: Highlight;\n      --brick-nav-list-current-border: Highlight;\n    }\n\n    .brick-nav-list__link[data-current] {\n      border-color: Highlight;\n      background: Canvas;\n      color: LinkText;\n      forced-color-adjust: auto;\n    }\n  }\n}\n","@layer brick.components {\n  .brick-switch {\n    --brick-switch-target-size: var(--brick-control-target-min);\n    --brick-switch-track-inline-size: 2.5rem;\n    --brick-switch-track-block-size: 1.5rem;\n    --brick-switch-thumb-size: 1.125rem;\n    --brick-switch-track-inset: 0.1875rem;\n    --brick-switch-track-background: var(--brick-color-surface-subtle);\n    --brick-switch-track-border: var(--brick-color-border-strong);\n    --brick-switch-thumb-background: var(--brick-color-surface-raised);\n    --brick-switch-thumb-border: var(--brick-color-border-default);\n    --brick-switch-checked-background: var(--brick-color-accent-solid);\n    --brick-switch-checked-border: var(--brick-color-accent-solid);\n    --brick-switch-checked-thumb: var(--brick-color-accent-on-solid);\n    --brick-switch-hover-background: var(--brick-color-surface-base);\n    --brick-switch-pressed-background: var(--brick-color-accent-soft-pressed);\n    --brick-switch-focus-ring: var(--brick-color-focus-ring);\n    --brick-switch-invalid-border: var(--brick-color-danger-text);\n    --brick-switch-readonly-background: var(--brick-color-surface-subtle);\n\n    position: relative;\n    display: inline-grid;\n    box-sizing: border-box;\n    inline-size: max(var(--brick-switch-target-size), var(--brick-switch-track-inline-size));\n    min-inline-size: var(--brick-switch-target-size);\n    min-block-size: var(--brick-switch-target-size);\n    place-items: center;\n    flex: 0 0 auto;\n    padding: 0;\n    border: 0;\n    border-radius: var(--brick-radius-full);\n    appearance: none;\n    background: transparent;\n    color: inherit;\n    vertical-align: middle;\n    user-select: none;\n  }\n\n  .brick-switch::before {\n    position: absolute;\n    box-sizing: border-box;\n    inline-size: var(--brick-switch-track-inline-size);\n    block-size: var(--brick-switch-track-block-size);\n    border: var(--brick-border-width) solid var(--brick-switch-track-border);\n    border-radius: var(--brick-radius-full);\n    background: var(--brick-switch-track-background);\n    content: \"\";\n    transition:\n      background-color var(--brick-motion-duration-fast) var(--brick-motion-easing-standard),\n      border-color var(--brick-motion-duration-fast) var(--brick-motion-easing-standard);\n  }\n\n  .brick-switch:not([data-disabled], [data-readonly]) { cursor: pointer; }\n  .brick-switch[data-readonly] { cursor: default; }\n\n  .brick-switch:is(:focus-visible, [data-focus-visible]) {\n    outline: var(--brick-border-focus-width) solid var(--brick-switch-focus-ring);\n    outline-offset: var(--brick-border-focus-offset);\n  }\n\n  .brick-switch-thumb {\n    position: absolute;\n    inset-inline-start: calc((100% - var(--brick-switch-track-inline-size)) / 2 + var(--brick-switch-track-inset));\n    display: block;\n    box-sizing: border-box;\n    inline-size: var(--brick-switch-thumb-size);\n    block-size: var(--brick-switch-thumb-size);\n    border: var(--brick-border-width) solid var(--brick-switch-thumb-border);\n    border-radius: var(--brick-radius-full);\n    background: var(--brick-switch-thumb-background);\n    box-shadow: var(--brick-shadow-sm);\n    transform: translateX(0);\n    transition:\n      background-color var(--brick-motion-duration-fast) var(--brick-motion-easing-standard),\n      border-color var(--brick-motion-duration-fast) var(--brick-motion-easing-standard),\n      transform var(--brick-motion-duration-fast) var(--brick-motion-easing-standard);\n  }\n\n  .brick-switch[data-state=\"checked\"]::before {\n    border-color: var(--brick-switch-checked-border);\n    background: var(--brick-switch-checked-background);\n  }\n\n  .brick-switch[data-state=\"checked\"] .brick-switch-thumb {\n    border-color: var(--brick-switch-checked-thumb);\n    background: var(--brick-switch-checked-thumb);\n    transform: translateX(calc(var(--brick-switch-track-inline-size) - var(--brick-switch-thumb-size) - 2 * var(--brick-switch-track-inset)));\n  }\n\n  [dir=\"rtl\"] .brick-switch[data-state=\"checked\"] .brick-switch-thumb {\n    transform: translateX(calc(-1 * (var(--brick-switch-track-inline-size) - var(--brick-switch-thumb-size) - 2 * var(--brick-switch-track-inset))));\n  }\n\n  .brick-switch[data-invalid]::before { border-color: var(--brick-switch-invalid-border); }\n  .brick-switch[data-readonly]::before { background: var(--brick-switch-readonly-background); }\n  .brick-switch[data-disabled] { cursor: not-allowed; opacity: 0.65; }\n\n  .brick-switch[data-size=\"sm\"] {\n    --brick-switch-track-inline-size: 2rem;\n    --brick-switch-track-block-size: 1.25rem;\n    --brick-switch-thumb-size: 0.875rem;\n  }\n\n  .brick-switch[data-size=\"lg\"] {\n    --brick-switch-track-inline-size: 3rem;\n    --brick-switch-track-block-size: 1.75rem;\n    --brick-switch-thumb-size: 1.375rem;\n  }\n\n  .brick-switch:not([data-disabled], [data-readonly]):active::before {\n    background: var(--brick-switch-pressed-background);\n  }\n\n  @media (hover: hover) and (pointer: fine) {\n    .brick-switch:not([data-disabled], [data-readonly], [data-state=\"checked\"]):hover::before {\n      background: var(--brick-switch-hover-background);\n    }\n    .brick-switch:not([data-disabled], [data-readonly])[data-state=\"checked\"]:hover::before {\n      background: var(--brick-color-accent-solid-hover);\n      border-color: var(--brick-color-accent-solid-hover);\n    }\n  }\n\n  @media (prefers-reduced-motion: reduce) {\n    :where(.brick-switch::before, .brick-switch-thumb) { transition-duration: 0ms; }\n  }\n\n  @media (forced-colors: active) {\n    .brick-switch { forced-color-adjust: none; }\n    .brick-switch::before { border-color: ButtonText; background: Canvas; }\n    .brick-switch-thumb { border-color: ButtonText; background: ButtonText; box-shadow: none; }\n    .brick-switch[data-state=\"checked\"]::before { border-color: Highlight; background: Highlight; }\n    .brick-switch[data-state=\"checked\"] .brick-switch-thumb { border-color: HighlightText; background: HighlightText; }\n    .brick-switch[data-invalid]::before { border-color: Mark; }\n    .brick-switch[data-disabled] { opacity: 1; }\n    .brick-switch[data-disabled]::before,\n    .brick-switch[data-disabled] .brick-switch-thumb { border-color: GrayText; }\n  }\n}\n","@layer brick.components {\n  .brick-progress {\n    --brick-progress-track-background: var(--brick-color-surface-subtle);\n    --brick-progress-buffer-background: var(--brick-color-accent-soft);\n    --brick-progress-indicator-background: var(--brick-color-accent-solid);\n    --brick-progress-label-foreground: var(--brick-color-text-primary);\n    --brick-progress-value-foreground: var(--brick-color-text-secondary);\n    --brick-progress-thickness: 0.5rem;\n    --brick-progress-length: 10rem;\n    --brick-progress-radius: var(--brick-radius-control);\n\n    display: grid;\n    min-inline-size: 0;\n    grid-template-columns: minmax(0, 1fr) auto;\n    align-items: center;\n    gap: var(--brick-space-2) var(--brick-space-3);\n    color: var(--brick-progress-label-foreground);\n  }\n\n  .brick-progress__label,\n  .brick-progress__value {\n    min-inline-size: 0;\n    font-family: var(--brick-typography-body-sm-font-family);\n    font-size: var(--brick-typography-body-sm-font-size);\n    line-height: var(--brick-typography-body-sm-line-height);\n    letter-spacing: var(--brick-typography-body-sm-letter-spacing);\n  }\n\n  .brick-progress__label {\n    overflow-wrap: anywhere;\n    font-weight: var(--brick-typography-body-sm-font-weight);\n    color: var(--brick-progress-label-foreground);\n  }\n\n  .brick-progress__value {\n    justify-self: end;\n    color: var(--brick-progress-value-foreground);\n    font-variant-numeric: tabular-nums;\n  }\n\n  .brick-progress__track {\n    position: relative;\n    grid-column: 1 / -1;\n    min-inline-size: 0;\n    overflow: hidden;\n    border-radius: var(--brick-progress-radius);\n    background: var(--brick-progress-track-background);\n    isolation: isolate;\n  }\n\n  .brick-progress[data-orientation=\"horizontal\"] .brick-progress__track {\n    inline-size: 100%;\n    block-size: var(--brick-progress-thickness);\n  }\n\n  .brick-progress[data-orientation=\"vertical\"] {\n    inline-size: fit-content;\n    grid-template-columns: auto minmax(0, auto);\n    grid-template-rows: auto 1fr;\n    align-items: start;\n  }\n\n  .brick-progress[data-orientation=\"vertical\"] .brick-progress__track {\n    grid-column: 1;\n    grid-row: 1 / 3;\n    inline-size: var(--brick-progress-thickness);\n    block-size: var(--brick-progress-length);\n  }\n\n  .brick-progress[data-orientation=\"vertical\"] .brick-progress__label {\n    grid-column: 2;\n    grid-row: 1;\n  }\n\n  .brick-progress[data-orientation=\"vertical\"] .brick-progress__value {\n    grid-column: 2;\n    grid-row: 2;\n    align-self: end;\n    justify-self: start;\n  }\n\n  .brick-progress__buffer,\n  .brick-progress__indicator {\n    position: absolute;\n    border-radius: inherit;\n  }\n\n  .brick-progress[data-orientation=\"horizontal\"] .brick-progress__buffer,\n  .brick-progress[data-orientation=\"horizontal\"] .brick-progress__indicator {\n    inset-block: 0;\n    inset-inline-start: 0;\n  }\n\n  .brick-progress[data-orientation=\"vertical\"] .brick-progress__buffer,\n  .brick-progress[data-orientation=\"vertical\"] .brick-progress__indicator {\n    inset-inline: 0;\n    inset-block-end: 0;\n  }\n\n  .brick-progress__buffer {\n    z-index: 1;\n    display: none;\n    background: var(--brick-progress-buffer-background);\n  }\n\n  .brick-progress__buffer[data-present] {\n    display: block;\n  }\n\n  .brick-progress[data-orientation=\"horizontal\"] .brick-progress__buffer {\n    inline-size: calc(var(--brick-progress-buffer-percent) * 1%);\n  }\n\n  .brick-progress[data-orientation=\"vertical\"] .brick-progress__buffer {\n    block-size: calc(var(--brick-progress-buffer-percent) * 1%);\n  }\n\n  .brick-progress__indicator {\n    z-index: 2;\n    background: var(--brick-progress-indicator-background);\n    transition: inline-size 180ms ease-out, block-size 180ms ease-out;\n  }\n\n  .brick-progress[data-orientation=\"horizontal\"] .brick-progress__indicator {\n    inline-size: calc(var(--brick-progress-percent) * 1%);\n    block-size: 100%;\n  }\n\n  .brick-progress[data-orientation=\"vertical\"] .brick-progress__indicator {\n    inline-size: 100%;\n    block-size: calc(var(--brick-progress-percent) * 1%);\n  }\n\n  .brick-progress__indicator[data-state=\"indeterminate\"] {\n    transition: none;\n  }\n\n  .brick-progress[data-orientation=\"horizontal\"]\n    .brick-progress__indicator[data-state=\"indeterminate\"] {\n    inline-size: 38%;\n    animation: brick-progress-horizontal 1.4s ease-in-out infinite;\n  }\n\n  .brick-progress[data-orientation=\"vertical\"]\n    .brick-progress__indicator[data-state=\"indeterminate\"] {\n    block-size: 38%;\n    animation: brick-progress-vertical 1.4s ease-in-out infinite;\n  }\n\n  .brick-progress[data-size=\"xs\"] { --brick-progress-thickness: 0.25rem; }\n  .brick-progress[data-size=\"sm\"] { --brick-progress-thickness: 0.375rem; }\n  .brick-progress[data-size=\"md\"] { --brick-progress-thickness: 0.5rem; }\n  .brick-progress[data-size=\"lg\"] { --brick-progress-thickness: 0.75rem; }\n  .brick-progress[data-size=\"xl\"] { --brick-progress-thickness: 1rem; }\n\n  .brick-progress[data-shape=\"square\"] { --brick-progress-radius: 0; }\n  .brick-progress[data-shape=\"rounded\"] { --brick-progress-radius: var(--brick-radius-subtle); }\n  .brick-progress[data-shape=\"pill\"] { --brick-progress-radius: 9999px; }\n\n  .brick-progress[data-tone=\"neutral\"] {\n    --brick-progress-buffer-background: var(--brick-color-border-subtle);\n    --brick-progress-indicator-background: var(--brick-color-text-primary);\n  }\n  .brick-progress[data-tone=\"accent\"] {\n    --brick-progress-buffer-background: var(--brick-color-accent-soft);\n    --brick-progress-indicator-background: var(--brick-color-accent-solid);\n  }\n  .brick-progress[data-tone=\"info\"] {\n    --brick-progress-buffer-background: var(--brick-color-info-soft);\n    --brick-progress-indicator-background: var(--brick-color-info-solid);\n  }\n  .brick-progress[data-tone=\"success\"] {\n    --brick-progress-buffer-background: var(--brick-color-success-soft);\n    --brick-progress-indicator-background: var(--brick-color-success-solid);\n  }\n  .brick-progress[data-tone=\"warning\"] {\n    --brick-progress-buffer-background: var(--brick-color-warning-soft);\n    --brick-progress-indicator-background: var(--brick-color-warning-solid);\n  }\n  .brick-progress[data-tone=\"danger\"] {\n    --brick-progress-buffer-background: var(--brick-color-danger-soft);\n    --brick-progress-indicator-background: var(--brick-color-danger-solid);\n  }\n\n  @keyframes brick-progress-horizontal {\n    from { inset-inline-start: -38%; }\n    to { inset-inline-start: 100%; }\n  }\n\n  @keyframes brick-progress-vertical {\n    from { inset-block-end: -38%; }\n    to { inset-block-end: 100%; }\n  }\n\n  @media (prefers-reduced-motion: reduce) {\n    .brick-progress__indicator {\n      animation: none !important;\n      transition: none;\n    }\n    .brick-progress__indicator[data-state=\"indeterminate\"] {\n      inset-inline-start: 0 !important;\n      inset-block-end: 0 !important;\n    }\n  }\n\n  @media (forced-colors: active) {\n    .brick-progress__track {\n      border: 1px solid CanvasText;\n      background: Canvas;\n      forced-color-adjust: auto;\n    }\n    .brick-progress__buffer { background: GrayText; }\n    .brick-progress__indicator { background: Highlight; }\n  }\n}\n","@layer brick.components {\n  .brick-sidebar {\n    --brick-sidebar-expanded-width-sm: 14rem;\n    --brick-sidebar-expanded-width-md: 17rem;\n    --brick-sidebar-expanded-width-lg: 20rem;\n    --brick-sidebar-rail-width-sm: 3.25rem;\n    --brick-sidebar-rail-width-md: 3.75rem;\n    --brick-sidebar-rail-width-lg: 4.25rem;\n    --brick-sidebar-panel-width: var(--brick-sidebar-expanded-width-md);\n    --brick-sidebar-panel-background: var(--brick-color-surface-base);\n    --brick-sidebar-panel-border: var(--brick-color-border-subtle);\n    --brick-sidebar-panel-radius: 0;\n    --brick-sidebar-panel-gap: 0px;\n    --brick-sidebar-region-padding-inline: var(--brick-space-4);\n    --brick-sidebar-region-padding-block: var(--brick-space-4);\n    --brick-sidebar-content-gap: var(--brick-space-3);\n    --brick-sidebar-sticky-offset: 0px;\n    --brick-sidebar-available-block-size: calc(100dvh - var(--brick-sidebar-sticky-offset));\n    --brick-sidebar-transition-duration: 180ms;\n    --brick-sidebar-transition-easing: ease;\n\n    display: grid;\n    min-inline-size: 0;\n    grid-template-columns: minmax(0, var(--brick-sidebar-panel-width)) minmax(0, 1fr);\n    align-items: start;\n    gap: var(--brick-sidebar-panel-gap);\n  }\n\n  .brick-sidebar[data-size=\"sm\"] { --brick-sidebar-panel-width: var(--brick-sidebar-expanded-width-sm); }\n  .brick-sidebar[data-size=\"lg\"] { --brick-sidebar-panel-width: var(--brick-sidebar-expanded-width-lg); }\n  .brick-sidebar[data-state=\"rail\"] { --brick-sidebar-panel-width: var(--brick-sidebar-rail-width-md); }\n  .brick-sidebar[data-state=\"rail\"][data-size=\"sm\"] { --brick-sidebar-panel-width: var(--brick-sidebar-rail-width-sm); }\n  .brick-sidebar[data-state=\"rail\"][data-size=\"lg\"] { --brick-sidebar-panel-width: var(--brick-sidebar-rail-width-lg); }\n  .brick-sidebar[data-state=\"offcanvas\"] { --brick-sidebar-panel-width: 0px; --brick-sidebar-panel-gap: 0px; }\n\n  .brick-sidebar[data-side=\"right\"] { grid-template-columns: minmax(0, 1fr) minmax(0, var(--brick-sidebar-panel-width)); }\n  .brick-sidebar[data-side=\"right\"] > .brick-sidebar__panel { grid-column: 2; }\n  .brick-sidebar[data-side=\"right\"] > .brick-sidebar__main { grid-column: 1; grid-row: 1; }\n\n  .brick-sidebar[data-variant=\"floating\"] {\n    --brick-sidebar-panel-radius: var(--brick-radius-surface);\n    --brick-sidebar-panel-gap: var(--brick-space-3);\n    padding: var(--brick-space-3);\n  }\n\n  .brick-sidebar[data-surface=\"transparent\"] {\n    --brick-sidebar-panel-background: transparent;\n  }\n\n  .brick-sidebar[data-surface=\"base\"] {\n    --brick-sidebar-panel-background: var(--brick-color-surface-base);\n  }\n\n  .brick-sidebar[data-surface=\"raised\"] {\n    --brick-sidebar-panel-background: var(--brick-color-surface-raised);\n  }\n\n  .brick-sidebar__panel {\n    position: relative;\n    z-index: 1;\n    display: flex;\n    overflow: clip;\n    min-inline-size: 0;\n    inline-size: var(--brick-sidebar-panel-width);\n    max-inline-size: 100%;\n    align-self: stretch;\n    flex-direction: column;\n    border-inline-end: var(--brick-border-width) solid var(--brick-sidebar-panel-border);\n    border-radius: var(--brick-sidebar-panel-radius);\n    background: var(--brick-sidebar-panel-background);\n    color: var(--brick-color-text-primary);\n  }\n\n  .brick-sidebar[data-side=\"right\"] > .brick-sidebar__panel {\n    border-inline-start: var(--brick-border-width) solid var(--brick-sidebar-panel-border);\n    border-inline-end: 0;\n  }\n  .brick-sidebar[data-variant=\"floating\"] > .brick-sidebar__panel { border: var(--brick-border-width) solid var(--brick-sidebar-panel-border); box-shadow: var(--brick-shadow-raised); }\n  .brick-sidebar[data-position=\"sticky\"] > .brick-sidebar__panel { position: sticky; inset-block-start: var(--brick-sidebar-sticky-offset); block-size: var(--brick-sidebar-available-block-size); min-block-size: 0; }\n  .brick-sidebar[data-state=\"offcanvas\"] > .brick-sidebar__panel { visibility: hidden; inline-size: 0; block-size: 0; min-block-size: 0; align-self: start; border: 0; translate: -100% 0; }\n  .brick-sidebar[data-state=\"offcanvas\"][data-side=\"right\"] > .brick-sidebar__panel { translate: 100% 0; }\n\n  .brick-sidebar__header,\n  .brick-sidebar__footer { display: flex; flex: 0 0 auto; align-items: center; gap: var(--brick-sidebar-content-gap); padding: var(--brick-sidebar-region-padding-block) var(--brick-sidebar-region-padding-inline); }\n  .brick-sidebar__header { border-block-end: var(--brick-border-width) solid var(--brick-sidebar-panel-border); }\n  .brick-sidebar__footer { border-block-start: var(--brick-border-width) solid var(--brick-sidebar-panel-border); }\n  .brick-sidebar__content { display: flex; min-block-size: 0; min-inline-size: 0; flex: 1 1 auto; flex-direction: column; gap: var(--brick-sidebar-content-gap); padding: var(--brick-sidebar-region-padding-block) var(--brick-sidebar-region-padding-inline); }\n  .brick-sidebar__main { min-inline-size: 0; }\n\n  .brick-sidebar__trigger {\n    box-sizing: border-box;\n    display: inline-flex;\n    min-inline-size: var(--brick-control-min-block-size-sm);\n    min-block-size: var(--brick-control-min-block-size-sm);\n    align-items: center;\n    justify-content: center;\n    padding: var(--brick-space-2);\n    border: var(--brick-border-width) solid transparent;\n    border-radius: var(--brick-radius-control);\n    background: transparent;\n    color: var(--brick-color-text-primary);\n    cursor: pointer;\n  }\n  .brick-sidebar__trigger:hover:not(:disabled) { background: var(--brick-color-surface-subtle); }\n  .brick-sidebar__trigger:focus-visible { outline: var(--brick-border-focus-width) solid var(--brick-color-focus-ring); outline-offset: var(--brick-border-focus-offset); }\n  .brick-sidebar__trigger:disabled { color: var(--brick-color-text-muted); cursor: not-allowed; }\n\n  @media (prefers-reduced-motion: no-preference) {\n    .brick-sidebar { transition: grid-template-columns var(--brick-sidebar-transition-duration) var(--brick-sidebar-transition-easing), gap var(--brick-sidebar-transition-duration) var(--brick-sidebar-transition-easing); }\n    .brick-sidebar__panel { transition: inline-size var(--brick-sidebar-transition-duration) var(--brick-sidebar-transition-easing), translate var(--brick-sidebar-transition-duration) var(--brick-sidebar-transition-easing); }\n  }\n\n  @media (forced-colors: active) {\n    .brick-sidebar { --brick-sidebar-panel-background: Canvas; --brick-sidebar-panel-border: CanvasText; }\n    .brick-sidebar__trigger { border-color: ButtonBorder; color: ButtonText; }\n    .brick-sidebar__trigger:focus-visible { outline-color: Highlight; }\n  }\n}\n"],"names":[]}
+{"version":3,"sourceRoot":null,"mappings":"ACAA,oBGCE,mvaAAA,mCAAA,yDAuSE,w5FAiFF,+8FAiFA,u9FH1cF,uBAAA,yBOCE,4PAQA,kJAMA,uHAKA,8BACE,oEAKF,uCACE,iEP3BJ,wBeCE,wCCAA,+cAcA,4HAKA,uCACE,sFAKF,8BACE,qIAMF,iIAUA,mIW1CA,0tEAwDA,iEAIA,yJAKA,+JAKA,wMAKA,gGAIA,iGAMA,qKAKA,gHAKA,mFAKA,wDAKA,wCAIA,yGAIA,yCAIA,4FAOA,uHAKA,gDAIA,wDAIA,8EAIA,6SASA,0SASA,8SASA,0SASA,wzBAyBA,gqBAaA,0oBAaA,2qBAaA,2qBAaA,gqBAaA,4VAQA,kUAQA,4SAQA,wCACE,0JAKA,sMAKA,gGAKF,uCACE,sCAKF,8BACE,6EAMA,oDAIA,6EIpUF,0kDAwCA,wMASA,0EAKA,gIAKA,sEAIA,6JAKA,qHAIA,uZAQA,mZAQA,4NAMA,iMAMA,+2BAyBA,utBAaA,isBAaA,kuBAaA,kuBAaA,utBAaA,uIAKA,oIAKA,uIAKA,sIAKA,0FAIA,mMAQA,6DAKA,6CAIA,wCACE,sKAMF,qLAKA,uCACE,2CAKF,8BACE,kFAMA,yDAIA,kFIpQF,2nBAwBA,+DAMA,6BAIA,0EACA,sEACA,sEACA,sEACA,sEAEA,kFACA,sFACA,8EACA,gFACA,4EACA,kFACA,kFACA,gFAEA,wEAIA,8BACE,oEItDF,6oBAqBA,yDACA,mDACA,mDACA,+DAEA,kEACA,wEACA,qEACA,gHAGA,6EAEA,6EACA,8EACA,8EACA,6EAEA,+RAOA,0IASA,uJAQA,qIAMA,yIAOA,2CAIA,8PAWA,8BACE,0EAKA,2DIjGF,+iBAoBA,2GAIA,yOAMA,2FAIA,4FAIA,4FAIA,2FAIA,iFAIA,8BACE,+HInDF,kHAKA,wnBAwBA,kLAOA,wEAKA,qDAIA,kEAKA,gGAIA,gGAIA,gFAIA,2aAYA,kaAYA,yWAWA,iHAIA,qEAIA,8KAKA,uXAQA,mfAqBA,iFAIA,4NAQA,iJAOA,mCAIA,2DAKA,0DAKA,6CACE,gJAMF,8BACE,qJIpLF,+wBA2BA,+PAeA,iIAKA,6DAIA,6IAKA,6IAKA,wLAUA,qHAKA,mFAOA,yWASA,wXASA,8HAUA,qNAQA,wFAIA,8LAUA,uFAIA,0FAMA,sEAKA,8BACE,yHIrJF,mNASA,mDAIA,gtCAmCA,mHAKA,mHAKA,6FAKA,gKASA,yEAMA,kXASA,0XASA,sUAaA,mOAWA,oEAIA,iEAIA,yEAIA,8BACE,iIAKF,sBACE,gEAIA,8CAKF,uCACE,oEAKA,+FAMF,8BACE,mDAKA,+DItKF,yNASA,yDAIA,4wCAmCA,qIAKA,mGAKA,4KASA,qFAMA,wXASA,gYASA,wlBAiBA,qPAWA,0EAIA,uEAIA,+EAIA,8BACE,6IAKF,sBACE,4EAIA,oDAKF,sCACE,wEAKA,oGAQF,uCACE,gFAKA,2GAMF,8BACE,yDAKA,qEInLF,mNASA,mDAIA,uuCAoCA,sTASA,6NAMA,6NAMA,iNAOA,2QAOA,sRAOA,mIAIA,mIAIA,mIAIA,mIAIA,yHAKA,sIAIA,sIAIA,sIAIA,sIAIA,iOAOA,0FAIA,8KAQA,gHAIA,yFAIA,2FAIA,6WAWA,yEAMA,kXASA,0XASA,ybAcA,2aAcA,oEAIA,iEAIA,yEAIA,8BACE,8KAQA,2GAKF,sBACE,gEAIA,8CAKF,uBACE,0FAMA,+CAMF,uCACE,oEAKA,mEAKF,8BACE,mDAKA,+DIhSF,+bAcA,0wCAoCA,4EAIA,qOAUA,yFAKA,+MAOA,+MAOA,4MAOA,6GAKA,2MAMA,wLAMA,yaAUA,yZAUA,ibAUA,ibAUA,yaAUA,ibAeA,wKAMA,4KAMA,ssBAuBA,0HAKA,mOAOA,wGAKA,wJAMA,kNAOA,iOAOA,iJAKA,wHAIA,sIAKA,uIAKA,yIAKA,qIAKA,gUASA,yTASA,8BACE,wEAMA,sHiB1SF,29CAsCA,6GAIA,iZASA,iIAKA,gFAIA,iQASA,4SAUA,+FAOA,sLAMA,qZAkBA,8IASA,gLAKA,qGAKA,wCACE,6GAKF,8GAIA,uCACE,6CAGF,8BACE,oCACA,6CACA,kEACA,2DInJF,w6BA8BA,yUAcA,oFAIA,iGAKA,8FAKA,4FAKA,+FAKA,iGAKA,kGAKA,+FAKA,kGAKA,oGAIA,kGAIA,iGAIA,qGAIA,uIASA,oDAKA,0ZAgBA,8BACE,mHAOA,8HI9IF,ilBAmBA,oYAUA,4VASA,qFACA,iFACA,uFACA,uFACA,qFAEA,gPAUA,qDAEA,8BACE,+BACA,iGACA,6GE3DF,uvBAyBA,0GAOA,iEACA,iEACA,oEACA,4FAEA,8BACE,sECtCF,ilCA2BA,iMAOA,oMAOA,yGAIA,kaAWA,kHAOA,oyBAsBA,oNAQA,gKAQA,2IAOA,6TAeA,sFAKA,6XAaA,weAgBA,oJAMA,0oBAmBA,6RAWA,yEAOA,+UAWA,uMAUA,oQASA,uFAMA,6EAIA,4kBAkBA,6EAIA,8EAKA,uGAMA,2ZAeA,sKAKA,6JAKA,mQAWA,wOAOA,oKAKA,qIAMA,4JAKA,8BACE,qEAGF,sBACE,4CACA,4DACA,kEACA,oFAGF,uCACE,yEAGF,8BACE,uVAUA,2LAOA,iIC7WF,woEAkDA,2gCA8BA,4JAMA,mFAIA,mMAMA,wPAOA,gOAOA,mIAKA,0NAOA,kFAIA,8JAMA,4HAIA,oNAKA,+OASA,sLAMA,4SAUA,+SAUA,+GAIA,+HAKA,wCACE,qHAIA,wIAIA,+MAKA,2IAIA,6JAKF,uCACE,uEAKF,8BACE,8GAMA,mMASA,qIAKA,8GC3OF,0LAWA,gEAIA,qEAIA,mEAKA,yEAIA,gNAOA,0SAUA,6SAUA,6GAIA,8NAOA,iIAKA,wNAOA,gFAIA,4JAMA,kNAKA,oFAMA,yFAIA,gLAIA,6KAIA,oNAKA,+MAKA,kNAKA,6MAKA,+NAKA,0NAKA,6NAKA,wNAKA,wCACE,8MCxJF,+TCAA,0nDAqCA,0CAIA,4CAIA,0EAIA,4EAIA,yEAIA,yEAIA,gFAIA,2OAQA,mKAKA,2JAKA,4JAKA,oKAKA,6EAMA,4VASA,4YASA,uCACE,oDAMF,8BACE,+IAOA,kFjDpIF,g5CAiCA,iOAUA,qHAIA,qHAIA,qDAKA,6EAMA,qJAKA,sKAKA,8JAKA,+JAKA,uKAKA,oFAKA,uCACE,mDAMF,8BACE,oMAQA,qFI5GF,srCA+BA,wKAOA,wKAOA,gFAIA,2cAgBA,kDAKA,sDAKA,iKAMA,uIAOA,4GAKA,qRAMA,qHAIA,qHAIA,mGAIA,8ZASA,+XAQA,2ZASA,0RAYA,uOAWA,4IAKA,6JAKA,qJAKA,sJAKA,8JAKA,8BACE,uIAKF,sBACE,0DAIA,iEAMF,uBACE,8GAMA,iDAMF,uCACE,gDAMF,8BACE,qLAQA,kFMvOF,8JASA,gFAIA,6CIbA,47CA4BA,sPAiBA,gHAOA,yJAUA,8WAYA,0JAOA,0KAKA,sNAMA,yEAKA,8FAOA,mXASA,8dAYA,kGAIA,iEAIA,+PAOA,sBACE,8EAIA,gHAQF,8BACE,mEAKA,0EI/JF,i3CA2BA,oHAKA,yEAKA,mdAeA,uKAOA,gHAIA,4JAKA,oGAOA,+XASA,+cAYA,qOASA,6GAIA,4QAOA,8BACE,uCAIA,6CAIA,iFC7HF,63BAqBA,0vCA0CA,oIAQA,8GAQA,qIAQA,uTAWA,02BAgCA,2JAOA,qFAOA,8IAQA,mCAIA,+aAiBA,6IASA,8IASA,6IASA,yKASA,sKAUA,kNAUA,4IAQA,yQAWA,4PAUA,mTASA,wUASA,wCACE,wXAmBF,uCACE,gIAUF,8BACE,0HASA,kEAKA,+LAUA,8TAiBA,qOAUA,wNAUA,yHCjXF,0SAYA,4NAOA,uEAIA,yFAKA,wFAIA,kIAKA,6YAWA,kbAWA,mGAIA,sXASA,gGAKA,8BACE,mEAIA,kDAIA,yDCtFF,k2BAuBA,oEAIA,sFAKA,6MAMA,21BA2BA,uFAIA,4EAIA,wGAKA,4LAKA,wfAcA,yYAaA,+GAIA,gGAKA,0WAWA,sHAIA,oHAIA,8GAMA,6JAKA,yGAIA,sLAOA,oVAQA,2QAQA,oVAQA,wCACE,6GAIA,4JAKF,uCACE,0GAKF,8BACE,kEAKA,qEAKA,8FAIA,4CAIA,oHAKA,iEChOF,21CAqCA,sEAIA,oEAKA,4EAIA,k8BA6BA,sDAIA,86BAiCA,kKAMA,yEAKA,oGAIA,6KAMA,oGAKA,2EAKA,0QASA,sSAOA,2QASA,sSAOA,wCACE,6FAKF,uCACE,iDAKF,8BACE,mGAIA,4FAKA,qEAIA,mEAGA,kEChNF,w5CAqCA,+fAcA,kEACA,4CAEA,mLAKA,4uBAkBA,2IAKA,2RAMA,gNAIA,mFACA,uFACA,4DAEA,4IAMA,6IAMA,mHAIA,wCACE,qIAGA,yLAMF,uCACE,oDAGF,8BACE,uCACA,+DACA,kFACA,qFACA,0GACA,qDACA,uCACA,4GCtIF,ipDAkCA,4gBAWA,qiBAWA,2MAaA,gKASA,4cAgBA,yJAKA,4EACA,8EAEA,mRAOA,8LAQA,4TAYA,6EAKA,oMAUA,iRAWA,wKAKA,8BACE,+DAKA,+FAIA,kIC1KF,oqCA6BA,4bACA,4bAEA,8EACA,uDACA,qEAEA,wTAeA,mNACA,2KAMA,+DACA,+DACA,+DACA,yGAKA,oNACA,2NAEA,8nBAsBA,+EAEA,6HACA,mFACA,+LACA,4DACA,0GAEA,oJACA,+CACA,gEACA,gEACA,gEAEA,mXACA,8KACA,0LACA,wEAEA,+HACA,gGACA,yMAEA,kKACA,+FACA,iKACA,iJACA,+PAEA,+LACA,mLAEA,6EACA,8QACA,sNAEA,uCAA0C,uCAC1C,sBACE,kEACA,kEACA,kEACA,kEACA,0DACA,wEACA,uNACA,+NAEF,sBACE,kEACA,kEACA,kEACA,kEACA,0DACA,wEACA,uNACA,+NAEF,sBACE,kEACA,kEACA,kEACA,kEACA,0DACA,wEACA,uNACA,+NAEF,sBACE,kEACA,kEACA,kEACA,kEACA,0DACA,wEACA,uNACA,+NAEF,8BACE,yCACA,8DACA,oHACA,2CACA,6Fd7KF,2nCA8BA,0OAWA,uPAWA,wPAWA,2OAWA,iOAYA,yhBAgBA,uiBAgBA,kNAYA,8fAcA,6jCAwCA,keAkBA,gIAQA,mLAUA,klBAmBA,qbAiBA,6fAkBA,gcAkBA,oWAeA,6QAgBA,0JAUA,+SAeA,2JAUA,2cAeA,0VAaA,8HAQA,wMASA,qKAQA,wTAgBA,8RAWA,kQAUA,qRAUA,6BACE,8PAYF,uCACE,2NAaF,8BACE,qQAcA,+iBAqBA,iZIzgBF,2yHAuDA,wDoBvDA,yvHAuDA,uDIvDA,6nCA0BA,wFACA,qIACA,qIAEA,yYAeA,iHACA,4KACA,oJACA,uFAEA,6EAKA,ytFA8BA,8BACE,0EACA,+DEvFF,45DAoCA,4RACA,6RAEA,uJASA,2EACA,0HACA,+CAEA,gzBAuBA,qdAUA,+FACA,gKACA,yNACA,4KACA,iSACA,6KASA,iFACA,0FACA,iGACA,oNAIA,kGACA,kHAEA,oYAWA,gEACA,8SASA,sSAQA,uHAOA,wIAMA,gHACA,sGACA,kjBAMA,wJACA,yPACA,+iBAMA,sJACA,iRACA,qLACA,4JACA,kSAEA,gmCAkBA,6VAOA,kNACA,oEACA,2NACA,+KAMA,wKAEA,iGACA,6BAAgC,wJAChC,uCAA0C,iIAA0I,0DACpL,8BAAiC,4GAAwH,yLAAkO,0EAAgF,qKEpN3c,wmGAqDA,oIAIA,8MAKA,mNAOA,+MAOA,+DACA,mEACA,6DAEA,6GAIA,mKAMA,ojBAOA,+OAIA,wVAOA,s2BAcA,gcAQA,sKAKA,yMAKA,8IAIA,wJAIA,iJAKA,yFAEA,kMAKA,qhBAYA,qsBAcA,+kBAuBA,qLAKA,6HAEA,+LAMA,8GAIA,4NAKA,kJACA,6KACA,uKAEA,2IAMA,+WAaA,oKAKA,gQAKA,2NAKA,0JACA,oJAEA,qeAgBA,sJAEA,4QAcA,8CACE,kUAMF,6CACE,oKAMF,8BACE,ioBAgBA,qEhB/UF,gwDA0CA,sKAMA,uJAKA,0FAIA,8BACE,oOC1DF,ukBAuBA,0FACA,kJACA,iGACA,uHACA,kFACA,2DACA,wEACA,wIACA,mMACA,gDACA,sLACA,iVACA,oEACA,uCACA,iEACA,kDACA,uCAA0C,gHAC1C,8BAAiC,2HCxCjC,2oBAkBA,kSASA,mJAMA,uHAMA,2MAUA,gIAKA,2JAOA,sKAOA,gFAKA,qGAOA,2FAMA,gLAMA,0KAMA,kGAMA,oDAIA,iIAIA,8HAIA,yJAMA,6IAKA,2IAKA,qEAIA,gLAMA,2KAMA,gEACA,iEACA,+DACA,gEACA,8DAEA,6DACA,uFACA,gEAEA,6KAIA,0KAIA,oKAIA,6KAIA,6KAIA,0KAKA,4FAKA,oFAKA,uCACE,oEAIA,iHAMF,8BACE,8FAKA,4CACA,iDCnNF,8iBAiBA,2EAMA,kLAQA,2HAMA,wEAIA,2HAKA,8FAIA,4FAIA,gNAQA,giBAmBA,ybAcA,uEACA,yEACA,uEACA,uEACA,uEAEA,wFACA,wFAEA,6EACA,+EAEA,4GACA,2GACA,uGACA,6GACA,6GACA,2GAEA,mEAIA,uCACE,4EAMF,8BACE,gDACA,oDC/HF,+jCA6BA,4DACA,uGAGA,iIAKA,qHAOA,oPAMA,iPAMA,wNAQA,iLAOA,+KAOA,4JAQA,2JAMA,0JAMA,mRAeA,kcAYA,qHAIA,wGAGA,mHAKA,4CACA,yDACA,gMAKA,iUASA,4OAQA,sLAIA,+PAOA,+FACA,kGACA,2FACA,8GACA,uGACA,uQAOA,iMAMA,oQAQA,+rBAmBA,uKAMA,gGACA,+FACA,6RAMA,sJACA,wCACA,qEACA,iEAEA,uCAA0C,6CAC1C,8BACE,uCACA,sEACA,0CACA,qFACA,mDACA,qEACA,sGACA,uCACA,gFCvPF,0WAeA,kLAKA,wRAYA,2LAOA,gLASA,0DACA,oEACA,+IAKA,oGAIA,mKAWA,sLAIA,4IAIA,mFACA,sGACA,2FACA,+IACA,wCACA,oEACA,gEAEA,upBAoBA,0WASA,0ZAUA,sGAIA,iOASA,6DAEA,wCACE,8GAIF,uCAA0C,8CAC1C,8BACE,uCACA,+CACA,6CACA,8DACA,uCACA,mEACA,uCACA,gDjF1JF,4rCA2BA,qDACA,kEAEA,0rBAkBA,iLAMA,iGACA,gGACA,8JAGA,odAkBA,kGACA,gMAKA,qHASA,0DAEA,wYAaA,oJAQA,uLAOA,kUAeA,uIACA,+LAIA,oEACA,oGAEA,6OAMA,8OAOA,2KAEA,+MAGA,uCAA0C,8CAE1C,8BACE,4CACA,iHACA,+FACA,mEACA,4HACA,6FACA,qJG5KF,24BA0BA,0EACA,6JAIA,oIAGA,sIAGA,yIAGA,oIAGA,+FAKA,27CAoCA,8FAIA,2HAIA,yJAIA,qJAIA,yJAIA,gJAKA,wEACA,0EACA,kIAIA,uDACA,uCAEA,qFAIA,mJAGA,wJAGA,6FAGA,yGACA,yGACA,yGACA,uLAGA,iMAGA,uLAGA,sHAGA,0NAGA,0NAGA,0NAIA,uIAOA,kJASA,uPASA,wFAKA,sDACA,8EAEA,wQAMA,8OAMA,4HACA,oHAOA,+VASA,4TAeA,qIACA,2GACA,6GACA,wIAGA,yDAEA,sBACE,2NAOF,uCACE,6BACA,kFAEA,0DAGF,8BACE,iHACA,6EAGA,uEACA,8FItQF,06CA8BA,oQAMA,4GAIA,8mBAYA,+mBAYA,iJASA,sGAKA,mJAIA,wxBAyBA,6HACA,wGACA,2KACA,wFAEA,qWAWA,4XAaA,gFACA,kGAEA,qIAMA,qJACA,uJACA,qMAEA,4IAIA,6IACA,gJACA,6DACA,yKAKA,uFACA,wFACA,mGACA,oGAEA,uCACE,6CACA,qDAGF,8BACE,wFACA,0HACA,4CACA,kEC/KF,+3CA4BA,4PACA,kHACA,0lBACA,2lBACA,oJACA,oDACA,8CACA,woBACA,yHACA,oGACA,yRACA,uSACA,mMACA,sFACA,0DACA,8UACA,gEACA,8FACA,iIACA,iJACA,mJACA,+LACA,mMACA,yOACA,mGACA,6GACA,gQACA,+IACA,6IACA,uIACA,0IACA,2DACA,sIACA,qFACA,sFACA,iGACA,kGACA,uCAA0C,2CAAiD,mDAC3F,8BAAiC,+HAAyI,0CAAgD,gEClE1N,izEAgDA,+CAIA,4DAIA,mHAKA,+MAMA,4IAOA,sDAIA,4EAIA,mNAOA,qXAUA,wcAoBA,4FAKA,kMAUA,iEAIA,2FAKA,+GAMA,4XAgBA,6CAIA,oNAUA,oJAMA,oGAIA,wNAOA,uHAKA,iDAIA,8CAIA,kHAKA,sIAKA,wCACE,+PAUA,sJAMF,uCACE,qCAKF,8BACE,wEAMA,4GAKA,yFAKA,6GAMA,qCCzQF,usBACA,sDACA,sKACA,kLACA,oEAA2E,0FAC3E,qGAA4G,qGAC5G,uRACA,qPACA,yCAA8C,yCAC9C,sIACA,qJACA,2JACA,+GACA,qKACA,gEACA,wCAA0C,+HAC1C,wBACE,4FAEF,8BAAgC,+EAAsF,oHCnBvH,gMACA,uFAA0F,uFAA0F,wDACpL,oEAAqE,oEACrE,oWACA,sJAAyJ,2KACzJ,uIAAyI,kMAAoM,uKAC7U,mLAAoL,iFAAkF,kHAAkH,mEACxX,8BAA6B,kFAAkF,gHCP9G,koCA8BA,+DAIA,wOAMA,wJAOA,yEAIA,+FAIA,0GAIA,0GAIA,qPAeA,mSAcA,2LAMA,yGAOA,4KAUA,0KAMA,+HAMA,6IAOA,gEAIA,wCACE,+TAUA,0IAMF,uCACE,qDAKF,8BACE,wFAMA,6HKxKF,osEAwCA,kDACA,+DACA,2NAKA,qJAKA,4DACA,iLAKA,6UAQA,+ZAmBA,sEACA,8EACA,kFACA,sEACA,kGAEA,+VAWA,+FAEA,6JAIA,6GACA,oNAKA,iHACA,oDACA,iDAEA,wCACE,wPAKF,uCACE,wCAEF,8BACE,2EACA,sHACA,6EACA,iGACA,mDQpIF,soFAiDA,wDACA,qEACA,mPACA,uKACA,wEACA,8FACA,yoBACA,ypBAEA,gGACA,oFACA,4RACA,mFACA,+MAEA,0LACA,4FACA,kOACA,+GAEA,2mDAkCA,8GACA,8GAEA,iLACA,gFACA,8TACA,8ZACA,gGACA,8IACA,oHACA,iEACA,iKACA,gLACA,8TACA,2HACA,2IACA,qPACA,iEACA,6DACA,6DACA,+DACA,iGACA,0FACA,8FACA,6FAEA,wCACE,8LACA,0GAEF,uCAA0C,iEAC1C,8BACE,uGACA,kKACA,sDACA,4GACA,kDACA,+CI5IF,81FAiDA,8DACA,2EACA,2QACA,yLACA,oFACA,0GACA,qsBACA,qtBAEA,sGACA,gGACA,oTACA,+FACA,2NAEA,4MACA,wGACA,0PACA,2HAEA,6wDAkCA,0HACA,0HAEA,6LACA,4FACA,gVACA,kcACA,4GACA,+JACA,gIACA,uEACA,mLACA,kMACA,4VACA,6IACA,6JACA,uQACA,uEACA,mEACA,mEACA,qEACA,6GACA,sGACA,0GACA,yGAEA,wCACE,gNACA,sHAEF,uCAA0C,6EAC1C,8BACE,mHACA,8KACA,4DACA,wHACA,6DACA,qDI5IF,gtCAIA,0DAA0D,uEAAuE,kKAAoK,6JAA+J,oEAAsE,0FAA4F,kKAAoK,kKAC1wB,gPAAwP,2EAA2E,uLAAuL,4GAA4G,0KAA0K,+GAChxB,wQAAoR,iEAAiE,gDAAgD,uKAAuK,oLAAkL,4FAA8F,oDAC5zB,6jBAA6jB,kHAAoH,kHAAoH,6KAA6K,oFAAoF,gQAAgQ,kFAAkF,6WAA6W,uKAAkM,yDAA4D,iFAAiF,uIAAyI,uGAAuG,6FACpyE,wCAAwC,gIAAgI,2FAA2F,uCAAuC,0EAA2E,8BAA8B,2GAA2G,gLAAgL,mDAAmD,0D7BRjuB,yyBAsBA,6XAQA,+YAQA,+YAQA,+YAQA,mYAQA,mYAQA,mYAQA,6XAQA,6XAQA,6XAQA,maASA,sBACE,gYAQA,kZAQA,kZAQA,kZAQA,sYAQA,sYAQA,sYAQA,gYAQA,gYAQA,gYAQA,gYAQA,uaAUF,sBACE,gYAQA,kZAQA,kZAQA,kZAQA,sYAQA,sYAQA,sYAQA,gYAQA,gYAQA,gYAQA,gYAQA,uaAUF,sBACE,gYAQA,kZAQA,kZAQA,kZAQA,sYAQA,sYAQA,sYAQA,gYAQA,gYAQA,gYAQA,gYAQA,uaAUF,sBACE,gYAQA,kZAQA,kZAQA,kZAQA,sYAQA,sYAQA,sYAQA,gYAQA,gYAQA,gYAQA,gYAQA,uaAUF,sBACE,4VAKF,sBACE,4VAKF,sBACE,4VAKF,sBACE,4VAKF,oEAIA,2FAIA,mFAIA,qFAIA,iFAIA,uFAIA,uFAIA,qFAIA,kEAIA,2FAIA,yFAIA,6FAIA,kEAIA,4EAIA,4EAIA,8EAIA,+CAIA,iDAIA,2CAIA,sBACE,kDACA,oDACA,+CAGF,sBACE,kDACA,oDACA,+CAGF,sBACE,kDACA,oDACA,+CAGF,sBACE,kDACA,oDACA,+CAGF,+CAIA,iDAIA,+CAIA,qHAQA,+GAOA,sDAIA,sDAIA,sDAIA,sDAIA,sDAIA,8BACE,yEYvqBF,gsCA+BA,8FAIA,kGAIA,8LAMA,mEAIA,+HAKA,iGAIA,4NAMA,2JAMA,gTAOA,gTAOA,gTAOA,0HAIA,uCAIA,2LAUA,mEAKA,8BACE,wLQnHF,saAcA,4MAWA,qIASA,sEAMA,8JAKA,sKAKA,iMAMA,iDAIA,uCACE,wCAKF,8BACE,qIInEF,00CAiCA,4DACA,6DACA,iEACA,iEACA,mEACA,2EACA,2EACA,2EACA,2EAEA,oFAKA,ibASA,ibASA,gIAKA,oOAKA,qNAQA,6GAIA,wFAEA,qFAIA,uPAMA,sGAEA,oMAKA,yNASA,iGAKA,4EAEA,yVAWA,gPAOA,6IASA,mCACA,mCACA,wDACA,qDACA,mDAEA,sHAQA,iUASA,2WASA,yHAKA,8BACE,wMAIA,+DAAA,4CIhMF,uoDAoCA,2NAOA,07BAuBA,mIAIA,sHAIA,2GAIA,mKAMA,gGAKA,6NAOA,uLAUA,urBAqBA,wDAEA,iHAGA,4OAMA,iOAMA,gJAMA,wLAQA,0EAEA,kKAKA,gLACA,6KAEA,oKAKA,mLACA,gLAEA,kRAOA,kRAOA,uCACE,sDAGF,8BACE,kIAEA,6EACA,kHAEA,8DOxMF,wJASA,y7CAgCA,+KACA,+KACA,yFAEA,mFACA,uGACA,+GAEA,kXAWA,+LACA,iEACA,8FACA,qFACA,uHACA,yOAEA,sPAGA,wJACA,yNACA,4VAEA,wVAEA,kSAEA,4LACA,yLACA,qOACA,kOAEA,sLAEA,8MACA,8JACA,kGACA,kGAEA,8BACE,gQF3FF,4JACA,2uDA4BA,qOACA,sOACA,iGACA,kGACA,2FACA,+GACA,uHACA,uZACA,oNACA,yEACA,0MACA,oGACA,8FACA,kIACA,wKACA,uQACA,gYAEA,4XAEA,4VAEA,gNACA,6MACA,6PACA,0PACA,2MACA,sNACA,kOACA,kPACA,mRACA,kKACA,mHACA,mHACA,8BACE,oaIhEF,4JASA,++DAwCA,6XAUA,+XAUA,iGACA,kGAEA,2FACA,+GACA,uHAEA,4bAWA,oNACA,8GACA,kOACA,0DACA,0DACA,0DACA,0DACA,0DACA,0DACA,0DACA,0DACA,4DAEA,uOACA,iIACA,2HACA,+JAEA,sLACA,iUACA,0NACA,0PACA,uPAEA,wMACA,mNACA,4PACA,+QAEA,wYACA,kMACA,2FACA,yFACA,2DACA,6GAEA,mRACA,mHACA,mHAEA,uCAA0C,6CAC1C,8BACE,gdACA,iIACA,2HInIF,urDAuCA,yFAIA,2HAKA,ibAUA,4FAOA,uDACA,uDACA,uDACA,uDACA,uDACA,uDACA,uDACA,uDACA,yDAEA,qbAcA,gGAIA,wJAKA,gJAIA,yHAIA,2JAKA,+PAWA,wJAUA,4GAIA,0GAIA,sDAIA,8HAIA,yCAIA,uDAKA,iUASA,uCACE,wCAGF,8BACE,oRASA,0GACA,qFFrLF,iyBAwBA,mLAMA,wGAIA,6FAKA,8JAIA,0ZAaA,8MAMA,4EAIA,uCACE,0CAGF,8BACE,kJAKA,yDI5EF,osCA6BA,kGAIA,2iBAcA,oFAIA,mGAIA,qZAcA,qEACA,iEAEA,wJAKA,iDACA,oDAEA,uCACE,uDAGF,8BACE,oEACA,qEACA,mEIvFF,i+BA2BA,yGACA,iGACA,4JACA,0IACA,uIACA,qsBAMA,oKACA,oKACA,yIACA,8OACA,uNAQA,8vBAcA,ywCAqBA,6TAMA,kPAKA,6IACA,+LAIA,4FACA,+MAKA,6JACA,8OAIA,2LAMA,qLACA,uKACA,wCACE,wJACA,0JACA,yOAIA,uKAEF,uCAA0C,iGAC1C,8BAAiC,uCAA6C,wEIlI9E,2zEA0CA,+JAKA,uNAMA,kMAKA,ghBAUA,ghBAUA,iQAcA,0GAOA,muBAqBA,saAWA,sKAMA,qRAIA,0RAIA,4MAMA,oNAKA,yNAKA,uPAOA,oTAUA,wHACA,mHAEA,uCACE,oGAKF,8BACE,2GACA,8IAGA,+PtDhMF,mkDAkCA,wDAKA,qQAOA,sGACA,sGACA,+DAEA,wGACA,oGAEA,2WAQA,4TAOA,oSAOA,yQAaA,0DAEA,uKAKA,gSAUA,qGAIA,mFAIA,2EAMA,wEAIA,gIAQA,qHAIA,0LAQA,6IAIA,mdAcA,mEAIA,kIAIA,wMAKA,4TAKA,unCA6BA,+KACA,+KACA,+KACA,+KACA,+KACA,4KACA,wKAEA,yPAOA,2LAMA,6JAMA,2MAIA,sSAQA,4IAGA,8FAGA,yDACA,8IAEA,gHAEA,qOAWA,sPASA,oEAKA,0VAgBA,qUAQA,0LAKA,qHAMA,qLAMA,gIACA,yGAEA,uCACE,+CACA,sIAMF,wCACE,yFAIA,yJAKF,8BACE,gEACA,2HACA,0GAGA,kDACA,kGIhWF,4YAiBA,uCAIA,mJAKA,2FACA,yHACA,mHAEA,iDACA,mDACA,6CACA,uDACA,yDACA,mDACA,iEACA,+DACA,+DACA,uCAEA,sFAOA,mEAEA,6CACA,4CACA,4CACA,4CACA,4CACA,4CACA,yDACA,qDACA,uDACA,iDACA,2DAEA,sBACE,4JACA,sJACA,wDACA,oDACA,sDACA,gDACA,0DACA,0DACA,4DACA,sDACA,oEACA,kEACA,kEACA,+CACA,kDACA,oDACA,gDACA,+CACA,+CACA,+CACA,+CACA,+CACA,sDACA,4DACA,wDACA,0DACA,oDACA,+DAGF,sBACE,4JACA,sJACA,wDACA,oDACA,sDACA,gDACA,0DACA,0DACA,4DACA,sDACA,oEACA,kEACA,kEACA,+CACA,kDACA,oDACA,gDACA,+CACA,+CACA,+CACA,+CACA,+CACA,sDACA,4DACA,wDACA,0DACA,oDACA,+DAGF,sBACE,4JACA,sJACA,wDACA,oDACA,sDACA,gDACA,0DACA,0DACA,4DACA,sDACA,oEACA,kEACA,kEACA,+CACA,kDACA,oDACA,gDACA,+CACA,+CACA,+CACA,+CACA,+CACA,sDACA,4DACA,wDACA,0DACA,oDACA,+DAGF,sBACE,4JACA,sJACA,wDACA,oDACA,sDACA,gDACA,0DACA,0DACA,4DACA,sDACA,oEACA,kEACA,kEACA,+CACA,kDACA,oDACA,gDACA,+CACA,+CACA,+CACA,+CACA,+CACA,sDACA,4DACA,wDACA,0DACA,oDACA,+DAYF,sBACE,8HACA,sKACA,+JAGF,sBACE,8HACA,sKACA,+JAGF,sBACE,8HACA,sKACA,+JAGF,sBACE,8HACA,sKACA,+JQxNF,mRAaA,8DAIA,sDAKA,uDAKA,kCAIA,4CAIA,6CAIA,wEAIA,yIAMA,wGAKA,uMAOA,kJAKA,uIAMA,sGAKA,oMAOA,+IKpFA,6mBAmBA,oZAUA,oZAUA,wEACA,wEACA,yEAEA,gHAOA,kNAMA,4IAKA,8MAKA,2EAMA,yHAKA,8DAEA,sBACE,0GACA,qNACA,gJAGF,sBACE,0GACA,qNACA,gJAGF,sBACE,0GACA,qNACA,gJAGF,sBACE,0GACA,qNACA,gJAGF,8BACE,kFAGA,8EC3GF,8KAWA,4EAOA,mDACA,qDACA,+CACA,uDACA,yDACA,mDACA,mDAEA,+JAQA,2IACA,kDACA,iDACA,2DACA,uDACA,yDACA,mDACA,+DACA,2DACA,6DACA,uDAEA,sBACE,mKACA,0DACA,sDACA,wDACA,kDACA,8DACA,0DACA,4DACA,sDACA,wDACA,8DACA,0DACA,4DACA,sDACA,4DACA,kEACA,8DACA,gEACA,2DAGF,sBACE,mKACA,0DACA,sDACA,wDACA,kDACA,8DACA,0DACA,4DACA,sDACA,wDACA,8DACA,0DACA,4DACA,sDACA,4DACA,kEACA,8DACA,gEACA,2DAGF,sBACE,mKACA,0DACA,sDACA,wDACA,kDACA,8DACA,0DACA,4DACA,sDACA,wDACA,8DACA,0DACA,4DACA,sDACA,4DACA,kEACA,8DACA,gEACA,2DAGF,sBACE,mKACA,0DACA,sDACA,wDACA,kDACA,8DACA,0DACA,4DACA,sDACA,wDACA,8DACA,0DACA,4DACA,sDACA,4DACA,kEACA,8DACA,gEACA,2DCnIF,4cAqBA,sCAIA,iIAQA,qDACA,qDACA,qDACA,qDACA,qDACA,qDACA,qDACA,qDACA,uDACA,uDACA,uDAEA,mEAIA,oEAIA,oEAIA,oEAIA,oEAGA,wFACA,qGACA,8GAEA,gDACA,kDACA,4CACA,sDACA,oDACA,sDACA,gDAEA,iDAKA,iYAeA,wDACA,oDACA,sDACA,gDACA,0DACA,4DACA,wDACA,0DACA,oDAEA,yGAKA,2EACA,2EACA,2EACA,2EACA,2EACA,2EACA,2EACA,2EACA,2EACA,6EACA,6EACA,6EAEA,qEACA,qEACA,qEACA,qEACA,qEACA,qEACA,qEACA,qEACA,qEACA,uEACA,uEACA,uEAEA,yEACA,yEACA,yEACA,yEACA,yEACA,yEACA,yEACA,yEACA,yEACA,2EACA,2EACA,2EACA,2EAEA,qEACA,qEACA,qEACA,qEACA,qEACA,qEACA,qEACA,qEACA,qEACA,uEACA,uEACA,uEACA,uEAEA,mEACA,mEACA,mEACA,mEACA,mEACA,mEACA,mEACA,mEACA,mEACA,qEACA,qEACA,qEACA,qEAEA,+DACA,+DACA,+DACA,+DACA,+DACA,+DACA,+DACA,+DACA,+DACA,iEACA,iEACA,iEACA,iEAEA,sBACE,wDACA,wDACA,wDACA,wDACA,wDACA,wDACA,wDACA,wDACA,wDACA,0DACA,0DACA,0DACA,uDACA,mDACA,qDACA,+CACA,yDACA,2DACA,uDACA,yDACA,mDACA,qDACA,2DACA,uDACA,yDACA,mDACA,6DACA,yDACA,+DACA,2DACA,6DACA,uDACA,4GACA,kHACA,kHACA,kHACA,kHACA,kHACA,kHACA,kHACA,kHACA,kHACA,oHACA,oHACA,oHACA,yGACA,yGACA,yGACA,yGACA,yGACA,yGACA,yGACA,yGACA,yGACA,2GACA,2GACA,4GAGF,sBACE,wDACA,wDACA,wDACA,wDACA,wDACA,wDACA,wDACA,wDACA,wDACA,0DACA,0DACA,0DACA,uDACA,mDACA,qDACA,+CACA,yDACA,2DACA,uDACA,yDACA,mDACA,qDACA,2DACA,uDACA,yDACA,mDACA,6DACA,yDACA,+DACA,2DACA,6DACA,uDACA,4GACA,kHACA,kHACA,kHACA,kHACA,kHACA,kHACA,kHACA,kHACA,kHACA,oHACA,oHACA,oHACA,yGACA,yGACA,yGACA,yGACA,yGACA,yGACA,yGACA,yGACA,yGACA,2GACA,2GACA,4GAGF,sBACE,wDACA,wDACA,wDACA,wDACA,wDACA,wDACA,wDACA,wDACA,wDACA,0DACA,0DACA,0DACA,uDACA,mDACA,qDACA,+CACA,yDACA,2DACA,uDACA,yDACA,mDACA,qDACA,2DACA,uDACA,yDACA,mDACA,6DACA,yDACA,+DACA,2DACA,6DACA,uDACA,4GACA,kHACA,kHACA,kHACA,kHACA,kHACA,kHACA,kHACA,kHACA,kHACA,oHACA,oHACA,oHACA,yGACA,yGACA,yGACA,yGACA,yGACA,yGACA,yGACA,yGACA,yGACA,2GACA,2GACA,4GAGF,sBACE,wDACA,wDACA,wDACA,wDACA,wDACA,wDACA,wDACA,wDACA,wDACA,0DACA,0DACA,0DACA,uDACA,mDACA,qDACA,+CACA,yDACA,2DACA,uDACA,yDACA,mDACA,qDACA,2DACA,uDACA,yDACA,mDACA,6DACA,yDACA,+DACA,2DACA,6DACA,uDACA,4GACA,kHACA,kHACA,kHACA,kHACA,kHACA,kHACA,kHACA,kHACA,kHACA,oHACA,oHACA,oHACA,yGACA,yGACA,yGACA,yGACA,yGACA,yGACA,yGACA,yGACA,yGACA,2GACA,2GACA,4GAGF,sBACE,0HACA,2GACA,qHAGF,sBACE,0HACA,2GACA,qHAGF,sBACE,0HACA,2GACA,qHAGF,sBACE,0HACA,2GACA,qHCtcF,0sBAqBA,8GAIA,8GAIA,wGAIA,0GAIA,uGAIA,mGAIA,mGC7CA,qfAgBA,+GAKA,0FACA,sFACA,sFACA,sFACA,0FAEA,sGACA,kGACA,kGACA,kGACA,kGACA,sGAEA,kGACA,8FACA,8FACA,8FACA,8FACA,kGAEA,sBACE,6FACA,yFACA,yFACA,yFACA,yFACA,6FACA,yGACA,qGACA,qGACA,qGACA,qGACA,yGACA,qGACA,iGACA,iGACA,iGACA,iGACA,sGAGF,sBACE,6FACA,yFACA,yFACA,yFACA,yFACA,6FACA,yGACA,qGACA,qGACA,qGACA,qGACA,yGACA,qGACA,iGACA,iGACA,iGACA,iGACA,sGAGF,sBACE,6FACA,yFACA,yFACA,yFACA,yFACA,6FACA,yGACA,qGACA,qGACA,qGACA,qGACA,yGACA,qGACA,iGACA,iGACA,iGACA,iGACA,sGAGF,sBACE,6FACA,yFACA,yFACA,yFACA,yFACA,6FACA,yGACA,qGACA,qGACA,qGACA,qGACA,yGACA,qGACA,iGACA,iGACA,iGACA,iGACA,sGS1HF,uCACA,qBAAyB,kDACzB,qBAAyB,kDACzB,qBAAyB,kDACzB,qBAAyB,kDIJzB,uCACA,sBAA0B,kDAC1B,sBAA0B,kDAC1B,sBAA0B,kDAC1B,sBAA0B,kDCJ1B,o4DA0DA,sGAQA,gHAQA,gDAKA,yGAOA,0HAMA,8NAUA,wLAOA,8LAOA,gLAQA,0OAgBA,wLAQA,gLAQA,2KAQA,sEAMA,+FAIA,+FAIA,+FAIA,wNAMA,qFAIA,6FAIA,mGAIA,+FAIA,6DAIA,qFAIA,oFAIA,oFAIA,oFAIA,oFAIA,wFAIA,sBACE,2FACA,uFACA,uFACA,uFACA,uFACA,4FAGF,sBACE,2FACA,uFACA,uFACA,uFACA,uFACA,4FAGF,sBACE,2FACA,uFACA,uFACA,uFACA,uFACA,4FAGF,sBACE,2FACA,uFACA,uFACA,uFACA,uFACA,4FAGF,8BACE,yDAKA,oMIlRF,sZAgBA,6LAMA,mLAOA,gDAIA,iEAIA,iEAIA,yEAIA,uEAIA,iKAKA,gKAKA,6JAKA,4JAKA,4KAQA,+IAMA,8WAWA,gJAMA,8IAMA,8BACE,iDI3GF,2KAQA,6OAUA,4EACA,8EACA,iEAEA,qGACA,8HACA,gIACA,wHACA,8HACA,iNAIA,gLAKA,8BACE,uIAEA,mEIvCF,ixCA8BA,kKAOA,oEACA,gKAIA,gKAKA,8BACE,oHIhDF,wGAQA,8BACE,8BITF,ybAeA,0MASA,mJAIA,qKAIA,yIAMA,8BACE,oFAIA,kIC3CF,g7CAoCA,4FAKA,sJAMA,+JAOA,+SAQA,8SAQA,8BACE,6JAOA,oGI9EF,mlEAwCA,mOAMA,yIAOA,4EAKA,mEAKA,iVAWA,uWAUA,oWASA,0CAIA,8BACE,+NIlGF,kYAUA,6RAUA,kKAKA,oLAKA,8SAUA,yiBAYA,8BACE,gJAMA,uJiB3DF,myEA6CA,8DACA,4DACA,2DAEA,s3BAeA,43BAeA,kYAWA,0HAIA,0HAIA,0HAIA,kIAKA,6GAIA,+DAEA,8DAGA,uIAGA,mKAMA,qEACA,iKAMA,kQAOA,0EACA,uEACA,mMAMA,wUASA,gRASA,kIASA,2IAOA,qSAQA,mIAKA,4HAIA,4IAMA,mGACA,gLAOA,8BACE,qOIrNF,y/DA2CA,iKAKA,+GAKA,wrBAYA,gPAUA,qSAWA,8NAOA,4GAOA,mDAIA,iNAQA,uLAQA,uZAaA,8HAMA,0FAMA,kRASA,qKASA,+NAQA,iDAGA,sGAGA,8FAGA,uKAIA,6KAKA,qHAKA,6FAIA,8FAKA,oFAKA,oFAMA,iDAKA,yFAOA,qHAKA,8FAIA,iDAGA,mDAIA,yNASA,6IAKA,6SAUA,6EAIA,8BACE,klBD/QF,62EA0CA,obAeA,saAUA,4aAUA,4IAUA,2DAMA,61BAwBA,wHAIA,mNAMA,oKAKA,kNAMA,2MAMA,+KAKA,4IAIA,4JAIA,4JAKA,4KAKA,2IAKA,uFAIA,6IAIA,kLAIA,6JAMA,uOAWA,6OAKA,4GAKA,6FAOA,uGAMA,uTAQA,oHAOA,wbAWA,gDAIA,wXAYA,wFAIA,mDAIA,mEAIA,kLAKA,oLAKA,mEAIA,qIAIA,wNAOA,8GAKA,4FAKA,6FAKA,8CACE,iFAKF,uCACE,2DAKF,8BACE,+RASA,sHIpVF,4gCAgCA,gGAGA,gGAGA,+FAGA,6GAGA,6GAGA,mGAKA,iHAMA,oEAGA,mEAKA,2KAMA,sFAIA,mGAIA,uGAIA,gaAiBA,mJAKA,gIAMA,mFAGA,kFAIA,0HAMA,6EAGA,4EAGA,2KAIA,sMAMA,mKASA,2FAKA,0NASA,0GAIA,4GAIA,0OAUA,uCAIA,uZAcA,0FAGA,kKAIA,wFAKA,8CACE,qNAOA,yNASF,8BACE,+FAIA,mEAIA,gE1F/OJ,uBwBCE,8+CAyCA,sBACE,6iBAUF,sBACE,swBAUF,sBACE,+9BAUF,sBACE,wrCI3EF,iUASA,sBACE,gaAQF,sBACE,siBAQF,sBACE,4qBAQF,sBACE,mzB5BtCJ","sources":["home/runner/work/brick/brick/.brick-cache/production/styles.source.css","home/runner/work/brick/brick/.brick-cache/production/../../src/styles/layers.css","home/runner/work/brick/brick/.brick-cache/production/../../src/components/file-upload/file-upload.css","home/runner/work/brick/brick/.brick-cache/production/../../src/components/carousel/carousel.css","home/runner/work/brick/brick/.brick-cache/production/tokens.source.css","home/runner/work/brick/brick/.brick-cache/production/../../src/components/toast/toast.css","home/runner/work/brick/brick/.brick-cache/production/../../src/components/collapsible/collapsible.css","home/runner/work/brick/brick/.brick-cache/production/../../src/components/accordion/accordion.css","home/runner/work/brick/brick/.brick-cache/production/../../src/components/input/input.css","home/runner/work/brick/brick/.brick-cache/production/../../src/components/number-input/number-input.css","home/runner/work/brick/brick/.brick-cache/production/../../src/components/otp-field/otp-field.css","home/runner/work/brick/brick/.brick-cache/production/../../src/components/stack/stack.css","home/runner/work/brick/brick/.brick-cache/production/../../src/styles/foundations.css","home/runner/work/brick/brick/.brick-cache/production/../../src/components/appearance/appearance.css","home/runner/work/brick/brick/.brick-cache/production/../../src/components/text/text.css","home/runner/work/brick/brick/.brick-cache/production/../../src/components/password-toggle-field/password-toggle-field.css","home/runner/work/brick/brick/.brick-cache/production/../../src/components/group/group.css","home/runner/work/brick/brick/.brick-cache/production/../../src/components/data-list/data-list.css","home/runner/work/brick/brick/.brick-cache/production/../../src/components/z-stack/z-stack.css","home/runner/work/brick/brick/.brick-cache/production/../../src/components/grid/grid.css","home/runner/work/brick/brick/.brick-cache/production/../../src/components/container/container.css","home/runner/work/brick/brick/.brick-cache/production/../../src/components/section/section.css","home/runner/work/brick/brick/.brick-cache/production/../../src/components/link/link.css","home/runner/work/brick/brick/.brick-cache/production/../../src/components/textarea/textarea.css","home/runner/work/brick/brick/.brick-cache/production/../../src/components/_action-spinner/action-spinner.css","home/runner/work/brick/brick/.brick-cache/production/../../src/components/frame/frame.css","home/runner/work/brick/brick/.brick-cache/production/../../src/components/link-box/link-box.css","home/runner/work/brick/brick/.brick-cache/production/../../src/components/select/select.css","home/runner/work/brick/brick/.brick-cache/production/../../src/components/button/button.css","home/runner/work/brick/brick/.brick-cache/production/../../src/components/bleed/bleed.css","home/runner/work/brick/brick/.brick-cache/production/../../src/components/list/list.css","home/runner/work/brick/brick/.brick-cache/production/../../src/components/multi-select/multi-select.css","home/runner/work/brick/brick/.brick-cache/production/../../src/components/icon-button/icon-button.css","home/runner/work/brick/brick/.brick-cache/production/../../src/components/show/show.css","home/runner/work/brick/brick/.brick-cache/production/../../src/components/hide/hide.css","home/runner/work/brick/brick/.brick-cache/production/../../src/components/combobox/combobox.css","home/runner/work/brick/brick/.brick-cache/production/../../src/components/icon/icon.css","home/runner/work/brick/brick/.brick-cache/production/../../src/components/reorderable-list/reorderable-list.css","home/runner/work/brick/brick/.brick-cache/production/../../src/components/surface/surface.css","home/runner/work/brick/brick/.brick-cache/production/../../src/components/data-grid/data-grid.css","home/runner/work/brick/brick/.brick-cache/production/../../src/components/image/image.css","home/runner/work/brick/brick/.brick-cache/production/../../src/components/table/table.css","home/runner/work/brick/brick/.brick-cache/production/../../src/components/divider/divider.css","home/runner/work/brick/brick/.brick-cache/production/../../src/components/tree-grid/tree-grid.css","home/runner/work/brick/brick/.brick-cache/production/../../src/components/aspect-ratio/aspect-ratio.css","home/runner/work/brick/brick/.brick-cache/production/../../src/components/feed/feed.css","home/runner/work/brick/brick/.brick-cache/production/../../src/components/scroll-area/scroll-area.css","home/runner/work/brick/brick/.brick-cache/production/../../src/components/tree/tree.css","home/runner/work/brick/brick/.brick-cache/production/../../src/components/app-bar/app-bar.css","home/runner/work/brick/brick/.brick-cache/production/../../src/components/swipeable-item/swipeable-item.css","home/runner/work/brick/brick/.brick-cache/production/../../src/components/code/code.css","home/runner/work/brick/brick/.brick-cache/production/../../src/components/hover-card/hover-card.css","home/runner/work/brick/brick/.brick-cache/production/../../src/components/card/card.css","home/runner/work/brick/brick/.brick-cache/production/../../src/components/toolbar/toolbar.css","home/runner/work/brick/brick/.brick-cache/production/../../src/components/em/em.css","home/runner/work/brick/brick/.brick-cache/production/../../src/components/mark/mark.css","home/runner/work/brick/brick/.brick-cache/production/../../src/components/dialog/dialog.css","home/runner/work/brick/brick/.brick-cache/production/../../src/components/popover/popover.css","home/runner/work/brick/brick/.brick-cache/production/../../src/components/pagination/pagination.css","home/runner/work/brick/brick/.brick-cache/production/../../src/components/kbd/kbd.css","home/runner/work/brick/brick/.brick-cache/production/../../src/components/alert-dialog/alert-dialog.css","home/runner/work/brick/brick/.brick-cache/production/../../src/components/form/form.css","home/runner/work/brick/brick/.brick-cache/production/../../src/components/_action-menu/action-menu.css","home/runner/work/brick/brick/.brick-cache/production/../../src/components/blockquote/blockquote.css","home/runner/work/brick/brick/.brick-cache/production/../../src/components/drawer/drawer.css","home/runner/work/brick/brick/.brick-cache/production/../../src/components/field/field.css","home/runner/work/brick/brick/.brick-cache/production/../../src/components/fieldset/fieldset.css","home/runner/work/brick/brick/.brick-cache/production/../../src/components/checkbox/checkbox.css","home/runner/work/brick/brick/.brick-cache/production/../../src/components/checkbox-group/checkbox-group.css","home/runner/work/brick/brick/.brick-cache/production/../../src/components/radio-group/radio-group.css","home/runner/work/brick/brick/.brick-cache/production/../../src/components/segment-group/segment-group.css","home/runner/work/brick/brick/.brick-cache/production/../../src/components/switch/switch.css","home/runner/work/brick/brick/.brick-cache/production/../../src/components/breadcrumb/breadcrumb.css","home/runner/work/brick/brick/.brick-cache/production/../../src/components/tabs/tabs.css","home/runner/work/brick/brick/.brick-cache/production/../../src/components/visually-hidden/visually-hidden.css","home/runner/work/brick/brick/.brick-cache/production/../../src/components/skip-link/skip-link.css","home/runner/work/brick/brick/.brick-cache/production/../../src/components/skeleton/skeleton.css","home/runner/work/brick/brick/.brick-cache/production/../../src/components/progress/progress.css","home/runner/work/brick/brick/.brick-cache/production/../../src/components/progress-circle/progress-circle.css","home/runner/work/brick/brick/.brick-cache/production/../../src/components/slider/slider.css","home/runner/work/brick/brick/.brick-cache/production/../../src/components/highlight/highlight.css","home/runner/work/brick/brick/.brick-cache/production/../../src/components/badge/badge.css","home/runner/work/brick/brick/.brick-cache/production/../../src/components/dropdown-menu/dropdown-menu.css","home/runner/work/brick/brick/.brick-cache/production/../../src/components/rating/rating.css","home/runner/work/brick/brick/.brick-cache/production/../../src/components/prose/prose.css","home/runner/work/brick/brick/.brick-cache/production/../../src/components/chip/chip.css","home/runner/work/brick/brick/.brick-cache/production/../../src/components/context-menu/context-menu.css","home/runner/work/brick/brick/.brick-cache/production/../../src/components/nav-list/nav-list.css","home/runner/work/brick/brick/.brick-cache/production/../../src/components/code-block/code-block.css","home/runner/work/brick/brick/.brick-cache/production/../../src/components/avatar/avatar.css","home/runner/work/brick/brick/.brick-cache/production/../../src/components/menubar/menubar.css","home/runner/work/brick/brick/.brick-cache/production/../../src/components/sidebar/sidebar.css","home/runner/work/brick/brick/.brick-cache/production/../../src/components/navigation-menu/navigation-menu.css","home/runner/work/brick/brick/.brick-cache/production/../../src/components/status/status.css","home/runner/work/brick/brick/.brick-cache/production/../../src/components/bottom-navigation/bottom-navigation.css","home/runner/work/brick/brick/.brick-cache/production/../../src/components/color-swatch/color-swatch.css","home/runner/work/brick/brick/.brick-cache/production/../../src/components/color-picker/color-picker.css","home/runner/work/brick/brick/.brick-cache/production/../../src/components/toggle/toggle.css","home/runner/work/brick/brick/.brick-cache/production/../../src/components/toggle-group/toggle-group.css","home/runner/work/brick/brick/.brick-cache/production/../../src/styles/floating-arrow.css","home/runner/work/brick/brick/.brick-cache/production/../../src/components/tooltip/tooltip.css"],"sourcesContent":["@import \"../../src/styles/layers.css\";\n@import \"./tokens.source.css\";\n@import \"../../src/styles/foundations.css\";\n@import \"../../src/components/appearance/appearance.css\";\n@import \"../../src/components/_action-spinner/action-spinner.css\";\n@import \"../../src/components/button/button.css\";\n@import \"../../src/components/icon-button/icon-button.css\";\n@import \"../../src/components/icon/icon.css\";\n@import \"../../src/components/image/image.css\";\n@import \"../../src/components/aspect-ratio/aspect-ratio.css\";\n@import \"../../src/components/app-bar/app-bar.css\";\n@import \"../../src/components/card/card.css\";\n@import \"../../src/components/dialog/dialog.css\";\n@import \"../../src/components/alert-dialog/alert-dialog.css\";\n@import \"../../src/components/drawer/drawer.css\";\n@import \"../../src/components/badge/badge.css\";\n@import \"../../src/components/chip/chip.css\";\n@import \"../../src/components/avatar/avatar.css\";\n@import \"../../src/components/status/status.css\";\n@import \"../../src/components/color-swatch/color-swatch.css\";\n@import \"../../src/components/color-picker/color-picker.css\";\n@import \"../../src/components/toggle/toggle.css\";\n@import \"../../src/components/toggle-group/toggle-group.css\";\n@import \"../../src/styles/floating-arrow.css\";\n@import \"../../src/components/tooltip/tooltip.css\";\n@import \"../../src/components/hover-card/hover-card.css\";\n@import \"../../src/components/popover/popover.css\";\n@import \"../../src/components/form/form.css\";\n@import \"../../src/components/field/field.css\";\n@import \"../../src/components/fieldset/fieldset.css\";\n@import \"../../src/components/checkbox/checkbox.css\";\n@import \"../../src/components/checkbox-group/checkbox-group.css\";\n@import \"../../src/components/radio-group/radio-group.css\";\n@import \"../../src/components/segment-group/segment-group.css\";\n@import \"../../src/components/switch/switch.css\";\n@import \"../../src/components/breadcrumb/breadcrumb.css\";\n@import \"../../src/components/tabs/tabs.css\";\n@import \"../../src/components/_action-menu/action-menu.css\";\n@import \"../../src/components/dropdown-menu/dropdown-menu.css\";\n@import \"../../src/components/context-menu/context-menu.css\";\n@import \"../../src/components/menubar/menubar.css\";\n@import \"../../src/components/navigation-menu/navigation-menu.css\";\n@import \"../../src/components/bottom-navigation/bottom-navigation.css\";\n@import \"../../src/components/visually-hidden/visually-hidden.css\";\n@import \"../../src/components/skip-link/skip-link.css\";\n@import \"../../src/components/skeleton/skeleton.css\";\n@import \"../../src/components/progress/progress.css\";\n@import \"../../src/components/progress-circle/progress-circle.css\";\n@import \"../../src/components/slider/slider.css\";\n@import \"../../src/components/rating/rating.css\";\n@import \"../../src/components/file-upload/file-upload.css\";\n@import \"../../src/components/toast/toast.css\";\n@import \"../../src/components/collapsible/collapsible.css\";\n@import \"../../src/components/accordion/accordion.css\";\n@import \"../../src/components/input/input.css\";\n@import \"../../src/components/number-input/number-input.css\";\n@import \"../../src/components/otp-field/otp-field.css\";\n@import \"../../src/components/password-toggle-field/password-toggle-field.css\";\n@import \"../../src/components/textarea/textarea.css\";\n@import \"../../src/components/select/select.css\";\n@import \"../../src/components/multi-select/multi-select.css\";\n@import \"../../src/components/combobox/combobox.css\";\n@import \"../../src/components/text/text.css\";\n@import \"../../src/components/link/link.css\";\n@import \"../../src/components/link-box/link-box.css\";\n@import \"../../src/components/list/list.css\";\n@import \"../../src/components/reorderable-list/reorderable-list.css\";\n@import \"../../src/components/table/table.css\";\n@import \"../../src/components/data-grid/data-grid.css\";\n@import \"../../src/components/tree-grid/tree-grid.css\";\n@import \"../../src/components/tree/tree.css\";\n@import \"../../src/components/feed/feed.css\";\n@import \"../../src/components/swipeable-item/swipeable-item.css\";\n@import \"../../src/components/toolbar/toolbar.css\";\n@import \"../../src/components/pagination/pagination.css\";\n@import \"../../src/components/carousel/carousel.css\";\n@import \"../../src/components/stack/stack.css\";\n@import \"../../src/components/group/group.css\";\n@import \"../../src/components/data-list/data-list.css\";\n@import \"../../src/components/z-stack/z-stack.css\";\n@import \"../../src/components/grid/grid.css\";\n@import \"../../src/components/container/container.css\";\n@import \"../../src/components/section/section.css\";\n@import \"../../src/components/frame/frame.css\";\n@import \"../../src/components/bleed/bleed.css\";\n@import \"../../src/components/show/show.css\";\n@import \"../../src/components/hide/hide.css\";\n@import \"../../src/components/surface/surface.css\";\n@import \"../../src/components/divider/divider.css\";\n@import \"../../src/components/scroll-area/scroll-area.css\";\n@import \"../../src/components/code/code.css\";\n@import \"../../src/components/em/em.css\";\n@import \"../../src/components/mark/mark.css\";\n@import \"../../src/components/kbd/kbd.css\";\n@import \"../../src/components/blockquote/blockquote.css\";\n@import \"../../src/components/highlight/highlight.css\";\n@import \"../../src/components/prose/prose.css\";\n@import \"../../src/components/code-block/code-block.css\";\n@import \"../../src/components/nav-list/nav-list.css\";\n@import \"../../src/components/sidebar/sidebar.css\";","@layer brick.tokens, flowstack.theme, brick.foundations, brick.components, brick.utilities, brick.effects;\n","@layer brick.components {\n  .brick-file-upload {\n    --brick-file-upload-gap: var(--brick-space-3);\n    --brick-file-upload-dropzone-min-block-size: 8.5rem;\n    --brick-file-upload-dropzone-padding: var(--brick-space-5);\n    --brick-file-upload-radius: var(--brick-radius-control);\n    --brick-file-upload-background: var(--brick-color-surface-raised);\n    --brick-file-upload-border: var(--brick-color-border-strong);\n    --brick-file-upload-foreground: var(--brick-color-text-primary);\n    --brick-file-upload-muted-foreground: var(--brick-color-text-secondary);\n    --brick-file-upload-hover-background: var(--brick-color-surface-subtle);\n    --brick-file-upload-accept-border: var(--brick-color-success-text);\n    --brick-file-upload-reject-border: var(--brick-color-danger-text);\n    --brick-file-upload-trigger-background: var(--brick-color-accent-solid);\n    --brick-file-upload-trigger-foreground: var(--brick-color-accent-on-solid);\n    --brick-file-upload-item-background: var(--brick-color-surface-raised);\n    --brick-file-upload-item-border: var(--brick-color-border-subtle);\n    --brick-file-upload-delete-foreground: var(--brick-color-text-secondary);\n\n    display: flex;\n    box-sizing: border-box;\n    min-inline-size: 0;\n    max-inline-size: 100%;\n    flex-direction: column;\n    gap: var(--brick-file-upload-gap);\n    color: var(--brick-file-upload-foreground);\n  }\n\n  .brick-file-upload[data-full-width] { inline-size: 100%; }\n  .brick-file-upload[data-shape=\"sharp\"] { --brick-file-upload-radius: 0; }\n\n  .brick-file-upload__dropzone {\n    display: flex;\n    box-sizing: border-box;\n    min-inline-size: 0;\n    min-block-size: var(--brick-file-upload-dropzone-min-block-size);\n    align-items: center;\n    justify-content: center;\n    flex-direction: column;\n    gap: var(--brick-space-2);\n    padding: var(--brick-file-upload-dropzone-padding);\n    border: var(--brick-border-width) dashed var(--brick-file-upload-border);\n    border-radius: var(--brick-file-upload-radius);\n    background: var(--brick-file-upload-background);\n    color: var(--brick-file-upload-muted-foreground);\n    text-align: center;\n    transition: background-color var(--brick-motion-duration-fast) var(--brick-motion-easing-standard), border-color var(--brick-motion-duration-fast) var(--brick-motion-easing-standard);\n  }\n\n  .brick-file-upload[data-variant=\"soft\"] .brick-file-upload__dropzone {\n    border-style: solid;\n    border-color: var(--brick-color-border-subtle);\n    background: var(--brick-color-surface-subtle);\n  }\n\n  .brick-file-upload__dropzone[data-dragging] { background: var(--brick-file-upload-hover-background); }\n  .brick-file-upload__dropzone[data-accepted] { border-color: var(--brick-file-upload-accept-border); }\n  .brick-file-upload__dropzone[data-rejected],\n  .brick-file-upload[data-invalid] .brick-file-upload__dropzone { border-color: var(--brick-file-upload-reject-border); }\n\n  .brick-file-upload__trigger {\n    display: inline-flex;\n    box-sizing: border-box;\n    min-inline-size: 0;\n    min-block-size: var(--brick-control-target-min);\n    align-items: center;\n    justify-content: center;\n    padding-inline: var(--brick-space-4);\n    border: 0;\n    border-radius: var(--brick-file-upload-radius);\n    outline: 0;\n    background: var(--brick-file-upload-trigger-background);\n    color: var(--brick-file-upload-trigger-foreground);\n    cursor: pointer;\n    font: inherit;\n    font-weight: var(--brick-typography-label-md-font-weight);\n  }\n\n  .brick-file-upload__trigger:hover:not(:disabled):not([aria-disabled=\"true\"]) { filter: brightness(0.96); }\n  .brick-file-upload__trigger:is(:focus-visible, [data-focus-visible]) {\n    outline: var(--brick-border-focus-width) solid var(--brick-color-focus-ring);\n    outline-offset: var(--brick-border-focus-offset);\n  }\n\n  .brick-file-upload__items {\n    display: grid;\n    min-inline-size: 0;\n    gap: var(--brick-space-2);\n    margin: 0;\n    padding: 0;\n    list-style: none;\n  }\n\n  .brick-file-upload__items:not([data-filled]) { display: none; }\n\n  .brick-file-upload__item {\n    display: grid;\n    box-sizing: border-box;\n    min-inline-size: 0;\n    grid-template-columns: minmax(0, 1fr) auto auto;\n    align-items: center;\n    gap: var(--brick-space-3);\n    padding: var(--brick-space-2) var(--brick-space-3);\n    border: var(--brick-border-width) solid var(--brick-file-upload-item-border);\n    border-radius: var(--brick-file-upload-radius);\n    background: var(--brick-file-upload-item-background);\n  }\n\n  .brick-file-upload__item-name {\n    min-inline-size: 0;\n    overflow: hidden;\n    color: var(--brick-file-upload-foreground);\n    text-overflow: ellipsis;\n    white-space: nowrap;\n  }\n\n  .brick-file-upload__item-size {\n    color: var(--brick-file-upload-muted-foreground);\n    white-space: nowrap;\n    font-size: var(--brick-typography-body-sm-font-size);\n    font-variant-numeric: tabular-nums;\n  }\n\n  .brick-file-upload__delete {\n    display: inline-grid;\n    box-sizing: border-box;\n    inline-size: var(--brick-control-target-min);\n    block-size: var(--brick-control-target-min);\n    place-items: center;\n    padding: 0;\n    border: 0;\n    border-radius: var(--brick-radius-full);\n    outline: 0;\n    background: transparent;\n    color: var(--brick-file-upload-delete-foreground);\n    cursor: pointer;\n  }\n\n  .brick-file-upload__delete:hover:not(:disabled) { background: var(--brick-color-surface-subtle); color: var(--brick-file-upload-foreground); }\n  .brick-file-upload__delete:is(:focus-visible, [data-focus-visible]) {\n    outline: var(--brick-border-focus-width) solid var(--brick-color-focus-ring);\n    outline-offset: var(--brick-border-focus-offset);\n  }\n  .brick-file-upload__delete-artwork { inline-size: 1rem; block-size: 1rem; }\n  .brick-file-upload__delete-artwork path { stroke: currentColor; stroke-linecap: round; stroke-width: 1.5; }\n\n  .brick-file-upload[data-size=\"sm\"] {\n    --brick-file-upload-gap: var(--brick-space-2);\n    --brick-file-upload-dropzone-min-block-size: 7rem;\n    --brick-file-upload-dropzone-padding: var(--brick-space-3);\n    font-size: var(--brick-typography-body-sm-font-size);\n  }\n  .brick-file-upload[data-size=\"lg\"] {\n    --brick-file-upload-gap: var(--brick-space-4);\n    --brick-file-upload-dropzone-min-block-size: 10rem;\n    --brick-file-upload-dropzone-padding: var(--brick-space-6);\n    font-size: var(--brick-typography-body-lg-font-size);\n  }\n\n  .brick-file-upload[data-disabled] .brick-file-upload__dropzone,\n  .brick-file-upload[data-readonly] .brick-file-upload__dropzone { background: var(--brick-color-surface-subtle); }\n  .brick-file-upload[data-disabled] :is(.brick-file-upload__trigger, .brick-file-upload__delete),\n  .brick-file-upload[data-readonly] :is(.brick-file-upload__trigger, .brick-file-upload__delete) { cursor: not-allowed; }\n\n  @media (prefers-reduced-motion: reduce) { .brick-file-upload__dropzone { transition: none; } }\n\n  @media (forced-colors: active) {\n    .brick-file-upload { forced-color-adjust: none; }\n    .brick-file-upload__dropzone, .brick-file-upload__item { border-color: ButtonText; background: Canvas; color: CanvasText; }\n    .brick-file-upload__trigger { border: 1px solid ButtonText; background: ButtonFace; color: ButtonText; }\n    .brick-file-upload__dropzone[data-accepted] { border-color: Highlight; }\n    .brick-file-upload__dropzone[data-rejected], .brick-file-upload[data-invalid] .brick-file-upload__dropzone { border-color: Mark; }\n    .brick-file-upload[data-disabled], .brick-file-upload[data-readonly] { opacity: 1; color: GrayText; }\n    .brick-file-upload[data-disabled] .brick-file-upload__dropzone, .brick-file-upload[data-readonly] .brick-file-upload__dropzone { border-color: GrayText; }\n  }\n}\n","@layer brick.components {\n  .brick-carousel {\n    --brick-carousel-gap: var(--brick-space-3);\n    --brick-carousel-radius: var(--brick-radius-surface);\n    --brick-carousel-control-size: 2.75rem;\n    --brick-carousel-control-radius: var(--brick-radius-full);\n    --brick-carousel-control-foreground: var(--brick-color-text-primary);\n    --brick-carousel-control-background: var(--brick-color-surface-raised);\n    --brick-carousel-control-border-color: var(--brick-color-border-subtle);\n    --brick-carousel-control-hover-background: var(--brick-color-surface-subtle);\n    --brick-carousel-control-shadow: var(--brick-shadow-sm);\n    --brick-carousel-control-disabled-opacity: 0.65;\n    --brick-carousel-focus-ring: var(--brick-color-focus-ring);\n    --brick-carousel-picker-gap: var(--brick-space-1);\n    --brick-carousel-picker-target-size: 2.75rem;\n    --brick-carousel-picker-background: color-mix(in srgb, var(--brick-color-surface-raised) 86%, transparent);\n    --brick-carousel-picker-padding: var(--brick-space-1);\n    --brick-carousel-picker-radius: var(--brick-radius-full);\n    --brick-carousel-dot-size: 0.5rem;\n    --brick-carousel-dot-background: var(--brick-color-text-muted);\n    --brick-carousel-dot-active-background: var(--brick-color-accent-solid);\n    --brick-carousel-transition-duration: var(--brick-motion-duration-fast);\n    --brick-carousel-transition-easing: var(--brick-motion-easing-standard);\n    --brick-carousel-navigation-block-start: 50%;\n    --brick-carousel-navigation-block-end: auto;\n    --brick-carousel-navigation-inline: var(--brick-carousel-gap);\n    --brick-carousel-navigation-transform: translateY(-50%);\n    --brick-carousel-controls-block-end: var(--brick-carousel-gap);\n\n    position: relative;\n    box-sizing: border-box;\n    inline-size: 100%;\n    min-block-size: 0;\n  }\n\n  .brick-carousel[data-fill] {\n    display: grid;\n    block-size: 100%;\n  }\n\n  .brick-carousel[data-fill] > .brick-carousel__viewport,\n  .brick-carousel[data-fill] > .brick-carousel__viewport > .brick-carousel__track,\n  .brick-carousel[data-fill] > .brick-carousel__viewport > .brick-carousel__track > .brick-carousel__slide {\n    block-size: 100%;\n    min-block-size: 0;\n  }\n\n  .brick-carousel[data-size=\"sm\"] { --brick-carousel-control-size: 2.25rem; --brick-carousel-dot-size: 0.375rem; }\n  .brick-carousel[data-size=\"lg\"] { --brick-carousel-control-size: 3.25rem; --brick-carousel-dot-size: 0.625rem; }\n  .brick-carousel[data-radius=\"none\"] { --brick-carousel-radius: 0rem; }\n\n  .brick-carousel[data-control-shape=\"rounded\"] { --brick-carousel-control-radius: var(--brick-radius-control); }\n  .brick-carousel[data-control-shape=\"circle\"] { --brick-carousel-control-radius: var(--brick-radius-full); }\n\n  .brick-carousel[data-control-variant=\"solid\"] {\n    --brick-carousel-control-background: var(--brick-color-text-primary);\n    --brick-carousel-control-hover-background: var(--brick-color-text-secondary);\n    --brick-carousel-control-foreground: var(--brick-color-text-inverse);\n    --brick-carousel-control-border-color: var(--brick-color-text-primary);\n    --brick-carousel-control-shadow: none;\n  }\n\n  .brick-carousel[data-control-variant=\"outline\"] {\n    --brick-carousel-control-background: transparent;\n    --brick-carousel-control-hover-background: color-mix(in srgb, var(--brick-color-surface-raised) 18%, transparent);\n    --brick-carousel-control-border-color: var(--brick-color-border-default);\n    --brick-carousel-control-shadow: none;\n  }\n\n  .brick-carousel[data-control-variant=\"ghost\"] {\n    --brick-carousel-control-background: transparent;\n    --brick-carousel-control-hover-background: color-mix(in srgb, var(--brick-color-surface-raised) 18%, transparent);\n    --brick-carousel-control-border-color: transparent;\n    --brick-carousel-control-shadow: none;\n  }\n\n  .brick-carousel__viewport {\n    box-sizing: border-box;\n    inline-size: 100%;\n    overflow-x: auto;\n    overflow-y: hidden;\n    border-radius: var(--brick-carousel-radius);\n    scroll-behavior: auto;\n    scroll-snap-type: inline mandatory;\n    scrollbar-width: none;\n    overscroll-behavior-inline: contain;\n    touch-action: pan-x pan-y;\n  }\n\n  .brick-carousel__viewport::-webkit-scrollbar { display: none; }\n\n  .brick-carousel__viewport:focus-visible {\n    outline: var(--brick-border-focus-width) solid var(--brick-carousel-focus-ring);\n    outline-offset: var(--brick-border-focus-offset);\n  }\n\n  .brick-carousel[data-control-placement=\"overlay\"]:has(> .brick-carousel__viewport:focus-visible)::after {\n    position: absolute;\n    z-index: 3;\n    inset: 0;\n    border: var(--brick-border-focus-width) solid var(--brick-carousel-focus-ring);\n    border-radius: var(--brick-carousel-radius);\n    content: \"\";\n    pointer-events: none;\n  }\n\n  .brick-carousel[data-control-placement=\"overlay\"] > .brick-carousel__viewport:focus-visible {\n    outline: none;\n  }\n\n  .brick-carousel[data-initialized] > .brick-carousel__viewport {\n    scroll-behavior: smooth;\n  }\n\n  .brick-carousel__track {\n    display: flex;\n    box-sizing: border-box;\n    inline-size: 100%;\n  }\n\n  .brick-carousel__track > [data-slot=\"carousel-loop-boundary\"] {\n    flex: 0 0 100%;\n  }\n\n  .brick-carousel__slide {\n    box-sizing: border-box;\n    min-inline-size: 100%;\n    flex: 0 0 100%;\n    scroll-snap-align: start;\n    scroll-snap-stop: always;\n  }\n\n  .brick-carousel__slide[data-loop-position=\"before\"] {\n    transform: translateX(calc(-1 * var(--atom-carousel-count) * 100%));\n  }\n\n  .brick-carousel__slide[data-loop-position=\"after\"] {\n    transform: translateX(calc(var(--atom-carousel-count) * 100%));\n  }\n\n  .brick-carousel[dir=\"rtl\"] .brick-carousel__slide[data-loop-position=\"before\"] {\n    transform: translateX(calc(var(--atom-carousel-count) * 100%));\n  }\n\n  .brick-carousel[dir=\"rtl\"] .brick-carousel__slide[data-loop-position=\"after\"] {\n    transform: translateX(calc(-1 * var(--atom-carousel-count) * 100%));\n  }\n\n  .brick-carousel__navigation {\n    position: absolute;\n    z-index: 2;\n    inset-block-start: var(--brick-carousel-navigation-block-start);\n    inset-block-end: var(--brick-carousel-navigation-block-end);\n    inset-inline: var(--brick-carousel-navigation-inline);\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    pointer-events: none;\n    transform: var(--brick-carousel-navigation-transform);\n    transition: opacity var(--brick-carousel-transition-duration) var(--brick-carousel-transition-easing);\n  }\n\n  .brick-carousel__navigation[data-visibility=\"interaction\"] {\n    opacity: 0;\n  }\n\n  .brick-carousel__navigation[data-visibility=\"interaction\"] > :is(.brick-carousel__previous, .brick-carousel__next) {\n    pointer-events: none;\n  }\n\n  .brick-carousel:focus-within > .brick-carousel__navigation[data-visibility=\"interaction\"],\n  .brick-carousel[data-touch-navigation=\"visible\"] > .brick-carousel__navigation[data-visibility=\"interaction\"] {\n    opacity: 1;\n  }\n\n  .brick-carousel:focus-within > .brick-carousel__navigation[data-visibility=\"interaction\"] > :is(.brick-carousel__previous, .brick-carousel__next),\n  .brick-carousel[data-touch-navigation=\"visible\"] > .brick-carousel__navigation[data-visibility=\"interaction\"] > :is(.brick-carousel__previous, .brick-carousel__next) {\n    pointer-events: auto;\n  }\n\n  .brick-carousel__previous,\n  .brick-carousel__next,\n  .brick-carousel__rotation-control {\n    --brick-carousel-part-control-size: var(--brick-carousel-control-size);\n    --brick-carousel-part-control-radius: var(--brick-carousel-control-radius);\n\n    display: inline-flex;\n    box-sizing: border-box;\n    inline-size: var(--brick-carousel-part-control-size);\n    block-size: var(--brick-carousel-part-control-size);\n    flex: 0 0 auto;\n    align-items: center;\n    justify-content: center;\n    padding: 0;\n    border: 1px solid var(--brick-carousel-control-border-color);\n    border-radius: var(--brick-carousel-part-control-radius);\n    color: var(--brick-carousel-control-foreground);\n    background: var(--brick-carousel-control-background);\n    box-shadow: var(--brick-carousel-control-shadow);\n    cursor: pointer;\n    pointer-events: auto;\n    touch-action: manipulation;\n    transition:\n      background-color var(--brick-carousel-transition-duration) var(--brick-carousel-transition-easing),\n      border-color var(--brick-carousel-transition-duration) var(--brick-carousel-transition-easing),\n      color var(--brick-carousel-transition-duration) var(--brick-carousel-transition-easing),\n      opacity var(--brick-carousel-transition-duration) var(--brick-carousel-transition-easing);\n  }\n\n  :is(.brick-carousel__previous, .brick-carousel__next, .brick-carousel__rotation-control)[data-size=\"xs\"] { --brick-carousel-part-control-size: var(--brick-control-min-block-size-xs); }\n  :is(.brick-carousel__previous, .brick-carousel__next, .brick-carousel__rotation-control)[data-size=\"sm\"] { --brick-carousel-part-control-size: var(--brick-control-min-block-size-sm); }\n  :is(.brick-carousel__previous, .brick-carousel__next, .brick-carousel__rotation-control)[data-size=\"md\"] { --brick-carousel-part-control-size: var(--brick-control-min-block-size-md); }\n  :is(.brick-carousel__previous, .brick-carousel__next, .brick-carousel__rotation-control)[data-size=\"lg\"] { --brick-carousel-part-control-size: var(--brick-control-min-block-size-lg); }\n  :is(.brick-carousel__previous, .brick-carousel__next, .brick-carousel__rotation-control)[data-size=\"xl\"] { --brick-carousel-part-control-size: var(--brick-control-min-block-size-xl); }\n  :is(.brick-carousel__previous, .brick-carousel__next, .brick-carousel__rotation-control)[data-shape=\"rounded\"] { --brick-carousel-part-control-radius: var(--brick-radius-control); }\n  :is(.brick-carousel__previous, .brick-carousel__next, .brick-carousel__rotation-control)[data-shape=\"circle\"] { --brick-carousel-part-control-radius: var(--brick-radius-full); }\n\n  :is(.brick-carousel__previous, .brick-carousel__next, .brick-carousel__rotation-control)[data-variant=\"solid\"] {\n    border-color: var(--brick-color-text-primary);\n    background: var(--brick-color-text-primary);\n    color: var(--brick-color-text-inverse);\n    box-shadow: none;\n  }\n\n  :is(.brick-carousel__previous, .brick-carousel__next, .brick-carousel__rotation-control)[data-variant=\"outline\"] {\n    border-color: var(--brick-color-border-default);\n    background: transparent;\n    box-shadow: none;\n  }\n\n  :is(.brick-carousel__previous, .brick-carousel__next, .brick-carousel__rotation-control)[data-variant=\"ghost\"] {\n    border-color: transparent;\n    background: transparent;\n    box-shadow: none;\n  }\n\n  .brick-carousel__previous:hover:not(:disabled),\n  .brick-carousel__next:hover:not(:disabled),\n  .brick-carousel__rotation-control:hover:not(:disabled) { background: var(--brick-carousel-control-hover-background); }\n\n  .brick-carousel__previous:focus-visible,\n  .brick-carousel__next:focus-visible,\n  .brick-carousel__rotation-control:focus-visible,\n  .brick-carousel__picker-item:focus-visible {\n    outline: var(--brick-border-focus-width) solid var(--brick-carousel-focus-ring);\n    outline-offset: var(--brick-border-focus-offset);\n  }\n\n  .brick-carousel__previous:disabled,\n  .brick-carousel__next:disabled { opacity: var(--brick-carousel-control-disabled-opacity); cursor: not-allowed; }\n\n  .brick-carousel__control-icon,\n  .brick-carousel__rotation-icon { inline-size: 1rem; block-size: 1rem; }\n\n  .brick-carousel__rotation-icon--play { display: inline-flex; }\n  .brick-carousel__rotation-icon--pause { display: none; }\n  .brick-carousel__rotation-control[data-state=\"playing\"] .brick-carousel__rotation-icon--play { display: none; }\n  .brick-carousel__rotation-control[data-state=\"playing\"] .brick-carousel__rotation-icon--pause { display: inline-flex; }\n\n  .brick-carousel__controls {\n    position: absolute;\n    z-index: 2;\n    inset-block-end: var(--brick-carousel-controls-block-end);\n    inset-inline-start: 50%;\n    display: flex;\n    align-items: center;\n    gap: var(--brick-carousel-picker-gap);\n    transform: translateX(-50%);\n  }\n\n  .brick-carousel__picker {\n    display: inline-flex;\n    align-items: center;\n    gap: var(--brick-carousel-picker-gap);\n    padding: var(--brick-carousel-picker-padding);\n    border-radius: var(--brick-carousel-picker-radius);\n    background: var(--brick-carousel-picker-background);\n  }\n\n  .brick-carousel__picker[data-variant=\"bare\"] {\n    padding: 0;\n    background: transparent;\n  }\n\n  .brick-carousel__picker-item {\n    display: inline-flex;\n    box-sizing: border-box;\n    inline-size: var(--brick-carousel-picker-target-size);\n    block-size: var(--brick-carousel-picker-target-size);\n    align-items: center;\n    justify-content: center;\n    padding: 0;\n    border: 0;\n    border-radius: var(--brick-radius-full);\n    color: inherit;\n    background: transparent;\n    cursor: pointer;\n    touch-action: manipulation;\n  }\n\n  .brick-carousel__picker-dot {\n    inline-size: var(--brick-carousel-dot-size);\n    block-size: var(--brick-carousel-dot-size);\n    border-radius: var(--brick-radius-full);\n    background: var(--brick-carousel-dot-background);\n    transition: inline-size var(--brick-carousel-transition-duration), background-color var(--brick-carousel-transition-duration);\n  }\n\n  .brick-carousel__picker-item[data-state=\"active\"] .brick-carousel__picker-dot {\n    inline-size: calc(var(--brick-carousel-dot-size) * 2.5);\n    background: var(--brick-carousel-dot-active-background);\n  }\n\n  .brick-carousel[data-control-placement=\"outside\"] {\n    display: grid;\n    grid-template-columns: 1fr;\n    gap: var(--brick-carousel-gap);\n  }\n\n  .brick-carousel[data-control-placement=\"outside\"] .brick-carousel__navigation,\n  .brick-carousel[data-control-placement=\"outside\"] .brick-carousel__controls {\n    position: static;\n    transform: none;\n  }\n\n  .brick-carousel[data-control-placement=\"outside\"] .brick-carousel__navigation { grid-row: 2; padding-inline: var(--brick-carousel-gap); }\n  .brick-carousel[data-control-placement=\"outside\"] .brick-carousel__controls { grid-row: 3; justify-self: center; }\n\n  @media (prefers-reduced-motion: reduce) {\n    .brick-carousel__viewport { scroll-behavior: auto; }\n    .brick-carousel__previous,\n    .brick-carousel__next,\n    .brick-carousel__rotation-control,\n    .brick-carousel__picker-dot { transition-duration: 0s; }\n  }\n\n  @media (hover: hover) and (pointer: fine) {\n    .brick-carousel:hover > .brick-carousel__navigation[data-visibility=\"interaction\"] {\n      opacity: 1;\n    }\n\n    .brick-carousel:hover > .brick-carousel__navigation[data-visibility=\"interaction\"] > :is(.brick-carousel__previous, .brick-carousel__next) {\n      pointer-events: auto;\n    }\n  }\n\n  @media (forced-colors: active) {\n    .brick-carousel__viewport:focus-visible { outline-color: Highlight; }\n    .brick-carousel[data-control-placement=\"overlay\"]:has(> .brick-carousel__viewport:focus-visible)::after { border-color: Highlight; }\n    .brick-carousel__previous,\n    .brick-carousel__next,\n    .brick-carousel__rotation-control { border-color: ButtonText; }\n    .brick-carousel__picker-dot { background: ButtonText; }\n    .brick-carousel__picker-item[data-state=\"active\"] .brick-carousel__picker-dot { background: Highlight; }\n  }\n}\n","@layer brick.tokens {\n  :root {\n    color-scheme: light dark;\n    --brick-border-focus-offset: 0.25rem;\n    --brick-border-focus-width: 2px;\n    --brick-border-width: 1px;\n    --brick-color-accent-border: #aaa8f2;\n    --brick-color-accent-on-soft: #414098;\n    --brick-color-accent-on-solid: #ffffff;\n    --brick-color-accent-soft: #f0f0ff;\n    --brick-color-accent-soft-hover: #e6e6fe;\n    --brick-color-accent-soft-pressed: #dadaff;\n    --brick-color-accent-solid: #5b5bd6;\n    --brick-color-accent-solid-hover: #5151cd;\n    --brick-color-accent-solid-pressed: #4747c2;\n    --brick-color-accent-text: #414098;\n    --brick-color-border-default: #d9d6d0;\n    --brick-color-border-strong: #aaa69e;\n    --brick-color-border-subtle: #e3e0db;\n    --brick-color-danger-border: #ef9cad;\n    --brick-color-danger-on-soft: #ad233f;\n    --brick-color-danger-on-solid: #ffffff;\n    --brick-color-danger-soft: #ffeef1;\n    --brick-color-danger-soft-hover: #ffdde3;\n    --brick-color-danger-soft-pressed: #ffcbd5;\n    --brick-color-danger-solid: #ad233f;\n    --brick-color-danger-solid-hover: #9f1f38;\n    --brick-color-danger-solid-pressed: #901a33;\n    --brick-color-danger-surface: #ffeef1;\n    --brick-color-danger-text: #ad233f;\n    --brick-color-focus-ring: #5b5bd6;\n    --brick-color-info-border: #95c9f6;\n    --brick-color-info-on-soft: #105da9;\n    --brick-color-info-on-solid: #ffffff;\n    --brick-color-info-soft: #ecf6ff;\n    --brick-color-info-soft-hover: #dceeff;\n    --brick-color-info-soft-pressed: #cbe7ff;\n    --brick-color-info-solid: #0073d0;\n    --brick-color-info-solid-hover: #0068bd;\n    --brick-color-info-solid-pressed: #005da9;\n    --brick-color-info-surface: #ecf6ff;\n    --brick-color-info-text: #105da9;\n    --brick-color-link-text: #3a3a8f;\n    --brick-color-link-text-hover: #333185;\n    --brick-color-link-text-pressed: #2a2579;\n    --brick-color-scrim: #1413128c;\n    --brick-color-shadow: #1413122e;\n    --brick-color-success-border: #7bd1ad;\n    --brick-color-success-on-soft: #136e4c;\n    --brick-color-success-on-solid: #ffffff;\n    --brick-color-success-soft: #e8fbf3;\n    --brick-color-success-soft-hover: #d7f6e9;\n    --brick-color-success-soft-pressed: #c5efdd;\n    --brick-color-success-solid: #18794e;\n    --brick-color-success-solid-hover: #146f46;\n    --brick-color-success-solid-pressed: #10643e;\n    --brick-color-success-surface: #e8fbf3;\n    --brick-color-success-text: #136e4c;\n    --brick-color-surface-base: #f9f8f6;\n    --brick-color-surface-canvas: #fdfcfb;\n    --brick-color-surface-overlay: #ffffff;\n    --brick-color-surface-raised: #ffffff;\n    --brick-color-surface-subtle: #f2f0ed;\n    --brick-color-text-disabled: #76726c;\n    --brick-color-text-inverse: #ffffff;\n    --brick-color-text-muted: #76726c;\n    --brick-color-text-primary: #211f1c;\n    --brick-color-text-secondary: #63605b;\n    --brick-color-warning-border: #e3a644;\n    --brick-color-warning-on-soft: #714904;\n    --brick-color-warning-on-solid: #211f1c;\n    --brick-color-warning-soft: #fff7e3;\n    --brick-color-warning-soft-hover: #ffedc2;\n    --brick-color-warning-soft-pressed: #ffe3a1;\n    --brick-color-warning-solid: #f29f21;\n    --brick-color-warning-solid-hover: #e58c0e;\n    --brick-color-warning-solid-pressed: #d87d00;\n    --brick-color-warning-surface: #fff7e3;\n    --brick-color-warning-text: #714904;\n    --brick-control-min-block-size-lg: 3.25rem;\n    --brick-control-min-block-size-md: 2.75rem;\n    --brick-control-min-block-size-sm: 2.25rem;\n    --brick-control-min-block-size-xl: 3.75rem;\n    --brick-control-min-block-size-xs: 1.75rem;\n    --brick-control-target-min: 2.75rem;\n    --brick-font-family-body: ui-sans-serif, system-ui, sans-serif;\n    --brick-font-family-heading: ui-sans-serif, system-ui, sans-serif;\n    --brick-font-family-mono: ui-monospace, SFMono-Regular, monospace;\n    --brick-font-letter-spacing-normal: 0em;\n    --brick-font-letter-spacing-slight: -0.01em;\n    --brick-font-letter-spacing-tight: -0.02em;\n    --brick-font-letter-spacing-tightest: -0.03em;\n    --brick-font-letter-spacing-wide: 0.08em;\n    --brick-font-line-height-body: 1.5;\n    --brick-font-line-height-tight: 1.2;\n    --brick-font-size-2xl: 2rem;\n    --brick-font-size-3xl: 2.5rem;\n    --brick-font-size-4xl: 3.25rem;\n    --brick-font-size-5xl: 4rem;\n    --brick-font-size-lg: 1.25rem;\n    --brick-font-size-md: 1rem;\n    --brick-font-size-sm: 0.875rem;\n    --brick-font-size-xl: 1.5rem;\n    --brick-font-size-xs: 0.75rem;\n    --brick-font-weight-medium: 500;\n    --brick-font-weight-regular: 400;\n    --brick-font-weight-semibold: 600;\n    --brick-layer-base: 0;\n    --brick-layer-overlay: 1000;\n    --brick-motion-duration-fast: 120ms;\n    --brick-motion-duration-moderate: 200ms;\n    --brick-motion-easing-enter: cubic-bezier(0, 0, 0.2, 1);\n    --brick-motion-easing-exit: cubic-bezier(0.4, 0, 1, 1);\n    --brick-motion-easing-standard: cubic-bezier(0.2, 0, 0, 1);\n    --brick-radius-control: 0.5rem;\n    --brick-radius-full: 9999px;\n    --brick-radius-overlay: 1rem;\n    --brick-radius-subtle: 0.25rem;\n    --brick-radius-surface: 0.75rem;\n    --brick-shadow-floating: 0rem 0.75rem 2rem 0rem #14131218;\n    --brick-shadow-modal: 0rem 1.5rem 4.5rem 0rem #1413122c;\n    --brick-shadow-raised: 0rem 0.5rem 1.5rem -0.25rem #1413122e;\n    --brick-shadow-sm: 0rem 0.125rem 0.375rem 0rem #1413122e;\n    --brick-space-0: 0rem;\n    --brick-space-1: 0.25rem;\n    --brick-space-2: 0.5rem;\n    --brick-space-3: 0.75rem;\n    --brick-space-4: 1rem;\n    --brick-space-5: 1.5rem;\n    --brick-space-6: 2rem;\n    --brick-space-component-gap: 0.5rem;\n    --brick-space-control-inline: 1rem;\n    --brick-space-surface: 1.5rem;\n    --brick-typography-body-lg-font-family: ui-sans-serif, system-ui, sans-serif;\n    --brick-typography-body-lg-font-size: 1.25rem;\n    --brick-typography-body-lg-font-weight: 400;\n    --brick-typography-body-lg-letter-spacing: 0em;\n    --brick-typography-body-lg-line-height: 1.5;\n    --brick-typography-body-md-font-family: ui-sans-serif, system-ui, sans-serif;\n    --brick-typography-body-md-font-size: 1rem;\n    --brick-typography-body-md-font-weight: 400;\n    --brick-typography-body-md-letter-spacing: 0em;\n    --brick-typography-body-md-line-height: 1.5;\n    --brick-typography-body-sm-font-family: ui-sans-serif, system-ui, sans-serif;\n    --brick-typography-body-sm-font-size: 0.875rem;\n    --brick-typography-body-sm-font-weight: 400;\n    --brick-typography-body-sm-letter-spacing: 0em;\n    --brick-typography-body-sm-line-height: 1.5;\n    --brick-typography-caption-font-family: ui-sans-serif, system-ui, sans-serif;\n    --brick-typography-caption-font-size: 0.75rem;\n    --brick-typography-caption-font-weight: 400;\n    --brick-typography-caption-letter-spacing: 0em;\n    --brick-typography-caption-line-height: 1.5;\n    --brick-typography-code-block-md-font-family: ui-monospace, SFMono-Regular, monospace;\n    --brick-typography-code-block-md-font-size: 1rem;\n    --brick-typography-code-block-md-font-weight: 400;\n    --brick-typography-code-block-md-letter-spacing: 0em;\n    --brick-typography-code-block-md-line-height: 1.5;\n    --brick-typography-code-block-sm-font-family: ui-monospace, SFMono-Regular, monospace;\n    --brick-typography-code-block-sm-font-size: 0.875rem;\n    --brick-typography-code-block-sm-font-weight: 400;\n    --brick-typography-code-block-sm-letter-spacing: 0em;\n    --brick-typography-code-block-sm-line-height: 1.5;\n    --brick-typography-code-inline-font-family: ui-monospace, SFMono-Regular, monospace;\n    --brick-typography-code-inline-font-size: 0.9em;\n    --brick-typography-code-inline-font-weight: 400;\n    --brick-typography-code-inline-letter-spacing: 0em;\n    --brick-typography-code-inline-line-height: 1.5;\n    --brick-typography-compact-title-lg-font-family: ui-sans-serif, system-ui, sans-serif;\n    --brick-typography-compact-title-lg-font-size: 1rem;\n    --brick-typography-compact-title-lg-font-weight: 600;\n    --brick-typography-compact-title-lg-letter-spacing: -0.01em;\n    --brick-typography-compact-title-lg-line-height: 1.2;\n    --brick-typography-compact-title-font-family: ui-sans-serif, system-ui, sans-serif;\n    --brick-typography-compact-title-font-size: 0.875rem;\n    --brick-typography-compact-title-font-weight: 600;\n    --brick-typography-compact-title-letter-spacing: 0em;\n    --brick-typography-compact-title-line-height: 1.2;\n    --brick-typography-control-lg-font-family: ui-sans-serif, system-ui, sans-serif;\n    --brick-typography-control-lg-font-size: 1rem;\n    --brick-typography-control-lg-font-weight: 500;\n    --brick-typography-control-lg-letter-spacing: 0em;\n    --brick-typography-control-lg-line-height: 1.2;\n    --brick-typography-control-md-font-family: ui-sans-serif, system-ui, sans-serif;\n    --brick-typography-control-md-font-size: 0.9375rem;\n    --brick-typography-control-md-font-weight: 500;\n    --brick-typography-control-md-letter-spacing: 0em;\n    --brick-typography-control-md-line-height: 1.2;\n    --brick-typography-control-sm-font-family: ui-sans-serif, system-ui, sans-serif;\n    --brick-typography-control-sm-font-size: 0.875rem;\n    --brick-typography-control-sm-font-weight: 500;\n    --brick-typography-control-sm-letter-spacing: 0em;\n    --brick-typography-control-sm-line-height: 1.2;\n    --brick-typography-control-xl-font-family: ui-sans-serif, system-ui, sans-serif;\n    --brick-typography-control-xl-font-size: 1.125rem;\n    --brick-typography-control-xl-font-weight: 500;\n    --brick-typography-control-xl-letter-spacing: 0em;\n    --brick-typography-control-xl-line-height: 1.2;\n    --brick-typography-control-xs-font-family: ui-sans-serif, system-ui, sans-serif;\n    --brick-typography-control-xs-font-size: 0.75rem;\n    --brick-typography-control-xs-font-weight: 500;\n    --brick-typography-control-xs-letter-spacing: 0em;\n    --brick-typography-control-xs-line-height: 1.2;\n    --brick-typography-display-lg-font-family: ui-sans-serif, system-ui, sans-serif;\n    --brick-typography-display-lg-font-size: 4rem;\n    --brick-typography-display-lg-font-weight: 600;\n    --brick-typography-display-lg-letter-spacing: -0.03em;\n    --brick-typography-display-lg-line-height: 1.2;\n    --brick-typography-display-md-font-family: ui-sans-serif, system-ui, sans-serif;\n    --brick-typography-display-md-font-size: 3.25rem;\n    --brick-typography-display-md-font-weight: 600;\n    --brick-typography-display-md-letter-spacing: -0.03em;\n    --brick-typography-display-md-line-height: 1.2;\n    --brick-typography-display-sm-font-family: ui-sans-serif, system-ui, sans-serif;\n    --brick-typography-display-sm-font-size: 2.5rem;\n    --brick-typography-display-sm-font-weight: 600;\n    --brick-typography-display-sm-letter-spacing: -0.03em;\n    --brick-typography-display-sm-line-height: 1.2;\n    --brick-typography-display-font-family: ui-sans-serif, system-ui, sans-serif;\n    --brick-typography-display-font-size: 2.5rem;\n    --brick-typography-display-font-weight: 600;\n    --brick-typography-display-letter-spacing: -0.03em;\n    --brick-typography-display-line-height: 1.2;\n    --brick-typography-eyebrow-font-family: ui-sans-serif, system-ui, sans-serif;\n    --brick-typography-eyebrow-font-size: 0.75rem;\n    --brick-typography-eyebrow-font-weight: 600;\n    --brick-typography-eyebrow-letter-spacing: 0.08em;\n    --brick-typography-eyebrow-line-height: 1.2;\n    --brick-typography-field-value-lg-font-family: ui-sans-serif, system-ui, sans-serif;\n    --brick-typography-field-value-lg-font-size: 1.125rem;\n    --brick-typography-field-value-lg-font-weight: 400;\n    --brick-typography-field-value-lg-letter-spacing: 0em;\n    --brick-typography-field-value-lg-line-height: 1.5;\n    --brick-typography-field-value-md-font-family: ui-sans-serif, system-ui, sans-serif;\n    --brick-typography-field-value-md-font-size: 1rem;\n    --brick-typography-field-value-md-font-weight: 400;\n    --brick-typography-field-value-md-letter-spacing: 0em;\n    --brick-typography-field-value-md-line-height: 1.5;\n    --brick-typography-label-md-font-family: ui-sans-serif, system-ui, sans-serif;\n    --brick-typography-label-md-font-size: 1rem;\n    --brick-typography-label-md-font-weight: 500;\n    --brick-typography-label-md-letter-spacing: 0em;\n    --brick-typography-label-md-line-height: 1.5;\n    --brick-typography-label-strong-font-family: ui-sans-serif, system-ui, sans-serif;\n    --brick-typography-label-strong-font-size: 1rem;\n    --brick-typography-label-strong-font-weight: 600;\n    --brick-typography-label-strong-letter-spacing: 0em;\n    --brick-typography-label-strong-line-height: 1.5;\n    --brick-typography-overlay-title-font-family: ui-sans-serif, system-ui, sans-serif;\n    --brick-typography-overlay-title-font-size: 1.25rem;\n    --brick-typography-overlay-title-font-weight: 600;\n    --brick-typography-overlay-title-letter-spacing: -0.01em;\n    --brick-typography-overlay-title-line-height: 1.2;\n    --brick-typography-supporting-sm-font-family: ui-sans-serif, system-ui, sans-serif;\n    --brick-typography-supporting-sm-font-size: 0.875rem;\n    --brick-typography-supporting-sm-font-weight: 400;\n    --brick-typography-supporting-sm-letter-spacing: 0em;\n    --brick-typography-supporting-sm-line-height: 1.5;\n    --brick-typography-surface-title-lg-font-family: ui-sans-serif, system-ui, sans-serif;\n    --brick-typography-surface-title-lg-font-size: 1.25rem;\n    --brick-typography-surface-title-lg-font-weight: 600;\n    --brick-typography-surface-title-lg-letter-spacing: -0.01em;\n    --brick-typography-surface-title-lg-line-height: 1.2;\n    --brick-typography-surface-title-md-font-family: ui-sans-serif, system-ui, sans-serif;\n    --brick-typography-surface-title-md-font-size: 1.125rem;\n    --brick-typography-surface-title-md-font-weight: 600;\n    --brick-typography-surface-title-md-letter-spacing: -0.01em;\n    --brick-typography-surface-title-md-line-height: 1.2;\n    --brick-typography-surface-title-sm-font-family: ui-sans-serif, system-ui, sans-serif;\n    --brick-typography-surface-title-sm-font-size: 1rem;\n    --brick-typography-surface-title-sm-font-weight: 600;\n    --brick-typography-surface-title-sm-letter-spacing: -0.01em;\n    --brick-typography-surface-title-sm-line-height: 1.2;\n    --brick-typography-title-lg-font-family: ui-sans-serif, system-ui, sans-serif;\n    --brick-typography-title-lg-font-size: 2rem;\n    --brick-typography-title-lg-font-weight: 600;\n    --brick-typography-title-lg-letter-spacing: -0.02em;\n    --brick-typography-title-lg-line-height: 1.2;\n    --brick-typography-title-md-font-family: ui-sans-serif, system-ui, sans-serif;\n    --brick-typography-title-md-font-size: 1.5rem;\n    --brick-typography-title-md-font-weight: 600;\n    --brick-typography-title-md-letter-spacing: -0.02em;\n    --brick-typography-title-md-line-height: 1.2;\n    --brick-typography-title-sm-font-family: ui-sans-serif, system-ui, sans-serif;\n    --brick-typography-title-sm-font-size: 1.25rem;\n    --brick-typography-title-sm-font-weight: 600;\n    --brick-typography-title-sm-letter-spacing: -0.01em;\n    --brick-typography-title-sm-line-height: 1.2;\n    --brick-typography-validation-sm-font-family: ui-sans-serif, system-ui, sans-serif;\n    --brick-typography-validation-sm-font-size: 0.875rem;\n    --brick-typography-validation-sm-font-weight: 500;\n    --brick-typography-validation-sm-letter-spacing: 0em;\n    --brick-typography-validation-sm-line-height: 1.5;\n  }\n\n  @media (prefers-color-scheme: dark) {\n    :root:not([data-brick-appearance]) {\n    --brick-color-accent-border: #5a56b5;\n    --brick-color-accent-on-soft: #bebaff;\n    --brick-color-accent-on-solid: #ffffff;\n    --brick-color-accent-soft: #232149;\n    --brick-color-accent-soft-hover: #2f2c5c;\n    --brick-color-accent-soft-pressed: #3a376f;\n    --brick-color-accent-solid: #5b57c7;\n    --brick-color-accent-solid-hover: #625ed0;\n    --brick-color-accent-solid-pressed: #514db6;\n    --brick-color-accent-text: #bebaff;\n    --brick-color-border-default: #4d4c47;\n    --brick-color-border-strong: #706d64;\n    --brick-color-border-subtle: #3b3b37;\n    --brick-color-danger-border: #993045;\n    --brick-color-danger-on-soft: #ff93a7;\n    --brick-color-danger-on-solid: #ffffff;\n    --brick-color-danger-soft: #44131e;\n    --brick-color-danger-soft-hover: #561825;\n    --brick-color-danger-soft-pressed: #681d2d;\n    --brick-color-danger-solid: #af2642;\n    --brick-color-danger-solid-hover: #bd2c49;\n    --brick-color-danger-solid-pressed: #9f2038;\n    --brick-color-danger-surface: #44131e;\n    --brick-color-danger-text: #ff93a7;\n    --brick-color-focus-ring: #bebaff;\n    --brick-color-info-border: #2c6ba7;\n    --brick-color-info-on-soft: #95c9f6;\n    --brick-color-info-on-solid: #ffffff;\n    --brick-color-info-soft: #102840;\n    --brick-color-info-soft-hover: #143654;\n    --brick-color-info-soft-pressed: #184267;\n    --brick-color-info-solid: #0a6ec3;\n    --brick-color-info-solid-hover: #1178cf;\n    --brick-color-info-solid-pressed: #075fa9;\n    --brick-color-info-surface: #102840;\n    --brick-color-info-text: #95c9f6;\n    --brick-color-link-text: #abb5ff;\n    --brick-color-link-text-hover: #b7c1ff;\n    --brick-color-link-text-pressed: #c6cfff;\n    --brick-color-scrim: #000000b8;\n    --brick-color-shadow: #00000080;\n    --brick-color-success-border: #237350;\n    --brick-color-success-on-soft: #7bd1ad;\n    --brick-color-success-on-solid: #ffffff;\n    --brick-color-success-soft: #0e3022;\n    --brick-color-success-soft-hover: #123d2b;\n    --brick-color-success-soft-pressed: #174b35;\n    --brick-color-success-solid: #18794e;\n    --brick-color-success-solid-hover: #1e8357;\n    --brick-color-success-solid-pressed: #12663f;\n    --brick-color-success-surface: #0e3022;\n    --brick-color-success-text: #7bd1ad;\n    --brick-color-surface-base: #20201e;\n    --brick-color-surface-canvas: #191918;\n    --brick-color-surface-overlay: #2e2e2b;\n    --brick-color-surface-raised: #2e2e2b;\n    --brick-color-surface-subtle: #272725;\n    --brick-color-text-disabled: #999690;\n    --brick-color-text-inverse: #211f1c;\n    --brick-color-text-muted: #999690;\n    --brick-color-text-primary: #eeeeec;\n    --brick-color-text-secondary: #b8b6b1;\n    --brick-color-warning-border: #905f12;\n    --brick-color-warning-on-soft: #f2bd59;\n    --brick-color-warning-on-solid: #211f1c;\n    --brick-color-warning-soft: #3d2707;\n    --brick-color-warning-soft-hover: #4d3108;\n    --brick-color-warning-soft-pressed: #5d3b09;\n    --brick-color-warning-solid: #e39019;\n    --brick-color-warning-solid-hover: #eda025;\n    --brick-color-warning-solid-pressed: #cf7d08;\n    --brick-color-warning-surface: #3d2707;\n    --brick-color-warning-text: #f2bd59;\n    --brick-shadow-floating: 0rem 0.75rem 2rem 0rem #00000042;\n    --brick-shadow-modal: 0rem 1.5rem 4.5rem 0rem #0000007a;\n    --brick-shadow-raised: 0rem 0.5rem 1.5rem -0.25rem #00000080;\n    --brick-shadow-sm: 0rem 0.125rem 0.375rem 0rem #00000080;\n    }\n  }\n\n  [data-brick-appearance=\"light\"] {\n    color-scheme: light;\n    --brick-color-accent-border: #aaa8f2;\n    --brick-color-accent-on-soft: #414098;\n    --brick-color-accent-on-solid: #ffffff;\n    --brick-color-accent-soft: #f0f0ff;\n    --brick-color-accent-soft-hover: #e6e6fe;\n    --brick-color-accent-soft-pressed: #dadaff;\n    --brick-color-accent-solid: #5b5bd6;\n    --brick-color-accent-solid-hover: #5151cd;\n    --brick-color-accent-solid-pressed: #4747c2;\n    --brick-color-accent-text: #414098;\n    --brick-color-border-default: #d9d6d0;\n    --brick-color-border-strong: #aaa69e;\n    --brick-color-border-subtle: #e3e0db;\n    --brick-color-danger-border: #ef9cad;\n    --brick-color-danger-on-soft: #ad233f;\n    --brick-color-danger-on-solid: #ffffff;\n    --brick-color-danger-soft: #ffeef1;\n    --brick-color-danger-soft-hover: #ffdde3;\n    --brick-color-danger-soft-pressed: #ffcbd5;\n    --brick-color-danger-solid: #ad233f;\n    --brick-color-danger-solid-hover: #9f1f38;\n    --brick-color-danger-solid-pressed: #901a33;\n    --brick-color-danger-surface: #ffeef1;\n    --brick-color-danger-text: #ad233f;\n    --brick-color-focus-ring: #5b5bd6;\n    --brick-color-info-border: #95c9f6;\n    --brick-color-info-on-soft: #105da9;\n    --brick-color-info-on-solid: #ffffff;\n    --brick-color-info-soft: #ecf6ff;\n    --brick-color-info-soft-hover: #dceeff;\n    --brick-color-info-soft-pressed: #cbe7ff;\n    --brick-color-info-solid: #0073d0;\n    --brick-color-info-solid-hover: #0068bd;\n    --brick-color-info-solid-pressed: #005da9;\n    --brick-color-info-surface: #ecf6ff;\n    --brick-color-info-text: #105da9;\n    --brick-color-link-text: #3a3a8f;\n    --brick-color-link-text-hover: #333185;\n    --brick-color-link-text-pressed: #2a2579;\n    --brick-color-scrim: #1413128c;\n    --brick-color-shadow: #1413122e;\n    --brick-color-success-border: #7bd1ad;\n    --brick-color-success-on-soft: #136e4c;\n    --brick-color-success-on-solid: #ffffff;\n    --brick-color-success-soft: #e8fbf3;\n    --brick-color-success-soft-hover: #d7f6e9;\n    --brick-color-success-soft-pressed: #c5efdd;\n    --brick-color-success-solid: #18794e;\n    --brick-color-success-solid-hover: #146f46;\n    --brick-color-success-solid-pressed: #10643e;\n    --brick-color-success-surface: #e8fbf3;\n    --brick-color-success-text: #136e4c;\n    --brick-color-surface-base: #f9f8f6;\n    --brick-color-surface-canvas: #fdfcfb;\n    --brick-color-surface-overlay: #ffffff;\n    --brick-color-surface-raised: #ffffff;\n    --brick-color-surface-subtle: #f2f0ed;\n    --brick-color-text-disabled: #76726c;\n    --brick-color-text-inverse: #ffffff;\n    --brick-color-text-muted: #76726c;\n    --brick-color-text-primary: #211f1c;\n    --brick-color-text-secondary: #63605b;\n    --brick-color-warning-border: #e3a644;\n    --brick-color-warning-on-soft: #714904;\n    --brick-color-warning-on-solid: #211f1c;\n    --brick-color-warning-soft: #fff7e3;\n    --brick-color-warning-soft-hover: #ffedc2;\n    --brick-color-warning-soft-pressed: #ffe3a1;\n    --brick-color-warning-solid: #f29f21;\n    --brick-color-warning-solid-hover: #e58c0e;\n    --brick-color-warning-solid-pressed: #d87d00;\n    --brick-color-warning-surface: #fff7e3;\n    --brick-color-warning-text: #714904;\n    --brick-shadow-floating: 0rem 0.75rem 2rem 0rem #14131218;\n    --brick-shadow-modal: 0rem 1.5rem 4.5rem 0rem #1413122c;\n    --brick-shadow-raised: 0rem 0.5rem 1.5rem -0.25rem #1413122e;\n    --brick-shadow-sm: 0rem 0.125rem 0.375rem 0rem #1413122e;\n  }\n\n  [data-brick-appearance=\"dark\"] {\n    color-scheme: dark;\n    --brick-color-accent-border: #5a56b5;\n    --brick-color-accent-on-soft: #bebaff;\n    --brick-color-accent-on-solid: #ffffff;\n    --brick-color-accent-soft: #232149;\n    --brick-color-accent-soft-hover: #2f2c5c;\n    --brick-color-accent-soft-pressed: #3a376f;\n    --brick-color-accent-solid: #5b57c7;\n    --brick-color-accent-solid-hover: #625ed0;\n    --brick-color-accent-solid-pressed: #514db6;\n    --brick-color-accent-text: #bebaff;\n    --brick-color-border-default: #4d4c47;\n    --brick-color-border-strong: #706d64;\n    --brick-color-border-subtle: #3b3b37;\n    --brick-color-danger-border: #993045;\n    --brick-color-danger-on-soft: #ff93a7;\n    --brick-color-danger-on-solid: #ffffff;\n    --brick-color-danger-soft: #44131e;\n    --brick-color-danger-soft-hover: #561825;\n    --brick-color-danger-soft-pressed: #681d2d;\n    --brick-color-danger-solid: #af2642;\n    --brick-color-danger-solid-hover: #bd2c49;\n    --brick-color-danger-solid-pressed: #9f2038;\n    --brick-color-danger-surface: #44131e;\n    --brick-color-danger-text: #ff93a7;\n    --brick-color-focus-ring: #bebaff;\n    --brick-color-info-border: #2c6ba7;\n    --brick-color-info-on-soft: #95c9f6;\n    --brick-color-info-on-solid: #ffffff;\n    --brick-color-info-soft: #102840;\n    --brick-color-info-soft-hover: #143654;\n    --brick-color-info-soft-pressed: #184267;\n    --brick-color-info-solid: #0a6ec3;\n    --brick-color-info-solid-hover: #1178cf;\n    --brick-color-info-solid-pressed: #075fa9;\n    --brick-color-info-surface: #102840;\n    --brick-color-info-text: #95c9f6;\n    --brick-color-link-text: #abb5ff;\n    --brick-color-link-text-hover: #b7c1ff;\n    --brick-color-link-text-pressed: #c6cfff;\n    --brick-color-scrim: #000000b8;\n    --brick-color-shadow: #00000080;\n    --brick-color-success-border: #237350;\n    --brick-color-success-on-soft: #7bd1ad;\n    --brick-color-success-on-solid: #ffffff;\n    --brick-color-success-soft: #0e3022;\n    --brick-color-success-soft-hover: #123d2b;\n    --brick-color-success-soft-pressed: #174b35;\n    --brick-color-success-solid: #18794e;\n    --brick-color-success-solid-hover: #1e8357;\n    --brick-color-success-solid-pressed: #12663f;\n    --brick-color-success-surface: #0e3022;\n    --brick-color-success-text: #7bd1ad;\n    --brick-color-surface-base: #20201e;\n    --brick-color-surface-canvas: #191918;\n    --brick-color-surface-overlay: #2e2e2b;\n    --brick-color-surface-raised: #2e2e2b;\n    --brick-color-surface-subtle: #272725;\n    --brick-color-text-disabled: #999690;\n    --brick-color-text-inverse: #211f1c;\n    --brick-color-text-muted: #999690;\n    --brick-color-text-primary: #eeeeec;\n    --brick-color-text-secondary: #b8b6b1;\n    --brick-color-warning-border: #905f12;\n    --brick-color-warning-on-soft: #f2bd59;\n    --brick-color-warning-on-solid: #211f1c;\n    --brick-color-warning-soft: #3d2707;\n    --brick-color-warning-soft-hover: #4d3108;\n    --brick-color-warning-soft-pressed: #5d3b09;\n    --brick-color-warning-solid: #e39019;\n    --brick-color-warning-solid-hover: #eda025;\n    --brick-color-warning-solid-pressed: #cf7d08;\n    --brick-color-warning-surface: #3d2707;\n    --brick-color-warning-text: #f2bd59;\n    --brick-shadow-floating: 0rem 0.75rem 2rem 0rem #00000042;\n    --brick-shadow-modal: 0rem 1.5rem 4.5rem 0rem #0000007a;\n    --brick-shadow-raised: 0rem 0.5rem 1.5rem -0.25rem #00000080;\n    --brick-shadow-sm: 0rem 0.125rem 0.375rem 0rem #00000080;\n  }\n}\n","@layer brick.components {\n  .brick-toast-viewport {\n    --brick-toast-viewport-z-index: var(--brick-layer-overlay);\n    --brick-toast-viewport-gap: var(--brick-space-3);\n    --brick-toast-offset-block-start: var(--brick-space-4);\n    --brick-toast-offset-block-end: var(--brick-space-4);\n    --brick-toast-offset-inline-start: var(--brick-space-4);\n    --brick-toast-offset-inline-end: var(--brick-space-4);\n    --brick-toast-inline-size: 24rem;\n    --brick-toast-overlap-step: var(--brick-space-2);\n\n    position: fixed;\n    z-index: var(--brick-toast-viewport-z-index);\n    display: flex;\n    inline-size: min(\n      var(--brick-toast-inline-size),\n      calc(100vw - var(--brick-toast-offset-inline-start) - var(--brick-toast-offset-inline-end) - env(safe-area-inset-left) - env(safe-area-inset-right))\n    );\n    max-block-size: calc(100vh - var(--brick-toast-offset-block-start) - var(--brick-toast-offset-block-end));\n    flex-direction: column;\n    gap: var(--brick-toast-viewport-gap);\n    margin: 0;\n    padding: 0;\n    outline: none;\n    pointer-events: none;\n  }\n\n  .brick-toast-viewport[data-width=\"compact\"] { --brick-toast-inline-size: 20rem; }\n  .brick-toast-viewport[data-width=\"full\"] {\n    --brick-toast-inline-size: calc(100vw - var(--brick-toast-offset-inline-start) - var(--brick-toast-offset-inline-end));\n  }\n\n  .brick-toast-viewport[data-position^=\"top-\"] {\n    inset-block-start: calc(var(--brick-toast-offset-block-start) + env(safe-area-inset-top));\n  }\n  .brick-toast-viewport[data-position^=\"bottom-\"] {\n    inset-block-end: calc(var(--brick-toast-offset-block-end) + env(safe-area-inset-bottom));\n  }\n  .brick-toast-viewport[data-position$=\"-start\"] {\n    inset-inline-start: calc(var(--brick-toast-offset-inline-start) + env(safe-area-inset-left));\n  }\n  .brick-toast-viewport[data-position$=\"-end\"] {\n    inset-inline-end: calc(var(--brick-toast-offset-inline-end) + env(safe-area-inset-right));\n  }\n  .brick-toast-viewport[data-position$=\"-center\"] {\n    inset-inline-start: 50%;\n    transform: translateX(-50%);\n  }\n\n  .brick-toast {\n    --brick-toast-background: var(--brick-color-surface-raised);\n    --brick-toast-foreground: var(--brick-color-text-primary);\n    --brick-toast-description-foreground: var(--brick-color-text-secondary);\n    --brick-toast-border-color: var(--brick-color-border-subtle);\n    --brick-toast-accent-color: var(--brick-color-accent-solid);\n    --brick-toast-radius: var(--brick-radius-overlay);\n    --brick-toast-shadow: 0 0.75rem 2rem var(--brick-color-shadow);\n    --brick-toast-padding: var(--brick-space-3);\n    --brick-toast-content-gap: var(--brick-space-1);\n    --brick-toast-action-gap: var(--brick-space-2);\n    --brick-toast-motion-duration: var(--brick-motion-duration-fast);\n    --brick-toast-motion-easing: var(--brick-motion-easing-enter);\n\n    position: relative;\n    display: grid;\n    inline-size: 100%;\n    min-block-size: 3rem;\n    min-inline-size: 0;\n    grid-template-columns: auto minmax(0, 1fr);\n    align-items: center;\n    gap: var(--brick-space-3);\n    box-sizing: border-box;\n    border: 1px solid var(--brick-toast-border-color);\n    border-inline-start: 0.25rem solid var(--brick-toast-accent-color);\n    border-radius: var(--brick-toast-radius);\n    padding: var(--brick-toast-padding);\n    background: var(--brick-toast-background);\n    box-shadow: var(--brick-toast-shadow);\n    color: var(--brick-toast-foreground);\n    pointer-events: auto;\n    touch-action: pan-y;\n    transition: opacity var(--brick-toast-motion-duration) var(--brick-toast-motion-easing),\n      transform var(--brick-toast-motion-duration) var(--brick-toast-motion-easing),\n      margin var(--brick-toast-motion-duration) var(--brick-toast-motion-easing);\n  }\n  .brick-toast:has(.brick-toast__close) {\n    padding-inline-end: calc(2.75rem + var(--brick-space-3));\n  }\n\n  .brick-toast[data-type=\"default\"],\n  .brick-toast[data-type=\"loading\"] {\n    --brick-toast-accent-color: var(--brick-color-accent-solid);\n  }\n  .brick-toast[data-type=\"success\"] {\n    --brick-toast-accent-color: var(--brick-color-success-solid);\n    --brick-toast-border-color: var(--brick-color-success-border);\n  }\n  .brick-toast[data-type=\"error\"] {\n    --brick-toast-accent-color: var(--brick-color-danger-solid);\n    --brick-toast-border-color: var(--brick-color-danger-border);\n  }\n  .brick-toast[data-type=\"warning\"] {\n    --brick-toast-accent-color: var(--brick-color-warning-solid);\n    --brick-toast-border-color: var(--brick-color-warning-border);\n  }\n  .brick-toast[data-type=\"info\"] {\n    --brick-toast-accent-color: var(--brick-color-info-solid);\n    --brick-toast-border-color: var(--brick-color-info-border);\n  }\n\n  .brick-toast[data-state=\"entering\"] { opacity: 0; transform: translateY(0.5rem); }\n  .brick-toast[data-state=\"exiting\"] { opacity: 0; transform: translateY(-0.375rem); }\n  .brick-toast[data-swipe=\"move\"] {\n    transform: translate(var(--atom-toast-swipe-move-x), var(--atom-toast-swipe-move-y));\n    transition: none;\n  }\n  .brick-toast[data-swipe=\"cancel\"] { transform: translate(0, 0); }\n  .brick-toast[data-swipe=\"end\"] { opacity: 0; }\n\n  .brick-toast-viewport[data-stacking=\"overlap\"]:not([data-expanded]) {\n    display: grid;\n    gap: 0;\n  }\n  .brick-toast-viewport[data-position^=\"top-\"][data-stacking=\"overlap\"]:not([data-expanded]) {\n    padding-block-end: calc(2 * var(--brick-toast-overlap-step));\n  }\n  .brick-toast-viewport[data-position^=\"bottom-\"][data-stacking=\"overlap\"]:not([data-expanded]) {\n    padding-block-start: calc(2 * var(--brick-toast-overlap-step));\n  }\n  .brick-toast-viewport[data-stacking=\"overlap\"]:not([data-expanded]) .brick-toast {\n    grid-area: 1 / 1;\n  }\n  .brick-toast-viewport[data-stacking=\"overlap\"]:not([data-expanded]) .brick-toast[data-index=\"0\"] { z-index: 1; }\n  .brick-toast-viewport[data-stacking=\"overlap\"]:not([data-expanded]) .brick-toast[data-index=\"1\"] { z-index: 2; }\n  .brick-toast-viewport[data-stacking=\"overlap\"]:not([data-expanded]) .brick-toast[data-index=\"2\"] { z-index: 3; }\n  .brick-toast-viewport[data-stacking=\"overlap\"]:not([data-expanded]):has(.brick-toast[data-index=\"1\"]) .brick-toast[data-index=\"0\"] {\n    transform: translateY(var(--brick-toast-overlap-step));\n  }\n  .brick-toast-viewport[data-stacking=\"overlap\"]:not([data-expanded]):has(.brick-toast[data-index=\"2\"]) .brick-toast[data-index=\"0\"] {\n    transform: translateY(calc(2 * var(--brick-toast-overlap-step)));\n  }\n  .brick-toast-viewport[data-stacking=\"overlap\"]:not([data-expanded]):has(.brick-toast[data-index=\"2\"]) .brick-toast[data-index=\"1\"] {\n    transform: translateY(var(--brick-toast-overlap-step));\n  }\n  .brick-toast-viewport[data-position^=\"bottom-\"][data-stacking=\"overlap\"]:not([data-expanded]) .brick-toast {\n    align-self: end;\n  }\n  .brick-toast-viewport[data-position^=\"bottom-\"][data-stacking=\"overlap\"]:not([data-expanded]):has(.brick-toast[data-index=\"1\"]) .brick-toast[data-index=\"0\"] {\n    transform: translateY(calc(-1 * var(--brick-toast-overlap-step)));\n  }\n  .brick-toast-viewport[data-position^=\"bottom-\"][data-stacking=\"overlap\"]:not([data-expanded]):has(.brick-toast[data-index=\"2\"]) .brick-toast[data-index=\"0\"] {\n    transform: translateY(calc(-2 * var(--brick-toast-overlap-step)));\n  }\n  .brick-toast-viewport[data-position^=\"bottom-\"][data-stacking=\"overlap\"]:not([data-expanded]):has(.brick-toast[data-index=\"2\"]) .brick-toast[data-index=\"1\"] {\n    transform: translateY(calc(-1 * var(--brick-toast-overlap-step)));\n  }\n\n  .brick-toast__icon {\n    display: inline-grid;\n    inline-size: 1.25rem;\n    block-size: 1.25rem;\n    place-items: center;\n    color: var(--brick-toast-accent-color);\n  }\n  .brick-toast__icon svg {\n    inline-size: 100%;\n    block-size: 100%;\n    fill: none;\n    stroke: currentColor;\n    stroke-linecap: round;\n    stroke-linejoin: round;\n    stroke-width: 2;\n  }\n  .brick-toast__spinner {\n    inline-size: 1rem;\n    block-size: 1rem;\n    box-sizing: border-box;\n    border: 2px solid color-mix(in srgb, currentColor 30%, transparent);\n    border-block-start-color: currentColor;\n    border-radius: 50%;\n    animation: brick-toast-spin 800ms linear infinite;\n  }\n  .brick-toast__content {\n    display: grid;\n    min-inline-size: 0;\n    gap: var(--brick-toast-content-gap);\n  }\n  .brick-toast__content:first-child { grid-column-start: 1; }\n  .brick-toast__title,\n  .brick-toast__description { margin: 0; overflow-wrap: anywhere; }\n  .brick-toast__title {\n    font-family: var(--brick-typography-compact-title-font-family);\n    font-size: var(--brick-typography-compact-title-font-size);\n    font-weight: var(--brick-typography-compact-title-font-weight);\n    line-height: var(--brick-typography-compact-title-line-height);\n  }\n  .brick-toast__description {\n    color: var(--brick-toast-description-foreground);\n    font-family: var(--brick-typography-body-sm-font-family);\n    font-size: var(--brick-typography-body-sm-font-size);\n    line-height: var(--brick-typography-body-sm-line-height);\n  }\n  .brick-toast__actions { display: flex; flex-wrap: wrap; gap: var(--brick-toast-action-gap); margin-block-start: var(--brick-space-1); }\n  .brick-toast__action,\n  .brick-toast__close {\n    border: 0;\n    font: inherit;\n    color: var(--brick-toast-accent-color);\n    cursor: pointer;\n  }\n  .brick-toast__action {\n    min-block-size: 2.25rem;\n    border-radius: var(--brick-radius-control);\n    padding-inline: var(--brick-space-2);\n    background: color-mix(in srgb, var(--brick-toast-accent-color) 12%, transparent);\n    color: var(--brick-color-text-primary);\n    font-size: var(--brick-typography-body-sm-font-size);\n    font-weight: var(--brick-typography-control-sm-font-weight);\n  }\n  .brick-toast__close {\n    position: absolute;\n    inset-block-start: 50%;\n    inset-inline-end: var(--brick-space-1);\n    display: inline-grid;\n    inline-size: 2.75rem;\n    block-size: 2.75rem;\n    place-items: center;\n    margin: 0;\n    border-radius: var(--brick-radius-full);\n    padding: 0;\n    background: transparent;\n    color: var(--brick-color-text-secondary);\n    transform: translateY(-50%);\n  }\n  .brick-toast__close svg { inline-size: 1.125rem; block-size: 1.125rem; fill: none; stroke: currentColor; stroke-linecap: round; stroke-width: 2; }\n  .brick-toast__action:hover { background: color-mix(in srgb, var(--brick-toast-accent-color) 18%, transparent); }\n  .brick-toast__close:hover { background: var(--brick-color-surface-subtle); color: var(--brick-color-text-primary); }\n  .brick-toast__action:focus-visible,\n  .brick-toast__close:focus-visible { outline: 2px solid var(--brick-color-focus-ring); outline-offset: 2px; }\n\n  @keyframes brick-toast-spin { to { transform: rotate(360deg); } }\n\n  @media (max-width: 30rem) {\n    .brick-toast-viewport[data-width=\"responsive\"] {\n      --brick-toast-inline-size: calc(100vw - var(--brick-space-4) * 2);\n      --brick-toast-offset-inline-start: var(--brick-space-2);\n      --brick-toast-offset-inline-end: var(--brick-space-2);\n    }\n  }\n\n  @media (prefers-reduced-motion: reduce) {\n    .brick-toast { transition: none; }\n    .brick-toast[data-state=\"entering\"],\n    .brick-toast[data-state=\"exiting\"] { transform: none; }\n    .brick-toast__spinner { animation: none; border-style: dotted; }\n  }\n\n  @media (forced-colors: active) {\n    .brick-toast { border-color: CanvasText; background: Canvas; box-shadow: none; color: CanvasText; forced-color-adjust: auto; }\n    .brick-toast__icon,\n    .brick-toast__action,\n    .brick-toast__close { color: ButtonText; }\n    .brick-toast__action { border: 1px solid ButtonText; background: ButtonFace; }\n    .brick-toast__action:focus-visible,\n    .brick-toast__close:focus-visible { outline-color: Highlight; }\n  }\n}\n","@layer brick.components {\n  .brick-collapsible {\n    --brick-collapsible-background: transparent;\n    --brick-collapsible-border-color: transparent;\n    --brick-collapsible-trigger-background: transparent;\n    --brick-collapsible-trigger-hover-background: var(--brick-color-surface-subtle);\n    --brick-collapsible-trigger-open-background: var(--brick-color-surface-subtle);\n    --brick-collapsible-foreground: var(--brick-color-text-primary);\n    --brick-collapsible-content-foreground: var(--brick-color-text-secondary);\n    --brick-collapsible-focus-ring: var(--brick-color-focus-ring);\n    --brick-collapsible-radius: var(--brick-radius-control);\n    --brick-collapsible-trigger-height: 2.75rem;\n    --brick-collapsible-trigger-padding-inline: var(--brick-space-3);\n    --brick-collapsible-trigger-gap: var(--brick-space-2);\n    --brick-collapsible-content-padding-block: var(--brick-space-3);\n    --brick-collapsible-content-padding-inline: var(--brick-space-3);\n    --brick-collapsible-indicator-size: 1rem;\n    --brick-collapsible-font-family: var(--brick-typography-control-md-font-family);\n    --brick-collapsible-font-size: var(--brick-typography-control-md-font-size);\n    --brick-collapsible-font-weight: var(--brick-typography-control-md-font-weight);\n    --brick-collapsible-line-height: var(--brick-typography-control-md-line-height);\n\n    box-sizing: border-box;\n    inline-size: 100%;\n    min-inline-size: 0;\n    overflow: visible;\n    border: var(--brick-border-width) solid var(--brick-collapsible-border-color);\n    border-radius: var(--brick-collapsible-radius);\n    background: var(--brick-collapsible-background);\n  }\n\n  .brick-collapsible[data-variant=\"soft\"] {\n    --brick-collapsible-background: var(--brick-color-surface-subtle);\n    --brick-collapsible-trigger-hover-background: var(--brick-color-surface-raised);\n    --brick-collapsible-trigger-open-background: var(--brick-color-surface-raised);\n  }\n\n  .brick-collapsible[data-variant=\"outline\"] {\n    --brick-collapsible-border-color: var(--brick-color-border-default);\n  }\n\n  .brick-collapsible[data-size=\"sm\"] {\n    --brick-collapsible-trigger-height: 2.25rem;\n    --brick-collapsible-trigger-padding-inline: var(--brick-space-2);\n    --brick-collapsible-content-padding-block: var(--brick-space-2);\n    --brick-collapsible-content-padding-inline: var(--brick-space-2);\n    --brick-collapsible-indicator-size: 0.875rem;\n    --brick-collapsible-font-family: var(--brick-typography-control-sm-font-family);\n    --brick-collapsible-font-size: var(--brick-typography-control-sm-font-size);\n    --brick-collapsible-font-weight: var(--brick-typography-control-sm-font-weight);\n    --brick-collapsible-line-height: var(--brick-typography-control-sm-line-height);\n  }\n\n  .brick-collapsible[data-size=\"lg\"] {\n    --brick-collapsible-trigger-height: 3.25rem;\n    --brick-collapsible-trigger-padding-inline: var(--brick-space-4);\n    --brick-collapsible-content-padding-block: var(--brick-space-4);\n    --brick-collapsible-content-padding-inline: var(--brick-space-4);\n    --brick-collapsible-indicator-size: 1.125rem;\n    --brick-collapsible-font-family: var(--brick-typography-control-lg-font-family);\n    --brick-collapsible-font-size: var(--brick-typography-control-lg-font-size);\n    --brick-collapsible-font-weight: var(--brick-typography-control-lg-font-weight);\n    --brick-collapsible-line-height: var(--brick-typography-control-lg-line-height);\n  }\n\n  .brick-collapsible[data-orientation=\"horizontal\"] {\n    display: flex;\n    inline-size: max-content;\n    max-inline-size: 100%;\n    align-items: stretch;\n    overflow-x: auto;\n    overflow-y: clip;\n  }\n\n  .brick-collapsible[data-orientation=\"horizontal\"] .brick-collapsible-trigger {\n    inline-size: auto;\n    flex: 0 0 auto;\n  }\n\n  .brick-collapsible[data-orientation=\"horizontal\"] .brick-collapsible-trigger:focus-visible {\n    outline-offset: calc(-1 * var(--brick-border-focus-width));\n  }\n\n  .brick-collapsible-trigger {\n    display: flex;\n    box-sizing: border-box;\n    inline-size: 100%;\n    min-inline-size: 0;\n    min-block-size: var(--brick-collapsible-trigger-height);\n    align-items: center;\n    justify-content: flex-start;\n    gap: var(--brick-collapsible-trigger-gap);\n    padding-block: var(--brick-space-2);\n    padding-inline: var(--brick-collapsible-trigger-padding-inline);\n    border: 0;\n    border-radius: calc(var(--brick-collapsible-radius) - var(--brick-border-width));\n    background: var(--brick-collapsible-trigger-background);\n    color: var(--brick-collapsible-foreground);\n    font-family: var(--brick-collapsible-font-family);\n    font-size: var(--brick-collapsible-font-size);\n    font-weight: var(--brick-collapsible-font-weight);\n    line-height: var(--brick-collapsible-line-height);\n    text-align: start;\n    white-space: normal;\n    cursor: pointer;\n    touch-action: manipulation;\n  }\n\n  .brick-collapsible-trigger:hover:not(:disabled, [data-disabled]) { background: var(--brick-collapsible-trigger-hover-background); }\n  .brick-collapsible-trigger[data-state=\"open\"] { background: var(--brick-collapsible-trigger-open-background); }\n  .brick-collapsible-trigger:focus-visible { outline: var(--brick-border-focus-width) solid var(--brick-collapsible-focus-ring); outline-offset: var(--brick-border-focus-offset); }\n  .brick-collapsible-trigger:is(:disabled, [data-disabled]) { opacity: 0.55; cursor: not-allowed; }\n\n  .brick-collapsible-trigger[data-icon-only] {\n    inline-size: var(--brick-collapsible-trigger-height);\n    min-inline-size: var(--brick-collapsible-trigger-height);\n    block-size: var(--brick-collapsible-trigger-height);\n    min-block-size: var(--brick-collapsible-trigger-height);\n    flex: 0 0 var(--brick-collapsible-trigger-height);\n    justify-content: center;\n    padding: 0;\n    text-align: center;\n  }\n\n  .brick-collapsible-indicator {\n    display: inline-flex;\n    inline-size: var(--brick-collapsible-indicator-size);\n    block-size: var(--brick-collapsible-indicator-size);\n    flex: 0 0 auto;\n    align-items: center;\n    justify-content: center;\n    margin-inline-start: auto;\n    color: currentColor;\n    transform: rotate(0deg);\n    transform-origin: center;\n    transition: transform var(--brick-motion-duration-fast) var(--brick-motion-easing-standard);\n  }\n  .brick-collapsible-indicator > svg { display: block; inline-size: 100%; block-size: 100%; }\n  .brick-collapsible-trigger[data-state=\"open\"] .brick-collapsible-indicator { transform: rotate(180deg); }\n\n  .brick-collapsible-content {\n    box-sizing: border-box;\n    min-inline-size: 0;\n    overflow: hidden;\n    color: var(--brick-collapsible-content-foreground);\n  }\n  .brick-collapsible-content[data-state=\"open\"] { animation: brick-collapsible-open var(--brick-motion-duration-fast) var(--brick-motion-easing-enter) both; }\n  .brick-collapsible-content[data-state=\"closed\"] { animation: brick-collapsible-close var(--brick-motion-duration-fast) var(--brick-motion-easing-exit) both; }\n  .brick-collapsible-content-inner { box-sizing: border-box; min-inline-size: 0; padding-block: var(--brick-collapsible-content-padding-block); padding-inline: var(--brick-collapsible-content-padding-inline); }\n\n  .brick-collapsible[data-orientation=\"horizontal\"] .brick-collapsible-content {\n    flex: 0 0 auto;\n    min-block-size: var(--brick-collapsible-trigger-height);\n  }\n  .brick-collapsible[data-orientation=\"horizontal\"] .brick-collapsible-content[data-state=\"open\"] { animation-name: brick-collapsible-open-horizontal; }\n  .brick-collapsible[data-orientation=\"horizontal\"] .brick-collapsible-content[data-state=\"closed\"] { animation-name: brick-collapsible-close-horizontal; }\n  .brick-collapsible-content[data-initial-open] { animation: none; }\n  .brick-collapsible[data-orientation=\"horizontal\"] .brick-collapsible-content-inner {\n    inline-size: var(--content-width);\n    min-block-size: var(--brick-collapsible-trigger-height);\n  }\n\n  @keyframes brick-collapsible-open { from { block-size: 0; } to { block-size: var(--content-height); } }\n  @keyframes brick-collapsible-close { from { block-size: var(--content-height); } to { block-size: 0; } }\n  @keyframes brick-collapsible-open-horizontal { from { inline-size: 0; } to { inline-size: var(--content-width); } }\n  @keyframes brick-collapsible-close-horizontal { from { inline-size: var(--content-width); } to { inline-size: 0; } }\n\n  @media (prefers-reduced-motion: reduce) {\n    .brick-collapsible-indicator { transition: none; }\n    .brick-collapsible-content { animation: none !important; }\n  }\n\n  @media (forced-colors: active) {\n    .brick-collapsible { --brick-collapsible-border-color: CanvasText; forced-color-adjust: auto; }\n    .brick-collapsible[data-variant=\"plain\"], .brick-collapsible[data-variant=\"soft\"] { --brick-collapsible-border-color: transparent; }\n    .brick-collapsible-trigger { color: ButtonText; }\n    .brick-collapsible-trigger:focus-visible { outline-color: Highlight; }\n  }\n}\n","@layer brick.components {\n  .brick-accordion {\n    --brick-accordion-background: transparent;\n    --brick-accordion-border-color: var(--brick-color-border-default);\n    --brick-accordion-divider-color: var(--brick-color-border-subtle);\n    --brick-accordion-trigger-background: transparent;\n    --brick-accordion-trigger-hover-background: var(--brick-color-surface-subtle);\n    --brick-accordion-trigger-open-background: var(--brick-color-surface-subtle);\n    --brick-accordion-foreground: var(--brick-color-text-primary);\n    --brick-accordion-content-foreground: var(--brick-color-text-secondary);\n    --brick-accordion-focus-ring: var(--brick-color-focus-ring);\n    --brick-accordion-radius: var(--brick-radius-control);\n    --brick-accordion-trigger-height: 2.75rem;\n    --brick-accordion-horizontal-height: 14rem;\n    --brick-accordion-trigger-padding-inline: var(--brick-space-3);\n    --brick-accordion-content-padding-block: var(--brick-space-3);\n    --brick-accordion-content-padding-inline: var(--brick-space-3);\n    --brick-accordion-indicator-size: 1rem;\n    --brick-accordion-font-family: var(--brick-typography-control-md-font-family);\n    --brick-accordion-font-size: var(--brick-typography-control-md-font-size);\n    --brick-accordion-font-weight: var(--brick-typography-control-md-font-weight);\n    --brick-accordion-line-height: var(--brick-typography-control-md-line-height);\n    box-sizing: border-box;\n    inline-size: 100%;\n    min-inline-size: 0;\n    overflow: visible;\n    border-radius: var(--brick-accordion-radius);\n    background: var(--brick-accordion-background);\n  }\n  .brick-accordion[data-variant=\"soft\"] { --brick-accordion-background: var(--brick-color-surface-subtle); --brick-accordion-trigger-hover-background: var(--brick-color-surface-raised); --brick-accordion-trigger-open-background: var(--brick-color-surface-raised); }\n  .brick-accordion[data-variant=\"outline\"] { border: var(--brick-border-width) solid var(--brick-accordion-border-color); }\n  .brick-accordion[data-size=\"sm\"] { --brick-accordion-trigger-height: 2.25rem; --brick-accordion-trigger-padding-inline: var(--brick-space-2); --brick-accordion-content-padding-block: var(--brick-space-2); --brick-accordion-content-padding-inline: var(--brick-space-2); --brick-accordion-indicator-size: .875rem; --brick-accordion-font-family: var(--brick-typography-control-sm-font-family); --brick-accordion-font-size: var(--brick-typography-control-sm-font-size); --brick-accordion-font-weight: var(--brick-typography-control-sm-font-weight); --brick-accordion-line-height: var(--brick-typography-control-sm-line-height); }\n  .brick-accordion[data-size=\"lg\"] { --brick-accordion-trigger-height: 3.25rem; --brick-accordion-trigger-padding-inline: var(--brick-space-4); --brick-accordion-content-padding-block: var(--brick-space-4); --brick-accordion-content-padding-inline: var(--brick-space-4); --brick-accordion-indicator-size: 1.125rem; --brick-accordion-font-family: var(--brick-typography-control-lg-font-family); --brick-accordion-font-size: var(--brick-typography-control-lg-font-size); --brick-accordion-font-weight: var(--brick-typography-control-lg-font-weight); --brick-accordion-line-height: var(--brick-typography-control-lg-line-height); }\n  .brick-accordion-item { box-sizing: border-box; min-inline-size: 0; border-block-end: var(--brick-border-width) solid var(--brick-accordion-divider-color); }\n  .brick-accordion-item:last-child { border-block-end: 0; }\n  .brick-accordion-header { margin: 0; font: inherit; }\n  .brick-accordion-trigger { display: flex; box-sizing: border-box; inline-size: 100%; min-inline-size: 0; min-block-size: var(--brick-accordion-trigger-height); align-items: center; gap: var(--brick-space-2); padding-block: var(--brick-space-2); padding-inline: var(--brick-accordion-trigger-padding-inline); border: 0; border-radius: 0; background: var(--brick-accordion-trigger-background); color: var(--brick-accordion-foreground); font-family: var(--brick-accordion-font-family); font-size: var(--brick-accordion-font-size); font-weight: var(--brick-accordion-font-weight); line-height: var(--brick-accordion-line-height); text-align: start; cursor: pointer; touch-action: manipulation; }\n  .brick-accordion-trigger:hover:not(:disabled, [data-disabled]) { background: var(--brick-accordion-trigger-hover-background); }\n  .brick-accordion-trigger[data-state=\"open\"] { background: var(--brick-accordion-trigger-open-background); }\n  .brick-accordion[data-orientation=\"vertical\"] .brick-accordion-item:first-child .brick-accordion-trigger { border-start-start-radius: calc(var(--brick-accordion-radius) - var(--brick-border-width)); border-start-end-radius: calc(var(--brick-accordion-radius) - var(--brick-border-width)); }\n  .brick-accordion[data-orientation=\"vertical\"] .brick-accordion-item:last-child .brick-accordion-trigger[data-state=\"closed\"] { border-end-start-radius: calc(var(--brick-accordion-radius) - var(--brick-border-width)); border-end-end-radius: calc(var(--brick-accordion-radius) - var(--brick-border-width)); }\n  .brick-accordion-trigger:focus-visible { position: relative; z-index: 1; outline: var(--brick-border-focus-width) solid var(--brick-accordion-focus-ring); outline-offset: var(--brick-border-focus-offset); }\n  .brick-accordion-trigger:is(:disabled, [data-disabled]) { opacity: .55; cursor: not-allowed; }\n  .brick-accordion-trigger[data-locked-open] { cursor: default; }\n  .brick-accordion-indicator { display: inline-flex; inline-size: var(--brick-accordion-indicator-size); block-size: var(--brick-accordion-indicator-size); flex: 0 0 auto; align-items: center; justify-content: center; margin-inline-start: auto; transform: rotate(0deg); transition: transform var(--brick-motion-duration-fast) var(--brick-motion-easing-standard); }\n  .brick-accordion-indicator > svg { inline-size: 100%; block-size: 100%; }\n  .brick-accordion-trigger[data-state=\"open\"] .brick-accordion-indicator { transform: rotate(180deg); }\n  .brick-accordion-content { box-sizing: border-box; min-inline-size: 0; overflow: hidden; color: var(--brick-accordion-content-foreground); }\n  .brick-accordion-content[data-state=\"open\"] { animation: brick-accordion-open var(--brick-motion-duration-fast) var(--brick-motion-easing-enter) both; }\n  .brick-accordion-content[data-state=\"closed\"] { animation: brick-accordion-close var(--brick-motion-duration-fast) var(--brick-motion-easing-exit) both; }\n  .brick-accordion-content-inner { box-sizing: border-box; min-inline-size: 0; padding-block: var(--brick-accordion-content-padding-block); padding-inline: var(--brick-accordion-content-padding-inline); }\n  .brick-accordion[data-orientation=\"horizontal\"] { display: flex; inline-size: max-content; max-inline-size: 100%; block-size: var(--brick-accordion-horizontal-height); align-items: stretch; overflow-x: auto; overflow-y: clip; }\n  .brick-accordion[data-orientation=\"horizontal\"] .brick-accordion-item { display: flex; flex: 0 0 auto; block-size: 100%; align-items: stretch; border-block-end: 0; border-inline-end: var(--brick-border-width) solid var(--brick-accordion-divider-color); }\n  .brick-accordion[data-orientation=\"horizontal\"] .brick-accordion-item:last-child { border-inline-end: 0; }\n  .brick-accordion[data-orientation=\"horizontal\"] .brick-accordion-header { display: flex; flex: 0 0 auto; block-size: 100%; }\n  .brick-accordion[data-orientation=\"horizontal\"] .brick-accordion-trigger { inline-size: 100%; min-inline-size: 0; block-size: var(--brick-accordion-trigger-height); min-block-size: var(--brick-accordion-trigger-height); writing-mode: vertical-rl; text-orientation: mixed; }\n  .brick-accordion[data-orientation=\"horizontal\"] .brick-accordion-trigger:focus-visible { outline-offset: calc(-1 * var(--brick-border-focus-width)); }\n  .brick-accordion[data-orientation=\"horizontal\"] .brick-accordion-content { flex: 0 0 auto; block-size: 100%; min-block-size: 0; writing-mode: horizontal-tb; }\n  .brick-accordion[data-orientation=\"horizontal\"] .brick-accordion-content[data-state=\"open\"] { animation-name: brick-accordion-open-horizontal; }\n  .brick-accordion[data-orientation=\"horizontal\"] .brick-accordion-content[data-state=\"closed\"] { animation-name: brick-accordion-close-horizontal; }\n  .brick-accordion-content[data-initial-open] { animation: none; }\n  .brick-accordion[data-orientation=\"horizontal\"] .brick-accordion-content-inner { inline-size: max-content; block-size: 100%; min-block-size: 0; }\n  @keyframes brick-accordion-open { from { block-size: 0; } to { block-size: var(--content-height); } }\n  @keyframes brick-accordion-close { from { block-size: var(--content-height); } to { block-size: 0; } }\n  @keyframes brick-accordion-open-horizontal { from { inline-size: 0; } to { inline-size: var(--content-width); } }\n  @keyframes brick-accordion-close-horizontal { from { inline-size: var(--content-width); } to { inline-size: 0; } }\n  @media (prefers-reduced-motion: reduce) { .brick-accordion-indicator { transition: none; } .brick-accordion-content { animation: none !important; } }\n  @media (forced-colors: active) { .brick-accordion { --brick-accordion-border-color: CanvasText; --brick-accordion-divider-color: CanvasText; forced-color-adjust: auto; } .brick-accordion-trigger { color: ButtonText; } .brick-accordion-trigger:focus-visible { outline-color: Highlight; } }\n}\n","@layer brick.components {\n  .brick-input {\n    --brick-input-min-block-size: var(--brick-control-min-block-size-md);\n    --brick-input-padding-inline: var(--brick-space-3);\n    --brick-input-gap: var(--brick-space-2);\n    --brick-input-radius: var(--brick-radius-control);\n    --brick-input-font-family: var(--brick-typography-field-value-md-font-family);\n    --brick-input-font-size: var(--brick-typography-field-value-md-font-size);\n    --brick-input-font-weight: var(--brick-typography-field-value-md-font-weight);\n    --brick-input-line-height: var(--brick-typography-field-value-md-line-height);\n    --brick-input-letter-spacing: var(--brick-typography-field-value-md-letter-spacing);\n    --brick-input-background: var(--brick-color-surface-raised);\n    --brick-input-foreground: var(--brick-color-text-primary);\n    --brick-input-placeholder-foreground: var(--brick-color-text-muted);\n    --brick-input-border: var(--brick-color-border-strong);\n    --brick-input-hover-background: var(--brick-color-surface-base);\n    --brick-input-hover-border: var(--brick-color-accent-border);\n    --brick-input-focus-ring: var(--brick-color-focus-ring);\n    --brick-input-invalid-border: var(--brick-color-danger-text);\n    --brick-input-disabled-background: var(--brick-color-surface-subtle);\n    --brick-input-disabled-foreground: var(--brick-color-text-secondary);\n    --brick-input-disabled-border: var(--brick-color-border-subtle);\n    --brick-input-readonly-background: var(--brick-color-surface-subtle);\n    --brick-input-adornment-foreground: var(--brick-color-text-secondary);\n    --brick-input-adornment-size: 1.125rem;\n    --brick-input-clear-target-size: 2rem;\n    --brick-input-clear-icon-size: 1rem;\n    --brick-input-clear-foreground: var(--brick-color-text-secondary);\n    --brick-input-clear-hover-background: var(--brick-color-accent-soft);\n\n    display: inline-flex;\n    box-sizing: border-box;\n    min-inline-size: 0;\n    max-inline-size: 100%;\n    min-block-size: var(--brick-input-min-block-size);\n    align-items: center;\n    gap: var(--brick-input-gap);\n    padding-inline: var(--brick-input-padding-inline);\n    border: var(--brick-border-width) solid var(--brick-input-border);\n    border-radius: var(--brick-input-radius);\n    background: var(--brick-input-background);\n    color: var(--brick-input-foreground);\n    vertical-align: middle;\n    transition:\n      background-color var(--brick-motion-duration-fast) var(--brick-motion-easing-standard),\n      border-color var(--brick-motion-duration-fast) var(--brick-motion-easing-standard),\n      box-shadow var(--brick-motion-duration-fast) var(--brick-motion-easing-standard);\n  }\n\n  .brick-input[data-full-width] {\n    inline-size: 100%;\n  }\n\n  .brick-input:not([data-full-width]) {\n    inline-size: fit-content;\n  }\n\n  .brick-input[data-variant=\"outline\"] {\n    --brick-input-background: transparent;\n    --brick-input-hover-background: transparent;\n  }\n\n  .brick-input[data-variant=\"soft\"] {\n    --brick-input-background: var(--brick-color-surface-subtle);\n    --brick-input-border: var(--brick-color-border-subtle);\n    --brick-input-hover-background: var(--brick-color-accent-soft);\n  }\n\n  .brick-input[data-variant=\"underline\"] {\n    --brick-input-background: transparent;\n    --brick-input-radius: 0;\n\n    border-width: 0 0 var(--brick-border-width);\n  }\n\n  .brick-input[data-shape=\"sharp\"] {\n    --brick-input-radius: 0;\n  }\n\n  .brick-input[data-shape=\"pill\"] {\n    --brick-input-radius: var(--brick-radius-full);\n  }\n\n  .brick-input[data-size=\"sm\"] {\n    --brick-input-min-block-size: var(--brick-control-min-block-size-sm);\n    --brick-input-padding-inline: var(--brick-space-2);\n    --brick-input-gap: 0.375rem;\n    --brick-input-clear-target-size: 1.75rem;\n  }\n\n  .brick-input[data-size=\"lg\"] {\n    --brick-input-min-block-size: var(--brick-control-min-block-size-lg);\n    --brick-input-padding-inline: var(--brick-space-4);\n    --brick-input-gap: var(--brick-space-3);\n    --brick-input-font-size: var(--brick-typography-field-value-lg-font-size);\n    --brick-input-adornment-size: 1.25rem;\n    --brick-input-clear-target-size: 2.25rem;\n    --brick-input-clear-icon-size: 1.125rem;\n  }\n\n  .brick-input-control {\n    display: block;\n    box-sizing: border-box;\n    min-inline-size: 0;\n    inline-size: 100%;\n    min-block-size: calc(\n      var(--brick-input-min-block-size) - (2 * var(--brick-border-width))\n    );\n    padding: 0;\n    border: 0;\n    outline: 0;\n    background: transparent;\n    color: inherit;\n    font-family: var(--brick-input-font-family);\n    font-size: var(--brick-input-font-size);\n    font-weight: var(--brick-input-font-weight);\n    letter-spacing: var(--brick-input-letter-spacing);\n    line-height: var(--brick-input-line-height);\n  }\n\n  .brick-input-control::placeholder {\n    color: var(--brick-input-placeholder-foreground);\n    opacity: 1;\n  }\n\n  :where(.brick-input-start, .brick-input-end) {\n    display: inline-flex;\n    flex: 0 0 auto;\n    min-inline-size: 0;\n    align-items: center;\n    justify-content: center;\n    color: var(--brick-input-adornment-foreground);\n    line-height: 1;\n  }\n\n  .brick-input-start {\n    inline-size: var(--brick-input-adornment-size);\n  }\n\n  .brick-input-end {\n    min-inline-size: var(--brick-input-adornment-size);\n    inline-size: max-content;\n  }\n\n  :where(.brick-input-start, .brick-input-end) > :where(svg, img) {\n    display: block;\n    max-inline-size: 100%;\n    block-size: auto;\n  }\n\n  .brick-input-clear {\n    display: inline-grid;\n    box-sizing: border-box;\n    flex: 0 0 auto;\n    inline-size: var(--brick-input-clear-target-size);\n    block-size: var(--brick-input-clear-target-size);\n    place-items: center;\n    padding: 0;\n    border: 0;\n    border-radius: var(--brick-radius-full);\n    background: transparent;\n    color: var(--brick-input-clear-foreground);\n    cursor: pointer;\n    margin-inline-end: calc(-1 * var(--brick-input-padding-inline));\n  }\n\n  .brick-input-clear[data-hidden] {\n    display: none;\n  }\n\n  .brick-input-clear-artwork {\n    display: block;\n    inline-size: var(--brick-input-clear-icon-size);\n    block-size: var(--brick-input-clear-icon-size);\n    overflow: visible;\n    stroke: currentColor;\n    stroke-linecap: round;\n    stroke-width: 1.75;\n  }\n\n  .brick-input:focus-within {\n    border-color: var(--brick-input-focus-ring);\n    box-shadow: 0 0 0 var(--brick-border-focus-width)\n      var(--brick-input-focus-ring);\n  }\n\n  .brick-input:has(.brick-input-control[data-invalid]) {\n    border-color: var(--brick-input-invalid-border);\n  }\n\n  .brick-input:has(.brick-input-control[data-disabled]) {\n    border-color: var(--brick-input-disabled-border);\n    background: var(--brick-input-disabled-background);\n    color: var(--brick-input-disabled-foreground);\n    cursor: not-allowed;\n  }\n\n  .brick-input:has(.brick-input-control[data-readonly]) {\n    background: var(--brick-input-readonly-background);\n    cursor: default;\n  }\n\n  .brick-input-control:disabled {\n    cursor: not-allowed;\n  }\n\n  .brick-input-control:read-only {\n    cursor: default;\n  }\n\n  .brick-input:has(.brick-input-clear)\n    .brick-input-control[type=\"search\"]::-webkit-search-cancel-button {\n    display: none;\n  }\n\n  .brick-input-control:-webkit-autofill {\n    -webkit-text-fill-color: var(--brick-input-foreground);\n    caret-color: var(--brick-input-foreground);\n  }\n\n  @media (hover: hover) and (pointer: fine) {\n    .brick-input:not(\n      :focus-within,\n      :has(.brick-input-control[data-disabled]),\n      :has(.brick-input-control[data-readonly]),\n      :has(.brick-input-control[data-invalid])\n    ):hover {\n      border-color: var(--brick-input-hover-border);\n      background: var(--brick-input-hover-background);\n    }\n\n    .brick-input-clear:not([data-disabled], [data-hidden]):hover {\n      background: var(--brick-input-clear-hover-background);\n      color: var(--brick-input-foreground);\n    }\n  }\n\n  @media (prefers-reduced-motion: reduce) {\n    .brick-input {\n      transition-duration: 0ms;\n    }\n  }\n\n  @media (forced-colors: active) {\n    .brick-input {\n      border-color: ButtonText;\n      background: Canvas;\n      color: CanvasText;\n    }\n\n    .brick-input:focus-within {\n      border-color: Highlight;\n      box-shadow: 0 0 0 var(--brick-border-focus-width) Highlight;\n    }\n\n    .brick-input:has(.brick-input-control[data-invalid]) {\n      border-color: Mark;\n      background: Canvas;\n    }\n\n    .brick-input:has(.brick-input-control[data-disabled]) {\n      border-color: GrayText;\n      background: Canvas;\n      color: GrayText;\n    }\n\n    .brick-input-clear {\n      color: ButtonText;\n    }\n  }\n}\n","@layer brick.components {\n  .brick-number-input { --brick-number-input-height: var(--brick-control-min-block-size-md); --brick-number-input-radius: var(--brick-radius-control); --brick-number-input-background: var(--brick-color-surface-raised); --brick-number-input-border: var(--brick-color-border-strong); display:inline-grid; grid-template-columns:minmax(0,1fr) 2.25rem; grid-template-rows:1fr 1fr; box-sizing:border-box; min-inline-size:0; max-inline-size:100%; min-block-size:var(--brick-number-input-height); align-items:stretch; overflow:hidden; border:var(--brick-border-width) solid var(--brick-number-input-border); border-radius:var(--brick-number-input-radius); background:var(--brick-number-input-background); color:var(--brick-color-text-primary); }\n  .brick-number-input[data-full-width] { inline-size:100%; }\n  .brick-number-input[data-variant=\"soft\"] { --brick-number-input-background:var(--brick-color-surface-subtle); --brick-number-input-border:var(--brick-color-border-subtle); }\n  .brick-number-input[data-variant=\"underline\"] { --brick-number-input-background:transparent; --brick-number-input-radius:0; border-width:0 0 var(--brick-border-width); overflow:visible; }\n  .brick-number-input[data-shape=\"sharp\"] { --brick-number-input-radius:0; } .brick-number-input[data-shape=\"pill\"] { --brick-number-input-radius:var(--brick-radius-full); }\n  .brick-number-input[data-size=\"sm\"] { --brick-number-input-height:var(--brick-control-min-block-size-sm); } .brick-number-input[data-size=\"lg\"] { --brick-number-input-height:var(--brick-control-min-block-size-lg); }\n  .brick-number-input-control { grid-column:1; grid-row:1 / 3; box-sizing:border-box; min-inline-size:0; inline-size:100%; min-block-size:calc(var(--brick-number-input-height) - 2 * var(--brick-border-width)); padding:0 var(--brick-space-3); border:0; outline:0; background:transparent; color:inherit; font:inherit; }\n  .brick-number-input-step { display:grid; grid-column:2; place-items:center; padding:0; border:0; border-inline-start:var(--brick-border-width) solid var(--brick-number-input-border); background:transparent; color:var(--brick-color-text-secondary); cursor:pointer; }\n  .brick-number-input-increment { grid-row:1; } .brick-number-input-decrement { grid-row:2; }\n  .brick-number-input-step + .brick-number-input-step { border-block-start:var(--brick-border-width) solid var(--brick-number-input-border); }\n  .brick-number-input-step-artwork { inline-size:1rem; block-size:1rem; stroke:currentColor; stroke-linecap:round; stroke-linejoin:round; stroke-width:1.75; }\n  .brick-number-input:focus-within { border-color:var(--brick-color-focus-ring); box-shadow:0 0 0 var(--brick-border-focus-width) var(--brick-color-focus-ring); }\n  .brick-number-input:has(.brick-number-input-control[data-invalid]) { border-color:var(--brick-color-danger-text); }\n  .brick-number-input:has(.brick-number-input-control[data-disabled]) { background:var(--brick-color-surface-subtle); color:var(--brick-color-text-secondary); opacity:.72; }\n  .brick-number-input-step:disabled { cursor:not-allowed; opacity:.5; }\n  @media (hover:hover) and (pointer:fine) { .brick-number-input-step:not(:disabled):hover { background:var(--brick-color-accent-soft); color:var(--brick-color-text-primary); } }\n  @media (pointer:coarse) {\n    .brick-number-input:is([data-size=\"sm\"], [data-size=\"md\"]) { --brick-number-input-height:3.125rem; }\n  }\n  @media (forced-colors:active) { .brick-number-input { border-color:ButtonText; background:Canvas; color:CanvasText; } .brick-number-input:focus-within { border-color:Highlight; box-shadow:0 0 0 var(--brick-border-focus-width) Highlight; } }\n}\n","@layer brick.components {\n .brick-otp-field{--brick-otp-size:var(--brick-control-min-block-size-md);--brick-otp-radius:var(--brick-radius-control);display:flex;flex-wrap:wrap;align-items:center;gap:var(--brick-space-2)}\n .brick-otp-field[data-size=\"sm\"]{--brick-otp-size:var(--brick-control-min-block-size-sm)} .brick-otp-field[data-size=\"lg\"]{--brick-otp-size:var(--brick-control-min-block-size-lg)} .brick-otp-field[data-shape=\"sharp\"]{--brick-otp-radius:0}\n .brick-otp-field-group{display:inline-flex;gap:var(--brick-space-2)} .brick-otp-field[data-layout=\"attached\"] .brick-otp-field-group{gap:0}\n .brick-otp-field-input{box-sizing:border-box;inline-size:var(--brick-otp-size);block-size:var(--brick-otp-size);padding:0;border:var(--brick-border-width) solid var(--brick-color-border-strong);border-radius:var(--brick-otp-radius);outline:0;background:var(--brick-color-surface-raised);color:var(--brick-color-text-primary);font:inherit;text-align:center}\n .brick-otp-field[data-variant=\"soft\"] .brick-otp-field-input{border-color:var(--brick-color-border-subtle);background:var(--brick-color-surface-subtle)} .brick-otp-field[data-variant=\"underline\"] .brick-otp-field-input{block-size:var(--brick-otp-size);border-width:0 0 var(--brick-border-width);border-radius:0;background:transparent}\n .brick-otp-field[data-layout=\"attached\"] .brick-otp-field-input{border-radius:0;margin-inline-start:calc(-1 * var(--brick-border-width))}.brick-otp-field[data-layout=\"attached\"] .brick-otp-field-input:first-child{margin-inline-start:0;border-start-start-radius:var(--brick-otp-radius);border-end-start-radius:var(--brick-otp-radius)}.brick-otp-field[data-layout=\"attached\"] .brick-otp-field-input:last-child{border-start-end-radius:var(--brick-otp-radius);border-end-end-radius:var(--brick-otp-radius)}\n .brick-otp-field-input:focus{position:relative;z-index:1;border-color:var(--brick-color-focus-ring);box-shadow:0 0 0 var(--brick-border-focus-width) var(--brick-color-focus-ring)} .brick-otp-field-input[data-invalid]{border-color:var(--brick-color-danger-text)} .brick-otp-field-input[data-disabled]{background:var(--brick-color-surface-subtle);opacity:.72;cursor:not-allowed}.brick-otp-field-separator{color:var(--brick-color-text-secondary)}\n @media(forced-colors:active){.brick-otp-field-input{border-color:ButtonText;background:Canvas;color:CanvasText}.brick-otp-field-input:focus{border-color:Highlight;box-shadow:0 0 0 var(--brick-border-focus-width) Highlight}}\n}\n","@layer brick.components {\n  .brick-stack {\n    --brick-stack-gap: var(--brick-space-0);\n    --brick-stack-start-spacing: var(--brick-space-0);\n    --brick-stack-end-spacing: var(--brick-space-0);\n\n    box-sizing: border-box;\n    display: flex;\n    min-inline-size: 0;\n    margin: 0;\n    flex-direction: column;\n    align-items: stretch;\n    justify-content: start;\n    gap: var(--brick-stack-gap);\n    padding-block: var(--brick-stack-start-spacing) var(--brick-stack-end-spacing);\n    padding-inline: 0;\n  }\n\n  .brick-stack:is(ul, ol) {\n    list-style: none;\n  }\n\n  .brick-stack[data-direction=\"row\"] {\n    flex-direction: row;\n    padding-block: 0;\n    padding-inline: var(--brick-stack-start-spacing) var(--brick-stack-end-spacing);\n  }\n  .brick-stack[data-gap] { --brick-stack-gap: var(--brick-stack-gap-input, var(--brick-space-0)); }\n  .brick-stack[data-start-spacing] { --brick-stack-start-spacing: var(--brick-stack-start-spacing-input, var(--brick-space-0)); }\n  .brick-stack[data-end-spacing] { --brick-stack-end-spacing: var(--brick-stack-end-spacing-input, var(--brick-space-0)); }\n\n  .brick-stack[data-align=\"start\"] { align-items: start; }\n  .brick-stack[data-align=\"center\"] { align-items: center; }\n  .brick-stack[data-align=\"end\"] { align-items: end; }\n  .brick-stack[data-align=\"baseline\"] { align-items: baseline; }\n  .brick-stack[data-justify=\"center\"] { justify-content: center; }\n  .brick-stack[data-justify=\"end\"] { justify-content: end; }\n  .brick-stack[data-justify=\"between\"] { justify-content: space-between; }\n  .brick-stack[data-justify=\"around\"] { justify-content: space-around; }\n  .brick-stack[data-justify=\"evenly\"] { justify-content: space-evenly; }\n  .brick-stack[data-wrap] { flex-wrap: wrap; }\n\n  .brick-stack-item {\n    box-sizing: border-box;\n    min-inline-size: 0;\n    flex: 0 1 auto;\n    align-self: auto;\n  }\n\n  .brick-stack-item:not([data-stack-item-composed]) { min-block-size: 0; }\n\n  .brick-stack-item[data-flex=\"fixed\"] { flex: 0 0 auto; }\n  .brick-stack-item[data-flex=\"auto\"] { flex: 1 1 auto; }\n  .brick-stack-item[data-flex=\"1\"] { flex: 1 1 0; }\n  .brick-stack-item[data-flex=\"2\"] { flex: 2 1 0; }\n  .brick-stack-item[data-flex=\"3\"] { flex: 3 1 0; }\n  .brick-stack-item[data-flex=\"4\"] { flex: 4 1 0; }\n  .brick-stack-item[data-align=\"stretch\"] { align-self: stretch; }\n  .brick-stack-item[data-align=\"start\"] { align-self: start; }\n  .brick-stack-item[data-align=\"center\"] { align-self: center; }\n  .brick-stack-item[data-align=\"end\"] { align-self: end; }\n  .brick-stack-item[data-align=\"baseline\"] { align-self: baseline; }\n\n  @media (width >= 30rem) {\n    .brick-stack[data-direction-sm=\"column\"] { flex-direction: column; padding-block: var(--brick-stack-start-spacing) var(--brick-stack-end-spacing); padding-inline: 0; }\n    .brick-stack[data-direction-sm=\"row\"] { flex-direction: row; padding-block: 0; padding-inline: var(--brick-stack-start-spacing) var(--brick-stack-end-spacing); }\n    .brick-stack[data-align-sm=\"stretch\"] { align-items: stretch; }\n    .brick-stack[data-align-sm=\"start\"] { align-items: start; }\n    .brick-stack[data-align-sm=\"center\"] { align-items: center; }\n    .brick-stack[data-align-sm=\"end\"] { align-items: end; }\n    .brick-stack[data-align-sm=\"baseline\"] { align-items: baseline; }\n    .brick-stack[data-justify-sm=\"start\"] { justify-content: start; }\n    .brick-stack[data-justify-sm=\"center\"] { justify-content: center; }\n    .brick-stack[data-justify-sm=\"end\"] { justify-content: end; }\n    .brick-stack[data-justify-sm=\"between\"] { justify-content: space-between; }\n    .brick-stack[data-justify-sm=\"around\"] { justify-content: space-around; }\n    .brick-stack[data-justify-sm=\"evenly\"] { justify-content: space-evenly; }\n    .brick-stack[data-wrap-sm=\"true\"] { flex-wrap: wrap; }\n    .brick-stack[data-wrap-sm=\"false\"] { flex-wrap: nowrap; }\n    .brick-stack-item[data-flex-sm=\"content\"] { flex: 0 1 auto; }\n    .brick-stack-item[data-flex-sm=\"fixed\"] { flex: 0 0 auto; }\n    .brick-stack-item[data-flex-sm=\"auto\"] { flex: 1 1 auto; }\n    .brick-stack-item[data-flex-sm=\"1\"] { flex: 1 1 0; }\n    .brick-stack-item[data-flex-sm=\"2\"] { flex: 2 1 0; }\n    .brick-stack-item[data-flex-sm=\"3\"] { flex: 3 1 0; }\n    .brick-stack-item[data-flex-sm=\"4\"] { flex: 4 1 0; }\n    .brick-stack-item[data-align-sm=\"auto\"] { align-self: auto; }\n    .brick-stack-item[data-align-sm=\"stretch\"] { align-self: stretch; }\n    .brick-stack-item[data-align-sm=\"start\"] { align-self: start; }\n    .brick-stack-item[data-align-sm=\"center\"] { align-self: center; }\n    .brick-stack-item[data-align-sm=\"end\"] { align-self: end; }\n    .brick-stack-item[data-align-sm=\"baseline\"] { align-self: baseline; }\n  }\n\n  @media (width >= 48rem) {\n    .brick-stack[data-direction-md=\"column\"] { flex-direction: column; padding-block: var(--brick-stack-start-spacing) var(--brick-stack-end-spacing); padding-inline: 0; }\n    .brick-stack[data-direction-md=\"row\"] { flex-direction: row; padding-block: 0; padding-inline: var(--brick-stack-start-spacing) var(--brick-stack-end-spacing); }\n    .brick-stack[data-align-md=\"stretch\"] { align-items: stretch; }\n    .brick-stack[data-align-md=\"start\"] { align-items: start; }\n    .brick-stack[data-align-md=\"center\"] { align-items: center; }\n    .brick-stack[data-align-md=\"end\"] { align-items: end; }\n    .brick-stack[data-align-md=\"baseline\"] { align-items: baseline; }\n    .brick-stack[data-justify-md=\"start\"] { justify-content: start; }\n    .brick-stack[data-justify-md=\"center\"] { justify-content: center; }\n    .brick-stack[data-justify-md=\"end\"] { justify-content: end; }\n    .brick-stack[data-justify-md=\"between\"] { justify-content: space-between; }\n    .brick-stack[data-justify-md=\"around\"] { justify-content: space-around; }\n    .brick-stack[data-justify-md=\"evenly\"] { justify-content: space-evenly; }\n    .brick-stack[data-wrap-md=\"true\"] { flex-wrap: wrap; }\n    .brick-stack[data-wrap-md=\"false\"] { flex-wrap: nowrap; }\n    .brick-stack-item[data-flex-md=\"content\"] { flex: 0 1 auto; }\n    .brick-stack-item[data-flex-md=\"fixed\"] { flex: 0 0 auto; }\n    .brick-stack-item[data-flex-md=\"auto\"] { flex: 1 1 auto; }\n    .brick-stack-item[data-flex-md=\"1\"] { flex: 1 1 0; }\n    .brick-stack-item[data-flex-md=\"2\"] { flex: 2 1 0; }\n    .brick-stack-item[data-flex-md=\"3\"] { flex: 3 1 0; }\n    .brick-stack-item[data-flex-md=\"4\"] { flex: 4 1 0; }\n    .brick-stack-item[data-align-md=\"auto\"] { align-self: auto; }\n    .brick-stack-item[data-align-md=\"stretch\"] { align-self: stretch; }\n    .brick-stack-item[data-align-md=\"start\"] { align-self: start; }\n    .brick-stack-item[data-align-md=\"center\"] { align-self: center; }\n    .brick-stack-item[data-align-md=\"end\"] { align-self: end; }\n    .brick-stack-item[data-align-md=\"baseline\"] { align-self: baseline; }\n  }\n\n  @media (width >= 64rem) {\n    .brick-stack[data-direction-lg=\"column\"] { flex-direction: column; padding-block: var(--brick-stack-start-spacing) var(--brick-stack-end-spacing); padding-inline: 0; }\n    .brick-stack[data-direction-lg=\"row\"] { flex-direction: row; padding-block: 0; padding-inline: var(--brick-stack-start-spacing) var(--brick-stack-end-spacing); }\n    .brick-stack[data-align-lg=\"stretch\"] { align-items: stretch; }\n    .brick-stack[data-align-lg=\"start\"] { align-items: start; }\n    .brick-stack[data-align-lg=\"center\"] { align-items: center; }\n    .brick-stack[data-align-lg=\"end\"] { align-items: end; }\n    .brick-stack[data-align-lg=\"baseline\"] { align-items: baseline; }\n    .brick-stack[data-justify-lg=\"start\"] { justify-content: start; }\n    .brick-stack[data-justify-lg=\"center\"] { justify-content: center; }\n    .brick-stack[data-justify-lg=\"end\"] { justify-content: end; }\n    .brick-stack[data-justify-lg=\"between\"] { justify-content: space-between; }\n    .brick-stack[data-justify-lg=\"around\"] { justify-content: space-around; }\n    .brick-stack[data-justify-lg=\"evenly\"] { justify-content: space-evenly; }\n    .brick-stack[data-wrap-lg=\"true\"] { flex-wrap: wrap; }\n    .brick-stack[data-wrap-lg=\"false\"] { flex-wrap: nowrap; }\n    .brick-stack-item[data-flex-lg=\"content\"] { flex: 0 1 auto; }\n    .brick-stack-item[data-flex-lg=\"fixed\"] { flex: 0 0 auto; }\n    .brick-stack-item[data-flex-lg=\"auto\"] { flex: 1 1 auto; }\n    .brick-stack-item[data-flex-lg=\"1\"] { flex: 1 1 0; }\n    .brick-stack-item[data-flex-lg=\"2\"] { flex: 2 1 0; }\n    .brick-stack-item[data-flex-lg=\"3\"] { flex: 3 1 0; }\n    .brick-stack-item[data-flex-lg=\"4\"] { flex: 4 1 0; }\n    .brick-stack-item[data-align-lg=\"auto\"] { align-self: auto; }\n    .brick-stack-item[data-align-lg=\"stretch\"] { align-self: stretch; }\n    .brick-stack-item[data-align-lg=\"start\"] { align-self: start; }\n    .brick-stack-item[data-align-lg=\"center\"] { align-self: center; }\n    .brick-stack-item[data-align-lg=\"end\"] { align-self: end; }\n    .brick-stack-item[data-align-lg=\"baseline\"] { align-self: baseline; }\n  }\n\n  @media (width >= 80rem) {\n    .brick-stack[data-direction-xl=\"column\"] { flex-direction: column; padding-block: var(--brick-stack-start-spacing) var(--brick-stack-end-spacing); padding-inline: 0; }\n    .brick-stack[data-direction-xl=\"row\"] { flex-direction: row; padding-block: 0; padding-inline: var(--brick-stack-start-spacing) var(--brick-stack-end-spacing); }\n    .brick-stack[data-align-xl=\"stretch\"] { align-items: stretch; }\n    .brick-stack[data-align-xl=\"start\"] { align-items: start; }\n    .brick-stack[data-align-xl=\"center\"] { align-items: center; }\n    .brick-stack[data-align-xl=\"end\"] { align-items: end; }\n    .brick-stack[data-align-xl=\"baseline\"] { align-items: baseline; }\n    .brick-stack[data-justify-xl=\"start\"] { justify-content: start; }\n    .brick-stack[data-justify-xl=\"center\"] { justify-content: center; }\n    .brick-stack[data-justify-xl=\"end\"] { justify-content: end; }\n    .brick-stack[data-justify-xl=\"between\"] { justify-content: space-between; }\n    .brick-stack[data-justify-xl=\"around\"] { justify-content: space-around; }\n    .brick-stack[data-justify-xl=\"evenly\"] { justify-content: space-evenly; }\n    .brick-stack[data-wrap-xl=\"true\"] { flex-wrap: wrap; }\n    .brick-stack[data-wrap-xl=\"false\"] { flex-wrap: nowrap; }\n    .brick-stack-item[data-flex-xl=\"content\"] { flex: 0 1 auto; }\n    .brick-stack-item[data-flex-xl=\"fixed\"] { flex: 0 0 auto; }\n    .brick-stack-item[data-flex-xl=\"auto\"] { flex: 1 1 auto; }\n    .brick-stack-item[data-flex-xl=\"1\"] { flex: 1 1 0; }\n    .brick-stack-item[data-flex-xl=\"2\"] { flex: 2 1 0; }\n    .brick-stack-item[data-flex-xl=\"3\"] { flex: 3 1 0; }\n    .brick-stack-item[data-flex-xl=\"4\"] { flex: 4 1 0; }\n    .brick-stack-item[data-align-xl=\"auto\"] { align-self: auto; }\n    .brick-stack-item[data-align-xl=\"stretch\"] { align-self: stretch; }\n    .brick-stack-item[data-align-xl=\"start\"] { align-self: start; }\n    .brick-stack-item[data-align-xl=\"center\"] { align-self: center; }\n    .brick-stack-item[data-align-xl=\"end\"] { align-self: end; }\n    .brick-stack-item[data-align-xl=\"baseline\"] { align-self: baseline; }\n  }\n\n  @media (width >= 30rem) {\n  }\n  @media (width >= 48rem) {\n  }\n  @media (width >= 64rem) {\n  }\n  @media (width >= 80rem) {\n  }\n\n  @media (width >= 30rem) {\n    .brick-stack[data-gap-sm] { --brick-stack-gap: var(--brick-stack-gap-sm-input, var(--brick-stack-gap-input, var(--brick-space-0))); }\n    .brick-stack[data-start-spacing-sm] { --brick-stack-start-spacing: var(--brick-stack-start-spacing-sm-input, var(--brick-stack-start-spacing-input, var(--brick-space-0))); }\n    .brick-stack[data-end-spacing-sm] { --brick-stack-end-spacing: var(--brick-stack-end-spacing-sm-input, var(--brick-stack-end-spacing-input, var(--brick-space-0))); }\n  }\n\n  @media (width >= 48rem) {\n    .brick-stack[data-gap-md] { --brick-stack-gap: var(--brick-stack-gap-md-input, var(--brick-stack-gap-input, var(--brick-space-0))); }\n    .brick-stack[data-start-spacing-md] { --brick-stack-start-spacing: var(--brick-stack-start-spacing-md-input, var(--brick-stack-start-spacing-input, var(--brick-space-0))); }\n    .brick-stack[data-end-spacing-md] { --brick-stack-end-spacing: var(--brick-stack-end-spacing-md-input, var(--brick-stack-end-spacing-input, var(--brick-space-0))); }\n  }\n\n  @media (width >= 64rem) {\n    .brick-stack[data-gap-lg] { --brick-stack-gap: var(--brick-stack-gap-lg-input, var(--brick-stack-gap-input, var(--brick-space-0))); }\n    .brick-stack[data-start-spacing-lg] { --brick-stack-start-spacing: var(--brick-stack-start-spacing-lg-input, var(--brick-stack-start-spacing-input, var(--brick-space-0))); }\n    .brick-stack[data-end-spacing-lg] { --brick-stack-end-spacing: var(--brick-stack-end-spacing-lg-input, var(--brick-stack-end-spacing-input, var(--brick-space-0))); }\n  }\n\n  @media (width >= 80rem) {\n    .brick-stack[data-gap-xl] { --brick-stack-gap: var(--brick-stack-gap-xl-input, var(--brick-stack-gap-input, var(--brick-space-0))); }\n    .brick-stack[data-start-spacing-xl] { --brick-stack-start-spacing: var(--brick-stack-start-spacing-xl-input, var(--brick-stack-start-spacing-input, var(--brick-space-0))); }\n    .brick-stack[data-end-spacing-xl] { --brick-stack-end-spacing: var(--brick-stack-end-spacing-xl-input, var(--brick-stack-end-spacing-input, var(--brick-space-0))); }\n  }\n}\n","@layer brick.foundations {\n  :where(body) {\n    background-color: var(--brick-color-surface-canvas);\n    color: var(--brick-color-text-primary);\n    font-family: var(--brick-font-family-body);\n    font-size: var(--brick-typography-body-md-font-size);\n    line-height: var(--brick-typography-body-md-line-height);\n  }\n\n  :where([class^=\"brick-\"], [class*=\" brick-\"]) {\n    box-sizing: border-box;\n    font-family: var(--brick-font-family-body);\n    -webkit-tap-highlight-color: transparent;\n  }\n\n  :where([class^=\"brick-\"], [class*=\" brick-\"])::before,\n  :where([class^=\"brick-\"], [class*=\" brick-\"])::after {\n    box-sizing: border-box;\n  }\n\n  @media (forced-colors: active) {\n    :where([class^=\"brick-\"], [class*=\" brick-\"]) {\n      forced-color-adjust: auto;\n    }\n  }\n\n  @media (prefers-reduced-motion: reduce) {\n    :where([class^=\"brick-\"], [class*=\" brick-\"]) {\n      scroll-behavior: auto;\n    }\n  }\n}\n","@layer brick.components {\n  .brick-appearance {\n    box-sizing: border-box;\n  }\n}\n","@layer brick.components {\n  .brick-text {\n    --brick-text-font-family: var(--brick-typography-body-md-font-family);\n    --brick-text-font-size: var(--brick-typography-body-md-font-size);\n    --brick-text-font-weight: var(--brick-typography-body-md-font-weight);\n    --brick-text-line-height: var(--brick-typography-body-md-line-height);\n    --brick-text-letter-spacing: var(--brick-typography-body-md-letter-spacing);\n    --brick-text-text-transform: none;\n    --brick-text-foreground: var(--brick-color-text-primary);\n\n    margin: 0;\n    color: var(--brick-text-foreground);\n    font-family: var(--brick-text-font-family);\n    font-size: var(--brick-text-font-size);\n    font-weight: var(--brick-text-font-weight);\n    letter-spacing: var(--brick-text-letter-spacing);\n    line-height: var(--brick-text-line-height);\n    overflow-wrap: break-word;\n    text-align: start;\n    text-transform: var(--brick-text-text-transform);\n    text-wrap: wrap;\n  }\n\n  .brick-text[data-variant=\"display\"] {\n    --brick-text-font-family: var(--brick-typography-display-font-family);\n    --brick-text-font-size: var(--brick-typography-display-font-size);\n    --brick-text-font-weight: var(--brick-typography-display-font-weight);\n    --brick-text-line-height: var(--brick-typography-display-line-height);\n    --brick-text-letter-spacing: var(--brick-typography-display-letter-spacing);\n  }\n\n  .brick-text[data-variant=\"display-sm\"] {\n    --brick-text-font-family: var(--brick-typography-display-sm-font-family);\n    --brick-text-font-size: var(--brick-typography-display-sm-font-size);\n    --brick-text-font-weight: var(--brick-typography-display-sm-font-weight);\n    --brick-text-line-height: var(--brick-typography-display-sm-line-height);\n    --brick-text-letter-spacing: var(--brick-typography-display-sm-letter-spacing);\n  }\n\n  .brick-text[data-variant=\"display-md\"] {\n    --brick-text-font-family: var(--brick-typography-display-md-font-family);\n    --brick-text-font-size: var(--brick-typography-display-md-font-size);\n    --brick-text-font-weight: var(--brick-typography-display-md-font-weight);\n    --brick-text-line-height: var(--brick-typography-display-md-line-height);\n    --brick-text-letter-spacing: var(--brick-typography-display-md-letter-spacing);\n  }\n\n  .brick-text[data-variant=\"display-lg\"] {\n    --brick-text-font-family: var(--brick-typography-display-lg-font-family);\n    --brick-text-font-size: var(--brick-typography-display-lg-font-size);\n    --brick-text-font-weight: var(--brick-typography-display-lg-font-weight);\n    --brick-text-line-height: var(--brick-typography-display-lg-line-height);\n    --brick-text-letter-spacing: var(--brick-typography-display-lg-letter-spacing);\n  }\n\n  .brick-text[data-variant=\"title-lg\"] {\n    --brick-text-font-family: var(--brick-typography-title-lg-font-family);\n    --brick-text-font-size: var(--brick-typography-title-lg-font-size);\n    --brick-text-font-weight: var(--brick-typography-title-lg-font-weight);\n    --brick-text-line-height: var(--brick-typography-title-lg-line-height);\n    --brick-text-letter-spacing: var(--brick-typography-title-lg-letter-spacing);\n  }\n\n  .brick-text[data-variant=\"title-md\"] {\n    --brick-text-font-family: var(--brick-typography-title-md-font-family);\n    --brick-text-font-size: var(--brick-typography-title-md-font-size);\n    --brick-text-font-weight: var(--brick-typography-title-md-font-weight);\n    --brick-text-line-height: var(--brick-typography-title-md-line-height);\n    --brick-text-letter-spacing: var(--brick-typography-title-md-letter-spacing);\n  }\n\n  .brick-text[data-variant=\"title-sm\"] {\n    --brick-text-font-family: var(--brick-typography-title-sm-font-family);\n    --brick-text-font-size: var(--brick-typography-title-sm-font-size);\n    --brick-text-font-weight: var(--brick-typography-title-sm-font-weight);\n    --brick-text-line-height: var(--brick-typography-title-sm-line-height);\n    --brick-text-letter-spacing: var(--brick-typography-title-sm-letter-spacing);\n  }\n\n  .brick-text[data-variant=\"body-lg\"] {\n    --brick-text-font-family: var(--brick-typography-body-lg-font-family);\n    --brick-text-font-size: var(--brick-typography-body-lg-font-size);\n    --brick-text-font-weight: var(--brick-typography-body-lg-font-weight);\n    --brick-text-line-height: var(--brick-typography-body-lg-line-height);\n    --brick-text-letter-spacing: var(--brick-typography-body-lg-letter-spacing);\n  }\n\n  .brick-text[data-variant=\"body-sm\"] {\n    --brick-text-font-family: var(--brick-typography-body-sm-font-family);\n    --brick-text-font-size: var(--brick-typography-body-sm-font-size);\n    --brick-text-font-weight: var(--brick-typography-body-sm-font-weight);\n    --brick-text-line-height: var(--brick-typography-body-sm-line-height);\n    --brick-text-letter-spacing: var(--brick-typography-body-sm-letter-spacing);\n  }\n\n  .brick-text[data-variant=\"caption\"] {\n    --brick-text-font-family: var(--brick-typography-caption-font-family);\n    --brick-text-font-size: var(--brick-typography-caption-font-size);\n    --brick-text-font-weight: var(--brick-typography-caption-font-weight);\n    --brick-text-line-height: var(--brick-typography-caption-line-height);\n    --brick-text-letter-spacing: var(--brick-typography-caption-letter-spacing);\n  }\n\n  .brick-text[data-variant=\"eyebrow\"] {\n    --brick-text-font-family: var(--brick-typography-eyebrow-font-family);\n    --brick-text-font-size: var(--brick-typography-eyebrow-font-size);\n    --brick-text-font-weight: var(--brick-typography-eyebrow-font-weight);\n    --brick-text-line-height: var(--brick-typography-eyebrow-line-height);\n    --brick-text-letter-spacing: var(--brick-typography-eyebrow-letter-spacing);\n    --brick-text-text-transform: uppercase;\n  }\n\n  @media (width >= 30rem) {\n    .brick-text[data-variant-sm=\"display\"] {\n      --brick-text-font-family: var(--brick-typography-display-font-family);\n      --brick-text-font-size: var(--brick-typography-display-font-size);\n      --brick-text-font-weight: var(--brick-typography-display-font-weight);\n      --brick-text-line-height: var(--brick-typography-display-line-height);\n      --brick-text-letter-spacing: var(--brick-typography-display-letter-spacing);\n    }\n\n    .brick-text[data-variant-sm=\"display-sm\"] {\n      --brick-text-font-family: var(--brick-typography-display-sm-font-family);\n      --brick-text-font-size: var(--brick-typography-display-sm-font-size);\n      --brick-text-font-weight: var(--brick-typography-display-sm-font-weight);\n      --brick-text-line-height: var(--brick-typography-display-sm-line-height);\n      --brick-text-letter-spacing: var(--brick-typography-display-sm-letter-spacing);\n    }\n\n    .brick-text[data-variant-sm=\"display-md\"] {\n      --brick-text-font-family: var(--brick-typography-display-md-font-family);\n      --brick-text-font-size: var(--brick-typography-display-md-font-size);\n      --brick-text-font-weight: var(--brick-typography-display-md-font-weight);\n      --brick-text-line-height: var(--brick-typography-display-md-line-height);\n      --brick-text-letter-spacing: var(--brick-typography-display-md-letter-spacing);\n    }\n\n    .brick-text[data-variant-sm=\"display-lg\"] {\n      --brick-text-font-family: var(--brick-typography-display-lg-font-family);\n      --brick-text-font-size: var(--brick-typography-display-lg-font-size);\n      --brick-text-font-weight: var(--brick-typography-display-lg-font-weight);\n      --brick-text-line-height: var(--brick-typography-display-lg-line-height);\n      --brick-text-letter-spacing: var(--brick-typography-display-lg-letter-spacing);\n    }\n\n    .brick-text[data-variant-sm=\"title-lg\"] {\n      --brick-text-font-family: var(--brick-typography-title-lg-font-family);\n      --brick-text-font-size: var(--brick-typography-title-lg-font-size);\n      --brick-text-font-weight: var(--brick-typography-title-lg-font-weight);\n      --brick-text-line-height: var(--brick-typography-title-lg-line-height);\n      --brick-text-letter-spacing: var(--brick-typography-title-lg-letter-spacing);\n    }\n\n    .brick-text[data-variant-sm=\"title-md\"] {\n      --brick-text-font-family: var(--brick-typography-title-md-font-family);\n      --brick-text-font-size: var(--brick-typography-title-md-font-size);\n      --brick-text-font-weight: var(--brick-typography-title-md-font-weight);\n      --brick-text-line-height: var(--brick-typography-title-md-line-height);\n      --brick-text-letter-spacing: var(--brick-typography-title-md-letter-spacing);\n    }\n\n    .brick-text[data-variant-sm=\"title-sm\"] {\n      --brick-text-font-family: var(--brick-typography-title-sm-font-family);\n      --brick-text-font-size: var(--brick-typography-title-sm-font-size);\n      --brick-text-font-weight: var(--brick-typography-title-sm-font-weight);\n      --brick-text-line-height: var(--brick-typography-title-sm-line-height);\n      --brick-text-letter-spacing: var(--brick-typography-title-sm-letter-spacing);\n    }\n\n    .brick-text[data-variant-sm=\"body-lg\"] {\n      --brick-text-font-family: var(--brick-typography-body-lg-font-family);\n      --brick-text-font-size: var(--brick-typography-body-lg-font-size);\n      --brick-text-font-weight: var(--brick-typography-body-lg-font-weight);\n      --brick-text-line-height: var(--brick-typography-body-lg-line-height);\n      --brick-text-letter-spacing: var(--brick-typography-body-lg-letter-spacing);\n    }\n\n    .brick-text[data-variant-sm=\"body-md\"] {\n      --brick-text-font-family: var(--brick-typography-body-md-font-family);\n      --brick-text-font-size: var(--brick-typography-body-md-font-size);\n      --brick-text-font-weight: var(--brick-typography-body-md-font-weight);\n      --brick-text-line-height: var(--brick-typography-body-md-line-height);\n      --brick-text-letter-spacing: var(--brick-typography-body-md-letter-spacing);\n    }\n\n    .brick-text[data-variant-sm=\"body-sm\"] {\n      --brick-text-font-family: var(--brick-typography-body-sm-font-family);\n      --brick-text-font-size: var(--brick-typography-body-sm-font-size);\n      --brick-text-font-weight: var(--brick-typography-body-sm-font-weight);\n      --brick-text-line-height: var(--brick-typography-body-sm-line-height);\n      --brick-text-letter-spacing: var(--brick-typography-body-sm-letter-spacing);\n    }\n\n    .brick-text[data-variant-sm=\"caption\"] {\n      --brick-text-font-family: var(--brick-typography-caption-font-family);\n      --brick-text-font-size: var(--brick-typography-caption-font-size);\n      --brick-text-font-weight: var(--brick-typography-caption-font-weight);\n      --brick-text-line-height: var(--brick-typography-caption-line-height);\n      --brick-text-letter-spacing: var(--brick-typography-caption-letter-spacing);\n    }\n\n    .brick-text[data-variant-sm=\"eyebrow\"] {\n      --brick-text-font-family: var(--brick-typography-eyebrow-font-family);\n      --brick-text-font-size: var(--brick-typography-eyebrow-font-size);\n      --brick-text-font-weight: var(--brick-typography-eyebrow-font-weight);\n      --brick-text-line-height: var(--brick-typography-eyebrow-line-height);\n      --brick-text-letter-spacing: var(--brick-typography-eyebrow-letter-spacing);\n      --brick-text-text-transform: uppercase;\n    }\n  }\n\n  @media (width >= 48rem) {\n    .brick-text[data-variant-md=\"display\"] {\n      --brick-text-font-family: var(--brick-typography-display-font-family);\n      --brick-text-font-size: var(--brick-typography-display-font-size);\n      --brick-text-font-weight: var(--brick-typography-display-font-weight);\n      --brick-text-line-height: var(--brick-typography-display-line-height);\n      --brick-text-letter-spacing: var(--brick-typography-display-letter-spacing);\n    }\n\n    .brick-text[data-variant-md=\"display-sm\"] {\n      --brick-text-font-family: var(--brick-typography-display-sm-font-family);\n      --brick-text-font-size: var(--brick-typography-display-sm-font-size);\n      --brick-text-font-weight: var(--brick-typography-display-sm-font-weight);\n      --brick-text-line-height: var(--brick-typography-display-sm-line-height);\n      --brick-text-letter-spacing: var(--brick-typography-display-sm-letter-spacing);\n    }\n\n    .brick-text[data-variant-md=\"display-md\"] {\n      --brick-text-font-family: var(--brick-typography-display-md-font-family);\n      --brick-text-font-size: var(--brick-typography-display-md-font-size);\n      --brick-text-font-weight: var(--brick-typography-display-md-font-weight);\n      --brick-text-line-height: var(--brick-typography-display-md-line-height);\n      --brick-text-letter-spacing: var(--brick-typography-display-md-letter-spacing);\n    }\n\n    .brick-text[data-variant-md=\"display-lg\"] {\n      --brick-text-font-family: var(--brick-typography-display-lg-font-family);\n      --brick-text-font-size: var(--brick-typography-display-lg-font-size);\n      --brick-text-font-weight: var(--brick-typography-display-lg-font-weight);\n      --brick-text-line-height: var(--brick-typography-display-lg-line-height);\n      --brick-text-letter-spacing: var(--brick-typography-display-lg-letter-spacing);\n    }\n\n    .brick-text[data-variant-md=\"title-lg\"] {\n      --brick-text-font-family: var(--brick-typography-title-lg-font-family);\n      --brick-text-font-size: var(--brick-typography-title-lg-font-size);\n      --brick-text-font-weight: var(--brick-typography-title-lg-font-weight);\n      --brick-text-line-height: var(--brick-typography-title-lg-line-height);\n      --brick-text-letter-spacing: var(--brick-typography-title-lg-letter-spacing);\n    }\n\n    .brick-text[data-variant-md=\"title-md\"] {\n      --brick-text-font-family: var(--brick-typography-title-md-font-family);\n      --brick-text-font-size: var(--brick-typography-title-md-font-size);\n      --brick-text-font-weight: var(--brick-typography-title-md-font-weight);\n      --brick-text-line-height: var(--brick-typography-title-md-line-height);\n      --brick-text-letter-spacing: var(--brick-typography-title-md-letter-spacing);\n    }\n\n    .brick-text[data-variant-md=\"title-sm\"] {\n      --brick-text-font-family: var(--brick-typography-title-sm-font-family);\n      --brick-text-font-size: var(--brick-typography-title-sm-font-size);\n      --brick-text-font-weight: var(--brick-typography-title-sm-font-weight);\n      --brick-text-line-height: var(--brick-typography-title-sm-line-height);\n      --brick-text-letter-spacing: var(--brick-typography-title-sm-letter-spacing);\n    }\n\n    .brick-text[data-variant-md=\"body-lg\"] {\n      --brick-text-font-family: var(--brick-typography-body-lg-font-family);\n      --brick-text-font-size: var(--brick-typography-body-lg-font-size);\n      --brick-text-font-weight: var(--brick-typography-body-lg-font-weight);\n      --brick-text-line-height: var(--brick-typography-body-lg-line-height);\n      --brick-text-letter-spacing: var(--brick-typography-body-lg-letter-spacing);\n    }\n\n    .brick-text[data-variant-md=\"body-md\"] {\n      --brick-text-font-family: var(--brick-typography-body-md-font-family);\n      --brick-text-font-size: var(--brick-typography-body-md-font-size);\n      --brick-text-font-weight: var(--brick-typography-body-md-font-weight);\n      --brick-text-line-height: var(--brick-typography-body-md-line-height);\n      --brick-text-letter-spacing: var(--brick-typography-body-md-letter-spacing);\n    }\n\n    .brick-text[data-variant-md=\"body-sm\"] {\n      --brick-text-font-family: var(--brick-typography-body-sm-font-family);\n      --brick-text-font-size: var(--brick-typography-body-sm-font-size);\n      --brick-text-font-weight: var(--brick-typography-body-sm-font-weight);\n      --brick-text-line-height: var(--brick-typography-body-sm-line-height);\n      --brick-text-letter-spacing: var(--brick-typography-body-sm-letter-spacing);\n    }\n\n    .brick-text[data-variant-md=\"caption\"] {\n      --brick-text-font-family: var(--brick-typography-caption-font-family);\n      --brick-text-font-size: var(--brick-typography-caption-font-size);\n      --brick-text-font-weight: var(--brick-typography-caption-font-weight);\n      --brick-text-line-height: var(--brick-typography-caption-line-height);\n      --brick-text-letter-spacing: var(--brick-typography-caption-letter-spacing);\n    }\n\n    .brick-text[data-variant-md=\"eyebrow\"] {\n      --brick-text-font-family: var(--brick-typography-eyebrow-font-family);\n      --brick-text-font-size: var(--brick-typography-eyebrow-font-size);\n      --brick-text-font-weight: var(--brick-typography-eyebrow-font-weight);\n      --brick-text-line-height: var(--brick-typography-eyebrow-line-height);\n      --brick-text-letter-spacing: var(--brick-typography-eyebrow-letter-spacing);\n      --brick-text-text-transform: uppercase;\n    }\n  }\n\n  @media (width >= 64rem) {\n    .brick-text[data-variant-lg=\"display\"] {\n      --brick-text-font-family: var(--brick-typography-display-font-family);\n      --brick-text-font-size: var(--brick-typography-display-font-size);\n      --brick-text-font-weight: var(--brick-typography-display-font-weight);\n      --brick-text-line-height: var(--brick-typography-display-line-height);\n      --brick-text-letter-spacing: var(--brick-typography-display-letter-spacing);\n    }\n\n    .brick-text[data-variant-lg=\"display-sm\"] {\n      --brick-text-font-family: var(--brick-typography-display-sm-font-family);\n      --brick-text-font-size: var(--brick-typography-display-sm-font-size);\n      --brick-text-font-weight: var(--brick-typography-display-sm-font-weight);\n      --brick-text-line-height: var(--brick-typography-display-sm-line-height);\n      --brick-text-letter-spacing: var(--brick-typography-display-sm-letter-spacing);\n    }\n\n    .brick-text[data-variant-lg=\"display-md\"] {\n      --brick-text-font-family: var(--brick-typography-display-md-font-family);\n      --brick-text-font-size: var(--brick-typography-display-md-font-size);\n      --brick-text-font-weight: var(--brick-typography-display-md-font-weight);\n      --brick-text-line-height: var(--brick-typography-display-md-line-height);\n      --brick-text-letter-spacing: var(--brick-typography-display-md-letter-spacing);\n    }\n\n    .brick-text[data-variant-lg=\"display-lg\"] {\n      --brick-text-font-family: var(--brick-typography-display-lg-font-family);\n      --brick-text-font-size: var(--brick-typography-display-lg-font-size);\n      --brick-text-font-weight: var(--brick-typography-display-lg-font-weight);\n      --brick-text-line-height: var(--brick-typography-display-lg-line-height);\n      --brick-text-letter-spacing: var(--brick-typography-display-lg-letter-spacing);\n    }\n\n    .brick-text[data-variant-lg=\"title-lg\"] {\n      --brick-text-font-family: var(--brick-typography-title-lg-font-family);\n      --brick-text-font-size: var(--brick-typography-title-lg-font-size);\n      --brick-text-font-weight: var(--brick-typography-title-lg-font-weight);\n      --brick-text-line-height: var(--brick-typography-title-lg-line-height);\n      --brick-text-letter-spacing: var(--brick-typography-title-lg-letter-spacing);\n    }\n\n    .brick-text[data-variant-lg=\"title-md\"] {\n      --brick-text-font-family: var(--brick-typography-title-md-font-family);\n      --brick-text-font-size: var(--brick-typography-title-md-font-size);\n      --brick-text-font-weight: var(--brick-typography-title-md-font-weight);\n      --brick-text-line-height: var(--brick-typography-title-md-line-height);\n      --brick-text-letter-spacing: var(--brick-typography-title-md-letter-spacing);\n    }\n\n    .brick-text[data-variant-lg=\"title-sm\"] {\n      --brick-text-font-family: var(--brick-typography-title-sm-font-family);\n      --brick-text-font-size: var(--brick-typography-title-sm-font-size);\n      --brick-text-font-weight: var(--brick-typography-title-sm-font-weight);\n      --brick-text-line-height: var(--brick-typography-title-sm-line-height);\n      --brick-text-letter-spacing: var(--brick-typography-title-sm-letter-spacing);\n    }\n\n    .brick-text[data-variant-lg=\"body-lg\"] {\n      --brick-text-font-family: var(--brick-typography-body-lg-font-family);\n      --brick-text-font-size: var(--brick-typography-body-lg-font-size);\n      --brick-text-font-weight: var(--brick-typography-body-lg-font-weight);\n      --brick-text-line-height: var(--brick-typography-body-lg-line-height);\n      --brick-text-letter-spacing: var(--brick-typography-body-lg-letter-spacing);\n    }\n\n    .brick-text[data-variant-lg=\"body-md\"] {\n      --brick-text-font-family: var(--brick-typography-body-md-font-family);\n      --brick-text-font-size: var(--brick-typography-body-md-font-size);\n      --brick-text-font-weight: var(--brick-typography-body-md-font-weight);\n      --brick-text-line-height: var(--brick-typography-body-md-line-height);\n      --brick-text-letter-spacing: var(--brick-typography-body-md-letter-spacing);\n    }\n\n    .brick-text[data-variant-lg=\"body-sm\"] {\n      --brick-text-font-family: var(--brick-typography-body-sm-font-family);\n      --brick-text-font-size: var(--brick-typography-body-sm-font-size);\n      --brick-text-font-weight: var(--brick-typography-body-sm-font-weight);\n      --brick-text-line-height: var(--brick-typography-body-sm-line-height);\n      --brick-text-letter-spacing: var(--brick-typography-body-sm-letter-spacing);\n    }\n\n    .brick-text[data-variant-lg=\"caption\"] {\n      --brick-text-font-family: var(--brick-typography-caption-font-family);\n      --brick-text-font-size: var(--brick-typography-caption-font-size);\n      --brick-text-font-weight: var(--brick-typography-caption-font-weight);\n      --brick-text-line-height: var(--brick-typography-caption-line-height);\n      --brick-text-letter-spacing: var(--brick-typography-caption-letter-spacing);\n    }\n\n    .brick-text[data-variant-lg=\"eyebrow\"] {\n      --brick-text-font-family: var(--brick-typography-eyebrow-font-family);\n      --brick-text-font-size: var(--brick-typography-eyebrow-font-size);\n      --brick-text-font-weight: var(--brick-typography-eyebrow-font-weight);\n      --brick-text-line-height: var(--brick-typography-eyebrow-line-height);\n      --brick-text-letter-spacing: var(--brick-typography-eyebrow-letter-spacing);\n      --brick-text-text-transform: uppercase;\n    }\n  }\n\n  @media (width >= 80rem) {\n    .brick-text[data-variant-xl=\"display\"] {\n      --brick-text-font-family: var(--brick-typography-display-font-family);\n      --brick-text-font-size: var(--brick-typography-display-font-size);\n      --brick-text-font-weight: var(--brick-typography-display-font-weight);\n      --brick-text-line-height: var(--brick-typography-display-line-height);\n      --brick-text-letter-spacing: var(--brick-typography-display-letter-spacing);\n    }\n\n    .brick-text[data-variant-xl=\"display-sm\"] {\n      --brick-text-font-family: var(--brick-typography-display-sm-font-family);\n      --brick-text-font-size: var(--brick-typography-display-sm-font-size);\n      --brick-text-font-weight: var(--brick-typography-display-sm-font-weight);\n      --brick-text-line-height: var(--brick-typography-display-sm-line-height);\n      --brick-text-letter-spacing: var(--brick-typography-display-sm-letter-spacing);\n    }\n\n    .brick-text[data-variant-xl=\"display-md\"] {\n      --brick-text-font-family: var(--brick-typography-display-md-font-family);\n      --brick-text-font-size: var(--brick-typography-display-md-font-size);\n      --brick-text-font-weight: var(--brick-typography-display-md-font-weight);\n      --brick-text-line-height: var(--brick-typography-display-md-line-height);\n      --brick-text-letter-spacing: var(--brick-typography-display-md-letter-spacing);\n    }\n\n    .brick-text[data-variant-xl=\"display-lg\"] {\n      --brick-text-font-family: var(--brick-typography-display-lg-font-family);\n      --brick-text-font-size: var(--brick-typography-display-lg-font-size);\n      --brick-text-font-weight: var(--brick-typography-display-lg-font-weight);\n      --brick-text-line-height: var(--brick-typography-display-lg-line-height);\n      --brick-text-letter-spacing: var(--brick-typography-display-lg-letter-spacing);\n    }\n\n    .brick-text[data-variant-xl=\"title-lg\"] {\n      --brick-text-font-family: var(--brick-typography-title-lg-font-family);\n      --brick-text-font-size: var(--brick-typography-title-lg-font-size);\n      --brick-text-font-weight: var(--brick-typography-title-lg-font-weight);\n      --brick-text-line-height: var(--brick-typography-title-lg-line-height);\n      --brick-text-letter-spacing: var(--brick-typography-title-lg-letter-spacing);\n    }\n\n    .brick-text[data-variant-xl=\"title-md\"] {\n      --brick-text-font-family: var(--brick-typography-title-md-font-family);\n      --brick-text-font-size: var(--brick-typography-title-md-font-size);\n      --brick-text-font-weight: var(--brick-typography-title-md-font-weight);\n      --brick-text-line-height: var(--brick-typography-title-md-line-height);\n      --brick-text-letter-spacing: var(--brick-typography-title-md-letter-spacing);\n    }\n\n    .brick-text[data-variant-xl=\"title-sm\"] {\n      --brick-text-font-family: var(--brick-typography-title-sm-font-family);\n      --brick-text-font-size: var(--brick-typography-title-sm-font-size);\n      --brick-text-font-weight: var(--brick-typography-title-sm-font-weight);\n      --brick-text-line-height: var(--brick-typography-title-sm-line-height);\n      --brick-text-letter-spacing: var(--brick-typography-title-sm-letter-spacing);\n    }\n\n    .brick-text[data-variant-xl=\"body-lg\"] {\n      --brick-text-font-family: var(--brick-typography-body-lg-font-family);\n      --brick-text-font-size: var(--brick-typography-body-lg-font-size);\n      --brick-text-font-weight: var(--brick-typography-body-lg-font-weight);\n      --brick-text-line-height: var(--brick-typography-body-lg-line-height);\n      --brick-text-letter-spacing: var(--brick-typography-body-lg-letter-spacing);\n    }\n\n    .brick-text[data-variant-xl=\"body-md\"] {\n      --brick-text-font-family: var(--brick-typography-body-md-font-family);\n      --brick-text-font-size: var(--brick-typography-body-md-font-size);\n      --brick-text-font-weight: var(--brick-typography-body-md-font-weight);\n      --brick-text-line-height: var(--brick-typography-body-md-line-height);\n      --brick-text-letter-spacing: var(--brick-typography-body-md-letter-spacing);\n    }\n\n    .brick-text[data-variant-xl=\"body-sm\"] {\n      --brick-text-font-family: var(--brick-typography-body-sm-font-family);\n      --brick-text-font-size: var(--brick-typography-body-sm-font-size);\n      --brick-text-font-weight: var(--brick-typography-body-sm-font-weight);\n      --brick-text-line-height: var(--brick-typography-body-sm-line-height);\n      --brick-text-letter-spacing: var(--brick-typography-body-sm-letter-spacing);\n    }\n\n    .brick-text[data-variant-xl=\"caption\"] {\n      --brick-text-font-family: var(--brick-typography-caption-font-family);\n      --brick-text-font-size: var(--brick-typography-caption-font-size);\n      --brick-text-font-weight: var(--brick-typography-caption-font-weight);\n      --brick-text-line-height: var(--brick-typography-caption-line-height);\n      --brick-text-letter-spacing: var(--brick-typography-caption-letter-spacing);\n    }\n\n    .brick-text[data-variant-xl=\"eyebrow\"] {\n      --brick-text-font-family: var(--brick-typography-eyebrow-font-family);\n      --brick-text-font-size: var(--brick-typography-eyebrow-font-size);\n      --brick-text-font-weight: var(--brick-typography-eyebrow-font-weight);\n      --brick-text-line-height: var(--brick-typography-eyebrow-line-height);\n      --brick-text-letter-spacing: var(--brick-typography-eyebrow-letter-spacing);\n      --brick-text-text-transform: uppercase;\n    }\n  }\n\n  @media (width >= 30rem) {\n    .brick-text:is([data-variant-sm=\"display\"], [data-variant-sm=\"display-sm\"], [data-variant-sm=\"display-md\"], [data-variant-sm=\"display-lg\"], [data-variant-sm=\"title-lg\"], [data-variant-sm=\"title-md\"], [data-variant-sm=\"title-sm\"], [data-variant-sm=\"body-lg\"], [data-variant-sm=\"body-md\"], [data-variant-sm=\"body-sm\"], [data-variant-sm=\"caption\"]) {\n      --brick-text-text-transform: none;\n    }\n  }\n\n  @media (width >= 48rem) {\n    .brick-text:is([data-variant-md=\"display\"], [data-variant-md=\"display-sm\"], [data-variant-md=\"display-md\"], [data-variant-md=\"display-lg\"], [data-variant-md=\"title-lg\"], [data-variant-md=\"title-md\"], [data-variant-md=\"title-sm\"], [data-variant-md=\"body-lg\"], [data-variant-md=\"body-md\"], [data-variant-md=\"body-sm\"], [data-variant-md=\"caption\"]) {\n      --brick-text-text-transform: none;\n    }\n  }\n\n  @media (width >= 64rem) {\n    .brick-text:is([data-variant-lg=\"display\"], [data-variant-lg=\"display-sm\"], [data-variant-lg=\"display-md\"], [data-variant-lg=\"display-lg\"], [data-variant-lg=\"title-lg\"], [data-variant-lg=\"title-md\"], [data-variant-lg=\"title-sm\"], [data-variant-lg=\"body-lg\"], [data-variant-lg=\"body-md\"], [data-variant-lg=\"body-sm\"], [data-variant-lg=\"caption\"]) {\n      --brick-text-text-transform: none;\n    }\n  }\n\n  @media (width >= 80rem) {\n    .brick-text:is([data-variant-xl=\"display\"], [data-variant-xl=\"display-sm\"], [data-variant-xl=\"display-md\"], [data-variant-xl=\"display-lg\"], [data-variant-xl=\"title-lg\"], [data-variant-xl=\"title-md\"], [data-variant-xl=\"title-sm\"], [data-variant-xl=\"body-lg\"], [data-variant-xl=\"body-md\"], [data-variant-xl=\"body-sm\"], [data-variant-xl=\"caption\"]) {\n      --brick-text-text-transform: none;\n    }\n  }\n\n  .brick-text[data-tone=\"inherit\"] {\n    --brick-text-foreground: currentColor;\n  }\n\n  .brick-text[data-tone=\"secondary\"] {\n    --brick-text-foreground: var(--brick-color-text-secondary);\n  }\n\n  .brick-text[data-tone=\"muted\"] {\n    --brick-text-foreground: var(--brick-color-text-muted);\n  }\n\n  .brick-text[data-tone=\"accent\"] {\n    --brick-text-foreground: var(--brick-color-accent-text);\n  }\n\n  .brick-text[data-tone=\"info\"] {\n    --brick-text-foreground: var(--brick-color-info-text);\n  }\n\n  .brick-text[data-tone=\"success\"] {\n    --brick-text-foreground: var(--brick-color-success-text);\n  }\n\n  .brick-text[data-tone=\"warning\"] {\n    --brick-text-foreground: var(--brick-color-warning-text);\n  }\n\n  .brick-text[data-tone=\"danger\"] {\n    --brick-text-foreground: var(--brick-color-danger-text);\n  }\n\n  .brick-text[data-weight=\"inherit\"] {\n    --brick-text-font-weight: inherit;\n  }\n\n  .brick-text[data-weight=\"regular\"] {\n    --brick-text-font-weight: var(--brick-font-weight-regular);\n  }\n\n  .brick-text[data-weight=\"medium\"] {\n    --brick-text-font-weight: var(--brick-font-weight-medium);\n  }\n\n  .brick-text[data-weight=\"semibold\"] {\n    --brick-text-font-weight: var(--brick-font-weight-semibold);\n  }\n\n  .brick-text[data-transform=\"none\"] {\n    --brick-text-text-transform: none;\n  }\n\n  .brick-text[data-transform=\"uppercase\"] {\n    --brick-text-text-transform: uppercase;\n  }\n\n  .brick-text[data-transform=\"lowercase\"] {\n    --brick-text-text-transform: lowercase;\n  }\n\n  .brick-text[data-transform=\"capitalize\"] {\n    --brick-text-text-transform: capitalize;\n  }\n\n  .brick-text[data-align=\"start\"] {\n    text-align: start;\n  }\n\n  .brick-text[data-align=\"center\"] {\n    text-align: center;\n  }\n\n  .brick-text[data-align=\"end\"] {\n    text-align: end;\n  }\n\n  @media (width >= 30rem) {\n    .brick-text[data-align-sm=\"start\"] { text-align: start; }\n    .brick-text[data-align-sm=\"center\"] { text-align: center; }\n    .brick-text[data-align-sm=\"end\"] { text-align: end; }\n  }\n\n  @media (width >= 48rem) {\n    .brick-text[data-align-md=\"start\"] { text-align: start; }\n    .brick-text[data-align-md=\"center\"] { text-align: center; }\n    .brick-text[data-align-md=\"end\"] { text-align: end; }\n  }\n\n  @media (width >= 64rem) {\n    .brick-text[data-align-lg=\"start\"] { text-align: start; }\n    .brick-text[data-align-lg=\"center\"] { text-align: center; }\n    .brick-text[data-align-lg=\"end\"] { text-align: end; }\n  }\n\n  @media (width >= 80rem) {\n    .brick-text[data-align-xl=\"start\"] { text-align: start; }\n    .brick-text[data-align-xl=\"center\"] { text-align: center; }\n    .brick-text[data-align-xl=\"end\"] { text-align: end; }\n  }\n\n  .brick-text[data-wrap=\"nowrap\"] {\n    text-wrap: nowrap;\n  }\n\n  .brick-text[data-wrap=\"balance\"] {\n    text-wrap: balance;\n  }\n\n  .brick-text[data-wrap=\"pretty\"] {\n    text-wrap: pretty;\n  }\n\n  .brick-text[data-truncate] {\n    display: block;\n    min-inline-size: 0;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n  }\n\n  .brick-text[data-line-clamp] {\n    display: -webkit-box;\n    min-inline-size: 0;\n    overflow: hidden;\n    -webkit-box-orient: vertical;\n  }\n\n  .brick-text[data-line-clamp=\"2\"] {\n    -webkit-line-clamp: 2;\n  }\n\n  .brick-text[data-line-clamp=\"3\"] {\n    -webkit-line-clamp: 3;\n  }\n\n  .brick-text[data-line-clamp=\"4\"] {\n    -webkit-line-clamp: 4;\n  }\n\n  .brick-text[data-line-clamp=\"5\"] {\n    -webkit-line-clamp: 5;\n  }\n\n  .brick-text[data-line-clamp=\"6\"] {\n    -webkit-line-clamp: 6;\n  }\n\n  @media (forced-colors: active) {\n    .brick-text:not([data-tone=\"inherit\"]) {\n      --brick-text-foreground: CanvasText;\n    }\n  }\n}\n","@layer brick.components {\n  .brick-password-toggle-field {\n    --brick-password-height: var(--brick-control-min-block-size-md);\n    --brick-password-radius: var(--brick-radius-control);\n    --brick-password-background: var(--brick-color-surface-raised);\n    --brick-password-foreground: var(--brick-color-text-primary);\n    --brick-password-border: var(--brick-color-border-strong);\n    --brick-password-hover-background: var(--brick-color-surface-base);\n    --brick-password-hover-border: var(--brick-color-accent-border);\n    --brick-password-focus-ring: var(--brick-color-focus-ring);\n\n    display: inline-flex;\n    box-sizing: border-box;\n    min-inline-size: 0;\n    max-inline-size: 100%;\n    min-block-size: var(--brick-password-height);\n    align-items: center;\n    padding-inline-start: var(--brick-space-3);\n    border: var(--brick-border-width) solid var(--brick-password-border);\n    border-radius: var(--brick-password-radius);\n    background: var(--brick-password-background);\n    color: var(--brick-password-foreground);\n    transition:\n      background-color var(--brick-motion-duration-fast)\n        var(--brick-motion-easing-standard),\n      border-color var(--brick-motion-duration-fast)\n        var(--brick-motion-easing-standard),\n      box-shadow var(--brick-motion-duration-fast)\n        var(--brick-motion-easing-standard);\n  }\n\n  .brick-password-toggle-field[data-full-width] {\n    inline-size: 100%;\n  }\n\n  .brick-password-toggle-field[data-variant=\"soft\"] {\n    --brick-password-background: var(--brick-color-surface-subtle);\n    --brick-password-border: var(--brick-color-border-subtle);\n    --brick-password-hover-background: var(--brick-color-accent-soft);\n  }\n\n  .brick-password-toggle-field[data-variant=\"underline\"] {\n    --brick-password-background: transparent;\n\n    border-width: 0 0 var(--brick-border-width);\n    border-radius: 0;\n  }\n\n  .brick-password-toggle-field[data-shape=\"sharp\"] {\n    --brick-password-radius: 0;\n  }\n\n  .brick-password-toggle-field[data-shape=\"pill\"] {\n    --brick-password-radius: var(--brick-radius-full);\n  }\n\n  .brick-password-toggle-field[data-size=\"sm\"] {\n    --brick-password-height: var(--brick-control-min-block-size-sm);\n  }\n\n  .brick-password-toggle-field[data-size=\"lg\"] {\n    --brick-password-height: var(--brick-control-min-block-size-lg);\n  }\n\n  .brick-password-toggle-field-input {\n    box-sizing: border-box;\n    min-inline-size: 0;\n    inline-size: 100%;\n    min-block-size: calc(\n      var(--brick-password-height) - 2 * var(--brick-border-width)\n    );\n    padding: 0;\n    border: 0;\n    outline: 0;\n    background: transparent;\n    color: inherit;\n    font: inherit;\n  }\n\n  .brick-password-toggle-field-toggle {\n    display: grid;\n    flex: 0 0 auto;\n    inline-size: var(--brick-password-height);\n    block-size: var(--brick-password-height);\n    place-items: center;\n    padding: 0;\n    border: 0;\n    border-radius: var(--brick-password-radius);\n    background: transparent;\n    color: var(--brick-color-text-secondary);\n    cursor: pointer;\n  }\n\n  .brick-password-toggle-field-toggle:focus-visible {\n    outline: var(--brick-border-focus-width) solid\n      var(--brick-password-focus-ring);\n    outline-offset: calc(-1 * var(--brick-border-focus-width));\n  }\n\n  .brick-password-toggle-field-icon {\n    display: grid;\n    inline-size: 1.25rem;\n    block-size: 1.25rem;\n    place-items: center;\n  }\n\n  .brick-password-toggle-field-artwork {\n    display: block;\n    inline-size: 1.25rem;\n    block-size: 1.25rem;\n    stroke: currentColor;\n    stroke-linecap: round;\n    stroke-linejoin: round;\n    stroke-width: 1.5;\n  }\n\n  .brick-password-toggle-field:focus-within {\n    border-color: var(--brick-password-focus-ring);\n    box-shadow: 0 0 0 var(--brick-border-focus-width)\n      var(--brick-password-focus-ring);\n  }\n\n  .brick-password-toggle-field:has(\n      .brick-password-toggle-field-input[data-invalid]\n    ) {\n    border-color: var(--brick-color-danger-text);\n  }\n\n  .brick-password-toggle-field:has(\n      .brick-password-toggle-field-input[data-disabled]\n    ) {\n    background: var(--brick-color-surface-subtle);\n    opacity: 0.72;\n  }\n\n  .brick-password-toggle-field-toggle:disabled {\n    cursor: not-allowed;\n  }\n\n  @media (hover: hover) and (pointer: fine) {\n    .brick-password-toggle-field:not(\n        :focus-within,\n        :has(.brick-password-toggle-field-input[data-disabled]),\n        :has(.brick-password-toggle-field-input[data-readonly]),\n        :has(.brick-password-toggle-field-input[data-invalid])\n      ):hover {\n      border-color: var(--brick-password-hover-border);\n      background: var(--brick-password-hover-background);\n    }\n\n    .brick-password-toggle-field-toggle:not(:disabled):hover {\n      background: var(--brick-color-accent-soft);\n      color: var(--brick-color-text-primary);\n    }\n  }\n\n  @media (prefers-reduced-motion: reduce) {\n    .brick-password-toggle-field {\n      transition-duration: 0ms;\n    }\n  }\n\n  @media (forced-colors: active) {\n    .brick-password-toggle-field {\n      border-color: ButtonText;\n      background: Canvas;\n      color: CanvasText;\n    }\n\n    .brick-password-toggle-field:focus-within {\n      border-color: Highlight;\n      box-shadow: 0 0 0 var(--brick-border-focus-width) Highlight;\n    }\n  }\n}\n","@layer brick.components {\n  .brick-group {\n    --brick-group-gap: var(--brick-group-gap-input, var(--brick-space-2));\n    --brick-group-overlap: var(--brick-border-width);\n\n    display: inline-flex;\n    box-sizing: border-box;\n    min-inline-size: 0;\n    align-items: center;\n    gap: var(--brick-group-gap);\n    isolation: isolate;\n    vertical-align: middle;\n  }\n\n  .brick-group[data-orientation=\"vertical\"] {\n    flex-direction: column;\n  }\n\n  .brick-group[data-grow] {\n    display: flex;\n    inline-size: 100%;\n  }\n\n  .brick-group[data-grow] > * {\n    flex: 1 1 0;\n    min-inline-size: 0;\n  }\n\n  .brick-group[data-attached] {\n    gap: 0;\n  }\n\n  .brick-group[data-attached] > * {\n    flex-shrink: 0;\n  }\n\n  .brick-group[data-attached] > :hover {\n    z-index: 1;\n  }\n\n  .brick-group[data-attached] > :is(:focus-visible, :focus-within) {\n    z-index: 2;\n  }\n\n  .brick-group[data-attached][data-orientation=\"horizontal\"]\n    > :first-child:not(:last-child) {\n    border-start-end-radius: 0;\n    border-end-end-radius: 0;\n  }\n\n  .brick-group[data-attached][data-orientation=\"horizontal\"]\n    > :not(:first-child, :last-child) {\n    border-radius: 0;\n  }\n\n  .brick-group[data-attached][data-orientation=\"horizontal\"]\n    > :last-child:not(:first-child) {\n    margin-inline-start: calc(-1 * var(--brick-group-overlap));\n    border-start-start-radius: 0;\n    border-end-start-radius: 0;\n  }\n\n  .brick-group[data-attached][data-orientation=\"horizontal\"]\n    > :not(:first-child, :last-child) {\n    margin-inline-start: calc(-1 * var(--brick-group-overlap));\n  }\n\n  .brick-group[data-attached][data-orientation=\"vertical\"]\n    > :first-child:not(:last-child) {\n    border-end-start-radius: 0;\n    border-end-end-radius: 0;\n  }\n\n  .brick-group[data-attached][data-orientation=\"vertical\"]\n    > :not(:first-child, :last-child) {\n    border-radius: 0;\n  }\n\n  .brick-group[data-attached][data-orientation=\"vertical\"]\n    > :last-child:not(:first-child) {\n    margin-block-start: calc(-1 * var(--brick-group-overlap));\n    border-start-start-radius: 0;\n    border-start-end-radius: 0;\n  }\n\n  .brick-group[data-attached][data-orientation=\"vertical\"]\n    > :not(:first-child, :last-child) {\n    margin-block-start: calc(-1 * var(--brick-group-overlap));\n  }\n}\n","@layer brick.components {\n  .brick-data-list {\n    --brick-data-list-gap: var(--brick-space-4);\n    --brick-data-list-item-gap: var(--brick-space-1);\n    --brick-data-list-label-size: auto;\n    --brick-data-list-divider-color: var(--brick-color-border-default);\n\n    display: grid;\n    box-sizing: border-box;\n    min-inline-size: 0;\n    gap: var(--brick-data-list-gap);\n    margin: 0;\n    color: var(--brick-color-text-primary);\n    font-family: var(--brick-typography-body-md-font-family);\n    font-size: var(--brick-typography-body-md-font-size);\n    font-weight: var(--brick-typography-body-md-font-weight);\n    line-height: var(--brick-typography-body-md-line-height);\n    letter-spacing: var(--brick-typography-body-md-letter-spacing);\n  }\n\n  .brick-data-list[data-size=\"sm\"] {\n    --brick-data-list-gap: var(--brick-space-3);\n    --brick-data-list-item-gap: var(--brick-space-1);\n    font-family: var(--brick-typography-body-sm-font-family);\n    font-size: var(--brick-typography-body-sm-font-size);\n    font-weight: var(--brick-typography-body-sm-font-weight);\n    line-height: var(--brick-typography-body-sm-line-height);\n    letter-spacing: var(--brick-typography-body-sm-letter-spacing);\n  }\n\n  .brick-data-list[data-size=\"lg\"] {\n    --brick-data-list-gap: var(--brick-space-5);\n    --brick-data-list-item-gap: var(--brick-space-2);\n    font-family: var(--brick-typography-body-lg-font-family);\n    font-size: var(--brick-typography-body-lg-font-size);\n    font-weight: var(--brick-typography-body-lg-font-weight);\n    line-height: var(--brick-typography-body-lg-line-height);\n    letter-spacing: var(--brick-typography-body-lg-letter-spacing);\n  }\n\n  .brick-data-list[data-label-width=\"sm\"] { --brick-data-list-label-size: 6rem; }\n  .brick-data-list[data-label-width=\"md\"] { --brick-data-list-label-size: 9rem; }\n  .brick-data-list[data-label-width=\"lg\"] { --brick-data-list-label-size: 12rem; }\n\n  .brick-data-list__item {\n    display: grid;\n    box-sizing: border-box;\n    min-inline-size: 0;\n    gap: var(--brick-data-list-item-gap);\n  }\n\n  .brick-data-list[data-orientation=\"horizontal\"] > .brick-data-list__item {\n    grid-template-columns: minmax(0, var(--brick-data-list-label-size)) minmax(0, 1fr);\n    align-items: baseline;\n    column-gap: var(--brick-data-list-gap);\n  }\n\n  .brick-data-list[data-orientation=\"horizontal\"][data-label-width=\"auto\"]\n    > .brick-data-list__item {\n    grid-template-columns: max-content minmax(0, 1fr);\n  }\n\n  .brick-data-list[data-divide] > .brick-data-list__item:not(:first-child) {\n    padding-block-start: var(--brick-data-list-gap);\n    border-block-start: var(--brick-border-width) solid var(--brick-data-list-divider-color);\n  }\n\n  .brick-data-list__label,\n  .brick-data-list__value {\n    min-inline-size: 0;\n    margin: 0;\n  }\n\n  .brick-data-list__label {\n    color: var(--brick-color-text-secondary);\n    font-weight: var(--brick-typography-label-md-font-weight);\n  }\n\n  .brick-data-list__value { color: var(--brick-color-text-primary); }\n\n  @media (width >= 30rem) {\n    .brick-data-list[data-orientation-sm=\"vertical\"] > .brick-data-list__item { grid-template-columns: minmax(0, 1fr); }\n    .brick-data-list[data-orientation-sm=\"horizontal\"] > .brick-data-list__item { grid-template-columns: minmax(0, var(--brick-data-list-label-size)) minmax(0, 1fr); align-items: baseline; column-gap: var(--brick-data-list-gap); }\n    .brick-data-list[data-orientation-sm=\"horizontal\"][data-label-width=\"auto\"] > .brick-data-list__item { grid-template-columns: max-content minmax(0, 1fr); }\n  }\n\n  @media (width >= 48rem) {\n    .brick-data-list[data-orientation-md=\"vertical\"] > .brick-data-list__item { grid-template-columns: minmax(0, 1fr); }\n    .brick-data-list[data-orientation-md=\"horizontal\"] > .brick-data-list__item { grid-template-columns: minmax(0, var(--brick-data-list-label-size)) minmax(0, 1fr); align-items: baseline; column-gap: var(--brick-data-list-gap); }\n    .brick-data-list[data-orientation-md=\"horizontal\"][data-label-width=\"auto\"] > .brick-data-list__item { grid-template-columns: max-content minmax(0, 1fr); }\n  }\n\n  @media (width >= 64rem) {\n    .brick-data-list[data-orientation-lg=\"vertical\"] > .brick-data-list__item { grid-template-columns: minmax(0, 1fr); }\n    .brick-data-list[data-orientation-lg=\"horizontal\"] > .brick-data-list__item { grid-template-columns: minmax(0, var(--brick-data-list-label-size)) minmax(0, 1fr); align-items: baseline; column-gap: var(--brick-data-list-gap); }\n    .brick-data-list[data-orientation-lg=\"horizontal\"][data-label-width=\"auto\"] > .brick-data-list__item { grid-template-columns: max-content minmax(0, 1fr); }\n  }\n\n  @media (width >= 80rem) {\n    .brick-data-list[data-orientation-xl=\"vertical\"] > .brick-data-list__item { grid-template-columns: minmax(0, 1fr); }\n    .brick-data-list[data-orientation-xl=\"horizontal\"] > .brick-data-list__item { grid-template-columns: minmax(0, var(--brick-data-list-label-size)) minmax(0, 1fr); align-items: baseline; column-gap: var(--brick-data-list-gap); }\n    .brick-data-list[data-orientation-xl=\"horizontal\"][data-label-width=\"auto\"] > .brick-data-list__item { grid-template-columns: max-content minmax(0, 1fr); }\n  }\n\n  @media (forced-colors: active) {\n    .brick-data-list { color: CanvasText; }\n    .brick-data-list__label,\n    .brick-data-list__value { color: CanvasText; }\n    .brick-data-list[data-divide] > .brick-data-list__item { border-color: CanvasText; }\n  }\n}\n","@layer brick.components {\n  .brick-z-stack {\n    box-sizing: border-box;\n    display: grid;\n    min-inline-size: 0;\n    min-block-size: 0;\n    grid-template: minmax(0, auto) / minmax(0, 1fr);\n    align-items: stretch;\n    justify-items: stretch;\n    isolation: isolate;\n  }\n\n  .brick-z-stack > * {\n    min-inline-size: 0;\n    min-block-size: 0;\n    grid-area: 1 / 1;\n    z-index: 0;\n  }\n\n  .brick-z-stack[data-align=\"start\"] { align-items: start; }\n  .brick-z-stack[data-align=\"center\"] { align-items: center; }\n  .brick-z-stack[data-align=\"end\"] { align-items: end; }\n  .brick-z-stack[data-justify=\"start\"] { justify-items: start; }\n  .brick-z-stack[data-justify=\"center\"] { justify-items: center; }\n  .brick-z-stack[data-justify=\"end\"] { justify-items: end; }\n  .brick-z-stack[data-isolation=\"open\"] { isolation: auto; }\n\n  .brick-z-stack-item {\n    --brick-z-stack-item-edge-spacing: var(--brick-space-0);\n\n    box-sizing: border-box;\n    align-self: auto;\n    justify-self: auto;\n    margin: var(--brick-z-stack-item-edge-spacing);\n  }\n  .brick-z-stack-item[data-edge-spacing] { --brick-z-stack-item-edge-spacing: var(--brick-z-stack-item-edge-spacing-input, var(--brick-space-0)); }\n  .brick-z-stack-item[data-layer=\"content\"] { z-index: 1; }\n  .brick-z-stack-item[data-layer=\"action\"] { z-index: 2; }\n  .brick-z-stack-item[data-align=\"stretch\"] { align-self: stretch; }\n  .brick-z-stack-item[data-align=\"start\"] { align-self: start; }\n  .brick-z-stack-item[data-align=\"center\"] { align-self: center; }\n  .brick-z-stack-item[data-align=\"end\"] { align-self: end; }\n  .brick-z-stack-item[data-justify=\"stretch\"] { justify-self: stretch; }\n  .brick-z-stack-item[data-justify=\"start\"] { justify-self: start; }\n  .brick-z-stack-item[data-justify=\"center\"] { justify-self: center; }\n  .brick-z-stack-item[data-justify=\"end\"] { justify-self: end; }\n\n  @media (width >= 30rem) {\n    .brick-z-stack-item[data-edge-spacing-sm] { --brick-z-stack-item-edge-spacing: var(--brick-z-stack-item-edge-spacing-sm-input, var(--brick-z-stack-item-edge-spacing)); }\n    .brick-z-stack[data-align-sm=\"stretch\"] { align-items: stretch; }\n    .brick-z-stack[data-align-sm=\"start\"] { align-items: start; }\n    .brick-z-stack[data-align-sm=\"center\"] { align-items: center; }\n    .brick-z-stack[data-align-sm=\"end\"] { align-items: end; }\n    .brick-z-stack[data-justify-sm=\"stretch\"] { justify-items: stretch; }\n    .brick-z-stack[data-justify-sm=\"start\"] { justify-items: start; }\n    .brick-z-stack[data-justify-sm=\"center\"] { justify-items: center; }\n    .brick-z-stack[data-justify-sm=\"end\"] { justify-items: end; }\n    .brick-z-stack-item[data-align-sm=\"auto\"] { align-self: auto; }\n    .brick-z-stack-item[data-align-sm=\"stretch\"] { align-self: stretch; }\n    .brick-z-stack-item[data-align-sm=\"start\"] { align-self: start; }\n    .brick-z-stack-item[data-align-sm=\"center\"] { align-self: center; }\n    .brick-z-stack-item[data-align-sm=\"end\"] { align-self: end; }\n    .brick-z-stack-item[data-justify-sm=\"auto\"] { justify-self: auto; }\n    .brick-z-stack-item[data-justify-sm=\"stretch\"] { justify-self: stretch; }\n    .brick-z-stack-item[data-justify-sm=\"start\"] { justify-self: start; }\n    .brick-z-stack-item[data-justify-sm=\"center\"] { justify-self: center; }\n    .brick-z-stack-item[data-justify-sm=\"end\"] { justify-self: end; }\n  }\n\n  @media (width >= 48rem) {\n    .brick-z-stack-item[data-edge-spacing-md] { --brick-z-stack-item-edge-spacing: var(--brick-z-stack-item-edge-spacing-md-input, var(--brick-z-stack-item-edge-spacing)); }\n    .brick-z-stack[data-align-md=\"stretch\"] { align-items: stretch; }\n    .brick-z-stack[data-align-md=\"start\"] { align-items: start; }\n    .brick-z-stack[data-align-md=\"center\"] { align-items: center; }\n    .brick-z-stack[data-align-md=\"end\"] { align-items: end; }\n    .brick-z-stack[data-justify-md=\"stretch\"] { justify-items: stretch; }\n    .brick-z-stack[data-justify-md=\"start\"] { justify-items: start; }\n    .brick-z-stack[data-justify-md=\"center\"] { justify-items: center; }\n    .brick-z-stack[data-justify-md=\"end\"] { justify-items: end; }\n    .brick-z-stack-item[data-align-md=\"auto\"] { align-self: auto; }\n    .brick-z-stack-item[data-align-md=\"stretch\"] { align-self: stretch; }\n    .brick-z-stack-item[data-align-md=\"start\"] { align-self: start; }\n    .brick-z-stack-item[data-align-md=\"center\"] { align-self: center; }\n    .brick-z-stack-item[data-align-md=\"end\"] { align-self: end; }\n    .brick-z-stack-item[data-justify-md=\"auto\"] { justify-self: auto; }\n    .brick-z-stack-item[data-justify-md=\"stretch\"] { justify-self: stretch; }\n    .brick-z-stack-item[data-justify-md=\"start\"] { justify-self: start; }\n    .brick-z-stack-item[data-justify-md=\"center\"] { justify-self: center; }\n    .brick-z-stack-item[data-justify-md=\"end\"] { justify-self: end; }\n  }\n\n  @media (width >= 64rem) {\n    .brick-z-stack-item[data-edge-spacing-lg] { --brick-z-stack-item-edge-spacing: var(--brick-z-stack-item-edge-spacing-lg-input, var(--brick-z-stack-item-edge-spacing)); }\n    .brick-z-stack[data-align-lg=\"stretch\"] { align-items: stretch; }\n    .brick-z-stack[data-align-lg=\"start\"] { align-items: start; }\n    .brick-z-stack[data-align-lg=\"center\"] { align-items: center; }\n    .brick-z-stack[data-align-lg=\"end\"] { align-items: end; }\n    .brick-z-stack[data-justify-lg=\"stretch\"] { justify-items: stretch; }\n    .brick-z-stack[data-justify-lg=\"start\"] { justify-items: start; }\n    .brick-z-stack[data-justify-lg=\"center\"] { justify-items: center; }\n    .brick-z-stack[data-justify-lg=\"end\"] { justify-items: end; }\n    .brick-z-stack-item[data-align-lg=\"auto\"] { align-self: auto; }\n    .brick-z-stack-item[data-align-lg=\"stretch\"] { align-self: stretch; }\n    .brick-z-stack-item[data-align-lg=\"start\"] { align-self: start; }\n    .brick-z-stack-item[data-align-lg=\"center\"] { align-self: center; }\n    .brick-z-stack-item[data-align-lg=\"end\"] { align-self: end; }\n    .brick-z-stack-item[data-justify-lg=\"auto\"] { justify-self: auto; }\n    .brick-z-stack-item[data-justify-lg=\"stretch\"] { justify-self: stretch; }\n    .brick-z-stack-item[data-justify-lg=\"start\"] { justify-self: start; }\n    .brick-z-stack-item[data-justify-lg=\"center\"] { justify-self: center; }\n    .brick-z-stack-item[data-justify-lg=\"end\"] { justify-self: end; }\n  }\n\n  @media (width >= 80rem) {\n    .brick-z-stack-item[data-edge-spacing-xl] { --brick-z-stack-item-edge-spacing: var(--brick-z-stack-item-edge-spacing-xl-input, var(--brick-z-stack-item-edge-spacing)); }\n    .brick-z-stack[data-align-xl=\"stretch\"] { align-items: stretch; }\n    .brick-z-stack[data-align-xl=\"start\"] { align-items: start; }\n    .brick-z-stack[data-align-xl=\"center\"] { align-items: center; }\n    .brick-z-stack[data-align-xl=\"end\"] { align-items: end; }\n    .brick-z-stack[data-justify-xl=\"stretch\"] { justify-items: stretch; }\n    .brick-z-stack[data-justify-xl=\"start\"] { justify-items: start; }\n    .brick-z-stack[data-justify-xl=\"center\"] { justify-items: center; }\n    .brick-z-stack[data-justify-xl=\"end\"] { justify-items: end; }\n    .brick-z-stack-item[data-align-xl=\"auto\"] { align-self: auto; }\n    .brick-z-stack-item[data-align-xl=\"stretch\"] { align-self: stretch; }\n    .brick-z-stack-item[data-align-xl=\"start\"] { align-self: start; }\n    .brick-z-stack-item[data-align-xl=\"center\"] { align-self: center; }\n    .brick-z-stack-item[data-align-xl=\"end\"] { align-self: end; }\n    .brick-z-stack-item[data-justify-xl=\"auto\"] { justify-self: auto; }\n    .brick-z-stack-item[data-justify-xl=\"stretch\"] { justify-self: stretch; }\n    .brick-z-stack-item[data-justify-xl=\"start\"] { justify-self: start; }\n    .brick-z-stack-item[data-justify-xl=\"center\"] { justify-self: center; }\n    .brick-z-stack-item[data-justify-xl=\"end\"] { justify-self: end; }\n  }\n\n}\n","@layer brick.components {\n  .brick-grid {\n    --brick-grid-columns: 1;\n    --brick-grid-gap: var(--brick-space-0);\n    --brick-grid-row-gap: var(--brick-grid-gap);\n    --brick-grid-column-gap: var(--brick-grid-gap);\n    --brick-grid-min-item-size: 16rem;\n\n    box-sizing: border-box;\n    display: grid;\n    min-inline-size: 0;\n    margin: 0;\n    padding: 0;\n    grid-auto-flow: row;\n    grid-template-columns:\n      repeat(var(--brick-grid-columns), minmax(0, 1fr));\n    align-items: stretch;\n    justify-items: stretch;\n    row-gap: var(--brick-grid-row-gap);\n    column-gap: var(--brick-grid-column-gap);\n  }\n\n  .brick-grid:is(ul, ol) {\n    list-style: none;\n  }\n\n  .brick-grid[data-mode=\"intrinsic\"] {\n    grid-template-columns:\n      repeat(\n        auto-fit,\n        minmax(min(100%, var(--brick-grid-min-item-size)), 1fr)\n      );\n  }\n\n  .brick-grid[data-columns=\"2\"] { --brick-grid-columns: 2; }\n  .brick-grid[data-columns=\"3\"] { --brick-grid-columns: 3; }\n  .brick-grid[data-columns=\"4\"] { --brick-grid-columns: 4; }\n  .brick-grid[data-columns=\"5\"] { --brick-grid-columns: 5; }\n  .brick-grid[data-columns=\"6\"] { --brick-grid-columns: 6; }\n  .brick-grid[data-columns=\"7\"] { --brick-grid-columns: 7; }\n  .brick-grid[data-columns=\"8\"] { --brick-grid-columns: 8; }\n  .brick-grid[data-columns=\"9\"] { --brick-grid-columns: 9; }\n  .brick-grid[data-columns=\"10\"] { --brick-grid-columns: 10; }\n  .brick-grid[data-columns=\"11\"] { --brick-grid-columns: 11; }\n  .brick-grid[data-columns=\"12\"] { --brick-grid-columns: 12; }\n\n  .brick-grid[data-min-item-size=\"xs\"] {\n    --brick-grid-min-item-size: 8rem;\n  }\n\n  .brick-grid[data-min-item-size=\"sm\"] {\n    --brick-grid-min-item-size: 12rem;\n  }\n\n  .brick-grid[data-min-item-size=\"md\"] {\n    --brick-grid-min-item-size: 16rem;\n  }\n\n  .brick-grid[data-min-item-size=\"lg\"] {\n    --brick-grid-min-item-size: 20rem;\n  }\n\n  .brick-grid[data-min-item-size=\"xl\"] {\n    --brick-grid-min-item-size: 24rem;\n  }\n  .brick-grid[data-gap] { --brick-grid-gap: var(--brick-grid-gap-input, var(--brick-space-0)); }\n  .brick-grid[data-row-gap] { --brick-grid-row-gap: var(--brick-grid-row-gap-input, var(--brick-grid-gap)); }\n  .brick-grid[data-column-gap] { --brick-grid-column-gap: var(--brick-grid-column-gap-input, var(--brick-grid-gap)); }\n\n  .brick-grid[data-align=\"start\"] { align-items: start; }\n  .brick-grid[data-align=\"center\"] { align-items: center; }\n  .brick-grid[data-align=\"end\"] { align-items: end; }\n  .brick-grid[data-align=\"baseline\"] { align-items: baseline; }\n  .brick-grid[data-justify=\"start\"] { justify-items: start; }\n  .brick-grid[data-justify=\"center\"] { justify-items: center; }\n  .brick-grid[data-justify=\"end\"] { justify-items: end; }\n\n  .brick-grid > *,\n  .brick-grid-item {\n    min-inline-size: 0;\n  }\n\n  .brick-grid-item {\n    --brick-grid-item-column-start: auto;\n    --brick-grid-item-column-end: auto;\n    --brick-grid-item-row-start: auto;\n    --brick-grid-item-row-end: auto;\n\n    box-sizing: border-box;\n    grid-column-start: var(--brick-grid-item-column-start);\n    grid-column-end: var(--brick-grid-item-column-end);\n    grid-row-start: var(--brick-grid-item-row-start);\n    grid-row-end: var(--brick-grid-item-row-end);\n    align-self: auto;\n    justify-self: auto;\n  }\n\n  .brick-grid-item[data-align=\"stretch\"] { align-self: stretch; }\n  .brick-grid-item[data-align=\"start\"] { align-self: start; }\n  .brick-grid-item[data-align=\"center\"] { align-self: center; }\n  .brick-grid-item[data-align=\"end\"] { align-self: end; }\n  .brick-grid-item[data-align=\"baseline\"] { align-self: baseline; }\n  .brick-grid-item[data-justify=\"stretch\"] { justify-self: stretch; }\n  .brick-grid-item[data-justify=\"start\"] { justify-self: start; }\n  .brick-grid-item[data-justify=\"center\"] { justify-self: center; }\n  .brick-grid-item[data-justify=\"end\"] { justify-self: end; }\n\n  .brick-grid-item[data-column-span=\"full\"] {\n    --brick-grid-item-column-start: 1;\n    --brick-grid-item-column-end: -1;\n  }\n\n  .brick-grid-item[data-column-span=\"1\"] { --brick-grid-item-column-end: span 1; }\n  .brick-grid-item[data-column-span=\"2\"] { --brick-grid-item-column-end: span 2; }\n  .brick-grid-item[data-column-span=\"3\"] { --brick-grid-item-column-end: span 3; }\n  .brick-grid-item[data-column-span=\"4\"] { --brick-grid-item-column-end: span 4; }\n  .brick-grid-item[data-column-span=\"5\"] { --brick-grid-item-column-end: span 5; }\n  .brick-grid-item[data-column-span=\"6\"] { --brick-grid-item-column-end: span 6; }\n  .brick-grid-item[data-column-span=\"7\"] { --brick-grid-item-column-end: span 7; }\n  .brick-grid-item[data-column-span=\"8\"] { --brick-grid-item-column-end: span 8; }\n  .brick-grid-item[data-column-span=\"9\"] { --brick-grid-item-column-end: span 9; }\n  .brick-grid-item[data-column-span=\"10\"] { --brick-grid-item-column-end: span 10; }\n  .brick-grid-item[data-column-span=\"11\"] { --brick-grid-item-column-end: span 11; }\n  .brick-grid-item[data-column-span=\"12\"] { --brick-grid-item-column-end: span 12; }\n\n  .brick-grid-item[data-row-span=\"1\"] { --brick-grid-item-row-end: span 1; }\n  .brick-grid-item[data-row-span=\"2\"] { --brick-grid-item-row-end: span 2; }\n  .brick-grid-item[data-row-span=\"3\"] { --brick-grid-item-row-end: span 3; }\n  .brick-grid-item[data-row-span=\"4\"] { --brick-grid-item-row-end: span 4; }\n  .brick-grid-item[data-row-span=\"5\"] { --brick-grid-item-row-end: span 5; }\n  .brick-grid-item[data-row-span=\"6\"] { --brick-grid-item-row-end: span 6; }\n  .brick-grid-item[data-row-span=\"7\"] { --brick-grid-item-row-end: span 7; }\n  .brick-grid-item[data-row-span=\"8\"] { --brick-grid-item-row-end: span 8; }\n  .brick-grid-item[data-row-span=\"9\"] { --brick-grid-item-row-end: span 9; }\n  .brick-grid-item[data-row-span=\"10\"] { --brick-grid-item-row-end: span 10; }\n  .brick-grid-item[data-row-span=\"11\"] { --brick-grid-item-row-end: span 11; }\n  .brick-grid-item[data-row-span=\"12\"] { --brick-grid-item-row-end: span 12; }\n\n  .brick-grid-item[data-column-start=\"1\"] { --brick-grid-item-column-start: 1; }\n  .brick-grid-item[data-column-start=\"2\"] { --brick-grid-item-column-start: 2; }\n  .brick-grid-item[data-column-start=\"3\"] { --brick-grid-item-column-start: 3; }\n  .brick-grid-item[data-column-start=\"4\"] { --brick-grid-item-column-start: 4; }\n  .brick-grid-item[data-column-start=\"5\"] { --brick-grid-item-column-start: 5; }\n  .brick-grid-item[data-column-start=\"6\"] { --brick-grid-item-column-start: 6; }\n  .brick-grid-item[data-column-start=\"7\"] { --brick-grid-item-column-start: 7; }\n  .brick-grid-item[data-column-start=\"8\"] { --brick-grid-item-column-start: 8; }\n  .brick-grid-item[data-column-start=\"9\"] { --brick-grid-item-column-start: 9; }\n  .brick-grid-item[data-column-start=\"10\"] { --brick-grid-item-column-start: 10; }\n  .brick-grid-item[data-column-start=\"11\"] { --brick-grid-item-column-start: 11; }\n  .brick-grid-item[data-column-start=\"12\"] { --brick-grid-item-column-start: 12; }\n  .brick-grid-item[data-column-start=\"13\"] { --brick-grid-item-column-start: 13; }\n\n  .brick-grid-item[data-column-end=\"1\"] { --brick-grid-item-column-end: 1; }\n  .brick-grid-item[data-column-end=\"2\"] { --brick-grid-item-column-end: 2; }\n  .brick-grid-item[data-column-end=\"3\"] { --brick-grid-item-column-end: 3; }\n  .brick-grid-item[data-column-end=\"4\"] { --brick-grid-item-column-end: 4; }\n  .brick-grid-item[data-column-end=\"5\"] { --brick-grid-item-column-end: 5; }\n  .brick-grid-item[data-column-end=\"6\"] { --brick-grid-item-column-end: 6; }\n  .brick-grid-item[data-column-end=\"7\"] { --brick-grid-item-column-end: 7; }\n  .brick-grid-item[data-column-end=\"8\"] { --brick-grid-item-column-end: 8; }\n  .brick-grid-item[data-column-end=\"9\"] { --brick-grid-item-column-end: 9; }\n  .brick-grid-item[data-column-end=\"10\"] { --brick-grid-item-column-end: 10; }\n  .brick-grid-item[data-column-end=\"11\"] { --brick-grid-item-column-end: 11; }\n  .brick-grid-item[data-column-end=\"12\"] { --brick-grid-item-column-end: 12; }\n  .brick-grid-item[data-column-end=\"13\"] { --brick-grid-item-column-end: 13; }\n\n  .brick-grid-item[data-row-start=\"1\"] { --brick-grid-item-row-start: 1; }\n  .brick-grid-item[data-row-start=\"2\"] { --brick-grid-item-row-start: 2; }\n  .brick-grid-item[data-row-start=\"3\"] { --brick-grid-item-row-start: 3; }\n  .brick-grid-item[data-row-start=\"4\"] { --brick-grid-item-row-start: 4; }\n  .brick-grid-item[data-row-start=\"5\"] { --brick-grid-item-row-start: 5; }\n  .brick-grid-item[data-row-start=\"6\"] { --brick-grid-item-row-start: 6; }\n  .brick-grid-item[data-row-start=\"7\"] { --brick-grid-item-row-start: 7; }\n  .brick-grid-item[data-row-start=\"8\"] { --brick-grid-item-row-start: 8; }\n  .brick-grid-item[data-row-start=\"9\"] { --brick-grid-item-row-start: 9; }\n  .brick-grid-item[data-row-start=\"10\"] { --brick-grid-item-row-start: 10; }\n  .brick-grid-item[data-row-start=\"11\"] { --brick-grid-item-row-start: 11; }\n  .brick-grid-item[data-row-start=\"12\"] { --brick-grid-item-row-start: 12; }\n  .brick-grid-item[data-row-start=\"13\"] { --brick-grid-item-row-start: 13; }\n\n  .brick-grid-item[data-row-end=\"1\"] { --brick-grid-item-row-end: 1; }\n  .brick-grid-item[data-row-end=\"2\"] { --brick-grid-item-row-end: 2; }\n  .brick-grid-item[data-row-end=\"3\"] { --brick-grid-item-row-end: 3; }\n  .brick-grid-item[data-row-end=\"4\"] { --brick-grid-item-row-end: 4; }\n  .brick-grid-item[data-row-end=\"5\"] { --brick-grid-item-row-end: 5; }\n  .brick-grid-item[data-row-end=\"6\"] { --brick-grid-item-row-end: 6; }\n  .brick-grid-item[data-row-end=\"7\"] { --brick-grid-item-row-end: 7; }\n  .brick-grid-item[data-row-end=\"8\"] { --brick-grid-item-row-end: 8; }\n  .brick-grid-item[data-row-end=\"9\"] { --brick-grid-item-row-end: 9; }\n  .brick-grid-item[data-row-end=\"10\"] { --brick-grid-item-row-end: 10; }\n  .brick-grid-item[data-row-end=\"11\"] { --brick-grid-item-row-end: 11; }\n  .brick-grid-item[data-row-end=\"12\"] { --brick-grid-item-row-end: 12; }\n  .brick-grid-item[data-row-end=\"13\"] { --brick-grid-item-row-end: 13; }\n\n  @media (width >= 30rem) {\n    .brick-grid[data-columns-sm=\"1\"] { --brick-grid-columns: 1; }\n    .brick-grid[data-columns-sm=\"2\"] { --brick-grid-columns: 2; }\n    .brick-grid[data-columns-sm=\"3\"] { --brick-grid-columns: 3; }\n    .brick-grid[data-columns-sm=\"4\"] { --brick-grid-columns: 4; }\n    .brick-grid[data-columns-sm=\"5\"] { --brick-grid-columns: 5; }\n    .brick-grid[data-columns-sm=\"6\"] { --brick-grid-columns: 6; }\n    .brick-grid[data-columns-sm=\"7\"] { --brick-grid-columns: 7; }\n    .brick-grid[data-columns-sm=\"8\"] { --brick-grid-columns: 8; }\n    .brick-grid[data-columns-sm=\"9\"] { --brick-grid-columns: 9; }\n    .brick-grid[data-columns-sm=\"10\"] { --brick-grid-columns: 10; }\n    .brick-grid[data-columns-sm=\"11\"] { --brick-grid-columns: 11; }\n    .brick-grid[data-columns-sm=\"12\"] { --brick-grid-columns: 12; }\n    .brick-grid[data-align-sm=\"stretch\"] { align-items: stretch; }\n    .brick-grid[data-align-sm=\"start\"] { align-items: start; }\n    .brick-grid[data-align-sm=\"center\"] { align-items: center; }\n    .brick-grid[data-align-sm=\"end\"] { align-items: end; }\n    .brick-grid[data-align-sm=\"baseline\"] { align-items: baseline; }\n    .brick-grid[data-justify-sm=\"stretch\"] { justify-items: stretch; }\n    .brick-grid[data-justify-sm=\"start\"] { justify-items: start; }\n    .brick-grid[data-justify-sm=\"center\"] { justify-items: center; }\n    .brick-grid[data-justify-sm=\"end\"] { justify-items: end; }\n    .brick-grid-item[data-align-sm=\"auto\"] { align-self: auto; }\n    .brick-grid-item[data-align-sm=\"stretch\"] { align-self: stretch; }\n    .brick-grid-item[data-align-sm=\"start\"] { align-self: start; }\n    .brick-grid-item[data-align-sm=\"center\"] { align-self: center; }\n    .brick-grid-item[data-align-sm=\"end\"] { align-self: end; }\n    .brick-grid-item[data-align-sm=\"baseline\"] { align-self: baseline; }\n    .brick-grid-item[data-justify-sm=\"auto\"] { justify-self: auto; }\n    .brick-grid-item[data-justify-sm=\"stretch\"] { justify-self: stretch; }\n    .brick-grid-item[data-justify-sm=\"start\"] { justify-self: start; }\n    .brick-grid-item[data-justify-sm=\"center\"] { justify-self: center; }\n    .brick-grid-item[data-justify-sm=\"end\"] { justify-self: end; }\n    .brick-grid-item[data-column-span-sm=\"full\"] { --brick-grid-item-column-start: 1; --brick-grid-item-column-end: -1; }\n    .brick-grid-item[data-column-span-sm=\"1\"] { --brick-grid-item-column-start: auto; --brick-grid-item-column-end: span 1; }\n    .brick-grid-item[data-column-span-sm=\"2\"] { --brick-grid-item-column-start: auto; --brick-grid-item-column-end: span 2; }\n    .brick-grid-item[data-column-span-sm=\"3\"] { --brick-grid-item-column-start: auto; --brick-grid-item-column-end: span 3; }\n    .brick-grid-item[data-column-span-sm=\"4\"] { --brick-grid-item-column-start: auto; --brick-grid-item-column-end: span 4; }\n    .brick-grid-item[data-column-span-sm=\"5\"] { --brick-grid-item-column-start: auto; --brick-grid-item-column-end: span 5; }\n    .brick-grid-item[data-column-span-sm=\"6\"] { --brick-grid-item-column-start: auto; --brick-grid-item-column-end: span 6; }\n    .brick-grid-item[data-column-span-sm=\"7\"] { --brick-grid-item-column-start: auto; --brick-grid-item-column-end: span 7; }\n    .brick-grid-item[data-column-span-sm=\"8\"] { --brick-grid-item-column-start: auto; --brick-grid-item-column-end: span 8; }\n    .brick-grid-item[data-column-span-sm=\"9\"] { --brick-grid-item-column-start: auto; --brick-grid-item-column-end: span 9; }\n    .brick-grid-item[data-column-span-sm=\"10\"] { --brick-grid-item-column-start: auto; --brick-grid-item-column-end: span 10; }\n    .brick-grid-item[data-column-span-sm=\"11\"] { --brick-grid-item-column-start: auto; --brick-grid-item-column-end: span 11; }\n    .brick-grid-item[data-column-span-sm=\"12\"] { --brick-grid-item-column-start: auto; --brick-grid-item-column-end: span 12; }\n    .brick-grid-item[data-row-span-sm=\"1\"] { --brick-grid-item-row-start: auto; --brick-grid-item-row-end: span 1; }\n    .brick-grid-item[data-row-span-sm=\"2\"] { --brick-grid-item-row-start: auto; --brick-grid-item-row-end: span 2; }\n    .brick-grid-item[data-row-span-sm=\"3\"] { --brick-grid-item-row-start: auto; --brick-grid-item-row-end: span 3; }\n    .brick-grid-item[data-row-span-sm=\"4\"] { --brick-grid-item-row-start: auto; --brick-grid-item-row-end: span 4; }\n    .brick-grid-item[data-row-span-sm=\"5\"] { --brick-grid-item-row-start: auto; --brick-grid-item-row-end: span 5; }\n    .brick-grid-item[data-row-span-sm=\"6\"] { --brick-grid-item-row-start: auto; --brick-grid-item-row-end: span 6; }\n    .brick-grid-item[data-row-span-sm=\"7\"] { --brick-grid-item-row-start: auto; --brick-grid-item-row-end: span 7; }\n    .brick-grid-item[data-row-span-sm=\"8\"] { --brick-grid-item-row-start: auto; --brick-grid-item-row-end: span 8; }\n    .brick-grid-item[data-row-span-sm=\"9\"] { --brick-grid-item-row-start: auto; --brick-grid-item-row-end: span 9; }\n    .brick-grid-item[data-row-span-sm=\"10\"] { --brick-grid-item-row-start: auto; --brick-grid-item-row-end: span 10; }\n    .brick-grid-item[data-row-span-sm=\"11\"] { --brick-grid-item-row-start: auto; --brick-grid-item-row-end: span 11; }\n    .brick-grid-item[data-row-span-sm=\"12\"] { --brick-grid-item-row-start: auto; --brick-grid-item-row-end: span 12; }\n  }\n\n  @media (width >= 48rem) {\n    .brick-grid[data-columns-md=\"1\"] { --brick-grid-columns: 1; }\n    .brick-grid[data-columns-md=\"2\"] { --brick-grid-columns: 2; }\n    .brick-grid[data-columns-md=\"3\"] { --brick-grid-columns: 3; }\n    .brick-grid[data-columns-md=\"4\"] { --brick-grid-columns: 4; }\n    .brick-grid[data-columns-md=\"5\"] { --brick-grid-columns: 5; }\n    .brick-grid[data-columns-md=\"6\"] { --brick-grid-columns: 6; }\n    .brick-grid[data-columns-md=\"7\"] { --brick-grid-columns: 7; }\n    .brick-grid[data-columns-md=\"8\"] { --brick-grid-columns: 8; }\n    .brick-grid[data-columns-md=\"9\"] { --brick-grid-columns: 9; }\n    .brick-grid[data-columns-md=\"10\"] { --brick-grid-columns: 10; }\n    .brick-grid[data-columns-md=\"11\"] { --brick-grid-columns: 11; }\n    .brick-grid[data-columns-md=\"12\"] { --brick-grid-columns: 12; }\n    .brick-grid[data-align-md=\"stretch\"] { align-items: stretch; }\n    .brick-grid[data-align-md=\"start\"] { align-items: start; }\n    .brick-grid[data-align-md=\"center\"] { align-items: center; }\n    .brick-grid[data-align-md=\"end\"] { align-items: end; }\n    .brick-grid[data-align-md=\"baseline\"] { align-items: baseline; }\n    .brick-grid[data-justify-md=\"stretch\"] { justify-items: stretch; }\n    .brick-grid[data-justify-md=\"start\"] { justify-items: start; }\n    .brick-grid[data-justify-md=\"center\"] { justify-items: center; }\n    .brick-grid[data-justify-md=\"end\"] { justify-items: end; }\n    .brick-grid-item[data-align-md=\"auto\"] { align-self: auto; }\n    .brick-grid-item[data-align-md=\"stretch\"] { align-self: stretch; }\n    .brick-grid-item[data-align-md=\"start\"] { align-self: start; }\n    .brick-grid-item[data-align-md=\"center\"] { align-self: center; }\n    .brick-grid-item[data-align-md=\"end\"] { align-self: end; }\n    .brick-grid-item[data-align-md=\"baseline\"] { align-self: baseline; }\n    .brick-grid-item[data-justify-md=\"auto\"] { justify-self: auto; }\n    .brick-grid-item[data-justify-md=\"stretch\"] { justify-self: stretch; }\n    .brick-grid-item[data-justify-md=\"start\"] { justify-self: start; }\n    .brick-grid-item[data-justify-md=\"center\"] { justify-self: center; }\n    .brick-grid-item[data-justify-md=\"end\"] { justify-self: end; }\n    .brick-grid-item[data-column-span-md=\"full\"] { --brick-grid-item-column-start: 1; --brick-grid-item-column-end: -1; }\n    .brick-grid-item[data-column-span-md=\"1\"] { --brick-grid-item-column-start: auto; --brick-grid-item-column-end: span 1; }\n    .brick-grid-item[data-column-span-md=\"2\"] { --brick-grid-item-column-start: auto; --brick-grid-item-column-end: span 2; }\n    .brick-grid-item[data-column-span-md=\"3\"] { --brick-grid-item-column-start: auto; --brick-grid-item-column-end: span 3; }\n    .brick-grid-item[data-column-span-md=\"4\"] { --brick-grid-item-column-start: auto; --brick-grid-item-column-end: span 4; }\n    .brick-grid-item[data-column-span-md=\"5\"] { --brick-grid-item-column-start: auto; --brick-grid-item-column-end: span 5; }\n    .brick-grid-item[data-column-span-md=\"6\"] { --brick-grid-item-column-start: auto; --brick-grid-item-column-end: span 6; }\n    .brick-grid-item[data-column-span-md=\"7\"] { --brick-grid-item-column-start: auto; --brick-grid-item-column-end: span 7; }\n    .brick-grid-item[data-column-span-md=\"8\"] { --brick-grid-item-column-start: auto; --brick-grid-item-column-end: span 8; }\n    .brick-grid-item[data-column-span-md=\"9\"] { --brick-grid-item-column-start: auto; --brick-grid-item-column-end: span 9; }\n    .brick-grid-item[data-column-span-md=\"10\"] { --brick-grid-item-column-start: auto; --brick-grid-item-column-end: span 10; }\n    .brick-grid-item[data-column-span-md=\"11\"] { --brick-grid-item-column-start: auto; --brick-grid-item-column-end: span 11; }\n    .brick-grid-item[data-column-span-md=\"12\"] { --brick-grid-item-column-start: auto; --brick-grid-item-column-end: span 12; }\n    .brick-grid-item[data-row-span-md=\"1\"] { --brick-grid-item-row-start: auto; --brick-grid-item-row-end: span 1; }\n    .brick-grid-item[data-row-span-md=\"2\"] { --brick-grid-item-row-start: auto; --brick-grid-item-row-end: span 2; }\n    .brick-grid-item[data-row-span-md=\"3\"] { --brick-grid-item-row-start: auto; --brick-grid-item-row-end: span 3; }\n    .brick-grid-item[data-row-span-md=\"4\"] { --brick-grid-item-row-start: auto; --brick-grid-item-row-end: span 4; }\n    .brick-grid-item[data-row-span-md=\"5\"] { --brick-grid-item-row-start: auto; --brick-grid-item-row-end: span 5; }\n    .brick-grid-item[data-row-span-md=\"6\"] { --brick-grid-item-row-start: auto; --brick-grid-item-row-end: span 6; }\n    .brick-grid-item[data-row-span-md=\"7\"] { --brick-grid-item-row-start: auto; --brick-grid-item-row-end: span 7; }\n    .brick-grid-item[data-row-span-md=\"8\"] { --brick-grid-item-row-start: auto; --brick-grid-item-row-end: span 8; }\n    .brick-grid-item[data-row-span-md=\"9\"] { --brick-grid-item-row-start: auto; --brick-grid-item-row-end: span 9; }\n    .brick-grid-item[data-row-span-md=\"10\"] { --brick-grid-item-row-start: auto; --brick-grid-item-row-end: span 10; }\n    .brick-grid-item[data-row-span-md=\"11\"] { --brick-grid-item-row-start: auto; --brick-grid-item-row-end: span 11; }\n    .brick-grid-item[data-row-span-md=\"12\"] { --brick-grid-item-row-start: auto; --brick-grid-item-row-end: span 12; }\n  }\n\n  @media (width >= 64rem) {\n    .brick-grid[data-columns-lg=\"1\"] { --brick-grid-columns: 1; }\n    .brick-grid[data-columns-lg=\"2\"] { --brick-grid-columns: 2; }\n    .brick-grid[data-columns-lg=\"3\"] { --brick-grid-columns: 3; }\n    .brick-grid[data-columns-lg=\"4\"] { --brick-grid-columns: 4; }\n    .brick-grid[data-columns-lg=\"5\"] { --brick-grid-columns: 5; }\n    .brick-grid[data-columns-lg=\"6\"] { --brick-grid-columns: 6; }\n    .brick-grid[data-columns-lg=\"7\"] { --brick-grid-columns: 7; }\n    .brick-grid[data-columns-lg=\"8\"] { --brick-grid-columns: 8; }\n    .brick-grid[data-columns-lg=\"9\"] { --brick-grid-columns: 9; }\n    .brick-grid[data-columns-lg=\"10\"] { --brick-grid-columns: 10; }\n    .brick-grid[data-columns-lg=\"11\"] { --brick-grid-columns: 11; }\n    .brick-grid[data-columns-lg=\"12\"] { --brick-grid-columns: 12; }\n    .brick-grid[data-align-lg=\"stretch\"] { align-items: stretch; }\n    .brick-grid[data-align-lg=\"start\"] { align-items: start; }\n    .brick-grid[data-align-lg=\"center\"] { align-items: center; }\n    .brick-grid[data-align-lg=\"end\"] { align-items: end; }\n    .brick-grid[data-align-lg=\"baseline\"] { align-items: baseline; }\n    .brick-grid[data-justify-lg=\"stretch\"] { justify-items: stretch; }\n    .brick-grid[data-justify-lg=\"start\"] { justify-items: start; }\n    .brick-grid[data-justify-lg=\"center\"] { justify-items: center; }\n    .brick-grid[data-justify-lg=\"end\"] { justify-items: end; }\n    .brick-grid-item[data-align-lg=\"auto\"] { align-self: auto; }\n    .brick-grid-item[data-align-lg=\"stretch\"] { align-self: stretch; }\n    .brick-grid-item[data-align-lg=\"start\"] { align-self: start; }\n    .brick-grid-item[data-align-lg=\"center\"] { align-self: center; }\n    .brick-grid-item[data-align-lg=\"end\"] { align-self: end; }\n    .brick-grid-item[data-align-lg=\"baseline\"] { align-self: baseline; }\n    .brick-grid-item[data-justify-lg=\"auto\"] { justify-self: auto; }\n    .brick-grid-item[data-justify-lg=\"stretch\"] { justify-self: stretch; }\n    .brick-grid-item[data-justify-lg=\"start\"] { justify-self: start; }\n    .brick-grid-item[data-justify-lg=\"center\"] { justify-self: center; }\n    .brick-grid-item[data-justify-lg=\"end\"] { justify-self: end; }\n    .brick-grid-item[data-column-span-lg=\"full\"] { --brick-grid-item-column-start: 1; --brick-grid-item-column-end: -1; }\n    .brick-grid-item[data-column-span-lg=\"1\"] { --brick-grid-item-column-start: auto; --brick-grid-item-column-end: span 1; }\n    .brick-grid-item[data-column-span-lg=\"2\"] { --brick-grid-item-column-start: auto; --brick-grid-item-column-end: span 2; }\n    .brick-grid-item[data-column-span-lg=\"3\"] { --brick-grid-item-column-start: auto; --brick-grid-item-column-end: span 3; }\n    .brick-grid-item[data-column-span-lg=\"4\"] { --brick-grid-item-column-start: auto; --brick-grid-item-column-end: span 4; }\n    .brick-grid-item[data-column-span-lg=\"5\"] { --brick-grid-item-column-start: auto; --brick-grid-item-column-end: span 5; }\n    .brick-grid-item[data-column-span-lg=\"6\"] { --brick-grid-item-column-start: auto; --brick-grid-item-column-end: span 6; }\n    .brick-grid-item[data-column-span-lg=\"7\"] { --brick-grid-item-column-start: auto; --brick-grid-item-column-end: span 7; }\n    .brick-grid-item[data-column-span-lg=\"8\"] { --brick-grid-item-column-start: auto; --brick-grid-item-column-end: span 8; }\n    .brick-grid-item[data-column-span-lg=\"9\"] { --brick-grid-item-column-start: auto; --brick-grid-item-column-end: span 9; }\n    .brick-grid-item[data-column-span-lg=\"10\"] { --brick-grid-item-column-start: auto; --brick-grid-item-column-end: span 10; }\n    .brick-grid-item[data-column-span-lg=\"11\"] { --brick-grid-item-column-start: auto; --brick-grid-item-column-end: span 11; }\n    .brick-grid-item[data-column-span-lg=\"12\"] { --brick-grid-item-column-start: auto; --brick-grid-item-column-end: span 12; }\n    .brick-grid-item[data-row-span-lg=\"1\"] { --brick-grid-item-row-start: auto; --brick-grid-item-row-end: span 1; }\n    .brick-grid-item[data-row-span-lg=\"2\"] { --brick-grid-item-row-start: auto; --brick-grid-item-row-end: span 2; }\n    .brick-grid-item[data-row-span-lg=\"3\"] { --brick-grid-item-row-start: auto; --brick-grid-item-row-end: span 3; }\n    .brick-grid-item[data-row-span-lg=\"4\"] { --brick-grid-item-row-start: auto; --brick-grid-item-row-end: span 4; }\n    .brick-grid-item[data-row-span-lg=\"5\"] { --brick-grid-item-row-start: auto; --brick-grid-item-row-end: span 5; }\n    .brick-grid-item[data-row-span-lg=\"6\"] { --brick-grid-item-row-start: auto; --brick-grid-item-row-end: span 6; }\n    .brick-grid-item[data-row-span-lg=\"7\"] { --brick-grid-item-row-start: auto; --brick-grid-item-row-end: span 7; }\n    .brick-grid-item[data-row-span-lg=\"8\"] { --brick-grid-item-row-start: auto; --brick-grid-item-row-end: span 8; }\n    .brick-grid-item[data-row-span-lg=\"9\"] { --brick-grid-item-row-start: auto; --brick-grid-item-row-end: span 9; }\n    .brick-grid-item[data-row-span-lg=\"10\"] { --brick-grid-item-row-start: auto; --brick-grid-item-row-end: span 10; }\n    .brick-grid-item[data-row-span-lg=\"11\"] { --brick-grid-item-row-start: auto; --brick-grid-item-row-end: span 11; }\n    .brick-grid-item[data-row-span-lg=\"12\"] { --brick-grid-item-row-start: auto; --brick-grid-item-row-end: span 12; }\n  }\n\n  @media (width >= 80rem) {\n    .brick-grid[data-columns-xl=\"1\"] { --brick-grid-columns: 1; }\n    .brick-grid[data-columns-xl=\"2\"] { --brick-grid-columns: 2; }\n    .brick-grid[data-columns-xl=\"3\"] { --brick-grid-columns: 3; }\n    .brick-grid[data-columns-xl=\"4\"] { --brick-grid-columns: 4; }\n    .brick-grid[data-columns-xl=\"5\"] { --brick-grid-columns: 5; }\n    .brick-grid[data-columns-xl=\"6\"] { --brick-grid-columns: 6; }\n    .brick-grid[data-columns-xl=\"7\"] { --brick-grid-columns: 7; }\n    .brick-grid[data-columns-xl=\"8\"] { --brick-grid-columns: 8; }\n    .brick-grid[data-columns-xl=\"9\"] { --brick-grid-columns: 9; }\n    .brick-grid[data-columns-xl=\"10\"] { --brick-grid-columns: 10; }\n    .brick-grid[data-columns-xl=\"11\"] { --brick-grid-columns: 11; }\n    .brick-grid[data-columns-xl=\"12\"] { --brick-grid-columns: 12; }\n    .brick-grid[data-align-xl=\"stretch\"] { align-items: stretch; }\n    .brick-grid[data-align-xl=\"start\"] { align-items: start; }\n    .brick-grid[data-align-xl=\"center\"] { align-items: center; }\n    .brick-grid[data-align-xl=\"end\"] { align-items: end; }\n    .brick-grid[data-align-xl=\"baseline\"] { align-items: baseline; }\n    .brick-grid[data-justify-xl=\"stretch\"] { justify-items: stretch; }\n    .brick-grid[data-justify-xl=\"start\"] { justify-items: start; }\n    .brick-grid[data-justify-xl=\"center\"] { justify-items: center; }\n    .brick-grid[data-justify-xl=\"end\"] { justify-items: end; }\n    .brick-grid-item[data-align-xl=\"auto\"] { align-self: auto; }\n    .brick-grid-item[data-align-xl=\"stretch\"] { align-self: stretch; }\n    .brick-grid-item[data-align-xl=\"start\"] { align-self: start; }\n    .brick-grid-item[data-align-xl=\"center\"] { align-self: center; }\n    .brick-grid-item[data-align-xl=\"end\"] { align-self: end; }\n    .brick-grid-item[data-align-xl=\"baseline\"] { align-self: baseline; }\n    .brick-grid-item[data-justify-xl=\"auto\"] { justify-self: auto; }\n    .brick-grid-item[data-justify-xl=\"stretch\"] { justify-self: stretch; }\n    .brick-grid-item[data-justify-xl=\"start\"] { justify-self: start; }\n    .brick-grid-item[data-justify-xl=\"center\"] { justify-self: center; }\n    .brick-grid-item[data-justify-xl=\"end\"] { justify-self: end; }\n    .brick-grid-item[data-column-span-xl=\"full\"] { --brick-grid-item-column-start: 1; --brick-grid-item-column-end: -1; }\n    .brick-grid-item[data-column-span-xl=\"1\"] { --brick-grid-item-column-start: auto; --brick-grid-item-column-end: span 1; }\n    .brick-grid-item[data-column-span-xl=\"2\"] { --brick-grid-item-column-start: auto; --brick-grid-item-column-end: span 2; }\n    .brick-grid-item[data-column-span-xl=\"3\"] { --brick-grid-item-column-start: auto; --brick-grid-item-column-end: span 3; }\n    .brick-grid-item[data-column-span-xl=\"4\"] { --brick-grid-item-column-start: auto; --brick-grid-item-column-end: span 4; }\n    .brick-grid-item[data-column-span-xl=\"5\"] { --brick-grid-item-column-start: auto; --brick-grid-item-column-end: span 5; }\n    .brick-grid-item[data-column-span-xl=\"6\"] { --brick-grid-item-column-start: auto; --brick-grid-item-column-end: span 6; }\n    .brick-grid-item[data-column-span-xl=\"7\"] { --brick-grid-item-column-start: auto; --brick-grid-item-column-end: span 7; }\n    .brick-grid-item[data-column-span-xl=\"8\"] { --brick-grid-item-column-start: auto; --brick-grid-item-column-end: span 8; }\n    .brick-grid-item[data-column-span-xl=\"9\"] { --brick-grid-item-column-start: auto; --brick-grid-item-column-end: span 9; }\n    .brick-grid-item[data-column-span-xl=\"10\"] { --brick-grid-item-column-start: auto; --brick-grid-item-column-end: span 10; }\n    .brick-grid-item[data-column-span-xl=\"11\"] { --brick-grid-item-column-start: auto; --brick-grid-item-column-end: span 11; }\n    .brick-grid-item[data-column-span-xl=\"12\"] { --brick-grid-item-column-start: auto; --brick-grid-item-column-end: span 12; }\n    .brick-grid-item[data-row-span-xl=\"1\"] { --brick-grid-item-row-start: auto; --brick-grid-item-row-end: span 1; }\n    .brick-grid-item[data-row-span-xl=\"2\"] { --brick-grid-item-row-start: auto; --brick-grid-item-row-end: span 2; }\n    .brick-grid-item[data-row-span-xl=\"3\"] { --brick-grid-item-row-start: auto; --brick-grid-item-row-end: span 3; }\n    .brick-grid-item[data-row-span-xl=\"4\"] { --brick-grid-item-row-start: auto; --brick-grid-item-row-end: span 4; }\n    .brick-grid-item[data-row-span-xl=\"5\"] { --brick-grid-item-row-start: auto; --brick-grid-item-row-end: span 5; }\n    .brick-grid-item[data-row-span-xl=\"6\"] { --brick-grid-item-row-start: auto; --brick-grid-item-row-end: span 6; }\n    .brick-grid-item[data-row-span-xl=\"7\"] { --brick-grid-item-row-start: auto; --brick-grid-item-row-end: span 7; }\n    .brick-grid-item[data-row-span-xl=\"8\"] { --brick-grid-item-row-start: auto; --brick-grid-item-row-end: span 8; }\n    .brick-grid-item[data-row-span-xl=\"9\"] { --brick-grid-item-row-start: auto; --brick-grid-item-row-end: span 9; }\n    .brick-grid-item[data-row-span-xl=\"10\"] { --brick-grid-item-row-start: auto; --brick-grid-item-row-end: span 10; }\n    .brick-grid-item[data-row-span-xl=\"11\"] { --brick-grid-item-row-start: auto; --brick-grid-item-row-end: span 11; }\n    .brick-grid-item[data-row-span-xl=\"12\"] { --brick-grid-item-row-start: auto; --brick-grid-item-row-end: span 12; }\n  }\n\n  @media (width >= 30rem) {\n    .brick-grid[data-gap-sm] { --brick-grid-gap: var(--brick-grid-gap-sm-input, var(--brick-grid-gap-input, var(--brick-space-0))); }\n    .brick-grid[data-row-gap-sm] { --brick-grid-row-gap: var(--brick-grid-row-gap-sm-input, var(--brick-grid-gap)); }\n    .brick-grid[data-column-gap-sm] { --brick-grid-column-gap: var(--brick-grid-column-gap-sm-input, var(--brick-grid-gap)); }\n  }\n\n  @media (width >= 48rem) {\n    .brick-grid[data-gap-md] { --brick-grid-gap: var(--brick-grid-gap-md-input, var(--brick-grid-gap-input, var(--brick-space-0))); }\n    .brick-grid[data-row-gap-md] { --brick-grid-row-gap: var(--brick-grid-row-gap-md-input, var(--brick-grid-gap)); }\n    .brick-grid[data-column-gap-md] { --brick-grid-column-gap: var(--brick-grid-column-gap-md-input, var(--brick-grid-gap)); }\n  }\n\n  @media (width >= 64rem) {\n    .brick-grid[data-gap-lg] { --brick-grid-gap: var(--brick-grid-gap-lg-input, var(--brick-grid-gap-input, var(--brick-space-0))); }\n    .brick-grid[data-row-gap-lg] { --brick-grid-row-gap: var(--brick-grid-row-gap-lg-input, var(--brick-grid-gap)); }\n    .brick-grid[data-column-gap-lg] { --brick-grid-column-gap: var(--brick-grid-column-gap-lg-input, var(--brick-grid-gap)); }\n  }\n\n  @media (width >= 80rem) {\n    .brick-grid[data-gap-xl] { --brick-grid-gap: var(--brick-grid-gap-xl-input, var(--brick-grid-gap-input, var(--brick-space-0))); }\n    .brick-grid[data-row-gap-xl] { --brick-grid-row-gap: var(--brick-grid-row-gap-xl-input, var(--brick-grid-gap)); }\n    .brick-grid[data-column-gap-xl] { --brick-grid-column-gap: var(--brick-grid-column-gap-xl-input, var(--brick-grid-gap)); }\n  }\n\n}\n","@layer brick.components {\n  .brick-container {\n    --brick-container-measure-narrow: 42rem;\n    --brick-container-measure-medium: 64rem;\n    --brick-container-measure-wide: 72rem;\n    --brick-container-measure-max: 90rem;\n    --brick-container-measure-full: none;\n    --brick-container-gutter-none: 0rem;\n    --brick-container-gutter-sm: clamp(0.75rem, 2vw, 1rem);\n    --brick-container-gutter-md: clamp(1rem, 3vw, 2rem);\n    --brick-container-gutter-lg: clamp(1rem, 4vw, 4rem);\n    --brick-container-max-inline-size: var(--brick-container-measure-wide);\n    --brick-container-padding-inline: var(--brick-container-gutter-md);\n\n    box-sizing: border-box;\n    inline-size: 100%;\n    max-inline-size: var(--brick-container-max-inline-size);\n    min-inline-size: 0;\n    margin-inline: auto;\n    padding-inline: var(--brick-container-padding-inline);\n  }\n\n  .brick-container[data-measure=\"narrow\"] {\n    --brick-container-max-inline-size: var(--brick-container-measure-narrow);\n  }\n\n  .brick-container[data-measure=\"medium\"] {\n    --brick-container-max-inline-size: var(--brick-container-measure-medium);\n  }\n\n  .brick-container[data-measure=\"max\"] {\n    --brick-container-max-inline-size: var(--brick-container-measure-max);\n  }\n\n  .brick-container[data-measure=\"full\"] {\n    --brick-container-max-inline-size: var(--brick-container-measure-full);\n  }\n\n  .brick-container[data-gutter=\"none\"] {\n    --brick-container-padding-inline: var(--brick-container-gutter-none);\n  }\n\n  .brick-container[data-gutter=\"sm\"] {\n    --brick-container-padding-inline: var(--brick-container-gutter-sm);\n  }\n\n  .brick-container[data-gutter=\"lg\"] {\n    --brick-container-padding-inline: var(--brick-container-gutter-lg);\n  }\n}\n","@layer brick.components {\n  .brick-section {\n    --brick-section-space-none: 0rem;\n    --brick-section-space-sm: clamp(2rem, 4vw, 3rem);\n    --brick-section-space-md: clamp(3rem, 6vw, 5rem);\n    --brick-section-space-lg: clamp(4rem, 8vw, 7rem);\n    --brick-section-space-xl: clamp(5rem, 10vw, 9rem);\n    --brick-section-space-2xl: clamp(6rem, 12vw, 12rem);\n    --brick-section-spacing: var(--brick-section-space-md);\n    --brick-section-start-spacing: var(--brick-section-spacing);\n    --brick-section-end-spacing: var(--brick-section-spacing);\n\n    box-sizing: border-box;\n    min-inline-size: 0;\n  }\n\n  /* Section owns the block axis even when Surface paints the same host. */\n  .brick-section[data-spacing] {\n    padding-block: var(--brick-section-start-spacing)\n      var(--brick-section-end-spacing);\n  }\n\n  .brick-section[data-spacing=\"none\"] { --brick-section-spacing: var(--brick-section-space-none); }\n  .brick-section[data-spacing=\"sm\"] { --brick-section-spacing: var(--brick-section-space-sm); }\n  .brick-section[data-spacing=\"lg\"] { --brick-section-spacing: var(--brick-section-space-lg); }\n  .brick-section[data-spacing=\"xl\"] { --brick-section-spacing: var(--brick-section-space-xl); }\n  .brick-section[data-spacing=\"2xl\"] { --brick-section-spacing: var(--brick-section-space-2xl); }\n\n  .brick-section[data-start-spacing=\"none\"] { --brick-section-start-spacing: var(--brick-section-space-none); }\n  .brick-section[data-start-spacing=\"sm\"] { --brick-section-start-spacing: var(--brick-section-space-sm); }\n  .brick-section[data-start-spacing=\"md\"] { --brick-section-start-spacing: var(--brick-section-space-md); }\n  .brick-section[data-start-spacing=\"lg\"] { --brick-section-start-spacing: var(--brick-section-space-lg); }\n  .brick-section[data-start-spacing=\"xl\"] { --brick-section-start-spacing: var(--brick-section-space-xl); }\n  .brick-section[data-start-spacing=\"2xl\"] { --brick-section-start-spacing: var(--brick-section-space-2xl); }\n\n  .brick-section[data-end-spacing=\"none\"] { --brick-section-end-spacing: var(--brick-section-space-none); }\n  .brick-section[data-end-spacing=\"sm\"] { --brick-section-end-spacing: var(--brick-section-space-sm); }\n  .brick-section[data-end-spacing=\"md\"] { --brick-section-end-spacing: var(--brick-section-space-md); }\n  .brick-section[data-end-spacing=\"lg\"] { --brick-section-end-spacing: var(--brick-section-space-lg); }\n  .brick-section[data-end-spacing=\"xl\"] { --brick-section-end-spacing: var(--brick-section-space-xl); }\n  .brick-section[data-end-spacing=\"2xl\"] { --brick-section-end-spacing: var(--brick-section-space-2xl); }\n\n  @media (width >= 30rem) {\n    .brick-section[data-spacing-sm=\"none\"] { --brick-section-spacing: var(--brick-section-space-none); }\n    .brick-section[data-spacing-sm=\"sm\"] { --brick-section-spacing: var(--brick-section-space-sm); }\n    .brick-section[data-spacing-sm=\"md\"] { --brick-section-spacing: var(--brick-section-space-md); }\n    .brick-section[data-spacing-sm=\"lg\"] { --brick-section-spacing: var(--brick-section-space-lg); }\n    .brick-section[data-spacing-sm=\"xl\"] { --brick-section-spacing: var(--brick-section-space-xl); }\n    .brick-section[data-spacing-sm=\"2xl\"] { --brick-section-spacing: var(--brick-section-space-2xl); }\n    .brick-section[data-start-spacing-sm=\"none\"] { --brick-section-start-spacing: var(--brick-section-space-none); }\n    .brick-section[data-start-spacing-sm=\"sm\"] { --brick-section-start-spacing: var(--brick-section-space-sm); }\n    .brick-section[data-start-spacing-sm=\"md\"] { --brick-section-start-spacing: var(--brick-section-space-md); }\n    .brick-section[data-start-spacing-sm=\"lg\"] { --brick-section-start-spacing: var(--brick-section-space-lg); }\n    .brick-section[data-start-spacing-sm=\"xl\"] { --brick-section-start-spacing: var(--brick-section-space-xl); }\n    .brick-section[data-start-spacing-sm=\"2xl\"] { --brick-section-start-spacing: var(--brick-section-space-2xl); }\n    .brick-section[data-end-spacing-sm=\"none\"] { --brick-section-end-spacing: var(--brick-section-space-none); }\n    .brick-section[data-end-spacing-sm=\"sm\"] { --brick-section-end-spacing: var(--brick-section-space-sm); }\n    .brick-section[data-end-spacing-sm=\"md\"] { --brick-section-end-spacing: var(--brick-section-space-md); }\n    .brick-section[data-end-spacing-sm=\"lg\"] { --brick-section-end-spacing: var(--brick-section-space-lg); }\n    .brick-section[data-end-spacing-sm=\"xl\"] { --brick-section-end-spacing: var(--brick-section-space-xl); }\n    .brick-section[data-end-spacing-sm=\"2xl\"] { --brick-section-end-spacing: var(--brick-section-space-2xl); }\n  }\n\n  @media (width >= 48rem) {\n    .brick-section[data-spacing-md=\"none\"] { --brick-section-spacing: var(--brick-section-space-none); }\n    .brick-section[data-spacing-md=\"sm\"] { --brick-section-spacing: var(--brick-section-space-sm); }\n    .brick-section[data-spacing-md=\"md\"] { --brick-section-spacing: var(--brick-section-space-md); }\n    .brick-section[data-spacing-md=\"lg\"] { --brick-section-spacing: var(--brick-section-space-lg); }\n    .brick-section[data-spacing-md=\"xl\"] { --brick-section-spacing: var(--brick-section-space-xl); }\n    .brick-section[data-spacing-md=\"2xl\"] { --brick-section-spacing: var(--brick-section-space-2xl); }\n    .brick-section[data-start-spacing-md=\"none\"] { --brick-section-start-spacing: var(--brick-section-space-none); }\n    .brick-section[data-start-spacing-md=\"sm\"] { --brick-section-start-spacing: var(--brick-section-space-sm); }\n    .brick-section[data-start-spacing-md=\"md\"] { --brick-section-start-spacing: var(--brick-section-space-md); }\n    .brick-section[data-start-spacing-md=\"lg\"] { --brick-section-start-spacing: var(--brick-section-space-lg); }\n    .brick-section[data-start-spacing-md=\"xl\"] { --brick-section-start-spacing: var(--brick-section-space-xl); }\n    .brick-section[data-start-spacing-md=\"2xl\"] { --brick-section-start-spacing: var(--brick-section-space-2xl); }\n    .brick-section[data-end-spacing-md=\"none\"] { --brick-section-end-spacing: var(--brick-section-space-none); }\n    .brick-section[data-end-spacing-md=\"sm\"] { --brick-section-end-spacing: var(--brick-section-space-sm); }\n    .brick-section[data-end-spacing-md=\"md\"] { --brick-section-end-spacing: var(--brick-section-space-md); }\n    .brick-section[data-end-spacing-md=\"lg\"] { --brick-section-end-spacing: var(--brick-section-space-lg); }\n    .brick-section[data-end-spacing-md=\"xl\"] { --brick-section-end-spacing: var(--brick-section-space-xl); }\n    .brick-section[data-end-spacing-md=\"2xl\"] { --brick-section-end-spacing: var(--brick-section-space-2xl); }\n  }\n\n  @media (width >= 64rem) {\n    .brick-section[data-spacing-lg=\"none\"] { --brick-section-spacing: var(--brick-section-space-none); }\n    .brick-section[data-spacing-lg=\"sm\"] { --brick-section-spacing: var(--brick-section-space-sm); }\n    .brick-section[data-spacing-lg=\"md\"] { --brick-section-spacing: var(--brick-section-space-md); }\n    .brick-section[data-spacing-lg=\"lg\"] { --brick-section-spacing: var(--brick-section-space-lg); }\n    .brick-section[data-spacing-lg=\"xl\"] { --brick-section-spacing: var(--brick-section-space-xl); }\n    .brick-section[data-spacing-lg=\"2xl\"] { --brick-section-spacing: var(--brick-section-space-2xl); }\n    .brick-section[data-start-spacing-lg=\"none\"] { --brick-section-start-spacing: var(--brick-section-space-none); }\n    .brick-section[data-start-spacing-lg=\"sm\"] { --brick-section-start-spacing: var(--brick-section-space-sm); }\n    .brick-section[data-start-spacing-lg=\"md\"] { --brick-section-start-spacing: var(--brick-section-space-md); }\n    .brick-section[data-start-spacing-lg=\"lg\"] { --brick-section-start-spacing: var(--brick-section-space-lg); }\n    .brick-section[data-start-spacing-lg=\"xl\"] { --brick-section-start-spacing: var(--brick-section-space-xl); }\n    .brick-section[data-start-spacing-lg=\"2xl\"] { --brick-section-start-spacing: var(--brick-section-space-2xl); }\n    .brick-section[data-end-spacing-lg=\"none\"] { --brick-section-end-spacing: var(--brick-section-space-none); }\n    .brick-section[data-end-spacing-lg=\"sm\"] { --brick-section-end-spacing: var(--brick-section-space-sm); }\n    .brick-section[data-end-spacing-lg=\"md\"] { --brick-section-end-spacing: var(--brick-section-space-md); }\n    .brick-section[data-end-spacing-lg=\"lg\"] { --brick-section-end-spacing: var(--brick-section-space-lg); }\n    .brick-section[data-end-spacing-lg=\"xl\"] { --brick-section-end-spacing: var(--brick-section-space-xl); }\n    .brick-section[data-end-spacing-lg=\"2xl\"] { --brick-section-end-spacing: var(--brick-section-space-2xl); }\n  }\n\n  @media (width >= 80rem) {\n    .brick-section[data-spacing-xl=\"none\"] { --brick-section-spacing: var(--brick-section-space-none); }\n    .brick-section[data-spacing-xl=\"sm\"] { --brick-section-spacing: var(--brick-section-space-sm); }\n    .brick-section[data-spacing-xl=\"md\"] { --brick-section-spacing: var(--brick-section-space-md); }\n    .brick-section[data-spacing-xl=\"lg\"] { --brick-section-spacing: var(--brick-section-space-lg); }\n    .brick-section[data-spacing-xl=\"xl\"] { --brick-section-spacing: var(--brick-section-space-xl); }\n    .brick-section[data-spacing-xl=\"2xl\"] { --brick-section-spacing: var(--brick-section-space-2xl); }\n    .brick-section[data-start-spacing-xl=\"none\"] { --brick-section-start-spacing: var(--brick-section-space-none); }\n    .brick-section[data-start-spacing-xl=\"sm\"] { --brick-section-start-spacing: var(--brick-section-space-sm); }\n    .brick-section[data-start-spacing-xl=\"md\"] { --brick-section-start-spacing: var(--brick-section-space-md); }\n    .brick-section[data-start-spacing-xl=\"lg\"] { --brick-section-start-spacing: var(--brick-section-space-lg); }\n    .brick-section[data-start-spacing-xl=\"xl\"] { --brick-section-start-spacing: var(--brick-section-space-xl); }\n    .brick-section[data-start-spacing-xl=\"2xl\"] { --brick-section-start-spacing: var(--brick-section-space-2xl); }\n    .brick-section[data-end-spacing-xl=\"none\"] { --brick-section-end-spacing: var(--brick-section-space-none); }\n    .brick-section[data-end-spacing-xl=\"sm\"] { --brick-section-end-spacing: var(--brick-section-space-sm); }\n    .brick-section[data-end-spacing-xl=\"md\"] { --brick-section-end-spacing: var(--brick-section-space-md); }\n    .brick-section[data-end-spacing-xl=\"lg\"] { --brick-section-end-spacing: var(--brick-section-space-lg); }\n    .brick-section[data-end-spacing-xl=\"xl\"] { --brick-section-end-spacing: var(--brick-section-space-xl); }\n    .brick-section[data-end-spacing-xl=\"2xl\"] { --brick-section-end-spacing: var(--brick-section-space-2xl); }\n  }\n}\n","@layer brick.components {\n  .brick-link {\n    --brick-link-focus-ring: var(--brick-color-focus-ring);\n    --brick-link-decoration-color: currentColor;\n    --brick-link-decoration-thickness: 0.08em;\n    --brick-link-decoration-offset: 0.16em;\n    --brick-link-gap: 0.375em;\n    --brick-link-icon-size: 1em;\n    --brick-link-font-family: inherit;\n    --brick-link-font-size: inherit;\n    --brick-link-line-height: inherit;\n    --brick-link-letter-spacing: inherit;\n\n    display: inline-flex;\n    min-inline-size: 0;\n    max-inline-size: 100%;\n    align-items: baseline;\n    gap: var(--brick-link-gap);\n    color: var(--brick-link-foreground, var(--brick-color-link-text));\n    font-family: var(--brick-link-font-family);\n    font-size: var(--brick-link-font-size);\n    font-weight: var(--brick-link-font-weight, var(--brick-link-theme-font-weight, inherit));\n    letter-spacing: var(--brick-link-letter-spacing);\n    line-height: var(--brick-link-line-height);\n    overflow-wrap: anywhere;\n    text-decoration-color: var(--brick-link-decoration-color);\n    text-decoration-line: var(--brick-link-decoration, underline);\n    text-decoration-thickness: var(--brick-link-decoration-thickness);\n    text-underline-offset: var(--brick-link-decoration-offset);\n    vertical-align: baseline;\n  }\n\n  .brick-link:hover {\n    color: var(--brick-link-foreground-hover, var(--brick-color-link-text-hover));\n  }\n\n  .brick-link:active {\n    color: var(--brick-link-foreground-active, var(--brick-color-link-text-pressed));\n  }\n\n  .brick-link:focus-visible {\n    border-radius: var(--brick-radius-subtle);\n    outline: var(--brick-border-focus-width) solid var(--brick-link-focus-ring);\n    outline-offset: var(--brick-border-focus-offset);\n  }\n\n  .brick-link[data-variant=\"underline\"] {\n    text-decoration-line: underline;\n  }\n\n  .brick-link[data-variant=\"plain\"] {\n    --brick-link-font-weight: var(--brick-typography-body-md-font-weight);\n    text-decoration-line: none;\n  }\n\n  .brick-link[data-variant=\"theme\"]:is(:hover, :focus-visible, :active) {\n    text-decoration-line: underline;\n  }\n\n  .brick-link[data-tone=\"neutral\"] {\n    --brick-link-foreground: var(--brick-color-text-primary);\n    --brick-link-foreground-hover: var(--brick-color-link-text-hover);\n    --brick-link-foreground-active: var(--brick-color-link-text-pressed);\n  }\n\n  .brick-link[data-tone=\"inherit\"] {\n    --brick-link-foreground: currentColor;\n    --brick-link-foreground-hover: currentColor;\n    --brick-link-foreground-active: currentColor;\n  }\n\n  .brick-link[data-size=\"sm\"] {\n    --brick-link-font-family: var(--brick-typography-body-sm-font-family);\n    --brick-link-font-size: var(--brick-typography-body-sm-font-size);\n    --brick-link-line-height: var(--brick-typography-body-sm-line-height);\n    --brick-link-letter-spacing: var(--brick-typography-body-sm-letter-spacing);\n  }\n\n  .brick-link[data-size=\"md\"] {\n    --brick-link-font-family: var(--brick-typography-body-md-font-family);\n    --brick-link-font-size: var(--brick-typography-body-md-font-size);\n    --brick-link-line-height: var(--brick-typography-body-md-line-height);\n    --brick-link-letter-spacing: var(--brick-typography-body-md-letter-spacing);\n  }\n\n  .brick-link[data-size=\"lg\"] {\n    --brick-link-font-family: var(--brick-typography-body-lg-font-family);\n    --brick-link-font-size: var(--brick-typography-body-lg-font-size);\n    --brick-link-line-height: var(--brick-typography-body-lg-line-height);\n    --brick-link-letter-spacing: var(--brick-typography-body-lg-letter-spacing);\n  }\n\n  .brick-link[aria-current]:not([aria-current=\"false\"]) {\n    --brick-link-font-weight: var(--brick-typography-label-md-font-weight);\n  }\n\n  .brick-link__content {\n    min-inline-size: 0;\n  }\n\n  .brick-link__icon {\n    display: inline-flex;\n    flex: 0 0 auto;\n    align-self: center;\n    align-items: center;\n    justify-content: center;\n    inline-size: var(--brick-link-icon-size);\n    block-size: var(--brick-link-icon-size);\n  }\n\n  .brick-link__icon > :where(svg, img) {\n    inline-size: 100%;\n    block-size: 100%;\n  }\n\n  @media (forced-colors: active) {\n    .brick-link {\n      --brick-link-foreground: LinkText;\n      --brick-link-foreground-hover: LinkText;\n      --brick-link-foreground-active: LinkText;\n      --brick-link-focus-ring: Highlight;\n      forced-color-adjust: auto;\n    }\n  }\n}\n","@layer brick.components {\n  .brick-textarea {\n    --brick-textarea-padding-inline: var(--brick-space-3);\n    --brick-textarea-padding-block: var(--brick-space-3);\n    --brick-textarea-gap: var(--brick-space-2);\n    --brick-textarea-radius: var(--brick-radius-control);\n    --brick-textarea-font-family: var(--brick-typography-field-value-md-font-family);\n    --brick-textarea-font-size: var(--brick-typography-field-value-md-font-size);\n    --brick-textarea-font-weight: var(--brick-typography-field-value-md-font-weight);\n    --brick-textarea-line-height: var(--brick-typography-field-value-md-line-height);\n    --brick-textarea-letter-spacing: var(--brick-typography-field-value-md-letter-spacing);\n    --brick-textarea-background: var(--brick-color-surface-raised);\n    --brick-textarea-foreground: var(--brick-color-text-primary);\n    --brick-textarea-placeholder-foreground: var(--brick-color-text-muted);\n    --brick-textarea-border: var(--brick-color-border-strong);\n    --brick-textarea-hover-background: var(--brick-color-surface-base);\n    --brick-textarea-hover-border: var(--brick-color-accent-border);\n    --brick-textarea-focus-ring: var(--brick-color-focus-ring);\n    --brick-textarea-invalid-border: var(--brick-color-danger-text);\n    --brick-textarea-disabled-background: var(--brick-color-surface-subtle);\n    --brick-textarea-disabled-foreground: var(--brick-color-text-secondary);\n    --brick-textarea-disabled-border: var(--brick-color-border-subtle);\n    --brick-textarea-readonly-background: var(--brick-color-surface-subtle);\n    --brick-textarea-count-foreground: var(--brick-color-text-secondary);\n    --brick-textarea-count-over-limit-foreground: var(--brick-color-danger-text);\n\n    display: inline-grid;\n    box-sizing: border-box;\n    min-inline-size: 0;\n    max-inline-size: 100%;\n    grid-template-columns: minmax(0, 1fr);\n    gap: var(--brick-textarea-gap);\n    padding: var(--brick-textarea-padding-block) var(--brick-textarea-padding-inline);\n    border: var(--brick-border-width) solid var(--brick-textarea-border);\n    border-radius: var(--brick-textarea-radius);\n    background: var(--brick-textarea-background);\n    color: var(--brick-textarea-foreground);\n    vertical-align: top;\n    transition: background-color var(--brick-motion-duration-fast) var(--brick-motion-easing-standard), border-color var(--brick-motion-duration-fast) var(--brick-motion-easing-standard), box-shadow var(--brick-motion-duration-fast) var(--brick-motion-easing-standard);\n  }\n\n  .brick-textarea[data-full-width] { inline-size: 100%; }\n  .brick-textarea:not([data-full-width]) { inline-size: fit-content; }\n  .brick-textarea[data-variant=\"soft\"] {\n    --brick-textarea-background: var(--brick-color-surface-subtle);\n    --brick-textarea-border: var(--brick-color-border-subtle);\n    --brick-textarea-hover-background: var(--brick-color-accent-soft);\n  }\n  .brick-textarea[data-variant=\"underline\"] {\n    --brick-textarea-background: transparent;\n    --brick-textarea-radius: 0;\n    border-width: 0 0 var(--brick-border-width);\n  }\n  .brick-textarea[data-shape=\"sharp\"] { --brick-textarea-radius: 0; }\n  .brick-textarea[data-size=\"sm\"] {\n    --brick-textarea-padding-inline: var(--brick-space-2);\n    --brick-textarea-padding-block: var(--brick-space-2);\n    --brick-textarea-gap: var(--brick-space-1);\n  }\n  .brick-textarea[data-size=\"lg\"] {\n    --brick-textarea-padding-inline: var(--brick-space-4);\n    --brick-textarea-padding-block: var(--brick-space-4);\n    --brick-textarea-gap: var(--brick-space-3);\n    --brick-textarea-font-size: var(--brick-typography-field-value-lg-font-size);\n    --brick-textarea-line-height: var(--brick-typography-field-value-lg-line-height);\n  }\n\n  .brick-textarea-control {\n    display: block;\n    box-sizing: border-box;\n    inline-size: 100%;\n    min-inline-size: 0;\n    max-inline-size: 100%;\n    margin: 0;\n    padding: 0;\n    border: 0;\n    outline: 0;\n    background: transparent;\n    color: inherit;\n    font-family: var(--brick-textarea-font-family);\n    font-size: var(--brick-textarea-font-size);\n    font-weight: var(--brick-textarea-font-weight);\n    letter-spacing: var(--brick-textarea-letter-spacing);\n    line-height: var(--brick-textarea-line-height);\n  }\n\n  .brick-textarea[data-resize=\"none\"] .brick-textarea-control { resize: none; }\n  .brick-textarea[data-resize=\"vertical\"] .brick-textarea-control { resize: vertical; }\n  .brick-textarea[data-resize=\"horizontal\"] .brick-textarea-control { resize: horizontal; }\n  .brick-textarea[data-resize=\"both\"] .brick-textarea-control { resize: both; }\n  .brick-textarea-control::placeholder { color: var(--brick-textarea-placeholder-foreground); opacity: 1; }\n\n  .brick-textarea-count {\n    display: block;\n    min-inline-size: 0;\n    justify-self: end;\n    color: var(--brick-textarea-count-foreground);\n    font-family: var(--brick-typography-caption-font-family);\n    font-size: var(--brick-typography-caption-font-size);\n    font-weight: var(--brick-typography-caption-font-weight);\n    line-height: var(--brick-typography-caption-line-height);\n    text-align: end;\n  }\n  .brick-textarea-count[data-over-limit] { color: var(--brick-textarea-count-over-limit-foreground); }\n\n  .brick-textarea:focus-within {\n    border-color: var(--brick-textarea-focus-ring);\n    box-shadow: 0 0 0 var(--brick-border-focus-width) var(--brick-textarea-focus-ring);\n  }\n  .brick-textarea:has(.brick-textarea-control[data-invalid]) { border-color: var(--brick-textarea-invalid-border); }\n  .brick-textarea:has(.brick-textarea-control[data-disabled]) {\n    border-color: var(--brick-textarea-disabled-border);\n    background: var(--brick-textarea-disabled-background);\n    color: var(--brick-textarea-disabled-foreground);\n  }\n  .brick-textarea:has(.brick-textarea-control[data-readonly]) { background: var(--brick-textarea-readonly-background); }\n  .brick-textarea-control:disabled { cursor: not-allowed; }\n  .brick-textarea-control:read-only { cursor: default; }\n\n  @media (hover: hover) and (pointer: fine) {\n    .brick-textarea:not(:has(.brick-textarea-control[data-disabled], .brick-textarea-control[data-readonly], .brick-textarea-control[data-invalid])):hover {\n      border-color: var(--brick-textarea-hover-border);\n      background: var(--brick-textarea-hover-background);\n    }\n  }\n  @media (prefers-reduced-motion: reduce) {\n    .brick-textarea { transition-duration: 0ms; }\n  }\n  @media (forced-colors: active) {\n    .brick-textarea { border-color: ButtonText; background: Canvas; color: CanvasText; }\n    .brick-textarea:focus-within { outline: var(--brick-border-focus-width) solid Highlight; outline-offset: 0; box-shadow: none; }\n    .brick-textarea:has(.brick-textarea-control[data-invalid]) { border-color: Mark; }\n    .brick-textarea:has(.brick-textarea-control[data-disabled]) { border-color: GrayText; color: GrayText; }\n    .brick-textarea-count[data-over-limit] { color: Mark; }\n  }\n}\n","@layer brick.components {\n  :where(.brick-button, .brick-icon-button)[data-loading]::after {\n    position: absolute;\n    inset-block-start: 50%;\n    inset-inline-start: 50%;\n    inline-size: var(--brick-action-spinner-size);\n    block-size: var(--brick-action-spinner-size);\n    border: 0.125rem solid transparent;\n    border-block-start-color: var(--brick-action-spinner-color);\n    border-inline-end-color: var(--brick-action-spinner-color);\n    border-radius: var(--brick-radius-full);\n    content: \"\";\n    animation: brick-action-spinner-spin 700ms linear infinite;\n  }\n\n  :where([dir=\"rtl\"])\n    :where(.brick-button, .brick-icon-button)[data-loading]::after {\n    animation-name: brick-action-spinner-spin-rtl;\n  }\n\n  @media (prefers-reduced-motion: reduce) {\n    :where(.brick-button, .brick-icon-button)[data-loading]::after {\n      animation-duration: 1400ms;\n    }\n  }\n\n  @media (forced-colors: active) {\n    :where(.brick-button, .brick-icon-button)[data-loading]::after {\n      border-block-start-color: ButtonText;\n      border-inline-end-color: ButtonText;\n    }\n  }\n\n  @keyframes brick-action-spinner-spin {\n    from {\n      transform: translate(-50%, -50%) rotate(0deg);\n    }\n\n    to {\n      transform: translate(-50%, -50%) rotate(360deg);\n    }\n  }\n\n  @keyframes brick-action-spinner-spin-rtl {\n    from {\n      transform: translate(50%, -50%) rotate(0deg);\n    }\n\n    to {\n      transform: translate(50%, -50%) rotate(360deg);\n    }\n  }\n}\n","@layer brick.utilities {\n  .brick-frame[data-frame] {\n    /* Prevent base and breakpoint constraints from leaking into nested Frames. */\n    --brick-frame-inline-size: initial;\n    --brick-frame-min-inline-size: initial;\n    --brick-frame-max-inline-size: initial;\n    --brick-frame-block-size: initial;\n    --brick-frame-min-block-size: initial;\n    --brick-frame-max-block-size: initial;\n    --brick-frame-inline-size-sm: initial;\n    --brick-frame-inline-size-md: initial;\n    --brick-frame-inline-size-lg: initial;\n    --brick-frame-inline-size-xl: initial;\n    --brick-frame-min-inline-size-sm: initial;\n    --brick-frame-min-inline-size-md: initial;\n    --brick-frame-min-inline-size-lg: initial;\n    --brick-frame-min-inline-size-xl: initial;\n    --brick-frame-max-inline-size-sm: initial;\n    --brick-frame-max-inline-size-md: initial;\n    --brick-frame-max-inline-size-lg: initial;\n    --brick-frame-max-inline-size-xl: initial;\n    --brick-frame-block-size-sm: initial;\n    --brick-frame-block-size-md: initial;\n    --brick-frame-block-size-lg: initial;\n    --brick-frame-block-size-xl: initial;\n    --brick-frame-min-block-size-sm: initial;\n    --brick-frame-min-block-size-md: initial;\n    --brick-frame-min-block-size-lg: initial;\n    --brick-frame-min-block-size-xl: initial;\n    --brick-frame-max-block-size-sm: initial;\n    --brick-frame-max-block-size-md: initial;\n    --brick-frame-max-block-size-lg: initial;\n    --brick-frame-max-block-size-xl: initial;\n    box-sizing: border-box;\n    inline-size: var(--brick-frame-inline-size, auto);\n    min-inline-size: var(--brick-frame-min-inline-size, auto);\n    max-inline-size: var(--brick-frame-max-inline-size, none);\n    block-size: var(--brick-frame-block-size, auto);\n    min-block-size: var(--brick-frame-min-block-size, auto);\n    max-block-size: var(--brick-frame-max-block-size, none);\n  }\n\n  @media (width >= 30rem) {\n    .brick-frame[data-frame] {\n      inline-size: var(--brick-frame-inline-size-sm, var(--brick-frame-inline-size, auto));\n      min-inline-size: var(--brick-frame-min-inline-size-sm, var(--brick-frame-min-inline-size, auto));\n      max-inline-size: var(--brick-frame-max-inline-size-sm, var(--brick-frame-max-inline-size, none));\n      block-size: var(--brick-frame-block-size-sm, var(--brick-frame-block-size, auto));\n      min-block-size: var(--brick-frame-min-block-size-sm, var(--brick-frame-min-block-size, auto));\n      max-block-size: var(--brick-frame-max-block-size-sm, var(--brick-frame-max-block-size, none));\n    }\n  }\n\n  @media (width >= 48rem) {\n    .brick-frame[data-frame] {\n      inline-size: var(--brick-frame-inline-size-md, var(--brick-frame-inline-size-sm, var(--brick-frame-inline-size, auto)));\n      min-inline-size: var(--brick-frame-min-inline-size-md, var(--brick-frame-min-inline-size-sm, var(--brick-frame-min-inline-size, auto)));\n      max-inline-size: var(--brick-frame-max-inline-size-md, var(--brick-frame-max-inline-size-sm, var(--brick-frame-max-inline-size, none)));\n      block-size: var(--brick-frame-block-size-md, var(--brick-frame-block-size-sm, var(--brick-frame-block-size, auto)));\n      min-block-size: var(--brick-frame-min-block-size-md, var(--brick-frame-min-block-size-sm, var(--brick-frame-min-block-size, auto)));\n      max-block-size: var(--brick-frame-max-block-size-md, var(--brick-frame-max-block-size-sm, var(--brick-frame-max-block-size, none)));\n    }\n  }\n\n  @media (width >= 64rem) {\n    .brick-frame[data-frame] {\n      inline-size: var(--brick-frame-inline-size-lg, var(--brick-frame-inline-size-md, var(--brick-frame-inline-size-sm, var(--brick-frame-inline-size, auto))));\n      min-inline-size: var(--brick-frame-min-inline-size-lg, var(--brick-frame-min-inline-size-md, var(--brick-frame-min-inline-size-sm, var(--brick-frame-min-inline-size, auto))));\n      max-inline-size: var(--brick-frame-max-inline-size-lg, var(--brick-frame-max-inline-size-md, var(--brick-frame-max-inline-size-sm, var(--brick-frame-max-inline-size, none))));\n      block-size: var(--brick-frame-block-size-lg, var(--brick-frame-block-size-md, var(--brick-frame-block-size-sm, var(--brick-frame-block-size, auto))));\n      min-block-size: var(--brick-frame-min-block-size-lg, var(--brick-frame-min-block-size-md, var(--brick-frame-min-block-size-sm, var(--brick-frame-min-block-size, auto))));\n      max-block-size: var(--brick-frame-max-block-size-lg, var(--brick-frame-max-block-size-md, var(--brick-frame-max-block-size-sm, var(--brick-frame-max-block-size, none))));\n    }\n  }\n\n  @media (width >= 80rem) {\n    .brick-frame[data-frame] {\n      inline-size: var(--brick-frame-inline-size-xl, var(--brick-frame-inline-size-lg, var(--brick-frame-inline-size-md, var(--brick-frame-inline-size-sm, var(--brick-frame-inline-size, auto)))));\n      min-inline-size: var(--brick-frame-min-inline-size-xl, var(--brick-frame-min-inline-size-lg, var(--brick-frame-min-inline-size-md, var(--brick-frame-min-inline-size-sm, var(--brick-frame-min-inline-size, auto)))));\n      max-inline-size: var(--brick-frame-max-inline-size-xl, var(--brick-frame-max-inline-size-lg, var(--brick-frame-max-inline-size-md, var(--brick-frame-max-inline-size-sm, var(--brick-frame-max-inline-size, none)))));\n      block-size: var(--brick-frame-block-size-xl, var(--brick-frame-block-size-lg, var(--brick-frame-block-size-md, var(--brick-frame-block-size-sm, var(--brick-frame-block-size, auto)))));\n      min-block-size: var(--brick-frame-min-block-size-xl, var(--brick-frame-min-block-size-lg, var(--brick-frame-min-block-size-md, var(--brick-frame-min-block-size-sm, var(--brick-frame-min-block-size, auto)))));\n      max-block-size: var(--brick-frame-max-block-size-xl, var(--brick-frame-max-block-size-lg, var(--brick-frame-max-block-size-md, var(--brick-frame-max-block-size-sm, var(--brick-frame-max-block-size, none)))));\n    }\n  }\n}\n","@layer brick.components {\n  .brick-link-box {\n    --brick-link-box-radius: var(--brick-radius-surface);\n    --brick-link-box-hover-ring: var(--brick-color-border-strong);\n    --brick-link-box-active-ring: var(--brick-color-accent-border);\n    --brick-link-box-focus-ring: var(--brick-color-focus-ring);\n    --brick-link-box-focus-offset: var(--brick-border-focus-offset);\n\n    position: relative;\n    display: grid;\n    min-inline-size: 0;\n    border-radius: var(--brick-link-box-radius);\n    isolation: isolate;\n  }\n\n  .brick-link-box::before {\n    position: absolute;\n    z-index: 3;\n    border-radius: inherit;\n    content: \"\";\n    inset: 0;\n    pointer-events: none;\n    transition: box-shadow var(--brick-motion-duration-fast)\n      var(--brick-motion-easing-standard);\n  }\n\n  .brick-link-box__link::after {\n    position: absolute;\n    z-index: 1;\n    border-radius: var(--brick-link-box-radius);\n    content: \"\";\n    cursor: pointer;\n    inset: 0;\n  }\n\n  .brick-link-box__action {\n    position: relative;\n    z-index: 2;\n    min-inline-size: 0;\n  }\n\n  .brick-link-box:not([data-variant=\"plain\"]):has(.brick-link-box__link:hover)::before {\n    box-shadow: 0 0 0 var(--brick-border-width)\n      var(--brick-link-box-hover-ring);\n  }\n\n  .brick-link-box:not([data-variant=\"plain\"]):has(.brick-link-box__link:active)::before {\n    box-shadow: 0 0 0 var(--brick-border-focus-width)\n      var(--brick-link-box-active-ring);\n  }\n\n  .brick-link-box:has(.brick-link-box__link:focus-visible)::before {\n    outline: var(--brick-border-focus-width) solid\n      var(--brick-link-box-focus-ring);\n    outline-offset: var(--brick-link-box-focus-offset);\n  }\n\n  .brick-link-box__link:focus-visible {\n    outline: none;\n  }\n\n  @media (prefers-reduced-motion: reduce) {\n    .brick-link-box::before {\n      transition: none;\n    }\n  }\n\n  @media (forced-colors: active) {\n    .brick-link-box {\n      --brick-link-box-hover-ring: CanvasText;\n      --brick-link-box-active-ring: Highlight;\n      --brick-link-box-focus-ring: Highlight;\n    }\n  }\n}\n","@layer brick.components {\n  .brick-select-trigger {\n    --brick-select-trigger-min-block-size: var(--brick-control-min-block-size-md);\n    --brick-select-trigger-padding-inline: var(--brick-space-3);\n    --brick-select-trigger-gap: var(--brick-space-2);\n    --brick-select-trigger-radius: var(--brick-radius-control);\n    --brick-select-trigger-font-family: var(--brick-typography-control-md-font-family);\n    --brick-select-trigger-font-size: var(--brick-typography-control-md-font-size);\n    --brick-select-trigger-font-weight: var(--brick-typography-control-md-font-weight);\n    --brick-select-trigger-line-height: var(--brick-typography-control-md-line-height);\n    --brick-select-trigger-letter-spacing: var(--brick-typography-control-md-letter-spacing);\n    --brick-select-trigger-background: var(--brick-color-surface-raised);\n    --brick-select-trigger-foreground: var(--brick-color-text-primary);\n    --brick-select-trigger-placeholder: var(--brick-color-text-muted);\n    --brick-select-trigger-border: var(--brick-color-border-strong);\n    --brick-select-trigger-hover-background: var(--brick-color-surface-base);\n    --brick-select-trigger-hover-border: var(--brick-color-accent-border);\n    --brick-select-trigger-focus-ring: var(--brick-color-focus-ring);\n    --brick-select-trigger-invalid-border: var(--brick-color-danger-text);\n    --brick-select-trigger-disabled-background: var(--brick-color-surface-subtle);\n    --brick-select-trigger-disabled-foreground: var(--brick-color-text-secondary);\n    --brick-select-trigger-disabled-border: var(--brick-color-border-subtle);\n    --brick-select-trigger-readonly-background: var(--brick-color-surface-subtle);\n    --brick-select-icon-size: 1.125rem;\n    --brick-select-icon-foreground: var(--brick-color-text-secondary);\n\n    display: inline-flex;\n    box-sizing: border-box;\n    min-inline-size: 0;\n    max-inline-size: 100%;\n    min-block-size: var(--brick-select-trigger-min-block-size);\n    align-items: center;\n    justify-content: space-between;\n    gap: var(--brick-select-trigger-gap);\n    padding-inline: var(--brick-select-trigger-padding-inline);\n    border: var(--brick-border-width) solid var(--brick-select-trigger-border);\n    border-radius: var(--brick-select-trigger-radius);\n    background: var(--brick-select-trigger-background);\n    color: var(--brick-select-trigger-foreground);\n    font-family: var(--brick-select-trigger-font-family);\n    font-size: var(--brick-select-trigger-font-size);\n    font-weight: var(--brick-select-trigger-font-weight);\n    letter-spacing: var(--brick-select-trigger-letter-spacing);\n    line-height: var(--brick-select-trigger-line-height);\n    text-align: start;\n    vertical-align: middle;\n    cursor: pointer;\n    transition: background-color var(--brick-motion-duration-fast) var(--brick-motion-easing-standard), border-color var(--brick-motion-duration-fast) var(--brick-motion-easing-standard), box-shadow var(--brick-motion-duration-fast) var(--brick-motion-easing-standard);\n  }\n\n  .brick-select-trigger[data-full-width] { inline-size: 100%; }\n  .brick-select-trigger:not([data-full-width]) { inline-size: fit-content; }\n  .brick-select-trigger[data-variant=\"soft\"] { --brick-select-trigger-background: var(--brick-color-surface-subtle); --brick-select-trigger-border: var(--brick-color-border-subtle); --brick-select-trigger-hover-background: var(--brick-color-accent-soft); }\n  .brick-select-trigger[data-variant=\"underline\"] { --brick-select-trigger-background: transparent; --brick-select-trigger-radius: 0; border-width: 0 0 var(--brick-border-width); }\n  .brick-select-trigger[data-shape=\"sharp\"] { --brick-select-trigger-radius: 0; }\n  .brick-select-trigger[data-shape=\"pill\"] { --brick-select-trigger-radius: var(--brick-radius-full); }\n  .brick-select-trigger[data-size=\"sm\"] { --brick-select-trigger-min-block-size: var(--brick-control-min-block-size-sm); --brick-select-trigger-padding-inline: var(--brick-space-2); --brick-select-trigger-gap: 0.375rem; --brick-select-trigger-font-family: var(--brick-typography-control-sm-font-family); --brick-select-trigger-font-size: var(--brick-typography-control-sm-font-size); --brick-select-trigger-font-weight: var(--brick-typography-control-sm-font-weight); --brick-select-trigger-line-height: var(--brick-typography-control-sm-line-height); --brick-select-trigger-letter-spacing: var(--brick-typography-control-sm-letter-spacing); --brick-select-icon-size: 1rem; }\n  .brick-select-trigger[data-size=\"lg\"] { --brick-select-trigger-min-block-size: var(--brick-control-min-block-size-lg); --brick-select-trigger-padding-inline: var(--brick-space-4); --brick-select-trigger-gap: var(--brick-space-3); --brick-select-trigger-font-family: var(--brick-typography-control-lg-font-family); --brick-select-trigger-font-size: var(--brick-typography-control-lg-font-size); --brick-select-trigger-font-weight: var(--brick-typography-control-lg-font-weight); --brick-select-trigger-line-height: var(--brick-typography-control-lg-line-height); --brick-select-trigger-letter-spacing: var(--brick-typography-control-lg-letter-spacing); --brick-select-icon-size: 1.25rem; }\n\n  .brick-select-value { min-inline-size: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }\n  .brick-select-value[data-placeholder] { color: var(--brick-select-trigger-placeholder); }\n  .brick-select-icon { display: inline-grid; flex: 0 0 auto; inline-size: var(--brick-select-icon-size); block-size: var(--brick-select-icon-size); place-items: center; color: var(--brick-select-icon-foreground); transition: transform var(--brick-motion-duration-fast) var(--brick-motion-easing-standard); }\n  .brick-select-trigger[data-state=\"open\"] .brick-select-icon { transform: rotate(180deg); }\n  .brick-select-direction-artwork, .brick-select-check-artwork { display: block; inline-size: 100%; block-size: 100%; overflow: visible; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.75; }\n\n  .brick-select-trigger:focus-visible { outline: 0; border-color: var(--brick-select-trigger-focus-ring); box-shadow: 0 0 0 var(--brick-border-focus-width) var(--brick-select-trigger-focus-ring); }\n  .brick-select-trigger[data-invalid] { border-color: var(--brick-select-trigger-invalid-border); }\n  .brick-select-trigger[data-disabled] { border-color: var(--brick-select-trigger-disabled-border); background: var(--brick-select-trigger-disabled-background); color: var(--brick-select-trigger-disabled-foreground); cursor: not-allowed; }\n  .brick-select-trigger[data-readonly] { background: var(--brick-select-trigger-readonly-background); cursor: default; }\n\n  .brick-select-content {\n    --brick-select-content-background: var(--brick-color-surface-raised);\n    --brick-select-content-foreground: var(--brick-color-text-primary);\n    --brick-select-content-border: var(--brick-color-border-subtle);\n    --brick-select-content-radius: var(--brick-radius-control);\n    --brick-select-content-shadow: var(--brick-shadow-floating);\n    --brick-select-content-max-block-size: min(20rem, var(--available-height, 20rem));\n    --brick-select-content-padding: var(--brick-space-1);\n    --brick-select-content-z-index: 70;\n    --brick-select-item-min-block-size: var(--brick-control-min-block-size-md);\n    --brick-select-item-padding-inline: var(--brick-space-3);\n    --brick-select-item-gap: var(--brick-space-2);\n    --brick-select-item-highlighted-background: var(--brick-color-accent-soft);\n    --brick-select-item-selected-foreground: var(--brick-color-accent-text);\n    --brick-select-item-disabled-foreground: var(--brick-color-text-muted);\n    --brick-select-indicator-size: 1rem;\n    --brick-select-label-foreground: var(--brick-color-text-secondary);\n    --brick-select-separator-color: var(--brick-color-border-subtle);\n    --brick-select-scroll-button-block-size: 2rem;\n    --brick-select-arrow-size: 0.625rem;\n\n    box-sizing: border-box;\n    min-inline-size: var(--anchor-width);\n    max-inline-size: min(28rem, calc(100vw - 2 * var(--brick-space-3)));\n    max-block-size: var(--brick-select-content-max-block-size);\n    overflow: hidden;\n    border: var(--brick-border-width) solid var(--brick-select-content-border);\n    border-radius: var(--brick-select-content-radius);\n    background: var(--brick-select-content-background);\n    box-shadow: var(--brick-select-content-shadow);\n    color: var(--brick-select-content-foreground);\n    z-index: var(--brick-select-content-z-index);\n  }\n\n  .brick-select-content[data-size=\"sm\"] { --brick-select-item-min-block-size: var(--brick-control-min-block-size-sm); }\n  .brick-select-content[data-size=\"lg\"] { --brick-select-item-min-block-size: var(--brick-control-min-block-size-lg); }\n\n  .brick-select-viewport { box-sizing: border-box; max-block-size: inherit; overflow-y: auto; padding: var(--brick-select-content-padding); overscroll-behavior: contain; scrollbar-width: thin; }\n  .brick-select-group + .brick-select-group { margin-block-start: var(--brick-space-1); }\n  .brick-select-label { padding: var(--brick-space-2) var(--brick-select-item-padding-inline) var(--brick-space-1); color: var(--brick-select-label-foreground); font-size: var(--brick-typography-caption-font-size); font-weight: var(--brick-typography-label-md-font-weight); line-height: var(--brick-typography-caption-line-height); }\n  .brick-select-item { display: grid; box-sizing: border-box; min-inline-size: 0; min-block-size: var(--brick-select-item-min-block-size); grid-template-columns: minmax(0, 1fr) var(--brick-select-indicator-size); align-items: center; gap: var(--brick-select-item-gap); padding-inline: var(--brick-select-item-padding-inline); border-radius: calc(var(--brick-select-content-radius) - var(--brick-border-width)); outline: 0; cursor: pointer; }\n  .brick-select-item[data-highlighted] { background: var(--brick-select-item-highlighted-background); }\n  .brick-select-item[data-selected] { color: var(--brick-select-item-selected-foreground); font-weight: var(--brick-typography-label-md-font-weight); }\n  .brick-select-item[data-disabled] { color: var(--brick-select-item-disabled-foreground); cursor: not-allowed; opacity: 0.65; }\n  .brick-select-item-text { min-inline-size: 0; overflow-wrap: anywhere; }\n  .brick-select-item-indicator { display: inline-grid; inline-size: var(--brick-select-indicator-size); block-size: var(--brick-select-indicator-size); place-items: center; }\n  .brick-select-separator { block-size: var(--brick-border-width); margin: var(--brick-space-1) var(--brick-select-item-padding-inline); background: var(--brick-select-separator-color); }\n  :where(.brick-select-scroll-up, .brick-select-scroll-down) { display: grid; box-sizing: border-box; inline-size: 100%; block-size: var(--brick-select-scroll-button-block-size); place-items: center; padding: var(--brick-space-1); border: 0; background: var(--brick-select-content-background); color: var(--brick-select-content-foreground); }\n  :where(.brick-select-scroll-up, .brick-select-scroll-down) .brick-select-direction-artwork { inline-size: 1rem; block-size: 1rem; }\n  .brick-select-arrow { display: block; inline-size: var(--brick-select-arrow-size); block-size: var(--brick-select-arrow-size); pointer-events: none; }\n  .brick-select-arrow-artwork { display: block; box-sizing: border-box; inline-size: 100%; block-size: 100%; border: var(--brick-border-width) solid var(--brick-select-content-border); background: var(--brick-select-content-background); transform: rotate(45deg); }\n  .brick-select-arrow[data-side=\"bottom\"] { transform: translateY(-50%); }\n  .brick-select-arrow[data-side=\"top\"] { transform: translateY(50%); }\n  .brick-select-arrow[data-side=\"left\"] { transform: translateX(50%); }\n  .brick-select-arrow[data-side=\"right\"] { transform: translateX(-50%); }\n  .brick-select-arrow[data-side=\"bottom\"] .brick-select-arrow-artwork { border-right: 0; border-bottom: 0; }\n  .brick-select-arrow[data-side=\"top\"] .brick-select-arrow-artwork { border-left: 0; border-top: 0; }\n  .brick-select-arrow[data-side=\"left\"] .brick-select-arrow-artwork { border-left: 0; border-bottom: 0; }\n  .brick-select-arrow[data-side=\"right\"] .brick-select-arrow-artwork { border-right: 0; border-top: 0; }\n\n  @media (hover: hover) and (pointer: fine) {\n    .brick-select-trigger:not([data-disabled], [data-readonly], [data-invalid]):hover { border-color: var(--brick-select-trigger-hover-border); background: var(--brick-select-trigger-hover-background); }\n    .brick-select-item:not([data-disabled]):hover { background: var(--brick-select-item-highlighted-background); }\n  }\n  @media (prefers-reduced-motion: reduce) { .brick-select-trigger, .brick-select-icon { transition-duration: 0ms; } }\n  @media (forced-colors: active) {\n    .brick-select-trigger, .brick-select-content { border-color: ButtonText; background: Canvas; color: CanvasText; }\n    .brick-select-trigger:focus-visible, .brick-select-item[data-highlighted] { outline: var(--brick-border-focus-width) solid Highlight; outline-offset: 0; box-shadow: none; }\n    .brick-select-trigger[data-invalid] { border-color: Mark; }\n    .brick-select-trigger[data-disabled], .brick-select-item[data-disabled] { border-color: GrayText; color: GrayText; }\n    .brick-select-item[data-selected] { color: Highlight; }\n    .brick-select-separator { background: ButtonText; }\n  }\n}\n","@layer brick.components {\n  .brick-button {\n    --brick-button-background: var(--brick-button-tone-solid);\n    --brick-button-background-hover: var(--brick-button-tone-solid-hover);\n    --brick-button-background-pressed: var(--brick-button-tone-solid-pressed);\n    --brick-button-foreground: var(--brick-button-tone-on-solid);\n    --brick-button-border-color: var(--brick-button-background);\n    --brick-button-focus-ring: var(--brick-color-focus-ring);\n    --brick-button-min-block-size: var(--brick-control-min-block-size-md);\n    --brick-button-padding-block: 0.5rem;\n    --brick-button-padding-inline: 1rem;\n    --brick-button-gap: 0.5rem;\n    --brick-button-radius: var(--brick-radius-control);\n    --brick-button-font-family: var(--brick-typography-control-md-font-family);\n    --brick-button-font-size: var(--brick-typography-control-md-font-size);\n    --brick-button-font-weight: var(--brick-typography-control-md-font-weight);\n    --brick-button-line-height: var(--brick-typography-control-md-line-height);\n    --brick-button-letter-spacing: var(--brick-typography-control-md-letter-spacing);\n    --brick-button-icon-size: 1.125rem;\n    --brick-action-spinner-size: 1em;\n    --brick-action-spinner-color: var(\n      --brick-button-spinner-color,\n      var(--brick-button-foreground)\n    );\n\n    position: relative;\n    display: inline-flex;\n    box-sizing: border-box;\n    min-inline-size: 0;\n    max-inline-size: 100%;\n    min-block-size: var(--brick-button-min-block-size);\n    align-items: center;\n    justify-content: center;\n    gap: var(--brick-button-gap);\n    padding-block: var(--brick-button-padding-block);\n    padding-inline: var(--brick-button-padding-inline);\n    border: var(--brick-border-width) solid var(--brick-button-border-color);\n    border-radius: var(--brick-button-radius);\n    appearance: none;\n    background: var(--brick-button-background);\n    color: var(--brick-button-foreground);\n    font-family: var(--brick-button-font-family);\n    font-size: var(--brick-button-font-size);\n    font-weight: var(--brick-button-font-weight);\n    letter-spacing: var(--brick-button-letter-spacing);\n    line-height: var(--brick-button-line-height);\n    text-align: center;\n    text-decoration: none;\n    overflow-wrap: anywhere;\n    user-select: none;\n    vertical-align: middle;\n    transition:\n      background-color var(--brick-motion-duration-fast) var(--brick-motion-easing-standard),\n      border-color var(--brick-motion-duration-fast) var(--brick-motion-easing-standard),\n      color var(--brick-motion-duration-fast) var(--brick-motion-easing-standard);\n  }\n\n  .brick-button:not([data-disabled], [data-loading]) {\n    cursor: pointer;\n  }\n\n  .brick-button:focus-visible {\n    outline: var(--brick-border-focus-width) solid var(--brick-button-focus-ring);\n    outline-offset: var(--brick-border-focus-offset);\n  }\n\n  .brick-button:not([data-disabled], [data-loading]):active {\n    background: var(--brick-button-background-pressed);\n    border-color: var(--brick-button-background-pressed);\n  }\n\n  .brick-button[data-variant=\"soft\"]:not([data-disabled], [data-loading]):active,\n  .brick-button[data-variant=\"outline\"]:not([data-disabled], [data-loading]):active {\n    border-color: var(--brick-button-tone-border);\n  }\n\n  .brick-button[data-variant=\"ghost\"]:not([data-disabled], [data-loading]):active {\n    border-color: transparent;\n  }\n\n  .brick-button[data-disabled] {\n    color: var(--brick-color-text-disabled);\n    cursor: not-allowed;\n    opacity: 1;\n  }\n\n  .brick-button[data-disabled]:is([data-variant=\"solid\"], [data-variant=\"soft\"]) {\n    border-color: var(--brick-color-border-subtle);\n    background: var(--brick-color-surface-subtle);\n  }\n\n  .brick-button[data-disabled][data-variant=\"outline\"] {\n    border-color: var(--brick-color-border-subtle);\n    background: transparent;\n  }\n\n  .brick-button[data-disabled][data-variant=\"ghost\"] {\n    border-color: transparent;\n    background: transparent;\n  }\n\n  .brick-button[data-loading] {\n    cursor: progress;\n    color: transparent;\n  }\n\n  .brick-button[data-loading] > * {\n    opacity: 0;\n  }\n\n  .brick-button[data-disabled][data-loading] {\n    --brick-button-spinner-color: var(--brick-color-text-disabled);\n  }\n\n  .brick-button__content {\n    min-inline-size: 0;\n  }\n\n  .brick-button__icon {\n    display: inline-flex;\n    flex: 0 0 auto;\n    align-items: center;\n    justify-content: center;\n  }\n\n  .brick-button__icon > :where(svg, img) {\n    inline-size: var(--brick-button-icon-size);\n    block-size: var(--brick-button-icon-size);\n  }\n\n  .brick-button[data-full-width] {\n    inline-size: 100%;\n  }\n\n  .brick-button[data-shape=\"sharp\"] {\n    --brick-button-radius: 0;\n  }\n\n  .brick-button[data-shape=\"pill\"] {\n    --brick-button-radius: var(--brick-radius-full);\n  }\n\n  .brick-button[data-size=\"xs\"] {\n    --brick-button-min-block-size: var(--brick-control-min-block-size-xs);\n    --brick-button-padding-block: 0.25rem;\n    --brick-button-padding-inline: 0.625rem;\n    --brick-button-gap: 0.375rem;\n    --brick-button-font-size: var(--brick-typography-control-xs-font-size);\n    --brick-button-icon-size: 0.875rem;\n  }\n\n  .brick-button[data-size=\"sm\"] {\n    --brick-button-min-block-size: var(--brick-control-min-block-size-sm);\n    --brick-button-padding-block: 0.375rem;\n    --brick-button-padding-inline: 0.75rem;\n    --brick-button-gap: 0.375rem;\n    --brick-button-font-size: var(--brick-typography-control-sm-font-size);\n    --brick-button-icon-size: 1rem;\n  }\n\n  .brick-button[data-size=\"lg\"] {\n    --brick-button-min-block-size: var(--brick-control-min-block-size-lg);\n    --brick-button-padding-block: 0.625rem;\n    --brick-button-padding-inline: 1.25rem;\n    --brick-button-gap: 0.625rem;\n    --brick-button-font-size: var(--brick-typography-control-lg-font-size);\n    --brick-button-icon-size: 1.25rem;\n  }\n\n  .brick-button[data-size=\"xl\"] {\n    --brick-button-min-block-size: var(--brick-control-min-block-size-xl);\n    --brick-button-padding-block: 0.75rem;\n    --brick-button-padding-inline: 1.5rem;\n    --brick-button-gap: 0.75rem;\n    --brick-button-font-size: var(--brick-typography-control-xl-font-size);\n    --brick-button-icon-size: 1.5rem;\n  }\n\n  .brick-button[data-tone=\"neutral\"] {\n    --brick-button-tone-solid: color-mix(\n      in srgb,\n      var(--brick-color-surface-subtle),\n      var(--brick-color-text-primary) 16%\n    );\n    --brick-button-tone-solid-hover: color-mix(\n      in srgb,\n      var(--brick-color-surface-subtle),\n      var(--brick-color-text-primary) 22%\n    );\n    --brick-button-tone-solid-pressed: color-mix(\n      in srgb,\n      var(--brick-color-surface-subtle),\n      var(--brick-color-text-primary) 28%\n    );\n    --brick-button-tone-on-solid: var(--brick-color-text-primary);\n    --brick-button-tone-soft: var(--brick-color-surface-subtle);\n    --brick-button-tone-soft-hover: var(--brick-color-surface-base);\n    --brick-button-tone-soft-pressed: var(--brick-color-border-subtle);\n    --brick-button-tone-on-soft: var(--brick-color-text-primary);\n    --brick-button-tone-border: var(--brick-color-border-strong);\n    --brick-button-tone-text: var(--brick-color-text-primary);\n  }\n\n  .brick-button[data-tone=\"accent\"] {\n    --brick-button-tone-solid: var(--brick-color-accent-solid);\n    --brick-button-tone-solid-hover: var(--brick-color-accent-solid-hover);\n    --brick-button-tone-solid-pressed: var(--brick-color-accent-solid-pressed);\n    --brick-button-tone-on-solid: var(--brick-color-accent-on-solid);\n    --brick-button-tone-soft: var(--brick-color-accent-soft);\n    --brick-button-tone-soft-hover: var(--brick-color-accent-soft-hover);\n    --brick-button-tone-soft-pressed: var(--brick-color-accent-soft-pressed);\n    --brick-button-tone-on-soft: var(--brick-color-accent-on-soft);\n    --brick-button-tone-border: var(--brick-color-accent-border);\n    --brick-button-tone-text: var(--brick-color-accent-text);\n  }\n\n  .brick-button[data-tone=\"info\"] {\n    --brick-button-tone-solid: var(--brick-color-info-solid);\n    --brick-button-tone-solid-hover: var(--brick-color-info-solid-hover);\n    --brick-button-tone-solid-pressed: var(--brick-color-info-solid-pressed);\n    --brick-button-tone-on-solid: var(--brick-color-info-on-solid);\n    --brick-button-tone-soft: var(--brick-color-info-soft);\n    --brick-button-tone-soft-hover: var(--brick-color-info-soft-hover);\n    --brick-button-tone-soft-pressed: var(--brick-color-info-soft-pressed);\n    --brick-button-tone-on-soft: var(--brick-color-info-on-soft);\n    --brick-button-tone-border: var(--brick-color-info-border);\n    --brick-button-tone-text: var(--brick-color-info-text);\n  }\n\n  .brick-button[data-tone=\"success\"] {\n    --brick-button-tone-solid: var(--brick-color-success-solid);\n    --brick-button-tone-solid-hover: var(--brick-color-success-solid-hover);\n    --brick-button-tone-solid-pressed: var(--brick-color-success-solid-pressed);\n    --brick-button-tone-on-solid: var(--brick-color-success-on-solid);\n    --brick-button-tone-soft: var(--brick-color-success-soft);\n    --brick-button-tone-soft-hover: var(--brick-color-success-soft-hover);\n    --brick-button-tone-soft-pressed: var(--brick-color-success-soft-pressed);\n    --brick-button-tone-on-soft: var(--brick-color-success-on-soft);\n    --brick-button-tone-border: var(--brick-color-success-border);\n    --brick-button-tone-text: var(--brick-color-success-text);\n  }\n\n  .brick-button[data-tone=\"warning\"] {\n    --brick-button-tone-solid: var(--brick-color-warning-solid);\n    --brick-button-tone-solid-hover: var(--brick-color-warning-solid-hover);\n    --brick-button-tone-solid-pressed: var(--brick-color-warning-solid-pressed);\n    --brick-button-tone-on-solid: var(--brick-color-warning-on-solid);\n    --brick-button-tone-soft: var(--brick-color-warning-soft);\n    --brick-button-tone-soft-hover: var(--brick-color-warning-soft-hover);\n    --brick-button-tone-soft-pressed: var(--brick-color-warning-soft-pressed);\n    --brick-button-tone-on-soft: var(--brick-color-warning-on-soft);\n    --brick-button-tone-border: var(--brick-color-warning-border);\n    --brick-button-tone-text: var(--brick-color-warning-text);\n  }\n\n  .brick-button[data-tone=\"danger\"] {\n    --brick-button-tone-solid: var(--brick-color-danger-solid);\n    --brick-button-tone-solid-hover: var(--brick-color-danger-solid-hover);\n    --brick-button-tone-solid-pressed: var(--brick-color-danger-solid-pressed);\n    --brick-button-tone-on-solid: var(--brick-color-danger-on-solid);\n    --brick-button-tone-soft: var(--brick-color-danger-soft);\n    --brick-button-tone-soft-hover: var(--brick-color-danger-soft-hover);\n    --brick-button-tone-soft-pressed: var(--brick-color-danger-soft-pressed);\n    --brick-button-tone-on-soft: var(--brick-color-danger-on-soft);\n    --brick-button-tone-border: var(--brick-color-danger-border);\n    --brick-button-tone-text: var(--brick-color-danger-text);\n  }\n\n  .brick-button[data-variant=\"soft\"] {\n    --brick-button-background: var(--brick-button-tone-soft);\n    --brick-button-background-hover: var(--brick-button-tone-soft-hover);\n    --brick-button-background-pressed: var(--brick-button-tone-soft-pressed);\n    --brick-button-foreground: var(--brick-button-tone-on-soft);\n    --brick-button-border-color: var(--brick-button-tone-border);\n  }\n\n  .brick-button[data-variant=\"outline\"] {\n    --brick-button-background: transparent;\n    --brick-button-background-hover: var(--brick-button-tone-soft);\n    --brick-button-background-pressed: var(--brick-button-tone-soft-hover);\n    --brick-button-foreground: var(--brick-button-tone-text);\n    --brick-button-border-color: var(--brick-button-tone-border);\n  }\n\n  .brick-button[data-variant=\"ghost\"] {\n    --brick-button-background: transparent;\n    --brick-button-background-hover: var(--brick-button-tone-soft);\n    --brick-button-background-pressed: var(--brick-button-tone-soft-hover);\n    --brick-button-foreground: var(--brick-button-tone-text);\n    --brick-button-border-color: transparent;\n  }\n\n  @media (hover: hover) and (pointer: fine) {\n    .brick-button:not([data-disabled], [data-loading]):hover {\n      background: var(--brick-button-background-hover);\n      border-color: var(--brick-button-background-hover);\n    }\n\n    .brick-button[data-variant=\"soft\"]:not([data-disabled], [data-loading]):hover,\n    .brick-button[data-variant=\"outline\"]:not([data-disabled], [data-loading]):hover {\n      border-color: var(--brick-button-tone-border);\n    }\n\n    .brick-button[data-variant=\"ghost\"]:not([data-disabled], [data-loading]):hover {\n      border-color: transparent;\n    }\n  }\n\n  @media (prefers-reduced-motion: reduce) {\n    .brick-button {\n      transition-duration: 0ms;\n    }\n  }\n\n  @media (forced-colors: active) {\n    .brick-button {\n      border-color: ButtonText;\n      background: ButtonFace;\n      color: ButtonText;\n    }\n\n    .brick-button:focus-visible {\n      outline-color: Highlight;\n    }\n\n    .brick-button[data-disabled] {\n      border-color: GrayText;\n      color: GrayText;\n      opacity: 1;\n    }\n  }\n}\n","@layer brick.utilities {\n  .brick-bleed[data-bleed] {\n    box-sizing: border-box;\n    min-inline-size: 0;\n    margin-inline-start: calc(-1 * var(--brick-bleed-inline-start, 0px));\n    margin-inline-end: calc(-1 * var(--brick-bleed-inline-end, 0px));\n    margin-block-start: calc(-1 * var(--brick-bleed-block-start, 0px));\n    margin-block-end: calc(-1 * var(--brick-bleed-block-end, 0px));\n  }\n\n  @media (width >= 30rem) {\n    .brick-bleed[data-bleed] {\n      margin-inline-start: calc(-1 * var(--brick-bleed-inline-start-sm, var(--brick-bleed-inline-start, 0px)));\n      margin-inline-end: calc(-1 * var(--brick-bleed-inline-end-sm, var(--brick-bleed-inline-end, 0px)));\n      margin-block-start: calc(-1 * var(--brick-bleed-block-start-sm, var(--brick-bleed-block-start, 0px)));\n      margin-block-end: calc(-1 * var(--brick-bleed-block-end-sm, var(--brick-bleed-block-end, 0px)));\n    }\n  }\n\n  @media (width >= 48rem) {\n    .brick-bleed[data-bleed] {\n      margin-inline-start: calc(-1 * var(--brick-bleed-inline-start-md, var(--brick-bleed-inline-start-sm, var(--brick-bleed-inline-start, 0px))));\n      margin-inline-end: calc(-1 * var(--brick-bleed-inline-end-md, var(--brick-bleed-inline-end-sm, var(--brick-bleed-inline-end, 0px))));\n      margin-block-start: calc(-1 * var(--brick-bleed-block-start-md, var(--brick-bleed-block-start-sm, var(--brick-bleed-block-start, 0px))));\n      margin-block-end: calc(-1 * var(--brick-bleed-block-end-md, var(--brick-bleed-block-end-sm, var(--brick-bleed-block-end, 0px))));\n    }\n  }\n\n  @media (width >= 64rem) {\n    .brick-bleed[data-bleed] {\n      margin-inline-start: calc(-1 * var(--brick-bleed-inline-start-lg, var(--brick-bleed-inline-start-md, var(--brick-bleed-inline-start-sm, var(--brick-bleed-inline-start, 0px)))));\n      margin-inline-end: calc(-1 * var(--brick-bleed-inline-end-lg, var(--brick-bleed-inline-end-md, var(--brick-bleed-inline-end-sm, var(--brick-bleed-inline-end, 0px)))));\n      margin-block-start: calc(-1 * var(--brick-bleed-block-start-lg, var(--brick-bleed-block-start-md, var(--brick-bleed-block-start-sm, var(--brick-bleed-block-start, 0px)))));\n      margin-block-end: calc(-1 * var(--brick-bleed-block-end-lg, var(--brick-bleed-block-end-md, var(--brick-bleed-block-end-sm, var(--brick-bleed-block-end, 0px)))));\n    }\n  }\n\n  @media (width >= 80rem) {\n    .brick-bleed[data-bleed] {\n      margin-inline-start: calc(-1 * var(--brick-bleed-inline-start-xl, var(--brick-bleed-inline-start-lg, var(--brick-bleed-inline-start-md, var(--brick-bleed-inline-start-sm, var(--brick-bleed-inline-start, 0px))))));\n      margin-inline-end: calc(-1 * var(--brick-bleed-inline-end-xl, var(--brick-bleed-inline-end-lg, var(--brick-bleed-inline-end-md, var(--brick-bleed-inline-end-sm, var(--brick-bleed-inline-end, 0px))))));\n      margin-block-start: calc(-1 * var(--brick-bleed-block-start-xl, var(--brick-bleed-block-start-lg, var(--brick-bleed-block-start-md, var(--brick-bleed-block-start-sm, var(--brick-bleed-block-start, 0px))))));\n      margin-block-end: calc(-1 * var(--brick-bleed-block-end-xl, var(--brick-bleed-block-end-lg, var(--brick-bleed-block-end-md, var(--brick-bleed-block-end-sm, var(--brick-bleed-block-end, 0px))))));\n    }\n  }\n}\n","@layer brick.components {\n  .brick-list {\n    --brick-list-row-gap: 0;\n    --brick-list-row-padding-inline: var(--brick-space-4);\n    --brick-list-row-padding-block: var(--brick-space-3);\n    --brick-list-item-column-gap: var(--brick-space-3);\n    --brick-list-marker-style: disc;\n    --brick-list-marker-color: var(--brick-color-text-secondary);\n    --brick-list-marker-gap: var(--brick-space-4);\n    --brick-list-border-color: var(--brick-color-border-subtle);\n    --brick-list-border-width: var(--brick-border-width);\n    --brick-list-radius: var(--brick-radius-surface);\n    --brick-list-title-color: var(--brick-color-text-primary);\n    --brick-list-description-color: var(--brick-color-text-secondary);\n    --brick-list-leading-color: var(--brick-color-text-secondary);\n    --brick-list-disabled-opacity: 0.55;\n    --brick-list-nested-inset: var(--brick-space-6);\n    --brick-list-part-align: start;\n    --brick-list-title-font-size: var(--brick-typography-body-md-font-size);\n    --brick-list-title-line-height: var(--brick-typography-body-md-line-height);\n    --brick-list-description-font-size: var(--brick-typography-supporting-sm-font-size);\n    --brick-list-description-line-height: var(--brick-typography-supporting-sm-line-height);\n\n    box-sizing: border-box;\n    min-inline-size: 0;\n    max-inline-size: 100%;\n    margin: 0;\n    padding-block: 0;\n    padding-inline-start: calc(var(--brick-list-marker-gap) + 1em);\n    list-style-position: outside;\n    list-style-type: var(--brick-list-marker-style);\n    color: var(--brick-list-title-color);\n  }\n\n  .brick-list[data-ordered] { --brick-list-marker-style: decimal; }\n  .brick-list[data-marker=\"disc\"] { --brick-list-marker-style: disc; }\n  .brick-list[data-marker=\"circle\"] { --brick-list-marker-style: circle; }\n  .brick-list[data-marker=\"square\"] { --brick-list-marker-style: square; }\n  .brick-list[data-marker=\"decimal\"] { --brick-list-marker-style: decimal; }\n  .brick-list[data-marker=\"lower-alpha\"] { --brick-list-marker-style: lower-alpha; }\n  .brick-list[data-marker=\"upper-alpha\"] { --brick-list-marker-style: upper-alpha; }\n  .brick-list[data-marker=\"lower-roman\"] { --brick-list-marker-style: lower-roman; }\n  .brick-list[data-marker=\"upper-roman\"] { --brick-list-marker-style: upper-roman; }\n\n  .brick-list[data-marker=\"none\"] {\n    --brick-list-marker-style: none;\n    padding-inline-start: 0;\n  }\n\n  .brick-list[data-size=\"sm\"] {\n    --brick-list-row-padding-inline: var(--brick-space-3);\n    --brick-list-item-column-gap: var(--brick-space-2);\n    --brick-list-title-font-size: var(--brick-typography-body-sm-font-size);\n    --brick-list-title-line-height: var(--brick-typography-body-sm-line-height);\n    --brick-list-description-font-size: var(--brick-typography-caption-font-size);\n    --brick-list-description-line-height: var(--brick-typography-caption-line-height);\n  }\n\n  .brick-list[data-size=\"lg\"] {\n    --brick-list-row-padding-inline: var(--brick-space-5);\n    --brick-list-item-column-gap: var(--brick-space-4);\n    --brick-list-title-font-size: var(--brick-typography-body-lg-font-size);\n    --brick-list-title-line-height: var(--brick-typography-body-lg-line-height);\n    --brick-list-description-font-size: var(--brick-typography-body-md-font-size);\n    --brick-list-description-line-height: var(--brick-typography-body-md-line-height);\n  }\n\n  .brick-list[data-density=\"compact\"] {\n    --brick-list-row-padding-block: var(--brick-space-1);\n    --brick-list-row-gap: var(--brick-space-1);\n  }\n\n  .brick-list[data-variant=\"divided\"] > .brick-list__item + .brick-list__item,\n  .brick-list[data-variant=\"bordered\"] > .brick-list__item + .brick-list__item {\n    border-block-start: var(--brick-list-border-width) solid var(--brick-list-border-color);\n  }\n\n  .brick-list[data-variant=\"bordered\"] {\n    padding-inline-start: 0;\n    overflow: clip;\n    border: var(--brick-list-border-width) solid var(--brick-list-border-color);\n    border-radius: var(--brick-list-radius);\n    list-style-position: inside;\n  }\n\n  .brick-list[data-variant=\"bordered\"] > .brick-list__item {\n    padding-inline: calc(var(--brick-list-marker-gap) + 1em);\n  }\n\n  .brick-list[data-variant=\"bordered\"][data-marker=\"none\"] > .brick-list__item { padding-inline: 0; }\n\n  .brick-list[data-variant=\"bordered\"] > .brick-list__item > .brick-list__row {\n    display: inline;\n  }\n\n  .brick-list[data-variant=\"bordered\"] > .brick-list__item > .brick-list__row:has(> :where(.brick-list__leading, .brick-list__content, .brick-list__trailing)) {\n    display: inline-grid;\n    inline-size: calc(100% - var(--brick-list-marker-gap) - 1em);\n    vertical-align: top;\n  }\n\n  .brick-list[data-variant=\"bordered\"][data-marker=\"none\"] > .brick-list__item > .brick-list__row { display: block; }\n\n  .brick-list[data-variant=\"bordered\"][data-marker=\"none\"] > .brick-list__item > .brick-list__row:has(> :where(.brick-list__leading, .brick-list__content, .brick-list__trailing)) {\n    display: grid;\n    inline-size: auto;\n  }\n\n  .brick-list__item {\n    box-sizing: border-box;\n    min-inline-size: 0;\n    max-inline-size: 100%;\n    padding-block: var(--brick-list-row-padding-block);\n    padding-inline: var(--brick-list-row-padding-inline);\n    color: var(--brick-list-title-color);\n  }\n\n  .brick-list__item::marker {\n    color: var(--brick-list-marker-color);\n    font-variant-numeric: tabular-nums;\n  }\n\n  .brick-list__item[data-disabled] { opacity: var(--brick-list-disabled-opacity); }\n\n  .brick-list__row {\n    min-inline-size: 0;\n    max-inline-size: 100%;\n    font-family: var(--brick-typography-body-md-font-family);\n    font-size: var(--brick-list-title-font-size);\n    font-weight: var(--brick-typography-body-md-font-weight);\n    letter-spacing: var(--brick-typography-body-md-letter-spacing);\n    line-height: var(--brick-list-title-line-height);\n    overflow-wrap: anywhere;\n  }\n\n  .brick-list__row:has(> :where(.brick-list__leading, .brick-list__content, .brick-list__trailing)) {\n    display: grid;\n    grid-template-columns: auto minmax(0, 1fr) auto;\n    column-gap: var(--brick-list-item-column-gap);\n    align-items: var(--brick-list-part-align);\n  }\n\n  .brick-list__leading,\n  .brick-list__trailing {\n    display: flex;\n    min-inline-size: 0;\n    flex: none;\n    align-items: center;\n    color: var(--brick-list-leading-color);\n  }\n\n  .brick-list__leading { grid-column: 1; }\n  .brick-list__content { grid-column: 2; }\n  .brick-list__trailing { grid-column: 3; justify-content: end; }\n  .brick-list__content:first-child { grid-column-start: 1; }\n  .brick-list__content:last-child { grid-column-end: -1; }\n\n  .brick-list__content,\n  .brick-list__title,\n  .brick-list__description {\n    display: block;\n    min-inline-size: 0;\n    max-inline-size: 100%;\n  }\n\n  .brick-list__title {\n    color: var(--brick-list-title-color);\n    font-family: var(--brick-typography-body-md-font-family);\n    font-size: var(--brick-list-title-font-size);\n    font-weight: var(--brick-typography-body-md-font-weight);\n    letter-spacing: var(--brick-typography-body-md-letter-spacing);\n    line-height: var(--brick-list-title-line-height);\n  }\n\n  .brick-list__description {\n    color: var(--brick-list-description-color);\n    font-family: var(--brick-typography-supporting-sm-font-family);\n    font-size: var(--brick-list-description-font-size);\n    font-weight: var(--brick-typography-supporting-sm-font-weight);\n    letter-spacing: var(--brick-typography-supporting-sm-letter-spacing);\n    line-height: var(--brick-list-description-line-height);\n  }\n\n  .brick-list .brick-list {\n    margin-block-start: var(--brick-list-row-gap);\n    padding-inline-start: var(--brick-list-nested-inset);\n  }\n\n  @media (forced-colors: active) {\n    .brick-list[data-variant=\"divided\"] > .brick-list__item + .brick-list__item,\n    .brick-list[data-variant=\"bordered\"] > .brick-list__item + .brick-list__item,\n    .brick-list[data-variant=\"bordered\"] { border-color: CanvasText; }\n\n    .brick-list__item::marker,\n    .brick-list__leading,\n    .brick-list__description { color: CanvasText; }\n  }\n}\n","@layer brick.components {\n  .brick-multi-select-trigger {\n    --brick-multi-select-trigger-min-block-size: var(--brick-control-min-block-size-md);\n    --brick-multi-select-trigger-padding-inline: var(--brick-space-3);\n    --brick-multi-select-trigger-gap: var(--brick-space-2);\n    --brick-multi-select-trigger-radius: var(--brick-radius-control);\n    --brick-multi-select-trigger-font-family: var(--brick-typography-control-md-font-family);\n    --brick-multi-select-trigger-font-size: var(--brick-typography-control-md-font-size);\n    --brick-multi-select-trigger-font-weight: var(--brick-typography-control-md-font-weight);\n    --brick-multi-select-trigger-line-height: var(--brick-typography-control-md-line-height);\n    --brick-multi-select-trigger-letter-spacing: var(--brick-typography-control-md-letter-spacing);\n    --brick-multi-select-trigger-background: var(--brick-color-surface-raised);\n    --brick-multi-select-trigger-foreground: var(--brick-color-text-primary);\n    --brick-multi-select-trigger-placeholder: var(--brick-color-text-muted);\n    --brick-multi-select-trigger-border: var(--brick-color-border-strong);\n    --brick-multi-select-trigger-hover-background: var(--brick-color-surface-base);\n    --brick-multi-select-trigger-hover-border: var(--brick-color-accent-border);\n    --brick-multi-select-trigger-focus-ring: var(--brick-color-focus-ring);\n    --brick-multi-select-trigger-invalid-border: var(--brick-color-danger-text);\n    --brick-multi-select-trigger-disabled-background: var(--brick-color-surface-subtle);\n    --brick-multi-select-trigger-disabled-foreground: var(--brick-color-text-secondary);\n    --brick-multi-select-trigger-disabled-border: var(--brick-color-border-subtle);\n    --brick-multi-select-trigger-readonly-background: var(--brick-color-surface-subtle);\n    --brick-multi-select-icon-size: 1.125rem;\n    --brick-multi-select-icon-foreground: var(--brick-color-text-secondary);\n\n    display: inline-flex;\n    box-sizing: border-box;\n    min-inline-size: 0;\n    max-inline-size: 100%;\n    min-block-size: var(--brick-multi-select-trigger-min-block-size);\n    align-items: center;\n    justify-content: space-between;\n    gap: var(--brick-multi-select-trigger-gap);\n    padding-inline: var(--brick-multi-select-trigger-padding-inline);\n    border: var(--brick-border-width) solid var(--brick-multi-select-trigger-border);\n    border-radius: var(--brick-multi-select-trigger-radius);\n    background: var(--brick-multi-select-trigger-background);\n    color: var(--brick-multi-select-trigger-foreground);\n    font-family: var(--brick-multi-select-trigger-font-family);\n    font-size: var(--brick-multi-select-trigger-font-size);\n    font-weight: var(--brick-multi-select-trigger-font-weight);\n    letter-spacing: var(--brick-multi-select-trigger-letter-spacing);\n    line-height: var(--brick-multi-select-trigger-line-height);\n    text-align: start;\n    vertical-align: middle;\n    cursor: pointer;\n    transition: background-color var(--brick-motion-duration-fast) var(--brick-motion-easing-standard), border-color var(--brick-motion-duration-fast) var(--brick-motion-easing-standard), box-shadow var(--brick-motion-duration-fast) var(--brick-motion-easing-standard);\n  }\n\n  .brick-multi-select-trigger[data-full-width] { inline-size: 100%; }\n  .brick-multi-select-trigger:not([data-full-width]) { inline-size: fit-content; }\n  .brick-multi-select-trigger[data-variant=\"soft\"] { --brick-multi-select-trigger-background: var(--brick-color-surface-subtle); --brick-multi-select-trigger-border: var(--brick-color-border-subtle); --brick-multi-select-trigger-hover-background: var(--brick-color-accent-soft); }\n  .brick-multi-select-trigger[data-variant=\"underline\"] { --brick-multi-select-trigger-background: transparent; --brick-multi-select-trigger-radius: 0; border-width: 0 0 var(--brick-border-width); }\n  .brick-multi-select-trigger[data-shape=\"sharp\"] { --brick-multi-select-trigger-radius: 0; }\n  .brick-multi-select-trigger[data-shape=\"pill\"] { --brick-multi-select-trigger-radius: var(--brick-radius-full); }\n  .brick-multi-select-trigger[data-size=\"sm\"] { --brick-multi-select-trigger-min-block-size: var(--brick-control-min-block-size-sm); --brick-multi-select-trigger-padding-inline: var(--brick-space-2); --brick-multi-select-trigger-gap: 0.375rem; --brick-multi-select-trigger-font-family: var(--brick-typography-control-sm-font-family); --brick-multi-select-trigger-font-size: var(--brick-typography-control-sm-font-size); --brick-multi-select-trigger-font-weight: var(--brick-typography-control-sm-font-weight); --brick-multi-select-trigger-line-height: var(--brick-typography-control-sm-line-height); --brick-multi-select-trigger-letter-spacing: var(--brick-typography-control-sm-letter-spacing); --brick-multi-select-icon-size: 1rem; }\n  .brick-multi-select-trigger[data-size=\"lg\"] { --brick-multi-select-trigger-min-block-size: var(--brick-control-min-block-size-lg); --brick-multi-select-trigger-padding-inline: var(--brick-space-4); --brick-multi-select-trigger-gap: var(--brick-space-3); --brick-multi-select-trigger-font-family: var(--brick-typography-control-lg-font-family); --brick-multi-select-trigger-font-size: var(--brick-typography-control-lg-font-size); --brick-multi-select-trigger-font-weight: var(--brick-typography-control-lg-font-weight); --brick-multi-select-trigger-line-height: var(--brick-typography-control-lg-line-height); --brick-multi-select-trigger-letter-spacing: var(--brick-typography-control-lg-letter-spacing); --brick-multi-select-icon-size: 1.25rem; }\n\n  .brick-multi-select-value { min-inline-size: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }\n  .brick-multi-select-value[data-placeholder] { color: var(--brick-multi-select-trigger-placeholder); }\n  .brick-multi-select-icon { display: inline-grid; flex: 0 0 auto; inline-size: var(--brick-multi-select-icon-size); block-size: var(--brick-multi-select-icon-size); place-items: center; color: var(--brick-multi-select-icon-foreground); transition: transform var(--brick-motion-duration-fast) var(--brick-motion-easing-standard); }\n  .brick-multi-select-trigger[data-state=\"open\"] .brick-multi-select-icon { transform: rotate(180deg); }\n  .brick-multi-select-direction-artwork, .brick-multi-select-check-artwork { display: block; inline-size: 100%; block-size: 100%; overflow: visible; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.75; }\n\n  .brick-multi-select-trigger:focus-visible { outline: 0; border-color: var(--brick-multi-select-trigger-focus-ring); box-shadow: 0 0 0 var(--brick-border-focus-width) var(--brick-multi-select-trigger-focus-ring); }\n  .brick-multi-select-trigger[data-invalid] { border-color: var(--brick-multi-select-trigger-invalid-border); }\n  .brick-multi-select-trigger[data-disabled] { border-color: var(--brick-multi-select-trigger-disabled-border); background: var(--brick-multi-select-trigger-disabled-background); color: var(--brick-multi-select-trigger-disabled-foreground); cursor: not-allowed; }\n  .brick-multi-select-trigger[data-readonly] { background: var(--brick-multi-select-trigger-readonly-background); cursor: default; }\n\n  .brick-multi-select-content {\n    --brick-multi-select-content-background: var(--brick-color-surface-raised);\n    --brick-multi-select-content-foreground: var(--brick-color-text-primary);\n    --brick-multi-select-content-border: var(--brick-color-border-subtle);\n    --brick-multi-select-content-radius: var(--brick-radius-control);\n    --brick-multi-select-content-shadow: var(--brick-shadow-floating);\n    --brick-multi-select-content-max-block-size: min(20rem, var(--available-height, 20rem));\n    --brick-multi-select-content-padding: var(--brick-space-1);\n    --brick-multi-select-content-z-index: 70;\n    --brick-multi-select-item-min-block-size: var(--brick-control-min-block-size-md);\n    --brick-multi-select-item-padding-inline: var(--brick-space-3);\n    --brick-multi-select-item-gap: var(--brick-space-2);\n    --brick-multi-select-item-highlighted-background: var(--brick-color-accent-soft);\n    --brick-multi-select-item-selected-foreground: var(--brick-color-accent-text);\n    --brick-multi-select-item-disabled-foreground: var(--brick-color-text-muted);\n    --brick-multi-select-indicator-size: 1rem;\n    --brick-multi-select-label-foreground: var(--brick-color-text-secondary);\n    --brick-multi-select-separator-color: var(--brick-color-border-subtle);\n    --brick-multi-select-scroll-button-block-size: 2rem;\n    --brick-multi-select-arrow-size: 0.625rem;\n\n    box-sizing: border-box;\n    min-inline-size: var(--anchor-width);\n    max-inline-size: min(28rem, calc(100vw - 2 * var(--brick-space-3)));\n    max-block-size: var(--brick-multi-select-content-max-block-size);\n    overflow: hidden;\n    border: var(--brick-border-width) solid var(--brick-multi-select-content-border);\n    border-radius: var(--brick-multi-select-content-radius);\n    background: var(--brick-multi-select-content-background);\n    box-shadow: var(--brick-multi-select-content-shadow);\n    color: var(--brick-multi-select-content-foreground);\n    z-index: var(--brick-multi-select-content-z-index);\n  }\n\n  .brick-multi-select-content[data-size=\"sm\"] { --brick-multi-select-item-min-block-size: var(--brick-control-min-block-size-sm); }\n  .brick-multi-select-content[data-size=\"lg\"] { --brick-multi-select-item-min-block-size: var(--brick-control-min-block-size-lg); }\n\n  .brick-multi-select-viewport { box-sizing: border-box; max-block-size: inherit; overflow-y: auto; padding: var(--brick-multi-select-content-padding); overscroll-behavior: contain; scrollbar-width: thin; }\n  .brick-multi-select-group + .brick-multi-select-group { margin-block-start: var(--brick-space-1); }\n  .brick-multi-select-label { padding: var(--brick-space-2) var(--brick-multi-select-item-padding-inline) var(--brick-space-1); color: var(--brick-multi-select-label-foreground); font-size: var(--brick-typography-caption-font-size); font-weight: var(--brick-typography-label-md-font-weight); line-height: var(--brick-typography-caption-line-height); }\n  .brick-multi-select-item { display: grid; box-sizing: border-box; min-inline-size: 0; min-block-size: var(--brick-multi-select-item-min-block-size); grid-template-columns: minmax(0, 1fr) var(--brick-multi-select-indicator-size); align-items: center; gap: var(--brick-multi-select-item-gap); padding-inline: var(--brick-multi-select-item-padding-inline); border-radius: calc(var(--brick-multi-select-content-radius) - var(--brick-border-width)); outline: 0; cursor: pointer; }\n  .brick-multi-select-item[data-highlighted] { background: var(--brick-multi-select-item-highlighted-background); }\n  .brick-multi-select-item[data-state=\"checked\"] { color: var(--brick-multi-select-item-selected-foreground); font-weight: var(--brick-typography-label-md-font-weight); }\n  .brick-multi-select-item[data-disabled] { color: var(--brick-multi-select-item-disabled-foreground); cursor: not-allowed; opacity: 0.65; }\n  .brick-multi-select-item-text { min-inline-size: 0; overflow-wrap: anywhere; }\n  .brick-multi-select-item-indicator { display: inline-grid; inline-size: var(--brick-multi-select-indicator-size); block-size: var(--brick-multi-select-indicator-size); place-items: center; }\n  .brick-multi-select-separator { block-size: var(--brick-border-width); margin: var(--brick-space-1) var(--brick-multi-select-item-padding-inline); background: var(--brick-multi-select-separator-color); }\n  :where(.brick-multi-select-scroll-up, .brick-multi-select-scroll-down) { display: grid; box-sizing: border-box; inline-size: 100%; block-size: var(--brick-multi-select-scroll-button-block-size); place-items: center; padding: var(--brick-space-1); border: 0; background: var(--brick-multi-select-content-background); color: var(--brick-multi-select-content-foreground); }\n  :where(.brick-multi-select-scroll-up, .brick-multi-select-scroll-down) .brick-multi-select-direction-artwork { inline-size: 1rem; block-size: 1rem; }\n  .brick-multi-select-arrow { display: block; inline-size: var(--brick-multi-select-arrow-size); block-size: var(--brick-multi-select-arrow-size); pointer-events: none; }\n  .brick-multi-select-arrow-artwork { display: block; box-sizing: border-box; inline-size: 100%; block-size: 100%; border: var(--brick-border-width) solid var(--brick-multi-select-content-border); background: var(--brick-multi-select-content-background); transform: rotate(45deg); }\n  .brick-multi-select-arrow[data-side=\"bottom\"] { transform: translateY(-50%); }\n  .brick-multi-select-arrow[data-side=\"top\"] { transform: translateY(50%); }\n  .brick-multi-select-arrow[data-side=\"left\"] { transform: translateX(50%); }\n  .brick-multi-select-arrow[data-side=\"right\"] { transform: translateX(-50%); }\n  .brick-multi-select-arrow[data-side=\"bottom\"] .brick-multi-select-arrow-artwork { border-right: 0; border-bottom: 0; }\n  .brick-multi-select-arrow[data-side=\"top\"] .brick-multi-select-arrow-artwork { border-left: 0; border-top: 0; }\n  .brick-multi-select-arrow[data-side=\"left\"] .brick-multi-select-arrow-artwork { border-left: 0; border-bottom: 0; }\n  .brick-multi-select-arrow[data-side=\"right\"] .brick-multi-select-arrow-artwork { border-right: 0; border-top: 0; }\n\n  @media (hover: hover) and (pointer: fine) {\n    .brick-multi-select-trigger:not([data-disabled], [data-readonly], [data-invalid]):hover { border-color: var(--brick-multi-select-trigger-hover-border); background: var(--brick-multi-select-trigger-hover-background); }\n    .brick-multi-select-item:not([data-disabled]):hover { background: var(--brick-multi-select-item-highlighted-background); }\n  }\n  @media (prefers-reduced-motion: reduce) { .brick-multi-select-trigger, .brick-multi-select-icon { transition-duration: 0ms; } }\n  @media (forced-colors: active) {\n    .brick-multi-select-trigger, .brick-multi-select-content { border-color: ButtonText; background: Canvas; color: CanvasText; }\n    .brick-multi-select-trigger:focus-visible, .brick-multi-select-item[data-highlighted] { outline: var(--brick-border-focus-width) solid Highlight; outline-offset: 0; box-shadow: none; }\n    .brick-multi-select-trigger[data-invalid] { border-color: Mark; }\n    .brick-multi-select-trigger[data-disabled], .brick-multi-select-item[data-disabled] { border-color: GrayText; color: GrayText; }\n    .brick-multi-select-item[data-state=\"checked\"] { color: Highlight; }\n    .brick-multi-select-separator { background: ButtonText; }\n  }\n}\n","@layer brick.components {\n  .brick-icon-button {\n    --brick-icon-button-size: var(--brick-control-min-block-size-md);\n    --brick-icon-button-icon-size: 1.125rem;\n    --brick-icon-button-radius: var(--brick-radius-control);\n    --brick-icon-button-background: transparent;\n    --brick-icon-button-background-hover: var(--brick-icon-button-tone-soft);\n    --brick-icon-button-background-pressed: var(--brick-icon-button-tone-soft-pressed);\n    --brick-icon-button-border-color: transparent;\n    --brick-icon-button-foreground: var(--brick-icon-button-tone-text);\n    --brick-icon-button-spinner-color: var(--brick-icon-button-foreground);\n    --brick-action-spinner-size: var(--brick-icon-button-icon-size);\n    --brick-action-spinner-color: var(--brick-icon-button-spinner-color);\n\n    position: relative;\n    display: inline-flex;\n    box-sizing: border-box;\n    flex: 0 0 var(--brick-icon-button-size);\n    inline-size: var(--brick-icon-button-size);\n    min-inline-size: var(--brick-icon-button-size);\n    block-size: var(--brick-icon-button-size);\n    min-block-size: var(--brick-icon-button-size);\n    align-items: center;\n    justify-content: center;\n    padding: 0;\n    border: var(--brick-border-width) solid var(--brick-icon-button-border-color);\n    border-radius: var(--brick-icon-button-radius);\n    appearance: none;\n    background: var(--brick-icon-button-background);\n    color: var(--brick-icon-button-foreground);\n    font: inherit;\n    line-height: 1;\n    text-decoration: none;\n    user-select: none;\n    vertical-align: middle;\n    transition:\n      background-color var(--brick-motion-duration-fast) var(--brick-motion-easing-standard),\n      border-color var(--brick-motion-duration-fast) var(--brick-motion-easing-standard),\n      color var(--brick-motion-duration-fast) var(--brick-motion-easing-standard);\n  }\n\n  .brick-icon-button__icon {\n    display: inline-flex;\n    inline-size: var(--brick-icon-button-icon-size);\n    block-size: var(--brick-icon-button-icon-size);\n    align-items: center;\n    justify-content: center;\n    pointer-events: none;\n  }\n\n  .brick-icon-button__icon > :where(svg, img) {\n    inline-size: 100%;\n    block-size: 100%;\n  }\n\n  .brick-icon-button > :where(svg, img) {\n    inline-size: var(--brick-icon-button-icon-size);\n    block-size: var(--brick-icon-button-icon-size);\n  }\n\n  .brick-icon-button:not([data-disabled], [data-loading]) {\n    cursor: pointer;\n  }\n\n  .brick-icon-button:focus-visible {\n    outline: var(--brick-border-focus-width) solid var(--brick-color-focus-ring);\n    outline-offset: var(--brick-border-focus-offset);\n  }\n\n  .brick-icon-button:not([data-disabled], [data-loading]):active {\n    background: var(--brick-icon-button-background-pressed);\n  }\n\n  .brick-icon-button[data-variant=\"solid\"] {\n    --brick-icon-button-background: var(--brick-icon-button-tone-solid);\n    --brick-icon-button-background-hover: var(--brick-icon-button-tone-solid-hover);\n    --brick-icon-button-background-pressed: var(--brick-icon-button-tone-solid-pressed);\n    --brick-icon-button-border-color: var(--brick-icon-button-tone-solid);\n    --brick-icon-button-foreground: var(--brick-icon-button-tone-on-solid);\n  }\n\n  .brick-icon-button[data-variant=\"soft\"] {\n    --brick-icon-button-background: var(--brick-icon-button-tone-soft);\n    --brick-icon-button-background-hover: var(--brick-icon-button-tone-soft-hover);\n    --brick-icon-button-background-pressed: var(--brick-icon-button-tone-soft-pressed);\n    --brick-icon-button-border-color: var(--brick-icon-button-tone-border);\n    --brick-icon-button-foreground: var(--brick-icon-button-tone-on-soft);\n  }\n\n  .brick-icon-button[data-variant=\"outline\"] {\n    --brick-icon-button-background: transparent;\n    --brick-icon-button-border-color: var(--brick-icon-button-tone-border);\n    --brick-icon-button-foreground: var(--brick-icon-button-tone-text);\n  }\n\n  .brick-icon-button[data-variant=\"ghost\"] {\n    --brick-icon-button-background: transparent;\n    --brick-icon-button-border-color: transparent;\n    --brick-icon-button-foreground: var(--brick-icon-button-tone-text);\n  }\n\n  .brick-icon-button[data-tone=\"neutral\"] {\n    --brick-icon-button-tone-solid: color-mix(\n      in srgb,\n      var(--brick-color-surface-subtle),\n      var(--brick-color-text-primary) 16%\n    );\n    --brick-icon-button-tone-solid-hover: color-mix(\n      in srgb,\n      var(--brick-color-surface-subtle),\n      var(--brick-color-text-primary) 22%\n    );\n    --brick-icon-button-tone-solid-pressed: color-mix(\n      in srgb,\n      var(--brick-color-surface-subtle),\n      var(--brick-color-text-primary) 28%\n    );\n    --brick-icon-button-tone-on-solid: var(--brick-color-text-primary);\n    --brick-icon-button-tone-soft: var(--brick-color-surface-subtle);\n    --brick-icon-button-tone-soft-hover: var(--brick-color-surface-base);\n    --brick-icon-button-tone-soft-pressed: var(--brick-color-border-subtle);\n    --brick-icon-button-tone-on-soft: var(--brick-color-text-primary);\n    --brick-icon-button-tone-border: var(--brick-color-border-strong);\n    --brick-icon-button-tone-text: var(--brick-color-text-primary);\n  }\n\n  .brick-icon-button[data-tone=\"accent\"] {\n    --brick-icon-button-tone-solid: var(--brick-color-accent-solid);\n    --brick-icon-button-tone-solid-hover: var(--brick-color-accent-solid-hover);\n    --brick-icon-button-tone-solid-pressed: var(--brick-color-accent-solid-pressed);\n    --brick-icon-button-tone-on-solid: var(--brick-color-accent-on-solid);\n    --brick-icon-button-tone-soft: var(--brick-color-accent-soft);\n    --brick-icon-button-tone-soft-hover: var(--brick-color-accent-soft-hover);\n    --brick-icon-button-tone-soft-pressed: var(--brick-color-accent-soft-pressed);\n    --brick-icon-button-tone-on-soft: var(--brick-color-accent-on-soft);\n    --brick-icon-button-tone-border: var(--brick-color-accent-border);\n    --brick-icon-button-tone-text: var(--brick-color-accent-text);\n  }\n\n  .brick-icon-button[data-tone=\"info\"] {\n    --brick-icon-button-tone-solid: var(--brick-color-info-solid);\n    --brick-icon-button-tone-solid-hover: var(--brick-color-info-solid-hover);\n    --brick-icon-button-tone-solid-pressed: var(--brick-color-info-solid-pressed);\n    --brick-icon-button-tone-on-solid: var(--brick-color-info-on-solid);\n    --brick-icon-button-tone-soft: var(--brick-color-info-soft);\n    --brick-icon-button-tone-soft-hover: var(--brick-color-info-soft-hover);\n    --brick-icon-button-tone-soft-pressed: var(--brick-color-info-soft-pressed);\n    --brick-icon-button-tone-on-soft: var(--brick-color-info-on-soft);\n    --brick-icon-button-tone-border: var(--brick-color-info-border);\n    --brick-icon-button-tone-text: var(--brick-color-info-text);\n  }\n\n  .brick-icon-button[data-tone=\"success\"] {\n    --brick-icon-button-tone-solid: var(--brick-color-success-solid);\n    --brick-icon-button-tone-solid-hover: var(--brick-color-success-solid-hover);\n    --brick-icon-button-tone-solid-pressed: var(--brick-color-success-solid-pressed);\n    --brick-icon-button-tone-on-solid: var(--brick-color-success-on-solid);\n    --brick-icon-button-tone-soft: var(--brick-color-success-soft);\n    --brick-icon-button-tone-soft-hover: var(--brick-color-success-soft-hover);\n    --brick-icon-button-tone-soft-pressed: var(--brick-color-success-soft-pressed);\n    --brick-icon-button-tone-on-soft: var(--brick-color-success-on-soft);\n    --brick-icon-button-tone-border: var(--brick-color-success-border);\n    --brick-icon-button-tone-text: var(--brick-color-success-text);\n  }\n\n  .brick-icon-button[data-tone=\"warning\"] {\n    --brick-icon-button-tone-solid: var(--brick-color-warning-solid);\n    --brick-icon-button-tone-solid-hover: var(--brick-color-warning-solid-hover);\n    --brick-icon-button-tone-solid-pressed: var(--brick-color-warning-solid-pressed);\n    --brick-icon-button-tone-on-solid: var(--brick-color-warning-on-solid);\n    --brick-icon-button-tone-soft: var(--brick-color-warning-soft);\n    --brick-icon-button-tone-soft-hover: var(--brick-color-warning-soft-hover);\n    --brick-icon-button-tone-soft-pressed: var(--brick-color-warning-soft-pressed);\n    --brick-icon-button-tone-on-soft: var(--brick-color-warning-on-soft);\n    --brick-icon-button-tone-border: var(--brick-color-warning-border);\n    --brick-icon-button-tone-text: var(--brick-color-warning-text);\n  }\n\n  .brick-icon-button[data-tone=\"danger\"] {\n    --brick-icon-button-tone-solid: var(--brick-color-danger-solid);\n    --brick-icon-button-tone-solid-hover: var(--brick-color-danger-solid-hover);\n    --brick-icon-button-tone-solid-pressed: var(--brick-color-danger-solid-pressed);\n    --brick-icon-button-tone-on-solid: var(--brick-color-danger-on-solid);\n    --brick-icon-button-tone-soft: var(--brick-color-danger-soft);\n    --brick-icon-button-tone-soft-hover: var(--brick-color-danger-soft-hover);\n    --brick-icon-button-tone-soft-pressed: var(--brick-color-danger-soft-pressed);\n    --brick-icon-button-tone-on-soft: var(--brick-color-danger-on-soft);\n    --brick-icon-button-tone-border: var(--brick-color-danger-border);\n    --brick-icon-button-tone-text: var(--brick-color-danger-text);\n  }\n\n  .brick-icon-button[data-size=\"xs\"] {\n    --brick-icon-button-size: var(--brick-control-min-block-size-xs);\n    --brick-icon-button-icon-size: 0.875rem;\n  }\n\n  .brick-icon-button[data-size=\"sm\"] {\n    --brick-icon-button-size: var(--brick-control-min-block-size-sm);\n    --brick-icon-button-icon-size: 1rem;\n  }\n\n  .brick-icon-button[data-size=\"lg\"] {\n    --brick-icon-button-size: var(--brick-control-min-block-size-lg);\n    --brick-icon-button-icon-size: 1.25rem;\n  }\n\n  .brick-icon-button[data-size=\"xl\"] {\n    --brick-icon-button-size: var(--brick-control-min-block-size-xl);\n    --brick-icon-button-icon-size: 1.5rem;\n  }\n\n  .brick-icon-button[data-shape=\"circle\"] {\n    --brick-icon-button-radius: var(--brick-radius-full);\n  }\n\n  .brick-icon-button[data-disabled] {\n    border-color: var(--brick-color-border-subtle);\n    background: var(--brick-color-surface-subtle);\n    color: var(--brick-color-text-disabled);\n    cursor: not-allowed;\n    opacity: 0.55;\n  }\n\n  .brick-icon-button[data-loading] {\n    color: transparent;\n    cursor: progress;\n  }\n\n  .brick-icon-button[data-loading] > * {\n    opacity: 0;\n  }\n\n  @media (hover: hover) and (pointer: fine) {\n    .brick-icon-button:not([data-disabled], [data-loading]):hover {\n      border-color: var(--brick-icon-button-border-color);\n      background: var(--brick-icon-button-background-hover);\n    }\n  }\n\n  .brick-icon-button[aria-expanded=\"true\"]:not([data-disabled], [data-loading]) {\n    border-color: var(--brick-icon-button-border-color);\n    background: var(--brick-icon-button-background-pressed);\n  }\n\n  @media (prefers-reduced-motion: reduce) {\n    .brick-icon-button {\n      transition-duration: 0ms;\n    }\n  }\n\n  @media (forced-colors: active) {\n    .brick-icon-button {\n      border-color: ButtonText;\n      background: ButtonFace;\n      color: ButtonText;\n    }\n\n    .brick-icon-button:focus-visible {\n      outline-color: Highlight;\n    }\n\n    .brick-icon-button[data-disabled] {\n      border-color: GrayText;\n      color: GrayText;\n      opacity: 1;\n    }\n  }\n}\n","@layer brick.components {\n  .brick-show { display: contents !important; }\n  @media (width < 30rem) { .brick-show[data-from=\"sm\"] { display: none !important; } }\n  @media (width < 48rem) { .brick-show[data-from=\"md\"] { display: none !important; } }\n  @media (width < 64rem) { .brick-show[data-from=\"lg\"] { display: none !important; } }\n  @media (width < 80rem) { .brick-show[data-from=\"xl\"] { display: none !important; } }\n}\n","@layer brick.components {\n  .brick-hide { display: contents !important; }\n  @media (width >= 30rem) { .brick-hide[data-from=\"sm\"] { display: none !important; } }\n  @media (width >= 48rem) { .brick-hide[data-from=\"md\"] { display: none !important; } }\n  @media (width >= 64rem) { .brick-hide[data-from=\"lg\"] { display: none !important; } }\n  @media (width >= 80rem) { .brick-hide[data-from=\"xl\"] { display: none !important; } }\n}\n","@layer brick.components {\n  .brick-combobox-control {\n    --brick-combobox-min-block-size: var(--brick-control-min-block-size-md); --brick-combobox-padding-inline: var(--brick-space-3); --brick-combobox-radius: var(--brick-radius-control); --brick-combobox-background: var(--brick-color-surface-raised); --brick-combobox-border: var(--brick-color-border-strong); --brick-combobox-foreground: var(--brick-color-text-primary); --brick-combobox-placeholder: var(--brick-color-text-muted); --brick-combobox-focus: var(--brick-color-focus-ring); --brick-combobox-invalid: var(--brick-color-danger-text);\n    display:inline-flex;box-sizing:border-box;min-inline-size:0;max-inline-size:100%;min-block-size:var(--brick-combobox-min-block-size);align-items:center;gap:var(--brick-space-1);padding-inline:var(--brick-combobox-padding-inline);border:var(--brick-border-width) solid var(--brick-combobox-border);border-radius:var(--brick-combobox-radius);background:var(--brick-combobox-background);color:var(--brick-combobox-foreground);transition:border-color var(--brick-motion-duration-fast) var(--brick-motion-easing-standard),box-shadow var(--brick-motion-duration-fast) var(--brick-motion-easing-standard),background-color var(--brick-motion-duration-fast) var(--brick-motion-easing-standard)\n  }\n  .brick-combobox-control[data-full-width]{inline-size:100%}.brick-combobox-control:not([data-full-width]){inline-size:fit-content}.brick-combobox-control[data-variant=\"soft\"]{--brick-combobox-background:var(--brick-color-surface-subtle);--brick-combobox-border:var(--brick-color-border-subtle)}.brick-combobox-control[data-variant=\"underline\"]{--brick-combobox-background:transparent;--brick-combobox-radius:0;border-width:0 0 var(--brick-border-width)}.brick-combobox-control[data-shape=\"sharp\"]{--brick-combobox-radius:0}.brick-combobox-control[data-shape=\"pill\"]{--brick-combobox-radius:var(--brick-radius-full)}.brick-combobox-control[data-size=\"sm\"]{--brick-combobox-min-block-size:var(--brick-control-min-block-size-sm);--brick-combobox-padding-inline:var(--brick-space-2)}.brick-combobox-control[data-size=\"lg\"]{--brick-combobox-min-block-size:var(--brick-control-min-block-size-lg);--brick-combobox-padding-inline:var(--brick-space-4)}\n  .brick-combobox-input{box-sizing:border-box;min-inline-size:0;inline-size:100%;min-block-size:calc(var(--brick-combobox-min-block-size) - 2 * var(--brick-border-width));padding:0;border:0;outline:0;background:transparent;color:inherit;font:inherit}.brick-combobox-input::placeholder{color:var(--brick-combobox-placeholder)}.brick-combobox-control:has(.brick-combobox-input:focus-visible){border-color:var(--brick-combobox-focus);box-shadow:0 0 0 var(--brick-border-focus-width) var(--brick-combobox-focus)}.brick-combobox-control:has(.brick-combobox-input[data-invalid]){border-color:var(--brick-combobox-invalid)}.brick-combobox-control:has(.brick-combobox-input[data-disabled]){background:var(--brick-color-surface-subtle);color:var(--brick-color-text-secondary);cursor:not-allowed}.brick-combobox-control:has(.brick-combobox-input[data-readonly]){background:var(--brick-color-surface-subtle)}\n  .brick-combobox-clear,.brick-combobox-trigger{display:inline-grid;flex:0 0 auto;inline-size:1.75rem;block-size:1.75rem;place-items:center;padding:0;border:0;border-radius:var(--brick-radius-subtle);background:transparent;color:var(--brick-color-text-secondary);cursor:pointer}.brick-combobox-indicator{display:inline-grid;place-items:center}.brick-combobox-clear[data-hidden]{display:none}.brick-combobox-clear:focus-visible,.brick-combobox-trigger:focus-visible{outline:var(--brick-border-focus-width) solid var(--brick-combobox-focus);outline-offset:1px}.brick-combobox-clear-artwork,.brick-combobox-indicator-artwork{inline-size:1rem;block-size:1rem;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.75}.brick-combobox-trigger[data-state=\"open\"] .brick-combobox-indicator{transform:rotate(180deg)}.brick-combobox-trigger:disabled{cursor:not-allowed}\n  .brick-combobox-content{--brick-combobox-popup-radius:var(--brick-radius-control);--brick-combobox-item-min-block-size:var(--brick-control-min-block-size-md);box-sizing:border-box;max-inline-size:min(28rem,calc(100vw - 2 * var(--brick-space-3)));max-block-size:min(20rem,var(--available-height,20rem));overflow:hidden;border:var(--brick-border-width) solid var(--brick-color-border-subtle);border-radius:var(--brick-combobox-popup-radius);background:var(--brick-color-surface-raised);box-shadow:var(--brick-shadow-floating);color:var(--brick-color-text-primary);z-index:70}.brick-combobox-content[data-size=\"sm\"]{--brick-combobox-item-min-block-size:var(--brick-control-min-block-size-sm)}.brick-combobox-content[data-size=\"lg\"]{--brick-combobox-item-min-block-size:var(--brick-control-min-block-size-lg)}.brick-combobox-listbox{box-sizing:border-box;max-block-size:inherit;overflow-y:auto;padding:var(--brick-space-1);overscroll-behavior:contain;scrollbar-width:thin;outline:0}.brick-combobox-group+.brick-combobox-group{margin-block-start:var(--brick-space-1)}.brick-combobox-label{display:block;padding:var(--brick-space-2) var(--brick-space-3) var(--brick-space-1);color:var(--brick-color-text-secondary);font-size:var(--brick-typography-caption-font-size);font-weight:var(--brick-typography-label-md-font-weight)}label.brick-combobox-label{padding-inline:0;color:var(--brick-color-text-primary)}.brick-combobox-item{display:grid;box-sizing:border-box;min-block-size:var(--brick-combobox-item-min-block-size);grid-template-columns:minmax(0,1fr) 1rem;align-items:center;gap:var(--brick-space-2);padding-inline:var(--brick-space-3);border-radius:calc(var(--brick-combobox-popup-radius) - var(--brick-border-width));outline:0;cursor:pointer;overflow-wrap:anywhere}.brick-combobox-item::after{content:\"\";inline-size:.65rem;block-size:.35rem;border-inline-start:2px solid currentColor;border-block-end:2px solid currentColor;transform:rotate(-45deg);opacity:0}.brick-combobox-item[data-state=\"checked\"]::after{opacity:1}.brick-combobox-item[data-highlighted]{background:var(--brick-color-accent-soft)}.brick-combobox-item[data-state=\"checked\"]{color:var(--brick-color-accent-text);font-weight:var(--brick-typography-label-md-font-weight)}.brick-combobox-item[data-disabled]{color:var(--brick-color-text-muted);cursor:not-allowed;opacity:.65}.brick-combobox-message{padding:var(--brick-space-3);color:var(--brick-color-text-secondary)}\n  @media (hover:hover) and (pointer:fine){.brick-combobox-control:not([data-disabled],[data-readonly],[data-invalid]):hover{border-color:var(--brick-color-accent-border)}.brick-combobox-item:not([data-disabled]):hover{background:var(--brick-color-accent-soft)}}@media (prefers-reduced-motion:reduce){.brick-combobox-control,.brick-combobox-indicator{transition-duration:0ms}}@media (forced-colors:active){.brick-combobox-control,.brick-combobox-content{border-color:ButtonText;background:Canvas;color:CanvasText}.brick-combobox-control:has(.brick-combobox-input:focus-visible),.brick-combobox-item[data-highlighted]{outline:var(--brick-border-focus-width) solid Highlight;box-shadow:none}.brick-combobox-item[data-disabled]{color:GrayText}.brick-combobox-item[data-state=\"checked\"]{color:Highlight}}\n}\n","@layer brick.components {\n  .brick-icon {\n    --brick-icon-size-2xs: 0.75rem;\n    --brick-icon-size-xs: 1rem;\n    --brick-icon-size-sm: 1.25rem;\n    --brick-icon-size-md: 1.5rem;\n    --brick-icon-size-lg: 2rem;\n    --brick-icon-size-xl: 2.5rem;\n    --brick-icon-size: var(--brick-icon-size-md);\n    --brick-icon-color: currentcolor;\n    --brick-icon-vertical-align: middle;\n    --brick-icon-direction-scale: 1;\n\n    box-sizing: border-box;\n    display: inline-flex;\n    flex: 0 0 var(--brick-icon-size);\n    inline-size: var(--brick-icon-size);\n    block-size: var(--brick-icon-size);\n    align-items: center;\n    justify-content: center;\n    vertical-align: var(--brick-icon-vertical-align);\n    color: var(--brick-icon-color);\n    transform: scaleX(var(--brick-icon-direction-scale));\n  }\n\n  .brick-icon > svg {\n    display: block;\n    inline-size: 100%;\n    block-size: 100%;\n  }\n\n  svg.brick-icon {\n    display: block;\n  }\n\n  .brick-icon[data-size=\"2xs\"] { --brick-icon-size: var(--brick-icon-size-2xs); }\n  .brick-icon[data-size=\"xs\"] { --brick-icon-size: var(--brick-icon-size-xs); }\n  .brick-icon[data-size=\"sm\"] { --brick-icon-size: var(--brick-icon-size-sm); }\n  .brick-icon[data-size=\"lg\"] { --brick-icon-size: var(--brick-icon-size-lg); }\n  .brick-icon[data-size=\"xl\"] { --brick-icon-size: var(--brick-icon-size-xl); }\n\n  .brick-icon[data-tone=\"primary\"] { --brick-icon-color: var(--brick-color-text-primary); }\n  .brick-icon[data-tone=\"secondary\"] { --brick-icon-color: var(--brick-color-text-secondary); }\n  .brick-icon[data-tone=\"muted\"] { --brick-icon-color: var(--brick-color-text-muted); }\n  .brick-icon[data-tone=\"accent\"] { --brick-icon-color: var(--brick-color-accent-text); }\n  .brick-icon[data-tone=\"info\"] { --brick-icon-color: var(--brick-color-info-text); }\n  .brick-icon[data-tone=\"success\"] { --brick-icon-color: var(--brick-color-success-text); }\n  .brick-icon[data-tone=\"warning\"] { --brick-icon-color: var(--brick-color-warning-text); }\n  .brick-icon[data-tone=\"danger\"] { --brick-icon-color: var(--brick-color-danger-text); }\n\n  [dir=\"rtl\"] .brick-icon[data-directional] {\n    --brick-icon-direction-scale: -1;\n  }\n\n  @media (forced-colors: active) {\n    .brick-icon:not([data-tone=\"inherit\"]) {\n      --brick-icon-color: CanvasText;\n    }\n  }\n}\n","@layer brick.components {\n  .brick-reorderable-list {\n    --brick-reorderable-list-gap: var(--brick-space-3);\n    --brick-reorderable-list-item-background: var(--brick-color-surface-base);\n    --brick-reorderable-list-item-border: var(--brick-color-border-subtle);\n    --brick-reorderable-list-item-radius: var(--brick-radius-surface);\n    --brick-reorderable-list-item-padding-block: var(--brick-space-3);\n    --brick-reorderable-list-item-padding-inline: var(--brick-space-3);\n    --brick-reorderable-list-item-gap: var(--brick-space-3);\n    --brick-reorderable-list-item-shadow: var(--brick-shadow-floating);\n    --brick-reorderable-list-target-background: var(--brick-color-accent-soft);\n    --brick-reorderable-list-handle-background: transparent;\n    --brick-reorderable-list-handle-background-hover: var(--brick-color-surface-subtle);\n    --brick-reorderable-list-control-foreground: var(--brick-color-text-secondary);\n    --brick-reorderable-list-control-foreground-hover: var(--brick-color-text-primary);\n    --brick-reorderable-list-control-size: 2.75rem;\n    --brick-reorderable-list-control-radius: var(--brick-radius-control);\n    --brick-reorderable-list-action-gap: var(--brick-space-1);\n    --brick-reorderable-list-content-min-inline-size: 8rem;\n    --brick-reorderable-list-focus-ring: var(--brick-color-focus-ring);\n    --brick-reorderable-list-indicator-color: var(--brick-color-accent-solid);\n    --brick-reorderable-list-indicator-size: 0.1875rem;\n    --brick-reorderable-list-dragging-opacity: 0.82;\n    --brick-reorderable-list-transition-duration: var(--brick-motion-duration-fast);\n    --brick-reorderable-list-horizontal-item-min-inline-size: 22rem;\n\n    box-sizing: border-box;\n    display: grid;\n    gap: var(--brick-reorderable-list-gap);\n    inline-size: 100%;\n    min-inline-size: 0;\n    max-inline-size: 100%;\n    margin: 0;\n    padding: 0;\n    list-style: none;\n  }\n\n  .brick-reorderable-list[data-orientation=\"horizontal\"] {\n    grid-auto-columns: minmax(var(--brick-reorderable-list-horizontal-item-min-inline-size), 1fr);\n    grid-auto-flow: column;\n    overflow-x: auto;\n    overscroll-behavior-inline: contain;\n  }\n\n  .brick-reorderable-list__item {\n    position: relative;\n    isolation: isolate;\n    box-sizing: border-box;\n    display: flex;\n    flex-wrap: wrap;\n    align-items: center;\n    gap: var(--brick-reorderable-list-item-gap);\n    min-inline-size: 0;\n    max-inline-size: 100%;\n    padding-block: var(--brick-reorderable-list-item-padding-block);\n    padding-inline: var(--brick-reorderable-list-item-padding-inline);\n    border: var(--brick-border-width) solid transparent;\n    border-radius: var(--brick-reorderable-list-item-radius);\n    background: var(--brick-reorderable-list-item-background);\n    color: var(--brick-color-text-primary);\n    transition:\n      background-color var(--brick-reorderable-list-transition-duration) var(--brick-motion-easing-standard),\n      border-color var(--brick-reorderable-list-transition-duration) var(--brick-motion-easing-standard),\n      box-shadow var(--brick-reorderable-list-transition-duration) var(--brick-motion-easing-standard),\n      opacity var(--brick-reorderable-list-transition-duration) var(--brick-motion-easing-standard);\n  }\n\n  .brick-reorderable-list[data-variant=\"outline\"] > .brick-reorderable-list__item {\n    border-color: var(--brick-reorderable-list-item-border);\n  }\n\n  .brick-reorderable-list[data-variant=\"soft\"] > .brick-reorderable-list__item {\n    background: var(--brick-color-surface-subtle);\n  }\n\n  .brick-reorderable-list__item[data-drop-target] {\n    background: var(--brick-reorderable-list-target-background);\n  }\n\n  .brick-reorderable-list__item[data-dragging] {\n    z-index: 2;\n    box-shadow: var(--brick-reorderable-list-item-shadow);\n    opacity: var(--brick-reorderable-list-dragging-opacity);\n  }\n\n  .brick-reorderable-list__item[data-disabled] {\n    color: var(--brick-color-text-disabled);\n    opacity: 0.55;\n  }\n\n  .brick-reorderable-list__content {\n    flex: 1 1 var(--brick-reorderable-list-content-min-inline-size);\n    min-inline-size: min(100%, var(--brick-reorderable-list-content-min-inline-size));\n    max-inline-size: 100%;\n    overflow-wrap: anywhere;\n  }\n\n  .brick-reorderable-list__actions {\n    display: flex;\n    flex: none;\n    align-items: center;\n    justify-content: end;\n    gap: var(--brick-reorderable-list-action-gap);\n    min-inline-size: 0;\n    margin-inline-start: auto;\n  }\n\n  .brick-reorderable-list__handle,\n  .brick-reorderable-list__move {\n    display: inline-flex;\n    box-sizing: border-box;\n    inline-size: var(--brick-reorderable-list-control-size);\n    min-inline-size: var(--brick-reorderable-list-control-size);\n    block-size: var(--brick-reorderable-list-control-size);\n    min-block-size: var(--brick-reorderable-list-control-size);\n    align-items: center;\n    justify-content: center;\n    padding: 0;\n    border: var(--brick-border-width) solid transparent;\n    border-radius: var(--brick-reorderable-list-control-radius);\n    appearance: none;\n    background: var(--brick-reorderable-list-handle-background);\n    color: var(--brick-reorderable-list-control-foreground);\n    font: inherit;\n    user-select: none;\n    touch-action: none;\n  }\n\n  .brick-reorderable-list__move { touch-action: manipulation; }\n\n  .brick-reorderable-list__handle:not([data-disabled]),\n  .brick-reorderable-list__move:not(:disabled) { cursor: pointer; }\n\n  .brick-reorderable-list__handle:not([data-disabled]):hover,\n  .brick-reorderable-list__move:not(:disabled):hover {\n    background: var(--brick-reorderable-list-handle-background-hover);\n    color: var(--brick-reorderable-list-control-foreground-hover);\n  }\n\n  .brick-reorderable-list__handle:focus-visible,\n  .brick-reorderable-list__move:focus-visible {\n    outline: var(--brick-border-focus-width) solid var(--brick-reorderable-list-focus-ring);\n    outline-offset: var(--brick-border-focus-offset);\n  }\n\n  .brick-reorderable-list__handle[data-disabled],\n  .brick-reorderable-list__move:disabled {\n    color: var(--brick-color-text-disabled);\n    cursor: not-allowed;\n  }\n\n  .brick-reorderable-list__drop-indicator {\n    position: absolute;\n    z-index: 3;\n    pointer-events: none;\n    background: var(--brick-reorderable-list-indicator-color);\n    border-radius: var(--brick-radius-full);\n  }\n\n  .brick-reorderable-list__drop-indicator[data-state=\"inactive\"] { display: none; }\n\n  .brick-reorderable-list[data-orientation=\"vertical\"] .brick-reorderable-list__drop-indicator {\n    inset-inline: 0;\n    block-size: var(--brick-reorderable-list-indicator-size);\n  }\n\n  .brick-reorderable-list[data-orientation=\"vertical\"] .brick-reorderable-list__drop-indicator[data-position=\"before\"] { inset-block-start: calc(var(--brick-reorderable-list-gap) / -2); }\n  .brick-reorderable-list[data-orientation=\"vertical\"] .brick-reorderable-list__drop-indicator[data-position=\"after\"] { inset-block-end: calc(var(--brick-reorderable-list-gap) / -2); }\n\n  .brick-reorderable-list[data-orientation=\"horizontal\"] .brick-reorderable-list__drop-indicator {\n    inset-block: 0;\n    inline-size: var(--brick-reorderable-list-indicator-size);\n  }\n\n  .brick-reorderable-list[data-orientation=\"horizontal\"] .brick-reorderable-list__drop-indicator[data-position=\"before\"] { inset-inline-start: calc(var(--brick-reorderable-list-gap) / -2); }\n  .brick-reorderable-list[data-orientation=\"horizontal\"] .brick-reorderable-list__drop-indicator[data-position=\"after\"] { inset-inline-end: calc(var(--brick-reorderable-list-gap) / -2); }\n\n  .brick-reorderable-list[data-size=\"sm\"] {\n    --brick-reorderable-list-gap: var(--brick-space-2);\n    --brick-reorderable-list-item-padding-block: var(--brick-space-2);\n    --brick-reorderable-list-item-padding-inline: var(--brick-space-2);\n    --brick-reorderable-list-item-gap: var(--brick-space-2);\n  }\n\n  .brick-reorderable-list[data-size=\"lg\"] {\n    --brick-reorderable-list-gap: var(--brick-space-4);\n    --brick-reorderable-list-item-padding-block: var(--brick-space-4);\n    --brick-reorderable-list-item-padding-inline: var(--brick-space-4);\n    --brick-reorderable-list-item-gap: var(--brick-space-4);\n  }\n\n  @media (prefers-reduced-motion: reduce) {\n    .brick-reorderable-list__item { transition-duration: 0s; }\n  }\n\n  @media (forced-colors: active) {\n    .brick-reorderable-list__item,\n    .brick-reorderable-list[data-variant=\"outline\"] > .brick-reorderable-list__item { border-color: CanvasText; }\n    .brick-reorderable-list__item[data-drop-target] { outline: 2px dashed Highlight; }\n    .brick-reorderable-list__handle:focus-visible,\n    .brick-reorderable-list__move:focus-visible { outline-color: Highlight; }\n    .brick-reorderable-list__drop-indicator { background: Highlight; }\n  }\n}\n","@layer brick.components {\n  .brick-surface {\n    --brick-surface-background: var(--brick-color-surface-base);\n    --brick-surface-foreground: var(--brick-color-text-primary);\n    --brick-surface-border-color: var(--brick-color-border-subtle);\n    --brick-surface-border-width: 0rem;\n    --brick-surface-elevation-none: none;\n    --brick-surface-elevation-low: 0 0.25rem 0.75rem\n      color-mix(in srgb, var(--brick-color-shadow), transparent 58%);\n    --brick-surface-elevation-medium: 0 0.75rem 2rem\n      color-mix(in srgb, var(--brick-color-shadow), transparent 38%);\n    --brick-surface-elevation-high: 0 1.5rem 4.5rem\n      color-mix(in srgb, var(--brick-color-shadow), transparent 18%);\n    --brick-surface-shadow: var(--brick-surface-elevation-none);\n    --brick-surface-radius: var(--brick-radius-surface);\n    --brick-surface-inset-none: var(--brick-space-0);\n    --brick-surface-inset-sm: var(--brick-space-3);\n    --brick-surface-inset-md: var(--brick-space-5);\n    --brick-surface-inset-lg: var(--brick-space-6);\n    --brick-surface-inset-xl: calc(\n      var(--brick-space-6) + var(--brick-space-4)\n    );\n    --brick-surface-inset-2xl: calc(\n      var(--brick-space-6) + var(--brick-space-6)\n    );\n    --brick-surface-padding: var(--brick-surface-inset-none);\n    --brick-surface-scrim-color: var(--brick-color-scrim);\n    /* Strength is perceptual: intensity and directional reach move together. */\n    --brick-surface-scrim-soft: color-mix(\n      in srgb,\n      var(--brick-surface-scrim-color),\n      transparent 76%\n    );\n    --brick-surface-scrim-medium: color-mix(\n      in srgb,\n      var(--brick-surface-scrim-color),\n      transparent 44%\n    );\n    --brick-surface-scrim-strong: color-mix(\n      in srgb,\n      var(--brick-surface-scrim-color),\n      transparent 8%\n    );\n    --brick-surface-scrim-gradient-stop-soft: 68%;\n    --brick-surface-scrim-gradient-stop-medium: 82%;\n    --brick-surface-scrim-gradient-stop-strong: 94%;\n\n    box-sizing: border-box;\n    min-inline-size: 0;\n    max-inline-size: 100%;\n    padding: var(--brick-surface-padding);\n    border: var(--brick-surface-border-width) solid\n      var(--brick-surface-border-color);\n    border-radius: var(--brick-surface-radius);\n    background: var(--brick-surface-background);\n    box-shadow: var(--brick-surface-shadow);\n    color: var(--brick-surface-foreground);\n  }\n\n  .brick-surface:has(\n      > .brick-surface__media,\n      > .brick-surface__scrim\n    ) {\n    position: relative;\n    isolation: isolate;\n  }\n\n  .brick-surface__media,\n  .brick-surface__scrim {\n    position: absolute;\n    inset: 0;\n    border-radius: inherit;\n    pointer-events: none;\n  }\n\n  .brick-surface__media {\n    z-index: 0;\n    overflow: hidden;\n  }\n\n  .brick-surface__media > *,\n  .brick-surface__media > picture > img {\n    display: block;\n    inline-size: 100%;\n    block-size: 100%;\n  }\n\n  .brick-surface__media > :is(img, video, canvas, svg),\n  .brick-surface__media > picture > img {\n    object-fit: cover;\n    object-position: center;\n  }\n\n  .brick-surface__scrim {\n    --brick-surface-scrim-paint: var(--brick-surface-scrim-medium);\n    --brick-surface-scrim-gradient-stop: var(\n      --brick-surface-scrim-gradient-stop-medium\n    );\n\n    z-index: 1;\n    background: var(--brick-surface-scrim-paint);\n  }\n\n  .brick-surface__scrim[data-strength=\"soft\"] {\n    --brick-surface-scrim-paint: var(--brick-surface-scrim-soft);\n    --brick-surface-scrim-gradient-stop: var(\n      --brick-surface-scrim-gradient-stop-soft\n    );\n  }\n\n  .brick-surface__scrim[data-strength=\"strong\"] {\n    --brick-surface-scrim-paint: var(--brick-surface-scrim-strong);\n    --brick-surface-scrim-gradient-stop: var(\n      --brick-surface-scrim-gradient-stop-strong\n    );\n  }\n\n  .brick-surface__scrim[data-direction=\"inline-start\"] {\n    background: linear-gradient(\n      to right,\n      var(--brick-surface-scrim-paint),\n      transparent var(--brick-surface-scrim-gradient-stop)\n    );\n  }\n\n  :dir(rtl) > .brick-surface__scrim[data-direction=\"inline-start\"] {\n    background: linear-gradient(\n      to left,\n      var(--brick-surface-scrim-paint),\n      transparent var(--brick-surface-scrim-gradient-stop)\n    );\n  }\n\n  .brick-surface__scrim[data-direction=\"inline-end\"] {\n    background: linear-gradient(\n      to left,\n      var(--brick-surface-scrim-paint),\n      transparent var(--brick-surface-scrim-gradient-stop)\n    );\n  }\n\n  :dir(rtl) > .brick-surface__scrim[data-direction=\"inline-end\"] {\n    background: linear-gradient(\n      to right,\n      var(--brick-surface-scrim-paint),\n      transparent var(--brick-surface-scrim-gradient-stop)\n    );\n  }\n\n  .brick-surface__scrim[data-direction=\"block-start\"] {\n    background: linear-gradient(\n      to bottom,\n      var(--brick-surface-scrim-paint),\n      transparent var(--brick-surface-scrim-gradient-stop)\n    );\n  }\n\n  .brick-surface__scrim[data-direction=\"block-end\"] {\n    background: linear-gradient(\n      to top,\n      var(--brick-surface-scrim-paint),\n      transparent var(--brick-surface-scrim-gradient-stop)\n    );\n  }\n\n  .brick-surface__content {\n    position: relative;\n    z-index: 2;\n    min-inline-size: 0;\n  }\n\n  .brick-surface[data-level=\"canvas\"] {\n    --brick-surface-background: var(--brick-color-surface-canvas);\n  }\n\n  .brick-surface[data-level=\"subtle\"] {\n    --brick-surface-background: var(--brick-color-surface-subtle);\n  }\n\n  .brick-surface[data-level=\"raised\"] {\n    --brick-surface-background: var(--brick-color-surface-raised);\n  }\n\n  .brick-surface[data-tone=\"accent\"] {\n    --brick-surface-background: var(--brick-color-accent-solid);\n    --brick-surface-foreground: var(--brick-color-accent-on-solid);\n    --brick-surface-border-color: var(--brick-color-accent-border);\n  }\n\n  .brick-surface[data-bordered] {\n    --brick-surface-border-width: var(--brick-border-width);\n  }\n\n  .brick-surface[data-elevation=\"low\"] {\n    --brick-surface-shadow: var(--brick-surface-elevation-low);\n  }\n\n  .brick-surface[data-elevation=\"medium\"] {\n    --brick-surface-shadow: var(--brick-surface-elevation-medium);\n  }\n\n  .brick-surface[data-elevation=\"high\"] {\n    --brick-surface-shadow: var(--brick-surface-elevation-high);\n  }\n\n  .brick-surface[data-radius=\"none\"] {\n    --brick-surface-radius: 0rem;\n  }\n\n  .brick-surface[data-radius=\"subtle\"] {\n    --brick-surface-radius: var(--brick-radius-subtle);\n  }\n\n  .brick-surface[data-inset=\"sm\"] {\n    --brick-surface-padding: var(--brick-surface-inset-sm);\n  }\n\n  .brick-surface[data-inset=\"md\"] {\n    --brick-surface-padding: var(--brick-surface-inset-md);\n  }\n\n  .brick-surface[data-inset=\"lg\"] {\n    --brick-surface-padding: var(--brick-surface-inset-lg);\n  }\n\n  .brick-surface[data-inset=\"xl\"] {\n    --brick-surface-padding: var(--brick-surface-inset-xl);\n  }\n\n  .brick-surface[data-inset=\"2xl\"] {\n    --brick-surface-padding: var(--brick-surface-inset-2xl);\n  }\n\n  @media (width >= 30rem) {\n    .brick-surface[data-inset-sm=\"none\"] { --brick-surface-padding: var(--brick-surface-inset-none); }\n    .brick-surface[data-inset-sm=\"sm\"] { --brick-surface-padding: var(--brick-surface-inset-sm); }\n    .brick-surface[data-inset-sm=\"md\"] { --brick-surface-padding: var(--brick-surface-inset-md); }\n    .brick-surface[data-inset-sm=\"lg\"] { --brick-surface-padding: var(--brick-surface-inset-lg); }\n    .brick-surface[data-inset-sm=\"xl\"] { --brick-surface-padding: var(--brick-surface-inset-xl); }\n    .brick-surface[data-inset-sm=\"2xl\"] { --brick-surface-padding: var(--brick-surface-inset-2xl); }\n  }\n\n  @media (width >= 48rem) {\n    .brick-surface[data-inset-md=\"none\"] { --brick-surface-padding: var(--brick-surface-inset-none); }\n    .brick-surface[data-inset-md=\"sm\"] { --brick-surface-padding: var(--brick-surface-inset-sm); }\n    .brick-surface[data-inset-md=\"md\"] { --brick-surface-padding: var(--brick-surface-inset-md); }\n    .brick-surface[data-inset-md=\"lg\"] { --brick-surface-padding: var(--brick-surface-inset-lg); }\n    .brick-surface[data-inset-md=\"xl\"] { --brick-surface-padding: var(--brick-surface-inset-xl); }\n    .brick-surface[data-inset-md=\"2xl\"] { --brick-surface-padding: var(--brick-surface-inset-2xl); }\n  }\n\n  @media (width >= 64rem) {\n    .brick-surface[data-inset-lg=\"none\"] { --brick-surface-padding: var(--brick-surface-inset-none); }\n    .brick-surface[data-inset-lg=\"sm\"] { --brick-surface-padding: var(--brick-surface-inset-sm); }\n    .brick-surface[data-inset-lg=\"md\"] { --brick-surface-padding: var(--brick-surface-inset-md); }\n    .brick-surface[data-inset-lg=\"lg\"] { --brick-surface-padding: var(--brick-surface-inset-lg); }\n    .brick-surface[data-inset-lg=\"xl\"] { --brick-surface-padding: var(--brick-surface-inset-xl); }\n    .brick-surface[data-inset-lg=\"2xl\"] { --brick-surface-padding: var(--brick-surface-inset-2xl); }\n  }\n\n  @media (width >= 80rem) {\n    .brick-surface[data-inset-xl=\"none\"] { --brick-surface-padding: var(--brick-surface-inset-none); }\n    .brick-surface[data-inset-xl=\"sm\"] { --brick-surface-padding: var(--brick-surface-inset-sm); }\n    .brick-surface[data-inset-xl=\"md\"] { --brick-surface-padding: var(--brick-surface-inset-md); }\n    .brick-surface[data-inset-xl=\"lg\"] { --brick-surface-padding: var(--brick-surface-inset-lg); }\n    .brick-surface[data-inset-xl=\"xl\"] { --brick-surface-padding: var(--brick-surface-inset-xl); }\n    .brick-surface[data-inset-xl=\"2xl\"] { --brick-surface-padding: var(--brick-surface-inset-2xl); }\n  }\n\n  @media (forced-colors: active) {\n    .brick-surface__media,\n    .brick-surface__scrim {\n      display: none;\n    }\n\n    .brick-surface[data-bordered],\n    .brick-surface:not([data-elevation=\"none\"]) {\n      --brick-surface-border-width: var(--brick-border-width);\n      --brick-surface-border-color: CanvasText;\n      --brick-surface-shadow: none;\n    }\n  }\n}\n","@layer brick.components {\n  .brick-data-grid-container { box-sizing: border-box; inline-size: 100%; min-inline-size: 0; max-inline-size: 100%; overflow-x: auto; overscroll-behavior-inline: contain; }\n  .brick-data-grid {\n    --brick-data-grid-inline-size: 100%;\n    --brick-data-grid-min-inline-size: 0;\n    --brick-data-grid-border-color: var(--brick-color-border-subtle);\n    --brick-data-grid-border-width: var(--brick-border-width);\n    --brick-data-grid-radius: var(--brick-radius-surface);\n    --brick-data-grid-header-background: var(--brick-color-surface-subtle);\n    --brick-data-grid-header-foreground: var(--brick-color-text-primary);\n    --brick-data-grid-body-background: var(--brick-color-surface-base);\n    --brick-data-grid-footer-background: var(--brick-color-surface-subtle);\n    --brick-data-grid-cell-foreground: var(--brick-color-text-primary);\n    --brick-data-grid-cell-padding-inline: var(--brick-space-4);\n    --brick-data-grid-cell-padding-block: var(--brick-space-3);\n    --brick-data-grid-row-min-block-size: 3rem;\n    --brick-data-grid-caption-foreground: var(--brick-color-text-secondary);\n    --brick-data-grid-caption-gap: var(--brick-space-3);\n    --brick-data-grid-active-color: var(--brick-color-focus-ring);\n    --brick-data-grid-active-width: 2px;\n    --brick-data-grid-selected-background: var(--brick-color-surface-accent-subtle, var(--brick-color-surface-subtle));\n    --brick-data-grid-selected-foreground: var(--brick-color-text-primary);\n    --brick-data-grid-hover-background: var(--brick-color-surface-hover, var(--brick-color-surface-subtle));\n    --brick-data-grid-disabled-opacity: 0.5;\n    --brick-data-grid-sort-indicator-size: 1rem;\n    --brick-data-grid-sort-indicator-color: var(--brick-color-text-secondary);\n    inline-size: var(--brick-data-grid-inline-size); min-inline-size: var(--brick-data-grid-min-inline-size);\n    border-collapse: separate; border-spacing: 0; color: var(--brick-data-grid-cell-foreground);\n    font-family: var(--brick-typography-body-md-font-family); font-size: var(--brick-typography-body-md-font-size); line-height: var(--brick-typography-body-md-line-height);\n  }\n  .brick-data-grid[data-size=\"sm\"] { font-size: var(--brick-typography-body-sm-font-size); line-height: var(--brick-typography-body-sm-line-height); --brick-data-grid-row-min-block-size: 2.5rem; --brick-data-grid-sort-indicator-size: .875rem; }\n  .brick-data-grid[data-size=\"lg\"] { font-size: var(--brick-typography-body-lg-font-size); line-height: var(--brick-typography-body-lg-line-height); --brick-data-grid-row-min-block-size: 3.5rem; --brick-data-grid-sort-indicator-size: 1.125rem; }\n  .brick-data-grid[data-density=\"compact\"] { --brick-data-grid-cell-padding-block: var(--brick-space-1); }\n  .brick-data-grid[data-density=\"spacious\"] { --brick-data-grid-cell-padding-block: var(--brick-space-5); }\n  .brick-data-grid__caption { color: var(--brick-data-grid-caption-foreground); text-align: start; }\n  .brick-data-grid__caption[data-side=\"top\"] { caption-side: top; padding-block-end: var(--brick-data-grid-caption-gap); }\n  .brick-data-grid__caption[data-side=\"bottom\"] { caption-side: bottom; padding-block-start: var(--brick-data-grid-caption-gap); }\n  .brick-data-grid__column-header, .brick-data-grid__cell { box-sizing: border-box; min-block-size: var(--brick-data-grid-row-min-block-size); padding-block: var(--brick-data-grid-cell-padding-block); padding-inline: var(--brick-data-grid-cell-padding-inline); border-block-end: var(--brick-data-grid-border-width) solid var(--brick-data-grid-border-color); text-align: start; vertical-align: middle; overflow-wrap: break-word; }\n  .brick-data-grid__column-header { color: var(--brick-data-grid-header-foreground); background: var(--brick-data-grid-header-background); font-weight: var(--brick-typography-compact-title-font-weight); white-space: nowrap; }\n  .brick-data-grid__cell { background: var(--brick-data-grid-body-background); }\n  .brick-data-grid__footer :where(.brick-data-grid__column-header, .brick-data-grid__cell) { background: var(--brick-data-grid-footer-background); font-weight: var(--brick-typography-compact-title-font-weight); }\n  :where(.brick-data-grid__column-header, .brick-data-grid__cell)[data-align=\"center\"] { text-align: center; }\n  :where(.brick-data-grid__column-header, .brick-data-grid__cell)[data-align=\"end\"] { text-align: end; }\n  :where(.brick-data-grid__column-header, .brick-data-grid__cell)[data-numeric] { white-space: nowrap; font-variant-numeric: tabular-nums; }\n  .brick-data-grid[data-variant=\"outline\"] { border: var(--brick-data-grid-border-width) solid var(--brick-data-grid-border-color); border-radius: var(--brick-data-grid-radius); }\n  .brick-data-grid[data-variant=\"outline\"] :where(.brick-data-grid__column-header, .brick-data-grid__cell) + :where(.brick-data-grid__column-header, .brick-data-grid__cell) { border-inline-start: var(--brick-data-grid-border-width) solid var(--brick-data-grid-border-color); }\n  .brick-data-grid[data-variant=\"outline\"] .brick-data-grid__header:first-of-type .brick-data-grid__row:first-child > :first-child,\n  .brick-data-grid[data-variant=\"outline\"]:not(:has(.brick-data-grid__header)) .brick-data-grid__body:first-of-type .brick-data-grid__row:first-child > :first-child { border-start-start-radius: calc(var(--brick-data-grid-radius) - var(--brick-data-grid-border-width)); }\n  .brick-data-grid[data-variant=\"outline\"] .brick-data-grid__header:first-of-type .brick-data-grid__row:first-child > :last-child,\n  .brick-data-grid[data-variant=\"outline\"]:not(:has(.brick-data-grid__header)) .brick-data-grid__body:first-of-type .brick-data-grid__row:first-child > :last-child { border-start-end-radius: calc(var(--brick-data-grid-radius) - var(--brick-data-grid-border-width)); }\n  .brick-data-grid[data-variant=\"outline\"] .brick-data-grid__footer .brick-data-grid__row:last-child :where(.brick-data-grid__column-header, .brick-data-grid__cell),\n  .brick-data-grid[data-variant=\"outline\"] .brick-data-grid__body:last-child .brick-data-grid__row:last-child :where(.brick-data-grid__column-header, .brick-data-grid__cell) { border-block-end: 0; }\n  .brick-data-grid[data-variant=\"outline\"] .brick-data-grid__footer .brick-data-grid__row:last-child > :first-child { border-end-start-radius: calc(var(--brick-data-grid-radius) - var(--brick-data-grid-border-width)); }\n  .brick-data-grid[data-variant=\"outline\"] .brick-data-grid__footer .brick-data-grid__row:last-child > :last-child { border-end-end-radius: calc(var(--brick-data-grid-radius) - var(--brick-data-grid-border-width)); }\n  .brick-data-grid[data-variant=\"outline\"]:not(:has(.brick-data-grid__footer)) .brick-data-grid__body:last-child .brick-data-grid__row:last-child > :first-child { border-end-start-radius: calc(var(--brick-data-grid-radius) - var(--brick-data-grid-border-width)); }\n  .brick-data-grid[data-variant=\"outline\"]:not(:has(.brick-data-grid__footer)) .brick-data-grid__body:last-child .brick-data-grid__row:last-child > :last-child { border-end-end-radius: calc(var(--brick-data-grid-radius) - var(--brick-data-grid-border-width)); }\n  .brick-data-grid__row[data-selected] :where(.brick-data-grid__column-header, .brick-data-grid__cell) { color: var(--brick-data-grid-selected-foreground); background: var(--brick-data-grid-selected-background); }\n  .brick-data-grid__row[data-selectable]:hover :where(.brick-data-grid__column-header, .brick-data-grid__cell), .brick-data-grid__column-header[data-actionable]:hover { background: var(--brick-data-grid-hover-background); }\n  .brick-data-grid__row[data-disabled] :where(.brick-data-grid__column-header, .brick-data-grid__cell), :where(.brick-data-grid__column-header, .brick-data-grid__cell)[data-disabled] { opacity: var(--brick-data-grid-disabled-opacity); }\n  :where(.brick-data-grid__column-header, .brick-data-grid__cell)[data-active] { position: relative; outline: var(--brick-data-grid-active-width) solid var(--brick-data-grid-active-color); outline-offset: calc(-1 * var(--brick-data-grid-active-width)); }\n  .brick-data-grid__sort-indicator { display: inline-flex; inline-size: var(--brick-data-grid-sort-indicator-size); block-size: var(--brick-data-grid-sort-indicator-size); margin-inline-start: var(--brick-space-2); vertical-align: middle; color: var(--brick-data-grid-sort-indicator-color); }\n  .brick-data-grid__sort-indicator svg { inline-size: 100%; block-size: 100%; fill: none; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.5; }\n  .brick-data-grid__column-header[data-sort=\"ascending\"] .brick-data-grid__sort-indicator path { d: path(\"m4 10 4-4 4 4\"); }\n  .brick-data-grid__column-header[data-sort=\"descending\"] .brick-data-grid__sort-indicator path { d: path(\"m4 6 4 4 4-4\"); }\n  @media (forced-colors: active) {\n    .brick-data-grid { --brick-data-grid-border-color: CanvasText; --brick-data-grid-header-background: Canvas; --brick-data-grid-body-background: Canvas; --brick-data-grid-footer-background: Canvas; --brick-data-grid-active-color: Highlight; --brick-data-grid-selected-background: Highlight; --brick-data-grid-selected-foreground: HighlightText; --brick-data-grid-hover-background: Canvas; --brick-data-grid-sort-indicator-color: CanvasText; }\n  }\n}\n","@layer brick.components {\n  .brick-image {\n    --brick-image-fit: cover;\n    --brick-image-position: center;\n    --brick-image-radius: 0;\n    --brick-image-frame-background: transparent;\n    --brick-image-frame-border: transparent;\n    --brick-image-frame-border-width: 0;\n    --brick-image-fallback-foreground: var(--brick-color-text-secondary);\n    --brick-image-fallback-inset: var(--brick-space-4);\n    --_brick-image-fallback-background: var(--brick-color-surface-subtle);\n\n    display: grid;\n    box-sizing: border-box;\n    inline-size: 100%;\n    max-inline-size: 100%;\n    border: var(--brick-image-frame-border-width) solid var(--brick-image-frame-border);\n    border-radius: var(--brick-image-radius);\n    background: var(--brick-image-frame-background);\n    overflow: hidden;\n  }\n\n  .brick-image[data-fit=\"contain\"] { --brick-image-fit: contain; }\n  .brick-image[data-fit=\"fill\"] { --brick-image-fit: fill; }\n  .brick-image[data-fit=\"none\"] { --brick-image-fit: none; }\n  .brick-image[data-fit=\"scale-down\"] { --brick-image-fit: scale-down; }\n\n  .brick-image[data-position=\"top\"] { --brick-image-position: center top; }\n  .brick-image[data-position=\"bottom\"] { --brick-image-position: center bottom; }\n  .brick-image[data-position=\"start\"] { --brick-image-position: left center; }\n  .brick-image[data-position=\"end\"] { --brick-image-position: right center; }\n\n  [dir=\"rtl\"] .brick-image[data-position=\"start\"] { --brick-image-position: right center; }\n  [dir=\"rtl\"] .brick-image[data-position=\"end\"] { --brick-image-position: left center; }\n\n  .brick-image[data-radius=\"sm\"] { --brick-image-radius: var(--brick-radius-subtle); }\n  .brick-image[data-radius=\"md\"] { --brick-image-radius: var(--brick-radius-control); }\n  .brick-image[data-radius=\"lg\"] { --brick-image-radius: var(--brick-radius-surface); }\n  .brick-image[data-radius=\"full\"] { --brick-image-radius: var(--brick-radius-full); }\n\n  .brick-image[data-frame=\"subtle\"] {\n    --brick-image-frame-background: var(--brick-color-surface-subtle);\n    --brick-image-frame-border: var(--brick-color-border-subtle);\n    --brick-image-frame-border-width: var(--brick-border-width);\n    --_brick-image-fallback-background: var(--brick-image-frame-background);\n  }\n\n  .brick-image__content,\n  .brick-image__fallback {\n    grid-area: 1 / 1;\n    box-sizing: border-box;\n    inline-size: 100%;\n    min-inline-size: 0;\n    border-radius: inherit;\n  }\n\n  .brick-image__content {\n    display: block;\n    max-inline-size: 100%;\n    block-size: auto;\n    object-fit: var(--brick-image-fit);\n    object-position: var(--brick-image-position);\n  }\n\n  .brick-image[data-fill],\n  .brick-image[data-fill] > .brick-image__content,\n  .brick-image[data-fill] > .brick-image__fallback {\n    block-size: 100%;\n  }\n\n  .brick-image[data-ratio] > .brick-image__content,\n  .brick-image[data-ratio] > .brick-image__fallback {\n    position: absolute;\n    inset: 0;\n    block-size: 100%;\n  }\n\n  .brick-image[data-ratio] {\n    position: relative;\n  }\n\n  .brick-image__fallback {\n    display: flex;\n    min-block-size: 5rem;\n    align-items: center;\n    justify-content: center;\n    padding: var(--brick-image-fallback-inset);\n    background: var(--_brick-image-fallback-background);\n    color: var(--brick-image-fallback-foreground);\n    text-align: center;\n  }\n\n  @media (forced-colors: active) {\n    .brick-image[data-frame=\"subtle\"] {\n      border-color: CanvasText;\n      background: Canvas;\n    }\n\n    .brick-image__fallback {\n      background: Canvas;\n      color: CanvasText;\n    }\n  }\n}\n","@layer brick.components {\n  .brick-table-container {\n    box-sizing: border-box;\n    inline-size: 100%;\n    min-inline-size: 0;\n    max-inline-size: 100%;\n    overflow-x: auto;\n    overscroll-behavior-inline: contain;\n  }\n\n  .brick-table {\n    --brick-table-inline-size: 100%;\n    --brick-table-min-inline-size: 0;\n    --brick-table-border-color: var(--brick-color-border-subtle);\n    --brick-table-border-width: var(--brick-border-width);\n    --brick-table-radius: var(--brick-radius-surface);\n    --brick-table-header-background: var(--brick-color-surface-subtle);\n    --brick-table-header-foreground: var(--brick-color-text-primary);\n    --brick-table-body-background: var(--brick-color-surface-base);\n    --brick-table-row-stripe-background: var(--brick-color-surface-subtle);\n    --brick-table-footer-background: var(--brick-color-surface-subtle);\n    --brick-table-footer-foreground: var(--brick-color-text-primary);\n    --brick-table-cell-foreground: var(--brick-color-text-primary);\n    --brick-table-cell-padding-inline: var(--brick-space-4);\n    --brick-table-cell-padding-block: var(--brick-space-3);\n    --brick-table-row-min-block-size: 3rem;\n    --brick-table-caption-foreground: var(--brick-color-text-secondary);\n    --brick-table-caption-gap: var(--brick-space-3);\n    --brick-table-sticky-offset: 0px;\n    --brick-table-sticky-z-index: 1;\n    --brick-table-sort-indicator-size: 1rem;\n    --brick-table-sort-indicator-color: var(--brick-color-text-secondary);\n    inline-size: var(--brick-table-inline-size);\n    min-inline-size: var(--brick-table-min-inline-size);\n    border-collapse: separate;\n    border-spacing: 0;\n    color: var(--brick-table-cell-foreground);\n    font-family: var(--brick-typography-body-md-font-family);\n    font-size: var(--brick-typography-body-md-font-size);\n    line-height: var(--brick-typography-body-md-line-height);\n  }\n\n  .brick-table[data-size=\"sm\"] { font-size: var(--brick-typography-body-sm-font-size); line-height: var(--brick-typography-body-sm-line-height); --brick-table-row-min-block-size: 2.5rem; }\n  .brick-table[data-size=\"lg\"] { font-size: var(--brick-typography-body-lg-font-size); line-height: var(--brick-typography-body-lg-line-height); --brick-table-row-min-block-size: 3.5rem; }\n  .brick-table[data-density=\"compact\"] { --brick-table-cell-padding-block: var(--brick-space-1); }\n\n  .brick-table__caption { color: var(--brick-table-caption-foreground); text-align: start; }\n  .brick-table__caption[data-side=\"top\"] { caption-side: top; padding-block-end: var(--brick-table-caption-gap); }\n  .brick-table__caption[data-side=\"bottom\"] { caption-side: bottom; padding-block-start: var(--brick-table-caption-gap); }\n\n  .brick-table__head,\n  .brick-table__cell {\n    box-sizing: border-box;\n    min-block-size: var(--brick-table-row-min-block-size);\n    padding-block: var(--brick-table-cell-padding-block);\n    padding-inline: var(--brick-table-cell-padding-inline);\n    border-block-end: var(--brick-table-border-width) solid var(--brick-table-border-color);\n    text-align: start;\n    vertical-align: middle;\n    overflow-wrap: break-word;\n  }\n  .brick-table__head { color: var(--brick-table-header-foreground); background: var(--brick-table-header-background); font-weight: var(--brick-typography-compact-title-font-weight); white-space: nowrap; }\n  .brick-table__cell { background: var(--brick-table-body-background); }\n  .brick-table__head[data-align=\"center\"], .brick-table__cell[data-align=\"center\"] { text-align: center; }\n  .brick-table__head[data-align=\"end\"], .brick-table__cell[data-align=\"end\"] { text-align: end; }\n  .brick-table__head[data-numeric], .brick-table__cell[data-numeric] { white-space: nowrap; font-variant-numeric: tabular-nums; }\n  .brick-table__footer .brick-table__head,\n  .brick-table__footer .brick-table__cell { color: var(--brick-table-footer-foreground); background: var(--brick-table-footer-background); font-weight: var(--brick-typography-compact-title-font-weight); }\n  .brick-table[data-striped] .brick-table__body .brick-table__row:nth-child(even) .brick-table__cell,\n  .brick-table[data-striped] .brick-table__body .brick-table__row:nth-child(even) .brick-table__head { background: var(--brick-table-row-stripe-background); }\n\n  .brick-table[data-variant=\"outline\"] { border: var(--brick-table-border-width) solid var(--brick-table-border-color); border-radius: var(--brick-table-radius); }\n  .brick-table[data-variant=\"outline\"] :where(.brick-table__head, .brick-table__cell) + :where(.brick-table__head, .brick-table__cell) { border-inline-start: var(--brick-table-border-width) solid var(--brick-table-border-color); }\n  .brick-table[data-variant=\"outline\"] .brick-table__header:first-of-type .brick-table__row:first-child > :first-child,\n  .brick-table[data-variant=\"outline\"]:not(:has(.brick-table__header)) .brick-table__body:first-of-type .brick-table__row:first-child > :first-child { border-start-start-radius: calc(var(--brick-table-radius) - var(--brick-table-border-width)); }\n  .brick-table[data-variant=\"outline\"] .brick-table__header:first-of-type .brick-table__row:first-child > :last-child,\n  .brick-table[data-variant=\"outline\"]:not(:has(.brick-table__header)) .brick-table__body:first-of-type .brick-table__row:first-child > :last-child { border-start-end-radius: calc(var(--brick-table-radius) - var(--brick-table-border-width)); }\n  .brick-table[data-variant=\"outline\"] .brick-table__footer .brick-table__row:last-child :where(.brick-table__head, .brick-table__cell),\n  .brick-table[data-variant=\"outline\"] .brick-table__body:last-child .brick-table__row:last-child :where(.brick-table__head, .brick-table__cell) { border-block-end: 0; }\n  .brick-table[data-variant=\"outline\"] .brick-table__footer .brick-table__row:last-child > :first-child { border-end-start-radius: calc(var(--brick-table-radius) - var(--brick-table-border-width)); }\n  .brick-table[data-variant=\"outline\"] .brick-table__footer .brick-table__row:last-child > :last-child { border-end-end-radius: calc(var(--brick-table-radius) - var(--brick-table-border-width)); }\n  .brick-table[data-variant=\"outline\"]:not(:has(.brick-table__footer)) .brick-table__body:last-child .brick-table__row:last-child > :first-child { border-end-start-radius: calc(var(--brick-table-radius) - var(--brick-table-border-width)); }\n  .brick-table[data-variant=\"outline\"]:not(:has(.brick-table__footer)) .brick-table__body:last-child .brick-table__row:last-child > :last-child { border-end-end-radius: calc(var(--brick-table-radius) - var(--brick-table-border-width)); }\n\n  .brick-table[data-sticky-header] .brick-table__header .brick-table__head { position: sticky; inset-block-start: var(--brick-table-sticky-offset); z-index: var(--brick-table-sticky-z-index); }\n\n  .brick-table__sort-indicator { display: inline-flex; inline-size: var(--brick-table-sort-indicator-size); block-size: var(--brick-table-sort-indicator-size); flex: none; color: var(--brick-table-sort-indicator-color); }\n  .brick-table__sort-indicator svg { inline-size: 100%; block-size: 100%; fill: none; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.5; }\n  .brick-table__head[data-sort=\"ascending\"] .brick-table__sort-indicator path { d: path(\"m4 10 4-4 4 4\"); }\n  .brick-table__head[data-sort=\"descending\"] .brick-table__sort-indicator path { d: path(\"m4 6 4 4 4-4\"); }\n\n  @media (forced-colors: active) {\n    .brick-table { --brick-table-border-color: CanvasText; --brick-table-header-background: Canvas; --brick-table-body-background: Canvas; --brick-table-row-stripe-background: Canvas; --brick-table-footer-background: Canvas; --brick-table-sort-indicator-color: CanvasText; }\n  }\n}\n","@layer brick.components {\n  .brick-divider {\n    --brick-divider-color: var(--brick-color-border-default);\n    --brick-divider-thickness: var(--brick-border-width);\n    --brick-divider-style: solid;\n    --brick-divider-inset: var(--brick-space-4);\n    --brick-divider-label-gap: var(--brick-space-3);\n    --brick-divider-label-short-segment: var(--brick-space-6);\n\n    box-sizing: border-box;\n    min-inline-size: 0;\n    margin: 0;\n    padding: 0;\n    border: 0;\n    color: var(--brick-color-text-secondary);\n  }\n\n  .brick-divider[data-orientation=\"horizontal\"]:not([data-label-align]) {\n    inline-size: 100%;\n    border-block-start: var(--brick-divider-thickness)\n      var(--brick-divider-style) var(--brick-divider-color);\n  }\n\n  .brick-divider[data-orientation=\"vertical\"] {\n    block-size: auto;\n    align-self: auto;\n    border-inline-start: var(--brick-divider-thickness)\n      var(--brick-divider-style) var(--brick-divider-color);\n  }\n\n  .brick-divider[data-stretch] {\n    align-self: stretch;\n  }\n\n  .brick-divider[data-variant=\"dashed\"] {\n    --brick-divider-style: dashed;\n  }\n\n  .brick-divider[data-variant=\"dotted\"] {\n    --brick-divider-style: dotted;\n  }\n\n  .brick-divider[data-thickness=\"regular\"] {\n    --brick-divider-thickness: 0.125rem;\n  }\n\n  .brick-divider[data-thickness=\"strong\"] {\n    --brick-divider-thickness: 0.25rem;\n  }\n\n  .brick-divider[data-orientation=\"horizontal\"][data-inset=\"start\"] {\n    inline-size: calc(100% - var(--brick-divider-inset));\n    margin-inline-start: var(--brick-divider-inset);\n  }\n\n  .brick-divider[data-orientation=\"horizontal\"][data-inset=\"both\"] {\n    inline-size: calc(100% - (2 * var(--brick-divider-inset)));\n    margin-inline: var(--brick-divider-inset);\n  }\n\n  .brick-divider[data-orientation=\"vertical\"][data-inset=\"start\"] {\n    block-size: calc(100% - var(--brick-divider-inset));\n    margin-block-start: var(--brick-divider-inset);\n  }\n\n  .brick-divider[data-orientation=\"vertical\"][data-inset=\"both\"] {\n    block-size: calc(100% - (2 * var(--brick-divider-inset)));\n    margin-block: var(--brick-divider-inset);\n  }\n\n  .brick-divider[data-label-align] {\n    display: grid;\n    inline-size: 100%;\n    grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);\n    align-items: center;\n    gap: var(--brick-divider-label-gap);\n  }\n\n  .brick-divider__line {\n    min-inline-size: 0;\n    border-block-start: var(--brick-divider-thickness)\n      var(--brick-divider-style) var(--brick-divider-color);\n  }\n\n  .brick-divider__label {\n    min-inline-size: 0;\n    max-inline-size: 100%;\n    overflow-wrap: anywhere;\n    font-family: var(--brick-typography-body-sm-font-family);\n    font-size: var(--brick-typography-body-sm-font-size);\n    font-weight: var(--brick-typography-body-sm-font-weight);\n    line-height: var(--brick-typography-body-sm-line-height);\n    letter-spacing: var(--brick-typography-body-sm-letter-spacing);\n  }\n\n  .brick-divider[data-label-align=\"start\"] {\n    grid-template-columns:\n      minmax(0, var(--brick-divider-label-short-segment))\n      minmax(0, auto) minmax(0, 1fr);\n  }\n\n  .brick-divider[data-label-align=\"end\"] {\n    grid-template-columns:\n      minmax(0, 1fr) minmax(0, auto)\n      minmax(0, var(--brick-divider-label-short-segment));\n  }\n\n  @media (forced-colors: active) {\n    .brick-divider {\n      --brick-divider-color: CanvasText;\n    }\n  }\n}\n","@layer brick.components {\n  .brick-tree-grid-container {\n    box-sizing: border-box;\n    inline-size: 100%;\n    min-inline-size: 0;\n    max-inline-size: 100%;\n    overflow-x: auto;\n    overscroll-behavior-inline: contain;\n  }\n\n  .brick-tree-grid {\n    --brick-tree-grid-inline-size: 100%;\n    --brick-tree-grid-min-inline-size: 38rem;\n    --brick-tree-grid-border-color: var(--brick-color-border-subtle);\n    --brick-tree-grid-border-width: var(--brick-border-width);\n    --brick-tree-grid-radius: var(--brick-radius-surface);\n    --brick-tree-grid-header-background: var(--brick-color-surface-subtle);\n    --brick-tree-grid-header-foreground: var(--brick-color-text-primary);\n    --brick-tree-grid-body-background: var(--brick-color-surface-base);\n    --brick-tree-grid-footer-background: var(--brick-color-surface-subtle);\n    --brick-tree-grid-cell-foreground: var(--brick-color-text-primary);\n    --brick-tree-grid-cell-padding-inline: var(--brick-space-4);\n    --brick-tree-grid-cell-padding-block: var(--brick-space-3);\n    --brick-tree-grid-row-min-block-size: 3rem;\n    --brick-tree-grid-depth-indent: var(--brick-space-5);\n    --brick-tree-grid-caption-foreground: var(--brick-color-text-secondary);\n    --brick-tree-grid-caption-gap: var(--brick-space-3);\n    --brick-tree-grid-active-color: var(--brick-color-focus-ring);\n    --brick-tree-grid-active-width: 2px;\n    --brick-tree-grid-selected-background: var(--brick-color-surface-accent-subtle, var(--brick-color-surface-subtle));\n    --brick-tree-grid-selected-foreground: var(--brick-color-text-primary);\n    --brick-tree-grid-hover-background: var(--brick-color-surface-hover, var(--brick-color-surface-subtle));\n    --brick-tree-grid-disabled-opacity: .5;\n    --brick-tree-grid-indicator-size: 1rem;\n    --brick-tree-grid-indicator-color: var(--brick-color-text-secondary);\n    --brick-tree-grid-sort-indicator-size: 1rem;\n    --brick-tree-grid-sort-indicator-color: var(--brick-color-text-secondary);\n    --brick-tree-grid-motion-duration: 160ms;\n    --brick-tree-grid-motion-easing: ease;\n    box-sizing: border-box;\n    inline-size: var(--brick-tree-grid-inline-size);\n    min-inline-size: var(--brick-tree-grid-min-inline-size);\n    border-collapse: separate;\n    border-spacing: 0;\n    color: var(--brick-tree-grid-cell-foreground);\n    font-family: var(--brick-typography-body-md-font-family);\n    font-size: var(--brick-typography-body-md-font-size);\n    line-height: var(--brick-typography-body-md-line-height);\n  }\n\n  .brick-tree-grid[data-size=\"sm\"] {\n    --brick-tree-grid-row-min-block-size: 2.5rem;\n    --brick-tree-grid-cell-padding-inline: var(--brick-space-3);\n    --brick-tree-grid-depth-indent: var(--brick-space-4);\n    --brick-tree-grid-indicator-size: .875rem;\n    --brick-tree-grid-sort-indicator-size: .875rem;\n    font-size: var(--brick-typography-body-sm-font-size);\n    line-height: var(--brick-typography-body-sm-line-height);\n  }\n\n  .brick-tree-grid[data-size=\"lg\"] {\n    --brick-tree-grid-row-min-block-size: 3.5rem;\n    --brick-tree-grid-cell-padding-inline: var(--brick-space-5);\n    --brick-tree-grid-depth-indent: var(--brick-space-6);\n    --brick-tree-grid-indicator-size: 1.125rem;\n    --brick-tree-grid-sort-indicator-size: 1.125rem;\n    font-size: var(--brick-typography-body-lg-font-size);\n    line-height: var(--brick-typography-body-lg-line-height);\n  }\n\n  .brick-tree-grid[data-density=\"compact\"] { --brick-tree-grid-cell-padding-block: var(--brick-space-1); }\n  .brick-tree-grid[data-density=\"spacious\"] { --brick-tree-grid-cell-padding-block: var(--brick-space-5); }\n\n  .brick-tree-grid__caption { color: var(--brick-tree-grid-caption-foreground); text-align: start; }\n  .brick-tree-grid__caption[data-side=\"top\"] { caption-side: top; padding-block-end: var(--brick-tree-grid-caption-gap); }\n  .brick-tree-grid__caption[data-side=\"bottom\"] { caption-side: bottom; padding-block-start: var(--brick-tree-grid-caption-gap); }\n\n  :where(.brick-tree-grid__column-header, .brick-tree-grid__row-header, .brick-tree-grid__cell) {\n    box-sizing: border-box;\n    min-block-size: var(--brick-tree-grid-row-min-block-size);\n    padding-block: var(--brick-tree-grid-cell-padding-block);\n    padding-inline: var(--brick-tree-grid-cell-padding-inline);\n    border-block-end: var(--brick-tree-grid-border-width) solid var(--brick-tree-grid-border-color);\n    text-align: start;\n    vertical-align: middle;\n    overflow-wrap: break-word;\n  }\n\n  .brick-tree-grid__column-header { color: var(--brick-tree-grid-header-foreground); background: var(--brick-tree-grid-header-background); font-weight: var(--brick-typography-compact-title-font-weight); white-space: nowrap; }\n  :where(.brick-tree-grid__row-header, .brick-tree-grid__cell) { background: var(--brick-tree-grid-body-background); }\n  .brick-tree-grid__row-header { padding-inline-start: calc(var(--brick-tree-grid-cell-padding-inline) + (var(--tree-grid-level, 1) - 1) * var(--brick-tree-grid-depth-indent)); font-weight: var(--brick-typography-body-md-font-weight); }\n  .brick-tree-grid__row[data-level=\"2\"] { --tree-grid-level: 2; }\n  .brick-tree-grid__row[data-level=\"3\"] { --tree-grid-level: 3; }\n  .brick-tree-grid__row[data-level=\"4\"] { --tree-grid-level: 4; }\n  .brick-tree-grid__row[data-level=\"5\"] { --tree-grid-level: 5; }\n  .brick-tree-grid__row[data-level=\"6\"] { --tree-grid-level: 6; }\n  .brick-tree-grid__row[data-level=\"7\"] { --tree-grid-level: 7; }\n  .brick-tree-grid__row[data-level=\"8\"] { --tree-grid-level: 8; }\n  .brick-tree-grid__row[data-level=\"9\"] { --tree-grid-level: 9; }\n  .brick-tree-grid__row[data-level=\"10\"] { --tree-grid-level: 10; }\n\n  .brick-tree-grid__footer :where(.brick-tree-grid__column-header, .brick-tree-grid__row-header, .brick-tree-grid__cell) { background: var(--brick-tree-grid-footer-background); font-weight: var(--brick-typography-compact-title-font-weight); }\n  :where(.brick-tree-grid__column-header, .brick-tree-grid__row-header, .brick-tree-grid__cell)[data-align=\"center\"] { text-align: center; }\n  :where(.brick-tree-grid__column-header, .brick-tree-grid__row-header, .brick-tree-grid__cell)[data-align=\"end\"] { text-align: end; }\n  :where(.brick-tree-grid__column-header, .brick-tree-grid__row-header, .brick-tree-grid__cell)[data-numeric] { white-space: nowrap; font-variant-numeric: tabular-nums; }\n\n  .brick-tree-grid[data-variant=\"outline\"] { border: var(--brick-tree-grid-border-width) solid var(--brick-tree-grid-border-color); border-radius: var(--brick-tree-grid-radius); overflow: clip; }\n  .brick-tree-grid[data-variant=\"outline\"] :where(.brick-tree-grid__column-header, .brick-tree-grid__row-header, .brick-tree-grid__cell) + :where(.brick-tree-grid__column-header, .brick-tree-grid__row-header, .brick-tree-grid__cell) { border-inline-start: var(--brick-tree-grid-border-width) solid var(--brick-tree-grid-border-color); }\n  .brick-tree-grid[data-variant=\"outline\"] :where(.brick-tree-grid__body, .brick-tree-grid__footer):last-child .brick-tree-grid__row:last-child :where(.brick-tree-grid__row-header, .brick-tree-grid__cell) { border-block-end: 0; }\n  .brick-tree-grid[data-variant=\"outline\"] :where(.brick-tree-grid__body, .brick-tree-grid__footer):last-child .brick-tree-grid__row:last-child > :first-child { border-end-start-radius: calc(var(--brick-tree-grid-radius) - var(--brick-tree-grid-border-width)); }\n  .brick-tree-grid[data-variant=\"outline\"] :where(.brick-tree-grid__body, .brick-tree-grid__footer):last-child .brick-tree-grid__row:last-child > :last-child { border-end-end-radius: calc(var(--brick-tree-grid-radius) - var(--brick-tree-grid-border-width)); }\n\n  .brick-tree-grid__row[data-selected] :where(.brick-tree-grid__row-header, .brick-tree-grid__cell) { color: var(--brick-tree-grid-selected-foreground); background: var(--brick-tree-grid-selected-background); }\n  .brick-tree-grid__row[data-selectable]:hover :where(.brick-tree-grid__row-header, .brick-tree-grid__cell), .brick-tree-grid__column-header[data-actionable]:hover { background: var(--brick-tree-grid-hover-background); }\n  .brick-tree-grid__row[data-disabled] :where(.brick-tree-grid__row-header, .brick-tree-grid__cell), :where(.brick-tree-grid__column-header, .brick-tree-grid__row-header, .brick-tree-grid__cell)[data-disabled] { opacity: var(--brick-tree-grid-disabled-opacity); }\n  :where(.brick-tree-grid__column-header, .brick-tree-grid__row-header, .brick-tree-grid__cell)[data-active] { position: relative; outline: var(--brick-tree-grid-active-width) solid var(--brick-tree-grid-active-color); outline-offset: calc(-1 * var(--brick-tree-grid-active-width)); }\n\n  .brick-tree-grid__indicator { display: inline-flex; align-items: center; justify-content: center; inline-size: var(--brick-tree-grid-indicator-size); block-size: var(--brick-tree-grid-indicator-size); margin-inline-end: var(--brick-space-2); color: var(--brick-tree-grid-indicator-color); vertical-align: middle; transition: transform var(--brick-tree-grid-motion-duration) var(--brick-tree-grid-motion-easing); }\n  .brick-tree-grid__indicator svg, .brick-tree-grid__sort-indicator svg { inline-size: 100%; block-size: 100%; fill: none; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.5; }\n  .brick-tree-grid__row:not([data-expandable]) .brick-tree-grid__indicator { visibility: hidden; }\n  .brick-tree-grid__row[data-expanded] .brick-tree-grid__indicator { transform: rotate(90deg); }\n  [dir=\"rtl\"] .brick-tree-grid__indicator { transform: scaleX(-1); }\n  [dir=\"rtl\"] .brick-tree-grid__row[data-expanded] .brick-tree-grid__indicator { transform: scaleX(-1) rotate(90deg); }\n\n  .brick-tree-grid__sort-indicator { display: inline-flex; inline-size: var(--brick-tree-grid-sort-indicator-size); block-size: var(--brick-tree-grid-sort-indicator-size); margin-inline-start: var(--brick-space-2); vertical-align: middle; color: var(--brick-tree-grid-sort-indicator-color); }\n  .brick-tree-grid__column-header[data-sort=\"ascending\"] .brick-tree-grid__sort-indicator path { d: path(\"m4 10 4-4 4 4\"); }\n  .brick-tree-grid__column-header[data-sort=\"descending\"] .brick-tree-grid__sort-indicator path { d: path(\"m4 6 4 4 4-4\"); }\n\n  @media (prefers-reduced-motion: reduce) { .brick-tree-grid__indicator { transition: none; } }\n  @media (forced-colors: active) {\n    .brick-tree-grid { --brick-tree-grid-border-color: CanvasText; --brick-tree-grid-header-background: Canvas; --brick-tree-grid-body-background: Canvas; --brick-tree-grid-footer-background: Canvas; --brick-tree-grid-active-color: Highlight; --brick-tree-grid-selected-background: Highlight; --brick-tree-grid-selected-foreground: HighlightText; --brick-tree-grid-hover-background: Canvas; --brick-tree-grid-indicator-color: CanvasText; --brick-tree-grid-sort-indicator-color: CanvasText; }\n    :where(.brick-tree-grid__column-header, .brick-tree-grid__row-header, .brick-tree-grid__cell)[data-active] { outline-color: Highlight; }\n    .brick-tree-grid__row[data-disabled] :where(.brick-tree-grid__row-header, .brick-tree-grid__cell) { color: GrayText; opacity: 1; }\n  }\n}\n","@layer brick.components {\n  .brick-aspect-ratio {\n    --brick-aspect-ratio-background: transparent;\n    --brick-aspect-ratio-border-color: transparent;\n    --brick-aspect-ratio-border-width: 0rem;\n    --brick-aspect-ratio-radius: 0rem;\n    --brick-aspect-ratio-overflow: hidden;\n\n    position: relative;\n    display: block;\n    box-sizing: border-box;\n    inline-size: 100%;\n    min-inline-size: 0;\n    max-inline-size: 100%;\n    overflow: var(--brick-aspect-ratio-overflow);\n    border: var(--brick-aspect-ratio-border-width) solid\n      var(--brick-aspect-ratio-border-color);\n    border-radius: var(--brick-aspect-ratio-radius);\n    background: var(--brick-aspect-ratio-background);\n  }\n\n  .brick-aspect-ratio[data-variant=\"subtle\"] {\n    --brick-aspect-ratio-background: var(--brick-color-surface-subtle);\n  }\n\n  .brick-aspect-ratio[data-variant=\"outline\"] {\n    --brick-aspect-ratio-background: var(--brick-color-surface-base);\n    --brick-aspect-ratio-border-color: var(--brick-color-border-subtle);\n    --brick-aspect-ratio-border-width: var(--brick-border-width);\n  }\n\n  .brick-aspect-ratio[data-radius=\"sm\"] {\n    --brick-aspect-ratio-radius: var(--brick-radius-subtle);\n  }\n\n  .brick-aspect-ratio[data-radius=\"md\"] {\n    --brick-aspect-ratio-radius: var(--brick-radius-control);\n  }\n\n  .brick-aspect-ratio[data-radius=\"lg\"] {\n    --brick-aspect-ratio-radius: var(--brick-radius-surface);\n  }\n\n  .brick-aspect-ratio[data-radius=\"full\"] {\n    --brick-aspect-ratio-radius: var(--brick-radius-full);\n  }\n\n  .brick-aspect-ratio[data-overflow=\"visible\"] {\n    --brick-aspect-ratio-overflow: visible;\n  }\n\n  @media (forced-colors: active) {\n    .brick-aspect-ratio[data-variant=\"outline\"] {\n      --brick-aspect-ratio-background: Canvas;\n      --brick-aspect-ratio-border-color: CanvasText;\n    }\n  }\n}\n","@layer brick.components {\n  .brick-feed {\n    --brick-feed-gap: var(--brick-space-3);\n    --brick-feed-item-padding-block: var(--brick-space-4);\n    --brick-feed-item-padding-inline: var(--brick-space-4);\n    --brick-feed-background: transparent;\n    --brick-feed-foreground: var(--brick-color-text-primary);\n    --brick-feed-border-color: var(--brick-color-border-subtle);\n    --brick-feed-border-width: var(--brick-border-width);\n    --brick-feed-radius: var(--brick-radius-surface);\n    --brick-feed-divider-color: var(--brick-color-border-subtle);\n    --brick-feed-focus-color: var(--brick-color-focus-ring);\n    --brick-feed-focus-width: 2px;\n    --brick-feed-focus-offset: 2px;\n    --brick-feed-transition-duration: var(--brick-motion-duration-fast);\n\n    box-sizing: border-box;\n    display: grid;\n    inline-size: 100%;\n    min-inline-size: 0;\n    max-inline-size: 100%;\n    gap: var(--brick-feed-gap);\n    color: var(--brick-feed-foreground);\n  }\n\n  .brick-feed[data-density=\"compact\"] {\n    --brick-feed-gap: var(--brick-space-2);\n    --brick-feed-item-padding-block: var(--brick-space-2);\n    --brick-feed-item-padding-inline: var(--brick-space-3);\n  }\n\n  .brick-feed[data-divider-strength=\"default\"] {\n    --brick-feed-divider-color: var(--brick-color-border-default);\n  }\n\n  .brick-feed[data-variant=\"divided\"] {\n    --brick-feed-gap: 0;\n    background: var(--brick-feed-background);\n  }\n\n  .brick-feed[data-variant=\"divided\"] > .brick-feed__item + .brick-feed__item {\n    border-block-start: var(--brick-feed-border-width) solid var(--brick-feed-divider-color);\n  }\n\n  .brick-feed__item {\n    box-sizing: border-box;\n    min-inline-size: 0;\n    max-inline-size: 100%;\n    padding-block: var(--brick-feed-item-padding-block);\n    padding-inline: var(--brick-feed-item-padding-inline);\n    color: var(--brick-feed-foreground);\n    overflow-wrap: anywhere;\n    outline: var(--brick-feed-focus-width) solid transparent;\n    outline-offset: var(--brick-feed-focus-offset);\n    transition: border-color var(--brick-feed-transition-duration) ease;\n  }\n\n  .brick-feed[data-variant=\"outline\"] > .brick-feed__item {\n    border: var(--brick-feed-border-width) solid var(--brick-feed-border-color);\n    border-radius: var(--brick-feed-radius);\n    background: var(--brick-feed-background);\n  }\n\n  .brick-feed__item:focus-visible {\n    outline-color: var(--brick-feed-focus-color);\n  }\n\n  @media (prefers-reduced-motion: reduce) {\n    .brick-feed__item { transition-duration: 0s; }\n  }\n\n  @media (forced-colors: active) {\n    .brick-feed[data-variant=\"divided\"] > .brick-feed__item + .brick-feed__item,\n    .brick-feed[data-variant=\"outline\"] > .brick-feed__item {\n      border-color: CanvasText;\n    }\n\n    .brick-feed__item:focus-visible {\n      outline-color: Highlight;\n    }\n  }\n}\n","@layer brick.components {\n  .brick-scroll-area {\n    --brick-scroll-area-scrollbar-thumb: var(--brick-color-border-strong);\n    --brick-scroll-area-scrollbar-track: transparent;\n\n    min-inline-size: 0;\n    min-block-size: 0;\n  }\n\n  .brick-scroll-area-viewport {\n    box-sizing: border-box;\n    inline-size: 100%;\n    block-size: 100%;\n    min-inline-size: 0;\n    min-block-size: 0;\n    scrollbar-color: var(--brick-scroll-area-scrollbar-thumb) var(--brick-scroll-area-scrollbar-track);\n    scrollbar-width: auto;\n  }\n\n  .brick-scroll-area-viewport[data-orientation=\"vertical\"] { overflow-x: hidden; overflow-y: auto; }\n  .brick-scroll-area-viewport[data-orientation=\"horizontal\"] { overflow-x: auto; overflow-y: hidden; }\n  .brick-scroll-area-viewport[data-orientation=\"both\"] { overflow: auto; }\n\n  .brick-scroll-area[data-scrollbar-gutter=\"stable\"] > .brick-scroll-area-viewport { scrollbar-gutter: stable; }\n  .brick-scroll-area[data-scrollbar-visibility=\"always\"] > .brick-scroll-area-viewport[data-orientation=\"vertical\"] { overflow-y: scroll; }\n  .brick-scroll-area[data-scrollbar-visibility=\"always\"] > .brick-scroll-area-viewport[data-orientation=\"horizontal\"] { overflow-x: scroll; }\n  .brick-scroll-area[data-scrollbar-visibility=\"always\"] > .brick-scroll-area-viewport[data-orientation=\"both\"] { overflow: scroll; }\n  .brick-scroll-area[data-scrollbar-visibility=\"interaction\"] > .brick-scroll-area-viewport { scrollbar-color: transparent transparent; }\n  .brick-scroll-area[data-scrollbar-visibility=\"interaction\"]:is(:hover, :focus-within) > .brick-scroll-area-viewport {\n    scrollbar-color: var(--brick-scroll-area-scrollbar-thumb) var(--brick-scroll-area-scrollbar-track);\n  }\n\n  .brick-scroll-area-viewport:focus-visible {\n    outline: var(--brick-border-focus-width) solid var(--brick-color-focus-ring);\n    outline-offset: calc(-1 * var(--brick-border-focus-width));\n  }\n\n  @media (forced-colors: active) {\n    .brick-scroll-area-viewport,\n    .brick-scroll-area[data-scrollbar-visibility=\"interaction\"] > .brick-scroll-area-viewport { scrollbar-color: auto; }\n    .brick-scroll-area-viewport:focus-visible { outline-color: Highlight; }\n  }\n}\n","@layer brick.components {\n  .brick-tree {\n    --brick-tree-background: transparent;\n    --brick-tree-border-color: var(--brick-color-border-subtle);\n    --brick-tree-border-width: var(--brick-border-width);\n    --brick-tree-radius: var(--brick-radius-surface);\n    --brick-tree-padding: var(--brick-space-1);\n    --brick-tree-row-min-block-size: 2.75rem;\n    --brick-tree-row-radius: var(--brick-radius-control);\n    --brick-tree-row-gap: var(--brick-space-2);\n    --brick-tree-row-padding-block: var(--brick-space-2);\n    --brick-tree-row-padding-inline: var(--brick-space-3);\n    --brick-tree-depth-indent: var(--brick-space-5);\n    --brick-tree-guide-color: var(--brick-color-border-subtle);\n    --brick-tree-guide-offset: calc(var(--brick-tree-padding) + var(--brick-tree-row-padding-inline) + .4375rem);\n    --brick-tree-foreground: var(--brick-color-text-primary);\n    --brick-tree-indicator-color: var(--brick-color-text-secondary);\n    --brick-tree-hover-background: var(--brick-color-surface-hover, var(--brick-color-surface-subtle));\n    --brick-tree-active-background: transparent;\n    --brick-tree-selected-background: var(--brick-color-surface-accent-subtle, var(--brick-color-surface-subtle));\n    --brick-tree-selected-foreground: var(--brick-color-text-primary);\n    --brick-tree-disabled-opacity: .5;\n    --brick-tree-focus-ring: var(--brick-color-focus-ring);\n    --brick-tree-focus-ring-width: 2px;\n    --brick-tree-motion-duration: 160ms;\n    --brick-tree-motion-easing: ease;\n    box-sizing: border-box;\n    inline-size: 100%;\n    min-inline-size: 0;\n    max-inline-size: 100%;\n    padding: var(--brick-tree-padding);\n    border: 0;\n    border-radius: var(--brick-tree-radius);\n    color: var(--brick-tree-foreground);\n    background: var(--brick-tree-background);\n    font-family: var(--brick-typography-body-md-font-family);\n    font-size: var(--brick-typography-body-md-font-size);\n    line-height: var(--brick-typography-body-md-line-height);\n  }\n\n  .brick-tree[data-variant=\"soft\"] {\n    --brick-tree-background: var(--brick-color-surface-subtle);\n  }\n\n  .brick-tree[data-variant=\"outline\"] {\n    border: var(--brick-tree-border-width) solid var(--brick-tree-border-color);\n    overflow: clip;\n  }\n\n  .brick-tree[data-size=\"sm\"] {\n    --brick-tree-row-min-block-size: 2.25rem;\n    --brick-tree-row-padding-block: var(--brick-space-1);\n    --brick-tree-row-padding-inline: var(--brick-space-2);\n    --brick-tree-depth-indent: var(--brick-space-4);\n    --brick-tree-guide-offset: calc(var(--brick-tree-padding) + var(--brick-tree-row-padding-inline) + .375rem);\n    font-size: var(--brick-typography-body-sm-font-size);\n    line-height: var(--brick-typography-body-sm-line-height);\n  }\n\n  .brick-tree__item {\n    box-sizing: border-box;\n    min-inline-size: 0;\n    outline: none;\n    --brick-tree-level: 1;\n  }\n\n  .brick-tree__item[data-level=\"2\"] { --brick-tree-level: 2; }\n  .brick-tree__item[data-level=\"3\"] { --brick-tree-level: 3; }\n  .brick-tree__item[data-level=\"4\"] { --brick-tree-level: 4; }\n  .brick-tree__item[data-level=\"5\"] { --brick-tree-level: 5; }\n  .brick-tree__item[data-level=\"6\"] { --brick-tree-level: 6; }\n  .brick-tree__item[data-level=\"7\"] { --brick-tree-level: 7; }\n  .brick-tree__item[data-level=\"8\"] { --brick-tree-level: 8; }\n  .brick-tree__item[data-level=\"9\"] { --brick-tree-level: 9; }\n  .brick-tree__item[data-level=\"10\"] { --brick-tree-level: 10; }\n\n  .brick-tree__item-content {\n    box-sizing: border-box;\n    display: flex;\n    align-items: center;\n    gap: var(--brick-tree-row-gap);\n    min-inline-size: 0;\n    min-block-size: var(--brick-tree-row-min-block-size);\n    margin-inline-start: calc((var(--brick-tree-level) - 1) * var(--brick-tree-depth-indent));\n    padding-block: var(--brick-tree-row-padding-block);\n    padding-inline: var(--brick-tree-row-padding-inline);\n    border-radius: var(--brick-tree-row-radius);\n    overflow-wrap: anywhere;\n  }\n\n  .brick-tree__item:hover > .brick-tree__item-content {\n    background: var(--brick-tree-hover-background);\n  }\n\n  .brick-tree__item[data-selected] > .brick-tree__item-content {\n    color: var(--brick-tree-selected-foreground);\n    background: var(--brick-tree-selected-background);\n  }\n\n  .brick-tree__item[data-active] > .brick-tree__item-content {\n    box-shadow: inset 0 0 0 var(--brick-tree-focus-ring-width) var(--brick-tree-focus-ring);\n  }\n\n  .brick-tree__item[data-active][data-selected] > .brick-tree__item-content {\n    background: var(--brick-tree-selected-background);\n  }\n\n  .brick-tree__item[data-disabled] > .brick-tree__item-content,\n  .brick-tree[data-disabled] .brick-tree__item-content {\n    opacity: var(--brick-tree-disabled-opacity);\n  }\n\n  .brick-tree__indicator {\n    display: inline-flex;\n    flex: 0 0 auto;\n    align-items: center;\n    justify-content: center;\n    inline-size: 1rem;\n    block-size: 1rem;\n    color: var(--brick-tree-indicator-color);\n    transition: transform var(--brick-tree-motion-duration) var(--brick-tree-motion-easing);\n  }\n\n  .brick-tree__indicator svg {\n    inline-size: 100%;\n    block-size: 100%;\n    fill: none;\n    stroke: currentColor;\n    stroke-linecap: round;\n    stroke-linejoin: round;\n    stroke-width: 1.5;\n  }\n\n  .brick-tree__item:not([data-expandable]) > .brick-tree__item-content > .brick-tree__indicator {\n    visibility: hidden;\n  }\n\n  .brick-tree__item[data-expanded] > .brick-tree__item-content > .brick-tree__indicator {\n    transform: rotate(90deg);\n  }\n\n  [dir=\"rtl\"] .brick-tree__indicator {\n    transform: scaleX(-1);\n  }\n\n  [dir=\"rtl\"] .brick-tree__item[data-expanded] > .brick-tree__item-content > .brick-tree__indicator {\n    transform: scaleX(-1) rotate(90deg);\n  }\n\n  .brick-tree__item-text {\n    min-inline-size: 0;\n  }\n\n  .brick-tree__group {\n    position: relative;\n    min-inline-size: 0;\n  }\n\n  .brick-tree[data-guide] .brick-tree__group::before {\n    content: \"\";\n    position: absolute;\n    inset-block: 0;\n    inset-inline-start: calc(var(--brick-tree-guide-offset) + (var(--brick-tree-level) - 1) * var(--brick-tree-depth-indent));\n    border-inline-start: var(--brick-tree-border-width) solid var(--brick-tree-guide-color);\n    pointer-events: none;\n  }\n\n  @media (prefers-reduced-motion: reduce) {\n    .brick-tree__indicator { transition: none; }\n  }\n\n  @media (forced-colors: active) {\n    .brick-tree {\n      --brick-tree-border-color: CanvasText;\n      --brick-tree-background: Canvas;\n      --brick-tree-guide-color: GrayText;\n      --brick-tree-hover-background: Canvas;\n      --brick-tree-selected-background: Highlight;\n      --brick-tree-selected-foreground: HighlightText;\n      --brick-tree-focus-ring: CanvasText;\n    }\n    .brick-tree__item[data-active] > .brick-tree__item-content { outline: 2px solid CanvasText; outline-offset: -2px; }\n    .brick-tree__item[data-disabled] > .brick-tree__item-content { color: GrayText; opacity: 1; }\n  }\n}\n","@layer brick.components {\n  :root {\n    --brick-app-bar-toolbar-min-block-size-comfortable: 4rem;\n    --brick-app-bar-toolbar-min-block-size-compact: 3rem;\n  }\n\n  .brick-app-bar {\n    --brick-app-bar-background: var(--brick-color-surface-base);\n    --brick-app-bar-foreground: var(--brick-color-text-primary);\n    --brick-app-bar-border-color: var(--brick-color-border-subtle);\n    --brick-app-bar-blurred-background: color-mix(\n      in srgb,\n      var(--brick-color-surface-base),\n      transparent 12%\n    );\n    --brick-app-bar-reduced-transparency-background: var(--brick-color-surface-base);\n    --brick-app-bar-shadow: 0 0.5rem 1.5rem color-mix(\n      in srgb,\n      var(--brick-color-shadow),\n      transparent 28%\n    );\n\n    display: block;\n    box-sizing: border-box;\n    inline-size: 100%;\n    min-inline-size: 0;\n    background: var(--brick-app-bar-background);\n    color: var(--brick-app-bar-foreground);\n  }\n\n  .brick-app-bar[data-position=\"absolute\"],\n  .brick-app-bar[data-position=\"sticky\"],\n  .brick-app-bar[data-position=\"fixed\"] {\n    inset-block-start: 0;\n    z-index: calc(var(--brick-layer-overlay) - 10);\n  }\n\n  .brick-app-bar[data-position=\"absolute\"] {\n    position: absolute;\n    inset-inline: 0;\n  }\n\n  .brick-app-bar[data-position=\"sticky\"] {\n    position: sticky;\n  }\n\n  .brick-app-bar[data-position=\"fixed\"] {\n    position: fixed;\n    inset-inline: 0;\n  }\n\n  .brick-app-bar[data-variant=\"solid\"] {\n    --brick-app-bar-background: var(--brick-color-surface-raised);\n  }\n\n  .brick-app-bar[data-variant=\"surface\"] {\n    --brick-app-bar-background: var(--brick-color-surface-base);\n  }\n\n  .brick-app-bar[data-variant=\"transparent\"] {\n    --brick-app-bar-background: transparent;\n  }\n\n  .brick-app-bar[data-tone=\"accent\"][data-variant=\"solid\"] {\n    --brick-app-bar-background: var(--brick-color-accent-solid);\n    --brick-app-bar-foreground: var(--brick-color-accent-on-solid);\n    --brick-app-bar-border-color: var(--brick-color-accent-solid-pressed);\n    --brick-app-bar-blurred-background: color-mix(\n      in srgb,\n      var(--brick-color-accent-solid),\n      transparent 12%\n    );\n    --brick-app-bar-reduced-transparency-background: var(--brick-color-accent-solid);\n  }\n\n  .brick-app-bar[data-tone=\"accent\"][data-variant=\"surface\"] {\n    --brick-app-bar-background: var(--brick-color-accent-soft);\n    --brick-app-bar-foreground: var(--brick-color-accent-on-soft);\n    --brick-app-bar-border-color: var(--brick-color-accent-border);\n    --brick-app-bar-blurred-background: color-mix(\n      in srgb,\n      var(--brick-color-accent-soft),\n      transparent 12%\n    );\n    --brick-app-bar-reduced-transparency-background: var(--brick-color-accent-soft);\n  }\n\n  .brick-app-bar[data-tone=\"accent\"][data-variant=\"transparent\"] {\n    --brick-app-bar-foreground: var(--brick-color-accent-text);\n    --brick-app-bar-border-color: var(--brick-color-accent-border);\n    --brick-app-bar-blurred-background: color-mix(\n      in srgb,\n      var(--brick-color-accent-soft),\n      transparent 12%\n    );\n    --brick-app-bar-reduced-transparency-background: var(--brick-color-accent-soft);\n  }\n\n  .brick-app-bar[data-bordered] {\n    border-block-end: var(--brick-border-width) solid var(--brick-app-bar-border-color);\n  }\n\n  .brick-app-bar[data-elevated] {\n    box-shadow: var(--brick-app-bar-shadow);\n  }\n\n  .brick-app-bar[data-blurred] {\n    background: var(--brick-app-bar-blurred-background);\n    backdrop-filter: blur(0.75rem) saturate(1.15);\n  }\n\n  .brick-app-bar[data-tone=\"accent\"][data-variant=\"solid\"]\n    .brick-icon-button[data-tone=\"neutral\"] {\n    --brick-icon-button-background-hover: color-mix(in srgb, currentColor, transparent 88%);\n    --brick-icon-button-background-pressed: color-mix(in srgb, currentColor, transparent 78%);\n    --brick-icon-button-border-color: transparent;\n    --brick-icon-button-foreground: var(--brick-app-bar-foreground);\n  }\n\n  .brick-app-bar-toolbar {\n    --brick-app-bar-toolbar-min-block-size: var(\n      --brick-app-bar-toolbar-min-block-size-comfortable\n    );\n    --brick-app-bar-toolbar-padding-inline: clamp(\n      var(--brick-space-4),\n      4vw,\n      var(--brick-space-6)\n    );\n\n    display: grid;\n    box-sizing: border-box;\n    inline-size: 100%;\n    min-inline-size: 0;\n    min-block-size: var(--brick-app-bar-toolbar-min-block-size);\n    grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);\n    align-items: center;\n    gap: var(--brick-space-3);\n    padding-inline: var(--brick-app-bar-toolbar-padding-inline);\n  }\n\n  .brick-app-bar-toolbar[data-inset=\"none\"] {\n    --brick-app-bar-toolbar-padding-inline: 0;\n  }\n\n  .brick-app-bar-toolbar[data-density=\"compact\"] {\n    --brick-app-bar-toolbar-min-block-size: var(\n      --brick-app-bar-toolbar-min-block-size-compact\n    );\n    min-block-size: var(--brick-app-bar-toolbar-min-block-size);\n    gap: var(--brick-space-2);\n  }\n\n  :where(.brick-app-bar-start, .brick-app-bar-center, .brick-app-bar-end) {\n    display: flex;\n    min-inline-size: 0;\n    align-items: center;\n    gap: var(--brick-space-2);\n  }\n\n  .brick-app-bar-start {\n    grid-column: 1;\n  }\n\n  .brick-app-bar-center {\n    grid-column: 2;\n    justify-content: center;\n  }\n\n  .brick-app-bar-end {\n    grid-column: 3;\n    justify-content: flex-end;\n  }\n\n  @media (prefers-reduced-transparency: reduce) {\n    .brick-app-bar[data-blurred] {\n      background: var(--brick-app-bar-reduced-transparency-background);\n      backdrop-filter: none;\n    }\n  }\n\n  @media (forced-colors: active) {\n    .brick-app-bar,\n    .brick-app-bar[data-variant],\n    .brick-app-bar[data-blurred] {\n      border-color: CanvasText;\n      background: Canvas;\n      box-shadow: none;\n      color: CanvasText;\n    }\n  }\n}\n","@layer brick.components {\n  .brick-swipeable-item {\n    --brick-swipeable-item-background: var(--brick-color-surface-base);\n    --brick-swipeable-item-foreground: var(--brick-color-text-primary);\n    --brick-swipeable-item-action-background: var(--brick-color-surface-raised);\n    --brick-swipeable-item-action-foreground: var(--brick-color-text-primary);\n    --brick-swipeable-item-border-color: var(--brick-color-border-subtle);\n    --brick-swipeable-item-border-width: var(--brick-border-width);\n    --brick-swipeable-item-radius: var(--brick-radius-surface);\n    --brick-swipeable-item-focus-color: var(--brick-color-focus-ring);\n    --brick-swipeable-item-focus-width: 2px;\n    --brick-swipeable-item-focus-offset: -3px;\n    --brick-swipeable-item-action-gap: var(--brick-space-2);\n    --brick-swipeable-item-action-padding-inline: var(--brick-space-2);\n    --brick-swipeable-item-action-min-size: 2.75rem;\n    --brick-swipeable-item-transition-duration: var(--brick-motion-duration-fast);\n\n    position: relative;\n    isolation: isolate;\n    box-sizing: border-box;\n    display: grid;\n    inline-size: 100%;\n    min-inline-size: 0;\n    overflow: hidden;\n    border: var(--brick-swipeable-item-border-width) solid transparent;\n    border-radius: var(--brick-swipeable-item-radius);\n    background: var(--brick-swipeable-item-action-background);\n    color: var(--brick-swipeable-item-foreground);\n  }\n\n  .brick-swipeable-item[data-variant=\"outline\"] {\n    border-color: var(--brick-swipeable-item-border-color);\n  }\n\n  .brick-swipeable-item__content {\n    position: relative;\n    z-index: 1;\n    box-sizing: border-box;\n    min-inline-size: 0;\n    border-radius: calc(var(--brick-swipeable-item-radius) - var(--brick-swipeable-item-border-width));\n    background: var(--brick-swipeable-item-background);\n    color: var(--brick-swipeable-item-foreground);\n    outline: var(--brick-swipeable-item-focus-width) solid transparent;\n    outline-offset: var(--brick-swipeable-item-focus-offset);\n    transform: translate3d(var(--atom-swipeable-item-offset, 0px), 0, 0);\n    transition: transform var(--brick-swipeable-item-transition-duration) ease;\n  }\n\n  .brick-swipeable-item[data-dragging] .brick-swipeable-item__content {\n    transition: none;\n  }\n\n  .brick-swipeable-item__content:focus-visible {\n    outline-color: var(--brick-swipeable-item-focus-color);\n  }\n\n  .brick-swipeable-item__actions {\n    position: absolute;\n    z-index: 0;\n    inset-block: 0;\n    box-sizing: border-box;\n    display: flex;\n    align-items: stretch;\n    gap: var(--brick-swipeable-item-action-gap);\n    min-inline-size: var(--brick-swipeable-item-action-min-size);\n    padding-inline: var(--brick-swipeable-item-action-padding-inline);\n    background: var(--brick-swipeable-item-action-background);\n    color: var(--brick-swipeable-item-action-foreground);\n  }\n\n  .brick-swipeable-item__actions[data-side=\"start\"] { inset-inline-start: 0; }\n  .brick-swipeable-item__actions[data-side=\"end\"] { inset-inline-end: 0; }\n\n  .brick-swipeable-item__actions > * {\n    min-inline-size: var(--brick-swipeable-item-action-min-size);\n    min-block-size: var(--brick-swipeable-item-action-min-size);\n  }\n\n  .brick-swipeable-item[data-disabled] { opacity: 0.55; }\n  .brick-swipeable-item[data-readonly] { cursor: default; }\n\n  @media (prefers-reduced-motion: reduce) {\n    .brick-swipeable-item__content { transition-duration: 0s; }\n  }\n\n  @media (forced-colors: active) {\n    .brick-swipeable-item[data-variant=\"outline\"] { border-color: CanvasText; }\n    .brick-swipeable-item__content:focus-visible { outline-color: Highlight; }\n    .brick-swipeable-item__actions { border-inline: 1px solid CanvasText; }\n  }\n}\n","@layer brick.components {\n  .brick-code {\n    --brick-code-foreground: var(--brick-color-text-primary);\n    --brick-code-background: var(--brick-color-surface-subtle);\n    --brick-code-border-color: var(--brick-color-border-subtle);\n    --brick-code-border-width: var(--brick-border-width);\n    --brick-code-radius: var(--brick-radius-subtle);\n    --brick-code-padding-block: 0.0625em;\n    --brick-code-padding-inline: 0.3em;\n    --brick-code-font-family: var(--brick-typography-code-inline-font-family);\n    --brick-code-font-size: var(--brick-typography-code-inline-font-size);\n    --brick-code-font-weight: var(--brick-typography-code-inline-font-weight);\n    --brick-code-line-height: var(--brick-typography-code-inline-line-height);\n    --brick-code-letter-spacing: var(--brick-typography-code-inline-letter-spacing);\n\n    box-decoration-break: clone;\n    padding: var(--brick-code-padding-block) var(--brick-code-padding-inline);\n    border: var(--brick-code-border-width) solid var(--brick-code-border-color);\n    border-radius: var(--brick-code-radius);\n    background: var(--brick-code-background);\n    color: var(--brick-code-foreground);\n    font-family: var(--brick-code-font-family);\n    font-size: var(--brick-code-font-size);\n    font-weight: var(--brick-code-font-weight);\n    letter-spacing: var(--brick-code-letter-spacing);\n    line-height: var(--brick-code-line-height);\n    overflow-wrap: anywhere;\n    white-space: normal;\n    -webkit-box-decoration-break: clone;\n  }\n\n  .brick-code[data-variant=\"plain\"] {\n    --brick-code-background: transparent;\n    --brick-code-border-width: 0rem;\n    --brick-code-padding-block: 0em;\n    --brick-code-padding-inline: 0em;\n  }\n\n  .brick-code[data-tone=\"inherit\"] { --brick-code-foreground: currentColor; }\n  .brick-code[data-size=\"sm\"] {\n    --brick-code-font-size: var(--brick-typography-body-sm-font-size);\n    --brick-code-line-height: var(--brick-typography-body-sm-line-height);\n  }\n  .brick-code[data-size=\"md\"] {\n    --brick-code-font-size: var(--brick-typography-body-md-font-size);\n    --brick-code-line-height: var(--brick-typography-body-md-line-height);\n  }\n\n  @media (forced-colors: active) {\n    .brick-code {\n      --brick-code-foreground: CanvasText;\n      --brick-code-background: Canvas;\n      --brick-code-border-color: CanvasText;\n    }\n  }\n}\n","@layer brick.components {\n  .brick-hover-card {\n    --brick-hover-card-background: var(--brick-color-surface-raised);\n    --brick-hover-card-foreground: var(--brick-color-text-primary);\n    --brick-hover-card-muted-foreground: var(--brick-color-text-primary);\n    --brick-hover-card-border: var(--brick-color-border-subtle);\n    --brick-hover-card-radius: var(--brick-radius-overlay);\n    --brick-hover-card-shadow: 0 0.75rem 2rem color-mix(in srgb, var(--brick-color-shadow), transparent 68%);\n    --brick-hover-card-padding: var(--brick-space-4);\n    --brick-hover-card-gap: var(--brick-space-3);\n    --brick-hover-card-max-inline-size-sm: 16rem;\n    --brick-hover-card-max-inline-size-md: 20rem;\n    --brick-hover-card-max-inline-size-lg: 24rem;\n    --brick-hover-card-max-block-size: min(32rem, calc(100dvb - 2rem));\n\n    z-index: calc(var(--brick-layer-overlay) - 1);\n    box-sizing: border-box;\n    display: block;\n    inline-size: max-content;\n    max-inline-size: min(var(--brick-hover-card-max-inline-size-md), calc(100dvi - 2rem));\n    border: var(--brick-border-width) solid var(--brick-hover-card-border);\n    border-radius: var(--brick-hover-card-radius);\n    background: var(--brick-hover-card-background);\n    box-shadow: var(--brick-hover-card-shadow);\n    color: var(--brick-hover-card-foreground);\n    opacity: 0;\n    overflow-wrap: anywhere;\n    scale: 0.98;\n    transform-origin: var(--brick-floating-arrow-transform-origin, center);\n    transition:\n      opacity var(--brick-motion-duration-fast) var(--brick-motion-easing-enter),\n      scale var(--brick-motion-duration-fast) var(--brick-motion-easing-enter);\n  }\n\n  .brick-hover-card__viewport {\n    box-sizing: border-box;\n    display: grid;\n    max-block-size: var(--brick-hover-card-max-block-size);\n    gap: var(--brick-hover-card-gap);\n    padding: var(--brick-hover-card-padding);\n    overflow: auto;\n    border-radius: inherit;\n  }\n\n  .brick-hover-card[data-size=\"sm\"] {\n    max-inline-size: min(var(--brick-hover-card-max-inline-size-sm), calc(100dvi - 2rem));\n  }\n\n  .brick-hover-card[data-size=\"lg\"] {\n    max-inline-size: min(var(--brick-hover-card-max-inline-size-lg), calc(100dvi - 2rem));\n  }\n\n  .brick-hover-card[data-positioned] {\n    opacity: 1;\n    scale: 1;\n  }\n\n  .brick-hover-card[data-state=\"closed\"] {\n    opacity: 0;\n    pointer-events: none;\n    scale: 0.98;\n  }\n\n  .brick-hover-card__arrow {\n    --brick-floating-arrow-fill: var(--brick-hover-card-background);\n    --brick-floating-arrow-stroke: var(--brick-hover-card-border);\n  }\n\n  .brick-hover-card[data-side=\"top\"] .brick-hover-card__arrow {\n    translate: 0 calc(var(--brick-border-width) * -1);\n    filter: drop-shadow(0 1px 0 var(--brick-hover-card-border));\n  }\n\n  .brick-hover-card[data-side=\"right\"] .brick-hover-card__arrow {\n    translate: var(--brick-border-width) 0;\n    filter: drop-shadow(-1px 0 0 var(--brick-hover-card-border));\n  }\n\n  .brick-hover-card[data-side=\"bottom\"] .brick-hover-card__arrow {\n    translate: 0 var(--brick-border-width);\n    filter: drop-shadow(0 -1px 0 var(--brick-hover-card-border));\n  }\n\n  .brick-hover-card[data-side=\"left\"] .brick-hover-card__arrow {\n    translate: calc(var(--brick-border-width) * -1) 0;\n    filter: drop-shadow(1px 0 0 var(--brick-hover-card-border));\n  }\n\n  .brick-hover-card :where(p) {\n    margin: 0;\n    color: var(--brick-hover-card-muted-foreground);\n  }\n\n  @media (prefers-reduced-motion: reduce) {\n    .brick-hover-card {\n      scale: 1;\n      transition-duration: 1ms;\n    }\n  }\n\n  @media (forced-colors: active) {\n    .brick-hover-card {\n      --brick-hover-card-background: Canvas;\n      --brick-hover-card-foreground: CanvasText;\n      --brick-hover-card-muted-foreground: CanvasText;\n      --brick-hover-card-border: CanvasText;\n      box-shadow: none;\n    }\n\n    .brick-hover-card__arrow {\n      color: CanvasText;\n      fill: Canvas;\n      filter: none;\n      stroke: CanvasText;\n    }\n  }\n}\n","@layer brick.components {\n  .brick-card {\n    --brick-card-space: var(--brick-space-5);\n    --brick-card-radius: var(--brick-radius-surface);\n    --brick-card-shadow: 0 0.75rem 2rem color-mix(\n      in srgb,\n      var(--brick-color-shadow),\n      transparent 18%\n    );\n    --brick-card-background: var(--brick-color-surface-raised);\n    --brick-card-border-color: var(--brick-color-border-default);\n    --brick-card-border-width: var(--brick-border-width);\n    --brick-card-title-size: var(--brick-typography-surface-title-md-font-size);\n\n    display: flex;\n    box-sizing: border-box;\n    min-inline-size: 0;\n    max-inline-size: 100%;\n    flex-direction: column;\n    overflow: clip;\n    border: var(--brick-card-border-width) solid var(--brick-card-border-color);\n    border-radius: var(--brick-card-radius);\n    background: var(--brick-card-background);\n    box-shadow: none;\n    color: var(--brick-color-text-primary);\n    overflow-wrap: anywhere;\n  }\n\n  .brick-card[data-variant=\"elevated\"] {\n    --brick-card-background: color-mix(\n      in srgb,\n      var(--brick-color-surface-raised),\n      white 6%\n    );\n    --brick-card-border-color: color-mix(\n      in srgb,\n      var(--brick-color-border-subtle),\n      transparent 45%\n    );\n\n    box-shadow: var(--brick-card-shadow);\n  }\n\n  .brick-card[data-variant=\"subtle\"] {\n    --brick-card-background: var(--brick-color-surface-subtle);\n    --brick-card-border-color: transparent;\n  }\n\n  .brick-card[data-bordered=\"false\"] {\n    --brick-card-border-width: 0;\n  }\n\n  .brick-card[data-size=\"sm\"] {\n    --brick-card-space: var(--brick-space-3);\n    --brick-card-title-size: var(--brick-typography-surface-title-sm-font-size);\n  }\n\n  .brick-card[data-size=\"lg\"] {\n    --brick-card-space: var(--brick-space-6);\n    --brick-card-title-size: var(--brick-typography-surface-title-lg-font-size);\n  }\n\n  .brick-card-header {\n    display: grid;\n    min-inline-size: 0;\n    grid-template-columns: minmax(0, 1fr);\n    grid-auto-flow: row;\n    row-gap: var(--brick-space-1);\n    align-items: start;\n    padding: var(--brick-card-space);\n  }\n\n  .brick-card-header:has(> .brick-card-action) {\n    grid-template-columns: minmax(0, 1fr) auto;\n    column-gap: var(--brick-space-3);\n  }\n\n  .brick-card-title,\n  .brick-card-description {\n    min-inline-size: 0;\n    grid-column: 1;\n    margin: 0;\n  }\n\n  .brick-card-title {\n    color: var(--brick-color-text-primary);\n    font-family: var(--brick-typography-surface-title-md-font-family);\n    font-size: var(--brick-card-title-size);\n    font-weight: var(--brick-typography-surface-title-md-font-weight);\n    letter-spacing: var(--brick-typography-surface-title-md-letter-spacing);\n    line-height: var(--brick-typography-surface-title-md-line-height);\n  }\n\n  .brick-card-description {\n    color: var(--brick-color-text-secondary);\n    font-family: var(--brick-typography-supporting-sm-font-family);\n    font-size: var(--brick-typography-supporting-sm-font-size);\n    font-weight: var(--brick-typography-supporting-sm-font-weight);\n    letter-spacing: var(--brick-typography-supporting-sm-letter-spacing);\n    line-height: var(--brick-typography-supporting-sm-line-height);\n  }\n\n  .brick-card-action {\n    display: flex;\n    min-inline-size: 0;\n    max-inline-size: 100%;\n    grid-column: 2;\n    grid-row: 1 / -1;\n    align-items: start;\n    justify-content: end;\n  }\n\n  .brick-card-content {\n    min-inline-size: 0;\n    padding-inline: var(--brick-card-space);\n    padding-block-end: var(--brick-card-space);\n    color: var(--brick-color-text-primary);\n    line-height: var(--brick-typography-body-md-line-height);\n  }\n\n  .brick-card > .brick-card-content:first-child {\n    padding-block-start: var(--brick-card-space);\n  }\n\n  .brick-card-footer {\n    display: flex;\n    min-inline-size: 0;\n    flex-wrap: wrap;\n    align-items: center;\n    gap: var(--brick-space-2);\n    padding-inline: var(--brick-card-space);\n    padding-block-end: var(--brick-card-space);\n  }\n\n  .brick-card > .brick-card-footer:first-child {\n    padding-block-start: var(--brick-card-space);\n  }\n\n  .brick-card > :where(img, picture, video) {\n    display: block;\n    inline-size: 100%;\n    max-inline-size: 100%;\n  }\n\n  .brick-card > :where(img, video),\n  .brick-card > picture > img {\n    block-size: auto;\n  }\n\n  @media (forced-colors: active) {\n    .brick-card,\n    .brick-card[data-variant=\"elevated\"],\n    .brick-card[data-variant=\"subtle\"] {\n      border-color: CanvasText;\n      box-shadow: none;\n    }\n  }\n}\n","@layer brick.components {\n  .brick-toolbar {\n    --brick-toolbar-surface: var(--brick-color-surface-subtle);\n    --brick-toolbar-border-color: transparent;\n    --brick-toolbar-radius: var(--brick-radius-control);\n    --brick-toolbar-gap: 0.25rem;\n    --brick-toolbar-padding: 0.25rem;\n    --brick-toolbar-item-size: var(--brick-control-min-block-size-md);\n    --brick-toolbar-item-padding-inline: 0.75rem;\n    --brick-toolbar-item-radius: calc(var(--brick-toolbar-radius) - 0.125rem);\n    --brick-toolbar-item-background: transparent;\n    --brick-toolbar-item-selected-background: var(--brick-toolbar-toggle-tone-soft);\n    --brick-toolbar-separator-color: var(--brick-color-border-default);\n\n    display: inline-flex;\n    box-sizing: border-box;\n    min-inline-size: 0;\n    max-inline-size: 100%;\n    align-items: center;\n    gap: var(--brick-toolbar-gap);\n    padding: var(--brick-toolbar-padding);\n    border: var(--brick-border-width) solid var(--brick-toolbar-border-color);\n    border-radius: var(--brick-toolbar-radius);\n    background: var(--brick-toolbar-surface);\n    color: var(--brick-color-text-primary);\n    overflow: auto hidden;\n    scrollbar-width: thin;\n  }\n  .brick-toolbar[data-orientation=\"vertical\"] { flex-direction: column; align-items: stretch; overflow: hidden auto; }\n  .brick-toolbar[data-variant=\"plain\"] { --brick-toolbar-surface: transparent; --brick-toolbar-padding: 0; }\n  .brick-toolbar[data-variant=\"outline\"] { --brick-toolbar-surface: var(--brick-color-surface-base); --brick-toolbar-border-color: var(--brick-color-border-default); }\n  .brick-toolbar[data-size=\"sm\"] { --brick-toolbar-item-size: var(--brick-control-min-block-size-sm); --brick-toolbar-item-padding-inline: 0.625rem; }\n  .brick-toolbar[data-size=\"lg\"] { --brick-toolbar-item-size: var(--brick-control-min-block-size-lg); --brick-toolbar-item-padding-inline: 1rem; }\n  :where(.brick-toolbar__button, .brick-toolbar__link, .brick-toolbar__toggle-item) {\n    display: inline-flex; box-sizing: border-box; flex: 0 0 auto; min-block-size: var(--brick-toolbar-item-size); align-items: center; justify-content: center;\n    gap: 0.375rem; padding: 0.25rem var(--brick-toolbar-item-padding-inline); border: var(--brick-border-width) solid transparent; border-radius: var(--brick-toolbar-item-radius);\n    appearance: none; background: var(--brick-toolbar-item-background); color: inherit; font: inherit; font-family: var(--brick-typography-control-md-font-family); font-weight: var(--brick-typography-control-md-font-weight);\n    line-height: var(--brick-typography-control-md-line-height); text-decoration: none; white-space: nowrap; cursor: pointer;\n  }\n  .brick-toolbar[data-size=\"sm\"] :where(.brick-toolbar__button, .brick-toolbar__link, .brick-toolbar__toggle-item) { font-size: var(--brick-typography-control-sm-font-size); }\n  .brick-toolbar[data-size=\"lg\"] :where(.brick-toolbar__button, .brick-toolbar__link, .brick-toolbar__toggle-item) { font-size: var(--brick-typography-control-lg-font-size); }\n  :where(.brick-toolbar__button, .brick-toolbar__link, .brick-toolbar__toggle-item) > :where(svg, img) { inline-size: 1em; block-size: 1em; flex: none; }\n  :where(.brick-toolbar__button, .brick-toolbar__link, .brick-toolbar__toggle-item):focus-visible { z-index: 1; outline: var(--brick-border-focus-width) solid var(--brick-color-focus-ring); outline-offset: calc(-1 * var(--brick-border-focus-width)); }\n  :where(.brick-toolbar__button, .brick-toolbar__link, .brick-toolbar__toggle-item)[data-disabled] {\n    border-color: transparent;\n    background: transparent;\n    color: var(--brick-color-text-disabled);\n    box-shadow: none;\n    cursor: not-allowed;\n    opacity: 0.55;\n  }\n  .brick-toolbar__toggle-group {\n    --brick-toolbar-toggle-tone-solid: var(--brick-color-accent-solid);\n    --brick-toolbar-toggle-tone-solid-hover: var(--brick-color-accent-solid-hover);\n    --brick-toolbar-toggle-tone-solid-pressed: var(--brick-color-accent-solid-pressed);\n    --brick-toolbar-toggle-tone-on-solid: var(--brick-color-accent-on-solid);\n    --brick-toolbar-toggle-tone-soft: var(--brick-color-accent-soft);\n    --brick-toolbar-toggle-tone-soft-hover: var(--brick-color-accent-soft-hover);\n    --brick-toolbar-toggle-tone-soft-pressed: var(--brick-color-accent-soft-pressed);\n    --brick-toolbar-toggle-tone-on-soft: var(--brick-color-accent-on-soft);\n    --brick-toolbar-toggle-tone-border: var(--brick-color-accent-border);\n    --brick-toolbar-toggle-tone-text: var(--brick-color-accent-text);\n\n    display: contents;\n  }\n  .brick-toolbar__toggle-group[data-tone=\"neutral\"] {\n    --brick-toolbar-toggle-tone-solid: light-dark(\n      var(--brick-color-surface-raised),\n      color-mix(in srgb, var(--brick-color-surface-subtle), var(--brick-color-text-primary) 16%)\n    );\n    --brick-toolbar-toggle-tone-solid-hover: light-dark(\n      color-mix(in srgb, var(--brick-color-surface-raised) 80%, var(--brick-color-surface-subtle)),\n      color-mix(in srgb, var(--brick-color-surface-subtle), var(--brick-color-text-primary) 22%)\n    );\n    --brick-toolbar-toggle-tone-solid-pressed: light-dark(\n      color-mix(in srgb, var(--brick-color-surface-raised) 60%, var(--brick-color-surface-subtle)),\n      color-mix(in srgb, var(--brick-color-surface-subtle), var(--brick-color-text-primary) 28%)\n    );\n    --brick-toolbar-toggle-tone-on-solid: var(--brick-color-text-primary);\n    --brick-toolbar-toggle-tone-soft: var(--brick-color-surface-subtle);\n    --brick-toolbar-toggle-tone-soft-hover: var(--brick-color-surface-base);\n    --brick-toolbar-toggle-tone-soft-pressed: var(--brick-color-border-subtle);\n    --brick-toolbar-toggle-tone-on-soft: var(--brick-color-text-primary);\n    --brick-toolbar-toggle-tone-border: var(--brick-color-border-strong);\n    --brick-toolbar-toggle-tone-text: var(--brick-color-text-primary);\n  }\n  .brick-toolbar__toggle-group[data-variant=\"soft\"] > .brick-toolbar__toggle-item[data-state=\"on\"] {\n    border-color: var(--brick-toolbar-toggle-tone-border);\n    background: var(--brick-toolbar-item-selected-background);\n    color: var(--brick-toolbar-toggle-tone-on-soft);\n    box-shadow: inset 0 -0.125rem 0 var(--brick-toolbar-toggle-tone-solid);\n  }\n  .brick-toolbar__toggle-group[data-variant=\"solid\"] > .brick-toolbar__toggle-item[data-state=\"on\"] {\n    border-color: var(--brick-toolbar-toggle-tone-solid);\n    background: var(--brick-toolbar-toggle-tone-solid);\n    color: var(--brick-toolbar-toggle-tone-on-solid);\n  }\n  .brick-toolbar__toggle-group[data-variant=\"outline\"] > .brick-toolbar__toggle-item { border-color: var(--brick-color-border-default); background: transparent; }\n  .brick-toolbar__toggle-group[data-variant=\"outline\"] > .brick-toolbar__toggle-item[data-state=\"on\"] {\n    border-color: var(--brick-toolbar-toggle-tone-border);\n    color: var(--brick-toolbar-toggle-tone-text);\n  }\n  .brick-toolbar__toggle-group[data-variant=\"ghost\"] > .brick-toolbar__toggle-item { background: transparent; }\n  .brick-toolbar__toggle-group[data-variant=\"ghost\"] > .brick-toolbar__toggle-item[data-state=\"on\"] {\n    border-color: transparent;\n    background: var(--brick-toolbar-toggle-tone-soft);\n    color: var(--brick-toolbar-toggle-tone-on-soft);\n  }\n  .brick-toolbar__toggle-group > .brick-toolbar__toggle-item[data-state=\"on\"]:not([data-disabled]):active { background: var(--brick-toolbar-toggle-tone-soft-pressed); }\n  .brick-toolbar__toggle-group[data-variant=\"solid\"] > .brick-toolbar__toggle-item[data-state=\"on\"]:not([data-disabled]):active {\n    border-color: var(--brick-toolbar-toggle-tone-solid-pressed);\n    background: var(--brick-toolbar-toggle-tone-solid-pressed);\n  }\n  .brick-toolbar__toggle-group[data-variant] > .brick-toolbar__toggle-item[data-disabled][data-state] {\n    border-color: transparent;\n    background: transparent;\n    color: var(--brick-color-text-disabled);\n    box-shadow: none;\n  }\n  .brick-toolbar__separator { flex: 0 0 auto; align-self: stretch; inline-size: var(--brick-border-width); min-block-size: 1.25rem; margin: 0 0.125rem; background: var(--brick-toolbar-separator-color); }\n  .brick-toolbar__separator[data-orientation=\"horizontal\"] { inline-size: auto; min-block-size: 0; block-size: var(--brick-border-width); min-inline-size: 1.25rem; margin: 0.125rem 0; }\n  @media (hover: hover) and (pointer: fine) {\n    :where(.brick-toolbar__button, .brick-toolbar__link, .brick-toolbar__toggle-item):not([data-disabled]):hover { background: var(--brick-color-surface-raised); }\n    .brick-toolbar__toggle-group > .brick-toolbar__toggle-item[data-state=\"on\"]:not([data-disabled]):hover { background: var(--brick-toolbar-toggle-tone-soft-hover); }\n    .brick-toolbar__toggle-group[data-variant=\"solid\"] > .brick-toolbar__toggle-item[data-state=\"on\"]:not([data-disabled]):hover {\n      border-color: var(--brick-toolbar-toggle-tone-solid-hover);\n      background: var(--brick-toolbar-toggle-tone-solid-hover);\n    }\n    .brick-toolbar__toggle-group[data-variant=\"outline\"] > .brick-toolbar__toggle-item[data-state=\"on\"]:not([data-disabled]):hover { background: var(--brick-color-surface-raised); }\n  }\n  @media (prefers-reduced-motion: reduce) { :where(.brick-toolbar__button, .brick-toolbar__link, .brick-toolbar__toggle-item) { transition: none; } }\n  @media (forced-colors: active) { .brick-toolbar { border-color: CanvasText; } .brick-toolbar__toggle-item[data-state=\"on\"] { outline: 2px solid Highlight; } }\n}\n","@layer brick.components {\n  .brick-em {\n    --brick-em-font-style: italic;\n\n    color: inherit;\n    font: inherit;\n    font-style: var(--brick-em-font-style);\n  }\n\n  @media (forced-colors: active) {\n    .brick-em { color: currentColor; }\n  }\n}\n","@layer brick.components {\n  .brick-mark {\n    --brick-mark-background: var(--brick-color-accent-soft);\n    --brick-mark-foreground: var(--brick-color-accent-text);\n    --brick-mark-radius: var(--brick-radius-subtle);\n    --brick-mark-padding-inline: 0.125em;\n\n    box-decoration-break: clone;\n    padding-inline: var(--brick-mark-padding-inline);\n    border-radius: var(--brick-mark-radius);\n    background: var(--brick-mark-background);\n    color: var(--brick-mark-foreground);\n    font: inherit;\n    -webkit-box-decoration-break: clone;\n  }\n\n  .brick-mark[data-tone=\"neutral\"] {\n    --brick-mark-background: color-mix(\n      in srgb,\n      var(--brick-color-surface-subtle),\n      var(--brick-color-text-primary) 28%\n    );\n    --brick-mark-foreground: var(--brick-color-text-primary);\n  }\n\n  .brick-mark[data-variant=\"solid\"] {\n    --brick-mark-background: var(--brick-color-accent-solid);\n    --brick-mark-foreground: var(--brick-color-accent-on-solid);\n  }\n  .brick-mark[data-variant=\"solid\"][data-tone=\"neutral\"] {\n    --brick-mark-background: var(--brick-color-text-primary);\n    --brick-mark-foreground: var(--brick-color-surface-canvas);\n  }\n  .brick-mark[data-variant=\"plain\"] {\n    --brick-mark-background: transparent;\n    --brick-mark-foreground: currentColor;\n    --brick-mark-padding-inline: 0em;\n  }\n\n  @media (forced-colors: active) {\n    .brick-mark {\n      --brick-mark-background: Highlight;\n      --brick-mark-foreground: HighlightText;\n    }\n    .brick-mark[data-variant=\"plain\"] {\n      --brick-mark-background: transparent;\n      --brick-mark-foreground: CanvasText;\n      text-decoration: underline;\n    }\n  }\n}\n","@layer brick.components {\n  .brick-dialog-overlay {\n    position: fixed;\n    z-index: var(--brick-layer-overlay);\n    inset: 0;\n    background: var(--brick-color-scrim);\n    opacity: 1;\n    transition: opacity var(--brick-motion-duration-fast) var(--brick-motion-easing-exit);\n  }\n\n  .brick-dialog-overlay[data-state=\"closed\"] {\n    opacity: 0;\n  }\n\n  .brick-dialog-content {\n    --brick-dialog-max-inline-size: 32rem;\n    --brick-dialog-max-block-size: calc(100dvb - 2rem - env(safe-area-inset-top) - env(safe-area-inset-bottom));\n    --brick-dialog-space: var(--brick-space-5);\n    --brick-dialog-radius: var(--brick-radius-overlay);\n    --brick-dialog-shadow: var(--brick-shadow-modal);\n\n    position: fixed;\n    z-index: calc(var(--brick-layer-overlay) + 1);\n    inset-block-start: 50%;\n    left: 50%;\n    display: flex;\n    box-sizing: border-box;\n    inline-size: min(\n      var(--brick-dialog-max-inline-size),\n      calc(100vi - 2rem - env(safe-area-inset-left) - env(safe-area-inset-right))\n    );\n    max-inline-size: calc(100vi - 2rem - env(safe-area-inset-left) - env(safe-area-inset-right));\n    max-block-size: var(--brick-dialog-max-block-size);\n    flex-direction: column;\n    overflow: hidden;\n    border: var(--brick-border-width) solid var(--brick-color-border-subtle);\n    border-radius: var(--brick-dialog-radius);\n    background: var(--brick-color-surface-overlay);\n    box-shadow: var(--brick-dialog-shadow);\n    color: var(--brick-color-text-primary);\n    opacity: 1;\n    overflow-wrap: anywhere;\n    transform: translate(-50%, -50%) scale(1);\n    transform-origin: center;\n    transition:\n      opacity var(--brick-motion-duration-fast) var(--brick-motion-easing-exit),\n      transform var(--brick-motion-duration-fast) var(--brick-motion-easing-exit);\n  }\n\n  .brick-dialog-content[data-size=\"sm\"] {\n    --brick-dialog-max-inline-size: 24rem;\n    --brick-dialog-space: var(--brick-space-4);\n  }\n\n  .brick-dialog-content[data-size=\"lg\"] {\n    --brick-dialog-max-inline-size: 44rem;\n    --brick-dialog-space: var(--brick-space-6);\n  }\n\n  .brick-dialog-content[data-state=\"closed\"] {\n    opacity: 0;\n    transform: translate(-50%, -48%) scale(0.985);\n  }\n\n  .brick-dialog-header {\n    display: grid;\n    flex: none;\n    gap: var(--brick-space-1);\n    min-inline-size: 0;\n    padding: var(--brick-dialog-space);\n    padding-block-end: var(--brick-space-3);\n  }\n\n  .brick-dialog-title,\n  .brick-dialog-description {\n    min-inline-size: 0;\n    margin: 0;\n  }\n\n  .brick-dialog-title {\n    color: var(--brick-color-text-primary);\n    font-family: var(--brick-typography-overlay-title-font-family);\n    font-size: var(--brick-typography-overlay-title-font-size);\n    font-weight: var(--brick-typography-overlay-title-font-weight);\n    letter-spacing: var(--brick-typography-overlay-title-letter-spacing);\n    line-height: var(--brick-typography-overlay-title-line-height);\n  }\n\n  .brick-dialog-description {\n    color: var(--brick-color-text-secondary);\n    font-family: var(--brick-typography-supporting-sm-font-family);\n    font-size: var(--brick-typography-supporting-sm-font-size);\n    font-weight: var(--brick-typography-supporting-sm-font-weight);\n    letter-spacing: var(--brick-typography-supporting-sm-letter-spacing);\n    line-height: var(--brick-typography-supporting-sm-line-height);\n  }\n\n  .brick-dialog-body {\n    min-block-size: 0;\n    min-inline-size: 0;\n    flex: 1 1 auto;\n    padding-inline: var(--brick-dialog-space);\n    padding-block: var(--brick-space-2) var(--brick-dialog-space);\n    overflow: auto;\n    overscroll-behavior: contain;\n    color: var(--brick-color-text-primary);\n    line-height: var(--brick-typography-body-md-line-height);\n    scrollbar-gutter: stable;\n  }\n\n  .brick-dialog-footer {\n    display: flex;\n    min-inline-size: 0;\n    flex: none;\n    flex-wrap: wrap;\n    align-items: center;\n    justify-content: flex-end;\n    gap: var(--brick-space-2);\n    padding: var(--brick-space-3) var(--brick-dialog-space) var(--brick-dialog-space);\n  }\n\n  .brick-dialog-footer[data-justify=\"start\"] {\n    justify-content: flex-start;\n  }\n\n  .brick-dialog-footer[data-justify=\"center\"] {\n    justify-content: center;\n  }\n\n  .brick-dialog-footer[data-justify=\"between\"] {\n    justify-content: space-between;\n  }\n\n  @supports not (height: 100dvb) {\n    .brick-dialog-content {\n      --brick-dialog-max-block-size: calc(100vh - 2rem - env(safe-area-inset-top) - env(safe-area-inset-bottom));\n    }\n  }\n\n  @media (max-width: 30rem) {\n    .brick-dialog-content {\n      --brick-dialog-space: var(--brick-space-4);\n    }\n\n    .brick-dialog-footer > .brick-button {\n      flex: 1 1 9rem;\n    }\n  }\n\n  @media (prefers-reduced-motion: reduce) {\n    .brick-dialog-overlay,\n    .brick-dialog-content {\n      transition-duration: 1ms;\n    }\n\n    .brick-dialog-content,\n    .brick-dialog-content[data-state=\"closed\"] {\n      transform: translate(-50%, -50%);\n    }\n  }\n\n  @media (forced-colors: active) {\n    .brick-dialog-overlay {\n      background: Canvas;\n      opacity: 0.7;\n    }\n\n    .brick-dialog-content {\n      border-color: CanvasText;\n      box-shadow: none;\n    }\n  }\n}\n","@layer brick.components {\n  .brick-popover {\n    --brick-popover-background: var(--brick-color-surface-overlay);\n    --brick-popover-foreground: var(--brick-color-text-primary);\n    --brick-popover-muted-foreground: var(--brick-color-text-secondary);\n    --brick-popover-border: var(--brick-color-border-default);\n    --brick-popover-radius: var(--brick-radius-overlay);\n    --brick-popover-shadow: var(--brick-shadow-floating);\n    --brick-popover-space: var(--brick-space-4);\n    --brick-popover-max-inline-size-sm: 18rem;\n    --brick-popover-max-inline-size-md: 24rem;\n    --brick-popover-max-inline-size-lg: 32rem;\n    --brick-popover-max-block-size: min(32rem, calc(100dvb - 2rem - env(safe-area-inset-top) - env(safe-area-inset-bottom)));\n\n    z-index: calc(var(--brick-layer-overlay) - 1);\n    box-sizing: border-box;\n    inline-size: max-content;\n    max-inline-size: min(\n      var(--brick-popover-max-inline-size-md),\n      calc(100dvi - 2rem - env(safe-area-inset-left) - env(safe-area-inset-right))\n    );\n    overflow: visible;\n    color: var(--brick-popover-foreground);\n    opacity: 0;\n    overflow-wrap: anywhere;\n    scale: 0.98;\n    transform-origin: var(--brick-floating-arrow-transform-origin, center);\n    transition:\n      opacity var(--brick-motion-duration-fast) var(--brick-motion-easing-enter),\n      scale var(--brick-motion-duration-fast) var(--brick-motion-easing-enter);\n  }\n\n  .brick-popover[data-size=\"sm\"] {\n    max-inline-size: min(\n      var(--brick-popover-max-inline-size-sm),\n      calc(100dvi - 2rem - env(safe-area-inset-left) - env(safe-area-inset-right))\n    );\n  }\n\n  .brick-popover[data-size=\"lg\"] {\n    max-inline-size: min(\n      var(--brick-popover-max-inline-size-lg),\n      calc(100dvi - 2rem - env(safe-area-inset-left) - env(safe-area-inset-right))\n    );\n  }\n\n  .brick-popover[data-density=\"compact\"] {\n    --brick-popover-space: var(--brick-space-3);\n  }\n\n  .brick-popover > [data-slot=\"popover-viewport\"] {\n    box-sizing: border-box;\n    display: flex;\n    inline-size: 100%;\n    max-block-size: min(\n      var(--brick-popover-max-block-size),\n      calc(100dvb - 2rem - env(safe-area-inset-top) - env(safe-area-inset-bottom))\n    );\n    flex-direction: column;\n    overflow: hidden;\n    border: var(--brick-border-width) solid var(--brick-popover-border);\n    border-radius: var(--brick-popover-radius);\n    background: var(--brick-popover-background);\n    box-shadow: var(--brick-popover-shadow);\n  }\n\n  .brick-popover[data-positioned] {\n    opacity: 1;\n    scale: 1;\n  }\n\n  .brick-popover[data-state=\"closed\"] {\n    opacity: 0;\n    scale: 0.98;\n  }\n\n  .brick-popover__header,\n  .brick-popover > [data-slot=\"popover-viewport\"] > :where([data-slot=\"popover-title\"], [data-slot=\"popover-description\"]) {\n    flex: none;\n    min-inline-size: 0;\n  }\n\n  .brick-popover__header {\n    display: grid;\n    gap: var(--brick-space-1);\n    padding: var(--brick-popover-space);\n    padding-block-end: var(--brick-space-2);\n  }\n\n  .brick-popover :where([data-slot=\"popover-title\"], [data-slot=\"popover-description\"]) {\n    min-inline-size: 0;\n    margin: 0;\n  }\n\n  .brick-popover > [data-slot=\"popover-viewport\"] > [data-slot=\"popover-title\"],\n  .brick-popover > [data-slot=\"popover-viewport\"] > [data-slot=\"popover-description\"],\n  .brick-popover__header > :where([data-slot=\"popover-title\"], [data-slot=\"popover-description\"]) {\n    padding-inline: var(--brick-popover-space);\n  }\n\n  .brick-popover > [data-slot=\"popover-viewport\"] > [data-slot=\"popover-title\"] {\n    padding-block-start: var(--brick-popover-space);\n  }\n\n  .brick-popover > [data-slot=\"popover-viewport\"] > [data-slot=\"popover-description\"] {\n    padding-block-start: var(--brick-space-1);\n  }\n\n  .brick-popover__header > :where([data-slot=\"popover-title\"], [data-slot=\"popover-description\"]) {\n    padding: 0;\n  }\n\n  .brick-popover :where([data-slot=\"popover-title\"]) {\n    color: var(--brick-popover-foreground);\n    font-family: var(--brick-typography-compact-title-lg-font-family);\n    font-size: var(--brick-typography-compact-title-lg-font-size);\n    font-weight: var(--brick-typography-compact-title-lg-font-weight);\n    letter-spacing: var(--brick-typography-compact-title-lg-letter-spacing);\n    line-height: var(--brick-typography-compact-title-lg-line-height);\n  }\n\n  .brick-popover[data-density=\"compact\"] :where([data-slot=\"popover-title\"]) {\n    font-family: var(--brick-typography-compact-title-font-family);\n    font-size: var(--brick-typography-compact-title-font-size);\n    font-weight: var(--brick-typography-compact-title-font-weight);\n    letter-spacing: var(--brick-typography-compact-title-letter-spacing);\n    line-height: var(--brick-typography-compact-title-line-height);\n  }\n\n  .brick-popover :where([data-slot=\"popover-description\"]) {\n    color: var(--brick-popover-muted-foreground);\n    font-family: var(--brick-typography-supporting-sm-font-family);\n    font-size: var(--brick-typography-supporting-sm-font-size);\n    font-weight: var(--brick-typography-supporting-sm-font-weight);\n    letter-spacing: var(--brick-typography-supporting-sm-letter-spacing);\n    line-height: var(--brick-typography-supporting-sm-line-height);\n  }\n\n  .brick-popover__body {\n    min-block-size: 0;\n    min-inline-size: 0;\n    flex: 1 1 auto;\n    padding: var(--brick-space-3) var(--brick-popover-space);\n    overflow: auto;\n    overscroll-behavior: contain;\n    color: var(--brick-popover-foreground);\n    line-height: var(--brick-typography-body-md-line-height);\n    scrollbar-gutter: stable;\n  }\n\n  .brick-popover__footer {\n    display: flex;\n    min-inline-size: 0;\n    flex: none;\n    flex-wrap: wrap;\n    align-items: center;\n    justify-content: flex-end;\n    gap: var(--brick-space-2);\n    padding: var(--brick-space-2) var(--brick-popover-space) var(--brick-popover-space);\n  }\n\n  .brick-popover__arrow {\n    --brick-floating-arrow-fill: var(--brick-popover-background);\n    --brick-floating-arrow-stroke: var(--brick-popover-border);\n  }\n\n  .brick-popover[data-side=\"top\"] .brick-popover__arrow {\n    translate: 0 calc(var(--brick-border-width) * -1);\n    filter: drop-shadow(0 1px 0 var(--brick-popover-border));\n  }\n\n  .brick-popover[data-side=\"right\"] .brick-popover__arrow {\n    translate: var(--brick-border-width) 0;\n    filter: drop-shadow(-1px 0 0 var(--brick-popover-border));\n  }\n\n  .brick-popover[data-side=\"bottom\"] .brick-popover__arrow {\n    translate: 0 var(--brick-border-width);\n    filter: drop-shadow(0 -1px 0 var(--brick-popover-border));\n  }\n\n  .brick-popover[data-side=\"left\"] .brick-popover__arrow {\n    translate: calc(var(--brick-border-width) * -1) 0;\n    filter: drop-shadow(1px 0 0 var(--brick-popover-border));\n  }\n\n  @supports not (height: 100dvb) {\n    .brick-popover {\n      --brick-popover-max-block-size: min(32rem, calc(100vh - 2rem - env(safe-area-inset-top) - env(safe-area-inset-bottom)));\n    }\n  }\n\n  @media (max-width: 20rem) {\n    .brick-popover {\n      --brick-popover-space: var(--brick-space-3);\n    }\n\n    .brick-popover__footer > .brick-button {\n      inline-size: 100%;\n      flex: 1 1 100%;\n    }\n  }\n\n  @media (max-height: 20rem) {\n    .brick-popover > [data-slot=\"popover-viewport\"] {\n      overflow: auto;\n      overscroll-behavior: contain;\n      scrollbar-gutter: stable;\n    }\n\n    .brick-popover__body {\n      flex: none;\n      overflow: visible;\n    }\n  }\n\n  @media (prefers-reduced-motion: reduce) {\n    .brick-popover {\n      scale: 1;\n      transition-duration: 1ms;\n    }\n  }\n\n  @media (forced-colors: active) {\n    .brick-popover {\n      --brick-popover-background: Canvas;\n      --brick-popover-foreground: CanvasText;\n      --brick-popover-muted-foreground: CanvasText;\n      --brick-popover-border: CanvasText;\n      box-shadow: none;\n    }\n\n    .brick-popover__arrow {\n      color: CanvasText;\n      fill: Canvas;\n      filter: none;\n      stroke: CanvasText;\n    }\n  }\n}\n","@layer brick.components {\n  .brick-pagination {\n    --brick-pagination-root-background: transparent;\n    --brick-pagination-root-border-color: var(--brick-color-border-subtle);\n    --brick-pagination-root-radius: var(--brick-radius-control);\n    --brick-pagination-root-padding: 0;\n    --brick-pagination-list-gap: var(--brick-space-1);\n    --brick-pagination-list-overflow-padding: calc(var(--brick-border-focus-width) + var(--brick-border-focus-offset));\n    --brick-pagination-control-min-size: 2.5rem;\n    --brick-pagination-control-inline-padding: var(--brick-space-2);\n    --brick-pagination-control-radius: var(--brick-radius-subtle);\n    --brick-pagination-control-foreground: var(--brick-color-text-secondary);\n    --brick-pagination-control-background: transparent;\n    --brick-pagination-control-border-color: transparent;\n    --brick-pagination-boundary-background: var(--brick-pagination-control-background);\n    --brick-pagination-boundary-border-color: var(--brick-pagination-control-border-color);\n    --brick-pagination-control-hover-background: var(--brick-color-surface-subtle);\n    --brick-pagination-control-pressed-background: var(--brick-color-border-subtle);\n    --brick-pagination-current-background: var(--brick-color-accent-solid);\n    --brick-pagination-current-foreground: var(--brick-color-accent-on-solid);\n    --brick-pagination-current-border-color: var(--brick-color-accent-solid);\n    --brick-pagination-current-hover-background: var(--brick-color-accent-solid-hover);\n    --brick-pagination-current-pressed-background: var(--brick-color-accent-solid-pressed);\n    --brick-pagination-disabled-foreground: var(--brick-color-text-disabled);\n    --brick-pagination-focus-ring: var(--brick-color-focus-ring);\n    --brick-pagination-ellipsis-foreground: var(--brick-color-text-muted);\n    --brick-pagination-icon-size: 1rem;\n    --brick-pagination-transition-duration: var(--brick-motion-duration-fast);\n    --brick-pagination-font-family: var(--brick-typography-label-md-font-family);\n    --brick-pagination-font-size: var(--brick-typography-label-md-font-size);\n    --brick-pagination-font-weight: var(--brick-typography-label-md-font-weight);\n    --brick-pagination-line-height: var(--brick-typography-label-md-line-height);\n    --brick-pagination-letter-spacing: var(--brick-typography-label-md-letter-spacing);\n\n    display: inline-block;\n    box-sizing: border-box;\n    max-inline-size: 100%;\n    padding: var(--brick-pagination-root-padding);\n    border: 1px solid transparent;\n    border-radius: var(--brick-pagination-root-radius);\n    background: var(--brick-pagination-root-background);\n  }\n\n  .brick-pagination[data-variant=\"soft\"] {\n    --brick-pagination-root-background: var(--brick-color-surface-subtle);\n    --brick-pagination-root-padding: var(--brick-space-1);\n  }\n\n  .brick-pagination[data-variant=\"outline\"] {\n    --brick-pagination-root-background: var(--brick-color-surface-base);\n    --brick-pagination-root-padding: var(--brick-space-1);\n    border-color: var(--brick-pagination-root-border-color);\n  }\n\n  .brick-pagination[data-boundary-variant=\"outline\"] {\n    --brick-pagination-boundary-background: var(--brick-color-surface-base);\n    --brick-pagination-boundary-border-color: var(--brick-color-border-subtle);\n  }\n\n  .brick-pagination[data-size=\"sm\"] {\n    --brick-pagination-control-min-size: 2rem;\n    --brick-pagination-control-inline-padding: var(--brick-space-1);\n    --brick-pagination-font-family: var(--brick-typography-control-sm-font-family);\n    --brick-pagination-font-size: var(--brick-typography-control-sm-font-size);\n    --brick-pagination-font-weight: var(--brick-typography-control-sm-font-weight);\n    --brick-pagination-line-height: var(--brick-typography-control-sm-line-height);\n    --brick-pagination-letter-spacing: var(--brick-typography-control-sm-letter-spacing);\n  }\n\n  .brick-pagination[data-size=\"lg\"] {\n    --brick-pagination-control-min-size: 3rem;\n    --brick-pagination-control-inline-padding: var(--brick-space-3);\n    --brick-pagination-font-family: var(--brick-typography-control-lg-font-family);\n    --brick-pagination-font-size: var(--brick-typography-control-lg-font-size);\n    --brick-pagination-font-weight: var(--brick-typography-control-lg-font-weight);\n    --brick-pagination-line-height: var(--brick-typography-control-lg-line-height);\n    --brick-pagination-letter-spacing: var(--brick-typography-control-lg-letter-spacing);\n  }\n\n  .brick-pagination__list {\n    display: flex;\n    box-sizing: border-box;\n    max-inline-size: 100%;\n    align-items: center;\n    gap: var(--brick-pagination-list-gap);\n    margin: 0;\n    padding: var(--brick-pagination-list-overflow-padding);\n    overflow-x: auto;\n    overflow-y: hidden;\n    list-style: none;\n    scrollbar-width: thin;\n  }\n\n  .brick-pagination__list > [data-slot=\"pagination-list-item\"] {\n    display: inline-flex;\n    flex: 0 0 auto;\n    margin: 0;\n    padding: 0;\n  }\n\n  .brick-pagination__previous,\n  .brick-pagination__item,\n  .brick-pagination__next,\n  .brick-pagination__ellipsis {\n    display: inline-flex;\n    box-sizing: border-box;\n    min-inline-size: var(--brick-pagination-control-min-size);\n    min-block-size: var(--brick-pagination-control-min-size);\n    align-items: center;\n    justify-content: center;\n    padding-inline: var(--brick-pagination-control-inline-padding);\n    border: 1px solid var(--brick-pagination-control-border-color);\n    border-radius: var(--brick-pagination-control-radius);\n    font-family: var(--brick-pagination-font-family);\n    font-size: var(--brick-pagination-font-size);\n    font-weight: var(--brick-pagination-font-weight);\n    letter-spacing: var(--brick-pagination-letter-spacing);\n    line-height: var(--brick-pagination-line-height);\n    white-space: nowrap;\n  }\n\n  .brick-pagination__previous,\n  .brick-pagination__item,\n  .brick-pagination__next {\n    color: var(--brick-pagination-control-foreground);\n    background: var(--brick-pagination-control-background);\n    cursor: pointer;\n    text-decoration: none;\n    touch-action: manipulation;\n    transition: color var(--brick-pagination-transition-duration), background-color var(--brick-pagination-transition-duration), border-color var(--brick-pagination-transition-duration);\n  }\n\n  .brick-pagination__previous,\n  .brick-pagination__next {\n    border-color: var(--brick-pagination-boundary-border-color);\n    background: var(--brick-pagination-boundary-background);\n  }\n\n  .brick-pagination__previous:hover:not(:disabled):not([aria-disabled=\"true\"]),\n  .brick-pagination__item:hover:not(:disabled):not([aria-disabled=\"true\"]),\n  .brick-pagination__next:hover:not(:disabled):not([aria-disabled=\"true\"]) { background: var(--brick-pagination-control-hover-background); }\n\n  .brick-pagination__previous:active:not(:disabled):not([aria-disabled=\"true\"]),\n  .brick-pagination__item:active:not(:disabled):not([aria-disabled=\"true\"]),\n  .brick-pagination__next:active:not(:disabled):not([aria-disabled=\"true\"]) { background: var(--brick-pagination-control-pressed-background); }\n\n  .brick-pagination__item[aria-current=\"page\"] {\n    color: var(--brick-pagination-current-foreground);\n    border-color: var(--brick-pagination-current-border-color);\n    background: var(--brick-pagination-current-background);\n  }\n\n  .brick-pagination__item[aria-current=\"page\"]:hover:not(:disabled):not([aria-disabled=\"true\"]) {\n    border-color: var(--brick-pagination-current-hover-background);\n    background: var(--brick-pagination-current-hover-background);\n  }\n\n  .brick-pagination__item[aria-current=\"page\"]:active:not(:disabled):not([aria-disabled=\"true\"]) {\n    border-color: var(--brick-pagination-current-pressed-background);\n    background: var(--brick-pagination-current-pressed-background);\n  }\n\n  .brick-pagination__previous:focus-visible,\n  .brick-pagination__item:focus-visible,\n  .brick-pagination__next:focus-visible {\n    outline: var(--brick-border-focus-width) solid var(--brick-pagination-focus-ring);\n    outline-offset: var(--brick-border-focus-offset);\n  }\n\n  .brick-pagination__previous:disabled,\n  .brick-pagination__item:disabled,\n  .brick-pagination__next:disabled,\n  .brick-pagination__previous[aria-disabled=\"true\"],\n  .brick-pagination__item[aria-disabled=\"true\"],\n  .brick-pagination__next[aria-disabled=\"true\"] {\n    color: var(--brick-pagination-disabled-foreground);\n    cursor: not-allowed;\n  }\n\n  .brick-pagination__ellipsis { color: var(--brick-pagination-ellipsis-foreground); user-select: none; }\n  .brick-pagination__icon { inline-size: var(--brick-pagination-icon-size); block-size: var(--brick-pagination-icon-size); }\n\n  @media (prefers-reduced-motion: reduce) {\n    .brick-pagination__previous,\n    .brick-pagination__item,\n    .brick-pagination__next { transition-duration: 0s; }\n  }\n\n  @media (forced-colors: active) {\n    .brick-pagination__item[aria-current=\"page\"] { color: HighlightText; border-color: Highlight; background: Highlight; }\n    .brick-pagination__previous:focus-visible,\n    .brick-pagination__item:focus-visible,\n    .brick-pagination__next:focus-visible { outline-color: Highlight; }\n    .brick-pagination__previous:disabled,\n    .brick-pagination__item:disabled,\n    .brick-pagination__next:disabled,\n    .brick-pagination__previous[aria-disabled=\"true\"],\n    .brick-pagination__item[aria-disabled=\"true\"],\n    .brick-pagination__next[aria-disabled=\"true\"] { color: GrayText; }\n  }\n}\n","@layer brick.components {\n  .brick-kbd {\n    --brick-kbd-background: var(--brick-color-surface-raised);\n    --brick-kbd-foreground: var(--brick-color-text-primary);\n    --brick-kbd-border-color: var(--brick-color-border-strong);\n    --brick-kbd-border-block-end-color: var(--brick-color-border-strong);\n    --brick-kbd-radius: var(--brick-radius-subtle);\n    --brick-kbd-font-family: var(--brick-typography-code-inline-font-family);\n    --brick-kbd-font-size: var(--brick-typography-control-sm-font-size);\n    --brick-kbd-font-weight: var(--brick-typography-control-sm-font-weight);\n    --brick-kbd-line-height: var(--brick-typography-control-sm-line-height);\n    --brick-kbd-letter-spacing: var(--brick-typography-code-inline-letter-spacing);\n    --brick-kbd-min-block-size: 1.5rem;\n    --brick-kbd-padding-inline: 0.375rem;\n    --brick-kbd-shadow: 0 0.125rem 0 var(--brick-kbd-border-block-end-color);\n\n    display: inline-flex;\n    box-sizing: border-box;\n    min-inline-size: 1.5em;\n    min-block-size: var(--brick-kbd-min-block-size);\n    align-items: center;\n    justify-content: center;\n    padding-inline: var(--brick-kbd-padding-inline);\n    border: var(--brick-border-width) solid var(--brick-kbd-border-color);\n    border-radius: var(--brick-kbd-radius);\n    background: var(--brick-kbd-background);\n    box-shadow: var(--brick-kbd-shadow);\n    color: var(--brick-kbd-foreground);\n    font-family: var(--brick-kbd-font-family);\n    font-size: var(--brick-kbd-font-size);\n    font-weight: var(--brick-kbd-font-weight);\n    letter-spacing: var(--brick-kbd-letter-spacing);\n    line-height: var(--brick-kbd-line-height);\n    vertical-align: 0.08em;\n    white-space: nowrap;\n  }\n\n  .brick-kbd[data-variant=\"outline\"] {\n    --brick-kbd-background: transparent;\n    --brick-kbd-shadow: none;\n  }\n\n  .brick-kbd[data-variant=\"subtle\"] {\n    --brick-kbd-background: var(--brick-color-surface-subtle);\n    --brick-kbd-border-color: transparent;\n    --brick-kbd-shadow: none;\n  }\n\n  .brick-kbd[data-variant=\"plain\"] {\n    --brick-kbd-background: transparent;\n    --brick-kbd-border-color: transparent;\n    --brick-kbd-padding-inline: 0rem;\n    --brick-kbd-shadow: none;\n  }\n\n  .brick-kbd[data-size=\"sm\"] {\n    --brick-kbd-font-size: var(--brick-typography-control-xs-font-size);\n    --brick-kbd-font-weight: var(--brick-typography-control-xs-font-weight);\n    --brick-kbd-line-height: var(--brick-typography-control-xs-line-height);\n    --brick-kbd-min-block-size: 1.25rem;\n    --brick-kbd-padding-inline: 0.25rem;\n  }\n\n  .brick-kbd[data-size=\"lg\"] {\n    --brick-kbd-font-size: var(--brick-typography-control-md-font-size);\n    --brick-kbd-font-weight: var(--brick-typography-control-md-font-weight);\n    --brick-kbd-line-height: var(--brick-typography-control-md-line-height);\n    --brick-kbd-min-block-size: 1.75rem;\n    --brick-kbd-padding-inline: 0.5rem;\n  }\n\n  @media (forced-colors: active) {\n    .brick-kbd {\n      --brick-kbd-background: Canvas;\n      --brick-kbd-foreground: CanvasText;\n      --brick-kbd-border-color: ButtonText;\n      --brick-kbd-border-block-end-color: ButtonText;\n    }\n\n    .brick-kbd[data-variant=\"subtle\"],\n    .brick-kbd[data-variant=\"plain\"] {\n      --brick-kbd-border-color: ButtonText;\n    }\n  }\n}\n","@layer brick.components {\n  .brick-alert-dialog-overlay {\n    position: fixed;\n    z-index: var(--brick-layer-overlay);\n    inset: 0;\n    background: var(--brick-color-scrim);\n    opacity: 1;\n    transition: opacity var(--brick-motion-duration-fast) var(--brick-motion-easing-exit);\n  }\n\n  .brick-alert-dialog-overlay[data-state=\"closed\"] {\n    opacity: 0;\n  }\n\n  .brick-alert-dialog-content {\n    --brick-alert-dialog-max-inline-size: 30rem;\n    --brick-alert-dialog-max-block-size: calc(100dvb - 2rem - env(safe-area-inset-top) - env(safe-area-inset-bottom));\n    --brick-alert-dialog-space: var(--brick-space-5);\n    --brick-alert-dialog-radius: var(--brick-radius-overlay);\n    --brick-alert-dialog-shadow: var(--brick-shadow-modal);\n\n    position: fixed;\n    z-index: calc(var(--brick-layer-overlay) + 1);\n    inset-block-start: 50%;\n    left: 50%;\n    display: flex;\n    box-sizing: border-box;\n    inline-size: min(\n      var(--brick-alert-dialog-max-inline-size),\n      calc(100vi - 2rem - env(safe-area-inset-left) - env(safe-area-inset-right))\n    );\n    max-inline-size: calc(100vi - 2rem - env(safe-area-inset-left) - env(safe-area-inset-right));\n    max-block-size: var(--brick-alert-dialog-max-block-size);\n    flex-direction: column;\n    overflow: hidden;\n    border: var(--brick-border-width) solid var(--brick-color-border-subtle);\n    border-radius: var(--brick-alert-dialog-radius);\n    background: var(--brick-color-surface-overlay);\n    box-shadow: var(--brick-alert-dialog-shadow);\n    color: var(--brick-color-text-primary);\n    opacity: 1;\n    overflow-wrap: anywhere;\n    transform: translate(-50%, -50%) scale(1);\n    transform-origin: center;\n    transition:\n      opacity var(--brick-motion-duration-fast) var(--brick-motion-easing-exit),\n      transform var(--brick-motion-duration-fast) var(--brick-motion-easing-exit);\n  }\n\n  .brick-alert-dialog-content[data-size=\"sm\"] {\n    --brick-alert-dialog-max-inline-size: 24rem;\n    --brick-alert-dialog-space: var(--brick-space-4);\n  }\n\n  .brick-alert-dialog-content[data-state=\"closed\"] {\n    opacity: 0;\n    transform: translate(-50%, -48%) scale(0.985);\n  }\n\n  .brick-alert-dialog-header {\n    display: grid;\n    flex: none;\n    gap: var(--brick-space-2);\n    min-inline-size: 0;\n    padding: var(--brick-alert-dialog-space);\n    padding-block-end: var(--brick-space-3);\n  }\n\n  .brick-alert-dialog-title,\n  .brick-alert-dialog-description {\n    min-inline-size: 0;\n    margin: 0;\n  }\n\n  .brick-alert-dialog-title {\n    color: var(--brick-color-text-primary);\n    font-family: var(--brick-typography-overlay-title-font-family);\n    font-size: var(--brick-typography-overlay-title-font-size);\n    font-weight: var(--brick-typography-overlay-title-font-weight);\n    letter-spacing: var(--brick-typography-overlay-title-letter-spacing);\n    line-height: var(--brick-typography-overlay-title-line-height);\n  }\n\n  .brick-alert-dialog-description {\n    color: var(--brick-color-text-secondary);\n    font-family: var(--brick-typography-supporting-sm-font-family);\n    font-size: var(--brick-typography-supporting-sm-font-size);\n    font-weight: var(--brick-typography-supporting-sm-font-weight);\n    letter-spacing: var(--brick-typography-supporting-sm-letter-spacing);\n    line-height: var(--brick-typography-supporting-sm-line-height);\n  }\n\n  .brick-alert-dialog-body {\n    min-block-size: 0;\n    min-inline-size: 0;\n    flex: 1 1 auto;\n    padding-inline: var(--brick-alert-dialog-space);\n    padding-block: var(--brick-space-2) var(--brick-alert-dialog-space);\n    overflow: auto;\n    overscroll-behavior: contain;\n    color: var(--brick-color-text-primary);\n    font-family: var(--brick-typography-supporting-sm-font-family);\n    font-size: var(--brick-typography-supporting-sm-font-size);\n    font-weight: var(--brick-typography-supporting-sm-font-weight);\n    letter-spacing: var(--brick-typography-supporting-sm-letter-spacing);\n    line-height: var(--brick-typography-supporting-sm-line-height);\n    scrollbar-gutter: stable;\n  }\n\n  .brick-alert-dialog-footer {\n    display: flex;\n    min-inline-size: 0;\n    flex: none;\n    flex-wrap: wrap;\n    align-items: center;\n    justify-content: flex-end;\n    gap: var(--brick-space-2);\n    padding: var(--brick-space-3) var(--brick-alert-dialog-space) var(--brick-alert-dialog-space);\n  }\n\n  .brick-alert-dialog-footer[data-justify=\"start\"] {\n    justify-content: flex-start;\n  }\n\n  .brick-alert-dialog-footer[data-justify=\"center\"] {\n    justify-content: center;\n  }\n\n  .brick-alert-dialog-footer[data-justify=\"between\"] {\n    justify-content: space-between;\n  }\n\n  @supports not (height: 100dvb) {\n    .brick-alert-dialog-content {\n      --brick-alert-dialog-max-block-size: calc(100vh - 2rem - env(safe-area-inset-top) - env(safe-area-inset-bottom));\n    }\n  }\n\n  @media (max-width: 30rem) {\n    .brick-alert-dialog-content {\n      --brick-alert-dialog-space: var(--brick-space-4);\n    }\n\n    .brick-alert-dialog-footer > .brick-button {\n      flex: 1 1 9rem;\n    }\n  }\n\n  @media (max-width: 12rem), (max-height: 24rem) {\n    .brick-alert-dialog-content {\n      overflow-y: auto;\n      overscroll-behavior: contain;\n    }\n\n    .brick-alert-dialog-body {\n      flex: 0 0 auto;\n      overflow: visible;\n      overscroll-behavior: auto;\n      scrollbar-gutter: auto;\n    }\n  }\n\n  @media (prefers-reduced-motion: reduce) {\n    .brick-alert-dialog-overlay,\n    .brick-alert-dialog-content {\n      transition-duration: 1ms;\n    }\n\n    .brick-alert-dialog-content,\n    .brick-alert-dialog-content[data-state=\"closed\"] {\n      transform: translate(-50%, -50%);\n    }\n  }\n\n  @media (forced-colors: active) {\n    .brick-alert-dialog-overlay {\n      background: Canvas;\n      opacity: 0.7;\n    }\n\n    .brick-alert-dialog-content {\n      border-color: CanvasText;\n      box-shadow: none;\n    }\n  }\n}\n","@layer brick.components {\n  .brick-form {\n    --brick-form-gap: var(--brick-space-5);\n    --brick-form-fieldset-gap: var(--brick-space-3);\n\n    display: grid;\n    min-inline-size: 0;\n    row-gap: var(--brick-form-gap);\n  }\n\n  .brick-form > .brick-fieldset {\n    --brick-fieldset-gap: var(--brick-form-fieldset-gap);\n  }\n\n  .brick-form[data-submitting] {\n    cursor: progress;\n  }\n}\n","@layer brick.components {\n  :where(\n    .brick-dropdown-menu__content,\n    .brick-dropdown-menu__sub-content,\n    .brick-context-menu__content,\n    .brick-context-menu__sub-content,\n    .brick-menubar__content,\n    .brick-menubar__sub-content\n  ) {\n    box-sizing: border-box;\n    min-inline-size: max(12rem, var(--atom-menu-anchor-width, 0rem));\n    max-inline-size: min(24rem, calc(100dvi - 2 * var(--brick-space-3)));\n    max-block-size: min(var(--brick-action-menu-content-max-block-size), var(--atom-menu-available-height, var(--brick-action-menu-content-max-block-size)));\n    padding: var(--brick-action-menu-content-padding);\n    overflow-x: hidden;\n    overflow-y: auto;\n    overscroll-behavior: contain;\n    border: var(--brick-border-width) solid var(--brick-action-menu-content-border);\n    border-radius: var(--brick-action-menu-content-radius);\n    background: var(--brick-action-menu-content-background);\n    box-shadow: var(--brick-action-menu-content-shadow);\n    color: var(--brick-action-menu-content-foreground);\n    opacity: 0;\n    translate: 0 0;\n    scrollbar-width: thin;\n    transition:\n      opacity var(--brick-action-menu-motion-duration) var(--brick-motion-easing-enter),\n      translate var(--brick-action-menu-motion-duration) var(--brick-motion-easing-enter);\n    z-index: var(--brick-action-menu-content-z-index);\n  }\n\n  :where(\n    .brick-dropdown-menu__content,\n    .brick-dropdown-menu__sub-content,\n    .brick-context-menu__content,\n    .brick-context-menu__sub-content,\n    .brick-menubar__content,\n    .brick-menubar__sub-content\n  )[data-side=\"top\"] {\n    translate: 0 var(--brick-space-1);\n  }\n\n  :where(\n    .brick-dropdown-menu__content,\n    .brick-dropdown-menu__sub-content,\n    .brick-context-menu__content,\n    .brick-context-menu__sub-content,\n    .brick-menubar__content,\n    .brick-menubar__sub-content\n  )[data-side=\"right\"] {\n    translate: calc(var(--brick-space-1) * -1) 0;\n  }\n\n  :where(\n    .brick-dropdown-menu__content,\n    .brick-dropdown-menu__sub-content,\n    .brick-context-menu__content,\n    .brick-context-menu__sub-content,\n    .brick-menubar__content,\n    .brick-menubar__sub-content\n  )[data-side=\"bottom\"] {\n    translate: 0 calc(var(--brick-space-1) * -1);\n  }\n\n  :where(\n    .brick-dropdown-menu__content,\n    .brick-dropdown-menu__sub-content,\n    .brick-context-menu__content,\n    .brick-context-menu__sub-content,\n    .brick-menubar__content,\n    .brick-menubar__sub-content\n  )[data-side=\"left\"] {\n    translate: var(--brick-space-1) 0;\n  }\n\n  :where(\n    .brick-dropdown-menu__content,\n    .brick-dropdown-menu__sub-content,\n    .brick-context-menu__content,\n    .brick-context-menu__sub-content,\n    .brick-menubar__content,\n    .brick-menubar__sub-content\n  )[data-positioned] {\n    opacity: 1;\n    translate: 0 0;\n  }\n\n  :where(\n    .brick-dropdown-menu__content,\n    .brick-dropdown-menu__sub-content,\n    .brick-context-menu__content,\n    .brick-context-menu__sub-content,\n    .brick-menubar__content,\n    .brick-menubar__sub-content\n  )[data-size=\"sm\"] {\n    --brick-action-menu-row-min-block-size: 2rem;\n    --brick-action-menu-row-padding-inline: var(--brick-space-2);\n    --brick-action-menu-row-gap: 0.375rem;\n    --brick-action-menu-indicator-size: 0.875rem;\n    --brick-action-menu-font-size: var(--brick-typography-control-sm-font-size);\n    --brick-action-menu-line-height: var(--brick-typography-control-sm-line-height);\n  }\n\n  :where(\n    .brick-dropdown-menu__content,\n    .brick-dropdown-menu__sub-content,\n    .brick-context-menu__content,\n    .brick-context-menu__sub-content,\n    .brick-menubar__content,\n    .brick-menubar__sub-content\n  )[data-size=\"lg\"] {\n    --brick-action-menu-row-min-block-size: 3rem;\n    --brick-action-menu-row-padding-inline: var(--brick-space-4);\n    --brick-action-menu-row-gap: var(--brick-space-3);\n    --brick-action-menu-indicator-size: 1.125rem;\n    --brick-action-menu-font-size: var(--brick-typography-control-lg-font-size);\n    --brick-action-menu-line-height: var(--brick-typography-control-lg-line-height);\n  }\n\n  :where(\n    .brick-dropdown-menu__group,\n    .brick-context-menu__group,\n    .brick-menubar__group\n  ) + :where(\n    .brick-dropdown-menu__group,\n    .brick-context-menu__group,\n    .brick-menubar__group\n  ) {\n    margin-block-start: var(--brick-space-1);\n  }\n\n  :where(\n    .brick-dropdown-menu__label,\n    .brick-context-menu__label,\n    .brick-menubar__label\n  ) {\n    padding: var(--brick-space-2) var(--brick-action-menu-row-padding-inline) var(--brick-space-1);\n    color: var(--brick-action-menu-label-foreground);\n    font-family: var(--brick-typography-caption-font-family);\n    font-size: var(--brick-typography-caption-font-size);\n    font-weight: var(--brick-typography-label-md-font-weight);\n    letter-spacing: var(--brick-typography-caption-letter-spacing);\n    line-height: var(--brick-typography-caption-line-height);\n  }\n\n  :where(\n    .brick-dropdown-menu__item,\n    .brick-dropdown-menu__checkbox-item,\n    .brick-dropdown-menu__radio-item,\n    .brick-dropdown-menu__sub-trigger,\n    .brick-context-menu__item,\n    .brick-context-menu__checkbox-item,\n    .brick-context-menu__radio-item,\n    .brick-context-menu__sub-trigger,\n    .brick-menubar__item,\n    .brick-menubar__checkbox-item,\n    .brick-menubar__radio-item,\n    .brick-menubar__sub-trigger\n  ) {\n    display: grid;\n    box-sizing: border-box;\n    min-inline-size: 0;\n    min-block-size: var(--brick-action-menu-row-min-block-size);\n    grid-template-columns: var(--brick-action-menu-indicator-size) minmax(0, 1fr) auto;\n    align-items: center;\n    gap: var(--brick-action-menu-row-gap);\n    padding: var(--brick-space-1) var(--brick-action-menu-row-padding-inline);\n    border-radius: var(--brick-action-menu-row-radius);\n    outline: 0;\n    color: var(--brick-action-menu-row-foreground);\n    font-family: var(--brick-typography-control-md-font-family);\n    font-size: var(--brick-action-menu-font-size);\n    font-weight: var(--brick-typography-control-md-font-weight);\n    line-height: var(--brick-action-menu-line-height);\n    text-align: start;\n    cursor: default;\n    user-select: none;\n  }\n\n  /*\n   * Destination rows may compose a Brick Link through the menu item's\n   * `asChild` contract. Restore the menu-row recipe above Link's inline\n   * presentation and flatten Link's content wrapper so Leading, ItemLabel,\n   * Description, and Shortcut continue to participate in the row grid.\n   */\n  .brick-link:is(\n    .brick-dropdown-menu__item,\n    .brick-context-menu__item,\n    .brick-menubar__item\n  ) {\n    display: grid;\n    inline-size: 100%;\n    align-items: center;\n    gap: var(--brick-action-menu-row-gap);\n    color: var(--brick-action-menu-row-foreground);\n    font-family: var(--brick-typography-control-md-font-family);\n    font-size: var(--brick-action-menu-font-size);\n    font-weight: var(--brick-typography-control-md-font-weight);\n    line-height: var(--brick-action-menu-line-height);\n    text-decoration-line: none;\n    vertical-align: middle;\n  }\n\n  .brick-link:is(\n    .brick-dropdown-menu__item,\n    .brick-context-menu__item,\n    .brick-menubar__item\n  ) > .brick-link__content {\n    display: contents;\n  }\n\n  .brick-link:is(\n    .brick-dropdown-menu__item,\n    .brick-context-menu__item,\n    .brick-menubar__item\n  ):is(:hover, :focus-visible, :active) {\n    outline: 0;\n    color: currentColor;\n    text-decoration-line: none;\n  }\n\n  :where(\n    .brick-dropdown-menu__item,\n    .brick-dropdown-menu__checkbox-item,\n    .brick-dropdown-menu__radio-item,\n    .brick-dropdown-menu__sub-trigger,\n    .brick-context-menu__item,\n    .brick-context-menu__checkbox-item,\n    .brick-context-menu__radio-item,\n    .brick-context-menu__sub-trigger,\n    .brick-menubar__item,\n    .brick-menubar__checkbox-item,\n    .brick-menubar__radio-item,\n    .brick-menubar__sub-trigger\n  )[data-highlighted] {\n    background: var(--brick-action-menu-row-highlighted-background);\n    color: var(--brick-action-menu-row-highlighted-foreground);\n    box-shadow: inset 0 0 0 var(--brick-border-width) var(--brick-action-menu-focus-ring);\n  }\n\n  :where(\n    .brick-dropdown-menu__item,\n    .brick-dropdown-menu__checkbox-item,\n    .brick-dropdown-menu__radio-item,\n    .brick-dropdown-menu__sub-trigger,\n    .brick-context-menu__item,\n    .brick-context-menu__checkbox-item,\n    .brick-context-menu__radio-item,\n    .brick-context-menu__sub-trigger,\n    .brick-menubar__item,\n    .brick-menubar__checkbox-item,\n    .brick-menubar__radio-item,\n    .brick-menubar__sub-trigger\n  )[data-tone=\"danger\"] {\n    color: var(--brick-action-menu-danger-foreground);\n  }\n\n  :where(\n    .brick-dropdown-menu__item,\n    .brick-dropdown-menu__checkbox-item,\n    .brick-dropdown-menu__radio-item,\n    .brick-dropdown-menu__sub-trigger,\n    .brick-context-menu__item,\n    .brick-context-menu__checkbox-item,\n    .brick-context-menu__radio-item,\n    .brick-context-menu__sub-trigger,\n    .brick-menubar__item,\n    .brick-menubar__checkbox-item,\n    .brick-menubar__radio-item,\n    .brick-menubar__sub-trigger\n  )[data-tone=\"danger\"][data-highlighted] {\n    background: var(--brick-action-menu-danger-background);\n    color: var(--brick-action-menu-danger-foreground);\n  }\n\n  :where(\n    .brick-dropdown-menu__item,\n    .brick-dropdown-menu__checkbox-item,\n    .brick-dropdown-menu__radio-item,\n    .brick-dropdown-menu__sub-trigger,\n    .brick-context-menu__item,\n    .brick-context-menu__checkbox-item,\n    .brick-context-menu__radio-item,\n    .brick-context-menu__sub-trigger,\n    .brick-menubar__item,\n    .brick-menubar__checkbox-item,\n    .brick-menubar__radio-item,\n    .brick-menubar__sub-trigger\n  )[data-disabled] {\n    color: var(--brick-action-menu-disabled-foreground);\n    opacity: 0.65;\n  }\n\n  :where(\n    .brick-dropdown-menu__leading,\n    .brick-context-menu__leading,\n    .brick-menubar__leading,\n    .brick-dropdown-menu__item-indicator,\n    .brick-context-menu__item-indicator,\n    .brick-menubar__item-indicator\n  ) {\n    display: inline-grid;\n    inline-size: var(--brick-action-menu-indicator-size);\n    block-size: var(--brick-action-menu-indicator-size);\n    place-items: center;\n    color: currentColor;\n  }\n\n  :is(\n    .brick-dropdown-menu__leading,\n    .brick-context-menu__leading,\n    .brick-menubar__leading\n  ) > .brick-icon {\n    --brick-icon-size: var(--brick-action-menu-indicator-size);\n  }\n\n  :is(\n    .brick-dropdown-menu__leading,\n    .brick-context-menu__leading,\n    .brick-menubar__leading\n  ) > .brick-icon[data-size] {\n    --brick-icon-size: var(--brick-action-menu-indicator-size);\n  }\n\n  :where(\n    .brick-dropdown-menu__leading,\n    .brick-context-menu__leading,\n    .brick-menubar__leading\n  ) > :where(svg, img) {\n    display: block;\n    inline-size: 100%;\n    block-size: 100%;\n  }\n\n  :where(\n    .brick-dropdown-menu__item,\n    .brick-context-menu__item,\n    .brick-menubar__item,\n    .brick-dropdown-menu__sub-trigger,\n    .brick-context-menu__sub-trigger,\n    .brick-menubar__sub-trigger\n  ) > :where(\n    .brick-dropdown-menu__item-label,\n    .brick-context-menu__item-label,\n    .brick-menubar__item-label\n  ):first-child {\n    grid-column: 2;\n  }\n\n  :where(\n    .brick-dropdown-menu__item-label,\n    .brick-context-menu__item-label,\n    .brick-menubar__item-label\n  ) {\n    min-inline-size: 0;\n    grid-column: 2;\n    overflow-wrap: anywhere;\n  }\n\n  :where(\n    .brick-dropdown-menu__description,\n    .brick-context-menu__description,\n    .brick-menubar__description\n  ) {\n    min-inline-size: 0;\n    grid-column: 2 / -1;\n    color: var(--brick-action-menu-description-foreground);\n    font-family: var(--brick-typography-supporting-sm-font-family);\n    font-size: var(--brick-typography-supporting-sm-font-size);\n    font-weight: var(--brick-typography-supporting-sm-font-weight);\n    line-height: var(--brick-typography-supporting-sm-line-height);\n    overflow-wrap: anywhere;\n  }\n\n  :where(\n    .brick-dropdown-menu__shortcut,\n    .brick-context-menu__shortcut,\n    .brick-menubar__shortcut\n  ) {\n    grid-column: 3;\n    color: var(--brick-action-menu-shortcut-foreground);\n    font-family: var(--brick-typography-code-inline-font-family);\n    font-size: var(--brick-typography-caption-font-size);\n    line-height: var(--brick-typography-caption-line-height);\n    white-space: nowrap;\n  }\n\n  :where(\n    .brick-dropdown-menu__item-indicator,\n    .brick-context-menu__item-indicator,\n    .brick-menubar__item-indicator\n  ) {\n    grid-column: 1;\n  }\n\n  :where(\n    .brick-dropdown-menu__item-indicator,\n    .brick-context-menu__item-indicator,\n    .brick-menubar__item-indicator\n  ):empty::before {\n    content: \"✓\";\n    font-weight: var(--brick-typography-label-strong-font-weight);\n  }\n\n  :where(\n    .brick-dropdown-menu__item-indicator,\n    .brick-context-menu__item-indicator,\n    .brick-menubar__item-indicator\n  )[data-state=\"indeterminate\"]:empty::before {\n    content: \"−\";\n  }\n\n  :where(\n    .brick-dropdown-menu__sub-trigger,\n    .brick-context-menu__sub-trigger,\n    .brick-menubar__sub-trigger\n  )::after {\n    content: \"\";\n    grid-column: 3;\n    inline-size: 0.5em;\n    block-size: 0.5em;\n    border-right: 0.125rem solid currentColor;\n    border-bottom: 0.125rem solid currentColor;\n    color: var(--brick-action-menu-shortcut-foreground);\n    direction: ltr;\n    transform: rotate(-45deg);\n  }\n\n  :where(\n    [dir=\"rtl\"] .brick-dropdown-menu__sub-trigger,\n    [dir=\"rtl\"] .brick-context-menu__sub-trigger,\n    [dir=\"rtl\"] .brick-menubar__sub-trigger,\n    .brick-dropdown-menu__sub-trigger[dir=\"rtl\"],\n    .brick-context-menu__sub-trigger[dir=\"rtl\"],\n    .brick-menubar__sub-trigger[dir=\"rtl\"]\n  )::after {\n    transform: rotate(135deg);\n  }\n\n  :where(\n    .brick-dropdown-menu__separator,\n    .brick-context-menu__separator,\n    .brick-menubar__separator\n  ) {\n    block-size: var(--brick-border-width);\n    margin: var(--brick-space-1) var(--brick-action-menu-row-padding-inline);\n    background: var(--brick-action-menu-separator-color);\n  }\n\n  :where(\n    .brick-dropdown-menu__arrow,\n    .brick-context-menu__arrow,\n    .brick-menubar__arrow\n  ) {\n    --brick-floating-arrow-fill: var(--brick-action-menu-content-background);\n    --brick-floating-arrow-stroke: var(--brick-action-menu-content-border);\n    color: var(--brick-action-menu-content-background);\n  }\n\n  @supports not (width: 100dvi) {\n    :where(\n      .brick-dropdown-menu__content,\n      .brick-dropdown-menu__sub-content,\n      .brick-context-menu__content,\n      .brick-context-menu__sub-content,\n      .brick-menubar__content,\n      .brick-menubar__sub-content\n    ) {\n      max-inline-size: min(24rem, calc(100vw - 2 * var(--brick-space-3)));\n    }\n  }\n\n  @media (prefers-reduced-motion: reduce) {\n    :where(\n      .brick-dropdown-menu__content,\n      .brick-dropdown-menu__sub-content,\n      .brick-context-menu__content,\n      .brick-context-menu__sub-content,\n      .brick-menubar__content,\n      .brick-menubar__sub-content\n    ) {\n      scale: 1;\n      transition-duration: 1ms;\n    }\n  }\n\n  @media (forced-colors: active) {\n    :where(\n      .brick-dropdown-menu__content,\n      .brick-dropdown-menu__sub-content,\n      .brick-context-menu__content,\n      .brick-context-menu__sub-content,\n      .brick-menubar__content,\n      .brick-menubar__sub-content\n    ) {\n      border-color: CanvasText;\n      background: Canvas;\n      box-shadow: none;\n      color: CanvasText;\n    }\n\n    :where(\n      .brick-dropdown-menu__item,\n      .brick-dropdown-menu__checkbox-item,\n      .brick-dropdown-menu__radio-item,\n      .brick-dropdown-menu__sub-trigger,\n      .brick-context-menu__item,\n      .brick-context-menu__checkbox-item,\n      .brick-context-menu__radio-item,\n      .brick-context-menu__sub-trigger,\n      .brick-menubar__item,\n      .brick-menubar__checkbox-item,\n      .brick-menubar__radio-item,\n      .brick-menubar__sub-trigger\n    )[data-highlighted] {\n      outline: var(--brick-border-focus-width) solid Highlight;\n      outline-offset: calc(var(--brick-border-focus-width) * -1);\n      background: Highlight;\n      box-shadow: none;\n      color: HighlightText;\n    }\n\n    :where(\n      .brick-dropdown-menu__item,\n      .brick-dropdown-menu__checkbox-item,\n      .brick-dropdown-menu__radio-item,\n      .brick-dropdown-menu__sub-trigger,\n      .brick-context-menu__item,\n      .brick-context-menu__checkbox-item,\n      .brick-context-menu__radio-item,\n      .brick-context-menu__sub-trigger,\n      .brick-menubar__item,\n      .brick-menubar__checkbox-item,\n      .brick-menubar__radio-item,\n      .brick-menubar__sub-trigger\n    )[data-disabled] {\n      color: GrayText;\n    }\n  }\n}\n","@layer brick.components {\n  .brick-blockquote {\n    --brick-blockquote-background: transparent;\n    --brick-blockquote-foreground: var(--brick-color-text-primary);\n    --brick-blockquote-muted-foreground: var(--brick-color-text-secondary);\n    --brick-blockquote-accent: var(--brick-color-accent-border);\n    --brick-blockquote-border-color: transparent;\n    --brick-blockquote-border-width: 0rem;\n    --brick-blockquote-radius: var(--brick-radius-surface);\n    --brick-blockquote-padding-block: var(--brick-space-4);\n    --brick-blockquote-padding-inline: var(--brick-space-5);\n    --brick-blockquote-gap: var(--brick-space-3);\n    --brick-blockquote-icon-font-family: var(--brick-typography-display-font-family);\n    --brick-blockquote-icon-size: 2.5rem;\n    --brick-blockquote-icon-font-weight: var(--brick-typography-display-font-weight);\n    --brick-blockquote-icon-line-height: var(--brick-typography-display-line-height);\n    --brick-blockquote-content-font-family: var(--brick-typography-body-lg-font-family);\n    --brick-blockquote-content-font-size: var(--brick-typography-body-lg-font-size);\n    --brick-blockquote-content-font-weight: var(--brick-typography-body-lg-font-weight);\n    --brick-blockquote-content-line-height: var(--brick-typography-body-lg-line-height);\n    --brick-blockquote-content-letter-spacing: var(--brick-typography-body-lg-letter-spacing);\n    --brick-blockquote-caption-font-family: var(--brick-typography-caption-font-family);\n    --brick-blockquote-caption-font-size: var(--brick-typography-caption-font-size);\n    --brick-blockquote-caption-font-weight: var(--brick-typography-caption-font-weight);\n    --brick-blockquote-caption-line-height: var(--brick-typography-caption-line-height);\n    --brick-blockquote-caption-letter-spacing: var(--brick-typography-caption-letter-spacing);\n\n    display: grid;\n    box-sizing: border-box;\n    gap: var(--brick-blockquote-gap);\n    margin: 0;\n    padding-block: var(--brick-blockquote-padding-block);\n    padding-inline: var(--brick-blockquote-padding-inline);\n    border: var(--brick-blockquote-border-width) solid var(--brick-blockquote-border-color);\n    border-inline-start: 0.25rem solid var(--brick-blockquote-accent);\n    border-radius: var(--brick-blockquote-radius);\n    background: var(--brick-blockquote-background);\n    color: var(--brick-blockquote-foreground);\n    text-align: start;\n  }\n\n  .brick-blockquote[data-variant=\"surface\"] {\n    --brick-blockquote-background: var(--brick-color-surface-subtle);\n    --brick-blockquote-border-color: var(--brick-color-border-subtle);\n    --brick-blockquote-border-width: var(--brick-border-width);\n  }\n\n  .brick-blockquote[data-variant=\"plain\"] {\n    --brick-blockquote-padding-block: 0rem;\n    --brick-blockquote-padding-inline: 0rem;\n\n    border-inline-start: 0;\n  }\n\n  .brick-blockquote[data-align=\"center\"] {\n    justify-items: center;\n    text-align: center;\n  }\n\n  .brick-blockquote[data-align=\"end\"] {\n    justify-items: end;\n    text-align: end;\n  }\n\n  .brick-blockquote__icon {\n    display: block;\n    block-size: 0.65em;\n    color: var(--brick-blockquote-accent);\n    font-family: var(--brick-blockquote-icon-font-family);\n    font-size: var(--brick-blockquote-icon-size);\n    font-weight: var(--brick-blockquote-icon-font-weight);\n    line-height: var(--brick-blockquote-icon-line-height);\n    user-select: none;\n  }\n\n  .brick-blockquote__content {\n    margin: 0;\n    color: var(--brick-blockquote-foreground);\n    font-family: var(--brick-blockquote-content-font-family);\n    font-size: var(--brick-blockquote-content-font-size);\n    font-weight: var(--brick-blockquote-content-font-weight);\n    letter-spacing: var(--brick-blockquote-content-letter-spacing);\n    line-height: var(--brick-blockquote-content-line-height);\n  }\n\n  .brick-blockquote__caption {\n    color: var(--brick-blockquote-muted-foreground);\n    font-family: var(--brick-blockquote-caption-font-family);\n    font-size: var(--brick-blockquote-caption-font-size);\n    font-weight: var(--brick-blockquote-caption-font-weight);\n    letter-spacing: var(--brick-blockquote-caption-letter-spacing);\n    line-height: var(--brick-blockquote-caption-line-height);\n  }\n\n  .brick-blockquote__cite {\n    font-style: normal;\n  }\n\n  @media (forced-colors: active) {\n    .brick-blockquote {\n      --brick-blockquote-background: Canvas;\n      --brick-blockquote-foreground: CanvasText;\n      --brick-blockquote-muted-foreground: CanvasText;\n      --brick-blockquote-accent: Highlight;\n      --brick-blockquote-border-color: CanvasText;\n    }\n  }\n}\n","@layer brick.components {\n  .brick-drawer-overlay {\n    position: fixed;\n    z-index: var(--brick-layer-overlay);\n    inset: 0;\n    background: var(--brick-color-scrim);\n    opacity: 1;\n    transition: opacity var(--brick-motion-duration-fast) var(--brick-motion-easing-exit);\n  }\n\n  .brick-drawer-overlay[data-state=\"closed\"] {\n    opacity: 0;\n  }\n\n  .brick-drawer-content {\n    --brick-drawer-space: var(--brick-space-5);\n    --brick-drawer-shadow: var(--brick-shadow-modal);\n    --brick-drawer-inline-size-sm: min(20rem, 75dvi);\n    --brick-drawer-inline-size-md: min(28rem, 85dvi);\n    --brick-drawer-inline-size-lg: min(36rem, calc(100dvi - 1rem));\n    --brick-drawer-inline-size-xl: min(48rem, calc(100dvi - 0.5rem));\n    --brick-drawer-block-size-sm: min(16rem, 45dvb);\n    --brick-drawer-block-size-md: min(24rem, 65dvb);\n    --brick-drawer-block-size-lg: min(32rem, calc(100dvb - 2rem));\n    --brick-drawer-block-size-xl: 100dvb;\n    --brick-drawer-safe-top: 0px;\n    --brick-drawer-safe-right: 0px;\n    --brick-drawer-safe-bottom: 0px;\n    --brick-drawer-safe-left: 0px;\n\n    position: fixed;\n    z-index: calc(var(--brick-layer-overlay) + 1);\n    display: flex;\n    box-sizing: border-box;\n    min-inline-size: 0;\n    min-block-size: 0;\n    flex-direction: column;\n    overflow: hidden;\n    border: var(--brick-border-width) solid var(--brick-color-border-subtle);\n    background: var(--brick-drawer-background, var(--brick-color-surface-overlay));\n    box-shadow: var(--brick-drawer-shadow);\n    color: var(--brick-color-text-primary);\n    opacity: 1;\n    overflow-wrap: anywhere;\n    transform: translate3d(0, 0, 0);\n    transition:\n      opacity var(--brick-motion-duration-fast) var(--brick-motion-easing-exit),\n      transform var(--brick-motion-duration-fast) var(--brick-motion-easing-exit);\n  }\n\n  .brick-drawer-content:is([data-placement=\"start\"], [data-placement=\"end\"]) {\n    inset-block: 0;\n    block-size: 100dvb;\n    --brick-drawer-safe-top: env(safe-area-inset-top);\n    --brick-drawer-safe-right: env(safe-area-inset-right);\n    --brick-drawer-safe-bottom: env(safe-area-inset-bottom);\n    --brick-drawer-safe-left: env(safe-area-inset-left);\n  }\n\n  .brick-drawer-content[data-placement=\"start\"] {\n    inset-inline-start: 0;\n    border-start-end-radius: var(--brick-drawer-radius, var(--brick-radius-overlay));\n    border-end-end-radius: var(--brick-drawer-radius, var(--brick-radius-overlay));\n  }\n\n  .brick-drawer-content[data-placement=\"end\"] {\n    inset-inline-end: 0;\n    border-start-start-radius: var(--brick-drawer-radius, var(--brick-radius-overlay));\n    border-end-start-radius: var(--brick-drawer-radius, var(--brick-radius-overlay));\n  }\n\n  .brick-drawer-content:is([data-placement=\"top\"], [data-placement=\"bottom\"]) {\n    inset-inline: 0;\n    inline-size: 100dvi;\n    --brick-drawer-safe-right: env(safe-area-inset-right);\n    --brick-drawer-safe-left: env(safe-area-inset-left);\n  }\n\n  .brick-drawer-content[data-placement=\"top\"] {\n    inset-block-start: 0;\n    border-end-start-radius: var(--brick-drawer-radius, var(--brick-radius-overlay));\n    border-end-end-radius: var(--brick-drawer-radius, var(--brick-radius-overlay));\n    --brick-drawer-safe-top: env(safe-area-inset-top);\n  }\n\n  .brick-drawer-content[data-placement=\"bottom\"] {\n    inset-block-end: 0;\n    border-start-start-radius: var(--brick-drawer-radius, var(--brick-radius-overlay));\n    border-start-end-radius: var(--brick-drawer-radius, var(--brick-radius-overlay));\n    --brick-drawer-safe-bottom: env(safe-area-inset-bottom);\n  }\n\n  .brick-drawer-content:is([data-placement=\"start\"], [data-placement=\"end\"])[data-size=\"sm\"] {\n    inline-size: var(--brick-drawer-inline-size-sm);\n  }\n\n  .brick-drawer-content:is([data-placement=\"start\"], [data-placement=\"end\"])[data-size=\"md\"] {\n    inline-size: var(--brick-drawer-inline-size-md);\n  }\n\n  .brick-drawer-content:is([data-placement=\"start\"], [data-placement=\"end\"])[data-size=\"lg\"] {\n    inline-size: var(--brick-drawer-inline-size-lg);\n  }\n\n  .brick-drawer-content:is([data-placement=\"start\"], [data-placement=\"end\"])[data-size=\"xl\"] {\n    inline-size: var(--brick-drawer-inline-size-xl);\n  }\n\n  .brick-drawer-content:is([data-placement=\"start\"], [data-placement=\"end\"])[data-size=\"full\"] {\n    inline-size: 100dvi;\n    border-radius: 0;\n  }\n\n  .brick-drawer-content:is([data-placement=\"top\"], [data-placement=\"bottom\"])[data-size=\"sm\"] {\n    max-block-size: var(--brick-drawer-block-size-sm);\n  }\n\n  .brick-drawer-content:is([data-placement=\"top\"], [data-placement=\"bottom\"])[data-size=\"md\"] {\n    max-block-size: var(--brick-drawer-block-size-md);\n  }\n\n  .brick-drawer-content:is([data-placement=\"top\"], [data-placement=\"bottom\"])[data-size=\"lg\"] {\n    max-block-size: var(--brick-drawer-block-size-lg);\n  }\n\n  .brick-drawer-content:is([data-placement=\"top\"], [data-placement=\"bottom\"])[data-size=\"xl\"] {\n    max-block-size: var(--brick-drawer-block-size-xl);\n  }\n\n  .brick-drawer-content:is([data-placement=\"top\"], [data-placement=\"bottom\"])[data-size=\"full\"] {\n    block-size: 100dvb;\n    border-radius: 0;\n    --brick-drawer-safe-top: env(safe-area-inset-top);\n    --brick-drawer-safe-bottom: env(safe-area-inset-bottom);\n  }\n\n  .brick-drawer-content[data-placement=\"start\"][data-state=\"closed\"] {\n    transform: translate3d(-100%, 0, 0);\n  }\n\n  .brick-drawer-content[data-placement=\"end\"][data-state=\"closed\"] {\n    transform: translate3d(100%, 0, 0);\n  }\n\n  .brick-drawer-content:is(:dir(rtl), [dir=\"rtl\"])[data-placement=\"start\"][data-state=\"closed\"] {\n    transform: translate3d(100%, 0, 0);\n  }\n\n  .brick-drawer-content:is(:dir(rtl), [dir=\"rtl\"])[data-placement=\"end\"][data-state=\"closed\"] {\n    transform: translate3d(-100%, 0, 0);\n  }\n\n  .brick-drawer-content[data-placement=\"top\"][data-state=\"closed\"] {\n    transform: translate3d(0, -100%, 0);\n  }\n\n  .brick-drawer-content[data-placement=\"bottom\"][data-state=\"closed\"] {\n    transform: translate3d(0, 100%, 0);\n  }\n\n  .brick-drawer-header {\n    display: grid;\n    min-inline-size: 0;\n    flex: none;\n    gap: var(--brick-space-1);\n    padding-block-start: calc(var(--brick-drawer-space) + var(--brick-drawer-safe-top));\n    padding-block-end: var(--brick-space-3);\n    padding-left: calc(var(--brick-drawer-space) + var(--brick-drawer-safe-left));\n    padding-right: calc(var(--brick-drawer-space) + var(--brick-drawer-safe-right));\n  }\n\n  .brick-drawer-title,\n  .brick-drawer-description {\n    min-inline-size: 0;\n    margin: 0;\n  }\n\n  .brick-drawer-title {\n    color: var(--brick-color-text-primary);\n    font-family: var(--brick-typography-overlay-title-font-family);\n    font-size: var(--brick-typography-overlay-title-font-size);\n    font-weight: var(--brick-typography-overlay-title-font-weight);\n    letter-spacing: var(--brick-typography-overlay-title-letter-spacing);\n    line-height: var(--brick-typography-overlay-title-line-height);\n  }\n\n  .brick-drawer-description {\n    color: var(--brick-color-text-secondary);\n    font-family: var(--brick-typography-supporting-sm-font-family);\n    font-size: var(--brick-typography-supporting-sm-font-size);\n    font-weight: var(--brick-typography-supporting-sm-font-weight);\n    letter-spacing: var(--brick-typography-supporting-sm-letter-spacing);\n    line-height: var(--brick-typography-supporting-sm-line-height);\n  }\n\n  .brick-drawer-body {\n    min-inline-size: 0;\n    min-block-size: 0;\n    flex: 1 1 auto;\n    padding-block: var(--brick-space-2) var(--brick-drawer-space);\n    padding-left: calc(var(--brick-drawer-space) + var(--brick-drawer-safe-left));\n    padding-right: calc(var(--brick-drawer-space) + var(--brick-drawer-safe-right));\n    overflow: auto;\n    overscroll-behavior: contain;\n    color: var(--brick-color-text-primary);\n    line-height: var(--brick-typography-body-md-line-height);\n    scrollbar-gutter: stable;\n  }\n\n  .brick-drawer-footer {\n    display: flex;\n    min-inline-size: 0;\n    flex: none;\n    flex-wrap: wrap;\n    align-items: center;\n    justify-content: flex-end;\n    gap: var(--brick-space-2);\n    padding-block-start: var(--brick-space-3);\n    padding-block-end: calc(var(--brick-drawer-space) + var(--brick-drawer-safe-bottom));\n    padding-left: calc(var(--brick-drawer-space) + var(--brick-drawer-safe-left));\n    padding-right: calc(var(--brick-drawer-space) + var(--brick-drawer-safe-right));\n  }\n\n  .brick-drawer-footer[data-justify=\"start\"] {\n    justify-content: flex-start;\n  }\n\n  .brick-drawer-footer[data-justify=\"center\"] {\n    justify-content: center;\n  }\n\n  .brick-drawer-footer[data-justify=\"between\"] {\n    justify-content: space-between;\n  }\n\n  @supports not (height: 100dvb) {\n    .brick-drawer-content:is([data-placement=\"start\"], [data-placement=\"end\"]) {\n      block-size: 100vh;\n    }\n\n    .brick-drawer-content:is([data-placement=\"top\"], [data-placement=\"bottom\"])[data-size=\"full\"] {\n      block-size: 100vh;\n    }\n\n    .brick-drawer-content:is([data-placement=\"top\"], [data-placement=\"bottom\"])[data-size=\"xl\"] {\n      max-block-size: 100vh;\n    }\n  }\n\n  @media (max-width: 30rem) {\n    .brick-drawer-content {\n      --brick-drawer-space: var(--brick-space-4);\n    }\n\n    .brick-drawer-footer > .brick-button {\n      flex: 1 1 9rem;\n    }\n  }\n\n  @media (max-height: 24rem) {\n    .brick-drawer-content {\n      overflow-y: auto;\n      overscroll-behavior: contain;\n      scrollbar-gutter: stable;\n    }\n\n    .brick-drawer-body {\n      flex: none;\n      overflow: visible;\n    }\n  }\n\n  @media (prefers-reduced-motion: reduce) {\n    .brick-drawer-overlay,\n    .brick-drawer-content {\n      transition-duration: 1ms;\n    }\n\n    .brick-drawer-content[data-state=\"closed\"] {\n      transform: translate3d(0, 0, 0);\n    }\n  }\n\n  @media (forced-colors: active) {\n    .brick-drawer-overlay {\n      background: Canvas;\n      opacity: 0.7;\n    }\n\n    .brick-drawer-content {\n      border-color: CanvasText;\n      box-shadow: none;\n    }\n  }\n}\n","@layer brick.components {\n  .brick-field {\n    --brick-field-row-gap: var(--brick-space-3);\n    --brick-field-column-gap: var(--brick-space-5);\n    --brick-field-label-min-inline-size: 8rem;\n    --brick-field-control-min-inline-size: 12rem;\n    --brick-field-label-foreground: var(--brick-color-text-primary);\n    --brick-field-label-foreground-disabled: var(--brick-color-text-secondary);\n    --brick-field-label-font-family: var(--brick-typography-label-md-font-family);\n    --brick-field-label-font-size: var(--brick-typography-label-md-font-size);\n    --brick-field-label-font-weight: var(--brick-typography-label-md-font-weight);\n    --brick-field-label-line-height: var(--brick-typography-label-md-line-height);\n    --brick-field-indicator-foreground: var(--brick-color-danger-text);\n    --brick-field-indicator-gap: var(--brick-space-1);\n    --brick-field-optional-foreground: var(--brick-color-text-secondary);\n    --brick-field-description-foreground: var(--brick-color-text-secondary);\n    --brick-field-description-font-size: var(--brick-typography-supporting-sm-font-size);\n    --brick-field-description-line-height: var(--brick-typography-supporting-sm-line-height);\n    --brick-field-error-foreground: var(--brick-color-danger-text);\n    --brick-field-error-font-size: var(--brick-typography-validation-sm-font-size);\n    --brick-field-error-font-weight: var(--brick-typography-validation-sm-font-weight);\n    --brick-field-error-line-height: var(--brick-typography-validation-sm-line-height);\n\n    display: grid;\n    min-inline-size: 0;\n    align-items: start;\n    gap: var(--brick-field-row-gap) var(--brick-field-column-gap);\n  }\n\n  .brick-field[data-orientation=\"horizontal\"] {\n    grid-template-columns: repeat(\n      auto-fit,\n      minmax(\n        min(\n          100%,\n          max(\n            var(--brick-field-label-min-inline-size),\n            var(--brick-field-control-min-inline-size),\n            calc((100% - var(--brick-field-column-gap)) / 2)\n          )\n        ),\n        1fr\n      )\n    );\n  }\n\n  .brick-field[data-orientation=\"horizontal\"] > :where(\n      .brick-field-description,\n      .brick-field-error\n    ) {\n    grid-column: -2 / -1;\n  }\n\n  .brick-field > :not(\n      .brick-field-label,\n      .brick-field-description,\n      .brick-field-error,\n      .brick-field-required-indicator\n    ) {\n    min-inline-size: 0;\n    max-inline-size: 100%;\n  }\n\n  .brick-field-label {\n    min-inline-size: 0;\n    margin: 0;\n    color: var(--brick-field-label-foreground);\n    font-family: var(--brick-field-label-font-family);\n    font-size: var(--brick-field-label-font-size);\n    font-weight: var(--brick-field-label-font-weight);\n    letter-spacing: var(--brick-typography-label-md-letter-spacing);\n    line-height: var(--brick-field-label-line-height);\n    overflow-wrap: anywhere;\n  }\n\n  .brick-field-label > :where(\n      [data-slot=\"field-required-indicator\"],\n      [data-slot=\"field-optional-indicator\"]\n    ) {\n    margin-inline-start: var(--brick-field-indicator-gap);\n  }\n\n  .brick-field-label > [data-slot=\"field-required-indicator\"],\n  .brick-field-required-indicator[data-slot=\"field-required-indicator\"] {\n    color: var(--brick-field-indicator-foreground);\n  }\n\n  .brick-field-label > [data-slot=\"field-optional-indicator\"],\n  .brick-field-required-indicator[data-slot=\"field-optional-indicator\"] {\n    color: var(--brick-field-optional-foreground);\n    font-weight: var(--brick-font-weight-regular);\n  }\n\n  .brick-field-required-indicator {\n    min-inline-size: 0;\n    overflow-wrap: anywhere;\n  }\n\n  .brick-field-description,\n  .brick-field-error {\n    min-inline-size: 0;\n    margin: 0;\n    overflow-wrap: anywhere;\n  }\n\n  .brick-field-description {\n    color: var(--brick-field-description-foreground);\n    font-family: var(--brick-typography-supporting-sm-font-family);\n    font-size: var(--brick-field-description-font-size);\n    font-weight: var(--brick-typography-supporting-sm-font-weight);\n    letter-spacing: var(--brick-typography-supporting-sm-letter-spacing);\n    line-height: var(--brick-field-description-line-height);\n  }\n\n  .brick-field-error {\n    padding-inline-start: var(--brick-space-2);\n    border-inline-start: max(var(--brick-border-width), 0.125rem) solid\n      var(--brick-field-error-foreground);\n    color: var(--brick-field-error-foreground);\n    font-family: var(--brick-typography-validation-sm-font-family);\n    font-size: var(--brick-field-error-font-size);\n    font-weight: var(--brick-field-error-font-weight);\n    letter-spacing: var(--brick-typography-validation-sm-letter-spacing);\n    line-height: var(--brick-field-error-line-height);\n  }\n\n  .brick-field[data-disabled] .brick-field-label {\n    color: var(--brick-field-label-foreground-disabled);\n  }\n\n  .brick-field[data-readonly] .brick-field-label {\n    font-style: italic;\n  }\n\n  .brick-field[data-invalid] .brick-field-label {\n    text-decoration-line: underline;\n    text-decoration-style: wavy;\n    text-decoration-color: var(--brick-field-error-foreground);\n    text-underline-offset: 0.2em;\n  }\n\n  @media (max-width: 34rem) {\n    .brick-field[data-orientation=\"horizontal\"] {\n      grid-template-columns: minmax(0, 1fr);\n    }\n\n    .brick-field[data-orientation=\"horizontal\"] > :where(\n        .brick-field-description,\n        .brick-field-error\n      ) {\n      grid-column: auto;\n    }\n  }\n\n  @media (forced-colors: active) {\n    .brick-field-error {\n      border-inline-start-color: Mark;\n      color: CanvasText;\n    }\n\n    .brick-field[data-invalid] .brick-field-label {\n      text-decoration-color: Mark;\n    }\n  }\n}\n","@layer brick.components {\n  .brick-fieldset {\n    --brick-fieldset-gap: var(--brick-space-3);\n    --brick-fieldset-control-gap: var(--brick-space-4);\n    --brick-fieldset-legend-foreground: var(--brick-color-text-primary);\n    --brick-fieldset-legend-foreground-disabled: var(--brick-color-text-secondary);\n    --brick-fieldset-legend-font-family: var(--brick-typography-label-md-font-family);\n    --brick-fieldset-legend-font-size: var(--brick-typography-label-md-font-size);\n    --brick-fieldset-legend-font-weight: var(--brick-typography-label-md-font-weight);\n    --brick-fieldset-legend-line-height: var(--brick-typography-label-md-line-height);\n    --brick-fieldset-indicator-foreground: var(--brick-color-danger-text);\n    --brick-fieldset-indicator-gap: var(--brick-space-1);\n    --brick-fieldset-optional-foreground: var(--brick-color-text-secondary);\n    --brick-fieldset-description-foreground: var(--brick-color-text-secondary);\n    --brick-fieldset-description-font-size: var(--brick-typography-supporting-sm-font-size);\n    --brick-fieldset-description-line-height: var(--brick-typography-supporting-sm-line-height);\n    --brick-fieldset-error-foreground: var(--brick-color-danger-text);\n    --brick-fieldset-error-font-size: var(--brick-typography-validation-sm-font-size);\n    --brick-fieldset-error-font-weight: var(--brick-typography-validation-sm-font-weight);\n    --brick-fieldset-error-line-height: var(--brick-typography-validation-sm-line-height);\n\n    display: block;\n    min-inline-size: 0;\n    margin: 0;\n    padding: 0;\n    border: 0;\n  }\n\n  .brick-fieldset > :not(.brick-fieldset-legend) {\n    min-inline-size: 0;\n    margin-block-start: var(--brick-fieldset-control-gap);\n  }\n\n  .brick-fieldset > .brick-fieldset-legend + * {\n    clear: both;\n    margin-block-start: 0;\n  }\n\n  .brick-fieldset-legend {\n    float: inline-start;\n    inline-size: 100%;\n    max-inline-size: 100%;\n    margin: 0 0 var(--brick-fieldset-gap);\n    padding: 0;\n    color: var(--brick-fieldset-legend-foreground);\n    font-family: var(--brick-fieldset-legend-font-family);\n    font-size: var(--brick-fieldset-legend-font-size);\n    font-weight: var(--brick-fieldset-legend-font-weight);\n    letter-spacing: var(--brick-typography-label-md-letter-spacing);\n    line-height: var(--brick-fieldset-legend-line-height);\n    overflow-wrap: anywhere;\n  }\n\n  .brick-fieldset-legend > :where(\n      [data-slot=\"fieldset-required-indicator\"],\n      [data-slot=\"fieldset-optional-indicator\"]\n    ) {\n    margin-inline-start: var(--brick-fieldset-indicator-gap);\n  }\n\n  .brick-fieldset-legend > [data-slot=\"fieldset-required-indicator\"] {\n    color: var(--brick-fieldset-indicator-foreground);\n  }\n\n  .brick-fieldset-legend > [data-slot=\"fieldset-optional-indicator\"] {\n    color: var(--brick-fieldset-optional-foreground);\n    font-weight: var(--brick-font-weight-regular);\n  }\n\n  .brick-fieldset-description,\n  .brick-fieldset-error {\n    min-inline-size: 0;\n    margin: 0;\n    overflow-wrap: anywhere;\n  }\n\n  .brick-fieldset-description {\n    color: var(--brick-fieldset-description-foreground);\n    font-family: var(--brick-typography-supporting-sm-font-family);\n    font-size: var(--brick-fieldset-description-font-size);\n    font-weight: var(--brick-typography-supporting-sm-font-weight);\n    letter-spacing: var(--brick-typography-supporting-sm-letter-spacing);\n    line-height: var(--brick-fieldset-description-line-height);\n  }\n\n  .brick-fieldset-error {\n    position: relative;\n    padding-block-start: var(--brick-fieldset-control-gap);\n    padding-inline-start: var(--brick-space-2);\n    color: var(--brick-fieldset-error-foreground);\n    font-family: var(--brick-typography-validation-sm-font-family);\n    font-size: var(--brick-fieldset-error-font-size);\n    font-weight: var(--brick-fieldset-error-font-weight);\n    letter-spacing: var(--brick-typography-validation-sm-letter-spacing);\n    line-height: var(--brick-fieldset-error-line-height);\n  }\n\n  .brick-fieldset-error::before {\n    position: absolute;\n    inset-block: var(--brick-fieldset-control-gap) 0;\n    inset-inline-start: 0;\n    inline-size: max(var(--brick-border-width), 0.125rem);\n    background: var(--brick-fieldset-error-foreground);\n    content: \"\";\n  }\n\n  .brick-fieldset[data-disabled] .brick-fieldset-legend {\n    color: var(--brick-fieldset-legend-foreground-disabled);\n  }\n\n  .brick-fieldset[data-invalid] .brick-fieldset-legend {\n    text-decoration-line: underline;\n    text-decoration-style: wavy;\n    text-decoration-color: var(--brick-fieldset-error-foreground);\n    text-underline-offset: 0.2em;\n  }\n\n  @media (forced-colors: active) {\n    .brick-fieldset-error {\n      color: CanvasText;\n    }\n\n    .brick-fieldset-error::before {\n      background: Mark;\n    }\n\n    .brick-fieldset[data-invalid] .brick-fieldset-legend {\n      text-decoration-color: Mark;\n    }\n  }\n}\n","@layer brick.components {\n  :where(.brick-checkbox, .brick-checkbox-group) {\n    --brick-checkbox-control-size: 1.125rem;\n    --brick-checkbox-target-min-size: var(--brick-control-target-min);\n    --brick-checkbox-gap: var(--brick-space-2);\n    --brick-checkbox-border-width: var(--brick-border-width);\n    --brick-checkbox-radius: var(--brick-radius-subtle);\n    --brick-checkbox-indicator-size: 0.875rem;\n    --brick-checkbox-row-padding-inline: var(--brick-space-2);\n    --brick-checkbox-label-foreground: var(--brick-color-text-primary);\n    --brick-checkbox-description-foreground: var(--brick-color-text-secondary);\n    --brick-checkbox-control-background: var(--brick-color-surface-raised);\n    --brick-checkbox-control-border: var(--brick-color-border-strong);\n    --brick-checkbox-control-checked-background: var(\n      --brick-color-accent-solid\n    );\n    --brick-checkbox-control-checked-foreground: var(\n      --brick-color-accent-on-solid\n    );\n    --brick-checkbox-invalid-foreground: var(--brick-color-danger-text);\n  }\n\n  :where(\n    .brick-checkbox,\n    .brick-checkbox-group-item,\n    .brick-checkbox-group-parent\n  ) {\n    display: grid;\n    box-sizing: border-box;\n    min-inline-size: 0;\n    max-inline-size: 100%;\n    min-block-size: var(--brick-checkbox-target-min-size);\n    grid-template-columns: var(--brick-checkbox-control-size) minmax(0, 1fr);\n    grid-auto-rows: min-content;\n    align-content: center;\n    align-items: center;\n    gap: 0 var(--brick-checkbox-gap);\n    padding-block: var(--brick-space-1);\n    padding-inline: var(--brick-checkbox-row-padding-inline);\n    border: 0;\n    border-radius: var(--brick-checkbox-radius);\n    appearance: none;\n    background: transparent;\n    color: var(--brick-checkbox-label-foreground);\n    font: inherit;\n    font-family: var(--brick-typography-body-md-font-family);\n    font-size: var(--brick-typography-body-md-font-size);\n    font-weight: var(--brick-typography-body-md-font-weight);\n    letter-spacing: var(--brick-typography-body-md-letter-spacing);\n    line-height: var(--brick-typography-body-md-line-height);\n    overflow-wrap: anywhere;\n    text-align: start;\n    text-decoration: none;\n    user-select: none;\n    vertical-align: middle;\n    transition:\n      background-color var(--brick-motion-duration-fast)\n        var(--brick-motion-easing-standard),\n      color var(--brick-motion-duration-fast)\n        var(--brick-motion-easing-standard),\n      box-shadow var(--brick-motion-duration-fast)\n        var(--brick-motion-easing-standard);\n  }\n\n  :where(\n    .brick-checkbox,\n    .brick-checkbox-group-item,\n    .brick-checkbox-group-parent\n  ):not([data-disabled], [data-readonly]) {\n    cursor: pointer;\n  }\n\n  :where(\n    .brick-checkbox,\n    .brick-checkbox-group-item,\n    .brick-checkbox-group-parent\n  )[data-readonly] {\n    cursor: default;\n  }\n\n  :where(\n    .brick-checkbox,\n    .brick-checkbox-group-item,\n    .brick-checkbox-group-parent\n  ):is(:focus-visible, [data-focus-visible]) {\n    outline: none;\n  }\n\n  :where(\n      .brick-checkbox,\n      .brick-checkbox-group-item,\n      .brick-checkbox-group-parent\n    ):is(:focus-visible, [data-focus-visible])\n    .brick-checkbox-control {\n    border-color: var(--brick-color-focus-ring);\n    outline: var(--brick-border-focus-width) solid var(--brick-color-focus-ring);\n    outline-offset: var(--brick-border-focus-offset);\n  }\n\n  .brick-checkbox-control {\n    display: grid;\n    box-sizing: border-box;\n    inline-size: var(--brick-checkbox-control-size);\n    block-size: var(--brick-checkbox-control-size);\n    grid-column: 1;\n    grid-row: 1 / span 2;\n    place-items: center;\n    align-self: start;\n    margin-block-start: calc(\n      (\n          var(--brick-font-size-md) * var(--brick-font-line-height-body) -\n            var(--brick-checkbox-control-size)\n        ) /\n        2\n    );\n    border: var(--brick-checkbox-border-width) solid\n      var(--brick-checkbox-control-border);\n    border-radius: var(--brick-checkbox-radius);\n    background: var(--brick-checkbox-control-background);\n    color: transparent;\n    transition:\n      background-color var(--brick-motion-duration-fast)\n        var(--brick-motion-easing-standard),\n      border-color var(--brick-motion-duration-fast)\n        var(--brick-motion-easing-standard),\n      color var(--brick-motion-duration-fast)\n        var(--brick-motion-easing-standard),\n      transform var(--brick-motion-duration-fast)\n        var(--brick-motion-easing-standard);\n  }\n\n  .brick-checkbox-indicator {\n    display: grid;\n    inline-size: var(--brick-checkbox-indicator-size);\n    block-size: var(--brick-checkbox-indicator-size);\n    place-items: center;\n  }\n\n  .brick-checkbox-mark {\n    display: block;\n    inline-size: 100%;\n    block-size: 100%;\n    overflow: visible;\n  }\n\n  :where(.brick-checkbox-check, .brick-checkbox-mixed) {\n    fill: none;\n    stroke: currentColor;\n    stroke-linecap: round;\n    stroke-linejoin: round;\n    stroke-width: 2;\n  }\n\n  .brick-checkbox-mixed {\n    display: none;\n  }\n\n  :where(\n      .brick-checkbox,\n      .brick-checkbox-group-item,\n      .brick-checkbox-group-parent\n    )[data-state=\"checked\"]\n    .brick-checkbox-control,\n  :where(\n      .brick-checkbox,\n      .brick-checkbox-group-item,\n      .brick-checkbox-group-parent\n    )[data-state=\"indeterminate\"]\n    .brick-checkbox-control {\n    border-color: var(--brick-checkbox-control-checked-background);\n    background: var(--brick-checkbox-control-checked-background);\n    color: var(--brick-checkbox-control-checked-foreground);\n  }\n\n  :where(\n      .brick-checkbox,\n      .brick-checkbox-group-item,\n      .brick-checkbox-group-parent\n    )[data-state=\"indeterminate\"]\n    .brick-checkbox-check {\n    display: none;\n  }\n\n  :where(\n      .brick-checkbox,\n      .brick-checkbox-group-item,\n      .brick-checkbox-group-parent\n    )[data-state=\"indeterminate\"]\n    .brick-checkbox-mixed {\n    display: block;\n  }\n\n  :where(\n      .brick-checkbox,\n      .brick-checkbox-group-item,\n      .brick-checkbox-group-parent\n    )[data-state=\"unchecked\"]\n    .brick-checkbox-mark {\n    visibility: hidden;\n  }\n\n  :where(\n      .brick-checkbox,\n      .brick-checkbox-group-item,\n      .brick-checkbox-group-parent\n    ):not([data-disabled], [data-readonly]):active\n    .brick-checkbox-control {\n    transform: scale(0.94);\n  }\n\n  :where(\n    .brick-checkbox,\n    .brick-checkbox-group-item,\n    .brick-checkbox-group-parent\n  )[data-disabled] {\n    color: var(--brick-color-text-secondary);\n    cursor: not-allowed;\n    opacity: 0.65;\n  }\n\n  :where(\n      .brick-checkbox,\n      .brick-checkbox-group-item,\n      .brick-checkbox-group-parent\n    )[data-disabled]\n    .brick-checkbox-control {\n    border-color: var(--brick-color-border-subtle);\n    background: var(--brick-color-surface-subtle);\n  }\n\n  :where(\n    .brick-checkbox,\n    .brick-checkbox-group-item,\n    .brick-checkbox-group-parent\n  )[data-readonly] {\n    background: var(--brick-color-surface-subtle);\n  }\n\n  .brick-checkbox[data-invalid],\n  .brick-checkbox-group:not([data-invalid])\n    > :where(\n      .brick-checkbox-group-item,\n      .brick-checkbox-group-parent\n    )[data-invalid] {\n    border-inline-start: var(--brick-border-focus-width) solid\n      var(--brick-checkbox-invalid-foreground);\n    box-shadow: none;\n  }\n\n  .brick-checkbox[data-invalid] .brick-checkbox-control,\n  .brick-checkbox-group:not([data-invalid])\n    > :where(\n      .brick-checkbox-group-item,\n      .brick-checkbox-group-parent\n    )[data-invalid]\n    .brick-checkbox-control {\n    border-color: var(--brick-checkbox-invalid-foreground);\n  }\n\n  :where(.brick-checkbox)[data-size=\"sm\"],\n  :where(.brick-checkbox-group)[data-size=\"sm\"] {\n    --brick-checkbox-control-size: 1rem;\n    --brick-checkbox-target-min-size: var(--brick-control-target-min);\n    --brick-checkbox-indicator-size: 0.75rem;\n    --brick-checkbox-gap: 0.375rem;\n    --brick-checkbox-row-padding-inline: var(--brick-space-1);\n  }\n\n  :where(.brick-checkbox)[data-size=\"lg\"],\n  :where(.brick-checkbox-group)[data-size=\"lg\"] {\n    --brick-checkbox-control-size: 1.25rem;\n    --brick-checkbox-target-min-size: var(--brick-control-min-block-size-lg);\n    --brick-checkbox-indicator-size: 1rem;\n    --brick-checkbox-gap: var(--brick-space-3);\n    --brick-checkbox-row-padding-inline: var(--brick-space-3);\n  }\n\n  @media (hover: hover) and (pointer: fine) {\n    :where(\n        .brick-checkbox,\n        .brick-checkbox-group-item,\n        .brick-checkbox-group-parent\n      ):not([data-disabled], [data-readonly], [data-invalid]):hover\n      .brick-checkbox-control {\n      border-color: var(--brick-color-accent-border);\n    }\n\n    .brick-checkbox-group[data-invalid]\n      > :where(.brick-checkbox-group-item, .brick-checkbox-group-parent):not(\n        [data-disabled],\n        [data-readonly]\n      ):hover\n      .brick-checkbox-control {\n      border-color: var(--brick-color-accent-border);\n    }\n  }\n\n  @media (prefers-reduced-motion: reduce) {\n    :where(\n      .brick-checkbox,\n      .brick-checkbox-group-item,\n      .brick-checkbox-group-parent\n    ),\n    .brick-checkbox-control {\n      transition-duration: 0ms;\n    }\n  }\n\n  @media (forced-colors: active) {\n    :where(\n      .brick-checkbox,\n      .brick-checkbox-group-item,\n      .brick-checkbox-group-parent\n    ) {\n      forced-color-adjust: none;\n      color: ButtonText;\n    }\n\n    .brick-checkbox-control {\n      border-color: ButtonText;\n      background: Canvas;\n    }\n\n    :where(\n        .brick-checkbox,\n        .brick-checkbox-group-item,\n        .brick-checkbox-group-parent\n      ):is(:focus-visible, [data-focus-visible])\n      .brick-checkbox-control {\n      border-color: Highlight;\n      outline-color: Highlight;\n    }\n\n    :where(\n        .brick-checkbox,\n        .brick-checkbox-group-item,\n        .brick-checkbox-group-parent\n      )[data-state=\"checked\"]\n      .brick-checkbox-control,\n    :where(\n        .brick-checkbox,\n        .brick-checkbox-group-item,\n        .brick-checkbox-group-parent\n      )[data-state=\"indeterminate\"]\n      .brick-checkbox-control {\n      border-color: Highlight;\n      background: Highlight;\n      color: HighlightText;\n    }\n\n    .brick-checkbox[data-invalid],\n    .brick-checkbox-group:not([data-invalid])\n      > :where(\n        .brick-checkbox-group-item,\n        .brick-checkbox-group-parent\n      )[data-invalid] {\n      border-inline-start: var(--brick-border-focus-width) solid Mark;\n      box-shadow: none;\n    }\n\n    .brick-checkbox[data-invalid] .brick-checkbox-control,\n    .brick-checkbox-group:not([data-invalid])\n      > :where(\n        .brick-checkbox-group-item,\n        .brick-checkbox-group-parent\n      )[data-invalid]\n      .brick-checkbox-control {\n      border-color: Mark;\n    }\n\n    :where(\n      .brick-checkbox,\n      .brick-checkbox-group-item,\n      .brick-checkbox-group-parent\n    )[data-disabled] {\n      color: GrayText;\n      opacity: 1;\n    }\n  }\n}\n","@layer brick.components {\n  .brick-checkbox-group {\n    --brick-checkbox-group-gap: var(--brick-space-1);\n    --brick-checkbox-radius: var(--brick-radius-subtle);\n    --brick-checkbox-invalid-foreground: var(--brick-color-danger-text);\n\n    display: flex;\n    box-sizing: border-box;\n    min-inline-size: 0;\n    max-inline-size: 100%;\n    gap: var(--brick-checkbox-group-gap);\n  }\n\n  .brick-checkbox-group[data-invalid] {\n    padding-inline-start: var(--brick-space-2);\n    border-inline-start: var(--brick-border-focus-width) solid\n      var(--brick-checkbox-invalid-foreground);\n    border-radius: var(--brick-checkbox-radius);\n  }\n\n  .brick-checkbox-group[data-orientation=\"vertical\"] {\n    flex-direction: column;\n  }\n\n  .brick-checkbox-group[data-orientation=\"horizontal\"] {\n    flex-flow: row wrap;\n    align-items: flex-start;\n  }\n\n  :where(.brick-checkbox-group-item, .brick-checkbox-group-parent) {\n    inline-size: fit-content;\n  }\n\n  .brick-checkbox-group[data-orientation=\"vertical\"]\n    > :where(.brick-checkbox-group-item, .brick-checkbox-group-parent) {\n    inline-size: 100%;\n  }\n\n  .brick-checkbox-group-item-label {\n    min-inline-size: 0;\n    grid-column: 2;\n    color: var(--brick-checkbox-label-foreground);\n    font-family: var(--brick-typography-label-md-font-family);\n    font-size: var(--brick-typography-label-md-font-size);\n    font-weight: var(--brick-typography-label-md-font-weight);\n    letter-spacing: var(--brick-typography-label-md-letter-spacing);\n    line-height: var(--brick-typography-label-md-line-height);\n  }\n\n  .brick-checkbox-group-item-description {\n    min-inline-size: 0;\n    grid-column: 2;\n    color: var(--brick-checkbox-description-foreground);\n    font-family: var(--brick-typography-supporting-sm-font-family);\n    font-size: var(--brick-typography-supporting-sm-font-size);\n    font-weight: var(--brick-typography-supporting-sm-font-weight);\n    letter-spacing: var(--brick-typography-supporting-sm-letter-spacing);\n    line-height: var(--brick-typography-supporting-sm-line-height);\n  }\n\n  .brick-checkbox-group-item-label + .brick-checkbox-group-item-description {\n    margin-block-start: 0.125rem;\n  }\n\n  .brick-checkbox-group-parent {\n    margin-block-end: var(--brick-space-1);\n    font-family: var(--brick-typography-label-strong-font-family);\n    font-size: var(--brick-typography-label-strong-font-size);\n    font-weight: var(--brick-typography-label-strong-font-weight);\n    letter-spacing: var(--brick-typography-label-strong-letter-spacing);\n    line-height: var(--brick-typography-label-strong-line-height);\n  }\n\n  .brick-checkbox-group[data-orientation=\"horizontal\"]\n    > .brick-checkbox-group-parent {\n    flex-basis: 100%;\n  }\n\n  @media (forced-colors: active) {\n    .brick-checkbox-group[data-invalid] {\n      border-inline-start-color: Mark;\n    }\n\n    .brick-checkbox-group-item-label {\n      color: ButtonText;\n    }\n\n    .brick-checkbox-group-item-description {\n      color: CanvasText;\n    }\n  }\n}\n","@layer brick.components {\n  .brick-radio-group {\n    --brick-radio-group-gap: var(--brick-space-1);\n    --brick-radio-control-size: 1.125rem;\n    --brick-radio-dot-size: 0.5rem;\n    --brick-radio-target-min-size: var(--brick-control-target-min);\n    --brick-radio-item-gap: var(--brick-space-2);\n    --brick-radio-item-padding-inline: var(--brick-space-2);\n    --brick-radio-item-radius: var(--brick-radius-subtle);\n    --brick-radio-foreground: var(--brick-color-text-primary);\n    --brick-radio-control-background: var(--brick-color-surface-raised);\n    --brick-radio-control-border: var(--brick-color-border-strong);\n    --brick-radio-checked: var(--brick-color-accent-solid);\n    --brick-radio-focus-ring: var(--brick-color-focus-ring);\n    --brick-radio-invalid: var(--brick-color-danger-text);\n    --brick-radio-readonly-background: var(--brick-color-surface-subtle);\n\n    display: flex;\n    box-sizing: border-box;\n    min-inline-size: 0;\n    max-inline-size: 100%;\n    gap: var(--brick-radio-group-gap);\n  }\n\n  .brick-radio-group[data-orientation=\"vertical\"] {\n    flex-direction: column;\n  }\n\n  .brick-radio-group[data-orientation=\"horizontal\"] {\n    flex-flow: row wrap;\n    align-items: flex-start;\n  }\n\n  .brick-radio-group[data-invalid] {\n    padding-inline-start: var(--brick-space-2);\n    border-inline-start: var(--brick-border-focus-width) solid var(--brick-radio-invalid);\n    border-radius: var(--brick-radio-item-radius);\n  }\n\n  .brick-radio-group-item {\n    display: inline-grid;\n    box-sizing: border-box;\n    min-inline-size: 0;\n    max-inline-size: 100%;\n    inline-size: fit-content;\n    min-block-size: var(--brick-radio-target-min-size);\n    grid-template-columns: var(--brick-radio-control-size) minmax(0, 1fr);\n    align-content: center;\n    align-items: center;\n    gap: var(--brick-radio-item-gap);\n    padding-block: var(--brick-space-1);\n    padding-inline: var(--brick-radio-item-padding-inline);\n    border: 0;\n    border-radius: var(--brick-radio-item-radius);\n    appearance: none;\n    background: transparent;\n    color: var(--brick-radio-foreground);\n    font: inherit;\n    text-align: start;\n    user-select: none;\n    transition:\n      background-color var(--brick-motion-duration-fast) var(--brick-motion-easing-standard),\n      color var(--brick-motion-duration-fast) var(--brick-motion-easing-standard),\n      box-shadow var(--brick-motion-duration-fast) var(--brick-motion-easing-standard);\n  }\n\n  .brick-radio-group[data-orientation=\"vertical\"] > .brick-radio-group-item {\n    inline-size: 100%;\n  }\n\n  .brick-radio-group-item:not([data-disabled], [data-readonly]) {\n    cursor: pointer;\n  }\n\n  .brick-radio-group-item[data-readonly] {\n    background: var(--brick-radio-readonly-background);\n    cursor: default;\n  }\n\n  .brick-radio-group-item:is(:focus-visible, [data-focus-visible]) {\n    outline: var(--brick-border-focus-width) solid var(--brick-radio-focus-ring);\n    outline-offset: var(--brick-border-focus-offset);\n  }\n\n  .brick-radio-group-control {\n    display: grid;\n    box-sizing: border-box;\n    inline-size: var(--brick-radio-control-size);\n    block-size: var(--brick-radio-control-size);\n    place-items: center;\n    border: var(--brick-border-width) solid var(--brick-radio-control-border);\n    border-radius: var(--brick-radius-full);\n    background: var(--brick-radio-control-background);\n    transition:\n      border-color var(--brick-motion-duration-fast) var(--brick-motion-easing-standard),\n      transform var(--brick-motion-duration-fast) var(--brick-motion-easing-standard);\n  }\n\n  .brick-radio-group-dot {\n    display: block;\n    inline-size: var(--brick-radio-dot-size);\n    block-size: var(--brick-radio-dot-size);\n    border-radius: var(--brick-radius-full);\n    background: var(--brick-radio-checked);\n    opacity: 0;\n    transform: scale(0.5);\n    transition:\n      opacity var(--brick-motion-duration-fast) var(--brick-motion-easing-standard),\n      transform var(--brick-motion-duration-fast) var(--brick-motion-easing-standard);\n  }\n\n  .brick-radio-group-item[data-state=\"checked\"] .brick-radio-group-control {\n    border-color: var(--brick-radio-checked);\n  }\n\n  .brick-radio-group-item[data-state=\"checked\"] .brick-radio-group-dot {\n    opacity: 1;\n    transform: scale(1);\n  }\n\n  .brick-radio-group-label {\n    min-inline-size: 0;\n    color: inherit;\n    font-family: var(--brick-typography-body-md-font-family);\n    font-size: var(--brick-typography-body-md-font-size);\n    font-weight: var(--brick-typography-body-md-font-weight);\n    letter-spacing: var(--brick-typography-body-md-letter-spacing);\n    line-height: var(--brick-typography-body-md-line-height);\n    overflow-wrap: anywhere;\n  }\n\n  .brick-radio-group-item:not([data-disabled], [data-readonly]):active {\n    background: var(--brick-color-accent-soft-pressed);\n  }\n\n  .brick-radio-group-item:not([data-disabled], [data-readonly]):active .brick-radio-group-control {\n    transform: scale(0.94);\n  }\n\n  .brick-radio-group-item[data-disabled] {\n    color: var(--brick-color-text-secondary);\n    cursor: not-allowed;\n    opacity: 0.65;\n  }\n\n  .brick-radio-group-item[data-disabled] .brick-radio-group-control {\n    border-color: var(--brick-color-border-subtle);\n    background: var(--brick-color-surface-subtle);\n  }\n\n  .brick-radio-group-item[data-invalid] .brick-radio-group-control {\n    border-color: var(--brick-radio-invalid);\n  }\n\n  .brick-radio-group[data-size=\"sm\"] {\n    --brick-radio-control-size: 1rem;\n    --brick-radio-dot-size: 0.375rem;\n    --brick-radio-item-gap: 0.375rem;\n    --brick-radio-item-padding-inline: var(--brick-space-1);\n  }\n\n  .brick-radio-group[data-size=\"sm\"] .brick-radio-group-label {\n    font-family: var(--brick-typography-body-sm-font-family);\n    font-size: var(--brick-typography-body-sm-font-size);\n    font-weight: var(--brick-typography-body-sm-font-weight);\n    letter-spacing: var(--brick-typography-body-sm-letter-spacing);\n    line-height: var(--brick-typography-body-sm-line-height);\n  }\n\n  .brick-radio-group[data-size=\"lg\"] {\n    --brick-radio-control-size: 1.25rem;\n    --brick-radio-dot-size: 0.625rem;\n    --brick-radio-target-min-size: var(--brick-control-min-block-size-lg);\n    --brick-radio-item-gap: var(--brick-space-3);\n    --brick-radio-item-padding-inline: var(--brick-space-3);\n  }\n\n  .brick-radio-group[data-size=\"lg\"] .brick-radio-group-label {\n    font-family: var(--brick-typography-body-lg-font-family);\n    font-size: var(--brick-typography-body-lg-font-size);\n    font-weight: var(--brick-typography-body-lg-font-weight);\n    letter-spacing: var(--brick-typography-body-lg-letter-spacing);\n    line-height: var(--brick-typography-body-lg-line-height);\n  }\n\n  @media (hover: hover) and (pointer: fine) {\n    .brick-radio-group-item:not([data-disabled], [data-readonly]):hover {\n      background: var(--brick-color-accent-soft);\n    }\n\n    .brick-radio-group-item:not([data-disabled], [data-readonly], [data-invalid]):hover .brick-radio-group-control {\n      border-color: var(--brick-color-accent-border);\n    }\n  }\n\n  @media (prefers-reduced-motion: reduce) {\n    :where(.brick-radio-group-item, .brick-radio-group-control, .brick-radio-group-dot) {\n      transition-duration: 0ms;\n    }\n  }\n\n  @media (forced-colors: active) {\n    .brick-radio-group-item {\n      forced-color-adjust: none;\n      color: ButtonText;\n    }\n\n    .brick-radio-group-control {\n      border-color: ButtonText;\n      background: Canvas;\n    }\n\n    .brick-radio-group-item[data-state=\"checked\"] .brick-radio-group-control {\n      border-color: Highlight;\n    }\n\n    .brick-radio-group-dot {\n      background: Highlight;\n    }\n\n    .brick-radio-group[data-invalid],\n    .brick-radio-group-item[data-invalid] .brick-radio-group-control {\n      border-color: Mark;\n    }\n\n    .brick-radio-group-item[data-disabled] {\n      color: GrayText;\n      opacity: 1;\n    }\n  }\n}\n","@layer brick.components {\n  .brick-segment-group {\n    --brick-segment-group-min-block-size: var(\n      --brick-control-min-block-size-md\n    );\n    --brick-segment-group-item-padding-inline: var(--brick-space-3);\n    --brick-segment-group-item-gap: var(--brick-space-2);\n    --brick-segment-group-icon-size: 1rem;\n    --brick-segment-group-inset: 0px;\n    --brick-segment-group-background: var(--brick-color-surface-subtle);\n    --brick-segment-group-border: var(--brick-color-border-default);\n    --brick-segment-group-root-shadow: inset 0 0 0 var(--brick-border-width)\n      var(--brick-segment-group-border);\n    --brick-segment-group-indicator-background: var(\n      --brick-color-surface-raised\n    );\n    --brick-segment-group-indicator-border: var(--brick-color-border-default);\n    --brick-segment-group-indicator-shadow: 0 0.0625rem 0.125rem\n      color-mix(in srgb, var(--brick-color-text-primary), transparent 82%);\n    --brick-segment-group-foreground: var(--brick-color-text-secondary);\n    --brick-segment-group-selected-foreground: var(--brick-color-text-primary);\n    --brick-segment-group-focus-ring: var(--brick-color-focus-ring);\n\n    position: relative;\n    display: inline-flex;\n    box-sizing: border-box;\n    min-inline-size: 0;\n    max-inline-size: 100%;\n    min-block-size: var(--brick-segment-group-min-block-size);\n    align-items: stretch;\n    gap: 0;\n    padding: var(--brick-segment-group-inset);\n    border: 0;\n    border-radius: var(--brick-radius-control);\n    background: var(--brick-segment-group-background);\n    box-shadow: var(--brick-segment-group-root-shadow);\n  }\n\n  .brick-segment-group[data-orientation=\"vertical\"] {\n    flex-direction: column;\n  }\n\n  .brick-segment-group[data-full-width] {\n    display: flex;\n    inline-size: 100%;\n  }\n\n  .brick-segment-group[data-full-width] > .brick-segment-group__item {\n    flex: 1 1 0;\n  }\n\n  .brick-segment-group__indicator {\n    position: absolute;\n    z-index: 0;\n    inset-block-start: 0;\n    inset-inline-start: 0;\n    inline-size: var(--brick-segment-group-indicator-inline-size, 0);\n    block-size: var(--brick-segment-group-indicator-block-size, 0);\n    border: var(--brick-border-width) solid\n      var(--brick-segment-group-indicator-border);\n    border-radius: calc(\n      var(--brick-radius-control) - var(--brick-segment-group-inset)\n    );\n    background: var(--brick-segment-group-indicator-background);\n    box-shadow: var(--brick-segment-group-indicator-shadow);\n    opacity: 0;\n    pointer-events: none;\n    translate: var(--brick-segment-group-indicator-x, 0)\n      var(--brick-segment-group-indicator-y, 0);\n    transition:\n      translate var(--brick-motion-duration-fast)\n        var(--brick-motion-easing-standard),\n      inline-size var(--brick-motion-duration-fast)\n        var(--brick-motion-easing-standard),\n      block-size var(--brick-motion-duration-fast)\n        var(--brick-motion-easing-standard),\n      opacity var(--brick-motion-duration-fast)\n        var(--brick-motion-easing-standard);\n  }\n\n  .brick-segment-group__indicator[data-ready] {\n    opacity: 1;\n  }\n\n  .brick-segment-group__item {\n    position: relative;\n    z-index: 1;\n    display: inline-flex;\n    box-sizing: border-box;\n    min-inline-size: 0;\n    min-block-size: calc(\n      var(--brick-segment-group-min-block-size) -\n        (2 * var(--brick-segment-group-inset)) - 0px\n    );\n    align-items: center;\n    justify-content: center;\n    gap: var(--brick-segment-group-item-gap);\n    padding-block: var(--brick-space-1);\n    padding-inline: var(--brick-segment-group-item-padding-inline);\n    border: 0;\n    border-radius: calc(\n      var(--brick-radius-control) - var(--brick-segment-group-inset)\n    );\n    appearance: none;\n    background: transparent;\n    color: var(--brick-segment-group-foreground);\n    font-family: var(--brick-typography-control-md-font-family);\n    font-size: var(--brick-typography-control-md-font-size);\n    font-weight: var(--brick-typography-control-md-font-weight);\n    line-height: var(--brick-typography-control-md-line-height);\n    text-align: center;\n    white-space: normal;\n    cursor: pointer;\n    transition: color var(--brick-motion-duration-fast)\n      var(--brick-motion-easing-standard);\n  }\n\n  .brick-segment-group__item > :where(svg, img, .brick-icon) {\n    flex: 0 0 auto;\n    inline-size: var(--brick-segment-group-icon-size);\n    block-size: var(--brick-segment-group-icon-size);\n  }\n\n  .brick-segment-group__item-text {\n    min-inline-size: 0;\n    overflow-wrap: anywhere;\n  }\n\n  .brick-segment-group__item[data-state=\"checked\"] {\n    color: var(--brick-segment-group-selected-foreground);\n  }\n\n  .brick-segment-group__item:focus-visible {\n    outline: var(--brick-border-focus-width) solid\n      var(--brick-segment-group-focus-ring);\n    outline-offset: var(--brick-border-focus-offset);\n  }\n\n  .brick-segment-group__item[data-disabled] {\n    color: var(--brick-color-text-disabled);\n    cursor: not-allowed;\n  }\n\n  .brick-segment-group__item[data-icon-only] {\n    aspect-ratio: 1;\n    padding-inline: 0;\n  }\n\n  .brick-segment-group[data-size=\"sm\"] {\n    --brick-segment-group-min-block-size: var(\n      --brick-control-min-block-size-sm\n    );\n    --brick-segment-group-item-padding-inline: var(--brick-space-2);\n    --brick-segment-group-item-gap: var(--brick-space-1);\n    --brick-segment-group-icon-size: 0.875rem;\n  }\n\n  .brick-segment-group[data-size=\"sm\"] > .brick-segment-group__item {\n    font-family: var(--brick-typography-control-sm-font-family);\n    font-size: var(--brick-typography-control-sm-font-size);\n    font-weight: var(--brick-typography-control-sm-font-weight);\n    line-height: var(--brick-typography-control-sm-line-height);\n  }\n\n  .brick-segment-group[data-size=\"lg\"] {\n    --brick-segment-group-min-block-size: var(\n      --brick-control-min-block-size-lg\n    );\n    --brick-segment-group-item-padding-inline: var(--brick-space-4);\n    --brick-segment-group-item-gap: var(--brick-space-2);\n    --brick-segment-group-icon-size: 1.125rem;\n  }\n\n  .brick-segment-group[data-size=\"lg\"] > .brick-segment-group__item {\n    font-family: var(--brick-typography-control-lg-font-family);\n    font-size: var(--brick-typography-control-lg-font-size);\n    font-weight: var(--brick-typography-control-lg-font-weight);\n    line-height: var(--brick-typography-control-lg-line-height);\n  }\n\n  @media (hover: hover) and (pointer: fine) {\n    .brick-segment-group__item:not([data-disabled]):hover {\n      color: var(--brick-color-text-primary);\n    }\n  }\n\n  @media (prefers-reduced-motion: reduce) {\n    .brick-segment-group__indicator {\n      transition: none;\n    }\n  }\n\n  @media (forced-colors: active) {\n    .brick-segment-group {\n      background: Canvas;\n      box-shadow: inset 0 0 0 var(--brick-border-width) ButtonText;\n    }\n    .brick-segment-group__indicator {\n      border-color: Highlight;\n      background: Highlight;\n      box-shadow: none;\n    }\n    .brick-segment-group__item {\n      color: ButtonText;\n      forced-color-adjust: none;\n    }\n    .brick-segment-group__item[data-state=\"checked\"] {\n      color: HighlightText;\n    }\n    .brick-segment-group__item:focus-visible {\n      outline-color: Highlight;\n    }\n  }\n}\n","@layer brick.components {\n  .brick-switch {\n    --brick-switch-target-size: var(--brick-control-target-min);\n    --brick-switch-track-inline-size: 2.5rem;\n    --brick-switch-track-block-size: 1.5rem;\n    --brick-switch-thumb-size: 1.125rem;\n    --brick-switch-track-inset: 0.1875rem;\n    --brick-switch-track-background: var(--brick-color-surface-subtle);\n    --brick-switch-track-border: var(--brick-color-border-strong);\n    --brick-switch-thumb-background: var(--brick-color-surface-raised);\n    --brick-switch-thumb-border: var(--brick-color-border-default);\n    --brick-switch-checked-background: var(--brick-color-accent-solid);\n    --brick-switch-checked-border: var(--brick-color-accent-solid);\n    --brick-switch-checked-thumb: var(--brick-color-accent-on-solid);\n    --brick-switch-hover-background: var(--brick-color-surface-base);\n    --brick-switch-pressed-background: var(--brick-color-accent-soft-pressed);\n    --brick-switch-focus-ring: var(--brick-color-focus-ring);\n    --brick-switch-invalid-border: var(--brick-color-danger-text);\n    --brick-switch-readonly-background: var(--brick-color-surface-subtle);\n\n    position: relative;\n    display: inline-grid;\n    box-sizing: border-box;\n    inline-size: max(var(--brick-switch-target-size), var(--brick-switch-track-inline-size));\n    min-inline-size: var(--brick-switch-target-size);\n    min-block-size: var(--brick-switch-target-size);\n    place-items: center;\n    flex: 0 0 auto;\n    padding: 0;\n    border: 0;\n    border-radius: var(--brick-radius-full);\n    appearance: none;\n    background: transparent;\n    color: inherit;\n    vertical-align: middle;\n    user-select: none;\n  }\n\n  .brick-switch::before {\n    position: absolute;\n    box-sizing: border-box;\n    inline-size: var(--brick-switch-track-inline-size);\n    block-size: var(--brick-switch-track-block-size);\n    border: var(--brick-border-width) solid var(--brick-switch-track-border);\n    border-radius: var(--brick-radius-full);\n    background: var(--brick-switch-track-background);\n    content: \"\";\n    transition:\n      background-color var(--brick-motion-duration-fast) var(--brick-motion-easing-standard),\n      border-color var(--brick-motion-duration-fast) var(--brick-motion-easing-standard);\n  }\n\n  .brick-switch:not([data-disabled], [data-readonly]) { cursor: pointer; }\n  .brick-switch[data-readonly] { cursor: default; }\n\n  .brick-switch:is(:focus-visible, [data-focus-visible]) {\n    outline: var(--brick-border-focus-width) solid var(--brick-switch-focus-ring);\n    outline-offset: var(--brick-border-focus-offset);\n  }\n\n  .brick-switch-thumb {\n    position: absolute;\n    inset-inline-start: calc((100% - var(--brick-switch-track-inline-size)) / 2 + var(--brick-switch-track-inset));\n    display: block;\n    box-sizing: border-box;\n    inline-size: var(--brick-switch-thumb-size);\n    block-size: var(--brick-switch-thumb-size);\n    border: var(--brick-border-width) solid var(--brick-switch-thumb-border);\n    border-radius: var(--brick-radius-full);\n    background: var(--brick-switch-thumb-background);\n    box-shadow: var(--brick-shadow-sm);\n    transform: translateX(0);\n    transition:\n      background-color var(--brick-motion-duration-fast) var(--brick-motion-easing-standard),\n      border-color var(--brick-motion-duration-fast) var(--brick-motion-easing-standard),\n      transform var(--brick-motion-duration-fast) var(--brick-motion-easing-standard);\n  }\n\n  .brick-switch[data-state=\"checked\"]::before {\n    border-color: var(--brick-switch-checked-border);\n    background: var(--brick-switch-checked-background);\n  }\n\n  .brick-switch[data-state=\"checked\"] .brick-switch-thumb {\n    border-color: var(--brick-switch-checked-thumb);\n    background: var(--brick-switch-checked-thumb);\n    transform: translateX(calc(var(--brick-switch-track-inline-size) - var(--brick-switch-thumb-size) - 2 * var(--brick-switch-track-inset)));\n  }\n\n  [dir=\"rtl\"] .brick-switch[data-state=\"checked\"] .brick-switch-thumb {\n    transform: translateX(calc(-1 * (var(--brick-switch-track-inline-size) - var(--brick-switch-thumb-size) - 2 * var(--brick-switch-track-inset))));\n  }\n\n  .brick-switch[data-invalid]::before { border-color: var(--brick-switch-invalid-border); }\n  .brick-switch[data-readonly]::before { background: var(--brick-switch-readonly-background); }\n  .brick-switch[data-disabled] { cursor: not-allowed; opacity: 0.65; }\n\n  .brick-switch[data-size=\"sm\"] {\n    --brick-switch-track-inline-size: 2rem;\n    --brick-switch-track-block-size: 1.25rem;\n    --brick-switch-thumb-size: 0.875rem;\n  }\n\n  .brick-switch[data-size=\"lg\"] {\n    --brick-switch-track-inline-size: 3rem;\n    --brick-switch-track-block-size: 1.75rem;\n    --brick-switch-thumb-size: 1.375rem;\n  }\n\n  .brick-switch:not([data-disabled], [data-readonly]):active::before {\n    background: var(--brick-switch-pressed-background);\n  }\n\n  @media (hover: hover) and (pointer: fine) {\n    .brick-switch:not([data-disabled], [data-readonly], [data-state=\"checked\"]):hover::before {\n      background: var(--brick-switch-hover-background);\n    }\n    .brick-switch:not([data-disabled], [data-readonly])[data-state=\"checked\"]:hover::before {\n      background: var(--brick-color-accent-solid-hover);\n      border-color: var(--brick-color-accent-solid-hover);\n    }\n  }\n\n  @media (prefers-reduced-motion: reduce) {\n    :where(.brick-switch::before, .brick-switch-thumb) { transition-duration: 0ms; }\n  }\n\n  @media (forced-colors: active) {\n    .brick-switch { forced-color-adjust: none; }\n    .brick-switch::before { border-color: ButtonText; background: Canvas; }\n    .brick-switch-thumb { border-color: ButtonText; background: ButtonText; box-shadow: none; }\n    .brick-switch[data-state=\"checked\"]::before { border-color: Highlight; background: Highlight; }\n    .brick-switch[data-state=\"checked\"] .brick-switch-thumb { border-color: HighlightText; background: HighlightText; }\n    .brick-switch[data-invalid]::before { border-color: Mark; }\n    .brick-switch[data-disabled] { opacity: 1; }\n    .brick-switch[data-disabled]::before,\n    .brick-switch[data-disabled] .brick-switch-thumb { border-color: GrayText; }\n  }\n}\n","@layer brick.components {\n  .brick-breadcrumb {\n    --brick-breadcrumb-foreground: var(--brick-color-text-secondary);\n    --brick-breadcrumb-foreground-hover: var(--brick-color-text-primary);\n    --brick-breadcrumb-foreground-active: var(--brick-color-accent-text);\n    --brick-breadcrumb-current-foreground: var(--brick-color-text-primary);\n    --brick-breadcrumb-separator-foreground: var(--brick-color-text-secondary);\n    --brick-breadcrumb-ellipsis-foreground: var(--brick-color-text-secondary);\n    --brick-breadcrumb-ellipsis-hover-background: var(--brick-color-surface-subtle);\n    --brick-breadcrumb-focus-ring: var(--brick-color-focus-ring);\n    --brick-breadcrumb-list-gap: var(--brick-space-1);\n    --brick-breadcrumb-item-gap: var(--brick-space-1);\n    --brick-breadcrumb-target-size: var(--brick-control-target-min);\n    --brick-breadcrumb-font-family: var(--brick-typography-body-md-font-family);\n    --brick-breadcrumb-font-size: var(--brick-typography-body-md-font-size);\n    --brick-breadcrumb-font-weight: var(--brick-typography-body-md-font-weight);\n    --brick-breadcrumb-line-height: var(--brick-typography-body-md-line-height);\n    --brick-breadcrumb-letter-spacing: var(--brick-typography-body-md-letter-spacing);\n    --brick-breadcrumb-current-font-weight: var(--brick-typography-label-md-font-weight);\n    --brick-breadcrumb-decoration-thickness: 0.08em;\n    --brick-breadcrumb-decoration-offset: 0.16em;\n    --brick-breadcrumb-separator-size: 1em;\n\n    display: block;\n    box-sizing: border-box;\n    min-inline-size: 0;\n    max-inline-size: 100%;\n    color: var(--brick-breadcrumb-foreground);\n    font-family: var(--brick-breadcrumb-font-family);\n    font-size: var(--brick-breadcrumb-font-size);\n    font-weight: var(--brick-breadcrumb-font-weight);\n    letter-spacing: var(--brick-breadcrumb-letter-spacing);\n    line-height: var(--brick-breadcrumb-line-height);\n  }\n\n  .brick-breadcrumb[data-size=\"sm\"] {\n    --brick-breadcrumb-font-family: var(--brick-typography-body-sm-font-family);\n    --brick-breadcrumb-font-size: var(--brick-typography-body-sm-font-size);\n    --brick-breadcrumb-font-weight: var(--brick-typography-body-sm-font-weight);\n    --brick-breadcrumb-line-height: var(--brick-typography-body-sm-line-height);\n    --brick-breadcrumb-letter-spacing: var(--brick-typography-body-sm-letter-spacing);\n    --brick-breadcrumb-list-gap: 0.1875rem;\n    --brick-breadcrumb-item-gap: 0.1875rem;\n    --brick-breadcrumb-separator-size: 0.875em;\n  }\n\n  .brick-breadcrumb[data-size=\"lg\"] {\n    --brick-breadcrumb-font-family: var(--brick-typography-body-lg-font-family);\n    --brick-breadcrumb-font-size: var(--brick-typography-body-lg-font-size);\n    --brick-breadcrumb-font-weight: var(--brick-typography-body-lg-font-weight);\n    --brick-breadcrumb-line-height: var(--brick-typography-body-lg-line-height);\n    --brick-breadcrumb-letter-spacing: var(--brick-typography-body-lg-letter-spacing);\n    --brick-breadcrumb-list-gap: var(--brick-space-2);\n    --brick-breadcrumb-item-gap: var(--brick-space-2);\n    --brick-breadcrumb-separator-size: 1.125em;\n  }\n\n  .brick-breadcrumb-list {\n    display: flex;\n    box-sizing: border-box;\n    min-inline-size: 0;\n    max-inline-size: 100%;\n    flex-wrap: wrap;\n    align-items: center;\n    gap: var(--brick-breadcrumb-list-gap);\n    margin: 0;\n    padding: 0;\n    list-style: none;\n  }\n\n  .brick-breadcrumb-item {\n    display: inline-flex;\n    box-sizing: border-box;\n    min-inline-size: 0;\n    max-inline-size: 100%;\n    align-items: center;\n    gap: var(--brick-breadcrumb-item-gap);\n  }\n\n  .brick-breadcrumb-link {\n    display: inline-flex;\n    box-sizing: border-box;\n    min-inline-size: 0;\n    min-block-size: var(--brick-breadcrumb-target-size);\n    max-inline-size: 100%;\n    align-items: center;\n    color: var(--brick-breadcrumb-foreground);\n    overflow-wrap: anywhere;\n    text-decoration-color: currentColor;\n    text-decoration-line: none;\n    text-decoration-thickness: var(--brick-breadcrumb-decoration-thickness);\n    text-underline-offset: var(--brick-breadcrumb-decoration-offset);\n    touch-action: manipulation;\n  }\n\n  .brick-breadcrumb[data-variant=\"underline\"] .brick-breadcrumb-link,\n  .brick-breadcrumb-link:is(:hover, :focus-visible, :active) {\n    text-decoration-line: underline;\n  }\n\n  .brick-breadcrumb-link:hover { color: var(--brick-breadcrumb-foreground-hover); }\n  .brick-breadcrumb-link:active { color: var(--brick-breadcrumb-foreground-active); }\n\n  .brick-breadcrumb-link:focus-visible,\n  .brick-breadcrumb-ellipsis:is(button, [role=\"button\"], a):focus-visible {\n    border-radius: var(--brick-radius-subtle);\n    outline: var(--brick-border-focus-width) solid var(--brick-breadcrumb-focus-ring);\n    outline-offset: var(--brick-border-focus-offset);\n  }\n\n  .brick-breadcrumb-page {\n    min-inline-size: 0;\n    max-inline-size: 100%;\n    color: var(--brick-breadcrumb-current-foreground);\n    font-weight: var(--brick-breadcrumb-current-font-weight);\n    overflow-wrap: anywhere;\n  }\n\n  .brick-breadcrumb-separator {\n    display: inline-flex;\n    box-sizing: border-box;\n    flex: 0 0 auto;\n    align-items: center;\n    justify-content: center;\n    color: var(--brick-breadcrumb-separator-foreground);\n    inline-size: var(--brick-breadcrumb-separator-size);\n    block-size: var(--brick-breadcrumb-separator-size);\n    user-select: none;\n  }\n\n  .brick-breadcrumb-separator > :where(svg, img) {\n    inline-size: 100%;\n    block-size: 100%;\n  }\n\n  .brick-breadcrumb-ellipsis {\n    display: inline-flex;\n    box-sizing: border-box;\n    min-inline-size: 1.5em;\n    align-items: center;\n    justify-content: center;\n    color: var(--brick-breadcrumb-ellipsis-foreground);\n    font: inherit;\n  }\n\n  .brick-breadcrumb-ellipsis:is(button, [role=\"button\"], a) {\n    min-inline-size: var(--brick-breadcrumb-target-size);\n    min-block-size: var(--brick-breadcrumb-target-size);\n    padding: 0;\n    border: 0;\n    border-radius: var(--brick-radius-subtle);\n    background: transparent;\n    cursor: pointer;\n    touch-action: manipulation;\n  }\n\n  .brick-breadcrumb-ellipsis:is(button, [role=\"button\"], a):hover {\n    background: var(--brick-breadcrumb-ellipsis-hover-background);\n    color: var(--brick-breadcrumb-foreground-hover);\n  }\n\n  @media (forced-colors: active) {\n    .brick-breadcrumb-link {\n      color: LinkText;\n      forced-color-adjust: auto;\n    }\n\n    .brick-breadcrumb-page { color: CanvasText; }\n    .brick-breadcrumb-separator,\n    .brick-breadcrumb-ellipsis { color: CanvasText; }\n\n    .brick-breadcrumb-link:focus-visible,\n    .brick-breadcrumb-ellipsis:is(button, [role=\"button\"], a):focus-visible {\n      outline-color: Highlight;\n    }\n  }\n}\n","@layer brick.components {\n  .brick-tabs {\n    --brick-tabs-foreground: var(--brick-color-text-secondary);\n    --brick-tabs-selected-foreground: var(--brick-color-accent-text);\n    --brick-tabs-hover-background: var(--brick-color-surface-subtle);\n    --brick-tabs-list-background: transparent;\n    --brick-tabs-selected-background: transparent;\n    --brick-tabs-border-color: var(--brick-color-border-default);\n    --brick-tabs-indicator-color: var(--brick-color-accent-solid);\n    --brick-tabs-focus-ring: var(--brick-color-focus-ring);\n    --brick-tabs-gap: var(--brick-space-1);\n    --brick-tabs-trigger-gap: var(--brick-space-2);\n    --brick-tabs-trigger-height: 2.75rem;\n    --brick-tabs-trigger-padding: var(--brick-space-3);\n    --brick-tabs-panel-padding: var(--brick-space-4);\n    --brick-tabs-list-padding: max(\n      var(--brick-space-1),\n      calc(var(--brick-border-focus-width) + var(--brick-border-focus-offset))\n    );\n    --brick-tabs-radius: var(--brick-radius-control);\n    --brick-tabs-font-family: var(--brick-typography-control-md-font-family);\n    --brick-tabs-font-size: var(--brick-typography-control-md-font-size);\n    --brick-tabs-font-weight: var(--brick-typography-control-md-font-weight);\n    --brick-tabs-line-height: var(--brick-typography-control-md-line-height);\n\n    display: flex;\n    min-inline-size: 0;\n    flex-direction: column;\n  }\n\n  .brick-tabs[data-size=\"sm\"] { --brick-tabs-trigger-height: 2.25rem; --brick-tabs-trigger-padding: var(--brick-space-2); --brick-tabs-panel-padding: var(--brick-space-3); --brick-tabs-font-family: var(--brick-typography-control-sm-font-family); --brick-tabs-font-size: var(--brick-typography-control-sm-font-size); --brick-tabs-font-weight: var(--brick-typography-control-sm-font-weight); --brick-tabs-line-height: var(--brick-typography-control-sm-line-height); }\n  .brick-tabs[data-size=\"lg\"] { --brick-tabs-trigger-height: 3.25rem; --brick-tabs-trigger-padding: var(--brick-space-4); --brick-tabs-panel-padding: var(--brick-space-5); --brick-tabs-font-family: var(--brick-typography-control-lg-font-family); --brick-tabs-font-size: var(--brick-typography-control-lg-font-size); --brick-tabs-font-weight: var(--brick-typography-control-lg-font-weight); --brick-tabs-line-height: var(--brick-typography-control-lg-line-height); }\n\n  .brick-tabs[data-orientation=\"vertical\"] { flex-direction: row; align-items: stretch; }\n  .brick-tabs[data-layout=\"stacked\"] { flex-direction: column; }\n  .brick-tabs[data-layout=\"side\"] { flex-direction: row; align-items: stretch; }\n\n  .brick-tabs-list {\n    position: relative;\n    display: flex;\n    box-sizing: border-box;\n    min-inline-size: 0;\n    max-inline-size: 100%;\n    flex: 0 0 auto;\n    gap: var(--brick-tabs-gap);\n    overflow-x: auto;\n    overflow-y: hidden;\n    border-block-end: var(--brick-border-width) solid var(--brick-tabs-border-color);\n    background: var(--brick-tabs-list-background);\n    scrollbar-width: thin;\n  }\n\n  .brick-tabs-list[data-orientation=\"vertical\"] { min-inline-size: max-content; flex-direction: column; overflow: visible; border-block-end: 0; border-inline-end: var(--brick-border-width) solid var(--brick-tabs-border-color); }\n  .brick-tabs-list[data-columns] {\n    --brick-tabs-list-columns: 1;\n    display: grid;\n    grid-template-columns: repeat(var(--brick-tabs-list-columns), minmax(0, 1fr));\n    align-content: stretch;\n  }\n  .brick-tabs-list[data-columns=\"2\"] { --brick-tabs-list-columns: 2; }\n  .brick-tabs-list[data-columns=\"3\"] { --brick-tabs-list-columns: 3; }\n  .brick-tabs-list[data-columns=\"4\"] { --brick-tabs-list-columns: 4; }\n  .brick-tabs-list[data-columns] > .brick-tabs-trigger {\n    min-inline-size: 0;\n    inline-size: 100%;\n    white-space: normal;\n  }\n  .brick-tabs[data-layout=\"stacked\"] > .brick-tabs-list[data-orientation=\"vertical\"] { inline-size: 100%; min-inline-size: 0; border-block-end: var(--brick-border-width) solid var(--brick-tabs-border-color); border-inline-end: 0; }\n  .brick-tabs[data-layout=\"side\"] > .brick-tabs-list[data-orientation=\"vertical\"] { inline-size: auto; min-inline-size: max-content; border-block-end: 0; border-inline-end: var(--brick-border-width) solid var(--brick-tabs-border-color); }\n\n  .brick-tabs-trigger {\n    display: inline-flex;\n    box-sizing: border-box;\n    min-block-size: var(--brick-tabs-trigger-height);\n    flex: 0 0 auto;\n    align-items: center;\n    justify-content: center;\n    gap: var(--brick-tabs-trigger-gap);\n    padding-inline: var(--brick-tabs-trigger-padding);\n    border: var(--brick-border-width) solid transparent;\n    border-radius: var(--brick-tabs-radius) var(--brick-tabs-radius) 0 0;\n    background: transparent;\n    color: var(--brick-tabs-foreground);\n    font-family: var(--brick-tabs-font-family);\n    font-size: var(--brick-tabs-font-size);\n    font-weight: var(--brick-tabs-font-weight);\n    line-height: var(--brick-tabs-line-height);\n    white-space: nowrap;\n    cursor: pointer;\n    touch-action: manipulation;\n  }\n\n  .brick-tabs-list[data-trigger-radius=\"none\"] > .brick-tabs-trigger { border-radius: 0; }\n\n  .brick-tabs-trigger:hover:not(:disabled) { background: var(--brick-tabs-hover-background); color: var(--brick-color-text-primary); }\n  .brick-tabs-trigger[data-state=\"active\"] { color: var(--brick-tabs-selected-foreground); }\n  .brick-tabs-trigger:focus-visible, .brick-tabs-content:focus-visible { outline: var(--brick-border-focus-width) solid var(--brick-tabs-focus-ring); outline-offset: var(--brick-border-focus-offset); }\n  .brick-tabs-trigger:disabled { opacity: 0.55; cursor: not-allowed; }\n  .brick-tabs[data-full-width] .brick-tabs-list[data-orientation=\"horizontal\"] > .brick-tabs-trigger { flex: 1 1 0; }\n\n  .brick-tabs-content { box-sizing: border-box; min-inline-size: 0; flex: 1 1 auto; padding: var(--brick-tabs-panel-padding); color: var(--brick-color-text-primary); }\n  .brick-tabs-content[data-inset=\"none\"] { padding: 0; }\n  .brick-tabs-content[data-inset=\"sm\"] { padding: var(--brick-space-3); }\n  .brick-tabs-content[data-inset=\"md\"] { padding: var(--brick-space-4); }\n  .brick-tabs-content[data-inset=\"lg\"] { padding: var(--brick-space-5); }\n\n  .brick-tabs-indicator { position: absolute; z-index: 1; pointer-events: none; background: var(--brick-tabs-indicator-color); transition: translate var(--brick-motion-duration-fast) var(--brick-motion-easing-standard), inline-size var(--brick-motion-duration-fast) var(--brick-motion-easing-standard), block-size var(--brick-motion-duration-fast) var(--brick-motion-easing-standard); }\n  .brick-tabs-indicator[data-orientation=\"horizontal\"] { inset-block-end: 0; left: 0; inline-size: var(--tabs-indicator-width); block-size: 0.125rem; translate: var(--tabs-indicator-left) 0; }\n  .brick-tabs-indicator[data-orientation=\"vertical\"] { inset-block-start: 0; inset-inline-end: 0; inline-size: 0.125rem; block-size: var(--tabs-indicator-height); translate: 0 var(--tabs-indicator-top); }\n  .brick-tabs:not([data-variant=\"line\"]) .brick-tabs-indicator { display: none; }\n\n  .brick-tabs[data-variant=\"line\"] .brick-tabs-trigger[data-state=\"active\"] { border-block-end-color: var(--brick-tabs-indicator-color); }\n  .brick-tabs[data-variant=\"line\"] { --brick-tabs-selected-foreground: var(--brick-color-text-primary); }\n  .brick-tabs[data-variant=\"line\"] .brick-tabs-list[data-orientation=\"vertical\"] .brick-tabs-trigger[data-state=\"active\"] { border-block-end-color: transparent; border-inline-end-color: var(--brick-tabs-indicator-color); }\n\n  .brick-tabs[data-variant=\"solid\"] { --brick-tabs-list-background: var(--brick-color-surface-subtle); --brick-tabs-selected-background: var(--brick-color-surface-raised); }\n  .brick-tabs[data-variant=\"soft\"] { --brick-tabs-selected-background: var(--brick-color-accent-soft); }\n  .brick-tabs:is([data-variant=\"solid\"], [data-variant=\"soft\"]) .brick-tabs-list { padding: var(--brick-tabs-list-padding); border: 0; border-radius: var(--brick-tabs-radius); }\n  .brick-tabs:is([data-variant=\"solid\"], [data-variant=\"soft\"]) .brick-tabs-trigger { border-radius: calc(var(--brick-tabs-radius) - var(--brick-space-1)); }\n  .brick-tabs:is([data-variant=\"solid\"], [data-variant=\"soft\"]) > .brick-tabs-list[data-radius=\"none\"] { border-radius: 0; }\n  .brick-tabs:is([data-variant=\"solid\"], [data-variant=\"soft\"]) > .brick-tabs-list[data-radius=\"none\"]:not([data-trigger-radius=\"default\"]) > .brick-tabs-trigger { border-radius: 0; }\n  .brick-tabs:is([data-variant=\"solid\"], [data-variant=\"soft\"]) > .brick-tabs-list[data-trigger-radius=\"default\"] > .brick-tabs-trigger { border-radius: calc(var(--brick-tabs-radius) - var(--brick-space-1)); }\n  .brick-tabs:is([data-variant=\"solid\"], [data-variant=\"soft\"]) .brick-tabs-trigger[data-state=\"active\"] { background: var(--brick-tabs-selected-background); box-shadow: var(--brick-shadow-sm); }\n\n  .brick-tabs[data-variant=\"enclosed\"] .brick-tabs-list { gap: var(--brick-space-1); }\n  .brick-tabs[data-variant=\"enclosed\"] .brick-tabs-trigger[data-state=\"active\"] { border-color: var(--brick-tabs-border-color); border-block-end-color: var(--brick-color-surface-base); background: var(--brick-color-surface-base); margin-block-end: calc(-1 * var(--brick-border-width)); }\n  .brick-tabs[data-variant=\"enclosed\"] .brick-tabs-content { border: var(--brick-border-width) solid var(--brick-tabs-border-color); border-block-start: 0; border-radius: 0 0 var(--brick-tabs-radius) var(--brick-tabs-radius); }\n\n  @media (prefers-reduced-motion: reduce) { .brick-tabs-indicator { transition: none; } }\n  @media (width >= 30rem) {\n    .brick-tabs-list[data-columns-sm=\"1\"] { --brick-tabs-list-columns: 1; }\n    .brick-tabs-list[data-columns-sm=\"2\"] { --brick-tabs-list-columns: 2; }\n    .brick-tabs-list[data-columns-sm=\"3\"] { --brick-tabs-list-columns: 3; }\n    .brick-tabs-list[data-columns-sm=\"4\"] { --brick-tabs-list-columns: 4; }\n    .brick-tabs[data-layout-sm=\"stacked\"] { flex-direction: column; }\n    .brick-tabs[data-layout-sm=\"side\"] { flex-direction: row; align-items: stretch; }\n    .brick-tabs[data-layout-sm=\"stacked\"] > .brick-tabs-list[data-orientation=\"vertical\"] { inline-size: 100%; min-inline-size: 0; border-block-end: var(--brick-border-width) solid var(--brick-tabs-border-color); border-inline-end: 0; }\n    .brick-tabs[data-layout-sm=\"side\"] > .brick-tabs-list[data-orientation=\"vertical\"] { inline-size: auto; min-inline-size: max-content; border-block-end: 0; border-inline-end: var(--brick-border-width) solid var(--brick-tabs-border-color); }\n  }\n  @media (width >= 48rem) {\n    .brick-tabs-list[data-columns-md=\"1\"] { --brick-tabs-list-columns: 1; }\n    .brick-tabs-list[data-columns-md=\"2\"] { --brick-tabs-list-columns: 2; }\n    .brick-tabs-list[data-columns-md=\"3\"] { --brick-tabs-list-columns: 3; }\n    .brick-tabs-list[data-columns-md=\"4\"] { --brick-tabs-list-columns: 4; }\n    .brick-tabs[data-layout-md=\"stacked\"] { flex-direction: column; }\n    .brick-tabs[data-layout-md=\"side\"] { flex-direction: row; align-items: stretch; }\n    .brick-tabs[data-layout-md=\"stacked\"] > .brick-tabs-list[data-orientation=\"vertical\"] { inline-size: 100%; min-inline-size: 0; border-block-end: var(--brick-border-width) solid var(--brick-tabs-border-color); border-inline-end: 0; }\n    .brick-tabs[data-layout-md=\"side\"] > .brick-tabs-list[data-orientation=\"vertical\"] { inline-size: auto; min-inline-size: max-content; border-block-end: 0; border-inline-end: var(--brick-border-width) solid var(--brick-tabs-border-color); }\n  }\n  @media (width >= 64rem) {\n    .brick-tabs-list[data-columns-lg=\"1\"] { --brick-tabs-list-columns: 1; }\n    .brick-tabs-list[data-columns-lg=\"2\"] { --brick-tabs-list-columns: 2; }\n    .brick-tabs-list[data-columns-lg=\"3\"] { --brick-tabs-list-columns: 3; }\n    .brick-tabs-list[data-columns-lg=\"4\"] { --brick-tabs-list-columns: 4; }\n    .brick-tabs[data-layout-lg=\"stacked\"] { flex-direction: column; }\n    .brick-tabs[data-layout-lg=\"side\"] { flex-direction: row; align-items: stretch; }\n    .brick-tabs[data-layout-lg=\"stacked\"] > .brick-tabs-list[data-orientation=\"vertical\"] { inline-size: 100%; min-inline-size: 0; border-block-end: var(--brick-border-width) solid var(--brick-tabs-border-color); border-inline-end: 0; }\n    .brick-tabs[data-layout-lg=\"side\"] > .brick-tabs-list[data-orientation=\"vertical\"] { inline-size: auto; min-inline-size: max-content; border-block-end: 0; border-inline-end: var(--brick-border-width) solid var(--brick-tabs-border-color); }\n  }\n  @media (width >= 80rem) {\n    .brick-tabs-list[data-columns-xl=\"1\"] { --brick-tabs-list-columns: 1; }\n    .brick-tabs-list[data-columns-xl=\"2\"] { --brick-tabs-list-columns: 2; }\n    .brick-tabs-list[data-columns-xl=\"3\"] { --brick-tabs-list-columns: 3; }\n    .brick-tabs-list[data-columns-xl=\"4\"] { --brick-tabs-list-columns: 4; }\n    .brick-tabs[data-layout-xl=\"stacked\"] { flex-direction: column; }\n    .brick-tabs[data-layout-xl=\"side\"] { flex-direction: row; align-items: stretch; }\n    .brick-tabs[data-layout-xl=\"stacked\"] > .brick-tabs-list[data-orientation=\"vertical\"] { inline-size: 100%; min-inline-size: 0; border-block-end: var(--brick-border-width) solid var(--brick-tabs-border-color); border-inline-end: 0; }\n    .brick-tabs[data-layout-xl=\"side\"] > .brick-tabs-list[data-orientation=\"vertical\"] { inline-size: auto; min-inline-size: max-content; border-block-end: 0; border-inline-end: var(--brick-border-width) solid var(--brick-tabs-border-color); }\n  }\n  @media (forced-colors: active) {\n    .brick-tabs-list { border-color: CanvasText; }\n    .brick-tabs-trigger { color: ButtonText; forced-color-adjust: auto; }\n    .brick-tabs-trigger[data-state=\"active\"] { border-color: Highlight; color: Highlight; box-shadow: inset 0 -0.125rem 0 Highlight; }\n    .brick-tabs-indicator { background: Highlight; }\n    .brick-tabs-trigger:focus-visible, .brick-tabs-content:focus-visible { outline-color: Highlight; }\n  }\n}\n","/* Atom owns the authoritative inline hiding behavior. This file intentionally\n   contains no visual recipe. */\n","@layer brick.components {\n  .brick-skip-link {\n    --brick-skip-link-background: var(--brick-color-surface-overlay);\n    --brick-skip-link-foreground: var(--brick-color-text-primary);\n    --brick-skip-link-border-color: var(--brick-color-accent-border);\n    --brick-skip-link-border-width: var(--brick-border-width);\n    --brick-skip-link-radius: var(--brick-radius-control);\n    --brick-skip-link-shadow: 0 0.75rem 2rem color-mix(in srgb, var(--brick-color-shadow), transparent 42%);\n    --brick-skip-link-focus-ring: var(--brick-color-focus-ring);\n    --brick-skip-link-inset-block: 0.75rem;\n    --brick-skip-link-inset-inline: 0.75rem;\n    --brick-skip-link-max-inline-size: 32rem;\n    --brick-skip-link-z-index: calc(var(--brick-layer-overlay) + 10);\n\n    position: fixed;\n    z-index: var(--brick-skip-link-z-index);\n    inset-block-start: var(--brick-skip-link-inset-block);\n    inset-inline-start: var(--brick-skip-link-inset-inline);\n    display: inline-flex;\n    max-inline-size: min(\n      var(--brick-skip-link-max-inline-size),\n      calc(100vw - var(--brick-skip-link-inset-inline) - var(--brick-skip-link-inset-inline))\n    );\n    min-block-size: var(--brick-control-target-min);\n    align-items: center;\n    justify-content: center;\n    padding: 0.625rem 0.875rem;\n    transform: translateY(calc(-100% - var(--brick-skip-link-inset-block) - 0.5rem));\n    border: var(--brick-skip-link-border-width) solid var(--brick-skip-link-border-color);\n    border-radius: var(--brick-skip-link-radius);\n    background: var(--brick-skip-link-background);\n    box-shadow: var(--brick-skip-link-shadow);\n    color: var(--brick-skip-link-foreground);\n    font-family: var(--brick-typography-control-sm-font-family);\n    font-size: var(--brick-typography-control-sm-font-size);\n    font-weight: var(--brick-typography-control-sm-font-weight);\n    letter-spacing: var(--brick-typography-control-sm-letter-spacing);\n    line-height: var(--brick-typography-control-sm-line-height);\n    overflow-wrap: anywhere;\n    text-align: start;\n    text-decoration: none;\n  }\n\n  .brick-skip-link:focus {\n    transform: none;\n    outline: var(--brick-border-focus-width) solid var(--brick-skip-link-focus-ring);\n    outline-offset: var(--brick-border-focus-offset);\n  }\n\n  .brick-skip-link:focus:hover {\n    --brick-skip-link-border-color: var(--brick-color-accent-text);\n    --brick-skip-link-foreground: var(--brick-color-accent-text);\n  }\n\n  .brick-skip-link:focus:active {\n    --brick-skip-link-background: var(--brick-color-accent-soft);\n  }\n\n  @media (forced-colors: active) {\n    .brick-skip-link {\n      --brick-skip-link-background: Canvas;\n      --brick-skip-link-foreground: CanvasText;\n      --brick-skip-link-border-color: LinkText;\n      --brick-skip-link-focus-ring: Highlight;\n      --brick-skip-link-shadow: none;\n      forced-color-adjust: auto;\n    }\n  }\n}\n","@layer brick.components {\n  .brick-skeleton {\n    --brick-skeleton-background: color-mix(\n      in srgb,\n      var(--brick-color-surface-base),\n      var(--brick-color-text-primary) 16%\n    );\n    --brick-skeleton-highlight: color-mix(\n      in srgb,\n      var(--brick-color-surface-base),\n      var(--brick-color-text-primary) 28%\n    );\n    --brick-skeleton-width: 100%;\n    --brick-skeleton-height: 1em;\n    --brick-skeleton-radius: var(--brick-radius-subtle);\n    position: relative;\n    display: inline-block;\n    box-sizing: border-box;\n    inline-size: var(--brick-skeleton-width);\n    block-size: var(--brick-skeleton-height);\n    max-inline-size: 100%;\n    border-radius: var(--brick-skeleton-radius);\n    vertical-align: middle;\n  }\n  .brick-skeleton[data-loading] { overflow: hidden; background: var(--brick-skeleton-background); }\n  .brick-skeleton[data-variant=\"circular\"] { --brick-skeleton-width: 2.5rem; --brick-skeleton-height: 2.5rem; --brick-skeleton-radius: 9999px; aspect-ratio: 1; }\n  .brick-skeleton[data-variant=\"rectangular\"] { --brick-skeleton-height: 4rem; --brick-skeleton-radius: 0; }\n  .brick-skeleton[data-variant=\"rounded\"] { --brick-skeleton-height: 4rem; --brick-skeleton-radius: var(--brick-radius-surface); }\n  .brick-skeleton[data-has-children] { inline-size: fit-content; block-size: fit-content; }\n  .brick-skeleton-content { display: inherit; visibility: visible; }\n  .brick-skeleton[data-loading] > .brick-skeleton-content { visibility: hidden; }\n  .brick-skeleton[data-lines] { display: flex; block-size: auto; flex-direction: column; gap: var(--brick-space-2); background: transparent; overflow: visible; }\n  .brick-skeleton-line { display: block; inline-size: 100%; block-size: var(--brick-skeleton-height); border-radius: var(--brick-skeleton-radius); background: var(--brick-skeleton-background); overflow: hidden; }\n  .brick-skeleton-line:last-child { inline-size: 72%; }\n  .brick-skeleton[data-animation=\"pulse\"][data-loading], .brick-skeleton[data-animation=\"pulse\"][data-loading] .brick-skeleton-line { animation: brick-skeleton-pulse 1.8s ease-in-out infinite; }\n  .brick-skeleton[data-animation=\"wave\"][data-loading]::after, .brick-skeleton[data-animation=\"wave\"][data-loading] .brick-skeleton-line::after { content: \"\"; position: absolute; inset: 0; translate: -100% 0; background: linear-gradient(90deg, transparent, var(--brick-skeleton-highlight), transparent); animation: brick-skeleton-wave 1.8s ease-in-out infinite; }\n  .brick-skeleton[data-animation=\"wave\"][data-lines]::after { content: none; }\n  .brick-skeleton-line { position: relative; }\n  @keyframes brick-skeleton-pulse { 0%, 100% { opacity: 1; } 50% { opacity: 0.52; } }\n  @keyframes brick-skeleton-wave { to { translate: 100% 0; } }\n  @media (prefers-reduced-motion: reduce) { .brick-skeleton, .brick-skeleton::after, .brick-skeleton-line, .brick-skeleton-line::after { animation: none !important; } }\n  @media (forced-colors: active) { .brick-skeleton[data-loading], .brick-skeleton-line { border: 1px solid CanvasText; background: Canvas; forced-color-adjust: auto; } }\n}\n","@layer brick.components {\n  .brick-progress {\n    --brick-progress-track-background: var(--brick-color-surface-subtle);\n    --brick-progress-buffer-background: var(--brick-color-accent-soft);\n    --brick-progress-indicator-background: var(--brick-color-accent-solid);\n    --brick-progress-label-foreground: var(--brick-color-text-primary);\n    --brick-progress-value-foreground: var(--brick-color-text-secondary);\n    --brick-progress-thickness: 0.5rem;\n    --brick-progress-length: 10rem;\n    --brick-progress-radius: var(--brick-radius-control);\n\n    display: grid;\n    min-inline-size: 0;\n    grid-template-columns: minmax(0, 1fr) auto;\n    align-items: center;\n    gap: var(--brick-space-2) var(--brick-space-3);\n    color: var(--brick-progress-label-foreground);\n  }\n\n  .brick-progress__label,\n  .brick-progress__value {\n    min-inline-size: 0;\n    font-family: var(--brick-typography-body-sm-font-family);\n    font-size: var(--brick-typography-body-sm-font-size);\n    line-height: var(--brick-typography-body-sm-line-height);\n    letter-spacing: var(--brick-typography-body-sm-letter-spacing);\n  }\n\n  .brick-progress__label {\n    overflow-wrap: anywhere;\n    font-weight: var(--brick-typography-body-sm-font-weight);\n    color: var(--brick-progress-label-foreground);\n  }\n\n  .brick-progress__value {\n    justify-self: end;\n    color: var(--brick-progress-value-foreground);\n    font-variant-numeric: tabular-nums;\n  }\n\n  .brick-progress__track {\n    position: relative;\n    grid-column: 1 / -1;\n    min-inline-size: 0;\n    overflow: hidden;\n    border-radius: var(--brick-progress-radius);\n    background: var(--brick-progress-track-background);\n    isolation: isolate;\n  }\n\n  .brick-progress[data-orientation=\"horizontal\"] .brick-progress__track {\n    inline-size: 100%;\n    block-size: var(--brick-progress-thickness);\n  }\n\n  .brick-progress[data-orientation=\"vertical\"] {\n    inline-size: fit-content;\n    grid-template-columns: auto minmax(0, auto);\n    grid-template-rows: auto 1fr;\n    align-items: start;\n  }\n\n  .brick-progress[data-orientation=\"vertical\"] .brick-progress__track {\n    grid-column: 1;\n    grid-row: 1 / 3;\n    inline-size: var(--brick-progress-thickness);\n    block-size: var(--brick-progress-length);\n  }\n\n  .brick-progress[data-orientation=\"vertical\"] .brick-progress__label {\n    grid-column: 2;\n    grid-row: 1;\n  }\n\n  .brick-progress[data-orientation=\"vertical\"] .brick-progress__value {\n    grid-column: 2;\n    grid-row: 2;\n    align-self: end;\n    justify-self: start;\n  }\n\n  .brick-progress__buffer,\n  .brick-progress__indicator {\n    position: absolute;\n    border-radius: inherit;\n  }\n\n  .brick-progress[data-orientation=\"horizontal\"] .brick-progress__buffer,\n  .brick-progress[data-orientation=\"horizontal\"] .brick-progress__indicator {\n    inset-block: 0;\n    inset-inline-start: 0;\n  }\n\n  .brick-progress[data-orientation=\"vertical\"] .brick-progress__buffer,\n  .brick-progress[data-orientation=\"vertical\"] .brick-progress__indicator {\n    inset-inline: 0;\n    inset-block-end: 0;\n  }\n\n  .brick-progress__buffer {\n    z-index: 1;\n    display: none;\n    background: var(--brick-progress-buffer-background);\n  }\n\n  .brick-progress__buffer[data-present] {\n    display: block;\n  }\n\n  .brick-progress[data-orientation=\"horizontal\"] .brick-progress__buffer {\n    inline-size: calc(var(--brick-progress-buffer-percent) * 1%);\n  }\n\n  .brick-progress[data-orientation=\"vertical\"] .brick-progress__buffer {\n    block-size: calc(var(--brick-progress-buffer-percent) * 1%);\n  }\n\n  .brick-progress__indicator {\n    z-index: 2;\n    background: var(--brick-progress-indicator-background);\n    transition: inline-size 180ms ease-out, block-size 180ms ease-out;\n  }\n\n  .brick-progress[data-orientation=\"horizontal\"] .brick-progress__indicator {\n    inline-size: calc(var(--brick-progress-percent) * 1%);\n    block-size: 100%;\n  }\n\n  .brick-progress[data-orientation=\"vertical\"] .brick-progress__indicator {\n    inline-size: 100%;\n    block-size: calc(var(--brick-progress-percent) * 1%);\n  }\n\n  .brick-progress__indicator[data-state=\"indeterminate\"] {\n    transition: none;\n  }\n\n  .brick-progress[data-orientation=\"horizontal\"]\n    .brick-progress__indicator[data-state=\"indeterminate\"] {\n    inline-size: 38%;\n    animation: brick-progress-horizontal 1.4s ease-in-out infinite;\n  }\n\n  .brick-progress[data-orientation=\"vertical\"]\n    .brick-progress__indicator[data-state=\"indeterminate\"] {\n    block-size: 38%;\n    animation: brick-progress-vertical 1.4s ease-in-out infinite;\n  }\n\n  .brick-progress[data-size=\"xs\"] { --brick-progress-thickness: 0.25rem; }\n  .brick-progress[data-size=\"sm\"] { --brick-progress-thickness: 0.375rem; }\n  .brick-progress[data-size=\"md\"] { --brick-progress-thickness: 0.5rem; }\n  .brick-progress[data-size=\"lg\"] { --brick-progress-thickness: 0.75rem; }\n  .brick-progress[data-size=\"xl\"] { --brick-progress-thickness: 1rem; }\n\n  .brick-progress[data-shape=\"square\"] { --brick-progress-radius: 0; }\n  .brick-progress[data-shape=\"rounded\"] { --brick-progress-radius: var(--brick-radius-subtle); }\n  .brick-progress[data-shape=\"pill\"] { --brick-progress-radius: 9999px; }\n\n  .brick-progress[data-tone=\"neutral\"] {\n    --brick-progress-buffer-background: var(--brick-color-border-subtle);\n    --brick-progress-indicator-background: var(--brick-color-text-primary);\n  }\n  .brick-progress[data-tone=\"accent\"] {\n    --brick-progress-buffer-background: var(--brick-color-accent-soft);\n    --brick-progress-indicator-background: var(--brick-color-accent-solid);\n  }\n  .brick-progress[data-tone=\"info\"] {\n    --brick-progress-buffer-background: var(--brick-color-info-soft);\n    --brick-progress-indicator-background: var(--brick-color-info-solid);\n  }\n  .brick-progress[data-tone=\"success\"] {\n    --brick-progress-buffer-background: var(--brick-color-success-soft);\n    --brick-progress-indicator-background: var(--brick-color-success-solid);\n  }\n  .brick-progress[data-tone=\"warning\"] {\n    --brick-progress-buffer-background: var(--brick-color-warning-soft);\n    --brick-progress-indicator-background: var(--brick-color-warning-solid);\n  }\n  .brick-progress[data-tone=\"danger\"] {\n    --brick-progress-buffer-background: var(--brick-color-danger-soft);\n    --brick-progress-indicator-background: var(--brick-color-danger-solid);\n  }\n\n  @keyframes brick-progress-horizontal {\n    from { inset-inline-start: -38%; }\n    to { inset-inline-start: 100%; }\n  }\n\n  @keyframes brick-progress-vertical {\n    from { inset-block-end: -38%; }\n    to { inset-block-end: 100%; }\n  }\n\n  @media (prefers-reduced-motion: reduce) {\n    .brick-progress__indicator {\n      animation: none !important;\n      transition: none;\n    }\n    .brick-progress__indicator[data-state=\"indeterminate\"] {\n      inset-inline-start: 0 !important;\n      inset-block-end: 0 !important;\n    }\n  }\n\n  @media (forced-colors: active) {\n    .brick-progress__track {\n      border: 1px solid CanvasText;\n      background: Canvas;\n      forced-color-adjust: auto;\n    }\n    .brick-progress__buffer { background: GrayText; }\n    .brick-progress__indicator { background: Highlight; }\n  }\n}\n","@layer brick.components {\n  .brick-progress-circle {\n    --brick-progress-circle-track: var(--brick-color-surface-subtle);\n    --brick-progress-circle-indicator: var(--brick-color-accent-solid);\n    --brick-progress-circle-label-foreground: var(--brick-color-text-primary);\n    --brick-progress-circle-value-foreground: var(--brick-color-text-primary);\n    --brick-progress-circle-size: 3rem;\n    --brick-progress-circle-stroke: 8;\n\n    display: inline-grid;\n    min-inline-size: 0;\n    grid-template-columns: auto;\n    grid-template-rows: auto auto;\n    justify-items: center;\n    gap: var(--brick-space-2);\n    color: var(--brick-progress-circle-label-foreground);\n  }\n\n  .brick-progress-circle__circle,\n  .brick-progress-circle__value {\n    grid-column: 1;\n    grid-row: 1;\n  }\n\n  .brick-progress-circle__circle {\n    display: block;\n    inline-size: var(--brick-progress-circle-size);\n    block-size: var(--brick-progress-circle-size);\n    overflow: visible;\n    transform: rotate(-90deg);\n  }\n\n  .brick-progress-circle__track,\n  .brick-progress-circle__indicator {\n    fill: none;\n    stroke-width: var(--brick-progress-circle-stroke);\n  }\n\n  .brick-progress-circle__track {\n    stroke: var(--brick-progress-circle-track);\n  }\n\n  .brick-progress-circle__indicator {\n    stroke: var(--brick-progress-circle-indicator);\n    transition: stroke-dashoffset 180ms ease-out;\n  }\n\n  .brick-progress-circle[data-cap=\"round\"] .brick-progress-circle__indicator {\n    stroke-linecap: round;\n  }\n\n  .brick-progress-circle[data-cap=\"butt\"] .brick-progress-circle__indicator {\n    stroke-linecap: butt;\n  }\n\n  .brick-progress-circle__indicator[data-state=\"indeterminate\"] {\n    stroke-dasharray: 67.8584 214.8849;\n    stroke-dashoffset: 0;\n    transform-origin: center;\n    animation: brick-progress-circle-spin 1.1s linear infinite;\n    transition: none;\n  }\n\n  .brick-progress-circle__value {\n    z-index: 1;\n    align-self: center;\n    justify-self: center;\n    max-inline-size: 100%;\n    overflow: hidden;\n    color: var(--brick-progress-circle-value-foreground);\n    font-family: var(--brick-typography-caption-font-family);\n    font-size: var(--brick-typography-caption-font-size);\n    font-weight: var(--brick-typography-caption-font-weight);\n    line-height: var(--brick-typography-caption-line-height);\n    letter-spacing: var(--brick-typography-caption-letter-spacing);\n    font-variant-numeric: tabular-nums;\n    text-align: center;\n    text-overflow: ellipsis;\n    transform-origin: center;\n    white-space: nowrap;\n  }\n\n  .brick-progress-circle__label {\n    grid-column: 1;\n    grid-row: 2;\n    max-inline-size: 12rem;\n    overflow-wrap: anywhere;\n    color: var(--brick-progress-circle-label-foreground);\n    font-family: var(--brick-typography-body-sm-font-family);\n    font-size: var(--brick-typography-body-sm-font-size);\n    font-weight: var(--brick-typography-body-sm-font-weight);\n    line-height: var(--brick-typography-body-sm-line-height);\n    letter-spacing: var(--brick-typography-body-sm-letter-spacing);\n    text-align: center;\n  }\n\n  .brick-progress-circle[data-size=\"xs\"] { --brick-progress-circle-size: 2rem; }\n  .brick-progress-circle[data-size=\"sm\"] { --brick-progress-circle-size: 2.5rem; }\n  .brick-progress-circle[data-size=\"md\"] { --brick-progress-circle-size: 3rem; }\n  .brick-progress-circle[data-size=\"lg\"] { --brick-progress-circle-size: 4rem; }\n  .brick-progress-circle[data-size=\"xl\"] { --brick-progress-circle-size: 5rem; }\n\n  .brick-progress-circle[data-size=\"xs\"] .brick-progress-circle__value { transform: scale(0.72); }\n  .brick-progress-circle[data-size=\"sm\"] .brick-progress-circle__value { transform: scale(0.85); }\n\n  .brick-progress-circle[data-thickness=\"thin\"] { --brick-progress-circle-stroke: 4; }\n  .brick-progress-circle[data-thickness=\"thick\"] { --brick-progress-circle-stroke: 12; }\n\n  .brick-progress-circle[data-tone=\"neutral\"] { --brick-progress-circle-indicator: var(--brick-color-text-primary); }\n  .brick-progress-circle[data-tone=\"accent\"] { --brick-progress-circle-indicator: var(--brick-color-accent-solid); }\n  .brick-progress-circle[data-tone=\"info\"] { --brick-progress-circle-indicator: var(--brick-color-info-solid); }\n  .brick-progress-circle[data-tone=\"success\"] { --brick-progress-circle-indicator: var(--brick-color-success-solid); }\n  .brick-progress-circle[data-tone=\"warning\"] { --brick-progress-circle-indicator: var(--brick-color-warning-solid); }\n  .brick-progress-circle[data-tone=\"danger\"] { --brick-progress-circle-indicator: var(--brick-color-danger-solid); }\n\n  @keyframes brick-progress-circle-spin {\n    to { transform: rotate(360deg); }\n  }\n\n  @media (prefers-reduced-motion: reduce) {\n    .brick-progress-circle__indicator {\n      animation: none !important;\n      transition: none;\n    }\n  }\n\n  @media (forced-colors: active) {\n    .brick-progress-circle__track { stroke: CanvasText; }\n    .brick-progress-circle__indicator { stroke: Highlight; }\n  }\n}\n","@layer brick.components {\n  .brick-slider {\n    --brick-slider-track-size: 0.5rem;\n    --brick-slider-track-length: 10rem;\n    --brick-slider-track-inset: calc(var(--brick-control-target-min) / 2);\n    --brick-slider-track-background: color-mix(\n      in srgb,\n      var(--brick-color-surface-subtle),\n      var(--brick-color-text-primary) 8%\n    );\n    --brick-slider-track-border: var(--brick-color-border-strong);\n    --brick-slider-range-background: var(--brick-color-accent-solid);\n    --brick-slider-thumb-size: 1.125rem;\n    --brick-slider-thumb-background: var(--brick-color-surface-raised);\n    --brick-slider-thumb-border: var(--brick-color-accent-solid);\n    --brick-slider-thumb-shadow: var(--brick-shadow-sm);\n    --brick-slider-marker-color: var(--brick-color-text-primary);\n    --brick-slider-marker-selected-color: var(--brick-color-surface-canvas);\n    --brick-slider-marker-border: var(--brick-color-border-strong);\n    --brick-slider-marker-size: 0.25rem;\n    --brick-slider-value-label-background: var(--brick-color-surface-raised);\n    --brick-slider-value-label-foreground: var(--brick-color-text-primary);\n\n    display: block;\n    position: relative;\n    box-sizing: border-box;\n    min-inline-size: 0;\n    color: var(--brick-color-text-primary);\n  }\n\n  .brick-slider[data-orientation=\"horizontal\"] { inline-size: 100%; }\n  .brick-slider[data-orientation=\"horizontal\"]:has(.brick-slider__value-label) {\n    padding-block-start: 2.25rem;\n  }\n  .brick-slider[data-orientation=\"vertical\"] {\n    inline-size: var(--brick-control-target-min);\n    block-size: var(--brick-slider-track-length);\n  }\n\n  .brick-slider__track {\n    position: relative;\n    display: block;\n    box-sizing: border-box;\n    user-select: none;\n  }\n\n  .brick-slider[data-orientation=\"horizontal\"] .brick-slider__track {\n    inline-size: calc(100% - var(--brick-slider-track-inset) - var(--brick-slider-track-inset));\n    block-size: var(--brick-control-target-min);\n    margin-inline: var(--brick-slider-track-inset);\n  }\n\n  .brick-slider[data-orientation=\"vertical\"] .brick-slider__track {\n    inline-size: var(--brick-control-target-min);\n    block-size: calc(100% - var(--brick-slider-track-inset) - var(--brick-slider-track-inset));\n    margin-block: var(--brick-slider-track-inset);\n  }\n\n  .brick-slider__track::before {\n    position: absolute;\n    border: var(--brick-border-width) solid var(--brick-slider-track-border);\n    border-radius: var(--brick-radius-full);\n    background: var(--brick-slider-track-background);\n    content: \"\";\n  }\n\n  .brick-slider[data-orientation=\"horizontal\"] .brick-slider__track::before {\n    inset-inline: 0;\n    inset-block-start: 50%;\n    block-size: var(--brick-slider-track-size);\n    transform: translateY(-50%);\n  }\n\n  .brick-slider[data-orientation=\"vertical\"] .brick-slider__track::before {\n    inset-block: 0;\n    inset-inline-start: 50%;\n    inline-size: var(--brick-slider-track-size);\n    transform: translateX(-50%);\n  }\n\n  .brick-slider__range {\n    position: absolute;\n    z-index: 1;\n    border-radius: var(--brick-radius-full);\n    background: var(--brick-slider-range-background);\n    pointer-events: none;\n  }\n\n  .brick-slider[data-orientation=\"horizontal\"] .brick-slider__range {\n    inset-block-start: 50%;\n    block-size: var(--brick-slider-track-size);\n    transform: translateY(-50%);\n  }\n\n  .brick-slider[data-orientation=\"vertical\"] .brick-slider__range {\n    inset-inline-start: 50%;\n    inline-size: var(--brick-slider-track-size);\n    transform: translateX(-50%);\n  }\n\n  .brick-slider__thumb {\n    position: absolute;\n    z-index: 3;\n    display: grid;\n    box-sizing: border-box;\n    inline-size: var(--brick-control-target-min);\n    block-size: var(--brick-control-target-min);\n    place-items: center;\n    border: 0;\n    border-radius: var(--brick-radius-full);\n    outline: 0;\n    background: transparent;\n    cursor: grab;\n  }\n\n  .brick-slider__thumb::before {\n    inline-size: var(--brick-slider-thumb-size);\n    block-size: var(--brick-slider-thumb-size);\n    box-sizing: border-box;\n    border: calc(2 * var(--brick-border-width)) solid var(--brick-slider-thumb-border);\n    border-radius: var(--brick-radius-full);\n    background: var(--brick-slider-thumb-background);\n    box-shadow: var(--brick-slider-thumb-shadow);\n    content: \"\";\n    transition: transform var(--brick-motion-duration-fast) var(--brick-motion-easing-standard);\n  }\n\n  .brick-slider[data-orientation=\"horizontal\"] .brick-slider__thumb {\n    inset-block-start: 50%;\n    transform: translate(-50%, -50%);\n  }\n  [dir=\"rtl\"] .brick-slider[data-orientation=\"horizontal\"] .brick-slider__thumb {\n    transform: translate(50%, -50%);\n  }\n  .brick-slider[data-orientation=\"vertical\"] .brick-slider__thumb {\n    inset-inline-start: 50%;\n    transform: translate(-50%, 50%);\n  }\n\n  .brick-slider__thumb:active { cursor: grabbing; }\n  .brick-slider__thumb:active::before { transform: scale(1.12); }\n  .brick-slider__thumb:is(:focus-visible, [data-focus-visible])::before {\n    outline: var(--brick-border-focus-width) solid var(--brick-color-focus-ring);\n    outline-offset: var(--brick-border-focus-offset);\n  }\n\n  .brick-slider__marker {\n    position: absolute;\n    z-index: 2;\n    display: grid;\n    color: var(--brick-color-text-secondary);\n    place-items: center;\n    pointer-events: none;\n    font: var(--brick-typography-body-sm-font-weight) var(--brick-typography-body-sm-font-size)/var(--brick-typography-body-sm-line-height) var(--brick-typography-body-sm-font-family);\n  }\n  .brick-slider__marker::before {\n    position: absolute;\n    box-sizing: border-box;\n    border: var(--brick-border-width) solid var(--brick-slider-marker-border);\n    border-radius: var(--brick-radius-full);\n    background: var(--brick-slider-marker-color);\n    content: \"\";\n  }\n  .brick-slider__marker[data-selected]::before {\n    border-color: color-mix(in srgb, var(--brick-color-accent-on-solid), transparent 45%);\n    background: var(--brick-slider-marker-selected-color);\n  }\n  .brick-slider__marker[data-orientation=\"horizontal\"] {\n    inset-inline-start: calc(var(--brick-slider-marker-percent) * 1%);\n    inset-block-start: 50%;\n    min-inline-size: calc(var(--brick-slider-marker-size) * 2);\n    padding-block-start: 2.25rem;\n    transform: translate(-50%, -50%);\n  }\n  .brick-slider__marker[data-orientation=\"horizontal\"][data-edge=\"start\"] { transform: translate(0, -50%); }\n  .brick-slider__marker[data-orientation=\"horizontal\"][data-edge=\"end\"] { transform: translate(-100%, -50%); }\n  [dir=\"rtl\"] .brick-slider__marker[data-orientation=\"horizontal\"] { transform: translate(50%, -50%); }\n  [dir=\"rtl\"] .brick-slider__marker[data-orientation=\"horizontal\"][data-edge=\"start\"] { transform: translate(-100%, -50%); }\n  [dir=\"rtl\"] .brick-slider__marker[data-orientation=\"horizontal\"][data-edge=\"end\"] { transform: translate(0, -50%); }\n  .brick-slider__marker[data-orientation=\"horizontal\"]::before {\n    inset-inline-start: calc(50% - (var(--brick-slider-marker-size) / 2));\n    inset-block-start: 50%;\n    inline-size: var(--brick-slider-marker-size);\n    block-size: var(--brick-slider-marker-size);\n    transform: translateY(-50%);\n  }\n  .brick-slider__marker[data-orientation=\"vertical\"] {\n    inset-inline-start: 50%;\n    inset-block-end: calc(var(--brick-slider-marker-percent) * 1%);\n    padding-inline-start: 2.25rem;\n    transform: translate(-50%, 50%);\n  }\n  .brick-slider__marker[data-orientation=\"vertical\"]::before {\n    inset-inline-start: 50%;\n    inset-block-start: calc(50% - (var(--brick-slider-marker-size) / 2));\n    inline-size: var(--brick-slider-marker-size);\n    block-size: var(--brick-slider-marker-size);\n    transform: translateX(-50%);\n  }\n\n  .brick-slider__value-label {\n    position: absolute;\n    inset-inline-start: 50%;\n    inset-block-end: calc(100% + var(--brick-space-1));\n    min-inline-size: 1.75rem;\n    padding: var(--brick-space-1) var(--brick-space-2);\n    border: var(--brick-border-width) solid var(--brick-color-border-subtle);\n    border-radius: var(--brick-radius-subtle);\n    background: var(--brick-slider-value-label-background);\n    color: var(--brick-slider-value-label-foreground);\n    box-shadow: var(--brick-shadow-sm);\n    transform: translateX(-50%);\n    text-align: center;\n    white-space: nowrap;\n    font-family: var(--brick-typography-body-sm-font-family);\n    font-size: var(--brick-typography-body-sm-font-size);\n    line-height: var(--brick-typography-body-sm-line-height);\n    font-variant-numeric: tabular-nums;\n  }\n  .brick-slider[data-orientation=\"vertical\"] .brick-slider__value-label {\n    inset-inline-start: calc(100% + var(--brick-space-1));\n    inset-block-end: 50%;\n    transform: translateY(50%);\n  }\n\n  .brick-slider[data-size=\"sm\"] { --brick-slider-track-size: 0.375rem; --brick-slider-thumb-size: 0.875rem; }\n  .brick-slider[data-size=\"lg\"] { --brick-slider-track-size: 0.5rem; --brick-slider-thumb-size: 1.375rem; }\n  .brick-slider[data-variant=\"soft\"] {\n    --brick-slider-range-background: var(--brick-color-accent-soft);\n    --brick-slider-marker-color: var(--brick-color-accent-text);\n    --brick-slider-marker-selected-color: var(--brick-color-accent-on-soft);\n    --brick-slider-thumb-border: var(--brick-color-accent-text);\n  }\n  .brick-slider[data-invalid] { --brick-slider-thumb-border: var(--brick-color-danger-text); --brick-slider-range-background: var(--brick-color-danger-text); }\n  .brick-slider[data-disabled] { opacity: 0.6; }\n  .brick-slider[data-disabled] .brick-slider__thumb { cursor: not-allowed; }\n  .brick-slider[data-readonly] .brick-slider__thumb { cursor: default; }\n\n  @media (prefers-reduced-motion: reduce) { .brick-slider__thumb::before { transition: none; } }\n  @media (forced-colors: active) {\n    .brick-slider { forced-color-adjust: none; }\n    .brick-slider__track::before { border-color: ButtonText; background: Canvas; }\n    .brick-slider__range { background: Highlight; }\n    .brick-slider__thumb::before { border-color: Highlight; background: Canvas; box-shadow: none; }\n    .brick-slider__marker::before { background: ButtonText; }\n    .brick-slider__marker[data-selected]::before { background: HighlightText; }\n    .brick-slider__value-label { border-color: ButtonText; background: Canvas; color: CanvasText; box-shadow: none; }\n    .brick-slider[data-disabled] { opacity: 1; }\n    .brick-slider[data-disabled] .brick-slider__thumb::before { border-color: GrayText; }\n  }\n}\n","@layer brick.components {\n  .brick-highlight {\n    --brick-highlight-background: var(--brick-color-accent-soft);\n    --brick-highlight-foreground: var(--brick-color-accent-text);\n    --brick-highlight-radius: var(--brick-radius-subtle);\n    --brick-highlight-padding-inline: 0.125em;\n    --brick-highlight-decoration-color: var(--brick-color-accent-border);\n    --brick-highlight-decoration-thickness: 0.125em;\n    --brick-highlight-decoration-offset: 0.125em;\n  }\n\n  .brick-highlight[data-tone=\"neutral\"] {\n    --brick-highlight-background: color-mix(\n      in srgb,\n      var(--brick-color-surface-subtle),\n      var(--brick-color-text-primary) 28%\n    );\n    --brick-highlight-foreground: var(--brick-color-text-primary);\n    --brick-highlight-decoration-color: var(--brick-color-border-strong);\n  }\n\n  .brick-highlight[data-variant=\"solid\"] {\n    --brick-highlight-background: var(--brick-color-accent-solid);\n    --brick-highlight-foreground: var(--brick-color-accent-on-solid);\n  }\n\n  .brick-highlight[data-variant=\"solid\"][data-tone=\"neutral\"] {\n    --brick-highlight-background: var(--brick-color-text-primary);\n    --brick-highlight-foreground: var(--brick-color-surface-canvas);\n  }\n\n  .brick-highlight [data-slot=\"highlight-match\"] {\n    box-decoration-break: clone;\n    padding-inline: var(--brick-highlight-padding-inline);\n    border-radius: var(--brick-highlight-radius);\n    background: var(--brick-highlight-background);\n    color: var(--brick-highlight-foreground);\n    font: inherit;\n    -webkit-box-decoration-break: clone;\n  }\n\n  .brick-highlight[data-variant=\"underline\"] [data-slot=\"highlight-match\"] {\n    --brick-highlight-background: transparent;\n    --brick-highlight-foreground: currentColor;\n    --brick-highlight-padding-inline: 0em;\n\n    text-decoration-color: var(--brick-highlight-decoration-color);\n    text-decoration-line: underline;\n    text-decoration-skip-ink: auto;\n    text-decoration-thickness: var(--brick-highlight-decoration-thickness);\n    text-underline-offset: var(--brick-highlight-decoration-offset);\n  }\n\n  @media (forced-colors: active) {\n    .brick-highlight {\n      --brick-highlight-background: Highlight;\n      --brick-highlight-foreground: HighlightText;\n      --brick-highlight-decoration-color: Highlight;\n    }\n\n    .brick-highlight[data-variant=\"underline\"] [data-slot=\"highlight-match\"] {\n      --brick-highlight-background: transparent;\n      --brick-highlight-foreground: CanvasText;\n    }\n  }\n}\n","@layer brick.components {\n  .brick-badge,\n  .brick-notification-badge {\n    --brick-badge-tone-solid: color-mix(\n      in srgb,\n      var(--brick-color-surface-subtle),\n      var(--brick-color-text-primary) 16%\n    );\n    --brick-badge-tone-on-solid: var(--brick-color-text-primary);\n    --brick-badge-tone-soft: var(--brick-color-surface-subtle);\n    --brick-badge-tone-on-soft: var(--brick-color-text-primary);\n    --brick-badge-tone-border: var(--brick-color-border-strong);\n    --brick-badge-tone-text: var(--brick-color-text-primary);\n  }\n\n  .brick-badge {\n    --brick-badge-background: var(--brick-badge-tone-soft);\n    --brick-badge-foreground: var(--brick-badge-tone-on-soft);\n    --brick-badge-border-color: transparent;\n    --brick-badge-min-block-size: 1.5rem;\n    --brick-badge-inline-padding: 0.5rem;\n    --brick-badge-block-padding: 0.125rem;\n    --brick-badge-gap: var(--brick-space-1);\n    --brick-badge-radius: var(--brick-radius-control);\n    --brick-badge-font-size: var(--brick-typography-control-sm-font-size);\n\n    display: inline-flex;\n    box-sizing: border-box;\n    min-inline-size: 0;\n    min-block-size: var(--brick-badge-min-block-size);\n    max-inline-size: 100%;\n    align-items: center;\n    justify-content: safe center;\n    gap: var(--brick-badge-gap);\n    padding-block: var(--brick-badge-block-padding);\n    padding-inline: var(--brick-badge-inline-padding);\n    border: var(--brick-border-width) solid var(--brick-badge-border-color);\n    border-radius: var(--brick-badge-radius);\n    background: var(--brick-badge-background);\n    color: var(--brick-badge-foreground);\n    font-family: var(--brick-typography-control-sm-font-family);\n    font-size: var(--brick-badge-font-size);\n    font-weight: var(--brick-typography-control-sm-font-weight);\n    font-variant-numeric: tabular-nums;\n    letter-spacing: var(--brick-typography-control-sm-letter-spacing);\n    line-height: var(--brick-typography-control-sm-line-height);\n    white-space: nowrap;\n    text-align: start;\n    vertical-align: baseline;\n  }\n\n  .brick-badge[data-shape=\"pill\"] {\n    --brick-badge-radius: var(--brick-radius-full);\n  }\n\n  .brick-badge[data-shape=\"circle\"] {\n    --brick-badge-radius: var(--brick-radius-full);\n    inline-size: var(--brick-badge-min-block-size);\n    min-inline-size: var(--brick-badge-min-block-size);\n    max-inline-size: none;\n    flex: none;\n    padding: 0;\n    line-height: 1;\n  }\n\n  .brick-badge[data-shape=\"circle\"] > :is(svg, [data-slot=\"icon\"]) {\n    inline-size: 1em;\n    block-size: 1em;\n  }\n\n  .brick-badge[data-size=\"sm\"] {\n    --brick-badge-min-block-size: 1.25rem;\n    --brick-badge-inline-padding: 0.375rem;\n    --brick-badge-block-padding: 0.0625rem;\n    --brick-badge-font-size: var(--brick-typography-control-xs-font-size);\n  }\n\n  .brick-badge[data-size=\"lg\"] {\n    --brick-badge-min-block-size: 1.75rem;\n    --brick-badge-inline-padding: 0.625rem;\n    --brick-badge-block-padding: 0.1875rem;\n    --brick-badge-font-size: var(--brick-typography-control-lg-font-size);\n  }\n\n  .brick-badge[data-size=\"xl\"] {\n    --brick-badge-min-block-size: 2.75rem;\n    --brick-badge-inline-padding: 0.75rem;\n    --brick-badge-block-padding: 0.25rem;\n    --brick-badge-font-size: var(--brick-typography-control-xl-font-size);\n  }\n\n  .brick-badge[data-size=\"xl\"][data-shape=\"circle\"] > :is(svg, [data-slot=\"icon\"]) {\n    inline-size: 1.5rem;\n    block-size: 1.5rem;\n  }\n\n  .brick-badge[data-variant=\"solid\"] {\n    --brick-badge-background: var(--brick-badge-tone-solid);\n    --brick-badge-foreground: var(--brick-badge-tone-on-solid);\n    --brick-badge-border-color: var(--brick-badge-tone-solid);\n  }\n\n  .brick-badge[data-variant=\"outline\"] {\n    --brick-badge-background: transparent;\n    --brick-badge-foreground: var(--brick-badge-tone-text);\n    --brick-badge-border-color: var(--brick-badge-tone-border);\n  }\n\n  .brick-badge[data-tone=\"accent\"],\n  .brick-notification-badge[data-tone=\"accent\"] {\n    --brick-badge-tone-solid: var(--brick-color-accent-solid);\n    --brick-badge-tone-on-solid: var(--brick-color-accent-on-solid);\n    --brick-badge-tone-soft: var(--brick-color-accent-soft);\n    --brick-badge-tone-on-soft: var(--brick-color-accent-on-soft);\n    --brick-badge-tone-border: var(--brick-color-accent-border);\n    --brick-badge-tone-text: var(--brick-color-accent-text);\n  }\n\n  .brick-badge[data-tone=\"info\"],\n  .brick-notification-badge[data-tone=\"info\"] {\n    --brick-badge-tone-solid: var(--brick-color-info-solid);\n    --brick-badge-tone-on-solid: var(--brick-color-info-on-solid);\n    --brick-badge-tone-soft: var(--brick-color-info-soft);\n    --brick-badge-tone-on-soft: var(--brick-color-info-on-soft);\n    --brick-badge-tone-border: var(--brick-color-info-border);\n    --brick-badge-tone-text: var(--brick-color-info-text);\n  }\n\n  .brick-badge[data-tone=\"success\"],\n  .brick-notification-badge[data-tone=\"success\"] {\n    --brick-badge-tone-solid: var(--brick-color-success-solid);\n    --brick-badge-tone-on-solid: var(--brick-color-success-on-solid);\n    --brick-badge-tone-soft: var(--brick-color-success-soft);\n    --brick-badge-tone-on-soft: var(--brick-color-success-on-soft);\n    --brick-badge-tone-border: var(--brick-color-success-border);\n    --brick-badge-tone-text: var(--brick-color-success-text);\n  }\n\n  .brick-badge[data-tone=\"warning\"],\n  .brick-notification-badge[data-tone=\"warning\"] {\n    --brick-badge-tone-solid: var(--brick-color-warning-solid);\n    --brick-badge-tone-on-solid: var(--brick-color-warning-on-solid);\n    --brick-badge-tone-soft: var(--brick-color-warning-soft);\n    --brick-badge-tone-on-soft: var(--brick-color-warning-on-soft);\n    --brick-badge-tone-border: var(--brick-color-warning-border);\n    --brick-badge-tone-text: var(--brick-color-warning-text);\n  }\n\n  .brick-badge[data-tone=\"danger\"],\n  .brick-notification-badge[data-tone=\"danger\"] {\n    --brick-badge-tone-solid: var(--brick-color-danger-solid);\n    --brick-badge-tone-on-solid: var(--brick-color-danger-on-solid);\n    --brick-badge-tone-soft: var(--brick-color-danger-soft);\n    --brick-badge-tone-on-soft: var(--brick-color-danger-on-soft);\n    --brick-badge-tone-border: var(--brick-color-danger-border);\n    --brick-badge-tone-text: var(--brick-color-danger-text);\n  }\n\n  .brick-notification-badge {\n    --brick-notification-badge-size: 1.25rem;\n    --brick-notification-badge-dot-size: 0.625rem;\n    --brick-notification-badge-inline-padding: 0.3125rem;\n    --brick-notification-badge-outline-color: var(--brick-color-surface-base);\n    --brick-notification-badge-translate-inline: 50%;\n    --brick-notification-badge-translate-block: -50%;\n\n    position: relative;\n    display: inline-flex;\n    box-sizing: border-box;\n    max-inline-size: 100%;\n    vertical-align: middle;\n  }\n\n  .brick-notification-badge[data-size=\"sm\"] {\n    --brick-notification-badge-size: 1rem;\n    --brick-notification-badge-dot-size: 0.5rem;\n    --brick-notification-badge-inline-padding: 0.25rem;\n  }\n\n  .brick-notification-badge[data-size=\"lg\"] {\n    --brick-notification-badge-size: 1.5rem;\n    --brick-notification-badge-dot-size: 0.75rem;\n    --brick-notification-badge-inline-padding: 0.375rem;\n  }\n\n  .brick-notification-badge__indicator {\n    position: absolute;\n    z-index: 1;\n    display: inline-flex;\n    box-sizing: border-box;\n    min-inline-size: var(--brick-notification-badge-size);\n    block-size: var(--brick-notification-badge-size);\n    align-items: center;\n    justify-content: center;\n    padding-inline: var(--brick-notification-badge-inline-padding);\n    border: var(--brick-border-width) solid var(--brick-notification-badge-outline-color);\n    border-radius: var(--brick-radius-full);\n    background: var(--brick-badge-tone-solid);\n    color: var(--brick-badge-tone-on-solid);\n    font-family: var(--brick-font-family-body);\n    font-size: 0.6875rem;\n    font-weight: var(--brick-font-weight-semibold);\n    font-variant-numeric: tabular-nums;\n    line-height: 1;\n    pointer-events: none;\n    white-space: nowrap;\n  }\n\n  .brick-notification-badge__indicator[data-shape=\"circle\"] {\n    inline-size: var(--brick-notification-badge-size);\n    padding-inline: 0;\n  }\n\n  .brick-notification-badge__indicator[data-variant=\"dot\"] {\n    min-inline-size: var(--brick-notification-badge-dot-size);\n    inline-size: var(--brick-notification-badge-dot-size);\n    block-size: var(--brick-notification-badge-dot-size);\n    padding: 0;\n  }\n\n  .brick-notification-badge[data-placement^=\"top\"]\n    > .brick-notification-badge__indicator {\n    inset-block-start: 0;\n  }\n\n  .brick-notification-badge[data-placement^=\"bottom\"]\n    > .brick-notification-badge__indicator {\n    --brick-notification-badge-translate-block: 50%;\n    inset-block-end: 0;\n  }\n\n  .brick-notification-badge[data-placement$=\"end\"]\n    > .brick-notification-badge__indicator {\n    inset-inline-end: 0;\n    translate: var(--brick-notification-badge-translate-inline)\n      var(--brick-notification-badge-translate-block);\n  }\n\n  .brick-notification-badge[data-placement$=\"start\"]\n    > .brick-notification-badge__indicator {\n    inset-inline-start: 0;\n    translate: calc(var(--brick-notification-badge-translate-inline) * -1)\n      var(--brick-notification-badge-translate-block);\n  }\n\n  .brick-notification-badge[data-overlap=\"circular\"] {\n    --brick-notification-badge-translate-inline: 50%;\n    --brick-notification-badge-translate-block: -50%;\n  }\n\n  .brick-notification-badge[data-overlap=\"circular\"][data-placement^=\"bottom\"] {\n    --brick-notification-badge-translate-block: 50%;\n  }\n\n  .brick-notification-badge[data-overlap=\"circular\"][data-placement^=\"top\"]\n    > .brick-notification-badge__indicator {\n    inset-block-start: 14.6447%;\n  }\n\n  .brick-notification-badge[data-overlap=\"circular\"][data-placement^=\"bottom\"]\n    > .brick-notification-badge__indicator {\n    inset-block-end: 14.6447%;\n  }\n\n  .brick-notification-badge[data-overlap=\"circular\"][data-placement$=\"start\"]\n    > .brick-notification-badge__indicator {\n    inset-inline-start: 14.6447%;\n  }\n\n  .brick-notification-badge[data-overlap=\"circular\"][data-placement$=\"end\"]\n    > .brick-notification-badge__indicator {\n    inset-inline-end: 14.6447%;\n  }\n\n  :is([dir=\"rtl\"], :dir(rtl))\n    .brick-notification-badge[data-placement$=\"end\"]\n    > .brick-notification-badge__indicator,\n  .brick-notification-badge[dir=\"rtl\"][data-placement$=\"end\"]\n    > .brick-notification-badge__indicator {\n    translate: calc(var(--brick-notification-badge-translate-inline) * -1)\n      var(--brick-notification-badge-translate-block);\n  }\n\n  :is([dir=\"rtl\"], :dir(rtl))\n    .brick-notification-badge[data-placement$=\"start\"]\n    > .brick-notification-badge__indicator,\n  .brick-notification-badge[dir=\"rtl\"][data-placement$=\"start\"]\n    > .brick-notification-badge__indicator {\n    translate: var(--brick-notification-badge-translate-inline)\n      var(--brick-notification-badge-translate-block);\n  }\n\n  @media (forced-colors: active) {\n    .brick-badge {\n      border-color: CanvasText;\n      background: Canvas;\n      color: CanvasText;\n    }\n\n    .brick-notification-badge__indicator {\n      border-color: Canvas;\n      background: CanvasText;\n      color: Canvas;\n      forced-color-adjust: none;\n    }\n  }\n}\n","@layer brick.components {\n  :where(.brick-dropdown-menu__content, .brick-dropdown-menu__sub-content) {\n    --brick-dropdown-menu-content-background: var(--brick-color-surface-overlay);\n    --brick-dropdown-menu-content-foreground: var(--brick-color-text-primary);\n    --brick-dropdown-menu-content-border: var(--brick-color-border-subtle);\n    --brick-dropdown-menu-content-radius: var(--brick-radius-overlay);\n    --brick-dropdown-menu-content-shadow: var(--brick-shadow-floating);\n    --brick-dropdown-menu-content-padding: var(--brick-space-1);\n    --brick-dropdown-menu-content-max-block-size: 20rem;\n    --brick-dropdown-menu-row-min-block-size: var(--brick-control-target-min);\n    --brick-dropdown-menu-row-padding-inline: var(--brick-space-3);\n    --brick-dropdown-menu-row-gap: var(--brick-space-2);\n    --brick-dropdown-menu-row-radius: var(--brick-radius-control);\n    --brick-dropdown-menu-row-foreground: var(--brick-color-text-primary);\n    --brick-dropdown-menu-row-highlighted-background: var(--brick-color-accent-soft);\n    --brick-dropdown-menu-row-highlighted-foreground: var(--brick-color-accent-text);\n    --brick-dropdown-menu-description-foreground: var(--brick-color-text-secondary);\n    --brick-dropdown-menu-shortcut-foreground: var(--brick-color-text-muted);\n    --brick-dropdown-menu-label-foreground: var(--brick-color-text-secondary);\n    --brick-dropdown-menu-disabled-foreground: var(--brick-color-text-muted);\n    --brick-dropdown-menu-danger-foreground: var(--brick-color-danger-text);\n    --brick-dropdown-menu-danger-background: var(--brick-color-danger-soft);\n    --brick-dropdown-menu-separator-color: var(--brick-color-border-subtle);\n    --brick-dropdown-menu-indicator-size: 1rem;\n    --brick-dropdown-menu-focus-ring: var(--brick-color-focus-ring);\n    --brick-dropdown-menu-motion-duration: var(--brick-motion-duration-fast);\n\n    --brick-action-menu-content-background: var(--brick-dropdown-menu-content-background);\n    --brick-action-menu-content-foreground: var(--brick-dropdown-menu-content-foreground);\n    --brick-action-menu-content-border: var(--brick-dropdown-menu-content-border);\n    --brick-action-menu-content-radius: var(--brick-dropdown-menu-content-radius);\n    --brick-action-menu-content-shadow: var(--brick-dropdown-menu-content-shadow);\n    --brick-action-menu-content-padding: var(--brick-dropdown-menu-content-padding);\n    --brick-action-menu-content-max-block-size: var(--brick-dropdown-menu-content-max-block-size);\n    --brick-action-menu-content-z-index: var(--brick-layer-overlay);\n    --brick-action-menu-row-min-block-size: var(--brick-dropdown-menu-row-min-block-size);\n    --brick-action-menu-row-padding-inline: var(--brick-dropdown-menu-row-padding-inline);\n    --brick-action-menu-row-gap: var(--brick-dropdown-menu-row-gap);\n    --brick-action-menu-row-radius: var(--brick-dropdown-menu-row-radius);\n    --brick-action-menu-row-foreground: var(--brick-dropdown-menu-row-foreground);\n    --brick-action-menu-row-highlighted-background: var(--brick-dropdown-menu-row-highlighted-background);\n    --brick-action-menu-row-highlighted-foreground: var(--brick-dropdown-menu-row-highlighted-foreground);\n    --brick-action-menu-description-foreground: var(--brick-dropdown-menu-description-foreground);\n    --brick-action-menu-shortcut-foreground: var(--brick-dropdown-menu-shortcut-foreground);\n    --brick-action-menu-label-foreground: var(--brick-dropdown-menu-label-foreground);\n    --brick-action-menu-disabled-foreground: var(--brick-dropdown-menu-disabled-foreground);\n    --brick-action-menu-danger-foreground: var(--brick-dropdown-menu-danger-foreground);\n    --brick-action-menu-danger-background: var(--brick-dropdown-menu-danger-background);\n    --brick-action-menu-separator-color: var(--brick-dropdown-menu-separator-color);\n    --brick-action-menu-indicator-size: var(--brick-dropdown-menu-indicator-size);\n    --brick-action-menu-focus-ring: var(--brick-dropdown-menu-focus-ring);\n    --brick-action-menu-motion-duration: var(--brick-dropdown-menu-motion-duration);\n    --brick-action-menu-font-size: var(--brick-typography-control-md-font-size);\n    --brick-action-menu-line-height: var(--brick-typography-control-md-line-height);\n  }\n\n  .brick-dropdown-menu__trigger {\n    touch-action: manipulation;\n  }\n}\n","@layer brick.components {\n  .brick-rating {\n    --brick-rating-item-size: 1.5rem;\n    --brick-rating-gap: var(--brick-space-1);\n    --brick-rating-empty-color: var(--brick-color-border-strong);\n    --brick-rating-fill-color: var(--brick-color-accent-solid);\n\n    display: inline-flex;\n    box-sizing: border-box;\n    min-inline-size: 0;\n    align-items: center;\n    gap: var(--brick-rating-gap);\n    border-radius: var(--brick-radius-subtle);\n    outline: 0;\n  }\n\n  .brick-rating:is(:focus-visible, [data-focus-visible]) {\n    outline: var(--brick-border-focus-width) solid var(--brick-color-focus-ring);\n    outline-offset: var(--brick-border-focus-offset);\n  }\n\n  .brick-rating__item {\n    position: relative;\n    display: grid;\n    box-sizing: border-box;\n    inline-size: var(--brick-control-target-min);\n    min-inline-size: var(--brick-control-target-min);\n    block-size: var(--brick-control-target-min);\n    place-items: center;\n    color: var(--brick-rating-empty-color);\n    cursor: pointer;\n  }\n\n  .brick-rating--display .brick-rating__item {\n    inline-size: var(--brick-rating-item-size);\n    min-inline-size: var(--brick-rating-item-size);\n    block-size: var(--brick-rating-item-size);\n    cursor: default;\n  }\n\n  .brick-rating__artwork {\n    position: absolute;\n    display: grid;\n    inline-size: var(--brick-rating-item-size);\n    block-size: var(--brick-rating-item-size);\n    place-items: center;\n    pointer-events: none;\n  }\n\n  .brick-rating__artwork > * { inline-size: 100%; block-size: 100%; }\n  .brick-rating__artwork--empty { color: var(--brick-rating-empty-color); }\n  .brick-rating__artwork--fill {\n    overflow: hidden;\n    color: var(--brick-rating-fill-color);\n    clip-path: inset(0 calc(100% - var(--brick-rating-fill)) 0 0);\n  }\n  [dir=\"rtl\"] .brick-rating__artwork--fill {\n    clip-path: inset(0 0 0 calc(100% - var(--brick-rating-fill)));\n  }\n\n  .brick-rating__star {\n    display: block;\n    inline-size: 100%;\n    block-size: 100%;\n    overflow: visible;\n    fill: currentColor;\n    stroke: currentColor;\n    stroke-linejoin: round;\n    stroke-width: 1.5;\n  }\n\n  .brick-rating[data-variant=\"outline\"] .brick-rating__artwork--empty .brick-rating__star,\n  .brick-rating[data-variant=\"outline\"] .brick-rating__artwork--fill .brick-rating__star {\n    fill: transparent;\n  }\n  .brick-rating[data-variant=\"outline\"] .brick-rating__artwork--fill .brick-rating__star {\n    fill: color-mix(in srgb, currentColor 24%, transparent);\n  }\n\n  .brick-rating[data-size=\"sm\"] { --brick-rating-item-size: 1.125rem; --brick-rating-gap: 0; }\n  .brick-rating[data-size=\"lg\"] { --brick-rating-item-size: 1.875rem; --brick-rating-gap: var(--brick-space-2); }\n  .brick-rating[data-tone=\"neutral\"] { --brick-rating-fill-color: var(--brick-color-text-primary); }\n  .brick-rating[data-invalid] { --brick-rating-fill-color: var(--brick-color-danger-text); --brick-rating-empty-color: var(--brick-color-danger-text); }\n  .brick-rating[data-disabled] { opacity: 0.6; }\n  .brick-rating[data-disabled] .brick-rating__item { cursor: not-allowed; }\n  .brick-rating[data-readonly] .brick-rating__item { cursor: default; }\n\n  .brick-rating-summary {\n    --brick-rating-summary-artwork-size: 1rem;\n    --brick-rating-summary-gap: var(--brick-space-1);\n    --brick-rating-summary-color: var(--brick-color-accent-solid);\n\n    display: inline-flex;\n    box-sizing: border-box;\n    min-inline-size: 0;\n    align-items: center;\n    gap: var(--brick-rating-summary-gap);\n    color: var(--brick-color-text-primary);\n    font-family: var(--brick-typography-body-sm-font-family);\n    font-size: var(--brick-typography-body-sm-font-size);\n    font-variant-numeric: tabular-nums;\n    font-weight: var(--brick-typography-body-sm-font-weight);\n    line-height: var(--brick-typography-body-sm-line-height);\n    letter-spacing: var(--brick-typography-body-sm-letter-spacing);\n    vertical-align: middle;\n  }\n\n  .brick-rating-summary[data-size=\"sm\"] {\n    --brick-rating-summary-artwork-size: 0.875rem;\n    font-family: var(--brick-typography-caption-font-family);\n    font-size: var(--brick-typography-caption-font-size);\n    font-weight: var(--brick-typography-caption-font-weight);\n    line-height: var(--brick-typography-caption-line-height);\n    letter-spacing: var(--brick-typography-caption-letter-spacing);\n  }\n\n  .brick-rating-summary[data-size=\"lg\"] {\n    --brick-rating-summary-artwork-size: 1.25rem;\n    --brick-rating-summary-gap: var(--brick-space-2);\n    font-family: var(--brick-typography-body-md-font-family);\n    font-size: var(--brick-typography-body-md-font-size);\n    font-weight: var(--brick-typography-body-md-font-weight);\n    line-height: var(--brick-typography-body-md-line-height);\n    letter-spacing: var(--brick-typography-body-md-letter-spacing);\n  }\n\n  .brick-rating-summary[data-tone=\"neutral\"] {\n    --brick-rating-summary-color: var(--brick-color-text-primary);\n  }\n\n  .brick-rating-summary__artwork {\n    display: inline-grid;\n    inline-size: var(--brick-rating-summary-artwork-size);\n    block-size: var(--brick-rating-summary-artwork-size);\n    flex: none;\n    place-items: center;\n    color: var(--brick-rating-summary-color);\n  }\n\n  .brick-rating-summary__value { min-inline-size: 0; color: inherit; }\n\n  @media (hover: hover) and (pointer: fine) {\n    .brick-rating:not([data-disabled], [data-readonly]) .brick-rating__item:hover {\n      transform: translateY(-0.0625rem);\n    }\n  }\n  @media (prefers-reduced-motion: reduce) { .brick-rating__item { transform: none !important; } }\n  @media (forced-colors: active) {\n    .brick-rating { forced-color-adjust: none; }\n    .brick-rating__artwork--empty { color: ButtonText; }\n    .brick-rating__artwork--fill { color: Highlight; }\n    .brick-rating[data-invalid] .brick-rating__artwork { color: Mark; }\n    .brick-rating[data-disabled] { opacity: 1; }\n    .brick-rating[data-disabled] .brick-rating__artwork { color: GrayText; }\n    .brick-rating-summary { color: CanvasText; }\n    .brick-rating-summary__artwork { color: Highlight; }\n  }\n}\n","@layer brick.components {\n  .brick-prose {\n    --brick-prose-measure: 48rem;\n    --brick-prose-flow-space: var(--brick-space-4);\n    --brick-prose-section-space: var(--brick-space-6);\n    --brick-prose-foreground: var(--brick-color-text-primary);\n    --brick-prose-muted-foreground: var(--brick-color-text-secondary);\n    --brick-prose-link-foreground: var(--brick-color-link-text);\n    --brick-prose-accent: var(--brick-color-accent-border);\n    --brick-prose-border-color: var(--brick-color-border-subtle);\n    --brick-prose-surface: var(--brick-color-surface-subtle);\n    --brick-prose-body-font-family: var(--brick-typography-body-md-font-family);\n    --brick-prose-body-font-size: var(--brick-typography-body-md-font-size);\n    --brick-prose-body-font-weight: var(--brick-typography-body-md-font-weight);\n    --brick-prose-body-line-height: var(--brick-typography-body-md-line-height);\n    --brick-prose-body-letter-spacing: var(--brick-typography-body-md-letter-spacing);\n    --brick-prose-heading-font-family: var(--brick-typography-title-md-font-family);\n    --brick-prose-heading-font-weight: var(--brick-typography-title-md-font-weight);\n    --brick-prose-heading-letter-spacing: var(--brick-typography-title-md-letter-spacing);\n    --brick-prose-code-font-family: var(--brick-typography-code-inline-font-family);\n    --brick-prose-code-font-size: var(--brick-typography-code-inline-font-size);\n    --brick-prose-code-radius: var(--brick-radius-subtle);\n    --brick-prose-media-radius: var(--brick-radius-surface);\n    --brick-prose-table-cell-padding-block: var(--brick-space-3);\n    --brick-prose-table-cell-padding-inline: var(--brick-space-4);\n    --_brick-prose-h1-font-size: var(--brick-typography-title-lg-font-size);\n    --_brick-prose-h1-line-height: var(--brick-typography-title-lg-line-height);\n    --_brick-prose-h2-font-size: var(--brick-typography-title-md-font-size);\n    --_brick-prose-h2-line-height: var(--brick-typography-title-md-line-height);\n    --_brick-prose-h3-font-size: var(--brick-typography-title-sm-font-size);\n    --_brick-prose-h3-line-height: var(--brick-typography-title-sm-line-height);\n\n    box-sizing: border-box;\n    inline-size: 100%;\n    max-inline-size: var(--brick-prose-measure);\n    margin: 0;\n    color: var(--brick-prose-foreground);\n    font-family: var(--brick-prose-body-font-family);\n    font-size: var(--brick-prose-body-font-size);\n    font-weight: var(--brick-prose-body-font-weight);\n    letter-spacing: var(--brick-prose-body-letter-spacing);\n    line-height: var(--brick-prose-body-line-height);\n    overflow-wrap: break-word;\n    text-align: start;\n  }\n\n  .brick-prose[data-measure=\"narrow\"] { --brick-prose-measure: 40rem; }\n  .brick-prose[data-measure=\"wide\"] { --brick-prose-measure: 64rem; }\n  .brick-prose[data-measure=\"none\"] { --brick-prose-measure: none; }\n\n  .brick-prose[data-size=\"sm\"] {\n    --brick-prose-body-font-family: var(--brick-typography-body-sm-font-family);\n    --brick-prose-body-font-size: var(--brick-typography-body-sm-font-size);\n    --brick-prose-body-font-weight: var(--brick-typography-body-sm-font-weight);\n    --brick-prose-body-line-height: var(--brick-typography-body-sm-line-height);\n    --brick-prose-body-letter-spacing: var(--brick-typography-body-sm-letter-spacing);\n    --brick-prose-flow-space: var(--brick-space-3);\n    --_brick-prose-h1-font-size: var(--brick-typography-title-md-font-size);\n    --_brick-prose-h1-line-height: var(--brick-typography-title-md-line-height);\n    --_brick-prose-h2-font-size: var(--brick-typography-title-sm-font-size);\n    --_brick-prose-h2-line-height: var(--brick-typography-title-sm-line-height);\n    --_brick-prose-h3-font-size: var(--brick-typography-body-lg-font-size);\n    --_brick-prose-h3-line-height: var(--brick-typography-body-lg-line-height);\n  }\n\n  .brick-prose[data-size=\"lg\"] {\n    --brick-prose-body-font-family: var(--brick-typography-body-lg-font-family);\n    --brick-prose-body-font-size: var(--brick-typography-body-lg-font-size);\n    --brick-prose-body-font-weight: var(--brick-typography-body-lg-font-weight);\n    --brick-prose-body-line-height: var(--brick-typography-body-lg-line-height);\n    --brick-prose-body-letter-spacing: var(--brick-typography-body-lg-letter-spacing);\n    --brick-prose-flow-space: var(--brick-space-5);\n    --_brick-prose-h1-font-size: var(--brick-typography-display-sm-font-size);\n    --_brick-prose-h1-line-height: var(--brick-typography-display-sm-line-height);\n    --_brick-prose-h2-font-size: var(--brick-typography-title-lg-font-size);\n    --_brick-prose-h2-line-height: var(--brick-typography-title-lg-line-height);\n    --_brick-prose-h3-font-size: var(--brick-typography-title-md-font-size);\n    --_brick-prose-h3-line-height: var(--brick-typography-title-md-line-height);\n  }\n\n  :where(.brick-prose) :where(h1, h2, h3, h4, h5, h6) {\n    margin: var(--brick-prose-section-space) 0 0;\n    color: var(--brick-prose-foreground);\n    font-family: var(--brick-prose-heading-font-family);\n    font-weight: var(--brick-prose-heading-font-weight);\n    letter-spacing: var(--brick-prose-heading-letter-spacing);\n    line-height: var(--brick-typography-title-md-line-height);\n    overflow-wrap: break-word;\n    text-wrap: balance;\n  }\n\n  :where(.brick-prose) :where(h1) {\n    font-size: var(--_brick-prose-h1-font-size);\n    line-height: var(--_brick-prose-h1-line-height);\n  }\n  :where(.brick-prose) :where(h2) {\n    font-size: var(--_brick-prose-h2-font-size);\n    line-height: var(--_brick-prose-h2-line-height);\n  }\n  :where(.brick-prose) :where(h3) {\n    font-size: var(--_brick-prose-h3-font-size);\n    line-height: var(--_brick-prose-h3-line-height);\n  }\n  :where(.brick-prose) :where(h4, h5, h6) {\n    font-size: var(--brick-prose-body-font-size);\n    line-height: var(--brick-prose-body-line-height);\n  }\n\n  :where(.brick-prose) :where(p, ul, ol, blockquote, pre, table, figure, hr) {\n    margin: var(--brick-prose-flow-space) 0 0;\n  }\n\n  :where(.brick-prose) > :where(:first-child) { margin-block-start: 0; }\n\n  :where(.brick-prose) :where(ul, ol) {\n    padding-inline-start: 1.5em;\n  }\n  :where(.brick-prose) :where(li + li) { margin-block-start: calc(var(--brick-prose-flow-space) / 2); }\n  :where(.brick-prose) :where(li > ul, li > ol) { margin-block-start: calc(var(--brick-prose-flow-space) / 2); }\n\n  :where(.brick-prose) :where(a) {\n    color: var(--brick-prose-link-foreground);\n    text-decoration-line: underline;\n    text-decoration-thickness: 0.08em;\n    text-underline-offset: 0.16em;\n  }\n  :where(.brick-prose) :where(a:hover) { text-decoration-thickness: 0.14em; }\n  :where(.brick-prose) :where(a:focus-visible) {\n    border-radius: var(--brick-radius-subtle);\n    outline: 0.125rem solid var(--brick-color-focus-ring);\n    outline-offset: 0.125rem;\n  }\n\n  :where(.brick-prose) :where(blockquote) {\n    padding-block: var(--brick-space-3);\n    padding-inline: var(--brick-space-5);\n    border-inline-start: 0.25rem solid var(--brick-prose-accent);\n    color: var(--brick-prose-foreground);\n    font-size: var(--brick-typography-body-lg-font-size);\n  }\n  :where(.brick-prose) :where(blockquote > :first-child) { margin-block-start: 0; }\n  :where(.brick-prose) :where(blockquote > :last-child) { margin-block-end: 0; }\n  :where(.brick-prose) :where(cite, figcaption) {\n    color: var(--brick-prose-muted-foreground);\n    font-size: var(--brick-typography-caption-font-size);\n    line-height: var(--brick-typography-caption-line-height);\n  }\n\n  :where(.brick-prose) :where(code, kbd) {\n    padding: 0.0625em 0.3em;\n    border: var(--brick-border-width) solid var(--brick-prose-border-color);\n    border-radius: var(--brick-prose-code-radius);\n    background: var(--brick-prose-surface);\n    font-family: var(--brick-prose-code-font-family);\n    font-size: var(--brick-prose-code-font-size);\n    overflow-wrap: anywhere;\n  }\n  :where(.brick-prose) :where(pre) {\n    box-sizing: border-box;\n    max-inline-size: 100%;\n    padding: var(--brick-space-4);\n    border: var(--brick-border-width) solid var(--brick-prose-border-color);\n    border-radius: var(--brick-radius-surface);\n    background: var(--brick-prose-surface);\n    overflow: hidden;\n  }\n  :where(.brick-prose) :where(pre code) {\n    padding: 0;\n    border: 0;\n    background: transparent;\n    color: inherit;\n    overflow-wrap: anywhere;\n    white-space: pre-wrap;\n  }\n\n  :where(.brick-prose) :where(table) {\n    box-sizing: border-box;\n    inline-size: 100%;\n    max-inline-size: 100%;\n    border-collapse: collapse;\n    table-layout: fixed;\n  }\n  :where(.brick-prose) :where(th, td) {\n    padding-block: var(--brick-prose-table-cell-padding-block);\n    padding-inline: var(--brick-prose-table-cell-padding-inline);\n    border-block-end: var(--brick-border-width) solid var(--brick-prose-border-color);\n    text-align: start;\n    vertical-align: top;\n    overflow-wrap: anywhere;\n  }\n  :where(.brick-prose) :where(th) {\n    background: var(--brick-prose-surface);\n    font-weight: var(--brick-typography-label-strong-font-weight);\n  }\n\n  :where(.brick-prose) :where(hr) {\n    border: 0;\n    border-block-start: var(--brick-border-width) solid var(--brick-prose-border-color);\n  }\n  :where(.brick-prose) :where(img, video, svg) {\n    display: block;\n    max-inline-size: 100%;\n    block-size: auto;\n    border-radius: var(--brick-prose-media-radius);\n  }\n  :where(.brick-prose) :where(strong, b) { font-weight: var(--brick-typography-label-strong-font-weight); }\n  :where(.brick-prose) :where(mark) {\n    padding-inline: 0.12em;\n    border-radius: var(--brick-radius-subtle);\n    background: var(--brick-color-accent-soft);\n    color: var(--brick-color-text-primary);\n  }\n\n  @media (forced-colors: active) {\n    .brick-prose {\n      --brick-prose-foreground: CanvasText;\n      --brick-prose-muted-foreground: CanvasText;\n      --brick-prose-link-foreground: LinkText;\n      --brick-prose-accent: Highlight;\n      --brick-prose-border-color: CanvasText;\n      --brick-prose-surface: Canvas;\n    }\n  }\n}\n","@layer brick.components {\n  .brick-chip {\n    --brick-chip-background: var(--brick-color-surface-subtle);\n    --brick-chip-foreground: var(--brick-color-text-primary);\n    --brick-chip-border-color: transparent;\n    --brick-chip-radius: var(--brick-radius-full);\n    --brick-chip-min-block-size: 2rem;\n    --brick-chip-padding-inline-start: 0.625rem;\n    --brick-chip-padding-inline-end: 0.25rem;\n    --brick-chip-gap: 0.375rem;\n    --brick-chip-font-size: var(--brick-typography-control-sm-font-size);\n    --brick-chip-leading-size: 1.25rem;\n    --brick-chip-remove-size: 1.5rem;\n    --brick-chip-remove-foreground: var(--brick-color-text-secondary);\n    --brick-chip-remove-background: transparent;\n    --brick-chip-remove-hover-background: var(--brick-color-surface-raised);\n    --brick-chip-remove-active-background: var(--brick-color-border-subtle);\n\n    display: inline-flex;\n    box-sizing: border-box;\n    min-inline-size: 0;\n    min-block-size: var(--brick-chip-min-block-size);\n    max-inline-size: 100%;\n    align-items: center;\n    gap: var(--brick-chip-gap);\n    padding-block: 0;\n    padding-inline: var(--brick-chip-padding-inline-start) var(--brick-chip-padding-inline-end);\n    border: var(--brick-border-width) solid var(--brick-chip-border-color);\n    border-radius: var(--brick-chip-radius);\n    background: var(--brick-chip-background);\n    color: var(--brick-chip-foreground);\n    font-family: var(--brick-typography-control-sm-font-family);\n    font-size: var(--brick-chip-font-size);\n    font-weight: var(--brick-typography-control-sm-font-weight);\n    letter-spacing: var(--brick-typography-control-sm-letter-spacing);\n    line-height: var(--brick-typography-control-sm-line-height);\n    vertical-align: middle;\n  }\n\n  .brick-chip:not(:has(.brick-chip__remove-trigger)) {\n    padding-inline-end: var(--brick-chip-padding-inline-start);\n  }\n\n  .brick-chip[data-tone=\"accent\"] {\n    --brick-chip-background: var(--brick-color-accent-soft);\n    --brick-chip-foreground: var(--brick-color-accent-on-soft);\n    --brick-chip-border-color: var(--brick-color-accent-border);\n    --brick-chip-remove-foreground: var(--brick-color-accent-text);\n    --brick-chip-remove-hover-background: var(--brick-color-accent-soft);\n    --brick-chip-remove-active-background: var(--brick-color-accent-soft);\n  }\n\n  .brick-chip[data-variant=\"outline\"] {\n    --brick-chip-background: transparent;\n    --brick-chip-border-color: var(--brick-color-border-strong);\n  }\n\n  .brick-chip[data-shape=\"rounded\"] {\n    --brick-chip-radius: var(--brick-radius-control);\n  }\n\n  .brick-chip[data-size=\"sm\"] {\n    --brick-chip-min-block-size: 1.75rem;\n    --brick-chip-padding-inline-start: 0.5rem;\n    --brick-chip-gap: 0.25rem;\n    --brick-chip-font-size: var(--brick-typography-control-xs-font-size);\n    --brick-chip-leading-size: 1rem;\n    --brick-chip-remove-size: 1.5rem;\n  }\n\n  .brick-chip[data-size=\"lg\"] {\n    --brick-chip-min-block-size: 2.25rem;\n    --brick-chip-padding-inline-start: 0.75rem;\n    --brick-chip-padding-inline-end: 0.375rem;\n    --brick-chip-gap: 0.5rem;\n    --brick-chip-font-size: var(--brick-typography-control-md-font-size);\n    --brick-chip-leading-size: 1.5rem;\n    --brick-chip-remove-size: 1.75rem;\n  }\n\n  .brick-chip__label {\n    min-inline-size: 0;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n  }\n\n  .brick-chip > :where(svg, img, .brick-avatar, .brick-icon):not(.brick-chip__remove-trigger) {\n    inline-size: var(--brick-chip-leading-size);\n    block-size: var(--brick-chip-leading-size);\n    flex: none;\n  }\n\n  .brick-chip__remove-trigger {\n    display: inline-grid;\n    box-sizing: border-box;\n    flex: none;\n    inline-size: var(--brick-chip-remove-size);\n    block-size: var(--brick-chip-remove-size);\n    min-inline-size: 1.5rem;\n    min-block-size: 1.5rem;\n    place-items: center;\n    padding: 0;\n    border: 0;\n    border-radius: var(--brick-radius-full);\n    appearance: none;\n    background: var(--brick-chip-remove-background);\n    color: var(--brick-chip-remove-foreground);\n    cursor: pointer;\n  }\n\n  .brick-chip__remove-trigger > svg {\n    inline-size: 0.875rem;\n    block-size: 0.875rem;\n    fill: none;\n    stroke: currentColor;\n    stroke-linecap: round;\n    stroke-width: 1.75;\n  }\n\n  .brick-chip__remove-trigger:focus-visible {\n    outline: var(--brick-border-focus-width) solid var(--brick-color-focus-ring);\n    outline-offset: calc(-1 * var(--brick-border-focus-width));\n  }\n\n  .brick-chip__remove-trigger[data-disabled] {\n    color: var(--brick-color-text-disabled);\n    cursor: not-allowed;\n  }\n\n  @media (hover: hover) and (pointer: fine) {\n    .brick-chip__remove-trigger:not([data-disabled]):hover {\n      background: var(--brick-chip-remove-hover-background);\n    }\n  }\n\n  .brick-chip__remove-trigger:not([data-disabled]):active {\n    background: var(--brick-chip-remove-active-background);\n  }\n\n  @media (prefers-reduced-motion: reduce) {\n    .brick-chip__remove-trigger { transition: none; }\n  }\n\n  @media (forced-colors: active) {\n    .brick-chip { border-color: CanvasText; }\n    .brick-chip__remove-trigger { color: ButtonText; }\n    .brick-chip__remove-trigger:focus-visible { outline-color: Highlight; }\n    .brick-chip__remove-trigger[data-disabled] { color: GrayText; }\n  }\n}\n","@layer brick.components {\n  :where(.brick-context-menu__content, .brick-context-menu__sub-content) {\n    --brick-context-menu-content-background: var(--brick-color-surface-overlay);\n    --brick-context-menu-content-foreground: var(--brick-color-text-primary);\n    --brick-context-menu-content-border: var(--brick-color-border-subtle);\n    --brick-context-menu-content-radius: var(--brick-radius-overlay);\n    --brick-context-menu-content-shadow: var(--brick-shadow-floating);\n    --brick-context-menu-content-padding: var(--brick-space-1);\n    --brick-context-menu-content-max-block-size: 20rem;\n    --brick-context-menu-row-min-block-size: var(--brick-control-target-min);\n    --brick-context-menu-row-padding-inline: var(--brick-space-3);\n    --brick-context-menu-row-gap: var(--brick-space-2);\n    --brick-context-menu-row-radius: var(--brick-radius-control);\n    --brick-context-menu-row-foreground: var(--brick-color-text-primary);\n    --brick-context-menu-row-highlighted-background: var(--brick-color-accent-soft);\n    --brick-context-menu-row-highlighted-foreground: var(--brick-color-accent-text);\n    --brick-context-menu-description-foreground: var(--brick-color-text-secondary);\n    --brick-context-menu-shortcut-foreground: var(--brick-color-text-muted);\n    --brick-context-menu-label-foreground: var(--brick-color-text-secondary);\n    --brick-context-menu-disabled-foreground: var(--brick-color-text-muted);\n    --brick-context-menu-danger-foreground: var(--brick-color-danger-text);\n    --brick-context-menu-danger-background: var(--brick-color-danger-soft);\n    --brick-context-menu-separator-color: var(--brick-color-border-subtle);\n    --brick-context-menu-indicator-size: 1rem;\n    --brick-context-menu-focus-ring: var(--brick-color-focus-ring);\n    --brick-context-menu-motion-duration: var(--brick-motion-duration-fast);\n\n    --brick-action-menu-content-background: var(--brick-context-menu-content-background);\n    --brick-action-menu-content-foreground: var(--brick-context-menu-content-foreground);\n    --brick-action-menu-content-border: var(--brick-context-menu-content-border);\n    --brick-action-menu-content-radius: var(--brick-context-menu-content-radius);\n    --brick-action-menu-content-shadow: var(--brick-context-menu-content-shadow);\n    --brick-action-menu-content-padding: var(--brick-context-menu-content-padding);\n    --brick-action-menu-content-max-block-size: var(--brick-context-menu-content-max-block-size);\n    --brick-action-menu-content-z-index: var(--brick-layer-overlay);\n    --brick-action-menu-row-min-block-size: var(--brick-context-menu-row-min-block-size);\n    --brick-action-menu-row-padding-inline: var(--brick-context-menu-row-padding-inline);\n    --brick-action-menu-row-gap: var(--brick-context-menu-row-gap);\n    --brick-action-menu-row-radius: var(--brick-context-menu-row-radius);\n    --brick-action-menu-row-foreground: var(--brick-context-menu-row-foreground);\n    --brick-action-menu-row-highlighted-background: var(--brick-context-menu-row-highlighted-background);\n    --brick-action-menu-row-highlighted-foreground: var(--brick-context-menu-row-highlighted-foreground);\n    --brick-action-menu-description-foreground: var(--brick-context-menu-description-foreground);\n    --brick-action-menu-shortcut-foreground: var(--brick-context-menu-shortcut-foreground);\n    --brick-action-menu-label-foreground: var(--brick-context-menu-label-foreground);\n    --brick-action-menu-disabled-foreground: var(--brick-context-menu-disabled-foreground);\n    --brick-action-menu-danger-foreground: var(--brick-context-menu-danger-foreground);\n    --brick-action-menu-danger-background: var(--brick-context-menu-danger-background);\n    --brick-action-menu-separator-color: var(--brick-context-menu-separator-color);\n    --brick-action-menu-indicator-size: var(--brick-context-menu-indicator-size);\n    --brick-action-menu-focus-ring: var(--brick-context-menu-focus-ring);\n    --brick-action-menu-motion-duration: var(--brick-context-menu-motion-duration);\n    --brick-action-menu-font-size: var(--brick-typography-control-md-font-size);\n    --brick-action-menu-line-height: var(--brick-typography-control-md-line-height);\n  }\n\n  .brick-context-menu__trigger { touch-action: manipulation; }\n}\n","@layer brick.components {\n  .brick-nav-list {\n    --brick-nav-list-gap: var(--brick-space-1);\n    --brick-nav-list-section-gap: var(--brick-space-2);\n    --brick-nav-list-item-gap: var(--brick-space-1);\n    --brick-nav-list-content-inset: var(--brick-space-3);\n    --brick-nav-list-row-min-block-size: 2.75rem;\n    --brick-nav-list-row-padding-inline: var(--brick-space-3);\n    --brick-nav-list-row-padding-inline-start: var(--brick-nav-list-row-padding-inline);\n    --brick-nav-list-row-padding-inline-end: var(--brick-nav-list-row-padding-inline);\n    --brick-nav-list-row-padding-block: var(--brick-space-2);\n    --brick-nav-list-row-radius: var(--brick-radius-control);\n    --brick-nav-list-link-foreground: var(--brick-color-text-secondary);\n    --brick-nav-list-link-foreground-hover: var(--brick-color-text-primary);\n    --brick-nav-list-link-foreground-current: var(--brick-color-accent-text);\n    --brick-nav-list-link-foreground-disabled: var(--brick-color-text-muted);\n    --brick-nav-list-link-surface-hover: var(--brick-color-surface-subtle);\n    --brick-nav-list-link-surface-active: var(--brick-color-surface-raised);\n    --brick-nav-list-link-surface-current: var(--brick-color-accent-soft);\n    --brick-nav-list-link-surface-current-hover: var(--brick-nav-list-link-surface-current);\n    --brick-nav-list-current-border: var(--brick-color-accent-border);\n    --brick-nav-list-focus-ring: var(--brick-color-focus-ring);\n    --brick-nav-list-icon-size: 1.125rem;\n    --brick-nav-list-icon-gap: var(--brick-space-2);\n    --brick-nav-list-description-foreground: var(--brick-color-text-secondary);\n    --brick-nav-list-trigger-indicator-size: 0.5rem;\n    --brick-nav-list-section-label-padding-inline: var(--brick-nav-list-row-padding-inline-start);\n    --brick-nav-list-section-label-font-size: var(--brick-nav-list-label-font-size);\n    --brick-nav-list-section-label-font-weight: var(--brick-typography-label-strong-font-weight);\n    --brick-nav-list-section-label-line-height: var(--brick-nav-list-label-line-height);\n    --brick-nav-list-section-label-letter-spacing: var(--brick-nav-list-label-letter-spacing);\n    --brick-nav-list-label-font-family: var(--brick-typography-body-sm-font-family);\n    --brick-nav-list-label-font-size: var(--brick-typography-body-sm-font-size);\n    --brick-nav-list-label-font-weight: var(--brick-typography-body-sm-font-weight);\n    --brick-nav-list-label-line-height: var(--brick-typography-body-sm-line-height);\n    --brick-nav-list-label-letter-spacing: var(--brick-typography-body-sm-letter-spacing);\n\n    display: flex;\n    min-inline-size: 0;\n    flex-direction: column;\n    gap: var(--brick-nav-list-section-gap);\n  }\n\n  .brick-nav-list[data-tone=\"neutral\"] {\n    --brick-nav-list-link-foreground-current: var(--brick-color-text-primary);\n    --brick-nav-list-link-surface-current: color-mix(\n      in srgb,\n      var(--brick-color-surface-subtle),\n      var(--brick-color-text-primary) 8%\n    );\n    --brick-nav-list-link-surface-current-hover: color-mix(\n      in srgb,\n      var(--brick-color-surface-subtle),\n      var(--brick-color-text-primary) 12%\n    );\n    --brick-nav-list-current-border: var(--brick-color-border-strong);\n  }\n\n  .brick-nav-list[data-size=\"sm\"] {\n    --brick-nav-list-row-min-block-size: 2rem;\n    --brick-nav-list-row-padding-inline: var(--brick-space-2);\n    --brick-nav-list-row-padding-block: var(--brick-space-1);\n    --brick-nav-list-content-inset: var(--brick-space-2);\n    --brick-nav-list-icon-size: 1rem;\n    --brick-nav-list-label-font-size: var(--brick-typography-caption-font-size);\n    --brick-nav-list-label-line-height: var(--brick-typography-caption-line-height);\n  }\n\n  .brick-nav-list[data-size=\"lg\"] {\n    --brick-nav-list-row-min-block-size: 3.25rem;\n    --brick-nav-list-row-padding-inline: var(--brick-space-4);\n    --brick-nav-list-row-padding-block: var(--brick-space-3);\n    --brick-nav-list-content-inset: var(--brick-space-4);\n    --brick-nav-list-icon-size: 1.25rem;\n    --brick-nav-list-label-font-size: var(--brick-typography-body-md-font-size);\n    --brick-nav-list-label-line-height: var(--brick-typography-body-md-line-height);\n  }\n\n  .brick-nav-list__list {\n    display: flex;\n    min-inline-size: 0;\n    flex-direction: column;\n    gap: var(--brick-nav-list-gap);\n    margin: 0;\n    padding: 0;\n    list-style: none;\n  }\n\n  .brick-nav-list__item {\n    min-inline-size: 0;\n    margin: 0;\n    padding: 0;\n  }\n\n  .brick-nav-list__link,\n  .brick-nav-list__section-trigger {\n    box-sizing: border-box;\n    display: flex;\n    min-inline-size: 0;\n    min-block-size: var(--brick-nav-list-row-min-block-size);\n    align-items: center;\n    gap: var(--brick-nav-list-icon-gap);\n    padding-block: var(--brick-nav-list-row-padding-block);\n    padding-inline-start: var(--brick-nav-list-row-padding-inline-start);\n    padding-inline-end: var(--brick-nav-list-row-padding-inline-end);\n    border: var(--brick-border-width) solid transparent;\n    border-radius: var(--brick-nav-list-row-radius);\n    background: transparent;\n    color: var(--brick-nav-list-link-foreground);\n    font-family: var(--brick-nav-list-label-font-family);\n    font-size: var(--brick-nav-list-label-font-size);\n    font-weight: var(--brick-nav-list-label-font-weight);\n    letter-spacing: var(--brick-nav-list-label-letter-spacing);\n    line-height: var(--brick-nav-list-label-line-height);\n    text-align: start;\n    text-decoration: none;\n  }\n\n  .brick-nav-list[data-orientation=\"vertical\"] :is(.brick-nav-list__link, .brick-nav-list__section-trigger) {\n    inline-size: 100%;\n  }\n\n  .brick-nav-list__link:hover:not([data-disabled]),\n  .brick-nav-list__section-trigger:hover:not([data-disabled]) {\n    background: var(--brick-nav-list-link-surface-hover);\n    color: var(--brick-nav-list-link-foreground-hover);\n  }\n\n  .brick-nav-list__link:active:not([data-disabled]),\n  .brick-nav-list__section-trigger:active:not([data-disabled]) {\n    background: var(--brick-nav-list-link-surface-active);\n  }\n\n  .brick-nav-list__link:focus-visible,\n  .brick-nav-list__section-trigger:focus-visible {\n    outline: var(--brick-border-focus-width) solid var(--brick-nav-list-focus-ring);\n    outline-offset: var(--brick-border-focus-offset);\n  }\n\n  .brick-nav-list__link[data-current] {\n    background: var(--brick-nav-list-link-surface-current);\n    color: var(--brick-nav-list-link-foreground-current);\n    font-weight: var(--brick-typography-label-strong-font-weight);\n  }\n\n  .brick-nav-list__link[data-current]:hover:not([data-disabled]) {\n    background: var(--brick-nav-list-link-surface-current-hover);\n    color: var(--brick-nav-list-link-foreground-current);\n  }\n\n  .brick-nav-list[data-variant=\"solid\"] .brick-nav-list__link[data-current]:hover:not([data-disabled]) {\n    color: var(--brick-color-accent-on-solid);\n  }\n\n  .brick-nav-list[data-tone=\"neutral\"][data-variant=\"solid\"] .brick-nav-list__link[data-current]:hover:not([data-disabled]) {\n    color: var(--brick-color-text-inverse);\n  }\n\n  .brick-nav-list[data-variant=\"solid\"] .brick-nav-list__link[data-current] {\n    background: var(--brick-color-accent-solid);\n    color: var(--brick-color-accent-on-solid);\n  }\n\n  .brick-nav-list[data-tone=\"neutral\"][data-variant=\"solid\"] .brick-nav-list__link[data-current] {\n    background: var(--brick-color-text-primary);\n    color: var(--brick-color-text-inverse);\n  }\n\n  .brick-nav-list[data-variant=\"outline\"] .brick-nav-list__link[data-current] {\n    border-color: var(--brick-nav-list-current-border);\n    background: transparent;\n  }\n\n  .brick-nav-list[data-variant=\"ghost\"] .brick-nav-list__link[data-current] {\n    background: transparent;\n  }\n\n  .brick-nav-list[data-variant=\"ghost\"] .brick-nav-list__link[data-current]:hover:not([data-disabled]) {\n    background: var(--brick-color-accent-soft);\n  }\n\n  .brick-nav-list[data-tone=\"neutral\"][data-variant=\"ghost\"] .brick-nav-list__link[data-current]:hover:not([data-disabled]) {\n    background: var(--brick-nav-list-link-surface-current-hover);\n  }\n\n  .brick-nav-list__link[data-disabled],\n  .brick-nav-list__section-trigger[data-disabled] {\n    color: var(--brick-nav-list-link-foreground-disabled);\n    cursor: not-allowed;\n  }\n\n  .brick-nav-list__link-start,\n  .brick-nav-list__link-end {\n    display: inline-flex;\n    flex: 0 0 auto;\n    align-self: center;\n    align-items: center;\n    justify-content: center;\n    inline-size: var(--brick-nav-list-icon-size);\n    block-size: var(--brick-nav-list-icon-size);\n  }\n\n  .brick-nav-list__link[data-has-description] :is(.brick-nav-list__link-start, .brick-nav-list__link-end) {\n    align-self: flex-start;\n    margin-block-start: calc((1em * var(--brick-nav-list-label-line-height) - var(--brick-nav-list-icon-size)) * 0.5);\n  }\n\n  :is(.brick-nav-list__link-start, .brick-nav-list__link-end) > :where(svg, img) {\n    inline-size: 100%;\n    block-size: 100%;\n  }\n\n  .brick-nav-list__link-content {\n    display: flex;\n    min-inline-size: 0;\n    flex: 1 1 auto;\n    flex-direction: column;\n  }\n\n  .brick-nav-list__link-label,\n  .brick-nav-list__link-description {\n    min-inline-size: 0;\n    overflow-wrap: anywhere;\n  }\n\n  .brick-nav-list__link-description {\n    color: var(--brick-nav-list-description-foreground);\n    font-size: var(--brick-typography-caption-font-size);\n    font-weight: var(--brick-typography-caption-font-weight);\n    letter-spacing: var(--brick-typography-caption-letter-spacing);\n    line-height: var(--brick-typography-caption-line-height);\n  }\n\n  .brick-nav-list__section {\n    display: flex;\n    min-inline-size: 0;\n    flex-direction: column;\n    gap: var(--brick-nav-list-section-gap);\n  }\n\n  .brick-nav-list__section-label {\n    margin: 0;\n    padding-inline: var(--brick-nav-list-section-label-padding-inline);\n    color: var(--brick-color-text-secondary);\n    font-family: var(--brick-nav-list-label-font-family);\n    font-size: var(--brick-nav-list-section-label-font-size);\n    font-weight: var(--brick-nav-list-section-label-font-weight);\n    letter-spacing: var(--brick-nav-list-section-label-letter-spacing);\n    line-height: var(--brick-nav-list-section-label-line-height);\n  }\n\n  .brick-nav-list__section-trigger {\n    cursor: pointer;\n  }\n\n  .brick-nav-list__section-trigger[data-collapsible]::after {\n    box-sizing: border-box;\n    inline-size: var(--brick-nav-list-trigger-indicator-size);\n    block-size: var(--brick-nav-list-trigger-indicator-size);\n    flex: 0 0 auto;\n    margin-inline-start: auto;\n    border-inline-end: var(--brick-border-width) solid currentColor;\n    border-block-end: var(--brick-border-width) solid currentColor;\n    content: \"\";\n    rotate: 45deg;\n  }\n\n  .brick-nav-list__section-trigger[data-collapsible][data-state=\"open\"]::after {\n    rotate: 225deg;\n  }\n\n  .brick-nav-list__section-content {\n    min-inline-size: 0;\n  }\n\n  .brick-nav-list__section-content[data-collapsible] {\n    overflow: hidden;\n  }\n\n  .brick-nav-list__section-content[data-collapsible][data-state=\"open\"] {\n    animation: brick-nav-list-section-open var(--brick-motion-duration-fast)\n      var(--brick-motion-easing-enter) both;\n  }\n\n  .brick-nav-list__section-content[data-collapsible][data-state=\"closed\"] {\n    animation: brick-nav-list-section-close var(--brick-motion-duration-fast)\n      var(--brick-motion-easing-exit) both;\n  }\n\n  .brick-nav-list__section-content[data-initial-open] {\n    animation: none;\n  }\n\n  .brick-nav-list[data-orientation=\"vertical\"] .brick-nav-list__section-content {\n    padding-inline-start: var(--brick-nav-list-content-inset);\n  }\n\n  .brick-nav-list[data-orientation=\"horizontal\"],\n  .brick-nav-list[data-orientation=\"horizontal\"] .brick-nav-list__list,\n  .brick-nav-list[data-orientation=\"horizontal\"] .brick-nav-list__section {\n    flex-flow: row wrap;\n    align-items: center;\n  }\n\n  .brick-nav-list[data-orientation=\"horizontal\"] .brick-nav-list__section-content {\n    display: contents;\n    animation: none;\n  }\n\n  @keyframes brick-nav-list-section-open {\n    from { block-size: 0; }\n    to { block-size: var(--content-height); }\n  }\n\n  @keyframes brick-nav-list-section-close {\n    from { block-size: var(--content-height); }\n    to { block-size: 0; }\n  }\n\n  @media (prefers-reduced-motion: no-preference) {\n    .brick-nav-list__section-trigger[data-collapsible]::after {\n      transition: rotate 120ms ease;\n    }\n  }\n\n  @media (prefers-reduced-motion: reduce) {\n    .brick-nav-list__section-content {\n      animation: none !important;\n    }\n  }\n\n  @media (forced-colors: active) {\n    .brick-nav-list {\n      --brick-nav-list-link-foreground: LinkText;\n      --brick-nav-list-link-foreground-hover: LinkText;\n      --brick-nav-list-link-foreground-current: LinkText;\n      --brick-nav-list-link-foreground-disabled: GrayText;\n      --brick-nav-list-focus-ring: Highlight;\n      --brick-nav-list-current-border: Highlight;\n    }\n\n    .brick-nav-list__link[data-current] {\n      border-color: Highlight;\n      background: Canvas;\n      color: LinkText;\n      forced-color-adjust: auto;\n    }\n  }\n}\n","@layer brick.components {\n  .brick-code-block {\n    --brick-code-block-background: var(--brick-color-surface-subtle);\n    --brick-code-block-foreground: var(--brick-color-text-primary);\n    --brick-code-block-border-color: var(--brick-color-border-subtle);\n    --brick-code-block-border-width: 0rem;\n    --brick-code-block-radius: var(--brick-radius-surface);\n    --brick-code-block-header-padding: var(--brick-space-3) var(--brick-space-4);\n    --brick-code-block-content-padding: var(--brick-space-4);\n    --brick-code-block-content-padding-block: var(--brick-space-4);\n    --brick-code-block-content-padding-inline: var(--brick-space-4);\n    --brick-code-block-gap: var(--brick-space-2);\n    --brick-code-block-font-family: var(--brick-typography-code-block-md-font-family);\n    --brick-code-block-font-size: var(--brick-typography-code-block-md-font-size);\n    --brick-code-block-font-weight: var(--brick-typography-code-block-md-font-weight);\n    --brick-code-block-line-height: var(--brick-typography-code-block-md-line-height);\n    --brick-code-block-letter-spacing: var(--brick-typography-code-block-md-letter-spacing);\n    --brick-code-block-selection-background: var(--brick-color-accent-soft);\n    --brick-code-block-selection-foreground: var(--brick-color-accent-text);\n    --brick-code-block-line-number-foreground: var(\n      --brick-color-text-secondary\n    );\n    --brick-code-block-line-number-width: 3ch;\n    --brick-code-block-line-highlight-background: var(\n      --brick-color-accent-soft\n    );\n    --brick-code-block-line-focus-background: var(--brick-color-surface-raised);\n    --brick-code-block-line-added-background: var(--brick-color-success-soft);\n    --brick-code-block-line-added-border: var(--brick-color-success-border);\n    --brick-code-block-line-removed-background: var(--brick-color-danger-soft);\n    --brick-code-block-line-removed-border: var(--brick-color-danger-border);\n    --brick-code-block-max-block-size: none;\n\n    box-sizing: border-box;\n    min-inline-size: 0;\n    max-inline-size: 100%;\n    overflow: clip;\n    border: var(--brick-code-block-border-width) solid\n      var(--brick-code-block-border-color);\n    border-radius: var(--brick-code-block-radius);\n    background: var(--brick-code-block-background);\n    color: var(--brick-code-block-foreground);\n  }\n\n  .brick-code-block[data-variant=\"bordered\"] {\n    --brick-code-block-background: var(--brick-color-surface-base);\n    --brick-code-block-border-width: var(--brick-border-width);\n  }\n\n  .brick-code-block[data-variant=\"plain\"] {\n    --brick-code-block-background: transparent;\n    --brick-code-block-radius: 0rem;\n  }\n\n  .brick-code-block[data-size=\"sm\"] {\n    --brick-code-block-header-padding: var(--brick-space-2) var(--brick-space-3);\n    --brick-code-block-content-padding: var(--brick-space-3);\n    --brick-code-block-content-padding-block: var(--brick-space-3);\n    --brick-code-block-content-padding-inline: var(--brick-space-3);\n    --brick-code-block-font-family: var(--brick-typography-code-block-sm-font-family);\n    --brick-code-block-font-size: var(--brick-typography-code-block-sm-font-size);\n    --brick-code-block-font-weight: var(--brick-typography-code-block-sm-font-weight);\n    --brick-code-block-line-height: var(--brick-typography-code-block-sm-line-height);\n    --brick-code-block-letter-spacing: var(--brick-typography-code-block-sm-letter-spacing);\n  }\n\n  .brick-code-block-header {\n    display: flex;\n    align-items: center;\n    min-inline-size: 0;\n    gap: var(--brick-code-block-gap);\n    padding: var(--brick-code-block-header-padding);\n    border-block-end: var(--brick-border-width) solid\n      var(--brick-code-block-border-color);\n  }\n\n  .brick-code-block-title {\n    min-inline-size: 0;\n    overflow: hidden;\n    color: var(--brick-color-text-primary);\n    font: var(--brick-font-weight-medium)\n      var(--brick-typography-body-sm-font-size) /\n      var(--brick-typography-body-sm-line-height) var(--brick-font-family-body);\n    text-overflow: ellipsis;\n    white-space: nowrap;\n  }\n\n  .brick-code-block-language {\n    color: var(--brick-color-text-secondary);\n    font: var(--brick-font-weight-medium)\n      var(--brick-typography-caption-font-size) /\n      var(--brick-typography-caption-line-height) var(--brick-font-family-mono);\n  }\n\n  .brick-code-block-actions {\n    display: flex;\n    align-items: center;\n    gap: var(--brick-space-1);\n    margin-inline-start: auto;\n  }\n\n  .brick-code-block-scroll-area {\n    max-inline-size: 100%;\n  }\n\n  .brick-code-block-content {\n    box-sizing: border-box;\n    max-inline-size: 100%;\n    padding: var(--brick-code-block-content-padding);\n    font-size: var(--brick-code-block-font-size);\n    line-height: var(--brick-code-block-line-height);\n  }\n\n  .brick-code-block-content[data-max-lines] {\n    max-block-size: calc(\n      var(--brick-code-block-max-block-size) + 2 *\n        var(--brick-code-block-content-padding-block) - 0.5lh - 1px\n    );\n    overflow-y: auto;\n  }\n\n  .brick-code-block-pre {\n    min-inline-size: max-content;\n    margin: 0;\n    text-size-adjust: none;\n    font-family: var(--brick-code-block-font-family);\n    font-size: var(--brick-code-block-font-size);\n    font-weight: var(--brick-code-block-font-weight);\n    letter-spacing: var(--brick-code-block-letter-spacing);\n    line-height: var(--brick-code-block-line-height);\n    tab-size: 2;\n    white-space: pre;\n  }\n\n  .brick-code-block-content[data-wrap=\"wrap\"] .brick-code-block-pre {\n    min-inline-size: 0;\n    white-space: pre-wrap;\n    overflow-wrap: anywhere;\n  }\n\n  .brick-code-block-pre > .brick-code {\n    font: inherit;\n    letter-spacing: inherit;\n    white-space: inherit;\n  }\n\n  .brick-code-block-line {\n    display: block;\n    position: relative;\n    min-inline-size: 100%;\n    padding-inline: var(--brick-code-block-content-padding-inline);\n    margin-inline: calc(-1 * var(--brick-code-block-content-padding-inline));\n    border-inline-start: var(--brick-border-width) solid transparent;\n  }\n\n  .brick-code-block-line[data-line-number] {\n    display: grid;\n    grid-template-columns: var(--brick-code-block-line-number-width) minmax(\n        0,\n        1fr\n      );\n    column-gap: var(--brick-space-3);\n  }\n\n  .brick-code-block-line[data-line-number]::before {\n    content: attr(data-line-number);\n    color: var(--brick-code-block-line-number-foreground);\n    font-variant-numeric: tabular-nums;\n    text-align: end;\n    user-select: none;\n  }\n\n  .brick-code-block-line-content {\n    min-inline-size: 0;\n  }\n  .brick-code-block-line[data-highlighted] {\n    background: var(--brick-code-block-line-highlight-background);\n  }\n  .brick-code-block-line[data-focused] {\n    background: var(--brick-code-block-line-focus-background);\n  }\n  .brick-code-block-line[data-change=\"added\"] {\n    border-inline-start-color: var(--brick-code-block-line-added-border);\n    background: var(--brick-code-block-line-added-background);\n  }\n  .brick-code-block-line[data-change=\"removed\"] {\n    border-inline-start-color: var(--brick-code-block-line-removed-border);\n    background: var(--brick-code-block-line-removed-background);\n  }\n\n  .brick-code-block-content[data-wrap=\"wrap\"] .brick-code-block-line-content {\n    overflow-wrap: anywhere;\n    white-space: pre-wrap;\n  }\n\n  .brick-code-block-collapse-preview .brick-code-block-content[data-max-lines] {\n    overflow-y: clip;\n  }\n\n  .brick-code-block-collapse > .brick-code-block {\n    display: grid;\n    grid-template-columns: minmax(0, 1fr);\n  }\n\n  .brick-code-block-collapse > .brick-code-block > .brick-code-block-header {\n    grid-column: 1;\n    grid-row: 1;\n  }\n\n  .brick-code-block-collapse-preview,\n  .brick-code-block-collapse-content {\n    grid-column: 1;\n    grid-row: 2;\n  }\n\n  .brick-code-block-collapse-trigger {\n    grid-column: 1;\n    grid-row: 3;\n  }\n\n  .brick-code-block-collapse\n    > .brick-code-block\n    > .brick-code-block-copy-status {\n    grid-column: 1;\n    grid-row: 4;\n  }\n\n  .brick-code-block-collapse[data-state=\"open\"]\n    .brick-code-block-collapse-preview {\n    visibility: hidden;\n    pointer-events: none;\n  }\n  .brick-code-block-collapse[data-state=\"closed\"]\n    .brick-code-block-collapse-content {\n    display: none;\n  }\n  .brick-code-block-collapse-content {\n    color: inherit;\n  }\n  .brick-code-block-collapse-content-inner {\n    padding: 0;\n  }\n\n  .brick-code-block-collapse-trigger {\n    justify-content: center;\n    border-block-start: var(--brick-border-width) solid\n      var(--brick-code-block-border-color);\n    border-radius: 0;\n    background: transparent;\n    color: var(--brick-color-text-secondary);\n  }\n\n  .brick-code-block-pre ::selection {\n    background: var(--brick-code-block-selection-background);\n    color: var(--brick-code-block-selection-foreground);\n  }\n\n  .brick-code-block-copy-status {\n    display: block;\n    padding-inline: var(--brick-space-4);\n    color: var(--brick-color-text-secondary);\n    font: var(--brick-typography-caption-font-weight)\n      var(--brick-typography-caption-font-size) /\n      var(--brick-typography-caption-line-height)\n      var(--brick-typography-caption-font-family);\n  }\n\n  .brick-code-block-copy-status:not(:empty) {\n    padding-block: var(--brick-space-2);\n  }\n\n  @media (forced-colors: active) {\n    .brick-code-block {\n      --brick-code-block-background: Canvas;\n      --brick-code-block-foreground: CanvasText;\n      --brick-code-block-border-color: CanvasText;\n      --brick-code-block-border-width: var(--brick-border-width);\n      --brick-code-block-selection-background: Highlight;\n      --brick-code-block-selection-foreground: HighlightText;\n      --brick-code-block-line-highlight-background: Mark;\n      --brick-code-block-line-focus-background: Canvas;\n      --brick-code-block-line-added-background: Canvas;\n      --brick-code-block-line-added-border: Highlight;\n      --brick-code-block-line-removed-background: Canvas;\n      --brick-code-block-line-removed-border: Highlight;\n    }\n  }\n}\n","@layer brick.components {\n  .brick-avatar {\n    --brick-avatar-size: 2.5rem;\n    --brick-avatar-radius: var(--brick-radius-full);\n    --brick-avatar-background: var(--brick-color-surface-subtle);\n    --brick-avatar-foreground: var(--brick-color-text-secondary);\n    --brick-avatar-outline-color: var(--brick-color-surface-base);\n    --brick-avatar-outline-width: var(--brick-border-width);\n    --brick-avatar-status-ring-color: transparent;\n    --brick-avatar-status-ring-width: 0.125rem;\n    --brick-avatar-status-ring-offset: 0.125rem;\n    --brick-avatar-fallback-font-size: 0.875rem;\n\n    position: relative;\n    display: inline-flex;\n    box-sizing: border-box;\n    flex: none;\n    inline-size: var(--brick-avatar-size);\n    block-size: var(--brick-avatar-size);\n    align-items: center;\n    justify-content: center;\n    border-radius: var(--brick-avatar-radius);\n    background: var(--brick-avatar-background);\n    box-shadow: 0 0 0 var(--brick-avatar-outline-width)\n      var(--brick-avatar-outline-color);\n    color: var(--brick-avatar-foreground);\n    line-height: 1;\n    overflow: hidden;\n    vertical-align: middle;\n  }\n\n  .brick-avatar[data-status]::after {\n    position: absolute;\n    z-index: 1;\n    inset: 0;\n    box-sizing: border-box;\n    border: var(--brick-avatar-status-ring-width) solid\n      var(--brick-avatar-status-ring-color);\n    border-radius: inherit;\n    box-shadow: inset 0 0 0 var(--brick-avatar-status-ring-offset)\n      var(--brick-avatar-outline-color);\n    content: \"\";\n    pointer-events: none;\n  }\n\n  .brick-avatar[data-shape=\"rounded\"] {\n    --brick-avatar-radius: var(--brick-radius-control);\n  }\n\n  .brick-avatar[data-size=\"xs\"] {\n    --brick-avatar-size: 1.5rem;\n    --brick-avatar-fallback-font-size: 0.625rem;\n  }\n\n  .brick-avatar[data-size=\"sm\"] {\n    --brick-avatar-size: 2rem;\n    --brick-avatar-fallback-font-size: 0.75rem;\n  }\n\n  .brick-avatar[data-size=\"lg\"] {\n    --brick-avatar-size: 3rem;\n    --brick-avatar-fallback-font-size: 1rem;\n  }\n\n  .brick-avatar[data-size=\"xl\"] {\n    --brick-avatar-size: 4rem;\n    --brick-avatar-fallback-font-size: 1.25rem;\n  }\n\n  .brick-avatar[data-size=\"2xl\"] {\n    --brick-avatar-size: 5rem;\n    --brick-avatar-fallback-font-size: 1.5rem;\n  }\n\n  .brick-avatar[data-size=\"3xl\"] {\n    --brick-avatar-size: 6rem;\n    --brick-avatar-fallback-font-size: 1.75rem;\n  }\n\n  .brick-avatar[data-size=\"4xl\"] {\n    --brick-avatar-size: 7rem;\n    --brick-avatar-fallback-font-size: 2rem;\n  }\n\n  .brick-avatar[data-size=\"5xl\"] {\n    --brick-avatar-size: 8rem;\n    --brick-avatar-fallback-font-size: 2.25rem;\n  }\n\n  .brick-avatar[data-status=\"online\"] {\n    --brick-avatar-status-ring-color: var(--brick-color-success-solid);\n  }\n\n  .brick-avatar[data-status=\"away\"] {\n    --brick-avatar-status-ring-color: var(--brick-color-warning-solid);\n  }\n\n  .brick-avatar[data-status=\"busy\"] {\n    --brick-avatar-status-ring-color: var(--brick-color-danger-solid);\n  }\n\n  .brick-avatar[data-status=\"offline\"] {\n    --brick-avatar-status-ring-color: var(--brick-color-border-strong);\n  }\n\n  .brick-avatar__image,\n  .brick-avatar__fallback {\n    display: flex;\n    box-sizing: border-box;\n    inline-size: 100%;\n    block-size: 100%;\n    border-radius: inherit;\n  }\n\n  .brick-avatar__image {\n    display: block;\n    object-fit: cover;\n  }\n\n  .brick-avatar__fallback {\n    align-items: center;\n    justify-content: center;\n    background: var(--brick-avatar-background);\n    color: var(--brick-avatar-foreground);\n    font-family: var(--brick-font-family-body);\n    font-size: var(--brick-avatar-fallback-font-size);\n    font-weight: var(--brick-font-weight-semibold);\n    line-height: 1;\n    overflow: hidden;\n    text-align: center;\n    text-overflow: clip;\n    user-select: none;\n    white-space: nowrap;\n  }\n\n  @media (forced-colors: active) {\n    .brick-avatar {\n      border: var(--brick-border-width) solid CanvasText;\n      background: Canvas;\n      box-shadow: none;\n      color: CanvasText;\n    }\n\n    .brick-avatar[data-status]::after {\n      border-color: Highlight;\n      box-shadow: inset 0 0 0 var(--brick-avatar-status-ring-offset) Canvas;\n    }\n  }\n}\n","@layer brick.components {\n  .brick-menubar {\n    --brick-menubar-background: var(--brick-color-surface-subtle);\n    --brick-menubar-border: var(--brick-color-border-subtle);\n    --brick-menubar-radius: var(--brick-radius-control);\n    --brick-menubar-padding: var(--brick-space-1);\n    --brick-menubar-gap: var(--brick-space-1);\n    --brick-menubar-trigger-min-block-size: var(--brick-control-target-min);\n    --brick-menubar-trigger-padding-inline: var(--brick-space-3);\n    --brick-menubar-trigger-radius: calc(var(--brick-radius-control) - var(--brick-border-width));\n    --brick-menubar-trigger-foreground: var(--brick-color-text-primary);\n    --brick-menubar-trigger-interaction-background: var(--brick-color-surface-raised);\n    --brick-menubar-trigger-open-background: var(--brick-color-accent-soft);\n    --brick-menubar-trigger-open-foreground: var(--brick-color-accent-text);\n    --brick-menubar-trigger-focus-ring: var(--brick-color-focus-ring);\n\n    display: inline-flex;\n    box-sizing: border-box;\n    max-inline-size: 100%;\n    align-items: stretch;\n    gap: var(--brick-menubar-gap);\n    padding: var(--brick-menubar-padding);\n    border: var(--brick-border-width) solid var(--brick-menubar-border);\n    border-radius: var(--brick-menubar-radius);\n    background: var(--brick-menubar-background);\n  }\n\n  .brick-menubar[data-orientation=\"vertical\"] { flex-direction: column; inline-size: fit-content; }\n  .brick-menubar[data-size=\"sm\"] { --brick-menubar-trigger-min-block-size: 2rem; --brick-menubar-trigger-padding-inline: var(--brick-space-2); }\n  .brick-menubar[data-size=\"lg\"] { --brick-menubar-trigger-min-block-size: 3rem; --brick-menubar-trigger-padding-inline: var(--brick-space-4); }\n\n  .brick-menubar__trigger {\n    display: inline-flex;\n    box-sizing: border-box;\n    min-block-size: var(--brick-menubar-trigger-min-block-size);\n    align-items: center;\n    justify-content: center;\n    padding-inline: var(--brick-menubar-trigger-padding-inline);\n    border: 0;\n    border-radius: var(--brick-menubar-trigger-radius);\n    background: transparent;\n    color: var(--brick-menubar-trigger-foreground);\n    font: inherit;\n    white-space: nowrap;\n    cursor: default;\n  }\n  .brick-menubar__trigger:is(:hover, :focus-visible) { background: var(--brick-menubar-trigger-interaction-background); }\n  .brick-menubar__trigger:focus-visible { outline: var(--brick-border-focus-width) solid var(--brick-menubar-trigger-focus-ring); outline-offset: var(--brick-border-focus-offset); }\n  .brick-menubar__trigger[data-state=\"open\"] { background: var(--brick-menubar-trigger-open-background); color: var(--brick-menubar-trigger-open-foreground); }\n  .brick-menubar__trigger[data-disabled] { color: var(--brick-color-text-muted); opacity: 0.65; }\n\n  .brick-menubar__content[data-state=\"closed\"] {\n    visibility: hidden;\n    transition: none;\n  }\n\n  :where(.brick-menubar__content, .brick-menubar__sub-content) {\n    --brick-action-menu-content-background: var(--brick-menubar-content-background, var(--brick-color-surface-overlay));\n    --brick-action-menu-content-foreground: var(--brick-menubar-content-foreground, var(--brick-color-text-primary));\n    --brick-action-menu-content-border: var(--brick-menubar-content-border, var(--brick-color-border-subtle));\n    --brick-action-menu-content-radius: var(--brick-menubar-content-radius, var(--brick-radius-overlay));\n    --brick-action-menu-content-shadow: var(--brick-menubar-content-shadow, var(--brick-shadow-floating));\n    --brick-action-menu-content-padding: var(--brick-menubar-content-padding, var(--brick-space-1));\n    --brick-action-menu-content-max-block-size: var(--brick-menubar-content-max-block-size, 20rem);\n    --brick-action-menu-content-z-index: var(--brick-layer-overlay);\n    --brick-action-menu-row-min-block-size: var(--brick-menubar-row-min-block-size, var(--brick-control-target-min));\n    --brick-action-menu-row-padding-inline: var(--brick-menubar-row-padding-inline, var(--brick-space-3));\n    --brick-action-menu-row-gap: var(--brick-menubar-row-gap, var(--brick-space-2));\n    --brick-action-menu-row-radius: var(--brick-menubar-row-radius, var(--brick-radius-control));\n    --brick-action-menu-row-foreground: var(--brick-menubar-row-foreground, var(--brick-color-text-primary));\n    --brick-action-menu-row-highlighted-background: var(--brick-menubar-row-highlighted-background, var(--brick-color-accent-soft));\n    --brick-action-menu-row-highlighted-foreground: var(--brick-menubar-row-highlighted-foreground, var(--brick-color-accent-text));\n    --brick-action-menu-description-foreground: var(--brick-menubar-description-foreground, var(--brick-color-text-secondary));\n    --brick-action-menu-shortcut-foreground: var(--brick-menubar-shortcut-foreground, var(--brick-color-text-muted));\n    --brick-action-menu-label-foreground: var(--brick-menubar-label-foreground, var(--brick-color-text-secondary));\n    --brick-action-menu-disabled-foreground: var(--brick-menubar-disabled-foreground, var(--brick-color-text-muted));\n    --brick-action-menu-danger-foreground: var(--brick-menubar-danger-foreground, var(--brick-color-danger-text));\n    --brick-action-menu-danger-background: var(--brick-menubar-danger-background, var(--brick-color-danger-soft));\n    --brick-action-menu-separator-color: var(--brick-menubar-separator-color, var(--brick-color-border-subtle));\n    --brick-action-menu-indicator-size: var(--brick-menubar-indicator-size, 1rem);\n    --brick-action-menu-focus-ring: var(--brick-menubar-focus-ring, var(--brick-color-focus-ring));\n    --brick-action-menu-motion-duration: var(--brick-menubar-motion-duration, var(--brick-motion-duration-fast));\n    --brick-action-menu-font-size: var(--brick-typography-control-md-font-size);\n    --brick-action-menu-line-height: var(--brick-typography-control-md-line-height);\n  }\n\n  @media (forced-colors: active) {\n    .brick-menubar { border-color: CanvasText; background: Canvas; color: CanvasText; }\n    .brick-menubar__trigger:focus-visible { outline-color: Highlight; }\n  }\n}\n","@layer brick.components {\n  .brick-sidebar {\n    --brick-sidebar-expanded-width-sm: 14rem;\n    --brick-sidebar-expanded-width-md: 17rem;\n    --brick-sidebar-expanded-width-lg: 20rem;\n    --brick-sidebar-rail-width-sm: 3.25rem;\n    --brick-sidebar-rail-width-md: 3.75rem;\n    --brick-sidebar-rail-width-lg: 4.25rem;\n    --brick-sidebar-panel-width: var(--brick-sidebar-expanded-width-md);\n    --brick-sidebar-panel-background: var(--brick-color-surface-base);\n    --brick-sidebar-panel-border: var(--brick-color-border-subtle);\n    --brick-sidebar-panel-radius: 0;\n    --brick-sidebar-panel-gap: 0px;\n    --brick-sidebar-region-padding-inline: var(--brick-space-4);\n    --brick-sidebar-region-padding-block: var(--brick-space-4);\n    --brick-sidebar-content-gap: var(--brick-space-3);\n    --brick-sidebar-sticky-offset: 0px;\n    --brick-sidebar-available-block-size: calc(\n      100dvh - var(--brick-sidebar-sticky-offset)\n    );\n    --brick-sidebar-transition-duration: 180ms;\n    --brick-sidebar-transition-easing: ease;\n\n    display: grid;\n    min-inline-size: 0;\n    grid-template-columns: minmax(0, var(--brick-sidebar-panel-width)) minmax(\n        0,\n        1fr\n      );\n    align-items: start;\n    gap: var(--brick-sidebar-panel-gap);\n  }\n\n  .brick-sidebar[data-size=\"sm\"] {\n    --brick-sidebar-panel-width: var(--brick-sidebar-expanded-width-sm);\n  }\n  .brick-sidebar[data-size=\"lg\"] {\n    --brick-sidebar-panel-width: var(--brick-sidebar-expanded-width-lg);\n  }\n  .brick-sidebar[data-state=\"rail\"] {\n    --brick-sidebar-panel-width: var(--brick-sidebar-rail-width-md);\n  }\n  .brick-sidebar[data-state=\"rail\"][data-size=\"sm\"] {\n    --brick-sidebar-panel-width: var(--brick-sidebar-rail-width-sm);\n  }\n  .brick-sidebar[data-state=\"rail\"][data-size=\"lg\"] {\n    --brick-sidebar-panel-width: var(--brick-sidebar-rail-width-lg);\n  }\n  .brick-sidebar[data-state=\"offcanvas\"] {\n    --brick-sidebar-panel-width: 0px;\n    --brick-sidebar-panel-gap: 0px;\n  }\n\n  .brick-sidebar[data-side=\"right\"] {\n    grid-template-columns: minmax(0, 1fr) minmax(\n        0,\n        var(--brick-sidebar-panel-width)\n      );\n  }\n  .brick-sidebar[data-side=\"right\"] > .brick-sidebar__panel {\n    grid-column: 2;\n  }\n  .brick-sidebar[data-side=\"right\"] > .brick-sidebar__main {\n    grid-column: 1;\n    grid-row: 1;\n  }\n\n  .brick-sidebar[data-variant=\"floating\"] {\n    --brick-sidebar-panel-radius: var(--brick-radius-surface);\n    --brick-sidebar-panel-gap: var(--brick-space-3);\n    padding: var(--brick-space-3);\n  }\n\n  .brick-sidebar[data-surface=\"transparent\"] {\n    --brick-sidebar-panel-background: transparent;\n  }\n\n  .brick-sidebar[data-surface=\"base\"] {\n    --brick-sidebar-panel-background: var(--brick-color-surface-base);\n  }\n\n  .brick-sidebar[data-surface=\"raised\"] {\n    --brick-sidebar-panel-background: var(--brick-color-surface-raised);\n  }\n\n  .brick-sidebar__panel {\n    position: relative;\n    z-index: 1;\n    display: flex;\n    overflow: clip;\n    min-inline-size: 0;\n    inline-size: var(--brick-sidebar-panel-width);\n    max-inline-size: 100%;\n    align-self: stretch;\n    flex-direction: column;\n    border-right: var(--brick-border-width) solid\n      var(--brick-sidebar-panel-border);\n    border-radius: var(--brick-sidebar-panel-radius);\n    background: var(--brick-sidebar-panel-background);\n    color: var(--brick-color-text-primary);\n  }\n\n  .brick-sidebar[data-side=\"right\"] > .brick-sidebar__panel {\n    border-right: 0;\n    border-left: var(--brick-border-width) solid\n      var(--brick-sidebar-panel-border);\n  }\n  .brick-sidebar:not([data-side=\"right\"]):dir(rtl) {\n    grid-template-columns: minmax(0, 1fr) minmax(\n        0,\n        var(--brick-sidebar-panel-width)\n      );\n  }\n  .brick-sidebar:not([data-side=\"right\"]):dir(rtl) > .brick-sidebar__panel {\n    grid-column: 2;\n  }\n  .brick-sidebar:not([data-side=\"right\"]):dir(rtl) > .brick-sidebar__main {\n    grid-column: 1;\n    grid-row: 1;\n  }\n  .brick-sidebar[data-side=\"right\"]:dir(rtl) {\n    grid-template-columns: minmax(0, var(--brick-sidebar-panel-width)) minmax(\n        0,\n        1fr\n      );\n  }\n  .brick-sidebar[data-side=\"right\"]:dir(rtl) > .brick-sidebar__panel {\n    grid-column: 1;\n  }\n  .brick-sidebar[data-side=\"right\"]:dir(rtl) > .brick-sidebar__main {\n    grid-column: 2;\n  }\n  .brick-sidebar[data-variant=\"floating\"] > .brick-sidebar__panel {\n    border: var(--brick-border-width) solid var(--brick-sidebar-panel-border);\n    box-shadow: var(--brick-shadow-raised);\n  }\n  .brick-sidebar[data-position=\"sticky\"] > .brick-sidebar__panel {\n    position: sticky;\n    inset-block-start: var(--brick-sidebar-sticky-offset);\n    block-size: var(--brick-sidebar-available-block-size);\n    min-block-size: 0;\n  }\n  .brick-sidebar[data-state=\"offcanvas\"] > .brick-sidebar__panel {\n    visibility: hidden;\n    inline-size: 0;\n    block-size: 0;\n    min-block-size: 0;\n    align-self: start;\n    border: 0;\n    translate: -100% 0;\n  }\n  .brick-sidebar[data-state=\"offcanvas\"][data-side=\"right\"]\n    > .brick-sidebar__panel {\n    translate: 100% 0;\n  }\n\n  .brick-sidebar__header,\n  .brick-sidebar__footer {\n    display: flex;\n    flex: 0 0 auto;\n    align-items: center;\n    gap: var(--brick-sidebar-content-gap);\n    padding: var(--brick-sidebar-region-padding-block)\n      var(--brick-sidebar-region-padding-inline);\n  }\n  .brick-sidebar__header {\n    border-block-end: var(--brick-border-width) solid\n      var(--brick-sidebar-panel-border);\n  }\n  .brick-sidebar__footer {\n    border-block-start: var(--brick-border-width) solid\n      var(--brick-sidebar-panel-border);\n  }\n  .brick-sidebar__content {\n    display: flex;\n    min-block-size: 0;\n    min-inline-size: 0;\n    flex: 1 1 auto;\n    flex-direction: column;\n    gap: var(--brick-sidebar-content-gap);\n    padding: var(--brick-sidebar-region-padding-block)\n      var(--brick-sidebar-region-padding-inline);\n  }\n  .brick-sidebar__main {\n    min-inline-size: 0;\n  }\n\n  .brick-sidebar__trigger {\n    box-sizing: border-box;\n    display: inline-flex;\n    min-inline-size: var(--brick-control-min-block-size-sm);\n    min-block-size: var(--brick-control-min-block-size-sm);\n    align-items: center;\n    justify-content: center;\n    padding: var(--brick-space-2);\n    border: var(--brick-border-width) solid transparent;\n    border-radius: var(--brick-radius-control);\n    background: transparent;\n    color: var(--brick-color-text-primary);\n    cursor: pointer;\n  }\n  .brick-sidebar__trigger:hover:not(:disabled) {\n    background: var(--brick-color-surface-subtle);\n  }\n  .brick-sidebar__trigger:focus-visible {\n    outline: var(--brick-border-focus-width) solid var(--brick-color-focus-ring);\n    outline-offset: var(--brick-border-focus-offset);\n  }\n  .brick-sidebar__trigger:disabled {\n    color: var(--brick-color-text-muted);\n    cursor: not-allowed;\n  }\n\n  @media (prefers-reduced-motion: no-preference) {\n    .brick-sidebar {\n      transition:\n        grid-template-columns var(--brick-sidebar-transition-duration)\n          var(--brick-sidebar-transition-easing),\n        gap var(--brick-sidebar-transition-duration)\n          var(--brick-sidebar-transition-easing);\n    }\n    .brick-sidebar__panel {\n      transition:\n        inline-size var(--brick-sidebar-transition-duration)\n          var(--brick-sidebar-transition-easing),\n        translate var(--brick-sidebar-transition-duration)\n          var(--brick-sidebar-transition-easing);\n    }\n  }\n\n  @media (forced-colors: active) {\n    .brick-sidebar {\n      --brick-sidebar-panel-background: Canvas;\n      --brick-sidebar-panel-border: CanvasText;\n    }\n    .brick-sidebar__trigger {\n      border-color: ButtonBorder;\n      color: ButtonText;\n    }\n    .brick-sidebar__trigger:focus-visible {\n      outline-color: Highlight;\n    }\n  }\n}\n","@layer brick.components {\n  .brick-navigation-menu,\n  .brick-navigation-menu__sub {\n    --brick-navigation-menu-gap: var(--brick-space-1);\n    --brick-navigation-menu-control-min-block-size: var(--brick-control-target-min);\n    --brick-navigation-menu-control-padding-inline: var(--brick-space-3);\n    --brick-navigation-menu-control-radius: var(--brick-radius-control);\n    --brick-navigation-menu-control-foreground: currentColor;\n    --brick-navigation-menu-control-hover-background: var(--brick-color-surface-subtle);\n    --brick-navigation-menu-control-open-background: var(--brick-color-accent-soft);\n    --brick-navigation-menu-control-open-foreground: var(--brick-color-accent-text);\n    --brick-navigation-menu-control-current-foreground: currentColor;\n    --brick-navigation-menu-focus-ring: var(--brick-color-focus-ring);\n    --brick-navigation-menu-chevron-size: 0.375rem;\n    --brick-navigation-menu-chevron-stroke: 0.0625rem;\n    --brick-navigation-menu-chevron-gap: 0.375rem;\n    --brick-navigation-menu-current-underline-size: 0.0625rem;\n    --brick-navigation-menu-current-underline-offset: 0.25em;\n    --brick-navigation-menu-indicator-size: 0.625rem;\n    --brick-navigation-menu-indicator-offset: var(--brick-space-2);\n    --brick-navigation-menu-viewport-background: var(--brick-color-surface-overlay);\n    --brick-navigation-menu-viewport-foreground: var(--brick-color-text-primary);\n    --brick-navigation-menu-viewport-border: var(--brick-color-border-subtle);\n    --brick-navigation-menu-viewport-radius: var(--brick-radius-control);\n    --brick-navigation-menu-viewport-shadow: var(--brick-shadow-floating);\n    --brick-navigation-menu-viewport-padding: var(--brick-space-4);\n    --brick-navigation-menu-viewport-max-inline-size: min(42rem, calc(100dvi - 2 * var(--brick-space-3)));\n    --brick-navigation-menu-motion-duration: var(--brick-motion-duration-fast);\n    --brick-navigation-menu-indicator-color: var(--brick-navigation-menu-viewport-background);\n    --brick-navigation-menu-indicator-border: var(--brick-navigation-menu-viewport-border);\n\n    position: relative;\n    display: inline-block;\n    max-inline-size: 100%;\n    color: inherit;\n  }\n\n  :where(.brick-navigation-menu, .brick-navigation-menu__sub)[data-size=\"sm\"] { --brick-navigation-menu-control-min-block-size: 2rem; --brick-navigation-menu-control-padding-inline: var(--brick-space-2); --brick-navigation-menu-chevron-size: 0.3125rem; --brick-navigation-menu-indicator-size: 0.5rem; }\n  :where(.brick-navigation-menu, .brick-navigation-menu__sub)[data-size=\"lg\"] { --brick-navigation-menu-control-min-block-size: 3rem; --brick-navigation-menu-control-padding-inline: var(--brick-space-4); --brick-navigation-menu-chevron-size: 0.4375rem; --brick-navigation-menu-indicator-size: 0.75rem; }\n\n  .brick-navigation-menu__list {\n    display: flex;\n    min-inline-size: 0;\n    align-items: center;\n    gap: var(--brick-navigation-menu-gap);\n    margin: 0;\n    padding: 0;\n    list-style: none;\n  }\n  .brick-navigation-menu__list[data-orientation=\"horizontal\"] { flex-wrap: nowrap; }\n  .brick-navigation-menu__list[data-orientation=\"vertical\"] { inline-size: fit-content; flex-direction: column; align-items: stretch; }\n  .brick-navigation-menu__item { min-inline-size: 0; }\n\n  :where(.brick-navigation-menu__trigger, .brick-navigation-menu__link) {\n    display: inline-flex;\n    box-sizing: border-box;\n    min-inline-size: 0;\n    min-block-size: var(--brick-navigation-menu-control-min-block-size);\n    align-items: center;\n    justify-content: center;\n    gap: var(--brick-navigation-menu-chevron-gap);\n    padding-inline: var(--brick-navigation-menu-control-padding-inline);\n    border: 0;\n    border-radius: var(--brick-navigation-menu-control-radius);\n    background: transparent;\n    color: var(--brick-navigation-menu-control-foreground);\n    font-family: var(--brick-typography-control-md-font-family);\n    font-size: var(--brick-typography-control-md-font-size);\n    font-weight: var(--brick-typography-control-md-font-weight);\n    line-height: var(--brick-typography-control-md-line-height);\n    text-align: start;\n    text-decoration: none;\n    white-space: nowrap;\n    cursor: pointer;\n    touch-action: manipulation;\n  }\n  .brick-navigation-menu__trigger::after {\n    content: \"\";\n    inline-size: var(--brick-navigation-menu-chevron-size);\n    block-size: var(--brick-navigation-menu-chevron-size);\n    flex: none;\n    border-inline-end: var(--brick-navigation-menu-chevron-stroke) solid currentColor;\n    border-block-end: var(--brick-navigation-menu-chevron-stroke) solid currentColor;\n    transform: translateY(-20%) rotate(45deg);\n    transition: transform var(--brick-navigation-menu-motion-duration) var(--brick-motion-easing-standard);\n  }\n  .brick-navigation-menu__trigger[data-state=\"open\"]::after { transform: translateY(20%) rotate(225deg); }\n  :where(.brick-navigation-menu__trigger, .brick-navigation-menu__link):is(:hover, :focus-visible) { background: var(--brick-navigation-menu-control-hover-background); }\n  :where(.brick-navigation-menu__trigger, .brick-navigation-menu__link):focus-visible { outline: var(--brick-border-focus-width) solid var(--brick-navigation-menu-focus-ring); outline-offset: var(--brick-border-focus-offset); }\n  .brick-navigation-menu__trigger[data-state=\"open\"] { background: var(--brick-navigation-menu-control-open-background); color: var(--brick-navigation-menu-control-open-foreground); }\n  .brick-navigation-menu__link[data-active] { color: var(--brick-navigation-menu-control-current-foreground); text-decoration-line: underline; text-decoration-thickness: var(--brick-navigation-menu-current-underline-size); text-underline-offset: var(--brick-navigation-menu-current-underline-offset); }\n  .brick-navigation-menu__link[data-variant=\"panel\"] {\n    inline-size: 100%;\n    align-items: stretch;\n    justify-content: flex-start;\n    padding: 0;\n    border-radius: 0;\n    background: transparent;\n    white-space: normal;\n  }\n  .brick-navigation-menu__link[data-variant=\"panel\"] > .brick-surface { inline-size: 100%; }\n  .brick-navigation-menu__link[data-variant=\"panel\"]:is(:hover, :focus-visible) { background: transparent; }\n  .brick-navigation-menu__link[data-variant=\"panel\"]:focus-visible:has(> .brick-surface) { outline: none; }\n  .brick-navigation-menu__link[data-variant=\"panel\"]:focus-visible > .brick-surface {\n    outline: var(--brick-border-focus-width) solid var(--brick-navigation-menu-focus-ring);\n    outline-offset: var(--brick-border-focus-offset);\n  }\n  .brick-navigation-menu__link[data-variant=\"panel\"][data-active] { background: transparent; text-decoration: none; }\n  .brick-navigation-menu__trigger[data-disabled] { color: var(--brick-color-text-muted); opacity: 0.65; cursor: not-allowed; }\n\n  .brick-navigation-menu__indicator {\n    position: absolute;\n    z-index: calc(var(--brick-layer-overlay) + 1);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    overflow: visible;\n    pointer-events: none;\n    opacity: 0;\n    transition: opacity var(--brick-navigation-menu-motion-duration) var(--brick-motion-easing-enter), translate var(--brick-navigation-menu-motion-duration) var(--brick-motion-easing-standard);\n  }\n  .brick-navigation-menu__indicator[data-state=\"visible\"] { opacity: 1; }\n  .brick-navigation-menu__indicator[data-orientation=\"horizontal\"] {\n    inset-block-start: 100%;\n    inset-inline-start: auto;\n    left: 0;\n    inline-size: var(--atom-navigation-menu-trigger-width);\n    block-size: var(--brick-navigation-menu-indicator-offset);\n    align-items: flex-end;\n    translate: var(--atom-navigation-menu-trigger-left) 0;\n  }\n  .brick-navigation-menu__indicator[data-orientation=\"vertical\"] {\n    inset-block-start: 0;\n    inset-inline-start: 100%;\n    inline-size: var(--brick-navigation-menu-indicator-offset);\n    block-size: var(--atom-navigation-menu-trigger-height);\n    justify-content: flex-end;\n    translate: 0 var(--atom-navigation-menu-trigger-top);\n  }\n  .brick-navigation-menu__indicator-arrow {\n    position: relative;\n    display: block;\n    box-sizing: border-box;\n    flex: none;\n    background: transparent;\n  }\n  .brick-navigation-menu__indicator-arrow::before,\n  .brick-navigation-menu__indicator-arrow::after {\n    position: absolute;\n    display: block;\n    content: \"\";\n  }\n  .brick-navigation-menu__indicator-arrow::before { inset: 0; background: var(--brick-navigation-menu-indicator-border); }\n  .brick-navigation-menu__indicator-arrow::after { background: var(--brick-navigation-menu-indicator-color); }\n  .brick-navigation-menu__indicator[data-orientation=\"horizontal\"] > .brick-navigation-menu__indicator-arrow {\n    inline-size: var(--brick-navigation-menu-indicator-size);\n    block-size: calc(var(--brick-navigation-menu-indicator-size) / 2 + var(--brick-border-width));\n    background: linear-gradient(var(--brick-navigation-menu-indicator-color), var(--brick-navigation-menu-indicator-color)) bottom center / calc(100% - var(--brick-border-width) - var(--brick-border-width)) calc(var(--brick-border-width) + var(--brick-border-width)) no-repeat;\n    translate: 0 var(--brick-border-width);\n  }\n  .brick-navigation-menu__indicator[data-orientation=\"horizontal\"] > .brick-navigation-menu__indicator-arrow::before { clip-path: polygon(50% 0, 100% 100%, 0 100%); }\n  .brick-navigation-menu__indicator[data-orientation=\"horizontal\"] > .brick-navigation-menu__indicator-arrow::after { inset: var(--brick-border-width) var(--brick-border-width) 0; clip-path: polygon(50% 0, 100% 100%, 0 100%); translate: 0 var(--brick-border-width); }\n  .brick-navigation-menu__indicator[data-orientation=\"vertical\"] > .brick-navigation-menu__indicator-arrow {\n    inline-size: calc(var(--brick-navigation-menu-indicator-size) / 2 + var(--brick-border-width));\n    block-size: var(--brick-navigation-menu-indicator-size);\n    background: linear-gradient(var(--brick-navigation-menu-indicator-color), var(--brick-navigation-menu-indicator-color)) center right / calc(var(--brick-border-width) + var(--brick-border-width)) calc(100% - var(--brick-border-width) - var(--brick-border-width)) no-repeat;\n    translate: var(--brick-border-width) 0;\n  }\n  .brick-navigation-menu__indicator[data-orientation=\"vertical\"] > .brick-navigation-menu__indicator-arrow::before { clip-path: polygon(0 50%, 100% 0, 100% 100%); }\n  .brick-navigation-menu__indicator[data-orientation=\"vertical\"] > .brick-navigation-menu__indicator-arrow::after { inset: var(--brick-border-width) 0 var(--brick-border-width) var(--brick-border-width); clip-path: polygon(0 50%, 100% 0, 100% 100%); translate: var(--brick-border-width) 0; }\n  .brick-navigation-menu__indicator[data-orientation=\"vertical\"]:dir(rtl) > .brick-navigation-menu__indicator-arrow { background-position: center left; translate: calc(var(--brick-border-width) * -1) 0; }\n  .brick-navigation-menu__indicator[data-orientation=\"vertical\"]:dir(rtl) > .brick-navigation-menu__indicator-arrow::before { clip-path: polygon(100% 50%, 0 0, 0 100%); }\n  .brick-navigation-menu__indicator[data-orientation=\"vertical\"]:dir(rtl) > .brick-navigation-menu__indicator-arrow::after { inset: var(--brick-border-width) var(--brick-border-width) var(--brick-border-width) 0; clip-path: polygon(100% 50%, 0 0, 0 100%); translate: calc(var(--brick-border-width) * -1) 0; }\n\n  .brick-navigation-menu__viewport {\n    position: absolute;\n    z-index: var(--brick-layer-overlay);\n    box-sizing: border-box;\n    inline-size: var(--atom-navigation-menu-viewport-width);\n    max-inline-size: var(--brick-navigation-menu-viewport-max-inline-size);\n    block-size: var(--atom-navigation-menu-viewport-height);\n    overflow: hidden;\n    border: var(--brick-border-width) solid var(--brick-navigation-menu-viewport-border);\n    border-radius: var(--brick-navigation-menu-viewport-radius);\n    background: var(--brick-navigation-menu-viewport-background);\n    box-shadow: var(--brick-navigation-menu-viewport-shadow);\n    color: var(--brick-navigation-menu-viewport-foreground);\n    opacity: 0;\n    transform-origin: top center;\n    scale: 0.98;\n    transition: inline-size var(--brick-navigation-menu-motion-duration) var(--brick-motion-easing-standard), block-size var(--brick-navigation-menu-motion-duration) var(--brick-motion-easing-standard), translate var(--brick-navigation-menu-motion-duration) var(--brick-motion-easing-standard), opacity var(--brick-navigation-menu-motion-duration) var(--brick-motion-easing-enter), scale var(--brick-navigation-menu-motion-duration) var(--brick-motion-easing-enter);\n  }\n  .brick-navigation-menu[data-orientation=\"horizontal\"] > .brick-navigation-menu__viewport {\n    inset-block-start: calc(100% + var(--brick-space-2));\n    inset-inline-start: auto;\n    left: var(--atom-navigation-menu-viewport-left);\n    max-inline-size: min(var(--brick-navigation-menu-viewport-max-inline-size), var(--atom-navigation-menu-viewport-available-width));\n    translate: 0 0;\n  }\n  .brick-navigation-menu[data-orientation=\"vertical\"] > .brick-navigation-menu__viewport { inset-block-start: 0; inset-inline-start: calc(100% + var(--brick-space-2)); translate: 0 var(--atom-navigation-menu-trigger-top, 0); }\n  .brick-navigation-menu__viewport[data-state=\"open\"] { opacity: 1; scale: 1; }\n  .brick-navigation-menu__content { box-sizing: border-box; inline-size: max-content; max-inline-size: var(--brick-navigation-menu-viewport-max-inline-size); min-block-size: 0; padding: var(--brick-navigation-menu-viewport-padding); }\n  .brick-navigation-menu__content .brick-navigation-menu__link[data-variant=\"control\"] {\n    min-block-size: 0;\n    justify-content: flex-start;\n    padding: var(--brick-space-2);\n    white-space: normal;\n  }\n  .brick-navigation-menu__content[data-motion^=\"from-\"] { animation: brick-navigation-menu-enter var(--brick-navigation-menu-motion-duration) var(--brick-motion-easing-enter); }\n\n  @keyframes brick-navigation-menu-enter { from { opacity: 0; translate: 0 0.25rem; } to { opacity: 1; translate: 0 0; } }\n  @supports not (width: 100dvi) { .brick-navigation-menu, .brick-navigation-menu__sub { --brick-navigation-menu-viewport-max-inline-size: min(42rem, calc(100vw - 2 * var(--brick-space-3))); } }\n  @media (prefers-reduced-motion: reduce) { .brick-navigation-menu__trigger::after, .brick-navigation-menu__indicator, .brick-navigation-menu__viewport { transition-duration: 1ms; } .brick-navigation-menu__content { animation: none !important; } }\n  @media (forced-colors: active) { .brick-navigation-menu__viewport { border-color: CanvasText; background: Canvas; box-shadow: none; color: CanvasText; } :where(.brick-navigation-menu__trigger, .brick-navigation-menu__link):focus-visible { outline-color: Highlight; } .brick-navigation-menu__link[data-variant=\"panel\"]:focus-visible > .brick-surface { outline-color: Highlight; } .brick-navigation-menu__link[data-active] { text-decoration-color: Highlight; } .brick-navigation-menu__indicator-arrow { --brick-navigation-menu-indicator-color: Canvas; --brick-navigation-menu-indicator-border: CanvasText; forced-color-adjust: none; } }\n}\n","@layer brick.components {\n  .brick-status {\n    --brick-status-indicator-size: 0.5rem;\n    --brick-status-gap: var(--brick-space-2);\n    --brick-status-color: var(--brick-color-border-strong);\n\n    display: inline-flex;\n    box-sizing: border-box;\n    min-inline-size: 0;\n    align-items: center;\n    gap: var(--brick-status-gap);\n    color: var(--brick-color-text-primary);\n    font-family: var(--brick-typography-body-sm-font-family);\n    font-size: var(--brick-typography-body-sm-font-size);\n    font-weight: var(--brick-typography-body-sm-font-weight);\n    line-height: var(--brick-typography-body-sm-line-height);\n    letter-spacing: var(--brick-typography-body-sm-letter-spacing);\n    vertical-align: middle;\n  }\n\n  .brick-status[data-size=\"sm\"] {\n    --brick-status-indicator-size: 0.375rem;\n    --brick-status-gap: var(--brick-space-1);\n    font-family: var(--brick-typography-caption-font-family);\n    font-size: var(--brick-typography-caption-font-size);\n    font-weight: var(--brick-typography-caption-font-weight);\n    line-height: var(--brick-typography-caption-line-height);\n    letter-spacing: var(--brick-typography-caption-letter-spacing);\n  }\n\n  .brick-status[data-size=\"lg\"] {\n    --brick-status-indicator-size: 0.625rem;\n    font-family: var(--brick-typography-body-md-font-family);\n    font-size: var(--brick-typography-body-md-font-size);\n    font-weight: var(--brick-typography-body-md-font-weight);\n    line-height: var(--brick-typography-body-md-line-height);\n    letter-spacing: var(--brick-typography-body-md-letter-spacing);\n  }\n\n  .brick-status[data-tone=\"accent\"] { --brick-status-color: var(--brick-color-accent-solid); }\n  .brick-status[data-tone=\"info\"] { --brick-status-color: var(--brick-color-info-solid); }\n  .brick-status[data-tone=\"success\"] { --brick-status-color: var(--brick-color-success-solid); }\n  .brick-status[data-tone=\"warning\"] { --brick-status-color: var(--brick-color-warning-solid); }\n  .brick-status[data-tone=\"danger\"] { --brick-status-color: var(--brick-color-danger-solid); }\n\n  .brick-status__indicator {\n    display: block;\n    box-sizing: border-box;\n    inline-size: var(--brick-status-indicator-size);\n    block-size: var(--brick-status-indicator-size);\n    flex: none;\n    border-radius: var(--brick-radius-full);\n    background: var(--brick-status-color);\n  }\n\n  .brick-status__label { min-inline-size: 0; color: inherit; }\n\n  @media (forced-colors: active) {\n    .brick-status { color: CanvasText; }\n    .brick-status__indicator { border: var(--brick-border-width) solid CanvasText; background: CanvasText; }\n    .brick-status:not([data-tone=\"neutral\"]) .brick-status__indicator { border-color: Highlight; background: Highlight; }\n  }\n}\n","@layer brick.components {\n  .brick-bottom-navigation {\n    --brick-bottom-navigation-background: var(--brick-color-surface-base);\n    --brick-bottom-navigation-foreground: var(--brick-color-text-secondary);\n    --brick-bottom-navigation-border-color: var(--brick-color-border-default);\n    --brick-bottom-navigation-shadow: 0 0.5rem 1.5rem color-mix(in srgb, var(--brick-color-shadow), transparent 38%);\n    --brick-bottom-navigation-gap: var(--brick-space-1);\n    --brick-bottom-navigation-outer-gutter: var(--brick-space-3);\n    --brick-bottom-navigation-padding-inline: var(--brick-space-2);\n    --brick-bottom-navigation-padding-block: var(--brick-space-2);\n    --brick-bottom-navigation-item-min-inline-size: 3.5rem;\n    --brick-bottom-navigation-item-max-inline-size: 6rem;\n    --brick-bottom-navigation-item-min-block-size: 4rem;\n    --brick-bottom-navigation-item-radius: var(--brick-radius-control);\n    --brick-bottom-navigation-item-foreground: var(--brick-color-text-secondary);\n    --brick-bottom-navigation-item-foreground-hover: var(--brick-color-text-primary);\n    --brick-bottom-navigation-item-foreground-active: var(--brick-color-text-primary);\n    --brick-bottom-navigation-item-foreground-disabled: var(--brick-color-text-muted);\n    --brick-bottom-navigation-item-background-hover: var(--brick-color-surface-subtle);\n    --brick-bottom-navigation-item-background-pressed: var(--brick-color-surface-raised);\n    --brick-bottom-navigation-selection-background: var(--brick-color-surface-raised);\n    --brick-bottom-navigation-selection-border: var(--brick-color-border-strong);\n    --brick-bottom-navigation-focus-ring: var(--brick-color-text-primary);\n    --brick-bottom-navigation-icon-size: 1.5rem;\n    --brick-bottom-navigation-icon-indicator-inline-size: 4rem;\n    --brick-bottom-navigation-icon-indicator-block-size: 2rem;\n    --brick-bottom-navigation-label-gap: var(--brick-space-1);\n    --brick-bottom-navigation-label-font-family: var(--brick-typography-caption-font-family);\n    --brick-bottom-navigation-label-font-size: var(--brick-typography-caption-font-size);\n    --brick-bottom-navigation-label-font-weight: var(--brick-typography-caption-font-weight);\n    --brick-bottom-navigation-label-font-weight-active: var(--brick-typography-label-strong-font-weight);\n    --brick-bottom-navigation-label-line-height: var(--brick-typography-caption-line-height);\n    --brick-bottom-navigation-label-letter-spacing: var(--brick-typography-caption-letter-spacing);\n    --brick-bottom-navigation-blurred-background: color-mix(in srgb, var(--brick-bottom-navigation-background), transparent 14%);\n    --brick-bottom-navigation-reduced-transparency-background: var(--brick-bottom-navigation-background);\n    --brick-bottom-navigation-z-index: calc(var(--brick-layer-overlay) - 10);\n    --brick-bottom-navigation-resolved-block-size: 5rem;\n    --_brick-bottom-navigation-safe-area-block-size: 0px;\n\n    box-sizing: border-box;\n    display: grid;\n    block-size: calc(var(--brick-bottom-navigation-resolved-block-size) + var(--_brick-bottom-navigation-safe-area-block-size));\n    inline-size: 100%;\n    max-inline-size: 100%;\n    min-inline-size: 0;\n    grid-auto-flow: column;\n    align-items: stretch;\n    gap: var(--brick-bottom-navigation-gap);\n    padding: var(--brick-bottom-navigation-padding-block) var(--brick-bottom-navigation-padding-inline);\n    border: 0;\n    background: var(--brick-bottom-navigation-background);\n    color: var(--brick-bottom-navigation-foreground);\n  }\n\n  .brick-bottom-navigation[data-arrangement=\"equal\"] {\n    grid-auto-columns: minmax(var(--brick-bottom-navigation-item-min-inline-size), 1fr);\n  }\n\n  .brick-bottom-navigation[data-arrangement=\"centered\"] {\n    grid-auto-columns: minmax(var(--brick-bottom-navigation-item-min-inline-size), var(--brick-bottom-navigation-item-max-inline-size));\n    justify-content: center;\n  }\n\n  .brick-bottom-navigation[data-layout=\"floating\"] {\n    inline-size: fit-content;\n    max-inline-size: calc(100% - (2 * var(--brick-bottom-navigation-outer-gutter)));\n    margin-inline: auto;\n    border-radius: var(--brick-radius-overlay);\n  }\n\n  .brick-bottom-navigation[data-position=\"sticky\"],\n  .brick-bottom-navigation[data-position=\"absolute\"],\n  .brick-bottom-navigation[data-position=\"fixed\"] {\n    inset-block-end: 0;\n    z-index: var(--brick-bottom-navigation-z-index);\n  }\n\n  .brick-bottom-navigation[data-position=\"sticky\"] { position: sticky; }\n  .brick-bottom-navigation[data-position=\"absolute\"] { position: absolute; }\n  .brick-bottom-navigation[data-position=\"fixed\"] { position: fixed; }\n\n  .brick-bottom-navigation[data-layout=\"full\"]:is([data-position=\"absolute\"], [data-position=\"fixed\"]) {\n    inset-inline: 0;\n  }\n\n  .brick-bottom-navigation[data-layout=\"floating\"]:is([data-position=\"absolute\"], [data-position=\"fixed\"]) {\n    inset-inline-start: 50%;\n    margin-inline: 0;\n    transform: translateX(-50%);\n  }\n\n  .brick-bottom-navigation[data-safe-area]:not([data-layout=\"floating\"]):is([data-position=\"sticky\"], [data-position=\"absolute\"], [data-position=\"fixed\"]) {\n    --_brick-bottom-navigation-safe-area-block-size: env(safe-area-max-inset-bottom, 0px);\n    padding-inline-end: max(var(--brick-bottom-navigation-padding-inline), env(safe-area-max-inset-right, 0px));\n    padding-block-end: calc(var(--brick-bottom-navigation-padding-block) + var(--_brick-bottom-navigation-safe-area-block-size));\n    padding-inline-start: max(var(--brick-bottom-navigation-padding-inline), env(safe-area-max-inset-left, 0px));\n  }\n\n  .brick-bottom-navigation[data-safe-area][data-layout=\"floating\"]:is([data-position=\"sticky\"], [data-position=\"absolute\"], [data-position=\"fixed\"]) {\n    inset-block-end: max(var(--brick-bottom-navigation-outer-gutter), env(safe-area-max-inset-bottom, 0px));\n  }\n\n  .brick-bottom-navigation[data-tone=\"accent\"] {\n    --brick-bottom-navigation-item-foreground-active: var(--brick-color-accent-text);\n    --brick-bottom-navigation-selection-background: var(--brick-color-accent-soft);\n    --brick-bottom-navigation-selection-border: var(--brick-color-accent-border);\n    --brick-bottom-navigation-focus-ring: var(--brick-color-focus-ring);\n  }\n\n  .brick-bottom-navigation[data-variant=\"solid\"] {\n    --brick-bottom-navigation-background: var(--brick-color-text-primary);\n    --brick-bottom-navigation-foreground: var(--brick-color-text-inverse);\n    --brick-bottom-navigation-border-color: transparent;\n    --brick-bottom-navigation-item-foreground: var(--brick-color-text-inverse);\n    --brick-bottom-navigation-item-foreground-hover: var(--brick-color-text-inverse);\n    --brick-bottom-navigation-item-foreground-active: var(--brick-color-text-inverse);\n    --brick-bottom-navigation-item-background-hover: color-mix(in srgb, currentColor, transparent 88%);\n    --brick-bottom-navigation-item-background-pressed: color-mix(in srgb, currentColor, transparent 78%);\n    --brick-bottom-navigation-selection-background: color-mix(in srgb, currentColor, transparent 80%);\n    --brick-bottom-navigation-selection-border: currentColor;\n    --brick-bottom-navigation-focus-ring: currentColor;\n  }\n\n  .brick-bottom-navigation[data-tone=\"accent\"][data-variant=\"solid\"] {\n    --brick-bottom-navigation-background: var(--brick-color-accent-solid);\n    --brick-bottom-navigation-foreground: var(--brick-color-accent-on-solid);\n    --brick-bottom-navigation-item-foreground: var(--brick-color-accent-on-solid);\n    --brick-bottom-navigation-item-foreground-hover: var(--brick-color-accent-on-solid);\n    --brick-bottom-navigation-item-foreground-active: var(--brick-color-accent-on-solid);\n  }\n\n  .brick-bottom-navigation[data-variant=\"soft\"] {\n    --brick-bottom-navigation-background: var(--brick-color-surface-subtle);\n    --brick-bottom-navigation-border-color: transparent;\n  }\n\n  .brick-bottom-navigation[data-tone=\"accent\"][data-variant=\"soft\"] {\n    --brick-bottom-navigation-background: var(--brick-color-accent-soft);\n    --brick-bottom-navigation-foreground: var(--brick-color-accent-on-soft);\n  }\n\n  .brick-bottom-navigation[data-variant=\"outline\"] {\n    border-block-start: var(--brick-border-width) solid var(--brick-bottom-navigation-border-color);\n  }\n\n  .brick-bottom-navigation[data-layout=\"floating\"][data-variant=\"outline\"] {\n    border: var(--brick-border-width) solid var(--brick-bottom-navigation-border-color);\n  }\n\n  .brick-bottom-navigation[data-variant=\"ghost\"] {\n    --brick-bottom-navigation-background: transparent;\n    --brick-bottom-navigation-border-color: transparent;\n  }\n\n  .brick-bottom-navigation[data-elevated] { box-shadow: var(--brick-bottom-navigation-shadow); }\n\n  .brick-bottom-navigation[data-blurred] {\n    background: var(--brick-bottom-navigation-blurred-background);\n    backdrop-filter: blur(0.75rem) saturate(1.15);\n  }\n\n  .brick-bottom-navigation[data-size=\"sm\"] {\n    --brick-bottom-navigation-padding-inline: var(--brick-space-1);\n    --brick-bottom-navigation-padding-block: var(--brick-space-1);\n    --brick-bottom-navigation-item-min-inline-size: 3rem;\n    --brick-bottom-navigation-item-max-inline-size: 5rem;\n    --brick-bottom-navigation-item-min-block-size: 3rem;\n    --brick-bottom-navigation-icon-size: 1.25rem;\n    --brick-bottom-navigation-icon-indicator-inline-size: 3.25rem;\n    --brick-bottom-navigation-icon-indicator-block-size: 1.75rem;\n    --brick-bottom-navigation-resolved-block-size: 4rem;\n  }\n\n  .brick-bottom-navigation[data-size=\"lg\"] {\n    --brick-bottom-navigation-padding-inline: var(--brick-space-3);\n    --brick-bottom-navigation-padding-block: var(--brick-space-3);\n    --brick-bottom-navigation-item-min-inline-size: 4rem;\n    --brick-bottom-navigation-item-max-inline-size: 7rem;\n    --brick-bottom-navigation-item-min-block-size: 4.75rem;\n    --brick-bottom-navigation-icon-size: 1.75rem;\n    --brick-bottom-navigation-icon-indicator-inline-size: 4.5rem;\n    --brick-bottom-navigation-icon-indicator-block-size: 2.5rem;\n    --brick-bottom-navigation-label-font-size: var(--brick-typography-body-sm-font-size);\n    --brick-bottom-navigation-label-line-height: var(--brick-typography-body-sm-line-height);\n    --brick-bottom-navigation-resolved-block-size: 6.25rem;\n  }\n\n  .brick-bottom-navigation__item {\n    position: relative;\n    display: flex;\n    box-sizing: border-box;\n    min-inline-size: 0;\n    min-block-size: var(--brick-bottom-navigation-item-min-block-size);\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    gap: var(--brick-bottom-navigation-label-gap);\n    padding: var(--brick-space-1);\n    border: var(--brick-border-width) solid transparent;\n    border-radius: var(--brick-bottom-navigation-item-radius);\n    appearance: none;\n    background: transparent;\n    color: var(--brick-bottom-navigation-item-foreground);\n    font: inherit;\n    text-align: center;\n    text-decoration: none;\n    touch-action: manipulation;\n    cursor: pointer;\n  }\n\n  .brick-bottom-navigation__item:hover:not([data-disabled]) {\n    background: var(--brick-bottom-navigation-item-background-hover);\n    color: var(--brick-bottom-navigation-item-foreground-hover);\n  }\n\n  .brick-bottom-navigation__item:active:not([data-disabled]) { background: var(--brick-bottom-navigation-item-background-pressed); }\n\n  .brick-bottom-navigation__item:focus-visible {\n    z-index: 1;\n    outline: var(--brick-border-focus-width) solid var(--brick-bottom-navigation-focus-ring);\n    outline-offset: var(--brick-border-focus-offset);\n  }\n\n  .brick-bottom-navigation__item[data-state=\"active\"] {\n    color: var(--brick-bottom-navigation-item-foreground-active);\n  }\n\n  .brick-bottom-navigation[data-selection=\"item\"] .brick-bottom-navigation__item[data-state=\"active\"] {\n    border-color: var(--brick-bottom-navigation-selection-border);\n    background: var(--brick-bottom-navigation-selection-background);\n  }\n\n  .brick-bottom-navigation[data-selection=\"item\"][data-selection-shape=\"square\"] .brick-bottom-navigation__item { --brick-bottom-navigation-item-radius: 0; }\n  .brick-bottom-navigation[data-selection=\"item\"][data-selection-shape=\"rounded\"] .brick-bottom-navigation__item { --brick-bottom-navigation-item-radius: var(--brick-radius-control); }\n  .brick-bottom-navigation[data-selection=\"item\"][data-selection-shape=\"pill\"] .brick-bottom-navigation__item { --brick-bottom-navigation-item-radius: var(--brick-radius-full); }\n\n  .brick-bottom-navigation__item[data-disabled] {\n    color: var(--brick-bottom-navigation-item-foreground-disabled);\n    cursor: not-allowed;\n    opacity: 0.65;\n  }\n\n  .brick-bottom-navigation__icon {\n    display: inline-flex;\n    box-sizing: border-box;\n    inline-size: var(--brick-bottom-navigation-icon-indicator-inline-size);\n    block-size: var(--brick-bottom-navigation-icon-indicator-block-size);\n    flex: 0 0 auto;\n    align-items: center;\n    justify-content: center;\n    border: var(--brick-border-width) solid transparent;\n    border-radius: var(--brick-radius-full);\n    color: inherit;\n  }\n\n  .brick-bottom-navigation__icon :where(.brick-icon, svg, img) {\n    inline-size: var(--brick-bottom-navigation-icon-size);\n    block-size: var(--brick-bottom-navigation-icon-size);\n  }\n\n  .brick-bottom-navigation[data-selection=\"indicator\"] .brick-bottom-navigation__item[data-state=\"active\"] .brick-bottom-navigation__icon {\n    border-color: var(--brick-bottom-navigation-selection-border);\n    background: var(--brick-bottom-navigation-selection-background);\n  }\n\n  .brick-bottom-navigation[data-selection=\"indicator\"][data-selection-shape=\"circle\"] .brick-bottom-navigation__icon {\n    inline-size: var(--brick-bottom-navigation-icon-indicator-block-size);\n    border-radius: var(--brick-radius-full);\n  }\n\n  .brick-bottom-navigation[data-selection=\"indicator\"][data-selection-shape=\"rounded\"] .brick-bottom-navigation__icon { border-radius: var(--brick-radius-control); }\n  .brick-bottom-navigation[data-selection=\"indicator\"][data-selection-shape=\"pill\"] .brick-bottom-navigation__icon { border-radius: var(--brick-radius-full); }\n\n  .brick-bottom-navigation__label {\n    display: block;\n    min-inline-size: 0;\n    max-inline-size: 100%;\n    overflow: hidden;\n    color: inherit;\n    font-family: var(--brick-bottom-navigation-label-font-family);\n    font-size: var(--brick-bottom-navigation-label-font-size);\n    font-weight: var(--brick-bottom-navigation-label-font-weight);\n    letter-spacing: var(--brick-bottom-navigation-label-letter-spacing);\n    line-height: var(--brick-bottom-navigation-label-line-height);\n    overflow-wrap: normal;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n  }\n\n  .brick-bottom-navigation__item[data-state=\"active\"] .brick-bottom-navigation__label { font-weight: var(--brick-bottom-navigation-label-font-weight-active); }\n\n  .brick-bottom-navigation__item:not([data-label-visible]) .brick-bottom-navigation__label {\n    position: absolute;\n    inline-size: 1px;\n    block-size: 1px;\n    padding: 0;\n    margin: -1px;\n    overflow: hidden;\n    border: 0;\n    clip: rect(0, 0, 0, 0);\n    clip-path: inset(50%);\n    white-space: nowrap;\n    overflow-wrap: normal;\n  }\n\n  @media (prefers-reduced-motion: no-preference) {\n    .brick-bottom-navigation__item,\n    .brick-bottom-navigation__icon {\n      transition: background-color var(--brick-motion-duration-fast) var(--brick-motion-easing-standard), border-color var(--brick-motion-duration-fast) var(--brick-motion-easing-standard), color var(--brick-motion-duration-fast) var(--brick-motion-easing-standard);\n    }\n  }\n\n  @media (prefers-reduced-transparency: reduce) {\n    .brick-bottom-navigation[data-blurred] {\n      background: var(--brick-bottom-navigation-reduced-transparency-background);\n      backdrop-filter: none;\n    }\n  }\n\n  @media (forced-colors: active) {\n    .brick-bottom-navigation,\n    .brick-bottom-navigation[data-variant],\n    .brick-bottom-navigation[data-blurred] {\n      --brick-bottom-navigation-background: Canvas;\n      --brick-bottom-navigation-foreground: CanvasText;\n      --brick-bottom-navigation-border-color: CanvasText;\n      --brick-bottom-navigation-item-foreground: LinkText;\n      --brick-bottom-navigation-item-foreground-hover: LinkText;\n      --brick-bottom-navigation-item-foreground-active: LinkText;\n      --brick-bottom-navigation-item-foreground-disabled: GrayText;\n      --brick-bottom-navigation-selection-background: Canvas;\n      --brick-bottom-navigation-selection-border: Highlight;\n      --brick-bottom-navigation-focus-ring: Highlight;\n      box-shadow: none;\n    }\n\n    .brick-bottom-navigation__item[data-disabled] { border-color: GrayText; }\n  }\n}\n","@layer brick.components {\n  .brick-color-swatch {\n    --brick-color-swatch-size: 1.5rem;\n    --brick-color-swatch-value: transparent;\n    --brick-color-swatch-border-color: var(--brick-color-border-default);\n    --brick-color-swatch-radius: var(--brick-radius-subtle);\n\n    position: relative;\n    display: inline-block;\n    box-sizing: border-box;\n    inline-size: var(--brick-color-swatch-size);\n    block-size: var(--brick-color-swatch-size);\n    flex: none;\n    overflow: hidden;\n    border: var(--brick-border-width) solid var(--brick-color-swatch-border-color);\n    border-radius: var(--brick-color-swatch-radius);\n    background-color: var(--brick-color-surface-base);\n    background-image: repeating-conic-gradient(\n      var(--brick-color-surface-subtle) 0 25%,\n      var(--brick-color-surface-raised) 0 50%\n    );\n    background-position: 0 0;\n    background-size: 0.5rem 0.5rem;\n    vertical-align: middle;\n  }\n\n  .brick-color-swatch::after {\n    position: absolute;\n    inset: 0;\n    background: var(--brick-color-swatch-value);\n    content: \"\";\n  }\n\n  .brick-color-swatch[data-size=\"sm\"] { --brick-color-swatch-size: 1rem; }\n  .brick-color-swatch[data-size=\"lg\"] { --brick-color-swatch-size: 2rem; }\n  .brick-color-swatch[data-shape=\"sharp\"] { --brick-color-swatch-radius: 0; }\n  .brick-color-swatch[data-shape=\"circle\"] { --brick-color-swatch-radius: var(--brick-radius-full); }\n\n  @media (forced-colors: active) {\n    .brick-color-swatch {\n      border-color: CanvasText;\n      forced-color-adjust: none;\n    }\n  }\n}\n","@layer brick.components {\n  .brick-color-picker {\n    --brick-color-picker-control-size: 2.5rem;\n    --brick-color-picker-gap: var(--brick-space-2);\n    --brick-color-picker-input-width: 9rem;\n    --brick-color-picker-area-block-size: 11rem;\n    --brick-color-picker-slider-block-size: 0.75rem;\n    --brick-color-picker-thumb-size: 1.125rem;\n    --brick-color-picker-swatch-size: 2rem;\n    --brick-color-picker-swatch-gap: var(--brick-space-2);\n    --brick-color-picker-swatch-radius: var(--brick-radius-full);\n    --brick-color-picker-checker-size: 0.5rem;\n    --brick-color-picker-background: transparent;\n    --brick-color-picker-border-color: var(--brick-color-border-default);\n    --brick-color-picker-focus-ring: var(--brick-color-focus-ring);\n    --brick-color-picker-content-background: var(--brick-color-surface-overlay);\n    --brick-color-picker-content-border-color: var(--brick-color-border-default);\n    --brick-color-picker-content-radius: var(--brick-radius-overlay);\n    --brick-color-picker-content-shadow: var(--brick-shadow-floating);\n    --brick-color-picker-indicator-color: white;\n    --brick-color-picker-indicator-shadow: rgb(0 0 0 / 70%);\n\n    display: grid;\n    min-inline-size: 0;\n    gap: var(--brick-space-2);\n    color: var(--brick-color-text-primary);\n  }\n\n  .brick-color-picker[data-size=\"sm\"] {\n    --brick-color-picker-control-size: 2rem;\n    --brick-color-picker-area-block-size: 8rem;\n    --brick-color-picker-thumb-size: 1rem;\n    --brick-color-picker-swatch-size: 1.75rem;\n  }\n\n  .brick-color-picker[data-size=\"lg\"] {\n    --brick-color-picker-control-size: 3rem;\n    --brick-color-picker-area-block-size: 14rem;\n    --brick-color-picker-thumb-size: 1.25rem;\n    --brick-color-picker-swatch-size: 2.5rem;\n  }\n\n  .brick-color-picker[data-variant=\"soft\"] {\n    --brick-color-picker-background: var(--brick-color-surface-subtle);\n  }\n\n  .brick-color-picker__label,\n  .brick-color-picker__channel-slider-label {\n    inline-size: fit-content;\n    color: var(--brick-color-text-primary);\n    font-family: var(--brick-typography-label-md-font-family);\n    font-size: var(--brick-typography-label-md-font-size);\n    font-weight: var(--brick-typography-label-md-font-weight);\n    letter-spacing: var(--brick-typography-label-md-letter-spacing);\n    line-height: var(--brick-typography-label-md-line-height);\n  }\n\n  .brick-color-picker__control {\n    display: flex;\n    min-inline-size: 0;\n    align-items: stretch;\n    gap: var(--brick-color-picker-gap);\n  }\n\n  :where(\n    .brick-color-picker__input,\n    .brick-color-picker__channel-input,\n    .brick-color-picker__native-input,\n    .brick-color-picker__trigger,\n    .brick-color-picker__eye-dropper-trigger,\n    .brick-color-picker__format-trigger,\n    .brick-color-picker__format-select\n  ) {\n    box-sizing: border-box;\n    min-block-size: var(--brick-color-picker-control-size);\n    border: var(--brick-border-width) solid var(--brick-color-picker-border-color);\n    border-radius: var(--brick-radius-control);\n    background: var(--brick-color-picker-background);\n    color: var(--brick-color-text-primary);\n    font: inherit;\n    transition:\n      border-color var(--brick-motion-duration-fast) var(--brick-motion-easing-standard),\n      box-shadow var(--brick-motion-duration-fast) var(--brick-motion-easing-standard),\n      background-color var(--brick-motion-duration-fast) var(--brick-motion-easing-standard);\n  }\n\n  .brick-color-picker__input {\n    inline-size: var(--brick-color-picker-input-width);\n    min-inline-size: 0;\n    flex: 1 1 var(--brick-color-picker-input-width);\n    padding-inline: var(--brick-space-3);\n    font-variant-numeric: tabular-nums;\n  }\n\n  .brick-color-picker__channel-input {\n    inline-size: 4.5rem;\n    min-inline-size: 0;\n    padding-inline: var(--brick-space-2);\n    text-align: center;\n    font-variant-numeric: tabular-nums;\n  }\n\n  .brick-color-picker__native-input {\n    inline-size: var(--brick-color-picker-control-size);\n    flex: none;\n    padding: var(--brick-space-1);\n    cursor: pointer;\n  }\n\n  :where(\n    .brick-color-picker__trigger,\n    .brick-color-picker__eye-dropper-trigger,\n    .brick-color-picker__format-trigger\n  ) {\n    display: inline-flex;\n    min-inline-size: var(--brick-color-picker-control-size);\n    flex: none;\n    align-items: center;\n    justify-content: center;\n    gap: var(--brick-space-2);\n    padding-inline: var(--brick-space-2);\n    cursor: pointer;\n  }\n\n  .brick-color-picker__format-select {\n    padding-inline: var(--brick-space-2);\n    cursor: pointer;\n  }\n\n  :where(\n    .brick-color-picker__input,\n    .brick-color-picker__channel-input,\n    .brick-color-picker__native-input,\n    .brick-color-picker__trigger,\n    .brick-color-picker__eye-dropper-trigger,\n    .brick-color-picker__format-trigger,\n    .brick-color-picker__format-select\n  ):hover {\n    border-color: var(--brick-color-border-strong);\n    background-color: var(--brick-color-surface-hover, var(--brick-color-surface-subtle));\n  }\n\n  :where(\n    .brick-color-picker__input,\n    .brick-color-picker__channel-input,\n    .brick-color-picker__native-input,\n    .brick-color-picker__trigger,\n    .brick-color-picker__eye-dropper-trigger,\n    .brick-color-picker__format-trigger,\n    .brick-color-picker__format-select,\n    .brick-color-picker__swatch-trigger,\n    .brick-color-picker__area,\n    .brick-color-picker__channel-slider\n  ):focus-visible {\n    outline: var(--brick-border-focus-width) solid var(--brick-color-picker-focus-ring);\n    outline-offset: var(--brick-border-focus-offset);\n  }\n\n  .brick-color-picker__value-text,\n  .brick-color-picker__channel-slider-value {\n    color: var(--brick-color-text-secondary);\n    font-variant-numeric: tabular-nums;\n  }\n\n  .brick-color-picker__value-swatch,\n  .brick-color-picker__swatch {\n    position: relative;\n    display: inline-grid;\n    box-sizing: border-box;\n    inline-size: var(--brick-color-picker-swatch-size);\n    block-size: var(--brick-color-picker-swatch-size);\n    place-items: center;\n    overflow: hidden;\n    border: var(--brick-border-width) solid var(--brick-color-border-default);\n    border-radius: var(--brick-color-picker-swatch-radius);\n    background-color: var(--brick-color-surface-base);\n    background-image: repeating-conic-gradient(\n      var(--brick-color-surface-subtle) 0 25%,\n      var(--brick-color-surface-raised) 0 50%\n    );\n    background-size: var(--brick-color-picker-checker-size) var(--brick-color-picker-checker-size);\n  }\n\n  .brick-color-picker__area {\n    position: relative;\n    box-sizing: border-box;\n    inline-size: 100%;\n    block-size: var(--brick-color-picker-area-block-size);\n    overflow: hidden;\n    border: var(--brick-border-width) solid var(--brick-color-border-default);\n    border-radius: var(--brick-radius-surface);\n    touch-action: none;\n  }\n\n  .brick-color-picker__area-background {\n    /* Atom's behavioral primitive emits a neutral relative position inline;\n       the finished Brick anatomy makes that gradient fill the bounded area. */\n    position: absolute !important;\n    inset: 0;\n  }\n\n  .brick-color-picker__area-thumb,\n  .brick-color-picker__channel-slider-thumb {\n    box-sizing: border-box;\n    inline-size: var(--brick-color-picker-thumb-size);\n    block-size: var(--brick-color-picker-thumb-size);\n    border: 2px solid white;\n    border-radius: var(--brick-radius-full);\n    background: currentColor;\n    box-shadow: 0 0 0 1px rgb(0 0 0 / 40%), var(--brick-shadow-floating);\n  }\n\n  .brick-color-picker__channel-slider {\n    position: relative;\n    display: grid;\n    grid-template-columns: 1fr auto;\n    min-inline-size: 0;\n    align-items: center;\n    gap: var(--brick-space-1) var(--brick-space-2);\n    touch-action: none;\n  }\n\n  .brick-color-picker__channel-slider-track {\n    position: relative;\n    grid-column: 1 / -1;\n    block-size: var(--brick-color-picker-slider-block-size);\n    overflow: hidden;\n    border: var(--brick-border-width) solid var(--brick-color-border-default);\n    border-radius: var(--brick-radius-full);\n  }\n\n  .brick-color-picker__transparency-grid {\n    position: absolute;\n    inset: 0;\n    border-radius: inherit;\n  }\n\n  .brick-color-picker__positioner {\n    z-index: calc(var(--brick-layer-overlay) - 1);\n  }\n\n  .brick-color-picker__content {\n    box-sizing: border-box;\n    display: grid;\n    inline-size: min(21rem, calc(100dvi - 2rem - env(safe-area-inset-left) - env(safe-area-inset-right)));\n    max-block-size: min(32rem, calc(100dvb - 2rem));\n    gap: var(--brick-space-3);\n    padding: var(--brick-space-3);\n    overflow: auto;\n    border: var(--brick-border-width) solid var(--brick-color-picker-content-border-color);\n    border-radius: var(--brick-color-picker-content-radius);\n    background: var(--brick-color-picker-content-background);\n    box-shadow: var(--brick-color-picker-content-shadow);\n    color: var(--brick-color-text-primary);\n    overscroll-behavior: contain;\n  }\n\n  /* Inline Content participates in its authored container instead of the\n     viewport-owned Positioner used by popup compositions. */\n  .brick-color-picker > .brick-color-picker__content {\n    inline-size: min(21rem, 100%);\n  }\n\n  .brick-color-picker__view:not([hidden]) {\n    display: grid;\n    gap: var(--brick-space-2);\n  }\n\n  .brick-color-picker__swatch-group {\n    display: flex;\n    flex-wrap: wrap;\n    gap: var(--brick-color-picker-swatch-gap);\n  }\n\n  .brick-color-picker__swatch-trigger {\n    position: relative;\n    display: inline-grid;\n    box-sizing: border-box;\n    min-inline-size: var(--brick-color-picker-control-size);\n    min-block-size: var(--brick-color-picker-control-size);\n    place-items: center;\n    padding: var(--brick-space-1);\n    border: var(--brick-border-width) solid transparent;\n    border-radius: var(--brick-radius-full);\n    background: transparent;\n    color: var(--brick-color-text-primary);\n    cursor: pointer;\n  }\n\n  .brick-color-picker__swatch-trigger:hover {\n    border-color: var(--brick-color-border-strong);\n    background: var(--brick-color-surface-hover, var(--brick-color-surface-subtle));\n  }\n\n  .brick-color-picker__swatch-trigger[data-state=\"checked\"],\n  .brick-color-picker__swatch-trigger[aria-pressed=\"true\"] {\n    border-color: var(--brick-color-accent-border);\n  }\n\n  .brick-color-picker__swatch-indicator {\n    position: relative;\n    z-index: 1;\n    display: inline-grid;\n    inline-size: 1rem;\n    block-size: 1rem;\n    place-items: center;\n    color: var(--brick-color-picker-indicator-color);\n    filter: drop-shadow(0 1px 1px var(--brick-color-picker-indicator-shadow));\n  }\n\n  .brick-color-picker__swatch-indicator::before {\n    font-size: var(--brick-typography-control-sm-font-size);\n    font-weight: var(--brick-typography-control-sm-font-weight);\n    line-height: var(--brick-typography-control-sm-line-height);\n    content: \"✓\";\n  }\n\n  .brick-color-picker[data-invalid] {\n    --brick-color-picker-border-color: var(--brick-color-danger-border);\n    --brick-color-picker-focus-ring: var(--brick-color-danger-text);\n  }\n\n  .brick-color-picker[data-disabled] :where(input, button, select) {\n    cursor: not-allowed;\n    color: var(--brick-color-text-disabled);\n    opacity: 0.72;\n  }\n\n  .brick-color-picker[data-readonly] :where(input, select, .brick-color-picker__swatch-trigger) {\n    cursor: not-allowed;\n    background: var(--brick-color-surface-subtle);\n  }\n\n  @supports not (height: 100dvb) {\n    .brick-color-picker__content { max-block-size: min(32rem, calc(100vh - 2rem)); }\n  }\n\n  @media (max-width: 30rem) {\n    .brick-color-picker__control { flex-wrap: wrap; }\n    .brick-color-picker__input { inline-size: 100%; flex-basis: 100%; }\n    .brick-color-picker__content { inline-size: min(21rem, calc(100dvi - 1rem)); }\n    .brick-color-picker__swatch-trigger { min-inline-size: 2.75rem; min-block-size: 2.75rem; }\n  }\n\n  @media (prefers-reduced-motion: reduce) {\n    .brick-color-picker :where(input, button, select) { transition-duration: 1ms; }\n  }\n\n  @media (forced-colors: active) {\n    .brick-color-picker {\n      --brick-color-picker-background: Canvas;\n      --brick-color-picker-border-color: CanvasText;\n      --brick-color-picker-content-background: Canvas;\n      --brick-color-picker-content-border-color: CanvasText;\n      --brick-color-picker-content-shadow: none;\n      --brick-color-picker-indicator-color: CanvasText;\n      --brick-color-picker-indicator-shadow: transparent;\n    }\n\n    :where(\n      .brick-color-picker__area,\n      .brick-color-picker__channel-slider-track,\n      .brick-color-picker__value-swatch,\n      .brick-color-picker__swatch\n    ) { border-color: CanvasText; forced-color-adjust: none; }\n\n    .brick-color-picker__swatch-trigger[data-state=\"checked\"],\n    .brick-color-picker__swatch-trigger[aria-pressed=\"true\"] { border-width: 2px; }\n  }\n}\n","@layer brick.components {\n  :where(.brick-toggle, .brick-toggle-group-item) {\n    --brick-toggle-min-block-size: var(--brick-control-min-block-size-md);\n    --brick-toggle-padding-inline: 1rem;\n    --brick-toggle-gap: 0.5rem;\n    --brick-toggle-radius: var(--brick-radius-control);\n    --brick-toggle-icon-size: 1.125rem;\n    --brick-toggle-tone-solid: var(--brick-color-accent-solid);\n    --brick-toggle-tone-solid-hover: var(--brick-color-accent-solid-hover);\n    --brick-toggle-tone-solid-pressed: var(--brick-color-accent-solid-pressed);\n    --brick-toggle-tone-on-solid: var(--brick-color-accent-on-solid);\n    --brick-toggle-tone-soft: var(--brick-color-accent-soft);\n    --brick-toggle-tone-soft-hover: var(--brick-color-accent-soft-hover);\n    --brick-toggle-tone-soft-pressed: var(--brick-color-accent-soft-pressed);\n    --brick-toggle-tone-on-soft: var(--brick-color-accent-on-soft);\n    --brick-toggle-tone-border: var(--brick-color-accent-border);\n    --brick-toggle-tone-text: var(--brick-color-accent-text);\n    --brick-toggle-tone-outline-border: var(--brick-color-accent-solid);\n    --brick-toggle-tone-outline-foreground: var(--brick-color-text-primary);\n\n    display: inline-flex;\n    box-sizing: border-box;\n    min-inline-size: 0;\n    max-inline-size: 100%;\n    min-block-size: var(--brick-toggle-min-block-size);\n    align-items: center;\n    justify-content: center;\n    gap: var(--brick-toggle-gap);\n    padding-block: 0.375rem;\n    padding-inline: var(--brick-toggle-padding-inline);\n    border: var(--brick-border-width) solid transparent;\n    border-radius: var(--brick-toggle-radius);\n    appearance: none;\n    background: var(--brick-color-surface-subtle);\n    color: var(--brick-color-text-primary);\n    font-family: var(--brick-typography-control-md-font-family);\n    font-size: var(--brick-typography-control-md-font-size);\n    font-weight: var(--brick-typography-control-md-font-weight);\n    letter-spacing: var(--brick-typography-control-md-letter-spacing);\n    line-height: var(--brick-typography-control-md-line-height);\n    overflow-wrap: anywhere;\n    text-align: center;\n    text-decoration: none;\n    user-select: none;\n    vertical-align: middle;\n    transition:\n      background-color var(--brick-motion-duration-fast) var(--brick-motion-easing-standard),\n      border-color var(--brick-motion-duration-fast) var(--brick-motion-easing-standard),\n      color var(--brick-motion-duration-fast) var(--brick-motion-easing-standard);\n  }\n\n  :where(\n    .brick-toggle[data-tone=\"neutral\"],\n    .brick-toggle-group[data-tone=\"neutral\"] > .brick-toggle-group-item\n  ) {\n    --brick-toggle-tone-solid: color-mix(\n      in srgb,\n      var(--brick-color-surface-subtle),\n      var(--brick-color-text-primary) 16%\n    );\n    --brick-toggle-tone-solid-hover: color-mix(\n      in srgb,\n      var(--brick-color-surface-subtle),\n      var(--brick-color-text-primary) 22%\n    );\n    --brick-toggle-tone-solid-pressed: color-mix(\n      in srgb,\n      var(--brick-color-surface-subtle),\n      var(--brick-color-text-primary) 28%\n    );\n    --brick-toggle-tone-on-solid: var(--brick-color-text-primary);\n    --brick-toggle-tone-soft: var(--brick-color-surface-subtle);\n    --brick-toggle-tone-soft-hover: var(--brick-color-surface-base);\n    --brick-toggle-tone-soft-pressed: var(--brick-color-border-subtle);\n    --brick-toggle-tone-on-soft: var(--brick-color-text-primary);\n    --brick-toggle-tone-border: var(--brick-color-border-strong);\n    --brick-toggle-tone-text: var(--brick-color-text-primary);\n    --brick-toggle-tone-outline-border: var(--brick-color-border-strong);\n    --brick-toggle-tone-outline-foreground: var(--brick-color-text-primary);\n  }\n\n  :where(.brick-toggle, .brick-toggle-group-item) > :where(svg, img) {\n    flex: 0 0 auto;\n    inline-size: var(--brick-toggle-icon-size);\n    block-size: var(--brick-toggle-icon-size);\n  }\n\n  :where(.brick-toggle, .brick-toggle-group-item):not([data-disabled]) {\n    cursor: pointer;\n  }\n\n  :where(.brick-toggle, .brick-toggle-group-item):focus-visible {\n    z-index: 1;\n    outline: var(--brick-border-focus-width) solid var(--brick-color-focus-ring);\n    outline-offset: var(--brick-border-focus-offset);\n  }\n\n  :where(.brick-toggle, .brick-toggle-group-item)[data-state=\"on\"] {\n    border-color: var(--brick-toggle-tone-border);\n    background: var(--brick-toggle-tone-soft);\n    color: var(--brick-toggle-tone-on-soft);\n    box-shadow: inset 0 -0.125rem 0 var(--brick-toggle-tone-solid);\n  }\n\n  :where(.brick-toggle, .brick-toggle-group-item)[data-variant=\"solid\"][data-state=\"on\"] {\n    border-color: var(--brick-toggle-tone-solid);\n    background: var(--brick-toggle-tone-solid);\n    color: var(--brick-toggle-tone-on-solid);\n    box-shadow: none;\n  }\n\n  :where(.brick-toggle, .brick-toggle-group-item)[data-variant=\"outline\"] {\n    border-color: var(--brick-color-border-default);\n    background: transparent;\n  }\n\n  :where(.brick-toggle, .brick-toggle-group-item)[data-variant=\"outline\"][data-state=\"on\"] {\n    border-color: var(--brick-toggle-tone-outline-border);\n    background: transparent;\n    color: var(--brick-toggle-tone-outline-foreground);\n    box-shadow: none;\n  }\n\n  :where(.brick-toggle, .brick-toggle-group-item)[data-variant=\"ghost\"] {\n    background: transparent;\n  }\n\n  :where(.brick-toggle, .brick-toggle-group-item)[data-variant=\"ghost\"][data-state=\"on\"] {\n    border-color: transparent;\n    background: var(--brick-toggle-tone-soft);\n    box-shadow: none;\n  }\n\n  :where(.brick-toggle, .brick-toggle-group-item):not([data-disabled]):active {\n    background: var(--brick-toggle-tone-soft-pressed);\n  }\n\n  :where(.brick-toggle, .brick-toggle-group-item)[data-variant=\"solid\"][data-state=\"on\"]:not([data-disabled]):active {\n    border-color: var(--brick-toggle-tone-solid-pressed);\n    background: var(--brick-toggle-tone-solid-pressed);\n  }\n\n  :where(.brick-toggle, .brick-toggle-group-item)[data-disabled] {\n    border-color: var(--brick-color-border-subtle);\n    background: var(--brick-color-surface-subtle);\n    color: var(--brick-color-text-disabled);\n    box-shadow: none;\n    cursor: not-allowed;\n    opacity: 0.55;\n  }\n\n  :where(.brick-toggle, .brick-toggle-group-item)[data-disabled][data-state=\"on\"] {\n    border-color: var(--brick-color-border-subtle);\n    background: var(--brick-color-surface-base);\n    box-shadow: none;\n  }\n\n  :where(.brick-toggle, .brick-toggle-group-item)[data-size=\"sm\"] {\n    --brick-toggle-min-block-size: var(--brick-control-min-block-size-sm);\n    --brick-toggle-padding-inline: 0.75rem;\n    --brick-toggle-gap: 0.375rem;\n    --brick-toggle-icon-size: 1rem;\n\n    padding-block: 0.25rem;\n    font-size: var(--brick-typography-control-sm-font-size);\n  }\n\n  :where(.brick-toggle, .brick-toggle-group-item)[data-size=\"lg\"] {\n    --brick-toggle-min-block-size: var(--brick-control-min-block-size-lg);\n    --brick-toggle-padding-inline: 1.25rem;\n    --brick-toggle-gap: 0.625rem;\n    --brick-toggle-icon-size: 1.25rem;\n\n    padding-block: 0.5rem;\n    font-size: var(--brick-typography-control-lg-font-size);\n  }\n\n  :where(.brick-toggle, .brick-toggle-group-item)[data-shape=\"pill\"] {\n    --brick-toggle-radius: var(--brick-radius-full);\n  }\n\n  :where(.brick-toggle, .brick-toggle-group-item)[data-icon-only] {\n    inline-size: var(--brick-toggle-min-block-size);\n    padding-inline: 0;\n  }\n\n  @media (hover: hover) and (pointer: fine) {\n    :where(.brick-toggle, .brick-toggle-group-item):not([data-disabled]):hover {\n      background: var(--brick-color-surface-base);\n    }\n\n    :where(.brick-toggle, .brick-toggle-group-item):not([data-disabled])[data-state=\"on\"]:hover {\n      background: var(--brick-toggle-tone-soft-hover);\n    }\n\n    :where(.brick-toggle, .brick-toggle-group-item)[data-variant=\"solid\"][data-state=\"on\"]:not([data-disabled]):hover {\n      border-color: var(--brick-toggle-tone-solid-hover);\n      background: var(--brick-toggle-tone-solid-hover);\n    }\n\n    :where(.brick-toggle, .brick-toggle-group-item)[data-variant=\"ghost\"]:not([data-disabled]):hover {\n      background: var(--brick-color-surface-subtle);\n    }\n\n    :where(.brick-toggle, .brick-toggle-group-item)[data-variant=\"ghost\"]:not([data-disabled])[data-state=\"on\"]:hover {\n      background: var(--brick-toggle-tone-soft-hover);\n    }\n  }\n\n  @media (prefers-reduced-motion: reduce) {\n    :where(.brick-toggle, .brick-toggle-group-item) {\n      transition-duration: 0ms;\n    }\n  }\n\n  @media (forced-colors: active) {\n    :where(.brick-toggle, .brick-toggle-group-item) {\n      border-color: ButtonText;\n      background: ButtonFace;\n      color: ButtonText;\n    }\n\n    :where(.brick-toggle, .brick-toggle-group-item)[data-state=\"on\"] {\n      border-color: Highlight;\n      background: ButtonFace;\n      color: ButtonText;\n      outline: 0.125rem solid Highlight;\n      outline-offset: -0.25rem;\n      box-shadow: none;\n    }\n\n    :where(.brick-toggle, .brick-toggle-group-item):focus-visible {\n      outline-color: Highlight;\n      outline-offset: var(--brick-border-focus-offset);\n    }\n\n    :where(.brick-toggle, .brick-toggle-group-item)[data-disabled] {\n      border-color: GrayText;\n      color: GrayText;\n      opacity: 1;\n    }\n  }\n}\n","@layer brick.components {\n  .brick-toggle-group {\n    --brick-toggle-group-gap: 0.5rem;\n\n    display: inline-flex;\n    box-sizing: border-box;\n    min-inline-size: 0;\n    max-inline-size: 100%;\n    align-items: stretch;\n    gap: var(--brick-toggle-group-gap);\n  }\n\n  .brick-toggle-group[data-orientation=\"horizontal\"] {\n    flex-flow: row wrap;\n  }\n\n  .brick-toggle-group[data-orientation=\"vertical\"] {\n    flex-direction: column;\n  }\n\n  .brick-toggle-group[data-full-width] {\n    display: flex;\n    inline-size: 100%;\n  }\n\n  .brick-toggle-group[data-full-width] > .brick-toggle-group-item {\n    flex: 1 1 0;\n  }\n\n  .brick-toggle-group > .brick-toggle-group-item {\n    --brick-toggle-min-block-size: var(--brick-control-min-block-size-md);\n    --brick-toggle-padding-inline: 1rem;\n    --brick-toggle-gap: 0.5rem;\n    --brick-toggle-icon-size: 1.125rem;\n  }\n\n  .brick-toggle-group[data-size=\"sm\"] > .brick-toggle-group-item {\n    --brick-toggle-min-block-size: var(--brick-control-min-block-size-sm);\n    --brick-toggle-padding-inline: 0.75rem;\n    --brick-toggle-gap: 0.375rem;\n    --brick-toggle-icon-size: 1rem;\n\n    padding-block: 0.25rem;\n    font-size: var(--brick-typography-control-sm-font-size);\n  }\n\n  .brick-toggle-group[data-size=\"lg\"] > .brick-toggle-group-item {\n    --brick-toggle-min-block-size: var(--brick-control-min-block-size-lg);\n    --brick-toggle-padding-inline: 1.25rem;\n    --brick-toggle-gap: 0.625rem;\n    --brick-toggle-icon-size: 1.25rem;\n\n    padding-block: 0.5rem;\n    font-size: var(--brick-typography-control-lg-font-size);\n  }\n\n  .brick-toggle-group[data-shape=\"pill\"] > .brick-toggle-group-item {\n    --brick-toggle-radius: var(--brick-radius-full);\n  }\n\n  .brick-toggle-group[data-variant=\"solid\"] > .brick-toggle-group-item[data-state=\"on\"] {\n    border-color: var(--brick-toggle-tone-solid);\n    background: var(--brick-toggle-tone-solid);\n    color: var(--brick-toggle-tone-on-solid);\n    box-shadow: none;\n  }\n\n  .brick-toggle-group[data-variant=\"outline\"] > .brick-toggle-group-item {\n    border-color: var(--brick-color-border-default);\n    background: transparent;\n  }\n\n  .brick-toggle-group[data-variant=\"outline\"] > .brick-toggle-group-item[data-state=\"on\"] {\n    border-color: var(--brick-toggle-tone-outline-border);\n    background: transparent;\n    color: var(--brick-toggle-tone-outline-foreground);\n    box-shadow: none;\n  }\n\n  .brick-toggle-group[data-variant=\"ghost\"] > .brick-toggle-group-item {\n    background: transparent;\n  }\n\n  .brick-toggle-group[data-variant=\"ghost\"] > .brick-toggle-group-item[data-state=\"on\"] {\n    border-color: transparent;\n    background: var(--brick-toggle-tone-soft);\n    box-shadow: none;\n  }\n\n  .brick-toggle-group[data-variant=\"solid\"] > .brick-toggle-group-item[data-state=\"on\"]:not([data-disabled]):active {\n    border-color: var(--brick-toggle-tone-solid-pressed);\n    background: var(--brick-toggle-tone-solid-pressed);\n  }\n\n  .brick-toggle-group[data-attached=\"true\"] {\n    --brick-toggle-group-gap: 0;\n\n    flex-wrap: nowrap;\n  }\n\n  .brick-toggle-group[data-attached=\"true\"] > .brick-toggle-group-item {\n    --brick-toggle-radius: 0;\n  }\n\n  .brick-toggle-group[data-attached=\"true\"][data-orientation=\"horizontal\"] > .brick-toggle-group-item + .brick-toggle-group-item {\n    margin-inline-start: calc(-1 * var(--brick-border-width));\n  }\n\n  .brick-toggle-group[data-attached=\"true\"][data-orientation=\"vertical\"] > .brick-toggle-group-item + .brick-toggle-group-item {\n    margin-block-start: calc(-1 * var(--brick-border-width));\n  }\n\n  .brick-toggle-group[data-attached=\"true\"][data-orientation=\"horizontal\"] > .brick-toggle-group-item:first-child {\n    border-start-start-radius: var(--brick-radius-control);\n    border-end-start-radius: var(--brick-radius-control);\n  }\n\n  .brick-toggle-group[data-attached=\"true\"][data-orientation=\"horizontal\"] > .brick-toggle-group-item:last-child {\n    border-start-end-radius: var(--brick-radius-control);\n    border-end-end-radius: var(--brick-radius-control);\n  }\n\n  .brick-toggle-group[data-attached=\"true\"][data-orientation=\"vertical\"] > .brick-toggle-group-item:first-child {\n    border-start-start-radius: var(--brick-radius-control);\n    border-start-end-radius: var(--brick-radius-control);\n  }\n\n  .brick-toggle-group[data-attached=\"true\"][data-orientation=\"vertical\"] > .brick-toggle-group-item:last-child {\n    border-end-start-radius: var(--brick-radius-control);\n    border-end-end-radius: var(--brick-radius-control);\n  }\n\n  .brick-toggle-group[data-attached=\"true\"][data-shape=\"pill\"][data-orientation=\"horizontal\"] > .brick-toggle-group-item:first-child {\n    border-start-start-radius: var(--brick-radius-full);\n    border-end-start-radius: var(--brick-radius-full);\n  }\n\n  .brick-toggle-group[data-attached=\"true\"][data-shape=\"pill\"][data-orientation=\"horizontal\"] > .brick-toggle-group-item:last-child {\n    border-start-end-radius: var(--brick-radius-full);\n    border-end-end-radius: var(--brick-radius-full);\n  }\n\n  .brick-toggle-group[data-attached=\"true\"][data-shape=\"pill\"][data-orientation=\"vertical\"] > .brick-toggle-group-item:first-child {\n    border-start-start-radius: var(--brick-radius-full);\n    border-start-end-radius: var(--brick-radius-full);\n  }\n\n  .brick-toggle-group[data-attached=\"true\"][data-shape=\"pill\"][data-orientation=\"vertical\"] > .brick-toggle-group-item:last-child {\n    border-end-start-radius: var(--brick-radius-full);\n    border-end-end-radius: var(--brick-radius-full);\n  }\n\n  @media (hover: hover) and (pointer: fine) {\n    .brick-toggle-group[data-variant=\"solid\"] > .brick-toggle-group-item[data-state=\"on\"]:not([data-disabled]):hover {\n      border-color: var(--brick-toggle-tone-solid-hover);\n      background: var(--brick-toggle-tone-solid-hover);\n    }\n  }\n}\n","@layer brick.components {\n  :where(.brick-tooltip__arrow, .brick-hover-card__arrow, .brick-popover__arrow) {\n    color: var(--brick-floating-arrow-stroke, var(--brick-tooltip-border-color));\n    fill: var(--brick-floating-arrow-fill, var(--brick-tooltip-background));\n    filter: drop-shadow(0 1px 0 var(--brick-floating-arrow-stroke, var(--brick-tooltip-border-color)));\n  }\n}\n","@layer brick.components {\n  .brick-tooltip {\n    --brick-tooltip-background: var(--brick-color-text-primary);\n    --brick-tooltip-foreground: var(--brick-color-surface-base);\n    --brick-tooltip-border-color: color-mix(in srgb, var(--brick-tooltip-foreground), transparent 72%);\n    --brick-tooltip-radius: var(--brick-radius-control);\n    --brick-tooltip-shadow: 0 0.5rem 1.5rem color-mix(in srgb, var(--brick-color-shadow), transparent 28%);\n    --brick-tooltip-max-inline-size: 20rem;\n    --brick-tooltip-padding-block: var(--brick-space-2);\n    --brick-tooltip-padding-inline: var(--brick-space-3);\n    --brick-tooltip-rich-max-inline-size: 24rem;\n    --brick-tooltip-rich-gap: var(--brick-space-1);\n\n    z-index: calc(var(--brick-layer-overlay) - 1);\n    box-sizing: border-box;\n    inline-size: max-content;\n    max-inline-size: min(var(--brick-tooltip-max-inline-size), calc(100vi - 2rem));\n    padding-block: var(--brick-tooltip-padding-block);\n    padding-inline: var(--brick-tooltip-padding-inline);\n    border: var(--brick-border-width) solid var(--brick-tooltip-border-color);\n    border-radius: var(--brick-tooltip-radius);\n    background: var(--brick-tooltip-background);\n    box-shadow: var(--brick-tooltip-shadow);\n    color: var(--brick-tooltip-foreground);\n    font-family: var(--brick-typography-supporting-sm-font-family);\n    font-size: var(--brick-typography-supporting-sm-font-size);\n    font-weight: var(--brick-typography-supporting-sm-font-weight);\n    letter-spacing: var(--brick-typography-supporting-sm-letter-spacing);\n    line-height: var(--brick-typography-supporting-sm-line-height);\n    opacity: 0;\n    overflow-wrap: anywhere;\n    pointer-events: auto;\n    translate: 0 0;\n    transition:\n      opacity var(--brick-motion-duration-fast) var(--brick-motion-easing-enter),\n      translate var(--brick-motion-duration-fast) var(--brick-motion-easing-enter);\n  }\n\n  .brick-tooltip[data-positioned] {\n    opacity: 1;\n  }\n\n  .brick-tooltip[data-state=\"closed\"] {\n    opacity: 0;\n  }\n\n  .brick-tooltip[data-side=\"top\"]:not([data-state=\"closed\"]) {\n    translate: 0 -0.2rem;\n  }\n\n  .brick-tooltip[data-side=\"bottom\"]:not([data-state=\"closed\"]) {\n    translate: 0 0.2rem;\n  }\n\n  .brick-tooltip[data-side=\"left\"]:not([data-state=\"closed\"]) {\n    translate: -0.2rem 0;\n  }\n\n  .brick-tooltip[data-side=\"right\"]:not([data-state=\"closed\"]) {\n    translate: 0.2rem 0;\n  }\n\n  .brick-tooltip[data-shape=\"pill\"] {\n    --brick-tooltip-radius: var(--brick-radius-full);\n  }\n\n  .brick-tooltip[data-variant=\"rich\"] {\n    display: grid;\n    max-inline-size: min(var(--brick-tooltip-rich-max-inline-size), calc(100vi - 2rem));\n    gap: var(--brick-tooltip-rich-gap);\n    padding-block: var(--brick-space-3);\n    padding-inline: var(--brick-space-4);\n  }\n\n  .brick-tooltip[data-side=\"top\"] .brick-tooltip__arrow {\n    translate: 0 calc(var(--brick-border-width) * -1);\n    filter: drop-shadow(0 1px 0 var(--brick-tooltip-border-color));\n  }\n\n  .brick-tooltip[data-side=\"right\"] .brick-tooltip__arrow {\n    translate: var(--brick-border-width) 0;\n    filter: drop-shadow(-1px 0 0 var(--brick-tooltip-border-color));\n  }\n\n  .brick-tooltip[data-side=\"bottom\"] .brick-tooltip__arrow {\n    translate: 0 var(--brick-border-width);\n    filter: drop-shadow(0 -1px 0 var(--brick-tooltip-border-color));\n  }\n\n  .brick-tooltip[data-side=\"left\"] .brick-tooltip__arrow {\n    translate: calc(var(--brick-border-width) * -1) 0;\n    filter: drop-shadow(1px 0 0 var(--brick-tooltip-border-color));\n  }\n\n  .brick-tooltip__title,\n  .brick-tooltip__description {\n    min-inline-size: 0;\n    margin: 0;\n  }\n\n  .brick-tooltip__title {\n    color: inherit;\n    font-family: var(--brick-typography-compact-title-font-family);\n    font-size: var(--brick-typography-compact-title-font-size);\n    font-weight: var(--brick-typography-compact-title-font-weight);\n    letter-spacing: var(--brick-typography-compact-title-letter-spacing);\n    line-height: var(--brick-typography-compact-title-line-height);\n  }\n\n  .brick-tooltip__description {\n    color: color-mix(in srgb, currentColor, transparent 18%);\n    font-family: var(--brick-typography-supporting-sm-font-family);\n    font-size: var(--brick-typography-supporting-sm-font-size);\n    font-weight: var(--brick-typography-supporting-sm-font-weight);\n    letter-spacing: var(--brick-typography-supporting-sm-letter-spacing);\n    line-height: var(--brick-typography-supporting-sm-line-height);\n  }\n\n  @media (prefers-reduced-motion: reduce) {\n    .brick-tooltip {\n      translate: 0 0;\n      transition-duration: 1ms;\n    }\n  }\n\n  @media (forced-colors: active) {\n    .brick-tooltip {\n      --brick-tooltip-background: Canvas;\n      --brick-tooltip-foreground: CanvasText;\n      --brick-tooltip-border-color: CanvasText;\n      box-shadow: none;\n    }\n\n    .brick-tooltip__arrow {\n      color: CanvasText;\n      fill: Canvas;\n      filter: none;\n      stroke: CanvasText;\n    }\n  }\n}\n"],"names":[]}