{"version":3,"file":"3090.cdfac32ddd822ed10d7c.css","mappings":"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CI,oBACA,eAGJ,iCACI,aACA,mBAGJ,uCACI,kBACA,kDACA,eACA,iBAIR,sBACI,aACA,sBACA,uBACA,YACA,kBACA,WACA,aACA,kDACA,kBAEA,6BACI,cACA,YACA,+BACA,wBACA,kBACA,gBAGJ,mCACI,+BAGJ,2CACI,kBACA,WAKZ,SACI,kBACA,UACA,WACA,eACA,YAGJ,oBACI,kBACA,MACA,kDACA,eAGJ,0BACI,kBACA,MACA,aACA,QACA,eACA,kBAGJ,qBACI,gBACA,kDACA,YACA,eAGJ,2BACI,MACA,aACA,QACA,UACA,iBACA,eAGJ,mBACI,gEC5UU,CD6UV,a;AE/VA,kBACI,aACA,gBACA,WACA,YACA,mBACA,sBACA,WACA,cACA,eACA,eDKgB,CCJhB,gBACA,uBACA,mB;ACZJ,wBACI,WACA,aACA,uD;ACPR,kBACI,kBACA,gBACA,WACA,gBACA,YACA,iBAEA,qCACI,oCACI,aAIR,yBACI,kBACA,UACA,WACA,YACA,UACA,mCAGJ,6BACI,WACA,YACA,iBAGJ,+BACI,UACA,UAGJ,kCACI,UACA,iBACA,kCACA,eACA,eAEA,2CACI,WAGJ,gDACI,kBACA,QAGJ,+CACI,kBACA,OAIR,oCACI,kBACA,UACA,UACA,aACA,WACA,mBACA,2BAEA,uDACI,iBAEA,kEACI,kBACA,aACA,WACA,YACA,mBACA,uBACA,qCACA,eACA,eACA,gBAGJ,iEACI,WACA,qBAGJ,0HAEI,UACA,2BAIR,oDACI,aAEA,yDACI,UACA,WACA,aACA,4CACA,kBAGJ,gEACI,UACA,WACA,eACA,4BACA,qD;ATuOhB,8BACI,QAEI,kCAGJ,QAEI,iCAGJ,YAGI,kCAGJ,QAEI,kCU7VJ,8FACI,8BAIA,0HACI,iBAIR,4FACI,gBACA,UAEA,wHACI,YACA,sBACA,kCACA,kBAEA,4IACI,+BAKJ,0KACI,mBAGJ,oJACI,kBACA,SACA,WACA,wBACA,eACA,kBACA,mBACA,iBAIR,sHACI,SACA,WACA,WACA,YACA,kCACA,eACA,kBACA,mBACA,iBACA,YAIR,kGACI,kBACA,kBAGJ,gGACI,aACA,UACA,YACA,yBAEA,8GACI,QACA,UACA,aACA,WACA,YACA,mBACA,uBACA,kBACA,kDACA,eACA,gBAEA,0HACI,6DACA,kDAGJ,4HACI,kDACA,mBAKZ,gGACI,4BACA,YACA,kBAIA,0JACI,UACA,mBAEA,sLACI,sBAEA,oMACI,SACA,WACA,WACA,YACA,gBAEA,kNACI,4CACA,uBAGJ,gNACI,sBACA,mDAIR,kOACI,UACA,4BACA,6BAEA,wOACI,kCACA,eAKZ,kLACI,oBAEA,0NACI,UAIR,sLACI,kBACA,+BACA,gCAGJ,gMACI,aACA,sBACA,OACA,aACA,sDACA,mBACA,gDACA,kBAEA,0MACI,kCACA,eACA,gBACA,iBAGJ,oMACI,iBACA,wBACA,eACA,iBAEA,oNACI,SAKZ,sMACI,kBACA,YACA,kBACA,gBVqCZ,YACA,eACA,eACA,iBUpCY,oNACI,iBACA,oCACA,4CACA,uBAEA,gOACI,4CAGJ,kOACI,4CAGJ,gOACI,sBACA,kBACA,mDAIR,oNV/FZ,kBACA,oBACA,mBACA,uBACA,SACA,4BACA,kBACA,0BACA,gBACA,6BUyFgB,2BACA,gCVxFhB,gOACI,4FAGJ,kOACI,4FAGJ,gOACI,sBACA,mDACA,aAGJ,sOACI,uDACA,kDACA,mBAGJ,wNACI,aACA,eUoEY,gOACI,kBAGJ,kqBAGI,2GAIR,sNVhHZ,kBACA,oBACA,mBACA,uBACA,SACA,4BACA,kBACA,0BACA,gBACA,6BAkGA,YACA,eACA,eACA,iBAnGA,kOACI,4FAGJ,oOACI,4FAGJ,kOACI,sBACA,mDACA,aAGJ,wOACI,uDACA,kDACA,mBAGJ,0NACI,aACA,eUmFY,kOACI,kBAMhB,qCA1IJ,4HA2IQ,SAEA,wJACI,+BAKZ,sIACI,WACA,YAIR,sBACI,4BAEA,yBACI,SACA,eACA,gBACA,iBAIR,oBACI,kBACA,WACA,eACA,kDACA,sBACA,eACA,kBACA,mBACA,iBAGJ,sBACI,kBACA,YACA,eACA,gBACA,iBAEA,6BACI,oCACA,uBAGJ,8BACI,4BACA,kBACA,0BAEA,uCACI,uDACA,kD;AC9SR,8CACI,cACA,kBACA,kBACA,YACA,gBACA,wCACA,kBACA,gDACA,2BACA,eACA,gBACA,iBAEA,mEACI,gDACA,qBAGJ,qDACI,gDACA,qBAGJ,oDACI,gDACA,qB;AXyTZ,8BACI,QAEI,kCAGJ,QAEI,iCAGJ,YAGI,kCAGJ,QAEI,kCYnWJ,wCACI,eAEA,qDACI,aACA,iBACA,OACA,mBACA,uBACA,gBAGJ,+CACI,WACA,cACA,kBACA,kCACA,kCACA,eACA,kBACA,gBACA,iBACA,gBAGJ,qDACI,WACA,cACA,eACA,wBACA,eACA,kBACA,mBACA,iBACA,gBAGJ,kEACI,eACA,YACA,UACA,kDACA,eACA,kBACA,mBACA,iBAIA,kEACI,kBAGJ,wEACI,eAGJ,wEACI,iBACA,aAGJ,oFACI,aACA,yBACA,gBAEA,qGZmBZ,oBACA,mBACA,SACA,4CACA,kBACA,uBACA,gBACA,6BAqIA,YACA,eACA,eACA,iBY9JgB,YACA,eZuBhB,8GACI,uDACA,kDAGJ,mHACI,4CAGJ,oHACI,4CAGJ,uGACI,aACA,eAEA,+GACI,iBYtCI,oGZ4CZ,kBACA,oBACA,mBACA,uBACA,SACA,4BACA,kBACA,0BACA,gBACA,6BA2FA,YACA,eACA,eACA,iBY/IgB,gBZmDhB,0GACI,4FAGJ,2GACI,4FAGJ,0GACI,sBACA,mDACA,aAGJ,6GACI,uDACA,kDACA,mBAGJ,sGACI,aACA,e;Aa3JJ,iCACI,8BAGJ,mCACI,iBACA,qBACA,yDACA,oCACA,kBACA,kCAGJ,kCAwBI,YACA,gBACA,UACA,SACA,+CACA,kBACA,kCA7BA,yCAUI,QACA,UACA,WACA,YACA,kBACA,6DACA,kCACI,CAEJ,eACA,gBAnBA,oMAII,6DACA,kDACA,UAyBZ,gCACI,aACA,gBACA,WACA,sBACA,+BAEA,yCACI,kBAEA,uDAUI,YACA,mBACA,kBACA,iBACA,YACA,4CACA,kBACA,uBACA,eACA,gBACA,iBAnBA,4PAII,YACA,4CACA,kBAgBR,mDAUI,YACA,UACA,iBACA,YACA,gBACA,4BACA,kBACA,8BACA,eACA,gBACA,iBAnBA,4OAII,2FACI,CAmBpB,oCACI,kBAGJ,kCACI,uBACA,YACA,kB;AChHR,uCACI,wBAGJ,MACI,wCAGJ,2CACI,iCAGJ,2CACI,8BAGJ,iBACI,WAEA,wBACI,kBACA,UACA,OACA,WACA,UACA,SACA,kBACA,gBACA,kCACA,eACA,iBACA,UAEA,qCACI,kDAGJ,qCACI,gBAGJ,8BACI,YACA,eACA,iBAIR,gCACI,aACA,OACA,eACA,aACA,kDACA,eACA,iBAGJ,uCACI,kBACA,iBACA,wBACA,eACA,iBAGJ,qCACI,+BAGJ,uGAGI,eACA,eACA,iBACA,gBAEA,6GACI,YACA,oBACA,iBACA,eAEA,qIACI,SAKZ,gCAGI,aAGJ,kCAGI,aAGJ,kCAGI,aAGJ,+BACI,kDAEA,0CACI,gBAIR,iCACI,kBACA,UACA,aACA,WACA,sBACA,cACA,6DACA,kBACA,2CAEA,uCACI,yDAGJ,8CACI,8BACA,4CACA,uBAEA,4DACI,uBAKZ,yCACI,+BACA,wBAEA,sDACI,+BACA,6CACA,wBAEA,oEACI,wBAIR,+CACI,+BAGJ,uDACI,wBAIR,+BACI,kBACA,UACA,SACA,aACA,WACA,cACA,YACA,iBACA,0CACA,kDACA,eACA,iBACA,UACA,0BACA,yBACA,sCACA,uCACA,mBAGJ,uCACI,cACA,UACA,wBAIA,0CACI,yDACA,6D;AdiJZ,8BACI,QAEI,kCAGJ,QAEI,iCAGJ,YAGI,kCAGJ,QAEI,kCepWR,2BACI,aAEA,wCACI,yCAGJ,0CACI,qBACA,yDACA,oCACA,kBACA,kCAGJ,yCAwBI,YACA,UACA,SACA,+CACA,kBACA,kCA5BA,gDAUI,QACA,UACA,WACA,YACA,kBACA,6DACA,kCACI,CAEJ,eACA,gBAnBA,gOAII,6DACA,kDACA,UAwBZ,uCACI,aACA,gBACA,WACA,yBACA,sBACA,UAEA,2DACI,YACA,yBAEA,6EACI,SACA,YAIR,qEACI,uBACA,oBACA,2BAGJ,gEACI,mBACA,kCACA,eACA,gBACA,iBAGJ,sEACI,mBACA,kCACA,eACA,gBACA,iBAGJ,qEACI,gBAGJ,2DACI,aAEA,kEf0BR,kBACA,oBACA,mBACA,uBACA,SACA,4BACA,kBACA,0BACA,gBACA,6BehCY,iBfkCZ,wEACI,4FAGJ,yEACI,4FAGJ,wEACI,sBACA,mDACA,aAGJ,2EACI,uDACA,kDACA,mBAGJ,oEACI,aACA,eenDJ,2CACI,kBAGJ,yCACI,uBACA,YACA,kB;AC/GJ,wCACI,kBACA,kBACA,YACA,eACA,gBACA,iBAGJ,kCACI,e;ACRR,aACI,aACA,gBACA,uBACA,aACA,iBACA,kBAGJ,mBACI,eACA,iBAEA,qBACI,iBAEA,6BACI,SAKZ,mBACI,iBACA,YACA,cACA,iBACA,eAGJ,oBACI,gBACA,iBAGJ,4BACI,gBACA,wBAEA,qDAKI,kBACA,YACA,kCACA,kBACA,WACA,eACA,gBAVA,2DACI,mBAYR,sDAKI,kBACA,YACA,gBACA,+BACA,kBACA,cATA,4DACI,uCAYZ,sBACI,eACA,iBAGJ,0BACI,aACA,YACA,YACA,gBACA,kBAEA,gCACI,2BAKJ,yBACI,qDACA,mDAEA,4CACI,wBAIR,uBACI,+DACA,6DAEA,0CACI,wCAIR,0BACI,mDACA,iDAEA,6CACI,4BAIR,0BACI,qDACA,mDAEA,6CACI,iCAIR,qCACI,kCAGJ,4CACI,kDAKJ,yBACI,yDACA,uDAEA,4CACI,4BAIR,uBACI,mEACA,iEAEA,0CACI,4CAIR,0BACI,uDACA,qDAEA,6CACI,gCAIR,0BACI,yDACA,uDAEA,6CACI,kCAIR,qCACI,sCAGJ,4CACI,sD;AC9KJ,yBACI,eACA,wBAGJ,+BACI,cACA,kBACA,kBACA,YACA,gBACA,wCACA,kBACA,gDACA,2BACA,eACA,gBACA,iBAEA,oDACI,gDACA,qBAGJ,sCACI,gDACA,qBAGJ,qCACI,gDACA,qB;AC/BR,yCACI,eACA,kCAEA,sDACI,aACA,iBACA,OACA,mBACA,uBACA,iBAGJ,oDACI,gBACA,kBACA,kCACA,eACA,iBAGJ,gDACI,WACA,cACA,kBACA,kCACA,eACA,kBACA,gBACA,iBACA,gBAGJ,sDACI,WACA,cACA,eACA,wBACA,eACA,kBACA,mBACA,iBACA,gBAGJ,qDACI,UACA,YACA,gBACA,kDACA,wBACA,eACA,kBACA,mBACA,iBAGJ,mEACI,eACA,YACA,UACA,kDACA,eACA,kBACA,mBACA,iB;AClEZ,qBACI,aAEA,kCACI,yCAGJ,oCACI,aACA,qBACA,yDACA,oCACA,kBACA,kCAGJ,mCAyBI,YACA,UACA,SACA,+CACA,kBACA,kCA7BA,0CAUI,QACA,UACA,WACA,YACA,gBACA,kBACA,6DACA,kCACI,CAEJ,eACA,gBApBA,wMAII,6DACA,kDACA,UAyBZ,iCACI,aACA,gBACA,WACA,yBACA,sBACA,UAEA,uDACI,cACA,oBACA,8EACA,mBAGJ,qDACI,YACA,yBAEA,uEACI,SACA,YAIR,0CACI,kBAEA,wDAUI,YACA,mBACA,kBACA,iBACA,YACA,4CACA,kBACA,uBACA,eACA,gBACA,iBAnBA,gQAII,YACA,4CACA,kBAgBR,oDAUI,YACA,UACA,iBACA,YACA,gBACA,4BACA,kBACA,8BACA,eACA,gBACA,iBAnBA,gPAII,2FACI,CAkBhB,0GAEI,iBACA,kBAIR,qCACI,kBAGJ,mCACI,uBACA,YACA,kB;ACzIJ,sBAgBI,aACA,sBACA,qBACA,uBACA,kBAnBA,8BACI,mBACA,iBAEA,wDACI,iBAKJ,uDACI,iBAUR,sCACI,gBACA,kCACA,eACA,gBACA,iBAEA,qCAPJ,sCAQQ,eACA,uBACA,kBAIR,uCAKI,gBACA,kCACA,eACA,kBACA,mBACA,iBATA,6CACI,cAWR,2CACI,aACA,YACA,uBACA,gBACA,eACA,gBACA,SACA,iBACA,kBAGJ,4CACI,YACA,WACA,cACA,gBACA,+BACA,kBAGJ,iDACI,YACA,mBACA,kBAIA,iDACI,4BACA,kBACA,0BAKJ,0DACI,kDACA,kBACA,uBAIR,wCACI,gBACA,kBACA,cACA,eACA,gBACA,iBACA,kBAIR,0BACI,kBAGI,qCADJ,8BAEQ,Y;AC5GZ,2CACI,QACA,0B;ACHR,iCACI,aACA,YACA,YACA,YAEA,wGAEI,cACA,WAGJ,wDACI,kBACA,YACA,YACA,YAGJ,gDACI,kBACA,WACA,YACA,wCACA,iBACA,mBAGJ,qEACI,cAGJ,8CACI,kBACA,uBACA,6BAGJ,4CACI,wBAGJ,6CACI,yBAGJ,iEACI,8BAGJ,kEACI,+BAGJ,6CACI,QACA,UACA,WACA,YACA,kBACA,yBACA,eACA,kBAGJ,gDACI,6BACA,gBACA,iBAGJ,kDACI,6CACA,gBACA,iBAIR,oBACI,aAEA,GACI,YAIR,qBACI,KACI,WAGJ,GACI,SAIR,2BACI,YAEA,GACI,WAIR,0BACI,KACI,UAGJ,GACI,Q;AC9GR,aACI,mBACA,kBACA,cAEA,uBACI,aACA,WACA,mBAGJ,+BAMI,UACA,gBACA,kBAPA,8CACI,cACA,aAQR,+BACI,UACA,gBAGJ,4BACI,mBACA,kDACA,eACA,gBACA,gBAGJ,4BACI,kBACA,eACA,YACA,mBAEA,+CACI,aACA,qDAEA,8EACI,6CAIR,4CACI,qDACA,mGAIR,yBACI,WAGJ,mBACI,eAGJ,mKAII,wEACA,+DAGJ,6BACI,YACA,gBACA,oCAEA,4CACI,SAIA,4DACI,iBAIR,yDACI,gBACA,4CACA,uBAGJ,oDACI,gBACA,mBACA,6CACA,wBAGJ,iEACI,6CACA,wBAGJ,oCACI,YACA,mBAEA,iDACI,kCACA,YAKZ,gCACI,YACA,mBACA,sBACA,aACA,6DACA,mBACA,gBACA,kBAGJ,sCACI,mBACA,4BACA,uBACA,eACA,gBACA,qBACA,iBACA,WACA,yBAGJ,qCACI,oBACA,wCACA,4BACA,4BACA,eACA,iBAGJ,wCACI,gBACA,mBACA,4BACA,4BACA,eACA,iBAGJ,iCACI,cACA,4BACA,eACA,gBACA,iB;AClKR,gBACI,iBAGJ,gBACI,kBACA,WACA,MACA,WACA,YAGJ,yBACI,YACA,WACA,cACA,gBACA,iDACA,kBAGJ,8BACI,YACA,4BACA,kB;ACxBJ,eACI,eAEA,+BACI,gBAGJ,8BACI,cAGJ,sBACI,eACA,iBAEA,mDACI,gBAIR,6BACI,gBAIR,oCACI,iBAEA,sCACI,kDACA,mBAEA,8CACI,SAKZ,2BACI,eACA,kBACA,eACA,iBAGJ,oCACI,kDACA,kCAGJ,mCACI,6D;ACnDJ,qCACI,YACA,WACA,cACA,gBACA,iDACA,kBAGJ,0CACI,YACA,mBACA,kBAGJ,iCACI,kBACA,kB;ACdJ,yCACI,aAGJ,2BACI,aAEA,kCACI,iBAGJ,yCACI,kBACA,QACA,SACA,YACA,aACA,YACA,YACA,2CAEA,wDACI,YACA,0CACA,mBACA,6BtBUE,CsBNV,yCACI,YACA,gBACA,YACA,mBAGJ,8DACI,aACA,mBACA,8BACA,kBACA,YACA,eACA,gBAEA,2IAEI,aAIJ,2EACI,0CACA,kCAGJ,0EACI,UACA,YACA,qBACA,wBACA,gBACA,gBACA,iDACA,eACA,aACA,gBAEA,iPAGI,iDAKZ,uCACI,kBACA,cACA,YACA,mBAKI,gHACI,mBACA,eACA,gBAGJ,yHACI,iBAGJ,8HACI,iBAGJ,oIACI,eACA,cAIR,iEACI,gBACA,mBACA,iBAGJ,qEACI,aACA,YACA,mBACA,gBACA,mBACA,4BACA,gBACA,iBAEA,8FACI,YACA,eAGJ,mFACI,eAIR,6FACI,cAIR,+DACI,YACA,YAEA,8EACI,kBACA,kDACA,kBACA,iCACA,eACA,gBACA,iBAGJ,gFACI,kBACA,gBACA,sCACA,kBACA,WACA,eACA,gBACA,iB;AC/JZ,oBACI,aACA,mBACA,oBACA,evBYoB,CuBVpB,+BACI,iBAGJ,0BACI,kDACA,eAGJ,yBACI,YACA,mBACA,kBACA,kDAEA,qCACI,eAIR,+BACI,mBAGJ,iCACI,iBACA,eACA,kCACA,eACA,iB;ACpCJ,qCACI,kCAGJ,8BACI,oBACA,gBAGJ,gCACI,0CAGJ,6BACI,kCAGJ,8CAGI,+BACA,oEAIR,sBACI,a;AC3BJ,SACI,kBACA,aACA,sBACA,uBAGI,4CACI,eAKZ,2BACI,aACA,iBACA,mBAEA,mDACI,OAGJ,sCACI,OACA,SACA,kBACA,iCACA,yBACA,eACA,kBACA,gBACA,iBACA,iB;AChCR,eACI,kBACA,WACA,YACA,gBACA,8BACA,kBACA,0CACA,sBACA,kBACA,gBACA,kCACA,wBACA,eACA,iBACA,aAGJ,wBACI,wBAGJ,4BACI,kDACA,eACA,WAGJ,kCACI,oBAGJ,qBACI,2BACA,sC;AClCJ,0BACI,QACA,SACA,kBACA,6BACA,wCACA,gCAEA,yCACI,kBAEA,uDACI,UACA,YACA,2BACA,iCAEA,oEACI,cACA,eACA,qBAIR,qDACI,UAEA,4EACI,kBAIR,gDACI,oC;ACjCZ,qBACI,SACA,YACA,cACA,cACA,kBACA,6BAEA,mCACI,cACA,iBACA,YACA,iCACA,cAEA,0CACI,gBACA,mBACA,oCAGJ,gDACI,cACA,yBACA,eACA,kBACA,gBAGJ,6CACI,gBACA,yBACA,yBACA,eACA,kBAIR,iCACI,6BAGJ,4BACI,WACA,eACA,YACA,oBAGJ,mCACI,WACA,eACA,YACA,oBAGJ,iCACI,UAEA,sDACI,sBACA,WAEA,0DACI,cAKZ,gCACI,aAEA,uCACI,cACA,gBACA,gBACA,eACA,kBACA,iB;AC9EZ,sBACI,WACA,eACA,iEACA,8CACA,kBACA,qCACA,sCAIA,2DACI,yBACA,eACA,qBAIR,4BACI,aACA,mBACA,4BACA,wEAGJ,oCACI,eACA,gBACA,iBAGJ,uCACI,eACA,iBAGJ,0BACI,aAGJ,2BACI,aACA,sBACA,mBAGJ,mCACI,gBACA,sCACA,eACA,iBAGJ,gCACI,gBACA,mBACA,2BACA,eACA,gBACA,iBAGJ,mCACI,gBAGJ,uBACI,WAEA,oDAEI,iBAIR,8BACI,wEACA,2DACA,gBACA,iBAEA,yCACI,wEAIR,2BACI,wEAEA,iCACI,eAIR,kCACI,eACA,sDACA,eACA,iBAGJ,mCACI,gBAGJ,6BACI,gBACA,gBAGJ,yBACI,YACA,kBAGJ,+BACI,kCAEA,iCACI,iBACA,iBAEA,yCACI,SAIR,oCACI,gBACA,gBAGJ,sCACI,4BAGJ,4CACI,sDAKJ,sOAMI,qBAIR,wBACI,aACA,mBACA,yBACA,eAEA,6BACI,iBAGJ,+BACI,YACA,YACA,YACA,gBACA,gBACA,kBAEA,iCACI,eAEA,yCACI,SAIR,wCACI,WAGJ,oDACI,2D;ACvLZ,WACI,WACA,eACA,YACA,gBACA,gBACA,iB;ApC8UJ,8BACI,QAEI,kCAGJ,QAEI,iCAGJ,YAGI,kCAGJ,QAEI,kCqCrWR,cACI,mBAEA,qBACI,UACA,eACA,kDACA,0BACA,2BACA,4BAGJ,sBACI,uBACA,qBACA,uBACA,oCACA,kCACA,0BACA,2BACA,4BAIR,qBACI,kBACA,kDACA,eACA,gBAIA,iCACI,gBACA,iBACA,oCACA,mBAGJ,gCACI,kBACA,QACA,SACA,gBACA,YACA,2CAGJ,gCACI,iBACA,oBACA,4BAGJ,gCACI,4BAGJ,gEAEI,aACA,mBACA,kBAGJ,4CACI,qBACA,YAEA,yDACI,oCAGJ,+CACI,SACA,kDACA,eACA,iBACA,iBAGJ,wDACI,UACA,YACA,iBACA,oCACA,kDACA,eAIR,8BACI,cACA,cACA,eACA,mBACA,kDAGJ,4CACI,mBAEA,gDACI,WACA,YACA,kBACA,cAIR,wBACI,kBAEA,kCACI,mBACA,kDACA,eACA,gBAGJ,gCACI,aACA,mBACA,kDACA,eACA,gBAGJ,+BACI,kBACA,eACA,sBAGJ,kCACI,YACA,sBAGJ,+BACI,aACA,mBACA,SAEA,qCACI,wBACA,eAGJ,qCACI,oBACA,WACA,YACA,YACA,mBACA,+FAIR,kCACI,WACA,oCACA,6CACA,kBACA,YAIR,0BACI,mBACA,yBACA,QAEA,qCrCrFJ,oBACA,mBACA,SACA,4CACA,kBACA,uBACA,gBACA,6BAqIA,YACA,eACA,eACA,iBAtIA,8CACI,uDACA,kDAGJ,mDACI,4CAGJ,oDACI,4CAGJ,uCACI,aACA,eAEA,+CACI,iBqC+DJ,mCrCzDJ,kBACA,oBACA,mBACA,uBACA,SACA,4BACA,kBACA,0BACA,gBACA,6BAkGA,YACA,eACA,eACA,iBAnGA,yCACI,4FAGJ,0CACI,4FAGJ,yCACI,sBACA,mDACA,aAGJ,4CACI,uDACA,kDACA,mBAGJ,qCACI,aACA,e;AsC5JR,yBACI,YACA,WACA,cACA,gBACA,+BACA,kBAGJ,8BACI,YACA,mBACA,kBAGJ,qBACI,kBACA,kB;ACjBJ,eACI,gBACA,YAEA,mBAKI,aACA,gBACA,WACA,YACA,mBACA,YACA,eACA,yBACA,uBACA,mBACA,kCACA,wBACA,eACA,gBAjBA,8BACI,aAmBA,qDACI,kDACA,eAIA,4DACI,qBACA,iBACA,4BACA,eAIR,kCACI,kCAIR,mCACI,gBACA,kDACA,eACA,iBAGJ,8BACI,gBAGJ,gCACI,mBAGJ,wBACI,UAEA,+BACI,gBAGJ,+BACI,eAIR,kCACI,UACA,iBAEA,kDACI,qBACA,eACA,kBACA,mBACA,iBAEA,wFACI,YACA,aACA,sBACA,aACA,6DACA,cACA,sBACA,kBACA,qCAEA,mGACI,0BACA,2BAGJ,kIACI,cAIR,yDACI,eACA,kBACA,gBACA,iBAGJ,qEACI,6BACA,YACA,gBACA,uBACA,eACA,gBACA,iBAKZ,+BACI,yDAGJ,wBACI,gBACA,aACA,UACA,sBACA,mBAEA,oCACI,aACA,qBACA,cACA,eACA,gBACA,cAEA,oDACI,eACA,mBACA,eAEA,4DACI,YAKZ,sCACI,kBACA,gBACA,eACA,mBAGJ,yCAKI,kBAJA,oDACI,mBAKJ,2FAEI,WACA,YACA,kBACA,YACA,gBACA,6BACA,eACA,gBACA,iBAIR,kCACI,kBACA,YACA,aAEA,6CACI,kBACA,UACA,UACA,aACA,YACA,mBACA,uBACA,aACA,4BACA,wBACA,eACA,kBACA,gBACA,QACA,iBAGJ,uCACI,YACA,0BAGJ,0CAKI,mBACA,kBACA,6DACA,0CACA,0BARA,mFACI,aASJ,6DACI,gBAGJ,qDACI,sBACA,iCACA,yBACA,eACA,kBACA,gBACA,iBACA,kBAGJ,2DACI,WACA,YACA,kBACA,YACA,gBACA,kBACA,6BACA,eACA,gBACA,iBAEA,kEACI,uDACA,kDAGJ,kEACI,wCAGJ,mEACI,kCACA,0BAIR,8DACI,eACA,wBACA,eACA,kBACA,gBACA,iBACA,kBAGJ,uEACI,WACA,aACA,gBACA,mBACA,gBACA,uBACA,kBAEA,wFACI,wDACA,kBACA,yBAEA,uGACI,iBACA,eACA,gBAGJ,uGACI,iBACA,cACA,eACA,gBACA,iBAGJ,wGAKI,iBACA,oBACA,6BACA,yBACA,eACA,kBACA,gBACA,iBAXA,8GACI,eAcZ,0EACI,kCACA,yBACA,eACA,kBACA,gBACA,iBAGJ,yFACI,eAGJ,yEACI,kDACA,yBACA,eACA,kBACA,iBAIR,mEACI,WACA,aACA,oEACA,gBACA,uBACA,kBAEA,sEACI,kDACA,yBACA,eACA,kBACA,iBAGJ,gFACI,gBACA,gBAGJ,sEACI,SACA,kCACA,yBACA,eACA,kBACA,gBACA,iBAGJ,qFACI,eAGJ,qEACI,kDACA,yBACA,eACA,kBACA,iBAGJ,+EACI,gBAIR,qEACI,gBACA,mBACA,sCACA,eACA,kBACA,gBACA,iBAGJ,8DAKI,gBACA,mBACA,kDACA,eACA,kBACA,gBACA,iBAVA,0EACI,mBAYR,gDACI,WACA,yBAEA,gEACI,iBACA,oBACA,iCACA,wBACA,eACA,kBACA,gBACA,iBAGJ,6DACI,2CACA,wBACA,eACA,kBACA,gBACA,iBAGJ,+DACI,2CACA,wBACA,eACA,kBACA,gBACA,qBACA,iBAIR,mEACI,iBAGJ,qDACI,aACA,gBAEA,2EACI,YAEA,uFACI,YAIA,kIACI,mBAKZ,2DACI,OACA,sBACA,qBAEA,qFACI,SACA,2DAIR,4EACI,YACA,kBAEA,wFACI,aAMhB,gEACI,cACA,cACA,kBAKZ,yBACI,kBACA,QACA,SAGJ,0BACI,kBACA,YACA,SACA,4BACA,kBACA,0BACA,eACA,gBAEA,mCACI,uDACA,kDAMhB,gBACI,kBACA,WACA,MAEA,oBACI,kBACA,MACA,OAKJ,0BACI,SACA,WAIR,cACI,gBAGJ,aACI,yBACA,gBAGJ,gCACI,gB;ACriBJ,iBACI,eACA,eAEA,6BACI,kBACA,aACA,uBACA,8BACA,oBACA,gBAEA,sCACI,gBAGJ,oCACI,oBAIR,8BACI,kBAGJ,gCACI,kBACA,SAEA,WAGJ,wBACI,aACA,mBACA,8BACA,mBACA,gB;ACrCR,kCACI,aACA,gBACA,WACA,YACA,mBACA,YACA,eACA,qBACA,uBACA,mBACA,kCACA,wBACA,eACA,gB;ACdJ,yBACI,gBACA,YAEA,oCACI,aACA,gBACA,WACA,YACA,mBACA,YACA,eACA,qBACA,uBACA,mBACA,kCACA,wBACA,eACA,gBAEA,0CACI,eACA,cAEA,oDACI,aACA,WACA,mBAGJ,4DACI,UACA,gBACA,kBAEA,2EACI,cACA,aAIR,yDACI,kBACA,eACA,YACA,mBAEA,yEACI,YAIR,4DACI,UACA,gBAGJ,yDACI,mBACA,kDACA,eACA,gBACA,gBAGJ,0DACI,YACA,gBACA,oCAEA,iEACI,YACA,mBAGJ,yEACI,SAKZ,0CACI,aAGJ,yCACI,UAGJ,4CACI,UAGJ,yCACI,gBACA,aACA,UACA,sBACA,mBAEA,qDACI,aACA,qBACA,cACA,eACA,gBACA,cAEA,qEACI,eACA,mBACA,eAEA,6EACI,YAKZ,uDACI,kBACA,gBACA,eACA,mBAGJ,0DAKI,kBAJA,qEACI,mBAKJ,6HAEI,WACA,YACA,kBACA,YACA,gBACA,6BACA,eACA,gBACA,iBAKZ,8CACI,kBACA,YACA,YAEA,yDACI,kBACA,UACA,UACA,aACA,YACA,mBACA,uBACA,aACA,4BACA,wBACA,eACA,kBACA,gBACA,QACA,iBAGJ,mDACI,YACA,0BAGJ,sDACI,mBACA,oBACA,kBACA,6DACA,0CACA,0BAEA,uEACI,WACA,YACA,kBACA,YACA,gBACA,kBACA,6BACA,eACA,gBACA,iBAEA,8EACI,uDACA,kDAGJ,8EACI,wCAGJ,+EACI,kCACA,0BAIR,0EACI,eACA,wBACA,eACA,kBACA,gBACA,iBACA,kBAGJ,yDACI,kCACA,yBACA,eACA,kBACA,gBACA,iBAGJ,wEACI,eAGJ,wDACI,kDACA,yBACA,eACA,kBACA,iBAIR,uEACI,WACA,aACA,oEACA,gBACA,uBACA,kBAEA,0EACI,kDACA,yBACA,eACA,kBACA,iBAGJ,0EACI,kCACA,yBACA,eACA,kBACA,gBACA,iBAGJ,yFACI,eAGJ,yEACI,kDACA,yBACA,eACA,kBACA,iBAMhB,8CACI,gBACA,kDACA,eACA,kBACA,gBACA,iBAGJ,sEAEI,aACA,gBACA,WACA,YACA,mBACA,YACA,eACA,qBACA,uBACA,mBACA,kCACA,wBACA,eACA,gBAEA,sJACI,cAIR,yCACI,kBACA,WACA,MACA,WACA,YAEA,6CACI,kBACA,MACA,OAIR,mDAWI,eAVA,yDACI,aACA,uBACA,2BAGJ,wEACI,kBAOZ,0BAGY,yCACI,aAGJ,4CACI,UAGJ,yCACI,WAOZ,0BACI,SACA,W;AC5WR,oCACI,aACA,sBACA,mBACA,uBACA,aACA,kBAIA,6BACI,eACA,iBAKJ,+BACI,mBACA,kB;AClBJ,+BACI,aACA,sBACA,mBACA,uBACA,aACA,kBAGJ,+CACI,iB;ACVJ,4BACI,kBACA,QACA,SACA,aACA,YACA,2CAEA,2CACI,0CAIR,4BACI,YACA,gBAGJ,oCACI,aACA,mBACA,8BACA,kBACA,YACA,oEACA,eACA,gBAEA,gDACI,aACA,mBAEA,mDACI,SACA,kCACA,oCACA,eACA,kBACA,gBACA,iBAGJ,oDACI,iBACA,kEACA,gBACA,kDACA,wBACA,eACA,kBACA,gBACA,iBAIR,uFAEI,aAIJ,iDACI,0CACA,kCAGJ,gDACI,UACA,YACA,qBACA,wBACA,gBACA,gBACA,iDACA,eACA,aACA,gBAEA,mKAGI,iDAKZ,0BACI,aACA,aACA,iBACA,sBACA,eACA,mBACA,kBAEA,wCACI,aACA,WACA,sBACA,iBAEA,6CACI,kCACA,wBACA,eACA,kBACA,gBACA,iBACA,iBAGJ,0CACI,6BACA,wBACA,eACA,kBACA,gBACA,iBAKZ,kCACI,kBACA,aACA,kBACA,oBACA,SAEA,4CACI,kBACA,YAEA,uDACI,kBACA,UACA,UACA,aACA,WACA,YACA,mBACA,uBACA,aACA,4BACA,gBACA,QAGJ,iDACI,YACA,0BAGJ,oDACI,YACA,4DACA,8CACA,0CACA,0BACA,8BAEA,sEACI,mBACA,kBACA,mBAEA,+FACI,WACA,aACA,kBAEA,kGACI,kCACA,yBACA,eACA,kBACA,gBACA,iBACA,kBAGJ,kGACI,SACA,kCACA,yBACA,eACA,kBACA,gBACA,uBACA,iBAGJ,qMAEI,mBACA,kDACA,yBACA,eACA,kBACA,gBACA,iBAIR,yFACI,YACA,gBACA,kBAGJ,uFACI,YAGJ,oFACI,YAEA,qGACI,WACA,YACA,kBACA,YACA,gBACA,kBACA,6BACA,gBAEA,4GACI,uDACA,kDACA,mBAGJ,+GACI,kDACA,6BAGJ,4GACI,wCAGJ,6GACI,kCACA,0BAKZ,qFACI,YAEA,wFACI,iEAGJ,4GACI,gBAEA,mHACI,kCACA,yBACA,eACA,kBACA,gBACA,uBACA,iBACA,mBAGJ,kHACI,aACA,gBAEA,0HACI,qBACA,mBACA,uBACA,eAGJ,oHACI,SACA,kDACA,yBACA,eACA,kBACA,gBACA,uBACA,iBAOpB,kEACI,kBACA,YACA,4BACA,4DACA,0BACA,0BAEA,gFACI,kBACA,SACA,WAGJ,yEACI,yBACA,eACA,kBACA,gBACA,iBAGJ,mJAEI,gBAEA,+JACI,aAEA,+KACI,qBACA,mBACA,cAKZ,wEACI,gBAGJ,2EACI,iB;ACnVxB,MACI,cAEA,qBACI,cACA,gBACA,gBACA,gBACA,cACA,kBAEA,wBACI,cACA,SAGJ,wBACI,gBAEA,0BACI,cAMR,gCACI,UAEA,qCAHJ,gCAIQ,gBACA,aACA,mBAMR,uCACI,UAEA,qCAHJ,uCAIQ,gBACA,kBACA,2DAGJ,qCATJ,uCAUQ,kCAMR,qCACI,UAEA,qCAHJ,qCAIQ,gBACA,iBAMR,+BACI,UAEA,qCAHJ,+BAIQ,aACA,kBACA,qEAGJ,qCATJ,+BAUQ,kCAKZ,iCACI,WACA,UACA,aACA,uDACA,oBAEA,sCACI,aAGJ,qCAXJ,iCAYQ,gBAEA,+CACI,UAKZ,6CACI,aACA,mBACA,8BAIA,qCACI,WAEA,8FAEI,2BAIR,gDACI,oBACA,eACA,iBAEA,uDACI,oBAIR,mDACI,aACA,YACA,mBACA,8BACA,eACA,SAGJ,iCACI,aACA,WACA,yCAGJ,iCACI,WAGJ,kDACI,QACA,mBAEA,oDACI,uBAQJ,+DACI,iBAGJ,uFAEI,eAEA,mGACI,kD;ACnKpB,qCACI,cACI,UAEA,+BACI,0BACA,YACA,wBAEA,8CACI,YACA,UACA,aACA,oCACA,iBAEA,0DACI,eACA,YACA,iBACA,UAEA,uEACI,YAEA,2EACI,YAGJ,6EACI,gBAEA,2FACI,kBACA,MACA,aACA,WACA,kBACA,YACA,mBACA,sBACA,uBACA,cACA,SACA,gBACA,yBACA,gBACA,cACA,gBAEA,iYAII,WAGJ,qGACI,oCAEA,4TAGI,WACA,YACA,kBACA,iEACA,eACA,UACA,gBAIA,6OAEI,YAMR,mHACI,ezChFhC,E;A0CwCR,QACI,kBACA,iBACA,kBACA,kDACA,sBACA,kBACA,gBAEA,0BACI,eAEA,wCACI,gBACA,uBACA,mBAIR,cACI,qBAGJ,iBACI,YAGJ,6BACI,YACA,yBAxEA,kDACI,uDAMJ,yGACI,4CAOA,yHACI,4CAKJ,mEACI,4CAQR,kDACI,kDAMJ,yGACI,oCA8CR,uBACI,eAEA,qCACI,WACA,YACA,cACA,eACA,iBAIR,sBACI,qBACA,eAEA,iCACI,eAIR,0BACI,kBAGJ,yBACI,iBAGJ,aACI,kBACA,QACA,UACA,UACA,WACA,0DACA,kBAIR,sBAEI,2CAKA,4PAEI,kBAEA,4RACI,kBACA,QACA,uDACA,qBACA,UACA,4CACA,uDACA,WACA,oBACA,2B;ACnJR,yBACI,qBACA,yBACA,kBACA,+BACA,eACA,gBACA,cAEA,gDACI,6DACA,kCAGJ,+CACI,gBACA,uCACA,4BACA,oBACA,eACA,gBACA,iBAGJ,oDACI,gBACA,6DACA,kDACA,oBACA,eACA,gBACA,iBAGJ,sDACI,oBACA,eACA,gBACA,iB;ACpCZ,eACI,cAGI,gCACI,iBAIR,6BACI,gBAEA,2CACI,gBAKZ,8BACI,aAGJ,0BACI,eACI,iB;ACzBR,OACI,kBACA,UACA,wBACA,YACA,mBACA,kCACA,kBACA,0BACA,eACA,eACA,iBACA,UACA,kBAEA,WACI,yBACA,sBAGJ,8BACI,uBACA,uCACA,uCAGJ,oBACI,kBAEA,wBACI,iBACA,sBAIR,uBACI,kBACA,QACA,YACA,cACA,eAEA,6BACI,gCAGJ,4BACI,iBAIR,uBACI,kBACA,WACA,wBACA,YACA,kBACA,iBACA,kBAEA,sCACI,eAEA,4CACI,gCAMhB,gBACI,UACA,mBAEA,uCACI,uBACA,uCACA,uCAIR,gBACI,UACA,yBACA,cAEA,oBACI,uBAIR,YACI,wB7CtFE,C6CyFN,qCACI,uBACI,sBAIR,wBACI,W;ACxGJ,oBACI,kBACA,YACA,aACA,uBAEA,2BACI,YAEA,6CACI,iB;ACRZ,oBACI,aACA,WACA,YACA,qBAGJ,qBACI,aACA,gBACA,sBACA,mBACA,aACA,YACA,kBACA,sBAEA,uCACI,mBAEA,2CACI,cACA,kBAGJ,mEACI,aACA,sBACA,iBAGJ,0DACI,mBAKZ,6BACI,aACA,YACA,aACA,mBACA,uBACA,YACA,uDACA,mBAGJ,mBACI,SACA,mBACA,kCACA,eACA,gBACA,iBAGJ,kBACI,aAEA,sBACI,WACA,YACA,sBAGJ,uBACI,uBACA,eAIR,uBACI,WACA,WACA,sBAEA,2BACI,sB;AChFR,2EACI,kBACA,SACA,WACA,kDACA,UAGJ,aACI,YAEA,0BACI,YAIA,6CACI,iBAGJ,gDACI,WACA,2BAGJ,+CACI,UACA,mBACA,gBAKJ,mCACI,iBAGJ,iCACI,UAIA,sGAEI,uDACA,kDACA,UAKZ,2BACI,yBACA,iBACA,kBACA,eACA,gBAEA,iCACI,8BAIR,iCACI,kBACA,wBAGJ,8BACI,kBACA,QACA,UACA,iBAGJ,2BACI,aACA,WACA,YACA,mBACA,uBACA,YACA,yBACA,kBACA,kDACA,iDAEA,iCACI,uDACA,kDACA,iDAGJ,8GAGI,4CACA,uBACA,sBAGJ,+BACI,WACA,YAIR,qBACI,aACA,mBACA,8BACA,eACA,iBAEA,0BACI,YACA,eACA,kBACA,eACA,gBAOR,wEACI,kDAEA,oFACI,eAIR,kGACI,oBACA,sBAGJ,wHACI,8BAIR,4BAEI,kBACA,UACA,2BACA,4BACA,eAGJ,iBACI,SACA,WACA,WACA,YAGJ,kBACI,cACA,iBACA,iBAEA,2BACI,aACA,cACA,WACA,YACA,sBACA,YACA,gBAGJ,uBACI,aACA,UACA,gBACA,mBACA,mBACA,kBACA,kCACA,kBAEA,6BACI,6DACA,kBAGJ,8BACI,kDACA,mBAIR,wBACI,kBACA,kBAGJ,yBACI,aACA,YACA,eACA,kDACA,gBAGJ,wBACI,gBACA,YACA,gBACA,uBACA,mBAEA,sCACI,cAIR,4BACI,gBACA,kDACA,eACA,gBACA,iBAIR,kBACI,eACA,iBAIA,yBACI,SAGJ,sCACI,aACA,uBAEA,6CACI,gBACA,WAKZ,2BACI,qBAGJ,cACI,kBACA,SACA,qBACA,eAEA,oBACI,eAEA,kCACI,iBACA,gBAKZ,UACI,aACA,wBACA,gBAEA,0BACI,kBACA,kBAEA,+BACI,kBACA,WACA,UAIR,0BACI,kBAEA,yDACI,cACA,gBACA,iBAGJ,+BACI,kBACA,WACA,UAIR,2BACI,YACA,YACA,kBACA,kCACA,oCACA,kBACA,kCACA,eACA,eAEA,iCACI,kBACA,YACA,UACA,cACA,oCACA,kDACA,eACA,qBACA,iB;ACjUZ,yBACI,kDACA,eACA,iBAGJ,6BACI,2CAGJ,2BACI,kC;ACbJ,uCACI,UAGJ,+BACI,iBAGJ,qCACI,UACA,YACA,yBACA,wBAGJ,+BACI,gBAGJ,0BACI,cACA,kBACA,kDACA,eACA,iBACA,kB;ACxBA,qDACI,iBACA,iBAEA,kEACI,iBAGJ,+EACI,kBAGJ,qEACI,kBAEA,kFACI,iBAGJ,2FACI,WACA,YACA,YACA,iBACA,kBACA,kDACA,qBAEA,iGACI,uDACA,kBACA,kDACA,iDAGJ,kGACI,kDACA,uBAGJ,kGACI,eACA,eACA,iBAOZ,yDACI,oBAGJ,wDACI,mBAEA,wEACI,iBACA,kDACA,eACA,iBAGJ,+EACI,cACA,gBACA,uDACA,kBACA,eACA,iBAIR,wDACI,mBAIA,kFACI,iBACA,oBACA,iEACA,kBACA,mBAEA,qGACI,WAGJ,2GACI,yBAGJ,2GACI,+BACA,uDACA,4BACA,qBAGJ,wGACI,eACA,cACA,eACA,iBAGJ,oGACI,aACA,mBACA,iBAEA,uHACI,kBAGJ,2HACI,iBACA,kDACA,eACA,iBAGJ,+HACI,aACA,aACA,cACA,eACA,iBACA,kDACA,kBAEA,qIACI,uDACA,kBACA,kDACA,iDAGJ,sIACI,kDACA,uBAGJ,iIACI,eACA,iBAIR,0GACI,uDAEA,qIACI,c;ACtJxB,mJACI,gBAGJ,2JACI,kBAEA,uPACI,gBACA,UACA,WACA,WACA,UACA,aACA,YACA,mBACA,8BACA,iBACA,cACA,oDACA,kBACA,qCACA,0BAEA,2RACI,aACA,QAGJ,mTACI,aACA,SAGJ,+SACI,YACA,YACA,aACA,gBACA,eACA,gBACA,iBAGJ,uUACI,YACA,gBACA,0BACA,eACA,gBACA,iBAIR,2PACI,gBACA,UACA,MACA,QACA,SACA,OACA,gBACA,WACA,YACA,0BAEA,+VACI,eACA,UACA,aACA,WACA,0BACA,2BAGJ,uWACI,aACA,kBACA,+BAGJ,uRACI,WACA,eACA,gBACA,iBAGJ,mSACI,kCACA,eACA,gBACA,iBAGJ,2TACI,aACA,sBACA,SAEA,+WACI,YACA,YACA,kBACA,YACA,+BACA,kBACA,6BACA,eACA,gBACA,iBAGJ,2WACI,kDACA,6BAGJ,mWACI,kCACA,0BAMR,i+BAGI,iBAGJ,2TACI,sBACA,kCACA,YACA,kBACA,0CACA,kBACA,uBAEA,mVACI,kDAGJ,uVACI,kDAGJ,mVACI,6DACA,aAMhB,+IACI,gBACA,gBACA,UAEA,mOACI,oBAGJ,+NACI,kBACA,oBAGI,+VACI,aACA,iBAGJ,+TACI,eACA,iBAIR,2QACI,kBACA,SACA,UACA,kDACA,eACA,oBAIR,uOACI,WACA,oBACA,oEAEA,+TACI,YACA,kBACA,iBAEA,uVACI,uDAGJ,2VACI,4CAGJ,uUACI,iBAEA,2VACI,uBACA,eACA,iBAKZ,uUACI,WAEA,+UACI,aACA,mBACA,iBACA,uBAKZ,+PACI,cAEA,mUACI,kBACA,iBACA,iBACA,oBACA,kBACA,mBAEA,+YACI,WAGJ,uaACI,yBAGJ,uaACI,+BACA,uDACA,4BACA,qBAGJ,+WACI,aACA,mBACA,kBAEA,uYACI,uDACA,eAGJ,2YACI,4CAGJ,81BAEI,cACA,gBACA,gBACA,uBACA,mBAGJ,+ZACI,iBACA,kDAGJ,+bACI,iBACA,iBACA,kDACA,eACA,iBAGJ,uaACI,WAEA,2dACI,WACA,iBAIA,umBACI,eACA,iBAEA,mrBACI,2BAGJ,+oBACI,oBACA,WACA,YACA,kBACA,mBACA,kDACA,eACA,iBAMhB,+fACI,aACA,WACA,YACA,sBACA,mBACA,gBACA,YACA,iBACA,yBACA,kBACA,kDACA,qBAEA,uhBACI,uDACA,kBACA,kDACA,iDAGJ,2hBACI,kDACA,uBAGJ,2hBACI,eACA,iBAIR,+hBACI,aAIR,mYACI,eACA,SACA,YAIR,0tBAEI,sBAGI,05BACI,2BACA,gBACA,mBAGJ,09BACI,aACA,iBAGJ,05BACI,eACA,iBAKZ,mXACI,uBAGJ,2QACI,eACA,cACA,eACA,gBACA,iBAIA,2ZACI,aAGJ,uZACI,iBAEA,mbACI,YACA,eACA,kBACA,eACA,gBAGJ,2dACI,6DACA,kDAGJ,ufACI,kBACA,iBACA,4CACA,gCACA,iB;ACrbxB,gBACI,kB;ACCI,8DACI,aACA,mBACA,oBACA,YAEA,6EACI,aACA,kBAGJ,qEACI,YACA,eACA,kBACA,eACA,gBAGJ,+EACI,kDAGJ,uFACI,kBACA,iBACA,4CACA,gCACA,iB;AC7BZ,uCACI,8BAIA,qDACI,kBACA,YACA,U;ACTZ,qCACI,U;ACEQ,kEACI,oBACA,sBAKJ,+EACI,2B;ACThB,mBACI,UACA,gCACA,kBAEA,2BACI,UACA,mB;ACNR,uBACI,kBACA,aACA,mBAGJ,wCACI,kBACA,MACA,OACA,aACA,WACA,YACA,UACA,6DACA,0CACA,mBACA,6B3DaU,C2DZV,kDACA,eACA,iBAEA,8CACI,WACA,YAGJ,+EACI,cAGJ,8CACI,6DACA,6B3DFM,C2DWd,sCACI,oBACA,WACA,UACA,YACA,yBACA,kBACA,kDACA,eACA,iBAEA,4CACI,kDAGJ,4CACI,WACA,YAEA,oDACI,eACA,cAKZ,oCACI,qBACA,sBAGJ,iCACI,qBACA,gBACA,eACA,iBACA,gBACA,uBACA,mB;ACnFJ,6BACI,kBACA,UACA,MACA,QACA,SACA,OACA,aACA,mBACA,uBACA,wBACA,oCAGJ,6BACI,YAGJ,8BACI,aAIA,6CACI,aACA,mBACA,mBACA,kBAGJ,mDACI,gBACA,cACA,uBACA,mBAEA,uEACI,gBACA,cACA,uBACA,mBAIR,6CACI,oBACA,gBACA,mBACA,uBACA,6BACA,YAEA,oDACI,aACA,cACA,gBACA,e;ACrDR,wBACI,aACA,gBAGI,yDACI,aACA,uBACA,YACA,yBACA,cAEA,gEACI,SACA,WACA,gBACA,cACA,eACA,mBAGJ,sEACI,cACA,eAGI,sFACI,oBAOpB,oCACI,+BACA,oBAKI,iDACI,oBAIR,gDACI,cAGI,iEACI,iBAMhB,uCACI,eACA,eAGJ,oCACI,kBACA,sBAGJ,qCACI,cACA,kBAKZ,0BAGY,uCACI,aAGJ,qCACI,c;AClFhB,YACI,cAEA,gBACI,c;ACLR,oBAOI,aACA,WACA,mBACA,gBACA,eACA,cACA,SACA,sBAZI,8BACI,cAaR,oCACI,iBAGJ,kCACI,iBAGJ,qCAEI,SACA,gBAEA,2CACI,gBAGJ,6HAEI,YACA,mBAIR,0BACI,kBACA,eACA,OACA,6DACA,kBAEA,0KAII,6DACA,aACA,iBAGJ,gCACI,6DAIA,0CACI,YAKZ,8BACI,aACA,mBACA,oBACA,QAEA,kCACI,aACA,mBACA,8BAEA,uCACI,gBACA,eACA,gBAGJ,0CACI,gBAIR,2CACI,aACA,mBACA,uBACA,gBACA,uCACA,eACA,YACA,kBAEA,iDACI,YAKJ,iDACI,mBAKZ,mCACI,aACA,WACA,YACA,cACA,mBACA,uBACA,UACA,YACA,yBACA,kBACA,kDACA,eACA,kBAEA,yCACI,uDACA,kDACA,kBACA,qBAGJ,0CACI,kBAGJ,yCACI,kBACA,MACA,QACA,WACA,YACA,SACA,eACA,cACA,eACA,UACA,oBAIR,2CACI,4CACA,gCACA,kBAGJ,0BACI,oBACA,WACA,YACA,mBACA,uBACA,4BACA,eAGJ,0BACI,kBACA,aACA,sBACA,mBAGJ,iCACI,qBACA,iBACA,kDACA,mCAGJ,4BACI,kBACA,aACA,sBACA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A,WACA,SACA,gBACA,kBACA,oBACA,kBAEA,qCAEI,kBACA,OACA,aACA,WACA,WACA,WAGJ,mBACI,SAGJ,kBACI,MAIA,kCACI,cACA,mBAKJ,kCACI,cACA,mBAIR,0BACI,kBACA,UACA,QACA,iEACA,SAGJ,4BACI,kBACA,UACA,qBACA,cACA,oCACA,mBACA,kCACA,eACA,gBACA,gBAIR,sCAGY,uEAEI,4BAMhB,qCAGY,kCACI,gBAKJ,kCACI,iBAMhB,aACI,0BACI,W;ACjGR,qIACI,oBACA,gBACA,4BACA,aACA,yBACA,sBACA,qBACA,iBAGJ,yBACI,kBACA,aACA,WACA,gBACA,aACA,6DACA,aACA,0CACA,kBACA,qCAOA,uBACA,0BAGA,gCACA,sBAEA,4CACI,yDACA,qCAIA,8CACI,cAIR,gCACI,8CAGJ,wCACI,kBACA,WACA,SACA,WACA,aACA,YACA,0DACA,kBACA,kDAEA,2DACI,6DACA,kDAGJ,+CACI,kDACA,oCAKJ,+EAII,qBACA,qBAGJ,yCACI,kDACA,eACA,gBACA,iBAGJ,sCACI,kBACA,wBACA,eACA,gBACA,iBAGJ,4CAGI,kCACA,eACA,gBACA,qBACA,iBACA,gBAGJ,8CACI,gBACA,WACA,aACA,kBACA,uBACA,mBAIR,gCACI,kBACA,aACA,iBACA,YACA,kBACA,gBACA,aACA,sBACA,oBAEA,sCACI,WACA,gBACA,YACA,iBACA,gBACA,gBACA,aACA,qBACA,mBAGJ,uCACI,gBACA,gBACA,iBACA,kBAEA,2CACI,eACA,gBACA,iBAIR,gDACI,kBACA,SACA,UACA,aACA,WACA,YACA,6DACA,0CACA,kBACA,kDACA,eACA,qBACA,mBAGJ,0CACI,oBACA,kBAEA,0DACI,kBACA,UACA,WACA,aACA,WACA,YACA,+BACA,gBAKJ,sEACI,a;AvEyJhB,8BACI,QAEI,kCAGJ,QAEI,iCAGJ,YAGI,kCAGJ,QAEI,kCwEpWR,UxE0CI,UACA,YACA,yBwEzCA,oBACA,eACA,YACA,mBACA,cACA,+BACA,mBACA,uDACA,kBACA,kDACA,eACA,iDACA,eACA,gBACA,kEACI,CAEJ,iBxE0BA,gBACI,UACA,qBAGJ,cACI,iBAGJ,qBACI,WACA,gBAGJ,iCAEI,qBwExCJ,gBACI,oCACA,+BACA,yBAIA,wCACI,yDACA,0CACA,kDACA,iDAGJ,yCACI,kDACA,uBACA,sBAIR,8BACI,eAGJ,eACI,kBACA,eACA,cACA,sBAGJ,iBACI,eACA,eACA,gBACA,gBACA,iBACA,mBACA,sBAGJ,4BACI,WACA,YACA,sBAGJ,iBACI,aACA,gBACA,2BACA,2BACA,iBACA,oBAGJ,yDAEI,8BACA,kDACA,uBAEA,qEACI,8BACA,oCAGJ,uEACI,kDACA,uBACA,sBAIR,6BACI,0CAEA,wDACI,kBAGJ,kHAEI,qBACA,yBACA,6BACA,4BACA,sCAIR,+BACI,0CAEA,0DACI,kBAGJ,sHAEI,qBACA,4BACA,yBACA,6BACA,4BACA,sCAIR,4BACI,kBAEA,qCACI,qBAGJ,qCACI,kBACA,SACA,OACA,aAGJ,uCACI,kBACA,OACA,OACA,aAKZ,wBACI,8BACA,gC;AxEoLJ,8BACI,QAEI,kCAGJ,QAEI,iCAGJ,YAGI,kCAGJ,QAEI,kCyElWR,uBzEmNI,YACA,gBACA,eACA,iByEnNA,kBACA,aACA,YACA,mBACA,SACA,aACA,mDACA,kBACA,8BACA,gBACA,6BAEA,2BACI,iBACA,6BAGJ,gCACI,kBAGJ,iEAEI,mDACA,mBAGJ,qCACI,mDAGJ,sCACI,mDAGJ,8BACI,kDACA,WAEA,kCACI,iBACA,UAGJ,yKAGI,kDACA,WAEA,qLACI,iBACA,UAIR,qKAEI,4CAKZ,gCACI,UACA,YACA,aACA,uD;AC3EJ,wBACI,YACA,wBACA,eACA,gBACA,iBACA,kBAGJ,mBACI,QACA,gBACA,mBACA,oBACA,kBACA,eACA,kBAGJ,0BACI,kBAGJ,+BACI,mBACA,eACA,gBACA,gBAGJ,+BACI,iBACA,iB;AC/BA,2BACI,gBAGJ,oBACI,aACA,iBACA,sBACA,kCACA,SAEA,+EAEI,gBACA,kBAGJ,0CACI,cACA,YACA,uEAEA,gDACI,4CAGJ,oEACI,uEAGJ,8DACI,4CAKZ,sBACI,kBAEA,iEAEI,SACA,aACA,qBACA,mBACA,kCACA,SACA,2CACA,+BACA,wBAEA,yQAGI,kBAGJ,+FACI,aACA,aACA,cACA,mBACA,uBACA,SACA,6DAGJ,iGACI,cAGJ,mFACI,aACA,gBACA,eACA,mBACA,QAEA,+FACI,gBACA,uBACA,mBAGJ,6GACI,kDAGJ,uGACI,cAIR,uFACI,gBACA,WACA,kDACA,gBACA,iBACA,uBACA,mBAMR,mCACI,eACA,gBACA,iBAGJ,sCACI,cACA,oBAEA,oFACI,+BAEA,wIACI,qCAOpB,8FAEI,gBAEA,sHACI,6CAEA,kJACI,YACA,gBAEA,oNACI,uB;AC3IZ,uCACI,YAIA,gHAEI,aACA,mBACA,8CAEA,4JACI,aACA,mBACA,Q;ACfhB,gCACI,aAOI,iMACI,cACA,cACA,uDACA,kBAEA,4NACI,WACA,YACA,iBACA,kBACA,mBACA,iDACA,sBAEA,8OACI,iDAIR,gNACI,kDACA,eACA,mBAEA,kOACI,kDAIR,sNACI,4CAEA,iPACI,sBAGJ,qOACI,uB;AC3CpB,SACI,oBACA,iBACA,mBACA,uBAEA,uBACI,eACA,oBAGJ,sBACI,eACA,oBAGJ,sBACI,eACA,oBAGJ,sBACI,eACA,sBAGJ,sBACI,eACA,oBAGJ,sBACI,gBACA,oBAGJ,uBACI,gBACA,oBAIA,kCACI,0BAGJ,4CAEI,UACA,kDAIR,iBACI,uEAEA,mCACI,0BAGJ,8CAEI,UACA,kDAIA,yDACI,gB;ACvEhB,cACI,gCACA,4BAEA,kBACA,WACA,oBACA,wBACA,mBACA,qBACA,eACA,kBACA,kDACA,eACA,iBACA,mBAEA,yBACI,WACA,YACA,YAGJ,2BACI,UACA,WACA,0DACA,kBAGJ,uBACI,iBACA,gBAGJ,oBACI,WACA,YACA,eAGJ,2BACI,UAQA,mMACI,UAGJ,8LACI,aAIR,yBACI,oBACA,kBACA,gBAEA,8BACI,qBACA,gBACA,uBACA,mB;ACjER,sCACI,qBAGJ,wCACI,WACA,mB;ACJJ,kEACI,4BACA,2BAIA,oDACI,cAGJ,mCACI,2BAIR,uCACI,mEACA,qBAKA,6IACI,gBAKJ,+DACI,gBAIR,kBACI,cAGJ,mDACI,iBAGJ,iDACI,aACA,uBACA,aACA,qBACA,oBACA,cACA,iBACA,kBAEA,qDACI,mB;ACzDZ,sBACI,aACA,gBACA,gBACA,mBACA,YACA,mBACA,aACA,6DACA,uBACA,yBACA,kBACA,kCACA,eACA,gCAEA,qCACI,6DACA,0CAGJ,+FAGI,iBACA,iEAEA,sIACI,aACA,UAGJ,sIACI,cACA,UAGJ,6HACI,gBAIR,iCACI,WACA,eACA,YAGJ,gCACI,aACA,YACA,sBACA,YACA,eACA,eACA,gBACA,uBACA,mBAEA,8CACI,gBACA,kBACA,gBACA,uBAGJ,8CACI,aACA,mBACA,gBACA,QAEA,yDACI,YAGJ,mDACI,gBAKZ,kCACI,eAGJ,mCACI,aACA,WACA,eACA,YACA,uBACA,gBACA,0CACA,kBACA,kDACA,eACA,iDACA,UACA,qBACA,6BAEA,iDACI,iBAGJ,uCACI,aAGJ,yCACI,6DACA,kDAIR,mCACI,aACA,U;ACrHJ,8BACI,YACA,eAEA,2CACI,UACA,aACA,eACA,YACA,mBACA,uBACA,UACA,YACA,yBACA,kBACA,kDACA,eACA,kBAEA,qDACI,kBACA,QACA,UACA,WACA,YACA,0CACA,kCACA,kBAGJ,iDACI,uDACA,kDAMR,qCACI,kBACA,WACA,uB;AC1CZ,yBACI,aACA,mBACA,8BACA,YACA,oEAEA,4CACI,aAGJ,8BACI,iBACA,SACA,iBACA,uDACA,kBACA,kDACA,eACA,gBACA,qBAEA,qCACI,kDACA,kBACA,uBAEA,8CACI,kDAIR,uCACI,kBACA,WACA,gBACA,gBACA,6DACA,kBACA,eACA,gB;ACtCJ,0CACI,iDAGJ,oCACI,iBACA,iBACA,qBAIR,sCACI,aACA,mBACA,8BACA,iBAEA,4DACI,eACA,gBAIR,wCACI,c;ACpBR,SAMI,kBACA,UATY,CAUZ,0CACA,wBACA,kBACA,kBACA,qBACA,kBAXA,yBAFJ,SAGQ,cAYJ,wBACI,kBAGA,WACA,WACA,iBACA,mBACA,eAGI,wCACI,kBACA,MACA,OACA,UACA,WAlCI,CAmCJ,mDACA,0BACA,WAGJ,8GAGI,uDAEA,0HACI,kFAKZ,8FAEI,cACA,gBACA,UAvDQ,CAwDR,WAxDQ,CAyDR,cACA,kBACA,cAEA,0GACI,iEAGJ,sGACI,UAlEI,CAmEJ,WAnEI,CAoEJ,kBAIR,iDACI,YACA,sBACA,sBACA,eACA,iBACA,sBAEA,8HAEI,eAEA,8IACI,kBAKZ,2CACI,kDAEA,oGAEI,kDAIR,uDACI,aACA,mBAIR,2BACI,WACA,iEACA,gBACA,mBAGJ,qDACI,4CACA,uBACA,sBAKR,4BACI,a;AC5HJ,mBACI,kBACA,QACA,SACA,YACA,2CAEA,sCACI,oBAGJ,kCACI,gBACA,6DACA,kBACA,uCAEA,gDACI,YACA,YAGJ,8CACI,gBACA,YACA,eAEA,iEACI,mBACA,eAEA,qEACI,YACA,aAIR,kEACI,SACA,eACA,gBACA,iBAGJ,oEACI,iBAGJ,wDACI,SACA,OACA,YACA,YACA,mBACA,kCACA,eACA,iBAGJ,qHAEI,MACA,OACA,YACA,YACA,kBACA,WACA,kDACA,eACA,iBAGJ,4DACI,gBACA,kDACA,eACA,iBAEA,wEACI,gB;AvFqQpB,8BACI,QAEI,kCAGJ,QAEI,iCAGJ,YAGI,kCAGJ,QAEI,kCwFjWJ,qCACI,kCACA,eACA,gBACA,iBAGJ,+BACI,iBACA,kDACA,eACA,gBACA,iBAEA,iCxFgOJ,YACA,gBACA,wBACA,eACA,gBACA,iBAEA,sHAGI,+BAGJ,0CACI,kDACA,mBACA,qBwF3OJ,iCACI,aACA,8BACA,eAEA,+CxF4DJ,oBACA,mBACA,SACA,4CACA,kBACA,uBACA,gBACA,6BAqIA,YACA,eACA,eACA,iBAtIA,wDACI,uDACA,kDAGJ,6DACI,4CAGJ,8DACI,4CAGJ,iDACI,aACA,eAEA,yDACI,iBwFlFJ,+CxFwFJ,kBACA,oBACA,mBACA,uBACA,SACA,4BACA,kBACA,0BACA,gBACA,6BAkGA,YACA,eACA,eACA,iBAnGA,qDACI,4FAGJ,sDACI,4FAGJ,qDACI,sBACA,mDACA,aAGJ,wDACI,uDACA,kDACA,mBAGJ,iDACI,aACA,ewFpHA,wCACI,yBAEA,sDxFgFR,kBACA,oBACA,mBACA,uBACA,SACA,4BACA,kBACA,0BACA,gBACA,6BAEA,4DACI,4FAGJ,6DACI,4FAGJ,4DACI,sBACA,mDACA,aAGJ,+DACI,uDACA,kDACA,mBAGJ,wDACI,aACA,e;AyF5JR,6CAGA,YACI,YACA,OACA,mBACA,eACA,2EAEA,oBACI,iFAGJ,aACI,6BACA,iBACA,+FAEA,WACI,+NASJ,2DACI,oCAKZ,eACI,mBACA,2CAEA,aACI,iBACA,6CAGJ,cACI,qBACA,iBACA,YACA,C;AC9CR,+BACI,cACA,kBACA,YACA,gBACA,gCACA,kBACA,8BAEA,oCACI,eACA,gBACA,iB;ACdR,iCACI,aACA,sBACA,kBAEA,2EACI,YACA,YACA,cACA,+CACA,sBACA,eACA,kBACA,gBACA,iBACA,kBAGJ,uIAEI,kDACA,eACA,kBACA,mBACA,iBACA,kBAGJ,8DACI,c;AC3BR,gCACI,cACA,kBACA,YACA,gBACA,gCACA,kBACA,8BAEA,qCACI,eACA,gBACA,iB;ACbJ,+BACI,kBACA,QACA,SACA,YACA,aACA,8DACA,YACA,kBACA,2CAGJ,gCACI,kBAGJ,+BAwBI,YACA,gBACA,UACA,SACA,+CACA,kBACA,kCA7BA,sCAUI,QACA,UACA,WACA,YACA,kBACA,6DACA,kCACI,CAEJ,eACA,gBAnBA,wLAII,6DACA,kDACA,UAyBZ,6BACI,aACA,gBACA,WACA,sBACA,UAEA,4CACI,cACA,YAGJ,oCACI,UACA,cACA,gBACA,kCACA,eACA,kBACA,gBACA,iBACA,kBAGJ,0CACI,UACA,cACA,eACA,wBACA,eACA,kBACA,mBACA,iBACA,kBAGJ,yCACI,UACA,YACA,iBACA,mBACA,wBACA,eACA,kBACA,mBACA,iBACA,kBAGJ,sCACI,gBACA,mBACA,kBAEA,mDAUI,YACA,mBACA,kBACA,YACA,oCACA,uBACA,eACA,gBACA,iBAjBA,4OAII,YACA,4CACA,kBAcR,mDAUI,YACA,UACA,kBACA,YACA,gBAC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A,qJAIR,iBACI,8IAMJ,SACI,WACA,YACA,mBACA,SACA,4KAGJ,aACI,gDAIR,qBACI,qDAGJ,YACI,YACA,mBACA,6DAEA,iBACI,SACA,WACA,YACA,oBACA,WACA,YACA,mBACA,uBACA,iDACA,gCACA,mEAEA,cACI,iEAGJ,KACI,mBAMhB,GACI,SACI,mBACA,KAGJ,SACI,qBACA,MAGJ,SACI,qBACA,oBAIR,GACI,SACI,mBACA,KAGJ,SACI,mBACA,MAGJ,SACI,qBACA,4EAIR,iBACI,kDACA,UACA,mCAGJ,iBACI,kBAGJ,iBACI,4BAGJ,iBACI,MACA,QACA,SACA,OACA,C;AnGHJ,8BACI,QAEI,kCAGJ,QAEI,iCAGJ,YAGI,kCAGJ,QAEI,kCoGlWR,qBACI,kBACA,aACA,gBACA,WACA,gBACA,sBACA,cACA,iBAEA,oDACI,aACA,WACA,aACA,iBACA,yDACA,2BACA,4BACA,sBAEA,iCACA,gC;AC1BR,yBACI,aACA,aACA,mBACA,+BACA,eACA,uBAEA,mCACI,eACA,iBAGJ,6BACI,qBAIR,qCACI,yBACI,sBACA,eAEA,mCACI,eACA,kB;ACzBZ,+BACI,mBACA,kDACA,eAGJ,qCACI,+BACI,gB;ACRR,0CACI,eACA,MACA,QACA,SACA,OACA,aACA,mBACA,uBACA,yDACA,wBACA,4BACA,sBACA,kBAIA,0CACI,UAGJ,iDACI,UACA,qCAGJ,+CACI,UAGJ,2CACI,kBACA,UACA,SACA,WAIR,yBACI,aACA,YACA,aACA,sBACA,mBACA,uBACA,YACA,kBAEA,yCACI,eACA,wBAKJ,6BACI,WACA,mBAKJ,6CACI,UAGJ,oDACI,UACA,qCAGJ,kDACI,UAKJ,yCACI,UAGJ,gDACI,UACA,qCAGJ,8CACI,0B;ACvFR,oDACI,aACA,8BAIA,qBACI,aACA,sBACA,mBACA,uBAGJ,sBACI,aACA,mBACA,qBACA,0BACA,yBACA,eACA,kBACA,gBACA,iBACA,kBAGJ,4BACI,aACA,gBACA,mBACA,eACA,0BACA,wBACA,eACA,kBACA,gBACA,iBACA,kB;AzGrCR,QACI,+BA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","sources":["webpack://mattermost-webapp/./components/widgets/modals/full_screen_modal.scss","webpack://mattermost-webapp/./components/widgets/users/avatar/avatar.scss","webpack://mattermost-webapp/./sass/utils/_flex.scss","webpack://mattermost-webapp/./sass/utils/_mixins.scss","webpack://mattermost-webapp/./sass/utils/_animations.scss","webpack://mattermost-webapp/./sass/utils/_modifiers.scss","webpack://mattermost-webapp/./components/widgets/menu/menu_wrapper.scss","webpack://mattermost-webapp/./sass/utils/_functions.scss","webpack://mattermost-webapp/./components/widgets/menu/menu_items/menu_item.scss","webpack://mattermost-webapp/./sass/utils/_variables.scss","webpack://mattermost-webapp/./components/widgets/menu/menu_header.scss","webpack://mattermost-webapp/./components/widgets/menu/menu_group.scss","webpack://mattermost-webapp/./components/common/carousel/carousel.scss","webpack://mattermost-webapp/./components/generic_modal.scss","webpack://mattermost-webapp/./components/trial_benefits_modal/trial_benefits_modal_step_more.scss","webpack://mattermost-webapp/./components/trial_benefits_modal/trial_benefits_modal_step.scss","webpack://mattermost-webapp/./components/trial_benefits_modal/trial_benefits_modal.scss","webpack://mattermost-webapp/./components/widgets/inputs/input/input.scss","webpack://mattermost-webapp/./components/cloud_start_trial/request_business_email_modal.scss","webpack://mattermost-webapp/./components/cloud_start_trial/cloud_start_trial_btn.scss","webpack://mattermost-webapp/./components/alert_banner.scss","webpack://mattermost-webapp/./components/learn_more_trial_modal/start_trial_btn.scss","webpack://mattermost-webapp/./components/learn_more_trial_modal/learn_more_trial_modal_step.scss","webpack://mattermost-webapp/./components/learn_more_trial_modal/learn_more_trial_modal.scss","webpack://mattermost-webapp/./components/purchase_modal/icon_message.scss","webpack://mattermost-webapp/./components/cloud_subscribe_result_modal/style.scss","webpack://mattermost-webapp/./components/yearly_monthly_toggle/index.scss","webpack://mattermost-webapp/./components/payment_form/payment_form.scss","webpack://mattermost-webapp/./components/downgrade_modal/index.scss","webpack://mattermost-webapp/./components/dropdown_input.scss","webpack://mattermost-webapp/./components/icon_message_with_progress_bar/icon_message_with_progress_bar.scss","webpack://mattermost-webapp/./components/pricing_modal/downgrade_team_removal_modal/downgrade_team_removal_modal.scss","webpack://mattermost-webapp/./components/cloud_usage_modal/limit_line.scss","webpack://mattermost-webapp/./components/cloud_usage_modal/index.scss","webpack://mattermost-webapp/./components/pricing_modal/content.scss","webpack://mattermost-webapp/./components/payment_form/card_input.css","webpack://mattermost-webapp/./components/admin_console/billing/billing_history_modal.scss","webpack://mattermost-webapp/./components/cloud_invoice_preview/cloud_invoice_preview.scss","webpack://mattermost-webapp/./components/admin_console/billing/billing_history.scss","webpack://mattermost-webapp/./components/payment_form/card_image.css","webpack://mattermost-webapp/./components/payment_form/gather_intent/gather_intent.scss","webpack://mattermost-webapp/./components/purchase_modal/process_payment.css","webpack://mattermost-webapp/./components/purchase_modal/purchase.scss","webpack://mattermost-webapp/./components/self_hosted_purchase_modal/seats_calculator.scss","webpack://mattermost-webapp/./components/self_hosted_purchase_modal/success_page.scss","webpack://mattermost-webapp/./components/self_hosted_purchase_modal/self_hosted_purchase_modal.scss","webpack://mattermost-webapp/./components/air_gapped_self_hosted_purchase_modal/content.scss","webpack://mattermost-webapp/./components/purchase_in_progress_modal/index.scss","webpack://mattermost-webapp/./components/pricing_modal/pricing_modal.scss","webpack://mattermost-webapp/./components/widgets/menu/menu.scss","webpack://mattermost-webapp/./components/widgets/menu/menu_modals/submenu_modal/submenu_modal.scss","webpack://mattermost-webapp/./components/threading/common/button/button.scss","webpack://mattermost-webapp/./components/shortcut_key/shortcut_key.scss","webpack://mattermost-webapp/./components/keyboard_shortcuts/keyboard_shortcuts_sequence/keyboard_shortcuts_sequence.scss","webpack://mattermost-webapp/./components/toast/toast.scss","webpack://mattermost-webapp/./components/new_replies_banner/new_replies_banner.scss","webpack://mattermost-webapp/./components/no_results_indicator/no_results_indicator.scss","webpack://mattermost-webapp/./components/custom_status/custom_status.scss","webpack://mattermost-webapp/./components/category_modal.scss","webpack://mattermost-webapp/./components/profile_popover/profile_popover.scss","webpack://mattermost-webapp/./components/view_user_group_modal/view_user_group_modal.scss","webpack://mattermost-webapp/./components/user_groups_modal/user_groups_modal.scss","webpack://mattermost-webapp/./components/profile_picture/profile_picture.scss","webpack://mattermost-webapp/./components/update_user_group_modal/update_user_group_modal.scss","webpack://mattermost-webapp/./components/create_user_groups_modal/create_user_groups_modal.scss","webpack://mattermost-webapp/./components/user_group_popover/user_group_popover.scss","webpack://mattermost-webapp/./components/at_sum_members_mention/notification_from_members_modal.scss","webpack://mattermost-webapp/./components/link_tooltip/link_tooltip.scss","webpack://mattermost-webapp/./components/markdown_image_expand/markdown_image_expand.scss","webpack://mattermost-webapp/./components/apps_form/apps_form_component.scss","webpack://mattermost-webapp/./components/keyboard_shortcuts/keyboard_shortcuts_modal/keyboard_shortcuts_modal.scss","webpack://mattermost-webapp/./components/common/auto_height_switcher.scss","webpack://mattermost-webapp/./components/advanced_text_editor/advanced_text_editor.scss","webpack://mattermost-webapp/./components/widgets/separator/separator.scss","webpack://mattermost-webapp/./components/post_view/post_attachment_opengraph/post_attachment_opengraph.scss","webpack://mattermost-webapp/./components/post_view/reaction/reaction.scss","webpack://mattermost-webapp/./components/post_view/acknowledgements/post_acknowledgements.scss","webpack://mattermost-webapp/./components/actions_menu/actions_menu.scss","webpack://mattermost-webapp/./components/forward_post_modal/forward_post_modal.scss","webpack://mattermost-webapp/./components/dot_menu/dot_menu.scss","webpack://mattermost-webapp/./components/post_view/post_header/post_header.scss","webpack://mattermost-webapp/./components/widgets/users/avatars/avatars.scss","webpack://mattermost-webapp/./components/threading/channel_threads/thread_footer/thread_footer.scss","webpack://mattermost-webapp/./components/widgets/separator/notification-separator.scss","webpack://mattermost-webapp/./components/threading/thread_viewer/thread_viewer.scss","webpack://mattermost-webapp/./components/file_search_results/file_search_result_item.scss","webpack://mattermost-webapp/./components/search_results/files_filter_menu.scss","webpack://mattermost-webapp/./components/search_results/messages_or_files_selector.scss","webpack://mattermost-webapp/./components/search_results/search_results.scss","webpack://mattermost-webapp/./components/app_bar/app_bar.scss","webpack://mattermost-webapp/./components/about_build_modal/about_build_modal_cloud/about_build_modal_cloud.scss","webpack://mattermost-webapp/./components/feature_restricted_modal/feature_restricted_modal.scss","webpack://mattermost-webapp/./components/widgets/menu/menu_items/restricted_indicator.scss","webpack://mattermost-webapp/./components/announcement_bar/purchase_link/purchase_link.scss","webpack://mattermost-webapp/./components/announcement_bar/no_internet_connection/no_internet_connection.scss","webpack://mattermost-webapp/./components/announcement_bar/renewal_link/renew_link.scss","webpack://mattermost-webapp/./components/start_trial_modal/start_trial_modal.scss","webpack://mattermost-webapp/./components/three_days_left_trial_modal/three_days_left_trial_modal.scss","webpack://mattermost-webapp/./components/announcement_bar/overage_users_banner/overage_users_banner.scss","webpack://mattermost-webapp/./components/widgets/public-private-selector/public-private-selector.scss","webpack://mattermost-webapp/./components/common/accordion/accordion.scss","webpack://mattermost-webapp/./components/global_header/left_controls/product_menu/product_menu_list/product_menu_list.scss","webpack://mattermost-webapp/./components/status_dropdown/status_dropdown.scss","webpack://mattermost-webapp/./components/header_footer_route/header_footer_route.scss","webpack://mattermost-webapp/./components/preparing_workspace/title.scss","webpack://mattermost-webapp/./components/preparing_workspace/description.scss","webpack://mattermost-webapp/./components/preparing_workspace/launching_workspace.scss","webpack://mattermost-webapp/./components/access_problem/access_problem.scss","webpack://mattermost-webapp/./components/widgets/team_icon/team_icon.scss","webpack://mattermost-webapp/./components/welcome_post_renderer/index.scss"],"sourcesContent":[".FullScreenModal {\n    position: fixed;\n    z-index: 1030 !important;\n    top: 0;\n    left: 0;\n    overflow: auto;\n    width: 100%;\n    height: 100%;\n    background: var(--center-channel-bg);\n\n    .close-x,\n    .back {\n        position: fixed;\n        z-index: 9;\n        top: 48px;\n        width: 40px;\n        height: 40px;\n        padding: 0;\n        border: 0;\n        background: none;\n        cursor: pointer;\n\n        svg {\n            width: 40px;\n            height: 40px;\n            padding: 4px;\n            border-radius: 4px;\n            fill: rgba(var(--center-channel-color-rgb), 0.56);\n\n            &:hover {\n                background: rgba(var(--center-channel-color-rgb), 0.08);\n                fill: rgba(var(--center-channel-color-rgb), 0.72);\n            }\n\n            &:active {\n                background: rgba(var(--button-bg-rgb), 0.08);\n                fill: var(--button-bg);\n            }\n        }\n    }\n\n    .close-x {\n        right: 48px;\n    }\n\n    .back {\n        left: 48px;\n    }\n\n    // Animation\n    &-enter,\n    &-appear {\n        opacity: 0;\n    }\n\n    &-enter-active,\n    &-appear-active {\n        opacity: 1;\n        transition: opacity 100ms;\n    }\n\n    &-exit {\n        opacity: 1;\n    }\n\n    &-exit-active {\n        opacity: 0;\n        transition: opacity 100ms;\n    }\n}\n\n.FullScreenModal.FullScreenModal--compact {\n    .back {\n        top: 8px;\n        left: 16px;\n    }\n\n    .close-x {\n        top: 8px;\n        right: 16px;\n    }\n\n    .close-x,\n    .back {\n        position: absolute;\n    }\n}\n","@use \"sass:color\";\n\n.Avatar {\n    &,\n    &:focus,\n    &.a11y--focused {\n        border-radius: 50%;\n    }\n\n    -webkit-user-select: none; /* Chrome all / Safari all */\n    -moz-user-select: none;    /* Firefox all */\n    -ms-user-select: none;     /* IE 10+ */\n    user-select: none;\n    vertical-align: sub;\n\n    &.Avatar-xxs {\n        width: 16px;\n        min-width: 16px;\n        height: 16px;\n        font-size: 8px;\n    }\n\n    &.Avatar-xs {\n        width: 20px;\n        min-width: 20px;\n        height: 20px;\n        font-size: 9.5px;\n    }\n\n    &.Avatar-sm {\n        width: 24px;\n        min-width: 24px;\n        height: 24px;\n        font-size: 10px;\n    }\n\n    &.Avatar-md {\n        width: 32px;\n        min-width: 32px;\n        height: 32px;\n        font-size: 12px;\n    }\n\n    &.Avatar-lg {\n        width: 36px;\n        min-width: 36px;\n        height: 36px;\n        font-size: 14px;\n    }\n\n    &.Avatar-xl {\n        width: 50px;\n        min-width: 50px;\n        height: 50px;\n        font-size: 18px;\n    }\n\n    &.Avatar-xxl {\n        width: 128px;\n        min-width: 128px;\n        height: 128px;\n        font-size: 44px;\n    }\n\n    &.Avatar-plain {\n        position: relative;\n        display: inline-flex;\n        align-items: center;\n        justify-content: center;\n        background: white;\n\n        &::before {\n            position: absolute;\n            display: inline-flex;\n            width: 100%;\n            height: 100%;\n            align-items: center;\n            justify-content: center;\n            border-radius: 50%;\n            color: rgba(var(--center-channel-color-rgb), 0.64);\n            content: attr(data-content);\n        }\n    }\n}\n",".d-flex {\n    display: -webkit-box !important;\n    display: -ms-flexbox !important;\n    display: flex !important;\n}\n\n.align-items-center {\n    align-items: center !important;\n    -webkit-box-align: center !important;\n    -ms-flex-align: center !important;\n}\n\n.col {\n    max-width: 100%;\n    flex-basis: 0;\n    flex-grow: 1;\n    -ms-flex-positive: 1;\n    -ms-flex-preferred-size: 0;\n}\n","@charset \"utf-8\";\n\n@mixin file-icon($path) {\n    background-image: url($path);\n    background-position: center;\n    background-repeat: no-repeat;\n    background-size: 32px 40px;\n}\n\n@mixin alpha-property($property, $color, $opacity) {\n    #{$property}: rgba($color, $opacity);\n}\n\n@mixin font-smoothing($value: antialiased) {\n    @if $value == antialiased {\n        -webkit-font-smoothing: antialiased;\n        -moz-osx-font-smoothing: grayscale;\n    }\n\n    @else {\n        -webkit-font-smoothing: subpixel-antialiased;\n        -moz-osx-font-smoothing: auto;\n    }\n}\n\n@mixin cursor($value) {\n    cursor: -webkit-$value;\n    cursor: zoom-$value;\n}\n\n// From https://gist.github.com/kaelig/7528069\n@mixin text-clamp($lines: 2, $line-height: false) {\n    display: -webkit-box;\n    overflow: hidden;\n    -webkit-box-orient: vertical;\n    -webkit-line-clamp: $lines;\n\n    // Fallback for non-Webkit browsers\n    // (won't show `…` at the end of the block)\n    @if $line-height {\n        max-height: $line-height * $lines * 1px;\n    }\n}\n\n@mixin button-style--none {\n    padding: 0;\n    border: none;\n    background: transparent;\n\n    &:focus {\n        outline: 0;\n        text-decoration: none;\n    }\n\n    &.btn {\n        padding: 6px 12px;\n    }\n\n    &.btn--block {\n        width: 100%;\n        text-align: left;\n    }\n\n    &:hover,\n    &:active {\n        text-decoration: none;\n    }\n}\n\n@mixin fit-content {\n    width: fit-content;\n    width: -moz-fit-content;\n}\n\n@mixin clearfix {\n    overflow: hidden;\n    *zoom: 1;\n}\n\n@mixin pie-clearfix {\n    &::after {\n        display: table;\n        clear: both;\n        content: \"\";\n    }\n\n    *zoom: 1;\n}\n\n@mixin tertiary-button {\n    display: inline-flex;\n    align-items: center;\n    border: 0;\n    background: rgba(var(--button-bg-rgb), 0.08);\n    border-radius: 4px;\n    color: var(--button-bg);\n    font-weight: 600;\n    transition: all 0.15s ease-out;\n\n    &:disabled {\n        background: rgba(var(--center-channel-color-rgb), 0.08);\n        color: rgba(var(--center-channel-color-rgb), 0.32);\n    }\n\n    &:hover:enabled {\n        background: rgba(var(--button-bg-rgb), 0.12);\n    }\n\n    &:active:enabled {\n        background: rgba(var(--button-bg-rgb), 0.16);\n    }\n\n    i {\n        display: flex;\n        font-size: 18px;\n\n        &::before {\n            margin: 0 7px 0 0;\n        }\n    }\n}\n\n@mixin primary-button {\n    position: relative;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    border: 0;\n    background: var(--button-bg);\n    border-radius: 4px;\n    color: var(--button-color);\n    font-weight: 600;\n    transition: all 0.15s ease-out;\n\n    &:hover {\n        background: linear-gradient(0deg, rgba(0, 0, 0, 0.08), rgba(0, 0, 0, 0.08)), var(--button-bg);\n    }\n\n    &:active {\n        background: linear-gradient(0deg, rgba(0, 0, 0, 0.16), rgba(0, 0, 0, 0.16)), var(--button-bg);\n    }\n\n    &:focus {\n        box-sizing: border-box;\n        border: 2px solid var(--sidebar-text-active-border);\n        outline: none;\n    }\n\n    &:disabled {\n        background: rgba(var(--center-channel-color-rgb), 0.08);\n        color: rgba(var(--center-channel-color-rgb), 0.32);\n        cursor: not-allowed;\n    }\n\n    i {\n        display: flex;\n        font-size: 18px;\n    }\n}\n\n@mixin secondary-button {\n    position: relative;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    border: 1px solid var(--denim-button-bg);\n    background: var(--center-channel-bg);\n    border-radius: 4px;\n    color: var(--button-bg);\n    font-weight: 600;\n    transition: all 0.15s ease-out;\n\n    &:hover {\n        background: rgba(var(--denim-button-bg-rgb), 0.08);\n    }\n\n    &:active {\n        background: rgba(var(--denim-button-bg-rgb), 0.16);\n    }\n\n    &:focus {\n        box-sizing: border-box;\n        border: 2px solid var(--sidebar-text-active-border);\n        outline: none;\n    }\n\n    &:disabled {\n        border: rgba(var(--center-channel-color-rgb), 0.32);\n        color: rgba(var(--center-channel-color-rgb), 0.32);\n        cursor: not-allowed;\n    }\n\n    i {\n        display: flex;\n        font-size: 18px;\n    }\n}\n\n@mixin button-focus {\n    &:focus {\n        border-width: 0;\n        box-shadow: inset 0 0 0 2px var(--sidebar-text-active-border);\n    }\n\n    &:focus:not(:focus-visible) {\n        border-width: 0;\n        box-shadow: none;\n    }\n\n    &:focus-visible {\n        border-width: 0;\n        box-shadow: inset 0 0 0 2px var(--sidebar-text-active-border);\n    }\n}\n\n@mixin button-xsmall {\n    height: 24px;\n    padding: 4px 6px;\n    font-size: 11px;\n    line-height: 16px;\n}\n\n@mixin button-small {\n    height: 32px;\n    padding: 0 16px;\n    font-size: 12px;\n    line-height: 10px;\n}\n\n@mixin button-medium {\n    height: 40px;\n    padding: 0 20px;\n    font-size: 14px;\n    line-height: 14px;\n}\n\n@mixin button-large {\n    height: 48px;\n    padding: 0 24px;\n    font-size: 16px;\n    line-height: 18px;\n}\n\n@mixin link {\n    border: none;\n    box-shadow: none;\n    color: var(--link-color);\n    font-size: 12px;\n    font-weight: 600;\n    line-height: 16px;\n\n    &:hover,\n    &:active,\n    &:focus {\n        text-decoration-line: underline;\n    }\n\n    &:disabled {\n        color: rgba(var(--center-channel-color-rgb), 0.32);\n        cursor: not-allowed;\n        text-decoration: none;\n    }\n}\n\n@mixin simple-in-and-out-after($classPrefix, $transition_time: 300ms) {\n    .#{$classPrefix}--enter-from-after {\n        &-enter {\n            transform: translateY(-100vh);\n        }\n\n        &-enter-active {\n            transform: translateY(0);\n            transition: transform $transition_time ease-in-out;\n        }\n\n        &-enter-done {\n            transform: translateY(0);\n        }\n    }\n\n    .#{$classPrefix}--exit-to-after {\n        &-exit {\n            transform: translateY(0);\n        }\n\n        &-exit-active {\n            transform: translateY(-100vh);\n            transition: transform $transition_time ease-in-out;\n        }\n\n        &-exit-done {\n            transform: translateY(-100vh);\n        }\n    }\n}\n\n@mixin simple-in-and-out-before($classPrefix, $transition_time: 300ms) {\n    .#{$classPrefix}--enter-from-before {\n        &-enter {\n            transform: translateY(100vh);\n        }\n\n        &-enter-active {\n            transform: translateY(0);\n            transition: transform $transition_time ease-in-out;\n        }\n\n        &-enter-done {\n            transform: translateY(0);\n        }\n    }\n\n    .#{$classPrefix}--exit-to-before {\n        &-exit {\n            transform: translateY(0);\n        }\n\n        &-exit-active {\n            transform: translateY(100vh);\n            transition: transform $transition_time ease-in-out;\n        }\n\n        &-exit-done {\n            transform: translateY(100vh);\n        }\n    }\n}\n\n@mixin simple-in-and-out($classPrefix, $transition_time: 300ms) {\n    @include simple-in-and-out-before($classPrefix, $transition_time);\n    @include simple-in-and-out-after($classPrefix, $transition_time);\n}\n\n@mixin shake-horizontally {\n    animation: shake-horizontally 0.82s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;\n    backface-visibility: hidden;\n    perspective: 1000px;\n    transform: translate3d(0, 0, 0);\n}\n\n@keyframes shake-horizontally {\n    10%,\n    90% {\n        transform: translate3d(-1px, 0, 0);\n    }\n\n    20%,\n    80% {\n        transform: translate3d(2px, 0, 0);\n    }\n\n    30%,\n    50%,\n    70% {\n        transform: translate3d(-4px, 0, 0);\n    }\n\n    40%,\n    60% {\n        transform: translate3d(4px, 0, 0);\n    }\n}\n","@charset 'UTF-8';\n\n@keyframes spin {\n    from {\n        transform: scale(1) rotate(0deg);\n    }\n\n    to {\n        transform: scale(1) rotate(360deg);\n    }\n}\n\n@keyframes highlight {\n    from {\n        @include alpha-property(background, $yellow, 0.5);\n    }\n\n    to {\n        background: none;\n    }\n}\n\n@mixin fade-in {\n    animation-duration: 0.3s;\n    animation-iteration-count: 1;\n    animation-name: fadeInOpacity;\n    animation-timing-function: ease-in;\n    opacity: 1;\n}\n\n@keyframes fadeInOpacity {\n    0% {\n        opacity: 0;\n    }\n\n    100% {\n        opacity: 1;\n    }\n}\n","@charset 'UTF-8';\n$positions: 't b l r';\n\n$positions: 't'top,\n    'b'bottom,\n    'l'left,\n    'r'right;\n\n@for $i from 0 through 20 {\n    @each $label,\n        $position in $positions {\n        .p#{$label}-#{$i} {\n            padding-#{$position}: #{$i*4}px !important;\n        }\n    }\n\n    @each $label,\n        $position in $positions {\n        .m#{$label}-#{$i} {\n            margin-#{$position}: #{$i*4}px !important;\n        }\n    }\n\n    .m-#{$i} {\n        margin: #{$i*4}px !important;\n    }\n\n    .p-#{$i} {\n        padding: #{$i*4}px !important;\n    }\n\n    .px-#{$i} {\n        padding: 0 #{$i*4}px 0 #{$i*4}px !important;\n    }\n\n    .py-#{$i} {\n        padding: #{$i*4}px 0 #{$i*4}px 0 !important;\n    }\n\n    .h-#{$i} {\n        height: #{$i*4}px !important;\n    }\n}\n\n.d-block {\n    display: block;\n}\n\n.w-full {\n    width: 100%;\n}\n\n.a11y--focused {\n    border-radius: 4px;\n    box-shadow: 0 0 1px 3px rgba(var(--link-color-rgb), 0.5), 0 0 0 1px var(--link-color);\n}\n\n.pos-relative {\n    position: relative;\n}\n\n.hidden-label {\n    position: absolute;\n    overflow: hidden;\n    width: 1px;\n    height: 1px;\n    padding: 0;\n    border: 0;\n    margin: -1px;\n}\n\n.overflow--visible {\n    overflow: visible;\n}\n\n.bg--white {\n    background: var(--center-channel-bg);\n}\n","@import 'utils/module';\n\n.MenuWrapper {\n    position: relative;\n\n    *:first-child {\n        @include unselectable;\n    }\n}\n\ndiv[disabled] {\n    opacity: 0.7;\n    pointer-events: none;\n}\n\n.MenuWrapperAnimation {\n    // Rule order here is important for precedence\n    &-enter {\n        opacity: 0;\n    }\n\n    &-enter-active,\n    &-enter-done,\n    &-exit {\n        opacity: 1;\n    }\n\n    &-exit-active,\n    &-exit-done {\n        opacity: 0;\n    }\n}\n\nbody.enable-animations {\n    .MenuWrapperAnimation {\n        &-enter-active,\n        &-exit-active {\n            transition-duration: 80ms;\n            transition-property: opacity;\n        }\n    }\n}\n","@charset \"UTF-8\";\n\n@use \"sass:math\";\n\n@function em($pixels, $context: 14px) {\n    @return (math.div($pixels, $context) * 1em);\n}\n\n@function v($var) {\n    @return var(--#{$var});\n}\n\n@function alpha-color($color, $amount) {\n    @return rgba($color, $amount);\n}\n\n%popover-box-shadow {\n    box-shadow: rgba(black, 0.175) 1px -3px 12px;\n}\n\n%box-shadow-1 {\n    box-shadow: rgba(black, 0.1) 0 1px 16px;\n}\n\n%font-awesome {\n    display: inline-block;\n    font: normal normal normal 14px/1 FontAwesome;\n    font-size: inherit;\n    -webkit-font-smoothing: antialiased;\n    -moz-osx-font-smoothing: grayscale;\n    text-rendering: auto;\n    transform: translate(0, 0);\n}\n\n@mixin unselectable {\n    -webkit-user-select: none; /* Chrome/Safari */\n    -moz-user-select: none; /* Firefox */\n    -ms-user-select: none; /* IE10+ */\n\n    /* Rules below not implemented in browsers yet */\n    -o-user-select: none;\n    user-select: none;\n}\n","@import '../../../../sass/utils/module';\n\n.Menu {\n    .MenuItem {\n        display: flex;\n        width: 100%;\n        align-items: center;\n        font-size: 14px;\n\n        &.MenuItem--with-icon {\n            .MenuItem__help-text {\n                padding-left: 28px;\n            }\n        }\n\n        .destructive {\n            color: var(--error-text);\n        }\n\n        .MenuItem__icon {\n            width: 20px;\n            margin-right: 8px;\n            text-align: center;\n        }\n\n        .MenuItem__compass-icon {\n            margin: 4px -6px;\n            color: rgba(var(--center-channel-color-rgb), 0.56);\n            fill: rgba(var(--center-channel-color-rgb), 0.56);\n        }\n\n        .MenuItem__compass-icon-dangerous {\n            margin: 4px -6px;\n        }\n\n        .MenuItem__opacity {\n            opacity: 0.56;\n        }\n\n        span.icon {\n            display: inline-block;\n            width: 28px; // less 12px padding is 16px\n            height: 16px; // less 3px top padding is 16px;\n            align-self: center;\n            padding-right: 12px;\n            line-height: 16px;\n        }\n\n        span.MenuItem__primary-text {\n            display: inline-flex;\n            padding: 5px 0;\n            line-height: 22px;\n            white-space: normal;\n        }\n\n        span.MenuItem__text-color {\n            color: rgba(var(--center-channel-color-rgb), 0.56);\n        }\n\n        span.MenuItem__help-text {\n            display: block;\n            padding-bottom: 8px;\n            font-size: 12px;\n            line-height: 16px;\n            opacity: 0.7;\n            white-space: normal;\n\n            @media (max-width: 768px) {\n                padding-left: 28px !important;\n\n                .mobile-main-menu & {\n                    padding-left: 36px !important;\n                }\n            }\n        }\n\n        > div,\n        > button,\n        > a {\n            display: block;\n            overflow: hidden;\n            width: 100%;\n            align-items: center;\n            padding: 1px 16px;\n            clear: both;\n            color: inherit;\n            cursor: pointer;\n            font-weight: normal;\n            line-height: 28px;\n            text-align: left;\n            text-overflow: ellipsis;\n            white-space: nowrap;\n\n            &.MenuItem__with-help {\n                display: block;\n                height: auto;\n\n                .MenuItem__primary-text {\n                    padding: 7px 0 3px;\n                }\n\n                .icon {\n                    @media (max-width: 768px) {\n                        top: 10px;\n                    }\n                }\n            }\n\n            &.MenuItem__with-sibling {\n                padding-right: 0 !important;\n\n                &.disabled {\n                    color: rgba(var(--sys-center-channel-color-rgb), 0.48);\n                    cursor: default;\n                    pointer-events: none;\n\n                    &:hover {\n                        background: none;\n                    }\n\n                    .icon {\n                        color: rgba(var(--sys-center-channel-color-rgb), 0.48);\n                    }\n                }\n            }\n\n            .MenuItem__icon {\n                position: relative;\n                top: 4px;\n                display: inline-flex;\n                width: 20px;\n                height: 20px;\n                align-items: center;\n                justify-content: center;\n                margin-right: 8px;\n            }\n\n            &.MenuItem__dangerous {\n                color: var(--dnd-indicator);\n\n                i {\n                    color: var(--dnd-indicator) !important;\n                }\n\n                &:is(:hover, :active, :focus) {\n                    background-color: var(--dnd-indicator) !important;\n                    color: var(--button-color);\n\n                    i {\n                        color: var(--button-color) !important;\n                    }\n                }\n            }\n        }\n\n        > a {\n            text-decoration: none;\n\n            &:focus,\n            &:hover {\n                color: inherit;\n            }\n        }\n    }\n\n    .MenuCloudTrial {\n        padding: 8px 12px;\n        margin: 8px;\n        margin-top: 0;\n        border-radius: 4px;\n\n        &__free-trial {\n            &__content-title {\n                margin: 4px 0;\n                font-weight: 600;\n                line-height: 20px;\n            }\n\n            &__content-section {\n                display: flex;\n\n                &__icon-section {\n                    margin-top: -2px;\n                    color: var(--denim-button-bg);\n                    font-size: 18px;\n                }\n            }\n        }\n\n        .upgradeLink {\n            color: var(--button-bg);\n            font-style: normal;\n            font-weight: 600;\n\n            &:hover {\n                color: var(--button-bg);\n                font-style: normal;\n                font-weight: 600;\n                text-decoration: none;\n            }\n        }\n\n        .style-link {\n            display: inline-block;\n            min-width: fit-content;\n            border: none;\n            background: none;\n            color: var(--button-bg);\n            font-weight: 600;\n\n            &:hover:not(.disabled) {\n                border: none;\n                background: none;\n                color: var(--button-bg);\n                text-decoration: underline;\n            }\n        }\n\n        .open-trial-benefits-modal {\n            display: inline !important;\n            margin-left: 2px;\n        }\n\n        .open-see-plans-modal {\n            display: block;\n        }\n    }\n\n    .MenuItemCloudLimit {\n        padding: 16px 20px;\n        margin-top: 0;\n        background-color: rgba(var(--mention-highlight-bg-rgb), 0.16);\n\n        &--critical {\n            background-color: rgba(var(--error-text-color-rgb), 0.16);\n        }\n\n        .icon-information-outline {\n            color: var(--denim-button-bg);\n            cursor: pointer;\n        }\n\n        a {\n            // overriding 4 deep selector\n            color: var(--denim-button-bg) !important;\n            font-weight: bold;\n            text-decoration: none;\n\n            &:hover {\n                // overriding 4 deep selector\n                background: inherit !important;\n            }\n        }\n\n        &__title {\n            display: flex;\n            align-items: center;\n            padding-bottom: 5px;\n            color: var(--center-channel-color);\n            font-size: 14px;\n            font-weight: bold;\n        }\n\n        &__description {\n            padding-bottom: 12px;\n            font-size: 12px;\n        }\n\n        &__usage {\n            display: flex;\n            align-items: center;\n        }\n\n        &__usage-label {\n            padding-left: 18px;\n            color: rgba(var(--center-channel-color-rgb), 0.56);\n            font-size: 11px;\n            font-weight: bold;\n        }\n    }\n\n    .MenuStartTrial {\n        display: flex;\n        flex-direction: column;\n        align-items: flex-start;\n        padding: 8px;\n        padding-left: 16px;\n        margin: 8px;\n        margin-top: 0;\n        background-color: rgba(var(--button-bg-rgb), 0.04);\n        border-radius: 4px;\n\n        button {\n            padding: 3px 0;\n            border: none;\n            background-color: transparent;\n            color: var(--link-color);\n            font-style: normal;\n            font-weight: 600;\n        }\n\n        button:hover {\n            background-color: transparent;\n        }\n\n        .start_trial_content {\n            position: relative;\n            width: 100%;\n        }\n    }\n}\n\n.SubMenu {\n    position: absolute;\n    top: unset;\n    left: unset;\n    padding-left: 0;\n    cursor: auto;\n}\n\n.SubMenu__icon-left {\n    position: relative;\n    top: 0;\n    color: rgba(var(--center-channel-color-rgb), 0.56);\n    font-size: 19px;\n}\n\n.SubMenu__icon-left-empty {\n    position: relative;\n    top: 0;\n    display: none;\n    width: 0;\n    font-size: 19px;\n    visibility: hidden;\n}\n\n.SubMenu__icon-right {\n    padding-top: 3px;\n    color: rgba(var(--center-channel-color-rgb), 0.56);\n    float: right;\n    font-size: 19px;\n}\n\n.SubMenu__icon-right-empty {\n    top: 0;\n    display: none;\n    width: 0;\n    padding: 0;\n    margin-left: auto;\n    font-size: 19px;\n}\n\n.MenuItem__divider {\n    border-top: $border-gray;\n    margin: 8px 0;\n}\n","@charset 'UTF-8';\n\n// Color Variables\n$primary-color: #166de0;\n$primary-color--hover: darken($primary-color, 10%);\n$bg--gray: rgb(245, 245, 245);\n$white: rgb(255, 255, 255);\n$black: rgb(0, 0, 0);\n$red: rgb(214, 73, 70);\n$yellow: rgb(255, 255, 0);\n$light-gray: rgba(0, 0, 0, 0.15);\n$gray: rgba(0, 0, 0, 0.3);\n$dark-gray: rgba(0, 0, 0, 0.5);\n$link-color: rgb(35, 137, 215);\n$transparent: rgba(0, 0, 0, 0);\n$highlight-color: #fcea8d;\n\n// Typography\n$font-weight--semibold: 600;\n\n// Page Variables\n$border-gray: 1px solid rgba(var(--center-channel-color-rgb), 0.12);\n$announcement-bar-height: 40px;\n$backstage-bar-height: 43px;\n\n// Random variables\n$border-rad: 2px;\n$emoji-per-row: 9; // needs to match variable `EMOJI_PER_ROW` in emoji_picker.jsx\n\n// Transition timing defaults\n$transition-quick: 0.12s;\n\n// Elevations\n$elevation-1: var(--elevation-1);\n$elevation-2: var(--elevation-2);\n$elevation-3: var(--elevation-3);\n$elevation-4: var(--elevation-4);\n$elevation-5: var(--elevation-5);\n$elevation-6: var(--elevation-6);\n","@import 'utils/variables';\n\n.Menu {\n    .MenuHeader {\n        display: flex;\n        overflow: hidden;\n        width: 100%;\n        height: 32px;\n        align-items: center;\n        padding: 0 32px 0 20px;\n        clear: both;\n        color: inherit;\n        cursor: default;\n        font-weight: $font-weight--semibold;\n        text-align: left;\n        text-overflow: ellipsis;\n        white-space: nowrap;\n    }\n}\n","@import 'utils/variables';\n@import 'utils/functions';\n\n.MenuGroup {\n    &.menu-divider {\n        height: 1px;\n        margin: 8px 0;\n        background: rgba(var(--center-channel-color-rgb), 0.08);\n    }\n}\n",".container-slider {\n    position: relative;\n    overflow: hidden;\n    width: 100%;\n    min-width: 400px;\n    height: 100%;\n    min-height: 400px;\n\n    @media screen and (max-width: 700px) {\n        .container-slider {\n            margin: 10px;\n        }\n    }\n\n    .slide {\n        position: absolute;\n        z-index: 0;\n        width: 100%;\n        height: 100%;\n        opacity: 0;\n        transition: opacity ease-in-out 0.4s;\n    }\n\n    .slide img {\n        width: 100%;\n        height: 100%;\n        object-fit: cover;\n    }\n\n    .active-anim {\n        z-index: 1;\n        opacity: 1;\n    }\n\n    .chevron-button {\n        z-index: 2;\n        margin-top: 120px;\n        color: var(--center-channel-color);\n        cursor: pointer;\n        font-size: 24px;\n\n        &.disabled {\n            opacity: 0.5;\n        }\n\n        &.chevron-right {\n            position: absolute;\n            right: 0;\n        }\n\n        &.chevron-left {\n            position: absolute;\n            left: 0;\n        }\n    }\n\n    .container-footer {\n        position: absolute;\n        z-index: 2;\n        bottom: 3%;\n        display: flex;\n        width: 100%;\n        align-items: center;\n        justify-content: flex-start;\n\n        .container-buttons {\n            margin-left: auto;\n\n            .btn-slide {\n                position: absolute;\n                display: flex;\n                width: 60px;\n                height: 20px;\n                align-items: center;\n                justify-content: center;\n                border: 1px solid rgba(34, 34, 34, 0.287);\n                cursor: pointer;\n                font-size: 12px;\n                font-weight: 600;\n            }\n\n            .disabled {\n                opacity: 0.5;\n                text-decoration: none;\n            }\n\n            .prev,\n            .next {\n                left: 20px;\n                transform: translateY(-60%);\n            }\n        }\n\n        .container-dots {\n            display: flex;\n\n            .dot {\n                width: 8px;\n                height: 8px;\n                margin: 0 5px;\n                background: rgba(var(--button-bg-rgb), 0.25);\n                border-radius: 50%;\n            }\n\n            .dot.active {\n                width: 6px;\n                height: 6px;\n                margin-top: 1px;\n                background: var(--button-bg);\n                box-shadow: 0 0 0 2px rgba(var(--button-bg-rgb), 0.4);\n            }\n        }\n    }\n}\n","// Copyright (c) 2015-present Mattermost, Inc. All Rights Reserved.\n// See LICENSE.txt for license information.\n\n@charset 'UTF-8';\n\n@import 'utils/variables';\n@import 'utils/mixins';\n\n.console__body .modal .GenericModal,\n.app__body .modal .GenericModal {\n    &.modal-dialog {\n        margin-top: calc(50vh - 240px);\n    }\n\n    &.modal-overflow {\n        .modal-body {\n            overflow: visible;\n        }\n    }\n\n    .modal-body {\n        max-height: 100%;\n        padding: 0;\n\n        .form-control {\n            height: 40px;\n            box-sizing: border-box;\n            border: 2px solid var(--button-bg);\n            border-radius: 4px;\n\n            &.has-error {\n                border-color: var(--error-text);\n            }\n        }\n\n        .MaxLengthInput {\n            &.form-control.has-error {\n                padding-right: 66px;\n            }\n\n            &__validation {\n                position: absolute;\n                top: 12px;\n                right: 56px;\n                color: var(--error-text);\n                font-size: 14px;\n                font-style: normal;\n                font-weight: normal;\n                line-height: 16px;\n            }\n        }\n\n        .input-clear {\n            top: 12px;\n            right: 36px;\n            width: 16px;\n            height: 16px;\n            color: var(--center-channel-color);\n            font-size: 18px;\n            font-style: normal;\n            font-weight: normal;\n            line-height: 16px;\n            opacity: 0.48;\n        }\n    }\n\n    .modal-content {\n        padding: 16px 15px;\n        border-radius: 8px;\n    }\n\n    .modal-header {\n        min-height: 0;\n        padding: 0;\n        border: none;\n        background: transparent;\n\n        .close {\n            top: 6px;\n            right: 6px;\n            display: flex;\n            width: 4rem;\n            height: 4rem;\n            align-items: center;\n            justify-content: center;\n            border-radius: 4px;\n            color: rgba(var(--center-channel-color-rgb), 0.56);\n            font-size: 32px;\n            font-weight: 400;\n\n            &:hover {\n                background-color: rgba(var(--center-channel-color-rgb), 0.08);\n                color: rgba(var(--center-channel-color-rgb), 0.72);\n            }\n\n            &:active {\n                background-color: rgba(var(--button-bg-rgb), 0.08);\n                color: v(button-bg);\n            }\n        }\n    }\n\n    .modal-footer {\n        padding: 12px 24px 24px 24px;\n        border: none;\n        border-radius: 4px;\n    }\n\n    &.GenericModal__compassDesign {\n        .modal-content {\n            padding: 0;\n            border-radius: 12px;\n\n            .modal-header {\n                padding: 26px 32px 7px;\n\n                .close {\n                    top: 20px;\n                    right: 18px;\n                    width: 40px;\n                    height: 40px;\n                    box-shadow: none;\n\n                    &:active {\n                        background: rgba(var(--button-bg-rgb), 0.08);\n                        color: var(--button-bg);\n                    }\n\n                    &:focus {\n                        box-sizing: border-box;\n                        border: 2px solid var(--sidebar-text-active-border);\n                    }\n                }\n\n                .GenericModal__header {\n                    padding: 0;\n                    border-top-left-radius: 12px;\n                    border-top-right-radius: 12px;\n\n                    h1 {\n                        color: var(--center-channel-color);\n                        font-size: 22px;\n                    }\n                }\n            }\n\n            .modal-body {\n                padding: 15px 32px 0;\n\n                .GenericModal__body {\n                    padding: 0;\n                }\n            }\n\n            .modal-footer {\n                padding: 24px 32px;\n                border-bottom-left-radius: 12px;\n                border-bottom-right-radius: 12px;\n            }\n\n            .genericModalError {\n                display: flex;\n                box-sizing: border-box;\n                flex: 1;\n                padding: 14px;\n                border: 1px solid rgba(var(--dnd-indicator-rgb), 0.16);\n                margin-bottom: 24px;\n                background: rgba(var(--dnd-indicator-rgb), 0.08);\n                border-radius: 4px;\n\n                span {\n                    color: var(--center-channel-color);\n                    font-size: 14px;\n                    font-weight: 600;\n                    line-height: 24px;\n                }\n\n                i {\n                    margin-right: 8px;\n                    color: var(--error-text);\n                    font-size: 24px;\n                    line-height: 24px;\n\n                    &::before {\n                        margin: 0;\n                    }\n                }\n            }\n\n            .GenericModal__button {\n                padding: 13px 20px;\n                border: none;\n                border-radius: 4px;\n                box-shadow: none;\n\n                @include button-medium;\n\n                &.cancel {\n                    margin-right: 8px;\n                    background: var(--center-channel-bg);\n                    background: rgba(var(--button-bg-rgb), 0.08);\n                    color: var(--button-bg);\n\n                    &:hover {\n                        background: rgba(var(--button-bg-rgb), 0.12);\n                    }\n\n                    &:active {\n                        background: rgba(var(--button-bg-rgb), 0.16);\n                    }\n\n                    &:focus {\n                        box-sizing: border-box;\n                        padding: 11px 18px;\n                        border: 2px solid var(--sidebar-text-active-border);\n                    }\n                }\n\n                &.delete {\n                    @include primary-button;\n\n                    border-color: transparent;\n                    background: var(--dnd-indicator);\n\n                    &:focus {\n                        padding: 11px 18px;\n                    }\n\n                    &:hover,\n                    &:focus,\n                    &:active {\n                        background: linear-gradient(0deg, rgba(0, 0, 0, 0.08), rgba(0, 0, 0, 0.08)), var(--dnd-indicator) !important;\n                    }\n                }\n\n                &.confirm {\n                    @include primary-button;\n                    @include button-medium;\n\n                    &:focus {\n                        padding: 11px 18px;\n                    }\n                }\n            }\n        }\n\n        @media screen and (max-width: 640px) {\n            margin: 0;\n\n            .modal-header {\n                box-shadow: var(--elevation-2);\n            }\n        }\n    }\n\n    &__wrapper-enter-key-press-catcher {\n        width: 100%;\n        height: 100%;\n    }\n}\n\n.GenericModal__header {\n    padding: 28px 24px 16px 24px;\n\n    h1 {\n        margin: 0;\n        font-size: 20px;\n        font-weight: 600;\n        line-height: 28px;\n    }\n}\n\n.GenericModal__body {\n    position: relative;\n    width: 100%;\n    padding: 0 24px;\n    color: rgba(var(--center-channel-color-rgb), 0.72);\n    font-family: Open Sans;\n    font-size: 14px;\n    font-style: normal;\n    font-weight: normal;\n    line-height: 20px;\n}\n\n.GenericModal__button {\n    padding: 12px 16px;\n    border: none;\n    font-size: 14px;\n    font-weight: 600;\n    line-height: 12px;\n\n    &.cancel {\n        background: var(--center-channel-bg);\n        color: var(--button-bg);\n    }\n\n    &.confirm {\n        background: var(--button-bg);\n        border-radius: 4px;\n        color: var(--button-color);\n\n        &.disabled {\n            background: rgba(var(--center-channel-color-rgb), 0.08);\n            color: rgba(var(--center-channel-color-rgb), 0.32);\n        }\n    }\n}\n",".TrialBenefitsModalStepMore {\n    &.learn-more-button {\n        display: block;\n        width: fit-content;\n        padding: 13px 20px;\n        border: none;\n        margin-top: 16px;\n        background: var(--sys-center-channel-bg);\n        border-radius: 4px;\n        box-shadow: inset 0 0 0 1px var(--sys-button-bg);\n        color: var(--sys-button-bg);\n        font-size: 14px;\n        font-weight: 600;\n        line-height: 14px;\n\n        &:hover:not(.disabled) {\n            background: rgba(var(--sys-button-bg-rgb), 0.04);\n            text-decoration: none;\n        }\n\n        &:active {\n            background: rgba(var(--sys-button-bg-rgb), 0.08);\n            text-decoration: none;\n        }\n\n        &:focus {\n            box-shadow: inset 0 0 0 2px var(--sys-button-bg);\n            text-decoration: none;\n        }\n    }\n}\n","@import 'utils/variables';\n@import 'utils/mixins';\n\n.TrialBenefitsModalStep {\n    &.slide-container {\n        padding: 0 24px;\n\n        .svg-wrapper {\n            display: flex;\n            min-height: 200px;\n            flex: 1;\n            align-items: center;\n            justify-content: center;\n            margin-top: 10px;\n        }\n\n        .title {\n            width: 100%;\n            margin: 0 auto;\n            margin-top: 10px 0;\n            color: var(--center-channel-color);\n            font-family: Metropolis, sans-serif;\n            font-size: 22px;\n            font-style: normal;\n            font-weight: 600;\n            line-height: 28px;\n            text-align: left;\n        }\n\n        .description {\n            width: 100%;\n            margin: 0 auto;\n            margin-top: 8px;\n            font-family: 'Open Sans';\n            font-size: 14px;\n            font-style: normal;\n            font-weight: normal;\n            line-height: 16px;\n            text-align: left;\n        }\n\n        .bottom-text-left-message {\n            position: fixed;\n            bottom: 24px;\n            left: 24px;\n            color: rgba(var(--center-channel-color-rgb), 0.72);\n            font-size: 12px;\n            font-style: normal;\n            font-weight: normal;\n            line-height: 16px;\n        }\n\n        &.trial-just-started {\n            .title {\n                text-align: center;\n            }\n\n            .description {\n                font-size: 12px;\n            }\n\n            .svg-wrapper {\n                min-height: 180px;\n                margin-top: 0;\n            }\n\n            .buttons-section-wrapper {\n                display: flex;\n                justify-content: flex-end;\n                margin-top: 10px;\n\n                .tertiary-button {\n                    @include tertiary-button;\n                    @include button-medium;\n\n                    height: 32px;\n                    font-size: 12px;\n                }\n\n                .primary-button {\n                    @include primary-button;\n                    @include button-small;\n\n                    margin-left: 8px;\n                }\n            }\n        }\n    }\n}\n",".TrialBenefitsModal {\n    &.modal-dialog {\n        margin-top: calc(50vh - 240px);\n    }\n\n    .modal-content {\n        min-height: 440px;\n        padding: 0 !important;\n        border-color: rgba(var(--center-channel-color-rgb), 0.16);\n        background: var(--center-channel-bg);\n        border-radius: 8px;\n        color: var(--center-channel-color);\n    }\n\n    .modal-header {\n        .close {\n            &:hover,\n            &:active,\n            &:focus,\n            &:active:focus {\n                background-color: rgba(var(--center-channel-color-rgb), 0.08);\n                color: rgba(var(--center-channel-color-rgb), 0.72);\n                opacity: 1;\n            }\n\n            top: 6px;\n            right: 4px;\n            width: 4rem;\n            height: 4rem;\n            border-radius: 4px;\n            color: rgba(var(--center-channel-color-rgb), 0.56) !important;\n            font-family:\n                'Open Sans',\n                sans-serif;\n            font-size: 32px;\n            font-weight: 400;\n        }\n\n        height: 48px;\n        min-height: 48px;\n        padding: 0;\n        border: 0;\n        background: var(--center-channel-bg) !important;\n        border-radius: 8px;\n        color: var(--center-channel-color);\n    }\n\n    .modal-body {\n        display: flex;\n        overflow: hidden;\n        width: 100%;\n        flex-direction: column;\n        padding-bottom: 24px !important;\n\n        .buttons {\n            text-align: center;\n\n            .previous-btn {\n                &:hover,\n                &:active,\n                &:focus,\n                &:active:focus {\n                    border: none;\n                    background: rgba(var(--button-bg-rgb), 0.08);\n                    border-radius: 4px;\n                }\n\n                height: 30px;\n                align-items: center;\n                align-self: center;\n                padding: 8px 16px;\n                border: none;\n                background: rgba(var(--button-bg-rgb), 0.08);\n                border-radius: 4px;\n                color: var(--button-bg);\n                font-size: 14px;\n                font-weight: 600;\n                line-height: 14px;\n            }\n\n            .next-btn {\n                &:hover,\n                &:active,\n                &:focus,\n                &:active:focus {\n                    background:\n                        linear-gradient(0deg, rgba(0, 0, 0, 0.16), rgba(0, 0, 0, 0.16)),\n                        var(--button-bg);\n                }\n\n                height: 30px;\n                flex: none;\n                padding: 8px 16px;\n                border: none;\n                margin-left: 8px;\n                background: var(--button-bg);\n                border-radius: 4px;\n                color: var(--sys-button-color);\n                font-size: 14px;\n                font-weight: 600;\n                line-height: 14px;\n            }\n        }\n    }\n\n    .modal-centered {\n        text-align: center;\n    }\n\n    .modal-footer {\n        padding: 12px 24px 24px;\n        border: none;\n        border-radius: 4px;\n    }\n}\n",".error {\n    color: var(--error-text);\n}\n\n.info {\n    color: var(--sidebar-text-active-border);\n}\n\n.warning {\n    color: var(--away-indicator-dark);\n}\n\n.success {\n    color: var(--online-indicator);\n}\n\n.Input_container {\n    width: 100%;\n\n    .Input {\n        position: relative;\n        z-index: 2;\n        left: 0;\n        width: 100%;\n        padding: 0;\n        border: 0;\n        border-radius: 4px;\n        box-shadow: none;\n        color: var(--center-channel-color);\n        font-size: 14px;\n        line-height: 20px;\n        outline: 0;\n\n        &::placeholder {\n            color: rgba(var(--center-channel-color-rgb), 0.64);\n        }\n\n        &.Input__focus {\n            box-shadow: none;\n        }\n\n        &.large {\n            height: 42px;\n            font-size: 16px;\n            line-height: 24px;\n        }\n    }\n\n    .Input_wrapper {\n        display: flex;\n        flex: 1;\n        padding: 0 16px;\n        margin: 2px 0;\n        color: rgba(var(--center-channel-color-rgb), 0.56);\n        font-size: 14px;\n        line-height: 20px;\n    }\n\n    .Input_limit-exceeded {\n        align-self: center;\n        margin-left: 16px;\n        color: var(--error-text);\n        font-size: 14px;\n        line-height: 20px;\n    }\n\n    .Input-border-error {\n        border-color: var(--error-text);\n    }\n\n    .Input___error,\n    .Input___customMessage,\n    .Input___info {\n        margin-top: 5px;\n        font-size: 12px;\n        line-height: 16px;\n        text-align: left;\n\n        i {\n            height: 14px;\n            align-self: baseline;\n            margin-right: 7px;\n            font-size: 14px;\n\n            &::before {\n                margin: 0;\n            }\n        }\n    }\n\n    .Input___error {\n        @extend .error;\n\n        display: flex;\n    }\n\n    .Input___warning {\n        @extend .warning;\n\n        display: flex;\n    }\n\n    .Input___success {\n        @extend .success;\n\n        display: flex;\n    }\n\n    .Input___info {\n        color: rgba(var(--center-channel-color-rgb), 0.56);\n\n        > span.valid {\n            margin-left: 7px;\n        }\n    }\n\n    .Input_fieldset {\n        position: relative;\n        z-index: 3;\n        display: flex;\n        width: 100%;\n        box-sizing: border-box;\n        padding: 0 1px;\n        border: 1px solid rgba(var(--center-channel-color-rgb), 0.16);\n        border-radius: 4px;\n        color: rgba(var(--secondary-blue-rgb), 0.4);\n\n        &:hover {\n            border-color: rgba(var(--center-channel-color-rgb), 0.48);\n        }\n\n        &:focus-within {\n            border-color: var(--button-bg);\n            box-shadow: inset 0 0 0 1px var(--button-bg);\n            color: var(--button-bg);\n\n            .Input_legend {\n                color: var(--button-bg);\n            }\n        }\n    }\n\n    .Input_fieldset___error {\n        border-color: var(--error-text);\n        color: var(--error-text);\n\n        &:focus-within {\n            border-color: var(--error-text);\n            box-shadow: inset 0 0 0 1px var(--error-text);\n            color: var(--error-text);\n\n            .Input_legend {\n                color: var(--error-text);\n            }\n        }\n\n        &:hover {\n            border-color: var(--error-text);\n        }\n\n        .Input_legend {\n            color: var(--error-text);\n        }\n    }\n\n    .Input_legend {\n        position: absolute;\n        z-index: 4;\n        top: -8px;\n        display: flex;\n        width: auto;\n        padding: 0 4px;\n        border: none;\n        margin-left: 12px;\n        background-color: var(--center-channel-bg);\n        color: rgba(var(--center-channel-color-rgb), 0.64);\n        font-size: 10px;\n        line-height: 14px;\n        opacity: 0;\n        transform: translateY(8px);\n        transition-duration: 0.15s;\n        transition-property: opacity, transform;\n        transition-timing-function: ease-in-out;\n        white-space: nowrap;\n    }\n\n    .Input_legend___focus {\n        padding: 0 4px;\n        opacity: 1;\n        transform: translateY(0);\n    }\n\n    &.disabled {\n        .Input_fieldset {\n            border-color: rgba(var(--center-channel-color-rgb), 0.16);\n            background-color: rgba(var(--center-channel-color-rgb), 0.04);\n        }\n    }\n}\n","@import 'utils/variables';\n@import 'utils/mixins';\n\n.RequestBusinessEmailModal {\n    height: 320px;\n\n    &.modal-dialog {\n        margin-top: calc(50vh - 350px) !important;\n    }\n\n    .modal-content {\n        padding: 0 !important;\n        border-color: rgba(var(--center-channel-color-rgb), 0.16);\n        background: var(--center-channel-bg);\n        border-radius: 8px;\n        color: var(--center-channel-color);\n    }\n\n    .modal-header {\n        .close {\n            &:hover,\n            &:active,\n            &:focus,\n            &:active:focus {\n                background-color: rgba(var(--center-channel-color-rgb), 0.08);\n                color: rgba(var(--center-channel-color-rgb), 0.72);\n                opacity: 1;\n            }\n\n            top: 6px;\n            right: 4px;\n            width: 4rem;\n            height: 4rem;\n            border-radius: 4px;\n            color: rgba(var(--center-channel-color-rgb), 0.56) !important;\n            font-family:\n                'Open Sans',\n                sans-serif;\n            font-size: 32px;\n            font-weight: 400;\n        }\n\n        height: 38px;\n        padding: 0;\n        border: 0;\n        background: var(--center-channel-bg) !important;\n        border-radius: 8px;\n        color: var(--center-channel-color);\n    }\n\n    .modal-body {\n        display: flex;\n        overflow: hidden;\n        width: 100%;\n        height: calc(100% - 38px);\n        flex-direction: column;\n        padding: 0;\n\n        .GenericModal__body {\n            height: 100%;\n            padding: 0 24px 24px 24px;\n\n            .container-footer {\n                bottom: 0;\n                height: 36px;\n            }\n        }\n\n        .request-business-email-input {\n            height: 34px !important;\n            border: 0 !important;\n            border-radius: 0 !important;\n        }\n\n        .start-trial-email-title {\n            margin-bottom: 22px;\n            color: var(--center-channel-color);\n            font-size: 22px;\n            font-weight: 600;\n            line-height: 28px;\n        }\n\n        .start-trial-email-description {\n            margin-bottom: 16px;\n            color: var(--center-channel-color);\n            font-size: 14px;\n            font-weight: 400;\n            line-height: 20px;\n        }\n\n        .start-trial-email-disclaimer {\n            margin-top: 56px;\n        }\n\n        .start-trial-button {\n            display: flex;\n\n            button {\n                @include primary-button;\n\n                margin-left: auto;\n            }\n        }\n    }\n\n    .modal-centered {\n        text-align: center;\n    }\n\n    .modal-footer {\n        padding: 12px 24px 24px;\n        border: none;\n        border-radius: 4px;\n    }\n}\n",".CloudStartTrialButton {\n    &:not(.style-link) {\n        width: fit-content;\n        padding: 13px 20px;\n        border: none;\n        font-size: 14px;\n        font-weight: 600;\n        line-height: 14px;\n    }\n\n    &.style-link {\n        padding-left: 0;\n    }\n}\n","// Copyright (c) 2015-present Mattermost, Inc. All Rights Reserved.\n// See LICENSE.txt for license information.\n\n.AlertBanner {\n    display: flex;\n    overflow: hidden;\n    align-items: flex-start;\n    padding: 14px;\n    border: 1px solid;\n    border-radius: 4px;\n}\n\n.AlertBanner__icon {\n    font-size: 24px;\n    line-height: 24px;\n\n    i {\n        display: contents;\n\n        &::before {\n            margin: 0;\n        }\n    }\n}\n\n.AlertBanner__body {\n    flex-flow: column;\n    flex-grow: 1;\n    flex-shrink: 1;\n    margin-left: 10px;\n    font-size: 14px;\n}\n\n.AlertBanner__title {\n    font-weight: 600;\n    line-height: 24px;\n}\n\n.AlertBanner__actionButtons {\n    margin-top: 12px;\n    font-family: 'Open Sans';\n\n    .AlertBanner__buttonLeft {\n        &:hover {\n            background: #1156b2;\n        }\n\n        padding: 10px 16px;\n        border: none;\n        background: var(--denim-button-bg);\n        border-radius: 4px;\n        color: white;\n        font-size: 12px;\n        font-weight: 600;\n    }\n\n    .AlertBanner__buttonRight {\n        &:hover {\n            background: #1c58d91f;\n        }\n\n        padding: 10px 16px;\n        border: none;\n        margin-left: 4px;\n        background: rgba(28, 88, 217, 0.08);\n        border-radius: 4px;\n        color: #1c58d9;\n    }\n}\n\n.AlertBanner__message {\n    margin-top: 8px;\n    line-height: 20px;\n}\n\n.AlertBanner__closeButton {\n    display: flex;\n    padding: 3px;\n    border: none;\n    background: none;\n    border-radius: 4px;\n\n    &:hover {\n        background: rgba(0, 0, 0, 0.08);\n    }\n}\n\n.AlertBanner--app {\n    &.danger {\n        border-color: rgba(var(--error-text-color-rgb), 0.24);\n        background: rgba(var(--error-text-color-rgb), 0.08);\n\n        .AlertBanner__icon {\n            color: var(--error-text);\n        }\n    }\n\n    &.info {\n        border-color: rgba(var(--sidebar-text-active-border-rgb), 0.24);\n        background: rgba(var(--sidebar-text-active-border-rgb), 0.08);\n\n        .AlertBanner__icon {\n            color: var(--sidebar-text-active-border);\n        }\n    }\n\n    &.warning {\n        border-color: rgba(var(--away-indicator-rgb), 0.24);\n        background: rgba(var(--away-indicator-rgb), 0.08);\n\n        .AlertBanner__icon {\n            color: var(--away-indicator);\n        }\n    }\n\n    &.success {\n        border-color: rgba(var(--online-indicator-rgb), 0.16);\n        background: rgba(var(--online-indicator-rgb), 0.08);\n\n        .AlertBanner__icon {\n            color: var(--denim-status-online);\n        }\n    }\n\n    .AlertBanner__body {\n        color: var(--center-channel-color);\n    }\n\n    .AlertBanner__closeButton {\n        color: rgba(var(--center-channel-color-rgb), 0.56);\n    }\n}\n\n.AlertBanner--sys {\n    &.danger {\n        border-color: rgba(var(--sys-error-text-color-rgb), 0.24);\n        background: rgba(var(--sys-error-text-color-rgb), 0.08);\n\n        .AlertBanner__icon {\n            color: var(--sys-error-text);\n        }\n    }\n\n    &.info {\n        border-color: rgba(var(--sys-sidebar-text-active-border-rgb), 0.24);\n        background: rgba(var(--sys-sidebar-text-active-border-rgb), 0.08);\n\n        .AlertBanner__icon {\n            color: var(--sys-sidebar-text-active-border);\n        }\n    }\n\n    &.warning {\n        border-color: rgba(var(--sys-away-indicator-rgb), 0.24);\n        background: rgba(var(--sys-away-indicator-rgb), 0.08);\n\n        .AlertBanner__icon {\n            color: var(--sys-away-indicator);\n        }\n    }\n\n    &.success {\n        border-color: rgba(var(--sys-online-indicator-rgb), 0.16);\n        background: rgba(var(--sys-online-indicator-rgb), 0.08);\n\n        .AlertBanner__icon {\n            color: var(--sys-online-indicator);\n        }\n    }\n\n    .AlertBanner__body {\n        color: var(--sys-center-channel-color);\n    }\n\n    .AlertBanner__closeButton {\n        color: rgba(var(--sys-center-channel-color-rgb), 0.56);\n    }\n}\n",".StartTrialBtn {\n    &.embargoed {\n        margin-top: 5px;\n        color: var(--error-text);\n    }\n\n    &.start-trial-btn {\n        display: block;\n        width: fit-content;\n        padding: 13px 20px;\n        border: none;\n        margin-top: 16px;\n        background: var(--sys-center-channel-bg);\n        border-radius: 4px;\n        box-shadow: inset 0 0 0 1px var(--sys-button-bg);\n        color: var(--sys-button-bg);\n        font-size: 14px;\n        font-weight: 600;\n        line-height: 14px;\n\n        &:hover:not(.disabled) {\n            background: rgba(var(--sys-button-bg-rgb), 0.04);\n            text-decoration: none;\n        }\n\n        &:active {\n            background: rgba(var(--sys-button-bg-rgb), 0.08);\n            text-decoration: none;\n        }\n\n        &:focus {\n            box-shadow: inset 0 0 0 2px var(--sys-button-bg);\n            text-decoration: none;\n        }\n    }\n}\n",".LearnMoreTrialModalStep {\n    &.slide-container {\n        padding: 0 24px;\n        color: var(--center-channel-color);\n\n        .svg-wrapper {\n            display: flex;\n            min-height: 200px;\n            flex: 1;\n            align-items: center;\n            justify-content: center;\n            margin-top: -10px;\n        }\n\n        .pre-title {\n            margin-top: 19px;\n            margin-bottom: 8px;\n            font-family: Metropolis, sans-serif;\n            font-size: 16px;\n            line-height: 24px;\n        }\n\n        .title {\n            width: 100%;\n            margin: 0 auto;\n            margin-top: 10px 0;\n            font-family: Metropolis, sans-serif;\n            font-size: 22px;\n            font-style: normal;\n            font-weight: 600;\n            line-height: 28px;\n            text-align: left;\n        }\n\n        .description {\n            width: 100%;\n            margin: 0 auto;\n            margin-top: 8px;\n            font-family: 'Open Sans';\n            font-size: 14px;\n            font-style: normal;\n            font-weight: normal;\n            line-height: 16px;\n            text-align: left;\n        }\n\n        .disclaimer {\n            width: 90%;\n            height: 32px;\n            margin-top: 15px;\n            color: rgba(var(--center-channel-color-rgb), 0.72);\n            font-family: \"Open Sans\";\n            font-size: 12px;\n            font-style: normal;\n            font-weight: normal;\n            line-height: 16px;\n        }\n\n        .bottom-text-left-message {\n            position: fixed;\n            bottom: 24px;\n            left: 24px;\n            color: rgba(var(--center-channel-color-rgb), 0.72);\n            font-size: 12px;\n            font-style: normal;\n            font-weight: normal;\n            line-height: 16px;\n        }\n    }\n}\n",".LearnMoreTrialModal {\n    height: 560px;\n\n    &.modal-dialog {\n        margin-top: calc(50vh - 350px) !important;\n    }\n\n    .modal-content {\n        height: 560px;\n        padding: 0 !important;\n        border-color: rgba(var(--center-channel-color-rgb), 0.16);\n        background: var(--center-channel-bg);\n        border-radius: 8px;\n        color: var(--center-channel-color);\n    }\n\n    .modal-header {\n        .close {\n            &:hover,\n            &:active,\n            &:focus,\n            &:active:focus {\n                background-color: rgba(var(--center-channel-color-rgb), 0.08);\n                color: rgba(var(--center-channel-color-rgb), 0.72);\n                opacity: 1;\n            }\n\n            top: 6px;\n            right: 4px;\n            width: 4rem;\n            height: 4rem;\n            margin-top: 20px;\n            border-radius: 4px;\n            color: rgba(var(--center-channel-color-rgb), 0.56) !important;\n            font-family:\n                'Open Sans',\n                sans-serif;\n            font-size: 32px;\n            font-weight: 400;\n        }\n\n        height: 38px;\n        padding: 0;\n        border: 0;\n        background: var(--center-channel-bg) !important;\n        border-radius: 8px;\n        color: var(--center-channel-color);\n    }\n\n    .modal-body {\n        display: flex;\n        overflow: hidden;\n        width: 100%;\n        height: calc(100% - 38px);\n        flex-direction: column;\n        padding: 0;\n\n        .GenericModal__header {\n            padding-top: 0;\n            padding-bottom: 20px;\n            border-bottom: 1px solid rgba(var(--center-channel-color-rgb), 0.1) !important;\n            margin-bottom: 20px;\n        }\n\n        .GenericModal__body {\n            height: 100%;\n            padding: 0 24px 24px 24px;\n\n            .container-footer {\n                bottom: 0;\n                height: 36px;\n            }\n        }\n\n        .buttons {\n            text-align: center;\n\n            .previous-btn {\n                &:hover,\n                &:active,\n                &:focus,\n                &:active:focus {\n                    border: none;\n                    background: rgba(var(--button-bg-rgb), 0.08);\n                    border-radius: 4px;\n                }\n\n                height: 30px;\n                align-items: center;\n                align-self: center;\n                padding: 8px 16px;\n                border: none;\n                background: rgba(var(--button-bg-rgb), 0.08);\n                border-radius: 4px;\n                color: var(--button-bg);\n                font-size: 14px;\n                font-weight: 600;\n                line-height: 14px;\n            }\n\n            .next-btn {\n                &:hover,\n                &:active,\n                &:focus,\n                &:active:focus {\n                    background:\n                        linear-gradient(0deg, rgba(0, 0, 0, 0.16), rgba(0, 0, 0, 0.16)),\n                        var(--button-bg);\n                }\n\n                height: 30px;\n                flex: none;\n                padding: 8px 16px;\n                border: none;\n                margin-left: 8px;\n                background: var(--button-bg);\n                border-radius: 4px;\n                color: var(--sys-button-color);\n                font-size: 14px;\n                font-weight: 600;\n                line-height: 14px;\n            }\n        }\n\n        .start-cloud-trial-btn,\n        .start-trial-btn {\n            margin-top: -16px;\n            border-radius: 4px;\n        }\n    }\n\n    .modal-centered {\n        text-align: center;\n    }\n\n    .modal-footer {\n        padding: 12px 24px 24px;\n        border: none;\n        border-radius: 4px;\n    }\n}\n",".IconMessage {\n    .content {\n        &.success {\n            padding-bottom: 2px;\n            padding-left: 7px;\n\n            > .IconMessage__svg-wrapper {\n                margin-left: 68px;\n            }\n        }\n\n        &.failed {\n            > .IconMessage__svg-wrapper {\n                margin-left: 60px;\n            }\n        }\n\n        display: flex;\n        flex-direction: column;\n        align-content: center;\n        justify-content: center;\n        text-align: center;\n\n        .IconMessage-h3 {\n            margin-top: 43px;\n            color: var(--center-channel-color);\n            font-size: 24px;\n            font-weight: 600;\n            line-height: 32px;\n\n            @media screen and (max-width: 600px) {\n                font-size: 36px;\n                letter-spacing: -0.13px;\n                line-height: 42px;\n            }\n        }\n\n        .IconMessage-sub {\n            &.error {\n                color: #db3214;\n            }\n\n            margin-top: 16px;\n            color: var(--center-channel-color);\n            font-size: 14px;\n            font-style: normal;\n            font-weight: normal;\n            line-height: 20px;\n        }\n\n        .IconMessage-buttons {\n            display: flex;\n            height: 40px;\n            justify-content: center;\n            margin-top: 16px;\n            font-size: 14px;\n            font-weight: 600;\n            gap: 16px;\n            line-height: 14px;\n            text-align: center;\n        }\n\n        .IconMessage-progress {\n            width: 387px;\n            height: 4px;\n            margin: 0 auto;\n            margin-top: 90px;\n            background: rgba(34, 64, 109, 0.12);\n            border-radius: 4px;\n        }\n\n        .IconMessage-progress-fill {\n            height: 100%;\n            background: #0058cc;\n            border-radius: 4px;\n        }\n\n        .IconMessage-button {\n            button {\n                background: var(--button-bg);\n                border-radius: 4px;\n                color: var(--button-color);\n            }\n        }\n\n        .IconMessage-tertiary-button {\n            button {\n                background: rgba(var(--denim-button-bg-rgb), 0.08);\n                border-radius: 4px;\n                color: var(--button-bg);\n            }\n        }\n\n        .IconMessage-link {\n            margin-top: 21px;\n            margin-left: -10px;\n            color: #0058cc;\n            font-size: 14px;\n            font-weight: 600;\n            line-height: 14px;\n            text-align: center;\n        }\n    }\n\n    &__svg-wrapper {\n        align-self: center;\n\n        svg {\n            @media screen and (max-width: 600px) {\n                width: 150%;\n            }\n        }\n    }\n}\n",".cloud_subscribe_result_modal {\n    .IconMessage {\n        top: 50%;\n        transform: translateY(50%);\n    }\n}\n",".toggle-monthly-yearly-container {\n    display: grid;\n    width: 161px;\n    height: 32px;\n    margin: auto;\n\n    .toggle-monthly-yearly,\n    .toggle-border {\n        grid-column: 1;\n        grid-row: 1;\n    }\n\n    .toggle-monthly-yearly {\n        position: absolute;\n        width: 161px;\n        height: 32px;\n        margin: auto;\n    }\n\n    .toggle-border {\n        position: absolute;\n        width: 80px;\n        height: 32px;\n        border: 1px solid var(--denim-button-bg);\n        margin-left: 80px;\n        border-radius: 40px;\n    }\n\n    .toggle-border.toggle-border-yearly {\n        margin-left: 0;\n    }\n\n    .move-border {\n        position: relative;\n        animation-duration: 0.1s;\n        animation-fill-mode: forwards;\n    }\n\n    .move-left {\n        animation-name: moveLeft;\n    }\n\n    .move-right {\n        animation-name: moveRight;\n    }\n\n    .move-left.toggle-border-yearly {\n        animation-name: moveLeftYearly;\n    }\n\n    .move-right.toggle-border-yearly {\n        animation-name: moveRightYearly;\n    }\n\n    .label-text {\n        top: 7px;\n        left: 90px;\n        width: 56px;\n        height: 18px;\n        margin: 7px 16px 0;\n        font-family: 'Metropolis';\n        font-size: 14px;\n        font-style: normal;\n    }\n\n    #text-selected {\n        color: var(--denim-button-bg);\n        font-weight: 600;\n        line-height: 18px;\n    }\n\n    #text-unselected {\n        color: rgba(var(--center-channel-text), 0.56);\n        font-weight: 500;\n        line-height: 17px;\n    }\n}\n\n@keyframes moveLeft {\n    from { right: 0; }\n\n    to {\n        right: 80px;\n    }\n}\n\n@keyframes moveRight {\n    from {\n        right: 80px;\n    }\n\n    to {\n        right: 0;\n    }\n}\n\n@keyframes moveRightYearly {\n    from { left: 0; }\n\n    to {\n        left: 80px;\n    }\n}\n\n@keyframes moveLeftYearly {\n    from {\n        left: 80px;\n    }\n\n    to {\n        left: 0;\n    }\n}\n",".PaymentForm {\n    padding-right: 96px;\n    padding-left: 96px;\n    margin: 0 auto;\n\n    .form-row {\n        display: flex;\n        width: 100%;\n        margin-bottom: 24px;\n    }\n\n    .form-row-third-1 {\n        .DropdownInput {\n            z-index: 99999;\n            margin-top: 0;\n        }\n\n        width: 66%;\n        max-width: 288px;\n        margin-right: 16px;\n    }\n\n    .form-row-third-2 {\n        width: 34%;\n        max-width: 144px;\n    }\n\n    .section-title {\n        margin-bottom: 24px;\n        color: rgba(var(--center-channel-color-rgb), 0.72);\n        font-size: 16px;\n        font-weight: 600;\n        text-align: left;\n    }\n\n    .DropdownInput {\n        position: relative;\n        z-index: 999999;\n        height: 36px;\n        margin-bottom: 24px;\n\n        .DropDown__control {\n            min-height: 0;\n            background-color: var(--center-channel-bg) !important;\n\n            .DropDown__value-container > div {\n                color: var(--center-channel-color) !important;\n            }\n        }\n\n        .DropDown__menu {\n            background-color: var(--center-channel-bg) !important;\n            box-shadow: 0 0 0 1px var(--center-channel-color), 0 4px 11px var(--center-channel-color) !important;\n        }\n    }\n\n    .full-width {\n        width: 100%;\n    }\n\n    input {\n        font-size: 14px;\n    }\n\n    input:-webkit-autofill,\n    input:-webkit-autofill:hover,\n    input:-webkit-autofill:focus,\n    input:-webkit-autofill:active {\n        -webkit-box-shadow: 0 0 0 30px var(--center-channel-bg) inset !important;\n        -webkit-text-fill-color: var(--center-channel-color) !important;\n    }\n\n    .Input_fieldset {\n        height: 40px;\n        padding: 2px 1px;\n        background: var(--center-channel-bg);\n\n        .Input_wrapper {\n            margin: 0;\n        }\n\n        &.Input_fieldset___legend {\n            >legend {\n                margin-left: 11px;\n            }\n        }\n\n        &.Input_fieldset:focus-within {\n            padding-top: 2px;\n            box-shadow: inset 0 0 0 2px var(--button-bg);\n            color: var(--button-bg);\n        }\n\n        &.Input_fieldset___error {\n            padding-top: 1px;\n            padding-bottom: 1px;\n            box-shadow: inset 0 0 0 1px var(--error-text);\n            color: var(--error-text);\n        }\n\n        &.Input_fieldset___error:focus-within {\n            box-shadow: inset 0 0 0 2px var(--error-text);\n            color: var(--error-text);\n        }\n\n        .Input {\n            height: 32px;\n            background: inherit;\n\n            &::placeholder {\n                color: var(--center-channel-color);\n                opacity: 0.64;\n            }\n        }\n    }\n\n    .PaymentForm-saved {\n        width: 442px;\n        height: fit-content;\n        box-sizing: border-box;\n        padding: 24px;\n        border: 1px solid rgba(var(--center-channel-color-rgb), 0.08);\n        margin-bottom: 16px;\n        background: #fff;\n        border-radius: 4px;\n    }\n\n    .PaymentForm-saved-title {\n        margin-bottom: 16px;\n        color: var(--secondary-blue);\n        font-family: Metropolis;\n        font-size: 14px;\n        font-weight: 600;\n        letter-spacing: 1.5px;\n        line-height: 18px;\n        opacity: 0.4;\n        text-transform: uppercase;\n    }\n\n    .PaymentForm-saved-card {\n        padding-bottom: 16px;\n        border-bottom: 1px solid rgba(0, 0, 0, 0.12);\n        color: var(--secondary-blue);\n        font-family: Source Sans Pro;\n        font-size: 16px;\n        line-height: 24px;\n    }\n\n    .PaymentForm-saved-address {\n        margin-top: 16px;\n        margin-bottom: 16px;\n        color: var(--secondary-blue);\n        font-family: Source Sans Pro;\n        font-size: 16px;\n        line-height: 24px;\n    }\n\n    .PaymentForm-change {\n        color: #0058cc;\n        font-family: Source Sans Pro;\n        font-size: 16px;\n        font-weight: 600;\n        line-height: 20px;\n    }\n}\n","#DowngradeModal {\n    padding-top: 80px;\n}\n\n.background-svg {\n    position: absolute;\n    z-index: -1;\n    top: 0;\n    width: 100%;\n    height: 100%;\n}\n\n.ProcessPayment-progress {\n    width: 387px;\n    height: 4px;\n    margin: 0 auto;\n    margin-top: 60px;\n    background: rgba(var(--secondary-blue-rgb), 0.12);\n    border-radius: 4px;\n}\n\n.ProcessPayment-progress-fill {\n    height: 100%;\n    background: var(--button-bg);\n    border-radius: 4px;\n}\n",".DropdownInput {\n    z-index: 999999;\n\n    &.Input_container {\n        margin-top: 20px;\n    }\n\n    .Input_wrapper {\n        padding: 0 1px;\n    }\n\n    .Input {\n        font-size: 14px;\n        line-height: 20px;\n\n        &.Input___focus .a11y--focused {\n            box-shadow: none;\n        }\n    }\n\n    .Input_legend {\n        margin-left: 8px;\n    }\n}\n\n.DropdownInput__indicatorsContainer {\n    margin-right: 8px;\n\n    i {\n        color: rgba(var(--center-channel-color-rgb), 0.64);\n        font-weight: normal;\n\n        &::before {\n            margin: 0;\n        }\n    }\n}\n\n.DropdownInput__option > div {\n    z-index: 999999;\n    padding: 10px 24px;\n    cursor: pointer;\n    line-height: 16px;\n}\n\n.DropdownInput__option.selected > div {\n    background-color: rgba(var(--button-bg-rgb), 0.08);\n    color: var(--center-channel-color);\n}\n\n.DropdownInput__option.focused > div {\n    background-color: rgba(var(--center-channel-color-rgb), 0.08);\n}\n",".IconMessageWithProgressBar-progress {\n    width: 387px;\n    height: 4px;\n    margin: 0 auto;\n    margin-top: 60px;\n    background: rgba(var(--secondary-blue-rgb), 0.12);\n    border-radius: 4px;\n}\n\n.IconMessageWithProgressBar-progress-fill {\n    height: 100%;\n    background: #0058cc;\n    border-radius: 4px;\n}\n\n.IconMessageWithProgressBar-body {\n    overflow-x: hidden;\n    overflow-y: hidden;\n}\n","\n@import 'utils/variables';\n\n.modal-backdrop.downgrade-modal-backdrop {\n    z-index: 1050;\n}\n\n.DowngradeTeamRemovalModal {\n    z-index: 1051;\n\n    .modal {\n        overflow: visible;\n    }\n\n    .modal-dialog {\n        position: absolute;\n        top: 50%;\n        left: 50%;\n        width: 600px;\n        height: 404px;\n        border: none;\n        margin: auto;\n        transform: translate(-50%, -50%) !important;\n\n        .modal-content {\n            border: none;\n            background-color: var(--center-channel-bg);\n            border-radius: 12px;\n            box-shadow: $elevation-6;\n        }\n    }\n\n    .modal-header {\n        height: 77px;\n        min-height: 77px;\n        border: none;\n        border-radius: 12px;\n    }\n\n    .DowngradeTeamRemovalModal__header {\n        display: flex;\n        align-items: center;\n        justify-content: space-between;\n        padding: 22px 32px;\n        border: none;\n        font-size: 22px;\n        font-weight: 600;\n\n        &::before,\n        &::after {\n            display: none;\n        }\n\n        // beat regular modal-header in specificity\n        &.modal-header {\n            background-color: var(--center-channel-bg);\n            color: var(--center-channel-color);\n        }\n\n        .icon-close {\n            padding: 0;\n            border: none;\n            -moz-appearance: none;\n            -webkit-appearance: none;\n            appearance: none;\n            background: none;\n            color: rgb(var(--center-channel-color-rgb), 0.56);\n            cursor: pointer;\n            font: inherit;\n            outline: inherit;\n\n            &:hover,\n            &:active,\n            &:focus {\n                color: rgb(var(--center-channel-color-rgb), 0.56);\n            }\n        }\n    }\n\n    .modal-body {\n        padding: 26px 32px;\n        padding-top: 0;\n        border: none;\n        overflow-y: visible;\n    }\n\n    .DowngradeTeamRemovalModal__body {\n        .DowngradeTeamRemovalModal__selectionSection {\n            .radio {\n                margin-bottom: 16px;\n                font-size: 12px;\n                font-weight: 400;\n            }\n\n            .DropDown__menu {\n                max-height: 124px;\n            }\n\n            .DropDown__menu-list {\n                max-height: 124px;\n            }\n\n            .DropDown__value-container {\n                padding-left: 0;\n                margin-left: 0;\n            }\n        }\n\n        .cta {\n            margin-top: 24px;\n            margin-bottom: 16px;\n            font-weight: bold;\n        }\n\n        .warning {\n            display: flex;\n            height: 16px;\n            align-items: center;\n            margin-top: 19px;\n            margin-bottom: 35px;\n            color: var(--sys-error-text);\n            font-weight: 600;\n            line-height: 16px;\n\n            .icon.icon-alert-outline {\n                height: 16px;\n                font-size: 14px;\n            }\n\n            .warning-text {\n                font-size: 11px;\n            }\n        }\n\n        .icon.icon-alert-outline::before {\n            margin-left: 0;\n        }\n    }\n\n    .DowngradeTeamRemovalModal__buttons {\n        border: none;\n        float: right;\n\n        .btn.btn-light {\n            padding: 12px 20px;\n            background: rgba(var(--denim-button-bg-rgb), 0.08);\n            border-radius: 4px;\n            color: var(--sys-denim-button-bg);\n            font-size: 14px;\n            font-weight: 600;\n            line-height: 14px;\n        }\n\n        .btn.btn-primary {\n            padding: 12px 20px;\n            margin-left: 8px;\n            background: var(--sys-denim-button-bg);\n            border-radius: 4px;\n            color: #fff;\n            font-size: 14px;\n            font-weight: 600;\n            line-height: 14px;\n        }\n    }\n}\n","@import 'utils/variables';\n\n.WorkspaceLimitLine {\n    display: flex;\n    align-items: center;\n    padding-bottom: 16px;\n    font-weight: $font-weight--semibold;\n\n    &:last-child {\n        padding-bottom: 0;\n    }\n\n    &__icon {\n        color: rgba(var(--center-channel-color-rgb), 0.64);\n        font-size: 24px;\n    }\n\n    &__bar {\n        flex-grow: 1;\n        padding-right: 24px;\n        padding-left: 12px;\n        color: rgba(var(--center-channel-color-rgb), 0.72);\n\n        &:first-child {\n            padding-left: 0;\n        }\n    }\n\n    &__bar-label {\n        padding-bottom: 4px;\n    }\n\n    &__text-status {\n        flex-basis: 121px;\n        align-self: end;\n        color: var(--center-channel-color);\n        font-size: 11px;\n        line-height: 11px;\n    }\n}\n",".CloudUsageModal {\n    .GenericModal__body {\n        color: var(--center-channel-color);\n    }\n\n    &__description {\n        padding-bottom: 24px;\n        margin-bottom: 0;\n    }\n\n    .modal-content {\n        background-color: var(--center-channel-bg);\n    }\n\n    .modal-body {\n        color: var(--center-channel-color);\n    }\n\n    .modal-body:not(:last-child) {\n        // not overridden with classes because the classes needed depend on the context of where this is used\n        // and the existing rule is already 5 selectors deep\n        padding-bottom: 28px !important;\n        border-bottom: 1px solid rgba(var(--center-channel-color-rgb), 0.08);\n    }\n}\n\n.cloud-usage-backdrop {\n    z-index: 1050;\n}\n",".Content {\n    position: relative;\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n\n    &.Content--self-hosted {\n        .alert-option {\n            padding: 15px 0;\n        }\n    }\n}\n\n.pricing-options-container {\n    display: flex;\n    min-height: 120px;\n    align-items: center;\n\n    .alert-option-container {\n        flex: 1;\n    }\n\n    .save-text {\n        flex: 1;\n        margin: 0;\n        margin-right: 12px;\n        color: var(--denim-status-online);\n        font-family: 'Metropolis';\n        font-size: 14px;\n        font-style: normal;\n        font-weight: 600;\n        line-height: 18px;\n        text-align: right;\n    }\n}\n",".StripeElement {\n    position: relative;\n    width: 100%;\n    height: 100%;\n    padding-top: 8px;\n    padding-bottom: 2px !important;\n    padding-left: 12px;\n    background-color: var(--center-channel-bg);\n    background-image: none;\n    border-radius: 4px;\n    box-shadow: none;\n    color: var(--center-channel-color);\n    font-family: 'Open Sans';\n    font-size: 14px;\n    line-height: 23px;\n    outline: none;\n}\n\n.StripeElement--invalid {\n    color: var(--error-text);\n}\n\n.StripeElement::placeholder {\n    color: rgba(var(--center-channel-color-rgb), 0.72);\n    font-size: 14px;\n    opacity: 0.5;\n}\n\n.StripeElement:focus::placeholder {\n    color: 'transparent';\n}\n\n.StripeElement:focus {\n    border-color: transparent;\n    box-shadow: 0 0 0 2px var(--button-bg);\n}\n",".CloudBillingHistoryModal {\n    top: 50%;\n    left: 50%;\n    border-radius: 8px;\n    overflow-y: hidden !important;\n    -webkit-transform: translate(-50%, -50%);\n    transform: translate(-50%, -50%);\n\n    .modal-content {\n        padding: 24px 32px;\n\n        .modal-header {\n            padding: 0;\n            border: none;\n            background: #fff !important;\n            background-color: #fff !important;\n\n            .modal-title {\n                color: #3f4350;\n                font-size: 22px;\n                font-weight: semibold;\n            }\n        }\n\n        .modal-body {\n            padding: 0;\n\n            .BillingHistory__table {\n                border-radius: 8px;\n            }\n        }\n\n        .close {\n            color: rgba(#3f4350, 0.56) !important;\n        }\n    }\n}\n",".CloudInvoicePreview {\n    top: 15px;\n    width: 860px;\n    height: 1030px;\n    margin: 0 auto;\n    border-radius: 8px;\n    overflow-y: hidden !important;\n\n    .modal-header {\n        display: block;\n        padding-bottom: 0;\n        border: none;\n        background-color: #fff !important;\n        color: #3f4350;\n\n        .close {\n            margin-top: auto;\n            margin-bottom: auto;\n            color: rgba(#3f4350, 0.56) !important;\n        }\n\n        .modal-title {\n            color: inherit;\n            font-family: 'Metropolis';\n            font-size: 22px;\n            font-style: normal;\n            font-weight: 600;\n        }\n\n        .subtitle {\n            margin-top: 10px;\n            color: rgba(#3d3c40, 0.72);\n            font-family: 'Metropolis';\n            font-size: 14px;\n            font-style: normal;\n        }\n    }\n\n    .modal-open {\n        overflow-y: hidden !important;\n    }\n\n    .modal {\n        width: 100%;\n        max-width: 100%;\n        height: 100%;\n        margin: 0 !important;\n    }\n\n    .modal-dialog {\n        width: 100%;\n        max-width: 100%;\n        height: 100%;\n        margin: 0 !important;\n    }\n\n    .modal-body {\n        padding: 0;\n\n        .view-image__loading {\n            background-color: #fff;\n            color: #fff;\n\n            .fa {\n                color: #3f4350;\n            }\n        }\n    }\n\n    .post-code {\n        display: flex;\n\n        canvas {\n            display: block;\n            max-height: 100%;\n            padding-right: 0;\n            padding-left: 0;\n            margin-right: auto;\n            margin-left: auto;\n        }\n    }\n}\n",".BillingHistory__card {\n    width: 100%;\n    height: '463px';\n    border: 1px solid rgba(var(--sys-center-channel-color-rgb), 0.08);\n    background-color: var(--sys-center-channel-bg);\n    border-radius: 4px;\n    box-shadow: 0 2px 3px rgba(0, 0, 0, 0.08);\n    color: var(--sys-center-channel-color);\n}\n\n.CloudBillingHistoryModal {\n    .CloudBillingHistoryModal__title {\n        font-family: 'Metropolis';\n        font-size: 22px;\n        font-weight: semibold;\n    }\n}\n\n.BillingHistory__cardHeader {\n    display: flex;\n    align-items: center;\n    padding: 28px 32px 24px 32px;\n    border-bottom: 1px solid rgba(var(--sys-center-channel-color-rgb), 0.08);\n}\n\n.BillingHistory__cardHeaderText-top {\n    font-size: 16px;\n    font-weight: 600;\n    line-height: 24px;\n}\n\n.BillingHistory__cardHeaderText-bottom {\n    font-size: 14px;\n    line-height: 20px;\n}\n\n.BillingHistory__cardBody {\n    padding: 20px;\n}\n\n.BillingHistory__noHistory {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n}\n\n.BillingHistory__noHistory-message {\n    margin-top: 24px;\n    color: var(--sys-center-channel-color);\n    font-size: 14px;\n    line-height: 20px;\n}\n\n.BillingHistory__noHistory-link {\n    margin-top: 20px;\n    margin-bottom: 40px;\n    color: var(--sys-button-bg);\n    font-size: 14px;\n    font-weight: 600;\n    line-height: 14px;\n}\n\n.BillingHistory__noHistory-graphic {\n    margin-top: 28px;\n}\n\n.BillingHistory__table {\n    width: 100%;\n\n    th,\n    td {\n        padding: 8px 12px;\n    }\n}\n\n.BillingHistory__table-header {\n    border-bottom: 1px solid rgba(var(--sys-center-channel-color-rgb), 0.16);\n    background: rgba(var(--sys-center-channel-color-rgb), 0.08);\n    font-weight: 600;\n    line-height: 16px;\n\n    &:last-child {\n        border-bottom: 1px solid rgba(var(--sys-center-channel-color-rgb), 0.08);\n    }\n}\n\n.BillingHistory__table-row {\n    border-bottom: 1px solid rgba(var(--sys-center-channel-color-rgb), 0.08);\n\n    &:hover {\n        cursor: pointer;\n    }\n}\n\n.BillingHistory__table-bottomDesc {\n    margin-top: 4px;\n    color: rgba(var(--sys-center-channel-color-rgb), 0.56);\n    font-size: 12px;\n    line-height: 16px;\n}\n\n.BillingHistory__table-headerTotal {\n    text-align: left;\n}\n\n.BillingHistory__table-total {\n    font-weight: 600;\n    text-align: left;\n}\n\n.BillingHistory__spinner {\n    margin: auto;\n    text-align: center;\n}\n\n.BillingHistory__paymentStatus {\n    color: var(--sys-online-indicator);\n\n    i {\n        font-size: 14.4px;\n        line-height: 17px;\n\n        &::before {\n            margin: 0;\n        }\n    }\n\n    span {\n        margin-left: 4px;\n        font-weight: 600;\n    }\n\n    &.failed {\n        color: var(--sys-error-text);\n    }\n\n    &.pending span {\n        color: rgba(var(--sys-center-channel-color-rgb), 0.48);\n    }\n}\n\n.BillingHistory__table-invoice a {\n    &,\n    &:link,\n    &:visited,\n    &:hover,\n    &:focus,\n    &:active {\n        text-decoration: none;\n    }\n}\n\n.BillingHistory__paging {\n    display: flex;\n    align-items: center;\n    justify-content: flex-end;\n    margin-top: 4px;\n\n    > span {\n        margin-right: 8px;\n    }\n\n    button {\n        height: 32px;\n        padding: 7px;\n        border: none;\n        margin-left: 4px;\n        background: none;\n        border-radius: 4px;\n\n        > i {\n            font-size: 18px;\n\n            &::before {\n                margin: 0;\n            }\n        }\n\n        &:disabled {\n            opacity: 0.6;\n        }\n\n        &:hover:not(:disabled) {\n            background: rgba(var(--sys-center-channel-color-rgb), 0.08);\n        }\n    }\n}\n",".CardImage {\n    width: auto;\n    max-width: 30px;\n    height: auto;\n    max-height: 30px;\n    margin-top: -1px;\n    margin-right: 9px;\n}\n","@import 'utils/mixins';\n\n.gatherIntent {\n    margin-bottom: 24px;\n\n    &__title {\n        padding: 0;\n        margin: 0 0 8px;\n        color: rgba(var(--center-channel-color-rgb), 0.72);\n        font-size: 16px !important;\n        font-weight: 600 !important;\n        line-height: 24px !important;\n    }\n\n    &__button {\n        height: auto !important;\n        padding: 0 !important;\n        border: none !important;\n        background: transparent !important;\n        color: var(--button-bg) !important;\n        font-size: 14px !important;\n        font-weight: 400 !important;\n        line-height: 20px !important;\n    }\n}\n\n.savedFeedback__text {\n    align-self: center;\n    color: rgba(var(--center-channel-color-rgb), 0.72);\n    font-size: 22px;\n    font-weight: 600;\n}\n\n.AltPaymentsModal {\n    .modal-content {\n        max-width: 512px;\n        max-height: 465px;\n        background: var(--center-channel-bg);\n        border-radius: 12px;\n    }\n\n    .modal-dialog {\n        position: absolute;\n        top: 50%;\n        left: 50%;\n        min-width: 532px;\n        margin: auto;\n        transform: translate(-50%, -50%) !important;\n    }\n\n    .modal-footer {\n        padding-top: 24px;\n        padding-bottom: 24px;\n        border-radius: 0 0 12px 12px;\n    }\n\n    .modal-header {\n        border-radius: 12px 12px 0 0;\n    }\n\n    .modal-header,\n    .modal-footer {\n        display: flex;\n        padding-right: 32px;\n        padding-left: 32px;\n    }\n\n    .AltPaymentsModal__header {\n        align-items: baseline;\n        border: none;\n\n        &.modal-header {\n            background: var(--center-channel-bg);\n        }\n\n        h3 {\n            margin: 0;\n            color: rgba(var(--center-channel-color-rgb), 0.72);\n            font-size: 22px;\n            font-weight: bold;\n            line-height: 28px;\n        }\n\n        .icon-close {\n            padding: 0;\n            border: none;\n            margin-left: auto;\n            background: var(--center-channel-bg);\n            color: rgba(var(--center-channel-color-rgb), 0.72);\n            font-size: 24px;\n        }\n    }\n\n    .modal-body {\n        display: block;\n        overflow: auto;\n        padding: 0 32px;\n        margin-bottom: 24px;\n        color: rgba(var(--center-channel-color-rgb), 0.72);\n    }\n\n    &__submitted-icon-container {\n        margin-bottom: 24px;\n\n        > svg {\n            width: 51px;\n            height: 51px;\n            align-self: center;\n            color: rgba(61, 184, 135, 1);\n        }\n    }\n\n    &__body {\n        text-align: center;\n\n        &__question {\n            margin-bottom: 10px;\n            color: rgba(var(--center-channel-color-rgb), 0.72);\n            font-size: 14px;\n            font-weight: 600;\n        }\n\n        &__option {\n            margin-top: 0;\n            margin-bottom: 12px;\n            color: rgba(var(--center-channel-color-rgb), 0.72);\n            font-size: 14px;\n            font-weight: 400;\n        }\n\n        &__label {\n            padding-left: 12px;\n            cursor: default;\n            vertical-align: bottom;\n        }\n\n        &__checkbox {\n            height: 28px;\n            vertical-align: middle;\n        }\n\n        &__error {\n            display: flex;\n            align-items: center;\n            gap: 10px;\n\n            &__text {\n                color: var(--error-text);\n                font-size: 14px;\n            }\n\n            &__icon {\n                display: inline-flex;\n                width: 16px;\n                height: 16px;\n                flex-grow: 0;\n                align-items: center;\n                filter: invert(54%) sepia(68%) saturate(314%) hue-rotate(309deg) brightness(83%) contrast(117%);\n            }\n        }\n\n        &__textarea {\n            width: 100%;\n            border: solid 1px rgba(63, 67, 80, 0.16);\n            background: rgb(var(--center-channel-bg-rgb));\n            border-radius: 4px;\n            resize: none;\n        }\n    }\n\n    &__footer {\n        align-items: center;\n        justify-content: flex-end;\n        gap: 8px;\n\n        &--secondary {\n            @include tertiary-button;\n            @include button-medium;\n        }\n\n        &--primary {\n            @include primary-button;\n            @include button-medium;\n        }\n    }\n}\n",".ProcessPayment-progress {\n    width: 387px;\n    height: 4px;\n    margin: 0 auto;\n    margin-top: 60px;\n    background: rgb(34, 64, 109, 0.12);\n    border-radius: 4px;\n}\n\n.ProcessPayment-progress-fill {\n    height: 100%;\n    background: #0058cc;\n    border-radius: 4px;\n}\n\n.ProcessPayment-body {\n    overflow-x: hidden;\n    overflow-y: hidden;\n}\n",".PurchaseModal {\n    overflow: hidden;\n    height: 100%;\n\n    >div {\n        &.processing {\n            display: none;\n        }\n\n        display: flex;\n        overflow: hidden;\n        width: 100%;\n        height: 100%;\n        flex-direction: row;\n        flex-grow: 1;\n        flex-wrap: wrap;\n        align-content: flex-start;\n        justify-content: center;\n        padding: 40px 107px;\n        color: var(--center-channel-color);\n        font-family: \"Open Sans\";\n        font-size: 16px;\n        font-weight: 600;\n\n        .footer-text {\n            .normal-payment-text {\n                color: rgba(var(--center-channel-color-rgb), 0.72);\n                font-size: 14px;\n            }\n\n            .prorrated-payment-text {\n                div {\n                    display: inline-block;\n                    margin-right: 4px;\n                    font-family: \"compass-icons\";\n                    font-size: 16px;\n                }\n            }\n\n            a {\n                color: var(--button-bg) !important;\n            }\n        }\n\n        .fineprint-text {\n            margin-top: 24px;\n            color: rgba(var(--center-channel-color-rgb), 0.72);\n            font-size: 12px;\n            line-height: 16px;\n        }\n\n        .bold-text {\n            font-weight: 600;\n        }\n\n        .normal-text {\n            font-weight: normal;\n        }\n\n        .LHS {\n            width: 25%;\n\n            .title {\n                font-weight: 600;\n            }\n\n            .image {\n                padding: 32px 0;\n            }\n        }\n\n        .central-panel {\n            width: 50%;\n            padding-top: 80px;\n\n            .PaymentDetails {\n                padding: 10px 0 0 10%;\n                font-size: 14px;\n                font-style: normal;\n                font-weight: normal;\n                line-height: 20px;\n\n                .PaymentInfoDisplay__paymentInfo-text {\n                    width: 416px;\n                    height: 318px;\n                    box-sizing: border-box;\n                    padding: 32px;\n                    border: 1px solid rgba(var(--center-channel-color-rgb), 0.08);\n                    margin: 24px 0;\n                    background-color: #fff;\n                    border-radius: 4px;\n                    box-shadow: 0 2px 3px rgba(0, 0, 0, 0.08);\n\n                    .CardImage {\n                        max-width: 55px !important;\n                        max-height: 37px !important;\n                    }\n\n                    .PaymentInfoDisplay__paymentInfo-cardInfo {\n                        margin: 10px 0;\n                    }\n                }\n\n                .title {\n                    font-size: 16px;\n                    font-style: normal;\n                    font-weight: 600;\n                    line-height: 24px;\n                }\n\n                .editPaymentButton {\n                    padding-left: 20px !important;\n                    border: none;\n                    background: none;\n                    color: var(--button-bg);\n                    font-size: 14px;\n                    font-weight: 600;\n                    line-height: 24px;\n                }\n            }\n        }\n\n        .full-width {\n            border-color: rgba(var(--center-channel-color-rgb), 0.16);\n        }\n\n        .RHS {\n            position: sticky;\n            display: flex;\n            width: 25%;\n            flex-direction: column;\n            align-items: center;\n\n            .price-text {\n                display: flex;\n                align-items: baseline;\n                padding: 8px 0;\n                font-size: 32px;\n                font-weight: 600;\n                line-height: 1;\n\n                .price-decimals {\n                    align-self: end;\n                    padding-bottom: 2px;\n                    font-size: 16px;\n\n                    &::before {\n                        content: '.';\n                    }\n                }\n            }\n\n            .monthly-text {\n                align-self: center;\n                margin-left: 5px;\n                font-size: 14px;\n                font-weight: normal;\n            }\n\n            .plan_comparison {\n                &.show_label {\n                    margin-bottom: 51px;\n                }\n\n                text-align: center;\n\n                button,\n                a {\n                    width: 100%;\n                    height: 40px;\n                    padding: 10px 24px;\n                    border: none;\n                    background: none;\n                    color: var(--denim-button-bg);\n                    font-size: 14px;\n                    font-weight: 600;\n                    line-height: 20px;\n                }\n            }\n\n            .PlanCard {\n                position: relative;\n                width: 280px;\n                height: 428px;\n\n                .planLabel {\n                    position: absolute;\n                    top: -44px;\n                    left: 52px;\n                    display: flex;\n                    width: 184px;\n                    align-items: center;\n                    justify-content: center;\n                    padding: 14px;\n                    border-radius: 13px 13px 0 0;\n                    font-family: 'Open Sans';\n                    font-size: 12px;\n                    font-style: normal;\n                    font-weight: 600;\n                    gap: 5px;\n                    line-height: 16px;\n                }\n\n                .top {\n                    height: 18px;\n                    border-radius: 4px 4px 0 0;\n                }\n\n                .bottom {\n                    &:not(.delinquency, .bottom-monthly-yearly) {\n                        height: 363px;\n                    }\n\n                    padding-right: 24px;\n                    padding-left: 24px;\n                    border: 1px solid rgba(var(--center-channel-color-rgb), 0.16);\n                    background-color: var(--center-channel-bg);\n                    border-radius: 0 0 4px 4px;\n\n                    .enable_annual_sub {\n                        margin-top: 12px;\n                    }\n\n                    .save_text {\n                        margin: 20px auto 10px;\n                        color: var(--denim-status-online);\n                        font-family: 'Metropolis';\n                        font-size: 14px;\n                        font-style: normal;\n                        font-weight: 700;\n                        line-height: 18px;\n                        text-align: center;\n                    }\n\n                    .plan_action_btn {\n                        width: 100%;\n                        height: 40px;\n                        padding: 10px 24px;\n                        border: none;\n                        background: none;\n                        border-radius: 4px;\n                        color: var(--denim-button-bg);\n                        font-size: 14px;\n                        font-weight: 700;\n                        line-height: 14px;\n\n                        &.grayed {\n                            background: rgba(var(--center-channel-color-rgb), 0.08);\n                            color: rgba(var(--center-channel-color-rgb), 0.32);\n                        }\n\n                        &.active {\n                            border: 1px solid var(--denim-button-bg);\n                        }\n\n                        &.special {\n                            background: var(--denim-button-bg);\n                            color: var(--button-color);\n                        }\n                    }\n\n                    .button-description {\n                        margin-top: 8px;\n                        font-family: 'Open Sans';\n                        font-size: 14px;\n                        font-style: normal;\n                        font-weight: 400;\n                        line-height: 20px;\n                        text-align: center;\n                    }\n\n                    .delinquency_summary_section {\n                        width: 100%;\n                        height: 116px;\n                        margin-top: 24px;\n                        margin-bottom: 24px;\n                        font-weight: 400;\n                        letter-spacing: -0.02em;\n                        text-align: center;\n\n                        .summary-section {\n                            background-color: rgba(var(--denim-button-bg-rgb), 0.08);\n                            border-radius: 4px;\n                            font-family: 'Metropolis';\n\n                            .summary-title {\n                                padding-top: 12px;\n                                font-size: 14px;\n                                font-weight: 400;\n                            }\n\n                            .summary-total {\n                                padding-top: 12px;\n                                color: #152234;\n                                font-size: 28px;\n                                font-weight: 700;\n                                line-height: 20px;\n                            }\n\n                            .view-breakdown {\n                                &:hover {\n                                    cursor: pointer;\n                                }\n\n                                padding-top: 12px;\n                                padding-bottom: 12px;\n                                color: var(--denim-button-bg);\n                                font-family: 'Metropolis';\n                                font-size: 14px;\n                                font-style: normal;\n                                font-weight: 400;\n                                line-height: 20px;\n                            }\n                        }\n\n                        h1 {\n                            color: var(--center-channel-color);\n                            font-family: 'Metropolis';\n                            font-size: 52px;\n                            font-style: normal;\n                            font-weight: 700;\n                            line-height: 60px;\n                        }\n\n                        .enterprise_price {\n                            font-size: 32px;\n                        }\n\n                        p {\n                            color: rgba(var(--center-channel-color-rgb), 0.72);\n                            font-family: 'Metropolis';\n                            font-size: 18px;\n                            font-style: normal;\n                            line-height: 20px;\n                        }\n                    }\n\n                    .plan_price_rate_section {\n                        width: 100%;\n                        height: 150px;\n                        border-bottom: 1px solid rgba(var(--center-channel-color-rgb), 0.16);\n                        font-weight: 400;\n                        letter-spacing: -0.02em;\n                        text-align: center;\n\n                        h4 {\n                            color: rgba(var(--center-channel-color-rgb), 0.72);\n                            font-family: 'Metropolis';\n                            font-size: 20px;\n                            font-style: normal;\n                            line-height: 30px;\n                        }\n\n                        h4.plan_name {\n                            margin-top: 16px;\n                            margin-bottom: 0;\n                        }\n\n                        h1 {\n                            margin: 0;\n                            color: var(--center-channel-color);\n                            font-family: 'Metropolis';\n                            font-size: 52px;\n                            font-style: normal;\n                            font-weight: 700;\n                            line-height: 60px;\n                        }\n\n                        .enterprise_price {\n                            font-size: 32px;\n                        }\n\n                        p {\n                            color: rgba(var(--center-channel-color-rgb), 0.72);\n                            font-family: 'Metropolis';\n                            font-size: 18px;\n                            font-style: normal;\n                            line-height: 20px;\n                        }\n\n                        p.plan_text {\n                            margin-bottom: 0;\n                        }\n                    }\n\n                    .plan_payment_commencement {\n                        margin-top: 16px;\n                        margin-bottom: 24px;\n                        color: var(--center-channel-color-rgb);\n                        font-size: 14px;\n                        font-style: normal;\n                        font-weight: 400;\n                        line-height: 20px;\n                    }\n\n                    .plan_billing_cycle {\n                        &.delinquency {\n                            margin-bottom: 24px;\n                        }\n\n                        margin-top: 16px;\n                        margin-bottom: 24px;\n                        color: rgba(var(--center-channel-color-rgb), 0.72);\n                        font-size: 12px;\n                        font-style: normal;\n                        font-weight: 400;\n                        line-height: 16px;\n                    }\n\n                    table {\n                        width: 100%;\n                        border-collapse: collapse;\n\n                        .yearly_savings {\n                            padding-top: 12px;\n                            padding-bottom: 12px;\n                            color: var(--denim-status-online);\n                            font-family: 'Open Sans';\n                            font-size: 14px;\n                            font-style: normal;\n                            font-weight: 700;\n                            line-height: 20px;\n                        }\n\n                        .total_price {\n                            color: var(--sys-denim-center-channel-text);\n                            font-family: 'Open Sans';\n                            font-size: 14px;\n                            font-style: normal;\n                            font-weight: 700;\n                            line-height: 24px;\n                        }\n\n                        .monthly_price {\n                            color: var(--sys-denim-center-channel-text);\n                            font-family: 'Open Sans';\n                            font-size: 14px;\n                            font-style: normal;\n                            font-weight: 400;\n                            letter-spacing: 0.02em;\n                            line-height: 20px;\n                        }\n                    }\n\n                    table tr td:nth-child(2) {\n                        text-align: right;\n                    }\n\n                    .flex-grid {\n                        display: flex;\n                        margin-top: 20px;\n\n                        .user_seats_container {\n                            width: 100px;\n\n                            .user_seats {\n                                height: 24px;\n                            }\n\n                            .Input_container {\n                                fieldset:not(.Input_fieldset___error) {\n                                    margin-bottom: 24px;\n                                }\n                            }\n                        }\n\n                        .icon {\n                            flex: 1;\n                            align-self: flex-start;\n                            justify-content: left;\n\n                            .icon-information-outline {\n                                margin: 0;\n                                color: rgba(var(--sys-denim-center-channel-text-rgb), 0.72);\n                            }\n                        }\n\n                        .Input___customMessage {\n                            width: 250px;\n                            margin-bottom: 4px;\n\n                            .icon.error {\n                                display: none;\n                            }\n                        }\n                    }\n                }\n\n                .bottom.bottom-monthly-yearly {\n                    display: block;\n                    overflow: auto;\n                    border-radius: 4px;\n                }\n            }\n        }\n\n        .logo {\n            position: absolute;\n            right: 0;\n            bottom: 0;\n        }\n\n        button {\n            width: fit-content;\n            height: 40px;\n            border: 0;\n            background: var(--button-bg);\n            border-radius: 4px;\n            color: var(--button-color);\n            font-size: 14px;\n            font-weight: 600;\n\n            &:disabled {\n                background: rgba(var(--center-channel-color-rgb), 0.08);\n                color: rgba(var(--center-channel-color-rgb), 0.32);\n            }\n        }\n    }\n}\n\n.background-svg {\n    position: absolute;\n    z-index: -1;\n    top: 0;\n\n    >div {\n        position: absolute;\n        top: 0;\n        left: 0;\n    }\n}\n\n.FullScreenModal {\n    .close-x {\n        top: 12px;\n        right: 12px;\n    }\n}\n\n.tooltipTitle {\n    font-weight: 700;\n}\n\n.tooltipText {\n    color: #9a9a9a !important;\n    text-align: left;\n}\n\n.proratedTooltip > .tooltip-inner {\n    min-width: 300px;\n}\n",".SeatsCalculator {\n    padding: 14px 0;\n    font-size: 14px;\n\n    &__seats-item {\n        position: relative;\n        display: flex;\n        align-items: flex-start;\n        justify-content: space-between;\n        padding-bottom: 12px;\n        font-weight: 400;\n\n        fieldset {\n            max-width: 110px;\n        }\n\n        &--input {\n            padding-bottom: 20px;\n        }\n    }\n\n    &__seats-label {\n        position: relative;\n    }\n\n    &__seats-tooltip {\n        position: absolute;\n        top: 11px;\n        // to the right of the input\n        left: 118px;\n    }\n\n    &__total {\n        display: flex;\n        align-items: center;\n        justify-content: space-between;\n        padding-bottom: 8px;\n        font-weight: 600;\n    }\n}\n",".SelfHostedPurchaseModal__success {\n    display: flex;\n    overflow: hidden;\n    width: 100%;\n    height: 100%;\n    flex-direction: row;\n    flex-grow: 1;\n    flex-wrap: wrap;\n    align-content: center;\n    justify-content: center;\n    padding: 77px 107px;\n    color: var(--center-channel-color);\n    font-family: \"Open Sans\";\n    font-size: 16px;\n    font-weight: 600;\n}\n",".SelfHostedPurchaseModal {\n    overflow: hidden;\n    height: 100%;\n\n    .form-view {\n        display: flex;\n        overflow: hidden;\n        width: 100%;\n        height: 100%;\n        flex-direction: row;\n        flex-grow: 1;\n        flex-wrap: wrap;\n        align-content: center;\n        justify-content: center;\n        padding: 77px 107px;\n        color: var(--center-channel-color);\n        font-family: \"Open Sans\";\n        font-size: 16px;\n        font-weight: 600;\n\n        .form {\n            padding: 0 96px;\n            margin: 0 auto;\n\n            .form-row {\n                display: flex;\n                width: 100%;\n                margin-bottom: 24px;\n            }\n\n            .form-row-third-1 {\n                width: 66%;\n                max-width: 288px;\n                margin-right: 16px;\n\n                .DropdownInput {\n                    z-index: 99999;\n                    margin-top: 0;\n                }\n            }\n\n            .DropdownInput {\n                position: relative;\n                z-index: 999999;\n                height: 36px;\n                margin-bottom: 24px;\n\n                .Input_fieldset {\n                    height: 43px;\n                }\n            }\n\n            .form-row-third-2 {\n                width: 34%;\n                max-width: 144px;\n            }\n\n            .section-title {\n                margin-bottom: 24px;\n                color: rgba(var(--center-channel-color-rgb), 0.72);\n                font-size: 16px;\n                font-weight: 600;\n                text-align: left;\n            }\n\n            .Input_fieldset {\n                height: 40px;\n                padding: 2px 1px;\n                background: var(--center-channel-bg);\n\n                .Input {\n                    height: 32px;\n                    background: inherit;\n                }\n\n                .Input_wrapper {\n                    margin: 0;\n                }\n            }\n        }\n\n        &--hide {\n            display: none;\n        }\n\n        > .lhs {\n            width: 25%;\n        }\n\n        > .center {\n            width: 50%;\n        }\n\n        > .rhs {\n            position: sticky;\n            display: flex;\n            width: 25%;\n            flex-direction: column;\n            align-items: center;\n\n            .price-text {\n                display: flex;\n                align-items: baseline;\n                padding: 8px 0;\n                font-size: 32px;\n                font-weight: 600;\n                line-height: 1;\n\n                .price-decimals {\n                    align-self: end;\n                    padding-bottom: 2px;\n                    font-size: 16px;\n\n                    &::before {\n                        content: '.';\n                    }\n                }\n            }\n\n            .monthly-text {\n                align-self: center;\n                margin-left: 5px;\n                font-size: 14px;\n                font-weight: normal;\n            }\n\n            .plan_comparison {\n                &.show_label {\n                    margin-bottom: 51px;\n                }\n\n                text-align: center;\n\n                button,\n                a {\n                    width: 100%;\n                    height: 40px;\n                    padding: 10px 24px;\n                    border: none;\n                    background: none;\n                    color: var(--denim-button-bg);\n                    font-size: 14px;\n                    font-weight: 600;\n                    line-height: 20px;\n                }\n            }\n        }\n\n        .PlanCard {\n            position: relative;\n            width: 280px;\n            height: auto;\n\n            .planLabel {\n                position: absolute;\n                top: -44px;\n                left: 52px;\n                display: flex;\n                width: 184px;\n                align-items: center;\n                justify-content: center;\n                padding: 14px;\n                border-radius: 13px 13px 0 0;\n                font-family: 'Open Sans';\n                font-size: 12px;\n                font-style: normal;\n                font-weight: 600;\n                gap: 5px;\n                line-height: 16px;\n            }\n\n            .top {\n                height: 18px;\n                border-radius: 4px 4px 0 0;\n            }\n\n            .bottom {\n                padding-right: 24px;\n                padding-bottom: 24px;\n                padding-left: 24px;\n                border: 1px solid rgba(var(--center-channel-color-rgb), 0.16);\n                background-color: var(--center-channel-bg);\n                border-radius: 0 0 4px 4px;\n\n                .plan_action_btn {\n                    width: 100%;\n                    height: 40px;\n                    padding: 10px 24px;\n                    border: none;\n                    background: none;\n                    border-radius: 4px;\n                    color: var(--denim-button-bg);\n                    font-size: 14px;\n                    font-weight: 700;\n                    line-height: 14px;\n\n                    &.grayed {\n                        background: rgba(var(--center-channel-color-rgb), 0.08);\n                        color: rgba(var(--center-channel-color-rgb), 0.32);\n                    }\n\n                    &.active {\n                        border: 1px solid var(--denim-button-bg);\n                    }\n\n                    &.special {\n                        background: var(--denim-button-bg);\n                        color: var(--button-color);\n                    }\n                }\n\n                .button-description {\n                    margin-top: 8px;\n                    font-family: 'Open Sans';\n                    font-size: 14px;\n                    font-style: normal;\n                    font-weight: 400;\n                    line-height: 20px;\n                    text-align: center;\n                }\n\n                h1 {\n                    color: var(--center-channel-color);\n                    font-family: 'Metropolis';\n                    font-size: 52px;\n                    font-style: normal;\n                    font-weight: 700;\n                    line-height: 60px;\n                }\n\n                .enterprise_price {\n                    font-size: 32px;\n                }\n\n                p {\n                    color: rgba(var(--center-channel-color-rgb), 0.72);\n                    font-family: 'Metropolis';\n                    font-size: 18px;\n                    font-style: normal;\n                    line-height: 20px;\n                }\n            }\n\n            .plan_price_rate_section {\n                width: 100%;\n                height: 150px;\n                border-bottom: 1px solid rgba(var(--center-channel-color-rgb), 0.16);\n                font-weight: 400;\n                letter-spacing: -0.02em;\n                text-align: center;\n\n                h4 {\n                    color: rgba(var(--center-channel-color-rgb), 0.72);\n                    font-family: 'Metropolis';\n                    font-size: 20px;\n                    font-style: normal;\n                    line-height: 30px;\n                }\n\n                h1 {\n                    color: var(--center-channel-color);\n                    font-family: 'Metropolis';\n                    font-size: 52px;\n                    font-style: normal;\n                    font-weight: 700;\n                    line-height: 60px;\n                }\n\n                .enterprise_price {\n                    font-size: 32px;\n                }\n\n                p {\n                    color: rgba(var(--center-channel-color-rgb), 0.72);\n                    font-family: 'Metropolis';\n                    font-size: 18px;\n                    font-style: normal;\n                    line-height: 20px;\n                }\n            }\n        }\n    }\n\n    .signup-consequences {\n        margin-top: 24px;\n        color: rgba(var(--center-channel-color-rgb), 0.72);\n        font-size: 12px;\n        font-style: normal;\n        font-weight: 400;\n        line-height: 16px;\n    }\n\n    .submitting,\n    .failed {\n        display: flex;\n        overflow: hidden;\n        width: 100%;\n        height: 100%;\n        flex-direction: row;\n        flex-grow: 1;\n        flex-wrap: wrap;\n        align-content: center;\n        justify-content: center;\n        padding: 77px 107px;\n        color: var(--center-channel-color);\n        font-family: \"Open Sans\";\n        font-size: 16px;\n        font-weight: 600;\n\n        .IconMessage .content .IconMessage-link {\n            margin-left: 0;\n        }\n    }\n\n    .background-svg {\n        position: absolute;\n        z-index: -1;\n        top: 0;\n        width: 100%;\n        height: 100%;\n\n        >div {\n            position: absolute;\n            top: 0;\n            left: 0;\n        }\n    }\n\n    .self-hosted-agreed-terms {\n        label {\n            display: flex;\n            align-items: flex-start;\n            justify-content: flex-start;\n        }\n\n        input[type=checkbox] {\n            margin-right: 12px;\n        }\n\n        font-size: 16px;\n    }\n}\n\n@media (max-width: 1020px) {\n    .SelfHostedPurchaseModal {\n        .form-view {\n            > .lhs {\n                display: none;\n            }\n\n            > .center {\n                width: 66%;\n            }\n\n            > .rhs {\n                width: 33%;\n            }\n        }\n    }\n}\n\n.FullScreenModal {\n    .close-x {\n        top: 12px;\n        right: 12px;\n    }\n}\n",".air-gapped-purchase-modal .content {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    padding: 32px;\n    text-align: center;\n}\n\n#air-gapped-modal-title {\n    span {\n        font-size: 22px;\n        font-weight: bold;\n    }\n}\n\n#air-gapped-modal-content {\n    span {\n        padding-right: 32px;\n        padding-left: 32px;\n    }\n}\n",".PurchaseInProgressModal {\n    &__body {\n        display: flex;\n        flex-direction: column;\n        align-items: center;\n        justify-content: center;\n        padding: 32px;\n        text-align: center;\n    }\n\n    &__progress-description {\n        padding-top: 20px;\n    }\n}\n",".PricingModal {\n    .modal-dialog {\n        position: absolute;\n        top: 50%;\n        left: 50%;\n        width: 1440px;\n        margin: auto;\n        transform: translate(-50%, -50%) !important;\n\n        .modal-content {\n            background-color: var(--center-channel-bg);\n        }\n    }\n\n    .modal-header {\n        height: 77px;\n        min-height: 77px;\n    }\n\n    .PricingModal__header {\n        display: flex;\n        align-items: center;\n        justify-content: space-between;\n        padding: 28px 32px;\n        border: none;\n        border-bottom: 1px solid rgba(var(--center-channel-color-rgb), 0.08);\n        font-size: 22px;\n        font-weight: 600;\n\n        .header_lhs {\n            display: flex;\n            align-items: center;\n\n            h1 {\n                margin: 0;\n                color: var(--center-channel-color);\n                font-family: 'Metropolis', sans-serif;\n                font-size: 22px;\n                font-style: normal;\n                font-weight: 600;\n                line-height: 28px;\n            }\n\n            div {\n                padding-left: 8px;\n                border-left: 1px solid rgba(var(--center-channel-color-rgb), 0.16);\n                margin-left: 8px;\n                color: rgba(var(--center-channel-color-rgb), 0.56);\n                font-family: 'Open Sans';\n                font-size: 12px;\n                font-style: normal;\n                font-weight: 400;\n                line-height: 20px;\n            }\n        }\n\n        &::before,\n        &::after {\n            display: none;\n        }\n\n        // beat regular modal-header in specificity\n        &.modal-header {\n            background-color: var(--center-channel-bg);\n            color: var(--center-channel-color);\n        }\n\n        .icon-close {\n            padding: 0;\n            border: none;\n            -moz-appearance: none;\n            -webkit-appearance: none;\n            appearance: none;\n            background: none;\n            color: rgb(var(--center-channel-color-rgb), 0.56);\n            cursor: pointer;\n            font: inherit;\n            outline: inherit;\n\n            &:hover,\n            &:active,\n            &:focus {\n                color: rgb(var(--center-channel-color-rgb), 0.56);\n            }\n        }\n    }\n\n    .modal-body {\n        display: flex;\n        height: 623px;\n        min-height: 623px;\n        flex-direction: column;\n        padding: 0 71px;\n        overflow-x: visible;\n        overflow-y: scroll;\n\n        .alert-option {\n            display: flex;\n            width: 100%;\n            flex-direction: column;\n            text-align: right;\n\n            span {\n                color: var(--center-channel-color);\n                font-family: 'Open Sans';\n                font-size: 14px;\n                font-style: normal;\n                font-weight: 600;\n                line-height: 20px;\n                text-align: right;\n            }\n\n            a {\n                color: var(--denim-button-bg);\n                font-family: 'Open Sans';\n                font-size: 14px;\n                font-style: normal;\n                font-weight: 600;\n                line-height: 20px;\n            }\n        }\n    }\n\n    .PricingModal__body {\n        position: relative;\n        display: flex;\n        align-self: center;\n        margin-bottom: 111px;\n        gap: 48px;\n\n        .PlanCard {\n            position: relative;\n            width: 280px;\n\n            .planLabel {\n                position: absolute;\n                top: -36px;\n                left: 52px;\n                display: flex;\n                width: auto;\n                height: 36px;\n                align-items: center;\n                justify-content: center;\n                padding: 14px;\n                border-radius: 13px 13px 0 0;\n                font-weight: 600;\n                gap: 5px;\n            }\n\n            .top {\n                height: 18px;\n                border-radius: 4px 4px 0 0;\n            }\n\n            .bottom {\n                height: auto;\n                border: 1px solid rgba(var(--center-channel-text-rgb), 0.08);\n                border-top: 1px solid var(--center-channel-bg);\n                background-color: var(--center-channel-bg);\n                border-radius: 0 0 4px 4px;\n                box-shadow: var(--elevation-6);\n\n                .bottom_container {\n                    padding-right: 24px;\n                    padding-left: 24px;\n                    margin-bottom: 24px;\n\n                    .plan_price_rate_section {\n                        width: 100%;\n                        height: 221px;\n                        text-align: center;\n\n                        h3 {\n                            color: var(--center-channel-color);\n                            font-family: 'Metropolis';\n                            font-size: 24px;\n                            font-style: normal;\n                            font-weight: 700;\n                            line-height: 31px;\n                            text-align: center;\n                        }\n\n                        h1 {\n                            margin: 0;\n                            color: var(--center-channel-color);\n                            font-family: 'Metropolis';\n                            font-size: 52px;\n                            font-style: normal;\n                            font-weight: 700;\n                            letter-spacing: -0.02em;\n                            line-height: 60px;\n                        }\n\n                        span,\n                        p {\n                            margin-bottom: 32px;\n                            color: rgba(var(--center-channel-color-rgb), 0.72);\n                            font-family: 'Metropolis';\n                            font-size: 16px;\n                            font-style: normal;\n                            font-weight: 400;\n                            line-height: 24px;\n                        }\n                    }\n\n                    .contact_sales_cta {\n                        height: 49px;\n                        margin-top: 16px;\n                        text-align: center;\n                    }\n\n                    .plan_limits_cta {\n                        height: 21px;\n                    }\n\n                    .plan_buttons {\n                        height: auto;\n\n                        .plan_action_btn {\n                            width: 100%;\n                            height: 40px;\n                            padding: 10px 24px;\n                            border: none;\n                            background: none;\n                            border-radius: 4px;\n                            color: var(--denim-button-bg);\n                            font-weight: 600;\n\n                            &.grayed {\n                                background: rgba(var(--center-channel-color-rgb), 0.08);\n                                color: rgba(var(--center-channel-color-rgb), 0.32);\n                                cursor: not-allowed;\n                            }\n\n                            &.secondary {\n                                background: rgba(var(--denim-button-bg-rgb), 0.08);\n                                color: var(--denim-button-bg);\n                            }\n\n                            &.active {\n                                border: 1px solid var(--denim-button-bg);\n                            }\n\n                            &.special {\n                                background: var(--denim-button-bg);\n                                color: var(--button-color);\n                            }\n                        }\n                    }\n\n                    .plan_briefing {\n                        height: auto;\n\n                        hr {\n                            border-top: 1px solid rgba(var(--center-channel-color-rgb), 0.16);\n                        }\n\n                        .plan_briefing_content {\n                            margin-top: 16px;\n\n                            .title {\n                                color: var(--center-channel-color);\n                                font-family: 'Metropolis';\n                                font-size: 13px;\n                                font-style: normal;\n                                font-weight: 600;\n                                letter-spacing: -0.02em;\n                                line-height: 24px;\n                                white-space: nowrap;\n                            }\n\n                            .item {\n                                display: flex;\n                                max-height: 72px;\n\n                                .bullet {\n                                    display: inline-block;\n                                    margin: 8px 8px 0 0;\n                                    color: var(--button-bg);\n                                    font-size: 10px;\n                                }\n\n                                p {\n                                    margin: 0;\n                                    color: rgba(var(--center-channel-color-rgb), 0.72);\n                                    font-family: 'Metropolis';\n                                    font-size: 14px;\n                                    font-style: normal;\n                                    font-weight: 400;\n                                    letter-spacing: -0.02em;\n                                    line-height: 24px;\n                                }\n                            }\n                        }\n                    }\n                }\n\n                .plan_add_ons {\n                    position: relative;\n                    height: auto;\n                    padding: 37px 24px 24px 24px;\n                    background-color: rgba(var(--center-channel-text-rgb), 0.56);\n                    border-radius: 0 0 4px 4px;\n                    color: var(--sidebar-text);\n\n                    .illustration {\n                        position: absolute;\n                        top: 24px;\n                        right: 36px;\n                    }\n\n                    .title {\n                        font-family: 'Metropolis';\n                        font-size: 16px;\n                        font-style: normal;\n                        font-weight: 700;\n                        line-height: 24px;\n                    }\n\n                    .item,\n                    .subitem {\n                        font-weight: 400;\n\n                        &_title {\n                            display: flex;\n\n                            .bullet {\n                                display: inline-block;\n                                margin: 8px 8px 0 0;\n                                font-size: 5px;\n                            }\n                        }\n                    }\n\n                    .item {\n                        margin-left: 5px;\n                    }\n\n                    .subitem {\n                        margin-left: 20px;\n                    }\n                }\n            }\n        }\n    }\n}\n",".Menu {\n    z-index: 10000;\n\n    .dropdown-menu {\n        display: block;\n        min-width: 220px;\n        max-width: 270px;\n        max-height: 80vh;\n        padding: 8px 0;\n        border-radius: 4px;\n\n        ul {\n            padding: 8px 0;\n            margin: 0;\n        }\n\n        li {\n            list-style: none;\n\n            a {\n                color: inherit;\n            }\n        }\n    }\n\n    &.Menu-enter {\n        .dropdown-menu {\n            opacity: 0;\n\n            @media screen and (min-width: 768px) {\n                overflow: hidden;\n                max-height: 0;\n                overflow-y: hidden;\n            }\n        }\n    }\n\n    &.Menu-enter-active {\n        .dropdown-menu {\n            opacity: 1;\n\n            @media screen and (min-width: 768px) {\n                max-height: 80vh;\n                overflow-y: hidden;\n                transition: max-height 1000ms ease-in, opacity 250ms linear;\n            }\n\n            @media screen and (max-width: 640px) {\n                transition: opacity 1000ms linear;\n            }\n        }\n    }\n\n    &.Menu-enter-done {\n        .dropdown-menu {\n            opacity: 1;\n\n            @media screen and (min-width: 768px) {\n                max-height: 80vh;\n                overflow-y: auto;\n            }\n        }\n    }\n\n    &.Menu-exit {\n        .dropdown-menu {\n            opacity: 0;\n\n            @media screen and (min-width: 768px) {\n                max-height: 0;\n                overflow-y: hidden;\n                transition: max-height 1000ms ease-in 0ms, opacity 250ms linear 750ms;\n            }\n\n            @media screen and (max-width: 768px) {\n                transition: opacity 1000ms linear;\n            }\n        }\n    }\n\n    #ChannelMenu-moveToDivider {\n        height: 1px;\n        padding: 0;\n        margin: 8px 0;\n        background: rgba(var(--center-channel-color-rgb), 0.08);\n        pointer-events: none;\n\n        span {\n            display: none;\n        }\n\n        @media screen and (max-width: 768px) {\n            background: none;\n\n            .menu-divider {\n                margin: 0;\n            }\n        }\n    }\n\n    .SubMenuItemContainer:not(.hasDivider) {\n        display: flex;\n        align-items: center;\n        justify-content: space-between;\n    }\n\n    .styleSelectableItem {\n        .MenuItem {\n            width: 100%;\n\n            div:hover,\n            div:focus {\n                background: none !important;\n            }\n        }\n\n        .SubMenu__icon-right {\n            padding: 0 9px 0 8px;\n            margin-right: 0;\n            line-height: 28px;\n\n            &.mobile {\n                padding: 0 4px 0 9px;\n            }\n        }\n\n        .styleSelectableItemDiv {\n            display: flex;\n            height: 34px;\n            align-items: center;\n            justify-content: space-between;\n            padding: 0 15px;\n            margin: 0;\n        }\n\n        .grid {\n            display: grid;\n            width: 100%;\n            grid-template-columns: auto 1fr auto auto;\n        }\n\n        .flex {\n            width: 100%;\n        }\n\n        .sorting-menu-checkbox {\n            width: 0;\n            padding-right: 30px;\n\n            i {\n                color: var(--button-bg);\n            }\n        }\n    }\n\n    // global header style adjustments\n    > .product-switcher-menu {\n        .MenuItem {\n            .MenuItem__primary-text {\n                line-height: 26px;\n            }\n\n            a,\n            button {\n                padding: 0 20px;\n\n                .icon {\n                    color: rgba(var(--center-channel-color-rgb), 0.56);\n                }\n            }\n        }\n    }\n}\n","@charset 'UTF-8';\n\n@import 'utils/variables';\n\n@media screen and (max-width: 768px) {\n    #submenuModal {\n        padding: 0;\n\n        .mobile-sub-menu {\n            max-width: 100% !important;\n            height: 100%;\n            margin-top: 0 !important;\n\n            .modal-content {\n                height: 100%;\n                padding: 0;\n                border: unset;\n                background: transparent !important;\n                box-shadow: unset;\n\n                .modal-body {\n                    overflow: unset;\n                    height: 100%;\n                    max-height: unset;\n                    padding: 0;\n\n                    .MenuWrapper {\n                        height: 100%;\n\n                        div {\n                            height: 100%;\n                        }\n\n                        .Menu {\n                            padding: 0 1.5em;\n\n                            &.dropdown-menu {\n                                position: relative;\n                                top: 0;\n                                display: flex;\n                                width: 100%;\n                                max-width: inherit;\n                                height: 100%;\n                                max-height: inherit;\n                                flex-direction: column;\n                                justify-content: center;\n                                padding-top: 0;\n                                border: 0;\n                                margin-bottom: 0;\n                                background: transparent;\n                                box-shadow: none;\n                                color: inherit;\n                                list-style: none;\n\n                                div,\n                                button,\n                                a,\n                                a:hover {\n                                    opacity: 0.8;\n                                }\n\n                                .MenuItem {\n                                    background: var(--center-channel-bg);\n\n                                    > div,\n                                    > button,\n                                    > a {\n                                        width: 100%;\n                                        height: auto;\n                                        padding: 15px 20px;\n                                        border-top: 1px solid rgba(var(--center-channel-color-rgb), 0.08);\n                                        font-size: 14px;\n                                        opacity: 1;\n                                        text-align: left;\n                                    }\n\n                                    &:first-child {\n                                        div,\n                                        button {\n                                            border: none;\n                                        }\n                                    }\n                                }\n\n                                .MenuGroup {\n                                    &.menu-divider {\n                                        background: $white;\n                                    }\n                                }\n                            }\n                        }\n                    }\n                }\n            }\n        }\n    }\n}\n","\n@mixin leveled-bg($hover, $active) {\n    &:hover {\n        &:not(:disabled) {\n            background: rgba($hover, 0.08);\n        }\n    }\n\n    &:active,\n    &.is-active {\n        &:not(:disabled) {\n            background: rgba($active, 0.08);\n        }\n    }\n\n    &.is-active {\n        &:active,\n        &:hover {\n            &:not(:disabled) {\n                background: rgba($active, 0.16);\n            }\n        }\n\n        &:hover {\n            &:active:not(:disabled) {\n                background: rgba($active, 0.24);\n            }\n        }\n    }\n}\n\n@mixin leveled-color($hover, $active) {\n    &:hover {\n        &:not(:disabled) {\n            color: rgba($hover, 0.72);\n        }\n    }\n\n    &:active,\n    &.is-active {\n        &:not(:disabled) {\n            color: rgba($active, 1);\n        }\n    }\n}\n\n.Button {\n    position: relative;\n    padding: 4px 10px;\n    border-radius: 4px;\n    color: rgba(var(--center-channel-color-rgb), 0.56);\n    font-family: Open Sans;\n    font-style: normal;\n    font-weight: 600;\n\n    &.allowTextOverflow {\n        min-width: 4rem;\n\n        .Button_label {\n            overflow: hidden;\n            text-overflow: ellipsis;\n            white-space: nowrap;\n        }\n    }\n\n    &:hover {\n        text-decoration: none;\n    }\n\n    &:disabled {\n        opacity: 32%;\n    }\n\n    &.Button___transparent {\n        border: none;\n        background: transparent;\n\n        @include leveled-bg(\n            $hover: var(--center-channel-color-rgb),\n            $active: var(--button-bg-rgb),\n        );\n        @include leveled-color(\n            $hover: var(--center-channel-color-rgb),\n            $active: var(--button-bg-rgb),\n        );\n    }\n\n    &.Button___large {\n        font-size: 14px;\n\n        &.Button___icon {\n            width: 32px;\n            height: 32px;\n            padding: 7px 0;\n            font-size: 18px;\n            line-height: 18px;\n        }\n    }\n\n    .Button_label {\n        display: inline-block;\n        max-width: 100%;\n\n        &.margin_top {\n            margin-top: 4px;\n        }\n    }\n\n    .Button_prepended {\n        margin-right: 0.5em;\n    }\n\n    .Button_appended {\n        margin-left: 0.5em;\n    }\n\n    .dot {\n        position: absolute;\n        top: 6px;\n        right: 6px;\n        width: 4px;\n        height: 4px;\n        background: rgba(var(--sidebar-text-active-border-rgb), 1);\n        border-radius: 50%;\n    }\n}\n\n.separated + .separated {\n    // --button-separator-gap should always be even\n    margin-left: var(--button-separator-gap, 0);\n}\n\n.separated:not(.Button),\n.separated:not(:hover):not(.is-active) {\n    + .separated:not(.Button),\n    + .separated:not(:hover):not(.is-active) {\n        position: relative;\n\n        &::before {\n            position: absolute;\n            top: 50%;\n            left: calc(-0.5px - var(--button-separator-gap, 0px) / 2);\n            display: inline-block;\n            width: 1px;\n            height: var(--button-separator-height, 100%);\n            background: rgba(var(--center-channel-color-rgb), 0.16);\n            content: '';\n            pointer-events: none;\n            transform: translateY(-50%);\n        }\n    }\n}\n",".app__body {\n    .shortcut-key {\n        display: inline-block;\n        padding: 10px 9px 8px 8px;\n        border-radius: 4px;\n        color: var(--center-channel-bg);\n        font-size: 14px;\n        font-weight: 500;\n        line-height: 1;\n\n        &.shortcut-key--contrast {\n            background-color: rgba(var(--center-channel-color-rgb), 0.08);\n            color: var(--center-channel-color);\n        }\n\n        &.shortcut-key--tooltip {\n            padding: 2px 5px;\n            background-color: rgba(255, 255, 255, 0.08);\n            color: rgba(255, 255, 255, 0.72);\n            font-family: inherit;\n            font-size: 12px;\n            font-weight: 600;\n            line-height: 16px;\n        }\n\n        &.shortcut-key--tutorial-tip {\n            padding: 2px 5px;\n            background-color: rgba(var(--center-channel-color-rgb), 0.08);\n            color: rgba(var(--center-channel-color-rgb), 0.72);\n            font-family: inherit;\n            font-size: 12px;\n            font-weight: 600;\n            line-height: 16px;\n        }\n\n        &.shortcut-key--shortcut-modal {\n            font-family: inherit;\n            font-size: 12px;\n            font-weight: 600;\n            line-height: 16px;\n        }\n    }\n}\n","// Copyright (c) 2015-present Mattermost, Inc. All Rights Reserved.\n// See LICENSE.txt for license information.\n\n.shortcut-line {\n    margin: 16px 0;\n\n    span {\n        &:first-child {\n            margin-right: 5px;\n        }\n    }\n\n    .shortcut-key {\n        padding: 2px 5px;\n\n        + .shortcut-key {\n            margin-left: 2px;\n        }\n    }\n}\n\n.tooltip-inner .shortcut-line {\n    margin: 4px 0;\n}\n\n@media (max-height: 800px) {\n    .shortcut-line {\n        margin-top: 14px;\n    }\n}\n","@import 'utils/variables';\n\n.toast {\n    position: absolute;\n    z-index: 2;\n    width: calc(100% - 30px);\n    height: 32px;\n    margin: 10px 15px 0;\n    background-color: var(--button-bg);\n    border-radius: 4px;\n    color: var(--button-color);\n    cursor: default;\n    font-size: 13px;\n    font-weight: bold;\n    opacity: 0;\n    visibility: hidden;\n\n    svg {\n        fill: var(--button-color);\n        vertical-align: middle;\n    }\n\n    body.enable-animations & {\n        transition-duration: 0s;\n        transition-property: opacity, visibility;\n        transition-timing-function: ease-in-out;\n    }\n\n    .toast__jump {\n        position: absolute;\n\n        svg {\n            margin-right: 5px;\n            vertical-align: middle;\n        }\n    }\n\n    .toast__dismiss {\n        position: absolute;\n        right: 0;\n        height: 32px;\n        padding: 0 8px;\n        cursor: pointer;\n\n        &:hover {\n            background-color: rgba(0, 0, 0, 0.2);\n        }\n\n        span {\n            line-height: 31px;\n        }\n    }\n\n    .toast__message {\n        position: absolute;\n        z-index: -1;\n        width: calc(100% - 40px);\n        height: 32px;\n        padding-left: 10px;\n        line-height: 31px;\n        text-align: center;\n\n        &.toast__pointer {\n            cursor: pointer;\n\n            &:hover {\n                background-color: rgba(0, 0, 0, 0.2);\n            }\n        }\n    }\n}\n\n.toast__visible {\n    opacity: 1;\n    visibility: visible;\n\n    body.enable-animations & {\n        transition-duration: 0s;\n        transition-property: opacity, visibility;\n        transition-timing-function: ease-in-out;\n    }\n}\n\n.toast__history {\n    z-index: 1;\n    background-color: rgb(216, 216, 216);\n    color: #3d3c40;\n\n    svg {\n        fill: rgba(61, 60, 64, 0.9);\n    }\n}\n\n.toast__red {\n    background-color: $red;\n}\n\n@media screen and (max-width: 768px) {\n    .toast .toast__message {\n        display: inline-block;\n    }\n}\n\n.tooltip__shortcut--txt {\n    opacity: 0.6;\n}\n",".new-replies-banner {\n    position: absolute;\n    bottom: 56px;\n    display: flex;\n    justify-content: center;\n\n    .toast {\n        width: 156px;\n\n        .toast__jump ~ span {\n            margin-left: 24px;\n        }\n    }\n}\n","@charset 'UTF-8';\n\n.no-results__holder {\n    display: grid;\n    width: 100%;\n    height: 100%;\n    place-content: center;\n}\n\n.no-results__wrapper {\n    display: flex;\n    max-width: 500px;\n    flex-direction: column;\n    align-items: center;\n    padding: 30px;\n    margin: auto;\n    text-align: center;\n    word-break: break-word;\n\n    &.horizontal-layout {\n        flex-direction: row;\n\n        svg {\n            flex: 0 0 auto;\n            margin-right: 16px;\n        }\n\n        .no-results__text-container {\n            display: flex;\n            flex-direction: column;\n            text-align: start;\n        }\n\n        .no-results__title {\n            margin-bottom: 10px;\n        }\n    }\n}\n\n.no-results__variant-wrapper {\n    display: flex;\n    width: 120px;\n    height: 120px;\n    align-items: center;\n    justify-content: center;\n    margin: 22px;\n    background: rgba(var(--center-channel-color-rgb), 0.08);\n    border-radius: 100%;\n}\n\n.no-results__title {\n    margin: 0;\n    margin-bottom: 15px;\n    color: var(--center-channel-color);\n    font-size: 20px;\n    font-weight: 600;\n    line-height: 20px;\n}\n\n.no-results__icon {\n    display: flex;\n\n    svg {\n        width: 62px;\n        height: 62px;\n        fill: var(--button-bg);\n    }\n\n    &.icon {\n        color: var(--button-bg);\n        font-size: 62px;\n    }\n}\n\n.no-results__mini_icon {\n    width: 11px;\n    margin: 2px;\n    vertical-align: middle;\n\n    svg {\n        fill: var(--button-bg);\n    }\n}\n",".modal .StatusModal.GenericModal .StatusModal__clear-container.input-clear {\n    position: absolute;\n    top: 16px;\n    right: 20px;\n    color: rgba(var(--center-channel-color-rgb), 0.72);\n    opacity: 1;\n}\n\n.StatusModal {\n    width: 600px;\n\n    &.modal-dialog {\n        margin: auto;\n    }\n\n    .modal &.GenericModal .modal {\n        &-body {\n            overflow: visible;\n        }\n\n        &-content {\n            width: 100%;\n            padding: 28px 8px 24px 24px;\n        }\n\n        &-footer {\n            padding: 0;\n            padding-right: 16px;\n            margin-top: 22px;\n        }\n    }\n\n    .GenericModal {\n        &__header {\n            padding: 0 0 20px;\n        }\n\n        &__body {\n            padding: 0;\n        }\n\n        &__button {\n            &.btn:disabled,\n            &.btn:disabled:hover {\n                background: rgba(var(--center-channel-color-rgb), 0.08);\n                color: rgba(var(--center-channel-color-rgb), 0.32);\n                opacity: 1;\n            }\n        }\n    }\n\n    .form-control {\n        height: 4.8rem !important;\n        padding: 0 5.2rem;\n        border-radius: 4px;\n        font-size: 14px;\n        font-weight: 600;\n\n        &:focus {\n            border-color: var(--button-bg);\n        }\n    }\n\n    & &__input {\n        position: relative;\n        width: calc(100% - 16px);\n    }\n\n    &__emoji-container {\n        position: absolute;\n        top: 6px;\n        left: 10px;\n        margin-right: 2px;\n    }\n\n    &__emoji-button {\n        display: flex;\n        width: 36px;\n        height: 36px;\n        align-items: center;\n        justify-content: center;\n        border: none;\n        background: transparent;\n        border-radius: 4px;\n        color: rgba(var(--center-channel-color-rgb), 0.56);\n        fill: rgba(var(--center-channel-color-rgb), 0.56);\n\n        &:hover {\n            background: rgba(var(--center-channel-color-rgb), 0.08);\n            color: rgba(var(--center-channel-color-rgb), 0.72);\n            fill: rgba(var(--center-channel-color-rgb), 0.72);\n        }\n\n        &:active,\n        &--active,\n        &--active:hover {\n            background: rgba(var(--button-bg-rgb), 0.08);\n            color: var(--button-bg);\n            fill: var(--button-bg);\n        }\n\n        svg {\n            width: 20px;\n            height: 20px;\n        }\n    }\n\n    &__footer {\n        display: flex;\n        align-items: center;\n        justify-content: space-between;\n        padding: 2rem 0;\n        text-align: right;\n\n        .btn {\n            height: 4rem;\n            padding: 0 2rem;\n            border-radius: 4px;\n            font-size: 14px;\n            font-weight: 600;\n        }\n    }\n}\n\n.status-dropdown-menu,\n.StatusModal__input {\n    .input-clear-x {\n        color: rgba(var(--center-channel-color-rgb), 0.56);\n\n        .icon {\n            font-size: 20px;\n        }\n    }\n\n    .MaxLengthInput__validation {\n        top: 17px !important;\n        right: 44px !important;\n    }\n\n    .MaxLengthInput.form-control.has-error {\n        padding-right: 76px !important;\n    }\n}\n\n.ic-clear-search,\n.ic-search {\n    position: absolute;\n    z-index: 1;\n    background-position: center;\n    background-repeat: no-repeat;\n    cursor: pointer;\n}\n\n.ic-clear-search {\n    top: 12px;\n    right: 12px;\n    width: 2rem;\n    height: 2rem;\n}\n\n.statusSuggestion {\n    overflow: auto;\n    min-height: 232px;\n    max-height: 264px;\n\n    &__content {\n        display: flex;\n        overflow: auto;\n        width: 100%;\n        height: 100%;\n        flex-direction: column;\n        border: none;\n        box-shadow: none;\n    }\n\n    &__row {\n        display: flex;\n        width: 97%;\n        min-height: 40px;\n        align-items: center;\n        padding-right: 10px;\n        padding-left: 18px;\n        color: var(--center-channel-color);\n        font-size: inherit;\n\n        &:hover {\n            background-color: rgba(var(--center-channel-color-rgb), 0.08);\n            border-radius: 4px;\n        }\n\n        &:active {\n            background-color: rgba(var(--button-bg-rgb), 0.08);\n            color: v(button-bg);\n        }\n    }\n\n    &__icon {\n        margin-right: 15px;\n        margin-bottom: 1px;\n    }\n\n    &__title {\n        display: flex;\n        height: 24px;\n        margin-top: 8px;\n        color: rgba(var(--center-channel-color-rgb), 0.55);\n        font-weight: 600;\n    }\n\n    &__text {\n        overflow: hidden;\n        height: 20px;\n        font-weight: 600;\n        text-overflow: ellipsis;\n        white-space: nowrap;\n\n        &.with_duration {\n            max-width: 62%;\n        }\n    }\n\n    &__duration {\n        margin-left: 8px;\n        color: rgba(var(--center-channel-color-rgb), 0.56);\n        font-size: 14px;\n        font-weight: 400;\n        line-height: 14px;\n    }\n}\n\n.suggestion-clear {\n    margin-top: 3px;\n    margin-left: auto;\n}\n\n#custom-status-tooltip {\n    p {\n        margin: 0;\n    }\n\n    .custom-status {\n        display: flex;\n        justify-content: center;\n\n        &-expiry {\n            font-weight: 400;\n            opacity: 0.7;\n        }\n    }\n}\n\nspan.emoticon[style]:hover {\n    opacity: 1 !important;\n}\n\n.statusExpiry {\n    position: absolute;\n    top: 56px;\n    display: inline-block;\n    font-size: 14px;\n\n    &__menu {\n        cursor: pointer;\n\n        .expiry-value {\n            margin-right: 4px;\n            font-weight: 600;\n        }\n    }\n}\n\n.dateTime {\n    display: flex;\n    width: calc(100% - 24px);\n    margin-top: 45px;\n\n    & &__date {\n        position: relative;\n        margin-right: 20px;\n\n        &-icon {\n            position: absolute;\n            top: 11.3px;\n            left: 15px;\n        }\n    }\n\n    & &__time {\n        position: relative;\n\n        #expiryTimeMenu .dropdown-menu {\n            overflow: auto;\n            min-width: 266px;\n            max-height: 268px;\n        }\n\n        &-icon {\n            position: absolute;\n            top: 11.3px;\n            left: 15px;\n        }\n    }\n\n    & &__input {\n        width: 266px;\n        height: 40px;\n        padding: 10px 40px;\n        border: 2px solid var(--button-bg);\n        background: var(--center-channel-bg);\n        border-radius: 4px;\n        color: var(--center-channel-color);\n        cursor: pointer;\n        font-size: 14px;\n\n        &-title {\n            position: absolute;\n            bottom: 32px;\n            left: 12px;\n            padding: 0 4px;\n            background: var(--center-channel-bg);\n            color: rgba(var(--center-channel-color-rgb), 0.64);\n            font-size: 10px;\n            letter-spacing: 0.03em;\n            line-height: 16px;\n        }\n    }\n}\n","@charset 'UTF-8';\n\n.edit-category__helpText {\n    color: rgba(var(--center-channel-color-rgb), 0.56);\n    font-size: 12px;\n    line-height: 40px;\n}\n\n.GenericModal__button.delete {\n    background: var(--dnd-indicator) !important; // TODO: Figure out a way around important flag\n}\n\n.delete-category__helpText {\n    color: var(--center-channel-color);\n}\n","#user-profile-popover .popover-content {\n    padding: 0;\n}\n\n.user-profile-popover__content {\n    padding: 9px 14px;\n}\n\n.user-popover__set-custom-status-btn {\n    padding: 0;\n    border: none;\n    background: transparent;\n    color: var(--link-color);\n}\n\n.user-profile-popover__heading {\n    font-weight: 600;\n}\n\n.user-popover-last-active {\n    display: block;\n    margin: 10px 0 4px;\n    color: rgba(var(--center-channel-color-rgb), 0.64);\n    font-size: 11px;\n    line-height: 16px;\n    text-align: center;\n}\n",".view-user-groups-modal {\n    .modal-content .modal-header {\n        overflow: visible;\n        padding-bottom: 0;\n\n        .modal-title {\n            margin-left: 46px;\n        }\n\n        button.user-groups-create {\n            margin-right: 24px;\n        }\n\n        .details-action {\n            margin-right: 42px;\n\n            .MenuWrapper {\n                margin-left: auto;\n            }\n\n            button.action-wrapper {\n                width: 4rem;\n                height: 4rem;\n                border: none;\n                margin-left: auto;\n                border-radius: 4px;\n                color: rgba(var(--center-channel-color-rgb), 0.56);\n                text-decoration: none;\n\n                &:hover {\n                    background: rgba(var(--center-channel-color-rgb), 0.08);\n                    border-radius: 4px;\n                    color: rgba(var(--center-channel-color-rgb), 0.72);\n                    fill: rgba(var(--center-channel-color-rgb), 0.72);\n                }\n\n                &:active {\n                    background-color: rgba(var(--button-bg-rgb), 0.08);\n                    color: var(--button-bg);\n                }\n\n                i.icon {\n                    display: inline;\n                    font-size: 24px;\n                    line-height: 24px;\n                }\n            }\n        }\n    }\n\n    .modal-body {\n        .no-results__wrapper {\n            padding-bottom: 60px;\n        }\n\n        .group-mention-name {\n            margin-bottom: 25px;\n\n            span.group-name {\n                margin-left: 70px;\n                color: rgba(var(--center-channel-color-rgb), 0.72);\n                font-size: 12px;\n                line-height: 12px;\n            }\n\n            span.group-source span {\n                padding: 0 4px;\n                margin-left: 8px;\n                background: rgba(var(--center-channel-color-rgb), 0.08);\n                border-radius: 4px;\n                font-size: 10px;\n                line-height: 16px;\n            }\n        }\n\n        .user-groups-search {\n            margin-bottom: 24px;\n        }\n\n        .user-groups-modal__content {\n            &.group-member-list {\n                max-height: 450px;\n                padding-bottom: 16px;\n                border-top: 1px solid rgba(var(--center-channel-color-rgb), 0.08);\n                overflow-y: scroll; // for Firefox and browsers that doesn't support overflow-y:overlay property\n                overflow-y: overlay;\n\n                &::-webkit-scrollbar {\n                    width: 20px;\n                }\n\n                &::-webkit-scrollbar-track {\n                    background: rgba(0, 0, 0, 0);\n                }\n\n                &::-webkit-scrollbar-thumb {\n                    border: 8px rgba(0, 0, 0, 0) solid;\n                    background: rgba(var(--center-channel-color-rgb), 0.24);\n                    background-clip: padding-box;\n                    border-radius: 9999px;\n                }\n\n                h2.group-member-count {\n                    padding: 0 32px;\n                    margin: 16px 0;\n                    font-size: 16px;\n                    line-height: 24px;\n                }\n\n                .group-member-row {\n                    display: flex;\n                    align-items: center;\n                    padding: 8px 32px;\n\n                    .group-member-name {\n                        padding-left: 12px;\n                    }\n\n                    .group-member-username {\n                        padding-left: 8px;\n                        color: rgba(var(--center-channel-color-rgb), 0.64);\n                        font-size: 12px;\n                        line-height: 18px;\n                    }\n\n                    button.remove-group-member {\n                        display: none;\n                        width: 2.4rem;\n                        height: 2.4rem;\n                        margin-right: 0;\n                        margin-left: auto;\n                        color: rgba(var(--center-channel-color-rgb), 0.56);\n                        font-size: inherit;\n\n                        &:hover {\n                            background: rgba(var(--center-channel-color-rgb), 0.08);\n                            border-radius: 4px;\n                            color: rgba(var(--center-channel-color-rgb), 0.72);\n                            fill: rgba(var(--center-channel-color-rgb), 0.72);\n                        }\n\n                        &:active {\n                            background-color: rgba(var(--button-bg-rgb), 0.08);\n                            color: var(--button-bg);\n                        }\n\n                        i {\n                            font-size: 14px;\n                            line-height: 14px;\n                        }\n                    }\n\n                    &:hover {\n                        background: rgba(var(--center-channel-color-rgb), 0.08);\n\n                        button.remove-group-member {\n                            display: block;\n                        }\n                    }\n                }\n            }\n        }\n    }\n}\n","@charset 'UTF-8';\n\n.user-groups-modal-create,\n.user-groups-modal-update,\n.view-user-groups-modal,\n.user-groups-modal {\n    &.modal-dialog {\n        margin-top: 50px;\n    }\n\n    .modal-content {\n        border-radius: 8px;\n\n        .ad_ldap_upsell_banner {\n            position: sticky;\n            z-index: 4;\n            right: 12px;\n            bottom: 6px;\n            left: 12px;\n            display: flex;\n            height: 44px;\n            align-items: center;\n            justify-content: space-between;\n            padding: 12px 8px;\n            margin: 0 12px;\n            background-color: var(--denim-sidebar-active-border);\n            border-radius: 8px;\n            box-shadow: 0 4px 6px rgba(0, 0, 0, 0.12);\n            color: var(--button-color);\n\n            .message {\n                display: flex;\n                gap: 8px;\n            }\n\n            .btn-container {\n                display: flex;\n                gap: 13px;\n            }\n\n            .banner-close {\n                height: 4rem;\n                border: none;\n                margin-top: 0;\n                background: none;\n                font-size: 25px;\n                font-weight: 400;\n                line-height: 18px;\n            }\n\n            .ad-ldap-banner-btn {\n                border: none;\n                background: none;\n                color: var(--button-color);\n                font-size: 14px;\n                font-weight: 600;\n                line-height: 14px;\n            }\n        }\n\n        .ad_ldap_upsell_confirm {\n            position: sticky;\n            z-index: 4;\n            top: 0;\n            right: 0;\n            bottom: 0;\n            left: 0;\n            overflow: hidden;\n            width: 100%;\n            height: 100%;\n            border-radius: 0 0 8px 8px;\n\n            .upsell-confirm-backdrop {\n                position: fixed;\n                z-index: 5;\n                bottom: 164px;\n                width: 100%;\n                height: calc(100% - 164px);\n                background: rgba(0, 0, 0, 0.16);\n            }\n\n            .upsell-confirm-foreground {\n                height: 148px;\n                padding: 16px 24px;\n                background: var(--button-color);\n            }\n\n            .title {\n                color: #000;\n                font-size: 14px;\n                font-weight: 600;\n                line-height: 20px;\n            }\n\n            .subtitle {\n                color: var(--center-channel-color);\n                font-size: 14px;\n                font-weight: 400;\n                line-height: 20px;\n            }\n\n            .btns-container {\n                display: flex;\n                justify-content: right;\n                gap: 10px;\n\n                .confrim-btn {\n                    width: 100px;\n                    height: 32px;\n                    padding: 10px 16px;\n                    border: none;\n                    background: rgba(28, 88, 217, 0.08);\n                    border-radius: 4px;\n                    color: var(--denim-button-bg);\n                    font-size: 12px;\n                    font-weight: 600;\n                    line-height: 10px;\n                }\n\n                .learn-more {\n                    background: rgba(var(--denim-button-bg-rgb), 0.08);\n                    color: var(--denim-button-bg);\n                }\n\n                .continue {\n                    background: var(--denim-button-bg);\n                    color: var(--button-color);\n                }\n            }\n        }\n\n        .modal-header {\n            h1#createGroupsModalTitleWithBack,\n            h1#updateGroupsModalTitle,\n            h1#addUsersToGroupsModalLabel {\n                margin-left: 44px;\n            }\n\n            button.user-groups-create {\n                box-sizing: border-box;\n                border: 1px solid var(--button-bg);\n                margin: auto;\n                margin-right: 46px;\n                background-color: var(--center-channel-bg);\n                border-radius: 4px;\n                color: var(--button-bg);\n\n                &:hover {\n                    background-color: rgba(var(--button-bg-rgb), 0.08);\n                }\n\n                &:active {\n                    background-color: rgba(var(--button-bg-rgb), 0.16);\n                }\n\n                &:focus {\n                    box-shadow: inset 0 0 0 2px var(--sidebar-text-active-border);\n                    outline: none;\n                }\n            }\n        }\n    }\n\n    .modal-body {\n        overflow: hidden;\n        max-height: 100%;\n        padding: 0;\n\n        .no-results__wrapper {\n            padding-bottom: 60px;\n        }\n\n        .user-groups-search {\n            position: relative;\n            margin: 6px 24px 8px;\n\n            .Input_container {\n                .Input_wrapper {\n                    margin: 6px 0;\n                    line-height: 38px;\n                }\n\n                .Input {\n                    font-size: 14px;\n                    line-height: 38px;\n                }\n            }\n\n            .fa-search {\n                position: absolute;\n                top: 15px;\n                left: 16px;\n                color: rgba(var(--center-channel-color-rgb), 0.64);\n                font-size: 16px;\n                pointer-events: none;\n            }\n        }\n\n        .more-modal__dropdown {\n            width: 100%;\n            padding: 0 24px 24px;\n            border-bottom: 1px solid rgba(var(--center-channel-color-rgb), 0.08);\n\n            #groupsFilterDropdown {\n                padding: 6px;\n                border-radius: 4px;\n                line-height: 12px;\n\n                &:hover {\n                    background: rgba(var(--center-channel-color-rgb), 0.08);\n                }\n\n                &:active {\n                    background: rgba(var(--button-bg-rgb), 0.08);\n                }\n\n                a {\n                    line-height: 12px;\n\n                    span {\n                        color: var(--button-bg);\n                        font-size: 12px;\n                        line-height: 12px;\n                    }\n                }\n            }\n\n            .groups-filter-btn span {\n                width: 100%;\n\n                i {\n                    display: flex;\n                    align-items: center;\n                    margin-left: auto;\n                    color: var(--button-bg);\n                }\n            }\n        }\n\n        .user-groups-modal__content {\n            overflow: auto;\n\n            &.user-groups-list {\n                position: relative;\n                max-height: 450px;\n                padding-top: 24px;\n                padding-bottom: 16px;\n                overflow-y: scroll; // for Firefox and browsers that doesn't support overflow-y:overlay property\n                overflow-y: overlay;\n\n                &::-webkit-scrollbar {\n                    width: 20px;\n                }\n\n                &::-webkit-scrollbar-track {\n                    background: rgba(0, 0, 0, 0);\n                }\n\n                &::-webkit-scrollbar-thumb {\n                    border: 8px rgba(0, 0, 0, 0) solid;\n                    background: rgba(var(--center-channel-color-rgb), 0.24);\n                    background-clip: padding-box;\n                    border-radius: 9999px;\n                }\n\n                .group-row {\n                    display: flex;\n                    align-items: center;\n                    padding: 14px 32px;\n\n                    &:hover {\n                        background: rgba(var(--center-channel-color-rgb), 0.08);\n                        cursor: pointer;\n                    }\n\n                    &:active {\n                        background: rgba(var(--button-bg-rgb), 0.08);\n                    }\n\n                    .group-display-name,\n                    .group-name {\n                        display: block;\n                        overflow: hidden;\n                        max-width: 200px;\n                        text-overflow: ellipsis;\n                        white-space: nowrap;\n                    }\n\n                    .group-name {\n                        padding-left: 8px;\n                        color: rgba(var(--center-channel-color-rgb), 0.64);\n                    }\n\n                    .group-member-count {\n                        margin-right: 8px;\n                        margin-left: auto;\n                        color: rgba(var(--center-channel-color-rgb), 0.64);\n                        font-size: 12px;\n                        line-height: 16px;\n                    }\n\n                    .group-action {\n                        width: 24px;\n\n                        .MenuWrapper {\n                            width: 24px;\n                            margin-left: auto;\n                        }\n\n                        .group-actions-menu {\n                            span.MenuItem__primary-text {\n                                font-size: 14px;\n                                line-height: 20px;\n\n                                &.leave-group-action {\n                                    color: var(--dnd-indicator);\n                                }\n\n                                span.icon {\n                                    display: inline-flex;\n                                    width: auto;\n                                    height: auto;\n                                    align-self: center;\n                                    padding-right: 12px;\n                                    color: rgba(var(--center-channel-color-rgb), 0.56);\n                                    font-size: 18px;\n                                    line-height: 18px;\n                                }\n                            }\n                        }\n                    }\n\n                    .group-action button.action-wrapper {\n                        display: flex;\n                        width: 24px;\n                        height: 24px;\n                        flex-direction: column;\n                        align-items: center;\n                        padding: 4px 6px;\n                        border: none;\n                        margin-left: auto;\n                        background: transparent;\n                        border-radius: 4px;\n                        color: rgba(var(--center-channel-color-rgb), 0.56);\n                        text-decoration: none;\n\n                        &:hover {\n                            background: rgba(var(--center-channel-color-rgb), 0.08);\n                            border-radius: 4px;\n                            color: rgba(var(--center-channel-color-rgb), 0.72);\n                            fill: rgba(var(--center-channel-color-rgb), 0.72);\n                        }\n\n                        &:active {\n                            background-color: rgba(var(--button-bg-rgb), 0.08);\n                            color: var(--button-bg);\n                        }\n\n                        i.icon {\n                            font-size: 16px;\n                            line-height: 16px;\n                        }\n                    }\n\n                    &:hover .group-action button.action-wrapper i {\n                        display: flex;\n                    }\n                }\n\n                .loading-screen {\n                    position: fixed;\n                    bottom: 0;\n                    height: 60px;\n                }\n            }\n\n            .group-mention-input-wrapper,\n            .group-name-input-wrapper {\n                padding: 6px 24px 12px;\n\n                .Input_container {\n                    :focus {\n                        border-color: transparent;\n                        box-shadow: none;\n                        outline-style: none;\n                    }\n\n                    .Input_wrapper {\n                        margin: 6px 0;\n                        line-height: 38px;\n                    }\n\n                    .Input {\n                        font-size: 14px;\n                        line-height: 38px;\n                    }\n                }\n            }\n\n            .group-mention-input-wrapper {\n                padding: 12px 24px 24px;\n            }\n\n            h2 {\n                padding: 0 24px;\n                color: inherit;\n                font-size: 18px;\n                font-weight: 600;\n                line-height: 24px;\n            }\n\n            .group-add-user {\n                .multi-select__wrapper {\n                    margin-top: 0;\n                }\n\n                .multi-select__footer {\n                    padding-top: 24px;\n\n                    button {\n                        height: 40px;\n                        padding: 0 20px;\n                        border-radius: 4px;\n                        font-size: 14px;\n                        font-weight: 600;\n                    }\n\n                    button[disabled] {\n                        background-color: rgba(var(--center-channel-color-rgb), 0.08);\n                        color: rgba(var(--center-channel-color-rgb), 0.32);\n                    }\n\n                    button.multiselect-back {\n                        padding: 13px 20px;\n                        margin-right: 8px;\n                        background: rgba(var(--button-bg-rgb), 0.08);\n                        color: rgb(var(--button-bg-rgb));\n                        line-height: 14px;\n                    }\n                }\n            }\n        }\n    }\n}\n",".ProfilePicture {\n    border-radius: 50%;\n}\n",".user-groups-modal-update {\n    .modal-body {\n        .update-buttons-wrapper {\n            display: flex;\n            align-items: center;\n            padding: 0 24px 24px;\n            float: right;\n\n            .Input___error {\n                margin-top: 0;\n                margin-right: 12px;\n            }\n\n            button {\n                height: 40px;\n                padding: 0 20px;\n                border-radius: 4px;\n                font-size: 14px;\n                font-weight: 600;\n            }\n\n            button[disabled] {\n                color: rgba(var(--center-channel-color-rgb), 0.32);\n            }\n\n            button.update-group-back {\n                padding: 13px 20px;\n                margin-right: 8px;\n                background: rgba(var(--button-bg-rgb), 0.08);\n                color: rgb(var(--button-bg-rgb));\n                line-height: 14px;\n            }\n        }\n    }\n}\n",".user-groups-modal-create {\n    &.modal-dialog {\n        margin-top: calc(50vh - 240px);\n    }\n\n    .Input___error {\n        &.group-error {\n            position: absolute;\n            bottom: 35px;\n            left: 24px;\n        }\n    }\n}\n","#user-group-popover .popover-content {\n    padding: 0;\n}\n",".NotificationFromMembersModal {\n    .modal-content {\n        .modal-header {\n            .close {\n                top: 16px !important;\n                right: 15px !important;\n            }\n        }\n\n        .modal-body {\n            .GenericModal__header {\n                padding: 6px 24px 16px 24px;\n            }\n        }\n    }\n}\n","@import 'sass/utils/variables';\n\n.tooltip-container {\n    opacity: 0;\n    transition: opacity $transition-quick ease-in;\n    visibility: hidden;\n\n    &.visible {\n        opacity: 1;\n        visibility: visible;\n    }\n}\n","@import \"sass/utils/functions\";\n@import \"utils/variables\";\n\n.markdown-image-expand {\n    position: relative;\n    display: flex;\n    align-items: center;\n}\n\n.markdown-image-expand__collapse-button {\n    position: absolute;\n    top: 0;\n    left: 0;\n    display: none;\n    width: 24px;\n    height: 24px;\n    padding: 0;\n    border: 1px solid rgba(var(--center-channel-color-rgb), 0.16);\n    background-color: var(--center-channel-bg);\n    border-radius: 16px;\n    box-shadow: $elevation-1;\n    color: rgba(var(--center-channel-color-rgb), 0.56);\n    font-size: 18px;\n    line-height: 21px;\n\n    .icon {\n        width: 18px;\n        height: 18px;\n    }\n\n    .markdown-image-expand--expanded:hover & {\n        display: block;\n    }\n\n    &:hover {\n        border: 1px solid rgba(var(--center-channel-color-rgb), 0.24);\n        box-shadow: $elevation-2;\n    }\n}\n\n/**\n*   We have to set display: inline-block for both expand button and alt text.\n*   The purpose of this is to get rid of weird looking text-decoration: underline caused\n*   by potential nesting of this element within Markdown link\n*/\n.markdown-image-expand__expand-button {\n    display: inline-flex;\n    width: 100%;\n    padding: 0;\n    border: none;\n    background: transparent;\n    border-radius: 4px;\n    color: rgba(var(--center-channel-color-rgb), 0.56);\n    font-size: 18px;\n    line-height: 18px;\n\n    &:hover {\n        color: rgba(var(--center-channel-color-rgb), 0.72);\n    }\n\n    .icon {\n        width: 18px;\n        height: 18px;\n\n        &::before {\n            margin-right: 0;\n            margin-left: 0;\n        }\n    }\n}\n\n.markdown-image-expand__expand-icon {\n    display: inline-block;\n    vertical-align: middle;\n}\n\n.markdown-image-expand__alt-text {\n    display: inline-block;\n    overflow: hidden;\n    font-size: 12px;\n    line-height: 16px;\n    text-align: left;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n}\n",".apps-form-modal-body-common {\n    position: absolute;\n    z-index: 0;\n    top: 0;\n    right: 0;\n    bottom: 0;\n    left: 0;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    backdrop-filter: blur(0);\n    background: var(--center-channel-bg);\n}\n\n.apps-form-modal-body-loaded {\n    z-index: -10;\n}\n\n.apps-form-modal-body-loading {\n    z-index: 1000;\n}\n\n.apps-form-select-option {\n    .select-option-item {\n        display: flex;\n        flex-direction: row;\n        align-items: center;\n        column-gap: 1.2rem;\n    }\n\n    .select-option-item-label {\n        overflow: hidden;\n        max-width: 89%;\n        text-overflow: ellipsis;\n        white-space: nowrap;\n\n        .select-option-main {\n            overflow: hidden;\n            max-width: 89%;\n            text-overflow: ellipsis;\n            white-space: nowrap;\n        }\n    }\n\n    .select-option-icon {\n        display: inline-flex;\n        flex: 0 0 1.6rem;\n        align-items: center;\n        justify-content: center;\n        fill: v(center-channel-color);\n        opacity: 0.56;\n\n        &--large {\n            width: 2.4rem;\n            height: 2.4rem;\n            flex: 0 0 1.2rem;\n            font-size: 2rem;\n        }\n    }\n}\n","@charset 'UTF-8';\n\n.modal {\n    .shortcuts-modal {\n        width: 1100px;\n        margin-top: 50px;\n\n        .shortcuts-content {\n            .modal-header {\n                height: 100px;\n                padding: 20px 40px 20px;\n                border: none;\n                background: transparent;\n                color: inherit;\n\n                .close {\n                    top: 35px;\n                    right: 35px;\n                    overflow: hidden;\n                    color: inherit;\n                    font-size: 28px;\n                    font-weight: normal;\n                }\n\n                .modal-title {\n                    color: inherit;\n                    font-size: 20px;\n\n                    >div {\n                        &:first-child {\n                            margin-bottom: 2.5em;\n                        }\n                    }\n                }\n            }\n        }\n\n        .modal-body {\n            max-height: calc(100vh - 200px);\n            padding: 0 40px 20px;\n        }\n\n        .section {\n            >div {\n                &:first-child {\n                    margin-bottom: 2.5em;\n                }\n            }\n\n            .shortcut-line {\n                margin: 17px 0;\n\n                span {\n                    &:first-child {\n                        margin-right: 5px;\n                    }\n                }\n            }\n        }\n\n        .section-title {\n            margin: 1.5em 0;\n            font-size: 18px;\n        }\n\n        .subsection {\n            padding-left: 15px;\n            border-left: 2px solid;\n        }\n\n        .info__label {\n            margin: 1rem 0;\n            text-align: center;\n        }\n    }\n}\n\n@media (max-height: 800px) {\n    .modal {\n        .shortcuts-modal {\n            .section-title {\n                margin-top: 0;\n            }\n\n            .info__label {\n                margin-top: 0;\n            }\n        }\n    }\n}\n","// Copyright (c) 2015-present Mattermost, Inc. All Rights Reserved.\n// See LICENSE.txt for license information.\n\n.AutoHeight {\n    display: block;\n\n    > div {\n        display: block;\n    }\n}\n","@import 'utils/variables';\n\n.AdvancedTextEditor {\n    &__ctr {\n        form {\n            padding: unset;\n        }\n    }\n\n    display: flex;\n    width: 100%;\n    flex-direction: row;\n    align-items: end;\n    padding: 0 24px;\n    margin: 0 auto;\n    gap: 12px;\n    justify-items: stretch;\n\n    .sidebar--right & {\n        padding-top: 12px;\n    }\n\n    .ThreadViewer & {\n        padding-top: 12px;\n    }\n\n    .custom-textarea {\n        // fix for a miscalculation due to the heavily overwritten custom-textarea class\n        height: 0;\n        box-shadow: none;\n\n        &:focus {\n            box-shadow: none;\n        }\n\n        &.custom-textarea--emoji-picker,\n        &.textbox-preview-area {\n            height: auto;\n            padding-right: 16px;\n        }\n    }\n\n    &__body {\n        position: relative;\n        max-width: 100%;\n        flex: 1;\n        border: 2px solid rgba(var(--center-channel-color-rgb), 0.16);\n        border-radius: 4px;\n\n        &:focus-visible,\n        &:focus-within,\n        &:focus-visible:hover,\n        &:focus-within:hover {\n            border: 2px solid rgba(var(--center-channel-color-rgb), 0.32);\n            outline: none;\n            outline-offset: 0;\n        }\n\n        &:hover {\n            border: 2px solid rgba(var(--center-channel-color-rgb), 0.24);\n        }\n\n        &[disabled] {\n            &:hover {\n                border: none;\n            }\n        }\n    }\n\n    &__priority {\n        display: flex;\n        align-items: center;\n        padding: 14px 16px 0;\n        gap: 6px;\n\n        &-ack {\n            display: flex;\n            align-items: center;\n            color: var(--online-indicator);\n\n            > span {\n                margin-left: 4px;\n                font-size: 11px;\n                font-weight: 600;\n            }\n\n            &-tooltip {\n                max-width: 230px;\n            }\n        }\n\n        button.close {\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            margin-top: -1px;\n            color: rgb(var(--center-channel-color));\n            font-size: 17px;\n            opacity: 0.56;\n            visibility: hidden;\n\n            &:hover {\n                opacity: 0.72;\n            }\n        }\n\n        &:hover {\n            button.close {\n                visibility: visible;\n            }\n        }\n    }\n\n    &__action-button {\n        display: flex;\n        width: 32px;\n        height: 32px;\n        flex-shrink: 0;\n        align-items: center;\n        justify-content: center;\n        padding: 0;\n        border: none;\n        background: transparent;\n        border-radius: 4px;\n        color: rgba(var(--center-channel-color-rgb), 0.56);\n        cursor: pointer;\n        fill: currentColor;\n\n        &:hover {\n            background: rgba(var(--center-channel-color-rgb), 0.08);\n            color: rgba(var(--center-channel-color-rgb), 0.72);\n            fill: currentColor;\n            text-decoration: none;\n        }\n\n        &.hidden {\n            visibility: hidden;\n        }\n\n        & + input {\n            position: absolute;\n            top: 0;\n            right: 0;\n            width: 100%;\n            height: 100%;\n            margin: 0;\n            cursor: pointer;\n            direction: ltr;\n            font-size: 23px;\n            opacity: 0;\n            pointer-events: none;\n        }\n    }\n\n    &__action-button--active {\n        background: rgba(var(--button-bg-rgb), 0.08);\n        color: rgb(var(--button-bg-rgb));\n        fill: currentColor;\n    }\n\n    &__icon {\n        display: inline-flex;\n        width: 100%;\n        height: 100%;\n        align-items: center;\n        justify-content: center;\n        font-family: \"compass-icons\";\n        font-size: 18px;\n    }\n\n    &__cell {\n        position: relative;\n        display: flex;\n        flex-direction: column;\n        vertical-align: top;\n    }\n\n    &__helper-text {\n        display: inline-block;\n        margin: 8px 0 4px;\n        color: rgba(var(--center-channel-color-rgb), 0.64);\n        font-family: \"Open Sans\", sans-serif;\n    }\n\n    &__footer {\n        position: relative;\n        display: flex;\n        flex-direction: column;\n        padding: 0 24px;\n        font-size: 13px;\n        gap: 8px;\n\n        .help__text {\n            text-align: right;\n\n            a,\n            button {\n                margin-left: 10px;\n            }\n        }\n\n        &--has-error {\n            padding: 6px 0 0;\n            color: var(--error-text);\n        }\n\n        .post-error {\n            position: absolute;\n            top: 4px;\n            display: inline-block;\n            margin-bottom: 0;\n            font-size: 0.85em;\n            font-weight: normal;\n        }\n    }\n}\n\n@media screen and (max-width: 768px) {\n    .AdvancedTextEditor {\n        padding: 0;\n\n        &__body {\n            border-right: none;\n            border-left: none;\n            border-radius: 0;\n\n            &:focus-visible,\n            &:focus-within,\n            &:focus-visible:hover,\n            &:focus-within:hover,\n            &:hover {\n                border-right: none;\n                border-left: none;\n            }\n        }\n\n        .ThreadViewer & {\n            .msg-typing:empty {\n                display: none;\n            }\n        }\n    }\n\n    .sidebar--right .post-create__container {\n        form {\n            padding: 0;\n        }\n    }\n}\n\n.msg-typing {\n    display: block;\n    overflow: hidden;\n    height: 20px;\n    margin-bottom: 5px;\n    font-size: 0.95em;\n    opacity: 0.7;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n}\n","@charset 'UTF-8';\n\n@import 'utils/module';\n\n.Separator {\n    position: relative;\n    z-index: 1;\n    height: 1px;\n    margin: 0;\n    margin-top: -1em;\n    margin-bottom: 1em;\n    pointer-events: none;\n    text-align: center;\n\n    &::before,\n    &::after {\n        position: absolute;\n        left: 0;\n        display: none;\n        width: 100%;\n        height: 1em;\n        content: '';\n    }\n\n    &::before {\n        bottom: 0;\n    }\n\n    &::after {\n        top: 0;\n    }\n\n    &.hovered--after {\n        &::before {\n            display: block;\n            background: #f5f5f5;\n        }\n    }\n\n    &.hovered--before {\n        &::after {\n            display: block;\n            background: #f5f5f5;\n        }\n    }\n\n    .separator__hr {\n        position: relative;\n        z-index: 5;\n        top: 1em;\n        border-top: 1px solid rgba(var(--center-channel-color-rgb), 0.12);\n        margin: 0;\n    }\n\n    .separator__text {\n        position: relative;\n        z-index: 5;\n        display: inline-block;\n        padding: 0 1em;\n        background: v(center-channel-bg);\n        border-radius: 50px;\n        color: v(center-channel-color);\n        font-size: 13px;\n        font-weight: 700;\n        line-height: 2em;\n    }\n}\n\n@media screen and (max-width: 1440px) {\n    .Separator {\n        &.hovered--comment {\n            &::before,\n            &::after {\n                background: none !important;\n            }\n        }\n    }\n}\n\n@media screen and (max-width: 768px) {\n    .Separator {\n        &.hovered--after {\n            &::before {\n                background: none;\n            }\n        }\n\n        &.hovered--before {\n            &::after {\n                background: none;\n            }\n        }\n    }\n}\n\n@media print {\n    .Separator .separator__hr {\n        top: 1.7em;\n    }\n}\n",".truncate {\n    display: -webkit-box;\n    overflow: hidden;\n    -webkit-box-orient: vertical;\n    hyphens: auto;\n    -webkit-user-select: text;  /* Chrome all / Safari all */\n    -moz-user-select: text;     /* Firefox all */\n    -ms-user-select: text;      /* IE 10+ */\n    user-select: text;\n}\n\n.PostAttachmentOpenGraph {\n    position: relative;\n    display: grid;\n    width: 100%;\n    max-width: 700px;\n    padding: 16px;\n    border: 1px solid rgba(var(--center-channel-color-rgb), 0.16);\n    margin: 5px 0;\n    background-color: var(--center-channel-bg);\n    border-radius: 4px;\n    box-shadow: 0 2px 3px rgba(0, 0, 0, 0.08);\n\n    /**\n     * This is a little hacky way to say every column that gets auto-generated\n     * by placing an item outside of the grid will get 80px wide. We use this here\n     * to place a small image outside of the grid, but a big one in the row below\n     */\n    grid-auto-columns: 80px;\n    grid-template-columns: 1fr;\n\n    /** For some reason just setting this on :hover is not sufficient, therefore the !important */\n    text-decoration: none !important;\n    transition: box-shadow;\n\n    &:hover:not(:active) {\n        border-color: rgba(var(--center-channel-color-rgb), 0.24);\n        box-shadow: 0 4px 6px rgba(0, 0, 0, 0.12);\n    }\n\n    &:hover {\n        .remove-button {\n            display: block;\n        }\n    }\n\n    &:active {\n        border-color: rgba(var(--button-bg-rgb), 0.32);\n    }\n\n    .remove-button {\n        position: absolute;\n        z-index: 10;\n        top: -1px;\n        left: -28px;\n        display: none;\n        padding: 5px;\n        background-color: rgba(var(--center-channel-color-rgb), 0);\n        border-radius: 4px;\n        color: rgba(var(--center-channel-color-rgb), 0.56);\n\n        &:hover:not(:active) {\n            background-color: rgba(var(--center-channel-color-rgb), 0.08);\n            color: rgba(var(--center-channel-color-rgb), 0.56);\n        }\n\n        &:active {\n            background-color: rgba(var(--button-bg-rgb), 0.16);\n            color: rgba(var(--button-bg-rgb), 1);\n        }\n    }\n\n    &__body {\n        .sitename,\n        .title {\n            @extend .truncate;\n\n            -webkit-line-clamp: 1;\n            word-break: break-all;\n        }\n\n        .sitename {\n            color: rgba(var(--center-channel-color-rgb), 0.64);\n            font-size: 11px;\n            font-weight: 400;\n            line-height: 16px;\n        }\n\n        .title {\n            margin-bottom: 4px;\n            color: var(--link-color);\n            font-size: 14px;\n            font-weight: 600;\n            line-height: 20px;\n        }\n\n        .description {\n            @extend .truncate;\n\n            color: var(--center-channel-color);\n            font-size: 14px;\n            font-weight: 400;\n            -webkit-line-clamp: 2;\n            line-height: 20px;\n            word-break: none;\n        }\n\n        .isInPermalink {\n            overflow: hidden;\n            width: 100%;\n            height: 1.5em;\n            line-height: 1.5em;\n            text-overflow: ellipsis;\n            white-space: nowrap;\n        }\n    }\n\n    &__image {\n        position: relative;\n        display: flex;\n        overflow: visible;\n        height: 80px;\n        border-radius: 4px;\n        grid-column: 2 / 3;\n        grid-row: 1 / 2;\n        place-content: stretch;\n        place-items: stretch;\n\n        &.large {\n            width: auto;\n            max-width: 392px;\n            height: auto;\n            max-height: 240px;\n            margin-top: 12px;\n            grid-column: 1 / 2;\n            grid-row: 2 / 3;\n            place-content: center;\n            place-items: center;\n        }\n\n        figure {\n            overflow: hidden;\n            max-width: 392px;\n            max-height: 240px;\n            border-radius: 4px;\n\n            img {\n                min-width: 100%;\n                min-height: 100%;\n                object-fit: cover;\n            }\n        }\n\n        .preview-toggle {\n            position: absolute;\n            top: -4px;\n            left: -4px;\n            display: flex;\n            width: 24px;\n            height: 24px;\n            border: 1px solid rgba(var(--center-channel-color-rgb), 0.16);\n            background-color: var(--center-channel-bg);\n            border-radius: 50%;\n            color: rgba(var(--center-channel-color-rgb), 0.56);\n            font-size: 12px;\n            place-content: center;\n            place-items: center;\n        }\n\n        &.collapsed {\n            place-content: start;\n            place-items: start;\n\n            .preview-toggle {\n                position: relative;\n                top: unset;\n                left: unset;\n                display: flex;\n                width: auto;\n                border: none;\n                background-color: transparent;\n                border-radius: 0;\n            }\n        }\n\n        &:hover:not(.collapsed) {\n            .preview-toggle {\n                display: flex;\n            }\n        }\n    }\n}\n","@import 'sass/utils/mixins';\n@import 'sass/utils/functions';\n\n.Reaction {\n    @include button-style--none;\n\n    display: inline-flex;\n    min-width: 28px;\n    height: 24px;\n    align-items: center;\n    padding: 0 5px;\n    border: 1px solid transparent;\n    margin: 0 4px 4px 0;\n    background: rgba(var(--center-channel-color-rgb), 0.08);\n    border-radius: 4px;\n    color: rgba(var(--center-channel-color-rgb), 0.64);\n    cursor: pointer;\n    fill: rgba(var(--center-channel-color-rgb), 0.56);\n    font-size: 11px;\n    font-weight: 600;\n    transition:\n        border-color 100ms linear,\n        background-color 100ms linear;\n    user-select: none;\n\n    &:hover {\n        border: solid 1px rgba(#3d3c40, 0.16);\n        background-color: transparent;\n        color: rgba(#3d3c40, 0.72);\n    }\n\n    &:not(.Reaction--reacted) {\n        &:hover {\n            border-color: rgba(var(--center-channel-color-rgb), 0.16);\n            background-color: v(center-channel-bg);\n            color: rgba(var(--center-channel-color-rgb), 0.72);\n            fill: rgba(var(--center-channel-color-rgb), 0.72);\n        }\n\n        &:active {\n            background-color: rgba(var(--button-bg-rgb), 0.08);\n            color: v(button-bg);\n            fill: v(button-bg);\n        }\n    }\n\n    &.Reaction--read-only {\n        cursor: default;\n    }\n\n    &__add {\n        position: relative;\n        font-size: 20px;\n        line-height: 0;\n        vertical-align: middle;\n    }\n\n    &__emoji {\n        min-width: 16px;\n        max-width: 16px;\n        min-height: 16px;\n        max-height: 16px;\n        margin: 0 2px 0 0;\n        object-fit: contain;\n        vertical-align: middle;\n    }\n\n    &__emoji--post-menu {\n        width: 18px;\n        height: 18px;\n        vertical-align: middle;\n    }\n\n    &__count {\n        display: flex;\n        overflow: hidden;\n        flex-direction: row-reverse;\n        justify-content: flex-start;\n        line-height: 16px;\n        pointer-events: none;\n    }\n\n    &.Reaction--reacted,\n    &.Reaction--reacting {\n        border-color: v(button-bg);\n        background-color: rgba(var(--button-bg-rgb), 0.08);\n        color: v(button-bg);\n\n        &:hover {\n            border-color: v(button-bg);\n            background: v(center-channel-bg);\n        }\n\n        &:active {\n            background-color: rgba(var(--button-bg-rgb), 0.08);\n            color: v(button-bg);\n            fill: v(button-bg);\n        }\n    }\n\n    &.Reaction--reacting {\n        transition: border-color 200ms ease-in-out;\n\n        .Reaction__number--display {\n            visibility: hidden;\n        }\n\n        .Reaction__number--reacted,\n        .Reaction__number--unreacted {\n            display: inline-block;\n            animation-duration: 200ms;\n            animation-fill-mode: forwards;\n            animation-name: reacted-anim;\n            animation-timing-function: ease-in-out;\n        }\n    }\n\n    &.Reaction--unreacting {\n        transition: border-color 200ms ease-in-out;\n\n        .Reaction__number--display {\n            visibility: hidden;\n        }\n\n        .Reaction__number--reacted,\n        .Reaction__number--unreacted {\n            display: inline-block;\n            animation-direction: reverse;\n            animation-duration: 200ms;\n            animation-fill-mode: forwards;\n            animation-name: reacted-anim;\n            animation-timing-function: ease-in-out;\n        }\n    }\n\n    .Reaction__number {\n        position: relative;\n\n        &--display {\n            display: inline-block;\n        }\n\n        &--reacted {\n            position: absolute;\n            top: 100%;\n            left: 0;\n            display: none;\n        }\n\n        &--unreacted {\n            position: absolute;\n            top: 0%;\n            left: 0;\n            display: none;\n        }\n    }\n}\n\n@keyframes reacted-anim {\n    from { transform: translateY(0%); }\n    to { transform: translateY(-100%); }\n}\n","@charset \"UTF-8\";\n\n@import 'utils/mixins';\n@import 'utils/variables';\n\n.AcknowledgementButton {\n    @include button-xsmall;\n\n    position: relative;\n    display: flex;\n    min-width: 0;\n    align-items: center;\n    border: 0;\n    margin: 4px 0;\n    background: rgba(var(--online-indicator-rgb), 0.08);\n    border-radius: 4px;\n    color: var(--online-indicator);\n    font-weight: 600;\n    transition: all 0.15s ease-out;\n\n    > svg {\n        margin-right: 3px;\n        fill: var(--online-indicator);\n    }\n\n    &--default {\n        padding-right: 9px;\n    }\n\n    &--disabled,\n    &:disabled {\n        background: rgba(var(--online-indicator-rgb), 0.08);\n        cursor: not-allowed;\n    }\n\n    &:hover:enabled {\n        background: rgba(var(--online-indicator-rgb), 0.12);\n    }\n\n    &:active:enabled {\n        background: rgba(var(--online-indicator-rgb), 0.16);\n    }\n\n    &--acked {\n        background: rgba(var(--online-indicator-rgb), 0.8);\n        color: #fff;\n\n        > svg {\n            margin-right: 3px;\n            fill: #fff;\n        }\n\n        &.AcknowledgementButton--disabled,\n        &.AcknowledgementButton--disabled:hover,\n        &:disabled {\n            background: rgba(var(--online-indicator-rgb), 0.8);\n            color: #fff;\n\n            > svg {\n                margin-right: 3px;\n                fill: #fff;\n            }\n        }\n\n        &:active:enabled:not(.AcknowledgementButton--disabled),\n        &:hover:enabled:not(.AcknowledgementButton--disabled) {\n            background: rgb(var(--online-indicator-rgb));\n        }\n    }\n}\n\n.AcknowledgementButton__divider {\n    width: 1px;\n    height: 24px;\n    margin: 0 4px;\n    background: rgba(var(--center-channel-color-rgb), 0.16);\n}\n",".visit-marketplace-text {\n    margin: 12px;\n    font-family: 'Open Sans';\n    font-size: 14px;\n    font-weight: 400;\n    line-height: 20px;\n    text-align: center;\n}\n\n.visit-marketplace {\n    top: 1px;\n    padding-top: 4px;\n    padding-right: 16px;\n    padding-bottom: 16px;\n    padding-left: 16px;\n    font-size: 12px;\n    text-align: center;\n}\n\n.visit-marketplace-button {\n    border-radius: 4px;\n}\n\n.visit-marketplace-button-text {\n    align-items: center;\n    font-size: 12px;\n    font-weight: 600;\n    line-height: 9px;\n}\n\n.visit-marketplace-button-icon {\n    margin-right: 5px;\n    font-size: 14.4px;\n}\n",".forward-post {\n    &.modal-dialog {\n        margin-top: 64px;\n    }\n\n    &__body {\n        display: flex;\n        overflow: visible;\n        flex-direction: column;\n        color: var(--center-channel-color);\n        gap: 24px;\n\n        .custom-textarea,\n        #forward_post_textbox {\n            min-height: 40px;\n            padding: 10px 16px;\n        }\n\n        #forward_post_textbox {\n            overflow: auto;\n            border: none;\n            box-shadow: inset 0 0 0 1px rgba(var(--center-channel-color-rgb), 0.16);\n\n            &:focus {\n                box-shadow: inset 0 0 0 2px var(--button-bg);\n            }\n\n            &:focus:not(:focus-visible) {\n                box-shadow: inset 0 0 0 1px rgba(var(--center-channel-color-rgb), 0.16);\n            }\n\n            &:focus:focus-visible {\n                box-shadow: inset 0 0 0 2px var(--button-bg);\n            }\n        }\n    }\n\n    &__select {\n        position: relative;\n\n        .option,\n        .singleValue {\n            top: 100%;\n            display: grid;\n            align-content: center;\n            align-items: center;\n            color: var(--center-channel-color);\n            gap: 12px;\n            grid-auto-columns: minmax(20%, max-content);\n            grid-template-columns: 24px 1fr;\n            grid-template-rows: 24px;\n\n            svg,\n            .status-wrapper,\n            .status--group {\n                place-self: center;\n            }\n\n            .status--group {\n                display: flex;\n                width: 1.8rem;\n                height: 1.8rem;\n                align-items: center;\n                justify-content: center;\n                margin: 0;\n                background-color: rgba(var(--center-channel-color-rgb), 0.12);\n            }\n\n            .status-wrapper {\n                height: 2.4rem;\n            }\n\n            &__content {\n                display: flex;\n                overflow: hidden;\n                max-width: 100%;\n                flex-direction: row;\n                gap: 8px;\n\n                &--text {\n                    overflow: hidden;\n                    text-overflow: ellipsis;\n                    white-space: nowrap;\n                }\n\n                &--description {\n                    color: rgba(var(--center-channel-color-rgb), 0.56);\n                }\n\n                .emoticon {\n                    margin-left: 0;\n                }\n            }\n\n            &__team-name {\n                overflow: hidden;\n                width: 100%;\n                color: rgba(var(--center-channel-color-rgb), 0.56);\n                grid-column: 3 / 4;\n                text-align: right;\n                text-overflow: ellipsis;\n                white-space: nowrap;\n            }\n        }\n    }\n\n    &__post-preview {\n        &--title {\n            font-size: 12px;\n            font-weight: 600;\n            line-height: 16px;\n        }\n\n        &--override {\n            padding: 2px 0;\n            pointer-events: none;\n\n            &:not(.post--editing):not(.post--editing):hover {\n                background-color: transparent;\n\n                .attachment__content.attachment__content--permalink {\n                    box-shadow: 0 2px 3px rgba(0, 0, 0, 0.08);\n                }\n            }\n        }\n    }\n}\n\n.console__body .modal .GenericModal.forward-post,\n.app__body .modal .GenericModal.forward-post {\n    margin-top: 64px;\n\n    .modal-body {\n        max-height: calc(100vh - 128px - 61px - 88px);\n\n        .form-control {\n            border: none;\n            box-shadow: none;\n\n            &#forward_post_textbox_placeholder {\n                opacity: 0.64 !important;\n            }\n        }\n    }\n}\n",".dropdown-menu__dotmenu {\n    .Menu__content {\n        width: 264px;\n    }\n\n    .MenuItem > button {\n        .MenuItem__primary-text,\n        .grid {\n            display: grid;\n            align-items: center;\n            grid-template-columns: auto 1fr auto auto auto;\n\n            .title-with-new-badge {\n                display: flex;\n                align-items: center;\n                gap: 4px;\n            }\n        }\n    }\n}\n",".post__header-set-custom-status {\n    display: none;\n}\n\n.post.current--user {\n    &.other--root,\n    &.post--root,\n    &.post--comment {\n        .post__header-set-custom-status {\n            display: block;\n            padding: 0 6px;\n            background: rgba(var(--center-channel-color-rgb), 0.08);\n            border-radius: 4px;\n\n            &-icon > svg {\n                width: 12px;\n                height: 12px;\n                margin-right: 4px;\n                margin-bottom: 2px;\n                background: inherit;\n                fill: rgba(var(--center-channel-color-rgb), 0.56);\n                vertical-align: middle;\n\n                &:hover {\n                    fill: rgba(var(--center-channel-color-rgb), 0.72);\n                }\n            }\n\n            &-text {\n                color: rgba(var(--center-channel-color-rgb), 0.56);\n                font-size: 12px;\n                font-weight: normal;\n\n                &:hover {\n                    color: rgba(var(--center-channel-color-rgb), 0.72);\n                }\n            }\n\n            &:active {\n                background: rgba(var(--button-bg-rgb), 0.08);\n\n                &-icon > svg {\n                    fill: var(--button-bg);\n                }\n\n                &-text {\n                    color: var(--button-bg);\n                }\n            }\n        }\n    }\n}\n","// Copyright (c) 2015-present Mattermost, Inc. All Rights Reserved.\n// See LICENSE.txt for license information.\n\n.Avatars {\n    display: inline-flex;\n    flex-flow: nowrap;\n    align-items: center;\n    justify-content: center;\n\n    &.Avatars___xxs {\n        --offset: -4px;\n        --border-width: 1px;\n    }\n\n    &.Avatars___xs {\n        --offset: -5px;\n        --border-width: 1px;\n    }\n\n    &.Avatars___sm {\n        --offset: -5px;\n        --border-width: 1px;\n    }\n\n    &.Avatars___md {\n        --offset: -6px;\n        --border-width: 1.5px;\n    }\n\n    &.Avatars___lg {\n        --offset: -7px;\n        --border-width: 2px;\n    }\n\n    &.Avatars___xl {\n        --offset: -10px;\n        --border-width: 2px;\n    }\n\n    &.Avatars___xxl {\n        --offset: -26px;\n        --border-width: 5px;\n    }\n\n    > button {\n        &:not(:first-child) {\n            margin-left: var(--offset);\n        }\n\n        &:hover,\n        &:focus {\n            z-index: 1;\n            filter: drop-shadow(0 2px 3px rgba(0, 0, 0, 0.08));\n        }\n    }\n\n    .Avatar {\n        border: var(--border-width) solid rgba(var(--center-channel-bg-rgb), 1);\n\n        &:not(:first-child) {\n            margin-left: var(--offset);\n        }\n\n        &:hover,\n        &:focus {\n            z-index: 1;\n            filter: drop-shadow(0 2px 3px rgba(0, 0, 0, 0.08));\n        }\n\n        &.Avatar-plain {\n            &[data-content^='+']::before {\n                text-indent: -4%;\n            }\n        }\n    }\n}\n",".ThreadFooter {\n    --button-separator-height: 15px;\n    --button-separator-gap: 4px;\n\n    position: relative;\n    left: -34px;\n    display: inline-flex;\n    width: calc(100% + 15px);\n    align-items: center;\n    padding: 0 0 5px 10px;\n    margin-top: 1px;\n    margin-bottom: 5px;\n    color: rgba(var(--center-channel-color-rgb), 0.64);\n    font-size: 12px;\n    line-height: 15px;\n    white-space: nowrap;\n\n    .indicator {\n        width: 24px;\n        height: 24px;\n        padding: 8px;\n    }\n\n    .dot-unreads {\n        width: 8px;\n        height: 8px;\n        background: rgba(var(--sidebar-text-active-border-rgb), 1);\n        border-radius: 50%;\n    }\n\n    .Avatars {\n        margin-right: 4px;\n        font-weight: 600;\n    }\n\n    .icon {\n        width: 14px;\n        height: 13px;\n        font-size: 14px;\n    }\n\n    .alt-visible {\n        opacity: 0;\n    }\n\n    &:hover,\n    &:focus-within,\n    &.is-active,\n    .post:hover &,\n    .post:focus-within & {\n        .alt-visible {\n            opacity: 1;\n        }\n\n        .alt-hidden {\n            display: none;\n        }\n    }\n\n    .Timestamp {\n        display: inline-grid;\n        padding-left: 1rem;\n        font-weight: 400;\n\n        > span {\n            display: inline-block;\n            overflow: hidden;\n            text-overflow: ellipsis;\n            white-space: nowrap;\n        }\n    }\n}\n","@charset 'UTF-8';\n\n.NotificationSeparator {\n    .separator__hr {\n        border-color: #ffaf53;\n    }\n\n    .separator__text {\n        color: #f80;\n        font-weight: normal;\n    }\n}\n","// Copyright (c) 2015-present Mattermost, Inc. All Rights Reserved.\n// See LICENSE.txt for license information.\n\n.ThreadViewer {\n    // negate conflicting css for timestamp\n    .post:not(.same--root.same--user) a.post__permalink {\n        position: initial !important;\n        text-align: left !important;\n    }\n\n    .new-separator {\n        .NotificationSeparator {\n            padding-top: 0;\n        }\n\n        & + .post {\n            padding-top: 1em !important;\n        }\n    }\n\n    .post-list__dynamic--RHS {\n        scrollbar-color: var(--center-channel-color-32) #fff0;\n        scrollbar-width: thin;\n    }\n\n    .post-right-comments-container > .new-separator,\n    .post + .new-separator {\n        .NotificationSeparator {\n            padding-top: 1em;\n        }\n    }\n\n    .Separator + .new-separator {\n        .NotificationSeparator {\n            padding-top: 2em;\n        }\n    }\n\n    > div {\n        flex: 1 1 auto;\n    }\n\n    .channel-archived-warning__container {\n        padding-top: 16px;\n    }\n\n    .channel-archived-warning__content {\n        display: flex;\n        justify-content: center;\n        padding: 24px;\n        padding-right: 47.5px;\n        padding-left: 46.5px;\n        margin: 0 auto;\n        line-height: 20px;\n        text-align: center;\n\n        svg {\n            margin-right: 3.4px;\n        }\n    }\n}\n",".FileSearchResultItem {\n    display: flex;\n    overflow: hidden;\n    max-width: 600px;\n    flex-direction: row;\n    flex-grow: 1;\n    align-items: center;\n    padding: 11px;\n    border: 1px solid rgba(var(--center-channel-color-rgb), 0.16);\n    margin: 0 14px 8px 14px;\n    background: transparent;\n    border-radius: 4px;\n    color: var(--center-channel-color);\n    cursor: pointer;\n    transition: box-shadow 0.15s ease;\n\n    .Menu__content {\n        border: 1px solid rgba(var(--center-channel-color-rgb), 0.16);\n        background-color: var(--center-channel-bg);\n    }\n\n    &:hover,\n    &:focus-within,\n    &.keep-open {\n        overflow: visible;\n        box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.1), 0 2px 3px 0 rgba(0, 0, 0, 0.1);\n\n        .action-icon {\n            display: flex;\n            opacity: 1;\n        }\n\n        .MenuWrapper {\n            display: block;\n            opacity: 1;\n        }\n\n        .fileData {\n            overflow: hidden;\n        }\n    }\n\n    .file-icon {\n        width: 4rem;\n        min-width: 4rem;\n        height: 4rem;\n    }\n\n    .fileData {\n        display: flex;\n        min-width: 0;\n        flex-direction: column;\n        flex-grow: 1;\n        padding: 0 11px;\n        font-size: 12px;\n        font-weight: 600;\n        text-overflow: ellipsis;\n        white-space: nowrap;\n\n        .fileDataName {\n            overflow: hidden;\n            margin-bottom: 3px;\n            text-align: left;\n            text-overflow: ellipsis;\n        }\n\n        .fileMetadata {\n            display: flex;\n            flex-direction: row;\n            font-weight: 400;\n            gap: 8px;\n\n            > :not(.Tag) {\n                opacity: 0.56;\n            }\n\n            .Tag {\n                max-width: 100px;\n            }\n        }\n    }\n\n    .post-image {\n        min-width: 4rem;\n    }\n\n    .action-icon {\n        display: flex;\n        width: 32px;\n        min-width: 32px;\n        height: 32px;\n        justify-content: center;\n        margin-left: 8px;\n        background-color: var(--center-channel-bg);\n        border-radius: 4px;\n        color: rgba(var(--center-channel-color-rgb), 0.72);\n        cursor: pointer;\n        fill: rgba(var(--center-channel-color-rgb), 0.72);\n        opacity: 0;\n        text-decoration: none;\n        transition: opacity 0.15s ease;\n\n        &.download-icon {\n            margin-right: 6px;\n        }\n\n        svg {\n            display: flex;\n        }\n\n        &:hover {\n            background-color: rgba(var(--center-channel-color-rgb), 0.08);\n            color: rgba(var(--center-channel-color-rgb), 0.72);\n        }\n    }\n\n    .MenuWrapper {\n        display: flex;\n        opacity: 0;\n    }\n}\n",".FilesFilterMenu {\n    .MenuWrapper {\n        z-index: 100;\n        align-self: end;\n\n        .action-icon {\n            z-index: 5;\n            display: flex;\n            min-width: 32px;\n            height: 32px;\n            align-items: center;\n            justify-content: center;\n            padding: 0;\n            border: none;\n            background: transparent;\n            border-radius: 4px;\n            color: rgba(var(--center-channel-color-rgb), 0.56);\n            cursor: pointer;\n            text-align: center;\n\n            .icon-dot {\n                position: absolute;\n                top: 6px;\n                right: 6px;\n                width: 10px;\n                height: 10px;\n                border: 2px solid var(--center-channel-bg);\n                background-color: var(--button-bg);\n                border-radius: 50%;\n            }\n\n            &:hover {\n                background: rgba(var(--center-channel-color-rgb), 0.08);\n                color: rgba(var(--center-channel-color-rgb), 0.72);\n            }\n        }\n    }\n\n    .MenuItem {\n        span.icon {\n            position: absolute;\n            right: 13px;\n            color: var(--button-bg);\n        }\n    }\n}\n",".MessagesOrFilesSelector {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 7px;\n    border-bottom: 1px solid rgba(var(--center-channel-color-rgb), 0.08);\n\n    .buttons-container {\n        margin: 7px 0;\n    }\n\n    .tab {\n        padding: 4px 12px;\n        border: 0;\n        margin-right: 4px;\n        background-color: rgba(var(--center-channel-bg-rgb), 1);\n        border-radius: 4px;\n        color: rgba(var(--center-channel-color-rgb), 0.56);\n        cursor: pointer;\n        font-weight: 600;\n        text-decoration: none;\n\n        &.active {\n            background-color: rgba(var(--button-bg-rgb), 0.08);\n            border-radius: 4px;\n            color: var(--button-bg);\n\n            .counter {\n                background-color: rgba(var(--button-bg-rgb), 0.08);\n            }\n        }\n\n        .counter {\n            position: relative;\n            bottom: 1px;\n            padding: 1px 6px;\n            margin-left: 4px;\n            background-color: rgba(var(--center-channel-color-rgb), 0.08);\n            border-radius: 8px;\n            font-size: 10px;\n            font-weight: 700;\n        }\n    }\n}\n",".SearchResults {\n    .messages-or-files {\n        .active {\n            background-color: rgba(var(--buton-bg-rgb), 0.08);\n        }\n\n        a {\n            padding: 4px 12px;\n            margin-left: 10px;\n            text-decoration: none;\n        }\n    }\n\n    .channel-files__header {\n        display: flex;\n        align-items: center;\n        justify-content: space-between;\n        padding: 7px 14px;\n\n        .channel-files__title {\n            font-size: 14px;\n            font-weight: 600;\n        }\n    }\n\n    .channel-files-container {\n        padding-top: 0;\n    }\n}\n","// Copyright (c) 2015-present Mattermost, Inc. All Rights Reserved.\n// See LICENSE.txt for license information.\n\n$app-bar-icon-size: 24px;\n$app-bar-width: 48px;\n\n.app-bar {\n    // Do not show App Bar if on mobile\n    @media (max-width: 768px) {\n        display: none;\n    }\n\n    position: relative;\n    width: $app-bar-width;\n    background-color: var(--center-channel-bg);\n    -ms-overflow-style: none;\n    overflow-x: hidden;\n    overflow-y: scroll;\n    scrollbar-width: none;\n    text-align: center;\n\n    .app-bar__icon {\n        position: relative;\n        // Render App Bar icons on top of the RHS background div\n        //(see `@media screen and (min-width: 769px) > #sidebar-right` in sass/layout/_sidebar-right.scss)\n        z-index: 21;\n        width: 100%;\n        border-left: none;\n        margin-bottom: 16px;\n        cursor: pointer;\n\n        &--active {\n            &::before {\n                position: absolute;\n                top: 0;\n                left: 0;\n                width: 3px;\n                height: $app-bar-icon-size;\n                background-color: var(--sidebar-text-active-border);\n                border-radius: 0 2px 2px 0;\n                content: '';\n            }\n\n            .app-bar__icon-inner,\n            span:not(.pulsating_dot) {\n                // if we want to show a tourtip/pulsating dot in any of the app bar icons, these styles must be ommitted when span.pulsating_dot\n                box-shadow: 0 0 0 2px var(--sidebar-text-active-border);\n\n                &:hover {\n                    box-shadow: 0 0 0 2px rgba(var(--sidebar-text-active-border-rgb), 0.92) !important;\n                }\n            }\n        }\n\n        .app-bar__icon-inner,\n        span:not(.pulsating_dot) {\n            display: block;\n            overflow: hidden;\n            width: $app-bar-icon-size;\n            height: $app-bar-icon-size;\n            margin: 0 auto;\n            border-radius: 50%;\n            line-height: 1;\n\n            &:hover {\n                box-shadow: 0 0 0 2px rgba(var(--center-channel-color-rgb), 0.16);\n            }\n\n            img {\n                width: $app-bar-icon-size;\n                height: $app-bar-icon-size;\n                border-radius: 50%;\n            }\n        }\n\n        span:not(.pulsating_dot) {\n            padding: 2px;\n            background-color: white;\n            fill: var(--button-bg);\n            font-size: 14px;\n            line-height: 20px;\n            vertical-align: middle;\n\n            &.CompassIcon,\n            &.icon-brand-zoom {\n                font-size: 20px;\n\n                &::before {\n                    margin: 0 0 0 0.5px;\n                }\n            }\n        }\n\n        .app-bar__old-icon {\n            color: rgba(var(--center-channel-color-rgb), 0.56);\n\n            &:hover,\n            &--active {\n                color: rgba(var(--center-channel-color-rgb), 0.72);\n            }\n        }\n\n        .app-bar__icon-inner--centered {\n            display: grid;\n            place-items: center;\n        }\n    }\n\n    .app-bar__divider {\n        width: 28px;\n        border-top: 1px solid rgba(var(--center-channel-color-rgb), 0.16);\n        margin-top: 14px;\n        margin-bottom: 14px;\n    }\n\n    .app-bar__icon.channel-header__icon--active {\n        background: rgba(var(--button-bg-rgb), 0.08);\n        color: var(--button-bg);\n        fill: var(--button-bg);\n    }\n}\n\n// This style is defined outside the .app-bar block above because it doesn't seem to work when defined there\n.app-bar::-webkit-scrollbar {\n    display: none;\n}\n",".about-modal.cloud {\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    margin: auto;\n    transform: translate(-50%, -50%) !important;\n\n    .about-modal__hash {\n        padding-bottom: 20px;\n    }\n\n    .modal-content {\n        overflow: hidden;\n        border: 1px solid rgba(var(--center-channel-color-rgb), 0.16);\n        border-radius: 8px;\n        box-shadow: 0 20px 32px rgba(0, 0, 0, 0.12);\n\n        .modal-header {\n            width: 600px;\n            height: 66px;\n        }\n\n        .modal-body {\n            overflow: hidden;\n            width: 600px;\n            padding: 0 50px;\n\n            .about-modal__logo {\n                padding-right: 32px;\n                padding-left: 0;\n\n                svg {\n                    width: 104px;\n                    height: 104px;\n                }\n            }\n\n            .about-modal__title {\n                margin: 0;\n                font-size: 24px;\n                font-weight: 600;\n                line-height: 32px;\n            }\n\n            .about-modal__content {\n                padding-top: 46px;\n            }\n\n            .subtitle {\n                top: 32px;\n                left: 0;\n                width: 294px;\n                height: 24px;\n                margin-bottom: 16px;\n                color: var(--center-channel-color);\n                font-size: 16px;\n                line-height: 24px;\n            }\n\n            .description,\n            .form-group {\n                top: 0;\n                left: 0;\n                width: 342px;\n                height: 20px;\n                align-self: center;\n                margin: 0 0;\n                color: rgba(var(--center-channel-color-rgb), 0.64);\n                font-size: 14px;\n                line-height: 20px;\n            }\n\n            .about-footer {\n                margin-top: 16px;\n                color: rgba(var(--center-channel-color-rgb), 0.64);\n                font-size: 12px;\n                line-height: 16px;\n\n                .copy-right {\n                    margin-top: 12px;\n                }\n            }\n        }\n    }\n}\n","// Copyright (c) 2015-present Mattermost, Inc. All Rights Reserved.\n// See LICENSE.txt for license information.\n\n@import 'utils/mixins';\n\n.FeatureRestrictedModal {\n    &__description {\n        color: var(--center-channel-color);\n        font-size: 14px;\n        font-weight: 400;\n        line-height: 20px;\n    }\n\n    &__terms {\n        padding-top: 14px;\n        color: rgba(var(--center-channel-color-rgb), 0.72);\n        font-size: 12px;\n        font-weight: 400;\n        line-height: 16px;\n\n        a {\n            @include link;\n        }\n    }\n\n    &__buttons {\n        display: flex;\n        justify-content: space-between;\n        padding: 24px 0;\n\n        .button-plans {\n            @include tertiary-button;\n            @include button-medium;\n        }\n\n        .button-trial {\n            @include primary-button;\n            @include button-medium;\n        }\n\n        &.single {\n            justify-content: flex-end;\n\n            .button-plans {\n                @include primary-button;\n            }\n        }\n    }\n}\n","// Copyright (c) 2015-present Mattermost, Inc. All Rights Reserved.\n// See LICENSE.txt for license information.\n\n.RestrictedIndicator__icon-tooltip-container {\n    display: flex;\n    height: 100%;\n    flex: 1;\n    align-self: stretch;\n    padding: 0 10px;\n\n    .RestrictedIndicator__button {\n        padding: 0 !important;\n    }\n\n    .RestrictedIndicator__icon-tooltip {\n        padding: 5px 0;\n        color: var(--denim-button-bg);\n        line-height: 22px;\n\n        &.trial::before {\n            content: \"\\26a1\"; /* High Voltage Sign */\n        }\n    }\n}\n\na,\nbutton {\n    &:focus,\n    &:hover {\n        & + .RestrictedIndicator__icon-tooltip-container {\n            background-color: rgba(var(--center-channel-color-rgb), 0.1);\n        }\n    }\n}\n\n.RestrictedIndicator__icon-tooltip {\n    max-width: 240px;\n    align-items: center;\n\n    .title {\n        display: block;\n        line-height: 15px;\n    }\n\n    .message {\n        font-size: 11px;\n        letter-spacing: 0.02em;\n        line-height: 16px;\n        opacity: 0.56;\n    }\n}\n","@import 'utils/variables';\n\n.annnouncementBar__purchaseNow {\n    display: block;\n    padding: 12px 20px;\n    border: none;\n    margin-top: 15px;\n    background: var(--sys-button-bg);\n    border-radius: 4px;\n    color: var(--sys-button-color);\n\n    span {\n        font-size: 14px;\n        font-weight: 600;\n        line-height: 14px;\n    }\n}\n",".noInternetConnection__container {\n    display: flex;\n    flex-direction: column;\n    text-align: center;\n\n    .noInternetConnection__noAccessToInternet {\n        width: 304px;\n        height: 56px;\n        margin: 0 auto;\n        color: rgba(var(--center-channel-color-rgb), 1);\n        font-family: Open Sans;\n        font-size: 20px;\n        font-style: normal;\n        font-weight: 600;\n        line-height: 28px;\n        text-align: center;\n    }\n\n    .noInternetConnection__contactSupport,\n    .noInternetConnection__emailUs {\n        color: rgba(var(--center-channel-color-rgb), 0.72);\n        font-size: 16px;\n        font-style: normal;\n        font-weight: normal;\n        line-height: 28px;\n        text-align: center;\n    }\n\n    .noInternetConnection__image {\n        margin: 0 auto;\n    }\n}\n","@import 'utils/variables';\n\n.annnouncementBar__renewLicense {\n    display: block;\n    padding: 12px 20px;\n    border: none;\n    margin-top: 15px;\n    background: var(--sys-button-bg);\n    border-radius: 4px;\n    color: var(--sys-button-color);\n\n    span {\n        font-size: 14px;\n        font-weight: 600;\n        line-height: 14px;\n    }\n}\n",".StartTrialModal {\n    .modal-dialog {\n        position: absolute;\n        top: 50%;\n        left: 50%;\n        width: 512px;\n        height: 496px;\n        border: 1 px solid rgba(var(--center-channel-color-rgb), 0.08);\n        margin: auto;\n        border-radius: 8px;\n        transform: translate(-50%, -50%) !important;\n    }\n\n    .modal-content {\n        border-radius: 8px;\n    }\n\n    .modal-header {\n        .close {\n            &:hover,\n            &:active,\n            &:focus,\n            &:active:focus {\n                background-color: rgba(var(--center-channel-color-rgb), 0.08);\n                color: rgba(var(--center-channel-color-rgb), 0.72);\n                opacity: 1;\n            }\n\n            top: 6px;\n            right: 4px;\n            width: 4rem;\n            height: 4rem;\n            border-radius: 4px;\n            color: rgba(var(--center-channel-color-rgb), 0.56) !important;\n            font-family:\n                'Open Sans',\n                sans-serif;\n            font-size: 32px;\n            font-weight: 400;\n        }\n\n        height: 48px;\n        min-height: 48px;\n        padding: 0;\n        border: 0;\n        background: var(--center-channel-bg) !important;\n        border-radius: 8px;\n        color: var(--center-channel-color);\n    }\n\n    .modal-body {\n        display: flex;\n        overflow: hidden;\n        width: 100%;\n        flex-direction: column;\n        padding: 0;\n\n        .upgrade-image {\n            display: block;\n            margin: auto;\n        }\n\n        .title {\n            width: 80%;\n            margin: 0 auto;\n            margin-top: 16px;\n            font-family: Metropolis, sans-serif;\n            font-size: 22px;\n            font-style: normal;\n            font-weight: 600;\n            line-height: 28px;\n            text-align: center;\n        }\n\n        .description {\n            width: 80%;\n            margin: 0 auto;\n            margin-top: 8px;\n            font-family: 'Open Sans';\n            font-size: 14px;\n            font-style: normal;\n            font-weight: normal;\n            line-height: 16px;\n            text-align: center;\n        }\n\n        .disclaimer {\n            width: 80%;\n            height: 32px;\n            margin: 10px auto;\n            margin-bottom: 32px;\n            font-family: 'Open Sans';\n            font-size: 12px;\n            font-style: normal;\n            font-weight: normal;\n            line-height: 16px;\n            text-align: center;\n        }\n\n        .buttons {\n            margin-top: 32px;\n            margin-bottom: 32px;\n            text-align: center;\n\n            .dismiss-btn {\n                &:hover,\n                &:active,\n                &:focus,\n                &:active:focus {\n                    border: none;\n                    background: rgba(var(--button-bg-rgb), 0.08);\n                    border-radius: 4px;\n                }\n\n                height: 40px;\n                align-items: center;\n                align-self: center;\n                border: none;\n                background: var(--center-channel-bg);\n                color: var(--button-bg);\n                font-size: 14px;\n                font-weight: 600;\n                line-height: 14px;\n            }\n\n            .confirm-btn {\n                &:hover,\n                &:active,\n                &:focus,\n                &:active:focus {\n                    background:\n                        linear-gradient(0deg, rgba(0, 0, 0, 0.16), rgba(0, 0, 0, 0.16)),\n                        var(--button-bg);\n                }\n\n                height: 40px;\n                flex: none;\n                padding: 12px 20px;\n                border: none;\n                margin-left: 8px;\n                background: var(--button-bg);\n                border-radius: 4px;\n                color: var(--sys-button-color);\n                font-size: 14px;\n                font-weight: 600;\n                line-height: 14px;\n            }\n        }\n    }\n\n    .modal-centered {\n        text-align: center;\n    }\n}\n","@import 'utils/variables';\n@import 'utils/mixins';\n\n//  since the modal is kind of tall, this makes it look more aligned to the top and the content better distributed\n.GenericModal.modal-dialog {\n    margin-top: calc(40vh - 240px) !important;\n}\n\n.ThreeDaysLeftTrialModal {\n    .modal-content,\n    .modal-header {\n        border-radius: 8px;\n    }\n\n    .modal-body {\n        display: flex;\n        overflow: hidden;\n        width: 100%;\n        flex-direction: column;\n        padding-bottom: 24px !important;\n\n        .header-subtitle-text {\n            color: rgba(var(--center-channel-color-rgb), 0.72);\n            font-size: 12px;\n            font-weight: 400;\n            line-height: 16px;\n        }\n\n        .content-container {\n            display: flex;\n            flex-direction: column;\n            margin-right: 24px;\n\n            .three-days-left-card {\n                display: flex;\n                width: 100%;\n                height: 136px;\n                align-items: flex-start;\n                padding: 28px 0 16px;\n                gap: 10px;\n\n                .svg-wrapper {\n                    width: 130px;\n                    height: 91px;\n                }\n\n                .content-wrapper {\n                    display: flex;\n                    flex-direction: column;\n                    margin-left: 15px;\n                    font-family: 'Open Sans';\n                    font-style: normal;\n\n                    .title {\n                        color: var(--center-channel-color);\n                        font-size: 14px;\n                        font-weight: 600;\n                        line-height: 20px;\n                    }\n\n                    .description {\n                        margin-top: 8px;\n                        font-size: 14px;\n                        font-weight: 400;\n                        line-height: 20px;\n                    }\n\n                    .LearnMoreActionButton {\n                        margin-left: 5px;\n                    }\n                }\n            }\n\n            .workspace-limits-panel {\n                margin: 24px 0;\n\n                .limits-title {\n                    color: rgba(var(--center-channel-color-rgb), 0.56);\n                    font-size: 10px;\n                    font-weight: 700;\n                    letter-spacing: 0.02em;\n                    line-height: 16px;\n                    text-transform: uppercase;\n                }\n            }\n        }\n\n        .divisory-line {\n            width: 598px;\n            border-top: 1px solid rgba(var(--center-channel-color-rgb), 0.1);\n            margin-left: -32px;\n        }\n\n        .footer-content {\n            display: flex;\n            min-height: 60px;\n\n            .open-view-plans-modal-btn {\n                align-self: self-end;\n                margin-top: 24px;\n                margin-left: auto;\n\n                @include primary-button;\n                @include button-medium;\n\n                &:focus-visible {\n                    outline: none !important;\n                }\n\n                &:focus {\n                    border: 0;\n                }\n            }\n        }\n    }\n}\n","@import 'utils/mixins';\n\n.overage_users_banner {\n    &__description {\n        color: var(--center-channel-text);\n        font-size: 14px;\n        font-weight: 400;\n        line-height: 20px;\n    }\n\n    &__button {\n        @include link;\n\n        background: transparent;\n        font-size: 14px;\n    }\n}\n",".public-private-selector {\n    display: flex;\n    flex-direction: row;\n\n    .public-private-selector-button {\n        display: flex;\n        min-width: 0;\n        box-sizing: border-box;\n        flex: 1;\n        align-items: center;\n        padding: 12px 22px 12px 12px;\n        border: 1px solid rgba(var(--center-channel-color-rgb), 0.16);\n        background: var(--center-channel-bg);\n        border-radius: 4px;\n        box-shadow: var(--elevation-1);\n\n        &:not(:first-child) {\n            margin-left: 8px;\n        }\n\n        &.a11y--focused,\n        &:hover {\n            border: 1px solid rgba(var(--center-channel-color-rgb), 0.16);\n            box-shadow: var(--elevation-2);\n        }\n\n        &.selected {\n            border: 1px solid rgba(var(--sidebar-text-active-border-rgb), 0.32);\n\n            .public-private-selector-button-icon,\n            .public-private-selector-button-icon-check {\n                fill: var(--button-bg);\n            }\n\n            &:hover {\n                border: 1px solid rgba(var(--sidebar-text-active-border-rgb), 0.4);\n                box-shadow: var(--elevation-2);\n            }\n        }\n\n        &.disabled,\n        &.locked {\n            border: 1px solid rgba(var(--center-channel-color-rgb), 0.16);\n            cursor: not-allowed;\n            opacity: 0.4;\n\n            &:hover {\n                border: 1px solid rgba(var(--center-channel-color-rgb), 0.16);\n                box-shadow: var(--elevation-1);\n            }\n\n            &.selected {\n                border: 1px solid rgba(var(--sidebar-text-active-border-rgb), 0.32);\n            }\n        }\n\n        .public-private-selector-button-text {\n            min-width: 0;\n            flex: 1;\n            margin-left: 12px;\n            text-align: left;\n\n            .public-private-selector-button-title {\n                overflow: hidden;\n                color: var(--center-channel-color);\n                font-size: 14px;\n                font-weight: 600;\n                line-height: 20px;\n                text-overflow: ellipsis;\n                white-space: nowrap;\n\n                .public-private-selector-button-icon-upgrade {\n                    display: inline-flex;\n                    width: 16px;\n                    height: 16px;\n                    margin-left: 8px;\n                    fill: var(--online-indicator);\n                    vertical-align: sub;\n                }\n            }\n\n            .public-private-selector-button-description {\n                overflow: hidden;\n                color: rgba(var(--center-channel-color-rgb), 0.72);\n                font-size: 12px;\n                line-height: 16px;\n                text-overflow: ellipsis;\n                white-space: nowrap;\n            }\n        }\n\n        .public-private-selector-button-icon {\n            display: flex;\n            flex: none;\n            fill: rgba(var(--center-channel-color-rgb), 0.56);\n        }\n\n        .public-private-selector-button-icon-check {\n            display: flex;\n            flex: none;\n            margin-left: auto;\n        }\n    }\n\n    @media screen and (max-width: 640px) {\n        flex-direction: column;\n\n        .public-private-selector-button {\n            &:not(:first-child) {\n                margin: 8px 0 0;\n            }\n        }\n    }\n}\n",".Accordion {\n    width: 100%;\n    padding: 0;\n    margin: 0;\n    list-style: none;\n\n    .accordion-card {\n        box-sizing: border-box;\n        border: 1px solid rgba(var(--center-channel-color-rgb) 0.08);\n        background: var(--center-channel-bg);\n        border-radius: 4px;\n        box-shadow: var(--elevation-1);\n\n        .accordion-card:not(:first-of-type) {\n            border-top: 0;\n        }\n\n        .accordion-card-header {\n            display: flex;\n            width: 100%;\n            flex-direction: row;\n            align-items: flex-start;\n            padding: 15px 20px;\n            border: 0;\n            background-color: var(--center-channel-bg);\n            font-size: 18px;\n            font-weight: 400;\n\n            &__icon {\n                width: fit-content;\n                max-width: 15%;\n                padding: 5px;\n            }\n\n            &__body {\n                display: flex;\n                width: fit-content;\n                max-width: 80%;\n                flex-direction: column;\n                padding: 5px;\n\n                &__title {\n                    width: 100%;\n                    margin: 0;\n                }\n\n                &__description {\n                    width: 100%;\n                    margin: 0;\n                }\n            }\n\n            &__chevron {\n                width: fit-content;\n                max-width: 5%;\n                padding: 5px;\n                margin-left: auto;\n                opacity: 0.5;\n            }\n        }\n\n        &.active .accordion-card-header__chevron {\n            transform: rotate(-180deg);\n        }\n\n        .accordion-card-container {\n            overflow: hidden;\n            transition: height 0.2s ease-in-out;\n\n            &__content {\n                padding: 15px 20px;\n                border-top: 1px solid rgba(var(--center-channel-color-rgb) 0.04);\n            }\n        }\n    }\n}\n","// Copyright (c) 2015-present Mattermost, Inc. All Rights Reserved.\n// See LICENSE.txt for license information.\n\n#systemConsole {\n    position: relative;\n}\n\n.system-console-visit {\n    position: absolute;\n    top: 0;\n    right: 0;\n    bottom: 0;\n    left: 0;\n}\n","#statusDropdownMenu {\n    .icon {\n        position: relative;\n        display: inline-flex;\n        width: 24px;\n        height: 24px;\n        justify-content: center;\n        padding: 0;\n        margin: 0 8px 0 0;\n\n        span {\n            display: flex;\n        }\n\n        svg {\n            width: 16px;\n            height: 16px;\n        }\n    }\n\n    #status-menu-dnd {\n        padding: 4px 16px;\n\n        .dropdown-menu {\n            margin: auto;\n\n            #dndSubMenu-header {\n                font-weight: bold;\n                pointer-events: none;\n            }\n        }\n\n        .icon {\n            top: 2px;\n        }\n\n        .SubMenu__icon-right {\n            padding-top: 5px;\n        }\n    }\n}\n\n#status-menu-dnd_menuitem {\n    .SubMenuItem.MenuItem {\n        flex-grow: 1;\n    }\n\n    .SubMenuItemContainer {\n        &:hover,\n        &:focus {\n            background-color: unset;\n        }\n    }\n\n    #dndTime-tomorrow .dndTime-tomorrow_timestamp {\n        &::before {\n            content: \"\\00a0\";\n        }\n\n        margin-left: auto;\n        opacity: 0.7;\n    }\n}\n\nbutton.custom_status__row {\n    position: relative;\n    height: auto;\n    font-size: inherit;\n\n    &.flex {\n        display: flex;\n    }\n\n    &:hover {\n        background-color: rgba(var(--center-channel-color-rgb), 0.08);\n\n        .custom-status-emoji {\n            fill: rgba(var(--center-channel-color-rgb), 0.72);\n        }\n    }\n\n    &:active {\n        background-color: rgba(var(--button-bg-rgb), 0.08);\n    }\n}\n\n.custom_status {\n    &__container {\n        display: flex;\n        padding: 7px 0;\n        line-height: 20px;\n    }\n\n    &__icon {\n        margin-right: 12px;\n    }\n\n    &__text {\n        overflow: hidden;\n        max-width: 73%;\n        height: 16px;\n        line-height: 16px;\n        text-overflow: ellipsis;\n        white-space: nowrap;\n    }\n\n    &__expiry {\n        font-size: 12px;\n        line-height: 16px;\n        opacity: 0.7;\n\n        &.padded {\n            display: block;\n            padding-left: 28px;\n        }\n    }\n}\n\n#custom_status__clear {\n    position: absolute;\n    top: 0;\n    right: 10px;\n    width: auto;\n    padding: 0;\n    color: rgba(var(--center-channel-color-rgb), 0.52);\n\n    &:hover {\n        background: transparent;\n    }\n}\n\n.custom-status {\n    &-emoji {\n        fill: rgba(var(--center-channel-color-rgb), 0.56);\n    }\n\n    &-suggestion-emoji > span:first-child {\n        background-size: 20px;\n    }\n}\n\n.status-dropdown-menu-global-header {\n    padding: 4px 8px;\n    border-radius: 4px;\n\n    .icon > i:not(.status-icon) {\n        color: rgba(var(--center-channel-color-rgb), 0.56);\n        font-family: \"compass-icons\";\n    }\n\n    &:hover {\n        background: var(--sidebar-text-08);\n        cursor: pointer;\n\n        .status {\n            background-image:\n                linear-gradient(\n                    0deg,\n                    rgba(var(--global-header-text-rgb), 0.08),\n                    rgba(var(--global-header-text-rgb), 0.08)\n                );\n        }\n    }\n\n    &.active {\n        background: rgba(var(--global-header-text-rgb), 0.16);\n\n        .status {\n            background-image:\n                linear-gradient(\n                    0deg,\n                    rgba(var(--global-header-text-rgb), 0.16),\n                    rgba(var(--global-header-text-rgb), 0.16)\n                );\n        }\n    }\n\n    .Menu__content {\n        right: -1px;\n        left: inherit;\n        width: 264px;\n    }\n\n    .custom_status__row > #custom_status__clear {\n        top: 4px;\n    }\n\n    .custom_status__container {\n        align-items: center;\n        line-height: 14px;\n    }\n\n    .username-wrapper {\n        padding: 0 12px;\n\n        > p {\n            overflow: hidden;\n            max-width: 150px;\n            text-overflow: ellipsis;\n            white-space: nowrap;\n\n            &.bold {\n                font-weight: 600;\n            }\n        }\n    }\n\n    .MenuHeader {\n        height: 50px;\n        padding: 0 16px;\n        cursor: pointer;\n\n        &:hover {\n            background-color: rgba(var(--center-channel-color-rgb), 0.1);\n        }\n    }\n\n    .MenuItem > button,\n    #status-menu-dnd {\n        padding: 1px 16px;\n\n        .flex {\n            display: flex;\n        }\n\n        .MenuItem__primary-text,\n        .grid {\n            display: grid;\n            align-items: center;\n            grid-template-columns: auto 1fr auto auto auto;\n\n            .SubMenu__icon-right {\n                padding-top: 0;\n                padding-left: 12px;\n            }\n        }\n\n        > .MenuItem__help-text {\n            padding-left: 28px;\n        }\n    }\n\n    #statusDropdownMenu,\n    #statusDropdownMenu #status-menu-dnd {\n        .icon {\n            top: unset;\n            width: auto;\n            height: auto;\n            padding: 0 12px 0 0;\n            margin: 0;\n        }\n\n        .SubMenu__icon-right {\n            padding-top: 0;\n        }\n    }\n\n    .dnd--icon {\n        vertical-align: middle;\n    }\n\n    .status-wrapper {\n        display: flex;\n        height: auto;\n        align-items: center;\n\n        .status {\n            position: absolute;\n            top: auto;\n            right: -4px;\n            bottom: -4px;\n            display: inline-flex;\n            width: 16px;\n            height: 16px;\n            align-items: center;\n            justify-content: center;\n            background-color: var(--global-header-background);\n            color: var(--global-header-text);\n\n            &:hover {\n                cursor: pointer;\n            }\n\n            svg {\n                top: 0;\n            }\n        }\n    }\n}\n\n@keyframes pulse1 {\n    0% {\n        opacity: 1;\n        transform: scale(1);\n    }\n\n    80% {\n        opacity: 0;\n        transform: scale(2.5);\n    }\n\n    100% {\n        opacity: 0;\n        transform: scale(2.5);\n    }\n}\n\n@keyframes pulse2 {\n    0% {\n        opacity: 1;\n        transform: scale(1);\n    }\n\n    30% {\n        opacity: 1;\n        transform: scale(1);\n    }\n\n    100% {\n        opacity: 0;\n        transform: scale(2.5);\n    }\n}\n\n.status-dropdpwn-menu .status-dropdown-menu__clear-container .input-clear {\n    position: absolute;\n    color: rgba(var(--center-channel-color-rgb), 0.72);\n    opacity: 1;\n}\n\n.status-dropdpwn-account-settings {\n    position: relative;\n}\n\n#accountSettings {\n    position: relative;\n}\n\n.account-settings-complete {\n    position: absolute;\n    top: 0;\n    right: 0;\n    bottom: 0;\n    left: 0;\n}\n","// Copyright (c) 2015-present Mattermost, Inc. All Rights Reserved.\n// See LICENSE.txt for license information.\n\n@import 'utils/mixins';\n\n.header-footer-route {\n    position: relative;\n    display: flex;\n    overflow: hidden;\n    width: 100%;\n    min-height: 100%;\n    flex-direction: column;\n    margin: 0 auto;\n    grid-area: center;\n\n    .header-footer-route-container {\n        display: flex;\n        width: 100%;\n        height: 100vh;\n        flex-flow: column;\n        background-image: url(\"images/admin-onboarding-background.jpg\");\n        background-position: center;\n        background-repeat: no-repeat;\n        background-size: cover;\n        // MM-45313 - Hack for issue in iOS Safari with scrolling\n        -webkit-overflow-scrolling: touch;\n        overflow-y: auto;\n    }\n}\n",".PreparingWorkspaceTitle {\n    display: flex;\n    margin-top: 0;\n    margin-bottom: 12px;\n    color: var(--sidebar-header-bg);\n    font-size: 56px;\n    letter-spacing: -0.01em;\n\n    .subtitle {\n        font-size: 18px;\n        line-height: 28px;\n    }\n\n    svg {\n        margin: 0 10px 0 20px;\n    }\n}\n\n@media screen and (max-width: 900px) {\n    .PreparingWorkspaceTitle {\n        flex-direction: column;\n        font-size: 36px;\n\n        .subtitle {\n            font-size: 14px;\n            line-height: 20px;\n        }\n    }\n}\n",".PreparingWorkspaceDescription {\n    margin-bottom: 24px;\n    color: rgba(var(--center-channel-color-rgb), 0.72);\n    font-size: 18px;\n}\n\n@media screen and (max-width: 900px) {\n    .PreparingWorkspaceDescription {\n        font-size: 16px;\n    }\n}\n",".LaunchingWorkspaceFullscreenWrapper-body {\n    position: fixed;\n    top: 0;\n    right: 0;\n    bottom: 0;\n    left: 0;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    background-image: url('images/admin-onboarding-background.jpg');\n    background-position: 50%;\n    background-repeat: no-repeat;\n    background-size: cover;\n    text-align: center;\n}\n\n.LaunchingWorkspaceFullscreenWrapper {\n    &-exit {\n        opacity: 1;\n    }\n\n    &-exit-active {\n        opacity: 0;\n        transition: opacity 500ms ease-in-out;\n    }\n\n    &-edit-done {\n        opacity: 0;\n    }\n\n    &__logo {\n        position: absolute;\n        z-index: 1;\n        top: 32px;\n        right: 32px;\n    }\n}\n\n.LaunchingWorkspace-body {\n    display: flex;\n    width: 420px;\n    height: 100vh;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    margin: auto;\n    text-align: center;\n\n    &--non-fullscreen {\n        position: fixed;\n        left: calc(50vw - 210px);\n    }\n}\n\n.LaunchingWorkspace {\n    &__spinner {\n        width: 32px;\n        margin-bottom: 16px;\n    }\n}\n\n.LaunchingWorkspace--enter-from-before {\n    &-enter {\n        opacity: 0;\n    }\n\n    &-enter-active {\n        opacity: 1;\n        transition: opacity 300ms ease-in-out;\n    }\n\n    &-enter-done {\n        opacity: 1;\n    }\n}\n\n.LaunchingWorkspace--exit-to-before {\n    &-exit {\n        opacity: 1;\n    }\n\n    &-exit-active {\n        opacity: 0;\n        transition: opacity 300ms ease-in-out;\n    }\n\n    &-exit-done {\n        opacity: 0;\n    }\n}\n",".header-footer-route .header-footer-route-container {\n    display: flex;\n    justify-content: space-between;\n}\n\n.AccessProblem {\n    &__body {\n        display: flex;\n        flex-direction: column;\n        align-items: center;\n        justify-content: center;\n    }\n\n    &__title {\n        display: flex;\n        align-items: center;\n        margin: 32px 0 16px 0;\n        color: var(--portal-denim);\n        font-family: 'Metropolis';\n        font-size: 22px;\n        font-style: normal;\n        font-weight: 600;\n        line-height: 28px;\n        text-align: center;\n    }\n\n    &__description {\n        display: flex;\n        max-width: 640px;\n        align-items: center;\n        padding: 0 40px;\n        color: var(--portal-denim);\n        font-family: 'Open Sans';\n        font-size: 14px;\n        font-style: normal;\n        font-weight: 400;\n        line-height: 20px;\n        text-align: center;\n    }\n}\n","@charset 'UTF-8';\n\n@import 'utils/module';\n\n.TeamIcon__content {\n    display: flex;\n    overflow: hidden;\n    height: 100%;\n    flex-direction: column;\n    justify-content: center;\n    border-radius: 8px;\n    transition: all 0.25s ease;\n\n    &.no-hover {\n        transition: none;\n    }\n}\n\n.TeamIcon__initials {\n    &.TeamIcon__initials__lg {\n        font-size: 3em;\n    }\n\n    &.TeamIcon__initials__sm {\n        font-size: 14px;\n    }\n}\n\n.TeamIcon {\n    position: relative;\n    width: 34px;\n    height: 34px;\n    box-sizing: content-box;\n    border: 3px solid rgba(255, 255, 255, 0);\n    background-color: rgba(var(--sidebar-text-rgb), 0.16);\n    border-radius: 8px;\n    font-weight: 600;\n    text-align: center;\n    text-transform: uppercase;\n    transform-origin: center center;\n    transition: box-shadow 0.3s, background-color 0.3s, border-color 0.3s;\n    will-change: box-shadow, background-color, border-color;\n\n    &:not(.no-hover):hover {\n        border-color: var(--sidebar-teambar-bg);\n        background-color: rgba(var(--sidebar-text-rgb), 0.3);\n        box-shadow: 0 0 0 3px rgba(var(--sidebar-text-rgb), 0.3);\n    }\n\n    &:active {\n        border-color: var(--sidebar-teambar-bg);\n        box-shadow: 0 0 0 3px var(--sidebar-text-active-border);\n    }\n\n    &.active {\n        border-color: var(--sidebar-teambar-bg);\n        background-color: rgba(var(--sidebar-text-rgb), 0.3);\n        box-shadow: 0 0 0 3px var(--sidebar-text-active-border);\n    }\n\n    &.TeamIcon__lg {\n        width: 94px;\n        height: 94px;\n    }\n\n    &.TeamIcon__sm {\n        width: 34px;\n        height: 34px;\n    }\n\n    &.withImage {\n        border: none;\n\n        &.TeamIcon__lg {\n            width: 100px;\n            height: 100px;\n        }\n\n        &.TeamIcon__sm {\n            width: 40px;\n            height: 40px;\n        }\n\n        .TeamIcon__image {\n            border-radius: 8px;\n            transition: box-shadow 200ms;\n        }\n\n        &:not(.no-hover):hover {\n            box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.32);\n\n            .TeamIcon__image {\n                box-shadow: inset 0 0 0 3px var(--sidebar-teambar-bg);\n            }\n        }\n    }\n\n    &.withImage.active {\n        box-shadow: 0 0 0 3px rgba(var(--sidebar-text-active-border-rgb), 0.72);\n\n        .TeamIcon__image {\n            box-shadow: inset 0 0 0 3px var(--sidebar-teambar-bg);\n        }\n    }\n\n    .TeamIcon__image {\n        @include clearfix;\n\n        width: 100%;\n        height: 100%;\n        background-color: $white;\n        background-repeat: unset;\n        background-size: 100% 100%;\n    }\n}\n","@import 'utils/mixins';\n\n.WelcomePostRenderer {\n    color: var(--center-channel-color);\n\n    &__ActionsContainer {\n        display: flex;\n        margin-top: 1em;\n\n        & > div {\n            margin-right: 1em;\n        }\n\n        button {\n            @include tertiary-button;\n            @include button-small;\n        }\n    }\n}\n"],"names":[],"sourceRoot":""}